:root{--wcrm-blue:#002496;--wcrm-blue2:#153db3;--wcrm-bg:#f4f6fa;--wcrm-card:#fff;--wcrm-text:#17213c;--wcrm-muted:#687087;--wcrm-line:#e3e7ef;--wcrm-green:#1f8b4c;--wcrm-amber:#c77d0a;--wcrm-red:#c43c3c;--wcrm-shadow:0 8px 28px rgba(23,33,60,.07)}
.wcrm-app,.wcrm-login-page,.wcrm-public{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--wcrm-text)}
.wcrm-app{max-width:1180px;margin:0 auto;padding:0 14px 92px;background:var(--wcrm-bg);min-height:100vh}
.wcrm-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 2px 14px;background:rgba(244,246,250,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(227,231,239,.75)}
.wcrm-kicker{display:block;font-size:10px;letter-spacing:1.15px;font-weight:900;color:var(--wcrm-blue);margin-bottom:3px}.wcrm-topbar h1{margin:0;font-size:28px;line-height:1.05;letter-spacing:-.6px}.wcrm-user{text-align:right}.wcrm-user strong{display:block;font-size:13px}.wcrm-user span{display:block;font-size:11px;color:var(--wcrm-muted);margin-top:2px}
.wcrm-content{padding-top:18px}.wcrm-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,var(--wcrm-blue),#173d9f);color:#fff;border-radius:22px;padding:24px;margin-bottom:16px;box-shadow:var(--wcrm-shadow)}.wcrm-hero span{font-size:12px;opacity:.8}.wcrm-hero h2{font-size:30px;margin:2px 0 6px}.wcrm-hero p{margin:0;opacity:.83}
.wcrm-primary,.wcrm-secondary,.wcrm-stage-actions button,.wcrm-note-form button,.wcrm-search button{min-height:52px;border:0;border-radius:14px;padding:0 18px;font-weight:850;font-size:15px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.wcrm-primary{background:var(--wcrm-blue);color:#fff!important}.wcrm-hero .wcrm-primary{background:#fff;color:var(--wcrm-blue)!important}.wcrm-secondary{background:#edf1ff;color:var(--wcrm-blue)!important}.wcrm-primary:active,.wcrm-secondary:active{transform:translateY(1px)}
.wcrm-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.wcrm-stat{background:var(--wcrm-card);border:1px solid var(--wcrm-line);border-radius:18px;padding:18px;text-decoration:none;color:var(--wcrm-text);box-shadow:0 3px 16px rgba(23,33,60,.035)}.wcrm-stat strong{display:block;color:var(--wcrm-blue);font-size:30px;line-height:1}.wcrm-stat span{display:block;margin-top:8px;color:var(--wcrm-muted);font-size:12px;font-weight:800}
.wcrm-section,.wcrm-sheet{background:var(--wcrm-card);border:1px solid var(--wcrm-line);border-radius:20px;padding:18px;margin-bottom:16px;box-shadow:0 4px 20px rgba(23,33,60,.03)}.wcrm-section h2,.wcrm-sheet h2,.wcrm-sheet h3{margin:0 0 14px}.wcrm-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.wcrm-section-head h2{margin:0}.wcrm-section-head a,.wcrm-section-head span{font-size:12px;color:var(--wcrm-muted);text-decoration:none}
.wcrm-row,.wcrm-card-link,.wcrm-job-card{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid var(--wcrm-line);border-radius:15px;padding:15px;margin:10px 0;color:var(--wcrm-text);text-decoration:none}.wcrm-row>div:first-child,.wcrm-card-main{min-width:0;flex:1}.wcrm-row strong,.wcrm-card-link strong,.wcrm-job-card strong{display:block;font-size:15px}.wcrm-row span,.wcrm-card-link span,.wcrm-job-card span{display:block;font-size:12px;color:var(--wcrm-muted);margin-top:3px}.wcrm-card-link small,.wcrm-job-card small{display:block;font-size:11px;color:#8a91a2;margin-top:4px}.wcrm-card-link:hover,.wcrm-job-card:hover{border-color:#c8d2ef;box-shadow:0 5px 20px rgba(0,36,150,.06)}
.wcrm-job-card{padding:14px 15px}.wcrm-job-time{width:62px;flex:0 0 62px}.wcrm-job-time strong{font-size:18px;color:var(--wcrm-blue)}.wcrm-job-time span{font-size:10px}.wcrm-chevron{font-size:30px!important;line-height:1;color:#a4aaba!important}.wcrm-badge{display:inline-flex!important;align-items:center;justify-content:center;background:#edf1ff;color:var(--wcrm-blue)!important;border-radius:999px;padding:7px 10px;font-size:10px!important;font-weight:900;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}
.wcrm-empty{border:1px dashed #cbd2df;border-radius:14px;padding:20px;color:var(--wcrm-muted);text-align:center}.wcrm-empty.small{padding:12px;font-size:12px}.wcrm-muted{color:var(--wcrm-muted);font-size:13px}.wcrm-toast,.wcrm-alert{background:#eaf6ee;color:#22633d;border-radius:14px;padding:14px 16px;margin-bottom:16px;font-weight:700}.wcrm-alert.success{margin-top:15px}
.wcrm-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.wcrm-search{display:flex;gap:8px;margin-bottom:14px}.wcrm-search input{flex:1;min-height:52px;border:1px solid var(--wcrm-line);border-radius:14px;padding:0 15px;font-size:16px}.wcrm-search button{background:#17213c;color:#fff;min-width:86px}
.wcrm-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.wcrm-form label{font-size:12px;font-weight:800;color:#4f5970}.wcrm-form input,.wcrm-form select,.wcrm-form textarea,.wcrm-inline-form select,.wcrm-note-form input{display:block;width:100%;margin-top:6px;min-height:52px;border:1px solid #cfd5e1;border-radius:13px;background:#fff;padding:0 14px;font:inherit;font-size:17px;color:var(--wcrm-text)}.wcrm-form textarea{min-height:110px;padding-top:12px}.wcrm-form .full{grid-column:1/-1}.wcrm-sheet .wcrm-primary.full{width:100%}
.wcrm-profile{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;background:#fff;border:1px solid var(--wcrm-line);border-radius:22px;padding:20px;margin-bottom:16px}.wcrm-profile h2{font-size:28px;margin:8px 0 5px}.wcrm-profile p{margin:0;color:var(--wcrm-muted)}.wcrm-action-grid{display:grid;grid-template-columns:repeat(3,minmax(72px,1fr));gap:8px}.wcrm-action-grid a{min-height:50px;padding:0 14px;border-radius:13px;background:#edf1ff;color:var(--wcrm-blue);display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:850;font-size:13px}
.wcrm-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wcrm-cta-stack{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.wcrm-note-form{display:flex;gap:8px;margin-bottom:14px}.wcrm-note-form input{margin:0;flex:1}.wcrm-note-form button{background:var(--wcrm-blue);color:#fff;min-width:72px}.wcrm-timeline{display:grid;grid-template-columns:16px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #edf0f5}.wcrm-timeline i{width:10px;height:10px;border-radius:50%;background:var(--wcrm-blue);margin-top:5px}.wcrm-timeline strong{font-size:13px}.wcrm-timeline p{font-size:13px;margin:4px 0;color:#485169}.wcrm-timeline small{font-size:10px;color:#9298a8}
.wcrm-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wcrm-detail-grid>div{background:#f7f8fb;border-radius:13px;padding:13px}.wcrm-detail-grid span{display:block;font-size:10px;color:var(--wcrm-muted);font-weight:800;text-transform:uppercase}.wcrm-detail-grid strong{display:block;margin-top:4px;font-size:15px}
.wcrm-stage-actions{background:#071b57;color:#fff;border-radius:20px;padding:18px;margin-bottom:16px}.wcrm-stage-actions h3{margin:0 0 12px}.wcrm-stage-actions>div{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.wcrm-stage-actions form{margin:0}.wcrm-stage-actions button{width:100%;background:#fff;color:var(--wcrm-blue);padding:0 10px;font-size:13px}
.wcrm-inline-form{display:flex;gap:8px;margin-top:12px}.wcrm-inline-form select{margin:0;flex:1}.wcrm-check{width:44px;height:44px;border-radius:50%;border:0;background:#e6f5eb;color:var(--wcrm-green);font-weight:900;font-size:20px}.wcrm-mini-actions a{font-weight:800;color:var(--wcrm-blue);text-decoration:none}
.wcrm-kanban{display:grid;grid-template-columns:repeat(5,minmax(240px,1fr));gap:12px;overflow-x:auto;padding-bottom:8px}.wcrm-kanban section{background:#edf0f5;border-radius:16px;padding:10px;min-height:360px}.wcrm-kanban h3{font-size:11px;text-transform:uppercase;color:#59637a;display:flex;justify-content:space-between}.wcrm-kanban h3 span{background:#fff;border-radius:999px;padding:2px 7px}.wcrm-kanban a{display:block;background:#fff;border:1px solid #dde2eb;border-radius:13px;padding:12px;text-decoration:none;color:var(--wcrm-text);margin:8px 0}.wcrm-kanban a strong,.wcrm-kanban a span,.wcrm-kanban a small{display:block}.wcrm-kanban a span{font-size:11px;color:var(--wcrm-muted);margin-top:4px}.wcrm-kanban a small{font-size:10px;color:#979cac;margin-top:5px}
.wcrm-dispatch{display:grid;gap:14px}.wcrm-dispatch>section{background:#fff;border:1px solid var(--wcrm-line);border-radius:18px;padding:12px}.wcrm-dispatch-date{display:flex;align-items:baseline;gap:8px;padding:3px 4px 8px}.wcrm-dispatch-date strong{font-size:13px;color:var(--wcrm-blue)}.wcrm-dispatch-date span{font-size:18px;font-weight:850}.wcrm-dispatch-date em{margin-left:auto;font-style:normal;font-size:11px;color:var(--wcrm-muted)}
.wcrm-menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.wcrm-menu-grid a{min-height:74px;background:#fff;border:1px solid var(--wcrm-line);border-radius:16px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:var(--wcrm-text);font-weight:850}.wcrm-menu-grid a span{font-size:24px;color:#9aa2b4}
.wcrm-bottom-nav{position:fixed;z-index:30;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,1180px);height:76px;padding:7px 10px max(7px,env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid var(--wcrm-line);display:grid;grid-template-columns:repeat(5,1fr);backdrop-filter:blur(14px)}.wcrm-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-decoration:none;color:#737b8e;font-size:11px;font-weight:800;border-radius:12px}.wcrm-bottom-nav a .dot{width:8px;height:8px;border-radius:50%;background:#bbc1ce;margin:0}.wcrm-bottom-nav a.active{color:var(--wcrm-blue);background:#f1f4ff}.wcrm-bottom-nav a.active .dot{background:var(--wcrm-blue)}
.wcrm-login-page{min-height:80vh;display:flex;align-items:center;justify-content:center;background:var(--wcrm-bg);padding:20px}.wcrm-login-card{width:min(100%,430px);background:#fff;border:1px solid var(--wcrm-line);border-radius:24px;padding:26px;box-shadow:var(--wcrm-shadow)}.wcrm-logo{width:52px;height:52px;background:var(--wcrm-blue);color:#fff;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:900}.wcrm-login-card h1{font-size:30px;margin:16px 0 2px}.wcrm-login-card p{color:var(--wcrm-muted)}.wcrm-login-card input{width:100%;min-height:52px;border:1px solid #cfd5df;border-radius:13px;padding:0 14px;font-size:17px}.wcrm-login-card input[type=submit]{background:var(--wcrm-blue);color:#fff;border:0;font-weight:850}.wcrm-public{max-width:760px;margin:30px auto;background:#fff;border:1px solid var(--wcrm-line);border-radius:24px;padding:24px;box-shadow:var(--wcrm-shadow)}.wcrm-public h2{font-size:30px;margin:8px 0}.wcrm-quote-route{font-size:17px;font-weight:800;margin:15px 0}.wcrm-quote-total{font-size:42px;color:var(--wcrm-blue);font-weight:950;margin:18px 0}
@media(max-width:760px){body{background:var(--wcrm-bg)}.wcrm-app{padding-left:9px;padding-right:9px}.wcrm-topbar{padding-left:4px;padding-right:4px}.wcrm-topbar h1{font-size:24px}.wcrm-user strong{font-size:12px}.wcrm-user span{font-size:10px}.wcrm-hero{padding:20px;align-items:flex-end}.wcrm-hero h2{font-size:27px}.wcrm-hero .wcrm-primary{min-width:118px}.wcrm-stat-grid{grid-template-columns:repeat(2,1fr)}.wcrm-stat{padding:16px}.wcrm-stat strong{font-size:28px}.wcrm-form{grid-template-columns:1fr}.wcrm-form .full{grid-column:auto}.wcrm-profile{display:block}.wcrm-action-grid{margin-top:16px}.wcrm-two-col{grid-template-columns:1fr}.wcrm-cta-stack{grid-template-columns:1fr}.wcrm-stage-actions>div{grid-template-columns:1fr 1fr}.wcrm-menu-grid{grid-template-columns:1fr}.wcrm-sheet,.wcrm-section{padding:15px;border-radius:17px}.wcrm-row,.wcrm-card-link,.wcrm-job-card{border-radius:14px}.wcrm-search button{min-width:72px;padding:0 12px}.wcrm-kanban{grid-template-columns:repeat(5,235px)}.wcrm-public{margin:15px 9px;padding:18px}.wcrm-detail-grid{grid-template-columns:1fr 1fr}}
@media(min-width:980px){.wcrm-app{padding-bottom:90px}.wcrm-content{max-width:980px;margin:0 auto}.wcrm-bottom-nav{width:min(980px,calc(100% - 20px));bottom:12px;border:1px solid var(--wcrm-line);border-radius:20px;box-shadow:var(--wcrm-shadow)}}
/* v0.4 quote preview, email and address UX */
.wcrm-card-click{color:inherit;text-decoration:none;display:block;min-width:0;flex:1}
.wcrm-quote-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.wcrm-quote-actions form{margin:0}.wcrm-quote-actions .wcrm-secondary{min-height:44px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px}
.wcrm-quote-context{background:#f5f7ff;border:1px solid #dfe5fb;border-radius:15px;padding:14px;margin-bottom:14px}.wcrm-quote-context strong,.wcrm-quote-context span,.wcrm-quote-context small{display:block}.wcrm-quote-context span{margin-top:4px;color:#4f5970}.wcrm-quote-context small{margin-top:4px;color:#838a9b}
.pac-container{z-index:999999!important;border-radius:12px!important;margin-top:4px!important;box-shadow:0 10px 30px rgba(23,33,60,.18)!important;border:1px solid #dfe3ec!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}.pac-item{min-height:48px!important;padding:9px 12px!important;font-size:14px!important;display:flex!important;align-items:center!important}.pac-item-query{font-size:15px!important;color:#17213c!important}.pac-icon{margin-top:0!important}
@media(max-width:760px){.wcrm-card-link{align-items:stretch}.wcrm-quote-actions{flex-direction:column;justify-content:center}.wcrm-quote-actions a,.wcrm-quote-actions button{width:74px}.pac-container{font-size:16px!important}}