/* Pavos Parson design system adapted to Ever Blue Pools branding. */
:root{--bg:#eef5f8;--paper:#fff;--ink:#123047;--muted:#687f8f;--line:#d5e3ea;--navy:#052f4b;--navy-2:#074f70;--blue:#087eae;--aqua:#20b4c2;--sky:#edf8fb;--aqua-soft:#e2f7f8;--shadow:0 18px 48px rgba(7,59,92,.1);--radius:18px;--font:'DM Sans',system-ui,sans-serif;--display:'Manrope','DM Sans',sans-serif}
html,body{background:var(--bg)}body{background:linear-gradient(180deg,#f8fcfd 0%,var(--bg) 42%,#e7f0f4 100%)}
.login-screen,.client-login-grid{grid-template-columns:minmax(0,1.08fr) minmax(460px,.92fr)}
.login-art,.client-login{position:relative;background:radial-gradient(circle at 78% 12%,rgba(32,180,194,.34),transparent 28%),linear-gradient(145deg,#03283f 0%,#075a7d 62%,#20aebb 125%)}
.login-art:before,.client-login:before{content:"";position:absolute;inset:0 auto 0 0;width:7px;background:linear-gradient(180deg,var(--aqua),#76d9df,var(--blue));box-shadow:0 0 28px rgba(32,180,194,.5)}
.login-art h1,.client-welcome h1{font-size:clamp(42px,5vw,70px);line-height:1.04;letter-spacing:-.045em;text-shadow:0 5px 24px rgba(0,0,0,.28)}
.login-logo,.public-header img{border:4px solid rgba(255,255,255,.84);border-radius:50%;padding:5px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.22)}
.login-form-wrap{background:linear-gradient(145deg,#fff,#edf7fa)}.login-card h2,.client-login-card h2{font-size:32px}.login-card input{border-color:var(--line);border-radius:11px}.login-card input:focus{border-color:var(--aqua);box-shadow:0 0 0 3px rgba(32,180,194,.13)}
.app-shell{grid-template-columns:264px minmax(0,1fr)}.sidebar{width:264px;border-right:3px solid var(--aqua);background:radial-gradient(circle at 0 12%,rgba(32,180,194,.24),transparent 30%),linear-gradient(180deg,#092f3d,#0d4758 64%,#075a70);box-shadow:18px 0 45px rgba(7,59,92,.13)}
.brand{height:96px;border-bottom-color:rgba(255,255,255,.12)}.brand img{width:68px;height:68px;border:3px solid rgba(32,180,194,.48);border-radius:50%;padding:4px;box-shadow:0 12px 28px rgba(0,0,0,.24)}
.nav-item{color:#d9edf2;border-radius:10px}.nav-item:hover,.nav-item.active{background:rgba(32,180,194,.18);color:#fff}.nav-item.active{box-shadow:inset 3px 0 0 #6ce1e6,0 0 24px rgba(32,180,194,.1)}
.main-content{background:linear-gradient(180deg,#f9fcfd,var(--bg) 42%,#e9f2f5)}.topbar{height:84px;min-height:84px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line)}.page-wrap{max-width:1600px;margin:0 auto;padding:30px 32px 54px}
.panel,.metric-card,.client-metrics article,.client-card,.client-job-card,.document-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.panel{padding:22px}.metric-grid{gap:15px}.metric-card{padding:19px}.metric-icon{border-radius:14px}
.primary-btn{border-radius:11px;background:linear-gradient(135deg,var(--navy-2),var(--aqua));box-shadow:0 10px 24px rgba(8,126,174,.25),inset 0 1px 0 rgba(255,255,255,.22);transition:.16s}.primary-btn:hover{background:linear-gradient(135deg,var(--navy),var(--blue));box-shadow:0 16px 30px rgba(8,126,174,.32);transform:translateY(-2px)}.ghost-btn{border-radius:11px}.round-btn{border-radius:50%}
button:not(:disabled){position:relative;overflow:hidden}button:not(:disabled):after{content:"";position:absolute;top:-30%;bottom:-30%;left:-65%;width:38%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);opacity:0;pointer-events:none}button:not(:disabled):hover:after{opacity:.8;animation:everblue-button-light .78s ease-out}@keyframes everblue-button-light{to{left:125%;opacity:0}}
.welcome-row{min-height:235px;align-items:center;margin-bottom:18px;padding:34px 40px;border-radius:24px;color:#fff;background:radial-gradient(circle at 80% 12%,rgba(45,202,211,.42),transparent 28%),linear-gradient(135deg,#073246,#0a5e76 62%,#16a9b6);box-shadow:0 24px 60px rgba(7,59,92,.18)}.welcome-row .eyebrow{color:#a8eef1}.welcome-row p{color:#d8f2f5}.welcome-row h2{font-size:38px}
.table-wrap{border-color:var(--line);border-radius:15px;box-shadow:none}table{border-collapse:separate;border-spacing:0}th{background:#f1f7f9;color:var(--muted);font-size:9px;letter-spacing:.075em}td{border-bottom-color:#e9f0f3}tr:hover td{background:#f9fcfd}.form-section,.proposal-summary .panel{border-radius:20px}.step-title>span{border-radius:10px}
.client-header{height:84px;background:rgba(255,255,255,.95)}.client-brand img{border-radius:50%;padding:3px}.client-main{max-width:1600px;padding-top:30px}.client-hero{background:radial-gradient(circle at 80% 15%,rgba(45,202,211,.48),transparent 28%),linear-gradient(135deg,#073246,#0a5e76 62%,#16a9b6)}.client-header nav button.active{color:var(--blue);border-color:var(--aqua)}
.proposal-validity-note{margin:15px 0;padding:13px 15px;border:1px solid #b8dfe5;border-left:4px solid var(--aqua);border-radius:11px;background:var(--sky);color:#245d6d;font-weight:700}
.legal-contract{font-size:12px;line-height:1.65}.legal-contract .legal-intro{padding:14px;border-radius:12px;background:var(--sky)}.legal-contract section{padding:12px 0;border-bottom:1px solid var(--line)}.legal-contract h3{font-size:13px;margin-bottom:6px}.legal-contract p{color:#435e6d!important}.legal-contract .signature-image{max-width:180px;max-height:80px;object-fit:contain}.signature-upload{display:grid;gap:8px;margin-top:14px;padding:14px;border:1px dashed #8fcbd4;border-radius:12px;background:#f7fcfd}.signature-upload input{width:100%}
.job-approval-action{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--blue),var(--aqua));color:#fff;font-weight:800;text-decoration:none}.client-job-card{grid-template-columns:76px minmax(180px,1.2fr) minmax(180px,1fr) auto auto auto}.email-disabled-note{display:flex;gap:9px;align-items:flex-start;padding:12px;border-radius:11px;background:#fff4e4;color:#7f5a23;font-size:11px}
@media(max-width:980px){.login-screen,.client-login-grid{grid-template-columns:1fr}.client-job-card{grid-template-columns:70px 1fr auto}.client-job-card>div:nth-child(3){display:none}.client-job-card .job-approval-action{grid-column:2/-1}.page-wrap{padding:24px 20px 45px}}
@media(max-width:720px){.welcome-row{padding:26px 22px;min-height:245px}.welcome-row h2{font-size:30px}.client-job-card{grid-template-columns:58px 1fr}.client-job-card>span{grid-column:2}.client-job-card>button{display:inline-flex}.client-job-card .job-approval-action{grid-column:1/-1}.page-wrap{padding:18px 12px 35px}}@media(prefers-reduced-motion:reduce){button:not(:disabled):hover:after{animation:none}}
.job-date{min-width:82px}.job-date b{font-size:13px;white-space:nowrap}.upcoming-date{min-width:94px}.upcoming-date strong{font-size:12px;white-space:nowrap}
/* Pavos Parson action pattern: compact, semantic and high-contrast. */
.action-group{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:158px}.icon-action{width:34px!important;height:34px!important;min-width:34px;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:9px!important;font-size:16px;line-height:1;font-family:Inter,"Segoe UI Symbol",sans-serif;font-weight:900;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s,color .16s}.icon-action:hover,.icon-action:focus-visible{transform:translateY(-1px);box-shadow:0 0 0 3px rgba(45,202,211,.16),0 8px 18px rgba(7,59,92,.12);outline:0}.icon-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.preview-action{background:#edf9fb;color:#17697a;border-color:#b8dfe5}.preview-action:hover{background:#dff5f9;color:#0b5666;border-color:#69c6d2}.download-action{background:#073b5c;color:#fff;border-color:#073b5c}.download-action:hover{background:#0a6077;color:#fff;border-color:#0a6077}.send-action{background:#fff0d8;color:#6d4608;border-color:#edcc91}.send-action:hover{background:#ffe3b5;color:#563600;border-color:#d9aa57}.delete-action{background:#fff0ef;color:#b73731;border-color:#efbbb7}.delete-action:hover{background:#f8d7d3;color:#8f2722;border-color:#dc7770}.icon-action:focus-visible{outline:2px solid #16a9b6;outline-offset:2px}@media(max-width:720px){.action-group{min-width:0;gap:6px}.icon-action{width:36px!important;height:36px!important;min-width:36px}}
/* Full Pavos-pattern / EVRBLU brand audit layer — 2026-07-27 */
body{font-family:Poppins,Inter,ui-sans-serif,system-ui,sans-serif;background:linear-gradient(180deg,#f8fcfd 0%,#edf6f8 100%)}h1,h2,h3,.metric-card strong,.page-title{font-family:"Space Grotesk",Poppins,sans-serif;letter-spacing:-.025em}.content-area{background:linear-gradient(180deg,#f8fcfd,#edf6f8)}
.topbar{position:sticky;top:12px;z-index:12;border:1px solid rgba(192,218,225,.9);border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 12px 34px rgba(7,59,92,.08);backdrop-filter:blur(14px)}.dashboard-refresh{height:38px;gap:8px;border-radius:11px}.dashboard-refresh svg,.round-btn svg,.primary-btn .design-button-icon,.ghost-btn .design-button-icon{width:17px;height:17px;flex:0 0 17px}.client-header nav button{display:inline-flex;align-items:center;gap:7px}.client-header nav button svg{width:16px;height:16px}.top-actions{gap:9px}
.sidebar .nav-item>span:first-child{width:35px;height:35px;display:grid;place-items:center;flex:0 0 35px;border-radius:10px;background:rgba(255,255,255,.07);font-style:normal}.sidebar .nav-item>span:first-child svg{width:18px;height:18px}.sidebar .nav-item.active>span:first-child,.sidebar .nav-item:hover>span:first-child{background:linear-gradient(135deg,#d9f5f7,#fff);color:#075b70;box-shadow:0 7px 18px rgba(3,41,58,.15)}.sidebar .nav-item{min-height:48px}.sidebar .nav-item i{font-family:Poppins,sans-serif;font-style:normal}.sidebar-footer{border-top:1px solid rgba(255,255,255,.12);padding-top:15px}
.welcome-row{position:relative;isolation:isolate;overflow:hidden;min-height:300px;background-image:linear-gradient(90deg,rgba(3,36,53,.96) 0%,rgba(5,69,88,.87) 48%,rgba(5,95,112,.38) 100%),url("assets/evrblu-site-hero.webp");background-size:cover;background-position:center 46%}.welcome-row:after{content:"";position:absolute;z-index:-1;inset:auto -5% -65% 40%;height:270px;border:1px solid rgba(255,255,255,.22);border-radius:50%}.welcome-row>div{max-width:720px}.welcome-row h2{font-size:clamp(34px,4vw,52px);line-height:1.04}.welcome-row .primary-btn{box-shadow:0 14px 30px rgba(0,0,0,.18)}.login-art,.client-welcome{background-image:linear-gradient(135deg,rgba(3,36,53,.94),rgba(5,98,119,.70)),url("assets/evrblu-site-hero.webp")!important;background-size:cover!important;background-position:center!important}.client-hero{position:relative;overflow:hidden;background-image:linear-gradient(90deg,rgba(3,42,59,.96),rgba(7,111,130,.62)),url("assets/evrblu-site-hero.webp");background-size:cover;background-position:center 48%}
.metric-grid{gap:14px}.metric-card{position:relative;overflow:hidden;align-items:center;min-height:120px;border-radius:18px;padding:19px;background:linear-gradient(145deg,#fff,#f8fcfd);box-shadow:0 14px 34px rgba(7,59,92,.075);transition:transform .18s,box-shadow .18s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(7,59,92,.12)}.metric-icon{width:48px!important;height:48px!important;flex:0 0 48px;display:grid!important;place-items:center;border-radius:14px!important}.metric-icon svg{width:22px;height:22px}.metric-icon.blue{background:#e3f4fa;color:#087b9a}.metric-icon.teal{background:#e2f7f4;color:#07826f}.metric-icon.gold{background:#fff3d9;color:#9b6813}.metric-icon.green{background:#eaf7ee;color:#288154}.metric-card strong{font-size:30px}.metric-card small{font-size:10px}
.panel{border-radius:18px;box-shadow:0 14px 36px rgba(7,59,92,.07)}.section-head{padding:4px 2px}.section-head h2{font-size:clamp(25px,2.5vw,34px)}.panel-head h3{font-family:"Space Grotesk",sans-serif}.empty-state{border:1px dashed #b9d9e0;border-radius:14px;background:linear-gradient(135deg,#fbfeff,#f2fafb);padding:28px;color:#68808b;text-align:center}
.smart-filter-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.smart-filter-title{display:flex;align-items:center;gap:12px}.smart-filter-title h3{margin:0;font-size:18px}.smart-filter-title .eyebrow{margin:0 0 2px}.filter-icon{width:43px;height:43px;display:grid;place-items:center;flex:0 0 43px;border:1px solid #b7dfe5;border-radius:12px;background:linear-gradient(135deg,#d9f4f7,#e8fbf4);color:#075c70;box-shadow:0 8px 18px rgba(7,92,112,.13)}.filter-icon svg{width:19px;height:19px}.filter-result-count{display:inline-flex;min-height:30px;align-items:center;padding:0 11px;border:1px solid #c5e1e6;border-radius:999px;background:#f5fbfc;color:#315f6c;font-size:11px;font-weight:800}.filter-bar{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(2,minmax(150px,.65fr));gap:11px;margin-bottom:0}.filter-bar input,.filter-bar select{min-height:44px;border-radius:12px;background-color:#fff}.filter-clear{margin:14px 0 0 auto;min-height:36px;display:flex;align-items:center;gap:7px;border:0;border-radius:10px;padding:0 11px;background:#eef8fa;color:#176c7e;font-weight:800}.filter-clear:hover{background:#dff3f6}.filter-clear svg{width:15px;height:15px}
.form-section{border-radius:18px!important}.step-title>span{width:42px;height:42px;display:grid;place-items:center;background:linear-gradient(135deg,#075b70,#14a8b5);color:#fff;box-shadow:0 8px 20px rgba(7,91,112,.22)}input,select,textarea{transition:border-color .16s,box-shadow .16s,background .16s}input:focus,select:focus,textarea:focus{outline:0;border-color:#53bfca!important;box-shadow:0 0 0 3px rgba(45,202,211,.15)!important}.line-item{border:1px solid #d6e7eb;border-radius:14px;background:#fbfeff;padding:12px}.proposal-summary{position:sticky;top:106px}.summary-card{border-radius:20px;background:linear-gradient(145deg,#073b5c,#0b788e)!important;color:#fff}.summary-card span,.summary-card small{color:#cceef2!important}
.table-wrap{border-radius:15px}.table-wrap table th{height:42px}.table-wrap tbody tr{transition:background .14s}.table-wrap td{vertical-align:middle}.table-wrap td strong{color:#173e4b}.table-wrap td small{display:block;margin-top:3px}.status-pill{border-radius:999px}.action-group{justify-content:flex-start}
.reference-grid .panel{border-radius:18px}.definition-list dt{color:#075c70}.criteria-list li::marker{color:#11a7b4;font-weight:900}.drawer{box-shadow:-22px 0 65px rgba(3,40,55,.2)}.drawer-body{padding-bottom:48px}.drawer-section{border-radius:15px;background:#fbfeff}.toast{border-radius:12px}
.client-header{box-shadow:0 10px 30px rgba(7,59,92,.08);backdrop-filter:blur(12px)}.client-metrics article,.upcoming-card,.client-job-card,.document-card{border-radius:17px;box-shadow:0 12px 30px rgba(7,59,92,.07);transition:transform .18s,box-shadow .18s}.client-metrics article:hover,.upcoming-card:hover,.client-job-card:hover,.document-card:hover{transform:translateY(-2px);box-shadow:0 17px 38px rgba(7,59,92,.11)}.request-form{border-radius:20px}.capacity-card{border-radius:16px}.job-approval-action{gap:7px;box-shadow:0 8px 18px rgba(7,91,112,.18)}
@media(max-width:1100px){.filter-bar{grid-template-columns:1fr 1fr}.filter-bar .search{grid-column:1/-1}.proposal-summary{position:static}}
@media(max-width:820px){#view-proposals .table-wrap,#view-contracts .table-wrap{overflow:visible;border:0;background:transparent}#view-proposals table,#view-contracts table,#view-proposals tbody,#view-contracts tbody{display:block}#view-proposals thead,#view-contracts thead{display:none}#view-proposals tbody tr,#view-contracts tbody tr{display:grid;grid-template-columns:1fr 1fr;margin-bottom:12px;padding:10px 13px;border:1px solid #d6e7eb;border-radius:16px;background:#fff;box-shadow:0 12px 28px rgba(7,59,92,.08)}#view-proposals td,#view-contracts td{display:grid;gap:3px;padding:9px 7px;border:0}#view-proposals td:before,#view-contracts td:before{content:attr(data-label);color:#738992;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}#view-proposals td:nth-child(2),#view-contracts td:nth-child(2),#view-proposals td:last-child,#view-contracts td:last-child{grid-column:1/-1}#view-proposals td:last-child,#view-contracts td:last-child{border-top:1px solid #edf2f4}.action-group{min-width:0}}
@media(max-width:700px){.topbar{top:6px;border-radius:14px}.dashboard-refresh span{display:none}.dashboard-refresh{width:38px;padding:0}.welcome-row{min-height:330px;padding:28px 24px;background-position:62% center}.welcome-row h2{font-size:34px}.metric-grid{grid-template-columns:1fr 1fr}.metric-card{min-height:135px;align-items:flex-start}.smart-filter-head{align-items:flex-start}.filter-bar{grid-template-columns:1fr}.filter-bar .search{grid-column:auto}.filter-clear{width:100%;justify-content:center}.client-hero{min-height:300px;background-position:62% center}}
@media(max-width:480px){#view-proposals tbody tr,#view-contracts tbody tr{grid-template-columns:1fr}#view-proposals td:nth-child(n),#view-contracts td:nth-child(n){grid-column:1}.metric-grid{grid-template-columns:1fr}.metric-card{min-height:auto}.smart-filter-head{flex-direction:column}.filter-result-count{align-self:flex-start}}
@media(prefers-reduced-motion:reduce){.metric-card,.client-metrics article,.upcoming-card,.client-job-card,.document-card{transition:none}.metric-card:hover,.client-metrics article:hover,.upcoming-card:hover,.client-job-card:hover,.document-card:hover{transform:none}}
/* Secondary Everblu editorial reference: precision, clarity and trust. */
#view-jobs>.section-head{position:relative;isolation:isolate;overflow:hidden;min-height:168px;align-items:flex-end;padding:27px 30px;border-radius:20px;background-image:linear-gradient(90deg,rgba(3,40,56,.96),rgba(5,91,108,.82) 58%,rgba(5,91,108,.24)),url("assets/everblu-service.jpg");background-size:cover;background-position:center 42%;box-shadow:0 18px 42px rgba(7,59,92,.16)}#view-jobs>.section-head h2,#view-jobs>.section-head .eyebrow,#view-jobs>.section-head p{color:#fff}#view-jobs>.section-head .eyebrow{color:#9ee8ef}#view-jobs>.section-head p{max-width:680px;opacity:.88}#view-jobs>.section-head .primary-btn{background:#fff;color:#075b70;box-shadow:0 10px 25px rgba(0,0,0,.16)}.help-panel{position:relative;overflow:hidden;background-image:linear-gradient(90deg,rgba(3,43,59,.94),rgba(8,118,135,.72)),url("assets/everblu-service.jpg");background-size:cover;background-position:center 46%;color:#fff}.help-panel p,.help-panel .eyebrow{color:#d8f3f5}.help-panel .ghost-btn{background:#fff;color:#075b70}@media(max-width:700px){#view-jobs>.section-head{min-height:230px;align-items:flex-start;flex-direction:column;padding:24px;background-position:58% center}}
@media(max-width:820px){#view-proposals table,#view-contracts table{min-width:0!important;width:100%}}@media(max-width:720px){.attention-panel{display:block}.top-actions>.language-switch,.client-actions .language-switch{display:inline-flex}.top-actions{gap:6px}.language-switch button{min-width:31px;padding:0 7px}}
/* Sidebar alignment and destructive sign-out control. */
.sidebar .nav-item{grid-template-columns:42px minmax(0,1fr) auto!important;column-gap:9px!important;padding-left:9px!important;padding-right:10px!important}.sidebar .nav-item>i{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer #logoutBtn{width:40px;height:40px;min-width:40px;display:grid;place-items:center;padding:0;border:1px solid #efaaa5;border-radius:12px;background:#fff0ef;color:#c83932;box-shadow:0 7px 18px rgba(200,57,50,.15);transition:transform .16s,background .16s,border-color .16s,box-shadow .16s}.sidebar-footer #logoutBtn svg{width:19px;height:19px}.sidebar-footer #logoutBtn:hover,.sidebar-footer #logoutBtn:focus-visible{transform:translateY(-1px);background:#c83932;color:#fff;border-color:#c83932;box-shadow:0 0 0 3px rgba(200,57,50,.18),0 10px 22px rgba(200,57,50,.25);outline:0}.sidebar-footer #logoutBtn:active{transform:none}.sidebar-footer #logoutBtn:after{display:none}
/* Settings, access directories and notification preferences. */
.settings-dashboard{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(420px,1.15fr);gap:16px}.settings-notifications,.portal-users-panel{grid-column:1/-1}.settings-shield,.settings-count{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 11px;border:1px solid #bde1e6;border-radius:999px;background:#f4fbfc;color:#176879;font-size:11px;font-weight:800}.settings-shield svg{width:16px;height:16px}.settings-panel-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px}.settings-panel-head.compact{grid-template-columns:auto minmax(0,1fr) auto;margin-bottom:17px}.settings-panel-head h3{margin:1px 0 3px;font-size:20px}.settings-panel-head p:last-child{margin:0;color:var(--muted);font-size:12px}.settings-icon{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;border:1px solid #bde1e6;border-radius:13px;background:linear-gradient(135deg,#daf3f6,#e8f8ef);color:#075e71}.settings-icon svg{width:20px;height:20px}.master-switch{display:grid;grid-template-columns:auto auto;align-items:center;gap:8px;cursor:pointer}.master-switch input{position:absolute;opacity:0;pointer-events:none}.master-switch>span{position:relative;width:48px;height:27px;border-radius:999px;background:#b8c9cf;transition:.18s}.master-switch>span:after{content:"";position:absolute;top:4px;left:4px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.18);transition:.18s}.master-switch input:checked+span{background:#14a8b5}.master-switch input:checked+span:after{transform:translateX(21px)}.master-switch b{grid-column:1/-1;text-align:center;color:#46636d;font-size:10px}.notification-options{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:18px}.notification-options>label{display:flex;gap:10px;align-items:flex-start;padding:14px;border:1px solid #d6e7eb;border-radius:14px;background:#fbfeff}.notification-options input{width:18px;height:18px;accent-color:#0e9fab}.notification-options strong,.notification-options small{display:block}.notification-options strong{font-size:12px}.notification-options small{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.45}.settings-notifications.notifications-disabled .notification-options{opacity:.48}.notifications-off{color:#9badb3!important;background:#eef2f3!important}.settings-create-user .form-grid{grid-template-columns:1fr 1fr}.settings-create-user .form-grid label:nth-child(3),.settings-create-user .form-grid button{grid-column:1/-1}.settings-create-user .primary-btn{min-height:44px}.settings-team-list .user-list{display:grid;gap:8px}.portal-users-panel{padding:0!important;overflow:hidden}.portal-users-panel>summary{min-height:78px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:13px;padding:16px 20px;cursor:pointer;list-style:none}.portal-users-panel>summary::-webkit-details-marker{display:none}.portal-users-panel>summary small,.portal-users-panel>summary strong{display:block}.portal-users-panel>summary small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.portal-users-panel>summary strong{margin-top:3px;font-size:15px}.details-chevron{width:19px;height:19px;color:#176879;transition:transform .18s}.portal-users-panel[open] .details-chevron{transform:rotate(180deg)}.portal-users-content{padding:0 20px 20px;border-top:1px solid #e1ecef}.portal-users-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 0}.portal-users-toolbar p{margin:0;color:var(--muted);font-size:12px}.portal-user-list{display:grid;gap:9px}.portal-user-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px;border:1px solid #dce9ec;border-radius:14px;background:#fbfeff}.portal-user-row strong,.portal-user-row small{display:block}.portal-user-row small{margin-top:2px;color:var(--muted);font-size:10px}.portal-user-actions{display:flex;gap:6px}.edit-action{background:#f2f8ff;color:#316fa3;border-color:#cbdff0}.edit-action:hover{background:#dfeeff;border-color:#98bfdf}.portal-user-actions .icon-action svg{width:16px;height:16px}.settings-dashboard .user-row{grid-template-columns:42px minmax(0,1fr) auto auto auto}@media(max-width:980px){.settings-dashboard{grid-template-columns:1fr}.settings-notifications,.portal-users-panel{grid-column:auto}}@media(max-width:700px){.settings-panel-head{grid-template-columns:auto minmax(0,1fr)}.master-switch{grid-column:1/-1;justify-self:start}.notification-options{grid-template-columns:1fr}.settings-create-user .form-grid{grid-template-columns:1fr}.settings-create-user .form-grid label:nth-child(3),.settings-create-user .form-grid button{grid-column:auto}.portal-users-panel>summary{grid-template-columns:auto minmax(0,1fr) auto}.portal-users-panel>summary .settings-count{display:none}.portal-users-toolbar{align-items:stretch;flex-direction:column}.portal-user-row{grid-template-columns:40px minmax(0,1fr) auto}.portal-user-row>.status-pill{grid-column:2}.portal-user-actions{grid-column:2/-1}.settings-shield{align-self:flex-start}.settings-dashboard .user-row{grid-template-columns:40px minmax(0,1fr) auto}.settings-dashboard .user-row>span:nth-child(3),.settings-dashboard .user-row>span:nth-child(4){display:none}}
/* Icon-only settings shortcut beside sign out. */
.sidebar-footer .sidebar-user-copy{min-width:0;flex:1}.sidebar-footer-actions{display:flex;align-items:center;gap:7px}.footer-settings-btn{width:40px;height:40px;min-width:40px;display:grid;place-items:center;padding:0;border:1px solid rgba(174,215,224,.35);border-radius:12px;background:rgba(255,255,255,.08);color:#c9e3e9;transition:transform .16s,background .16s,border-color .16s,color .16s,box-shadow .16s}.footer-settings-btn svg{width:19px;height:19px}.footer-settings-btn:hover,.footer-settings-btn:focus-visible,.footer-settings-btn.active{transform:translateY(-1px);background:#e6f7f9;color:#075b70;border-color:#8fd3dc;box-shadow:0 0 0 3px rgba(45,202,211,.12),0 9px 20px rgba(3,35,49,.18);outline:0}.footer-settings-btn:after{display:none}@media(max-width:300px){.sidebar-footer .sidebar-user-copy{display:none}}
/* Wide, centered document viewer */
.drawer:has(.document-preview){left:50%;right:auto;top:24px;bottom:24px;width:min(1040px,calc(100% - 48px));border:1px solid rgba(143,203,212,.55);border-radius:22px;box-shadow:0 28px 90px rgba(3,40,55,.3);transform:translate(-50%,calc(100vh + 40px))}
.drawer.open:has(.document-preview){transform:translate(-50%,0)}
.drawer:has(.document-preview) .drawer-body{width:100%;max-width:900px;margin:0 auto}
.drawer:has(.document-preview) .document-preview{width:100%;margin:10px auto 0;padding:36px 42px}
.drawer:has(.document-preview) .document-preview header img{width:105px;height:105px}
.drawer:has(.document-preview) .drawer-actions{justify-content:center}
/* Dashboard-aligned digital signature upload */
.signature-upload{position:relative;padding:18px 20px}
.signature-upload input[type="file"]{width:100%;padding:8px;border:1px solid #b8dfe5;border-radius:11px;background:#fff;color:#54717d;font:600 12px/1.3 Inter,system-ui,sans-serif;cursor:pointer}
.signature-upload input[type="file"]::file-selector-button{min-height:40px;margin-right:13px;padding:0 17px;border:0;border-radius:9px;background:linear-gradient(135deg,var(--blue),var(--aqua));color:#fff;box-shadow:0 8px 18px rgba(10,121,173,.2);font:800 12px/1 Inter,system-ui,sans-serif;cursor:pointer;transition:filter .16s,transform .16s}
.signature-upload input[type="file"]:hover::file-selector-button{filter:brightness(.94)}
.signature-upload input[type="file"]:focus-visible{outline:2px solid #16a9b6;outline-offset:3px}
@media(max-width:620px){.drawer:has(.document-preview){top:0;bottom:0;width:100%;border:0;border-radius:0}.drawer:has(.document-preview) .document-preview{padding:22px 18px}.drawer:has(.document-preview) .document-preview header img{width:76px;height:76px}.signature-upload input[type="file"]::file-selector-button{display:block;width:100%;margin:0 0 9px}}
.date-filter{display:grid;gap:5px;min-width:0}.date-filter>span{font-size:10px;font-weight:800;color:#476772}.date-filter .document-date{min-width:0}.filter-bar:has(.document-date){grid-template-columns:minmax(220px,1.35fr) minmax(145px,.6fr) repeat(2,minmax(145px,.58fr))}@media(max-width:1100px){.filter-bar:has(.document-date){grid-template-columns:1fr 1fr}.filter-bar:has(.document-date) .search{grid-column:1/-1}}@media(max-width:700px){.filter-bar:has(.document-date){grid-template-columns:1fr}.filter-bar:has(.document-date) .search{grid-column:auto}}
.document-date{cursor:pointer;padding-right:42px!important;background-image:linear-gradient(45deg,transparent 48%,#16778a 48%,#16778a 55%,transparent 55%),linear-gradient(135deg,#16778a 45%,transparent 45%)!important;background-position:calc(100% - 18px) 18px,calc(100% - 13px) 18px!important;background-size:6px 6px!important;background-repeat:no-repeat!important}.document-date:hover,.document-date:focus{border-color:#63c5d1!important;box-shadow:0 0 0 3px rgba(45,202,211,.12);outline:0}.modern-date-calendar{position:fixed;z-index:220;width:304px;padding:15px;border:1px solid #b8dfe5;border-radius:20px;background:rgba(255,255,255,.98);box-shadow:0 24px 65px rgba(3,40,55,.25);backdrop-filter:blur(14px);animation:calendarIn .16s ease-out}.calendar-popover-head{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:7px;margin-bottom:12px}.calendar-popover-head strong{text-align:center;text-transform:capitalize;color:#073b5c;font:800 15px Inter,system-ui,sans-serif}.calendar-popover-head button{width:38px;height:38px;border:0;border-radius:11px;background:#edf9fb;color:#075c70;font-size:25px;line-height:1;cursor:pointer}.calendar-popover-head button:hover{background:#d9f3f6}.modern-date-calendar .calendar-weekdays,.modern-date-calendar .calendar-days{display:grid;grid-template-columns:repeat(7,1fr)}.modern-date-calendar .calendar-weekdays{border:0;background:transparent}.modern-date-calendar .calendar-weekdays span{padding:4px 0 8px;text-align:center;color:#718892;font-size:9px;font-weight:900;text-transform:uppercase}.calendar-days{gap:3px}.calendar-day-button,.calendar-empty{width:36px;height:36px}.calendar-day-button{display:grid;place-items:center;border:0;border-radius:11px;background:transparent;color:#183f50;font:700 12px Inter,system-ui,sans-serif;cursor:pointer}.calendar-day-button:hover{background:#e5f7f9;color:#075c70}.calendar-day-button.is-today{box-shadow:inset 0 0 0 1.5px #39bcc8;color:#087182}.calendar-day-button.is-selected{background:linear-gradient(135deg,var(--blue),var(--aqua));color:#fff;box-shadow:0 7px 15px rgba(10,121,173,.25)}.calendar-popover-foot{display:flex;justify-content:space-between;gap:8px;margin-top:12px;padding-top:11px;border-top:1px solid #dfedf0}.calendar-popover-foot button{min-height:34px;padding:0 12px;border:0;border-radius:10px;background:#eef8fa;color:#176c7e;font-weight:800;cursor:pointer}.calendar-popover-foot button:hover{background:#dff3f6}@keyframes calendarIn{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:360px){.modern-date-calendar{width:calc(100vw - 24px);padding:12px}.calendar-day-button,.calendar-empty{width:100%;aspect-ratio:1;height:auto}}
.edit-action{background:#f0edff;color:#6046a8;border-color:#d5caef}.edit-action:hover{background:#e5ddfb;color:#49328d;border-color:#b8a5df}.drawer:has(.proposal-edit-form){left:50%;right:auto;top:24px;bottom:24px;width:min(1040px,calc(100% - 48px));border:1px solid rgba(143,203,212,.55);border-radius:22px;box-shadow:0 28px 90px rgba(3,40,55,.3);transform:translate(-50%,calc(100vh + 40px))}.drawer.open:has(.proposal-edit-form){transform:translate(-50%,0)}.drawer:has(.proposal-edit-form) .drawer-body{width:100%;max-width:930px;margin:0 auto}.edit-proposal-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:4px 4px 22px;border-bottom:1px solid var(--line)}.edit-proposal-hero h2{margin:3px 0 7px}.edit-proposal-hero p{color:var(--muted)}.edit-proposal-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr);gap:16px;margin-top:18px}.edit-proposal-card,.edit-calculation-card{padding:20px;border:1px solid #d6e8eb;border-radius:17px;background:#fbfeff}.edit-proposal-card{grid-column:1}.edit-proposal-card label{display:grid;gap:7px}.edit-proposal-card label>span{font-size:11px;font-weight:800;color:var(--ink)}.edit-proposal-card input,.edit-proposal-card textarea{width:100%;min-height:44px;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink)}.edit-proposal-card textarea{min-height:95px;resize:vertical}.edit-line-grid{display:grid;grid-template-columns:minmax(0,1fr) 90px 130px;gap:11px}.edit-notes{margin-top:14px}.edit-calculation-card{grid-column:2;grid-row:1/span 2;background:linear-gradient(145deg,#eefbfc,#fff);align-self:stretch}.edit-calculation-card dl{display:grid;grid-template-columns:1fr auto;gap:12px;margin:18px 0;padding:16px;border-radius:13px;background:#fff}.edit-calculation-card dd{font-weight:800;color:#075c70}.edit-calculation-card .total{padding-top:12px;border-top:1px solid var(--line);font-size:15px}.edit-calculation-card>p:last-child{color:var(--muted);font-size:11px;line-height:1.6}.edit-proposal-actions{justify-content:flex-end}.edit-proposal-actions svg{width:17px;height:17px}@media(max-width:760px){.drawer:has(.proposal-edit-form){top:0;bottom:0;width:100%;border:0;border-radius:0}.edit-proposal-grid{grid-template-columns:1fr}.edit-proposal-card,.edit-calculation-card{grid-column:1;grid-row:auto}.edit-line-grid{grid-template-columns:1fr 90px}.edit-line-grid label:first-child{grid-column:1/-1}.edit-proposal-hero{flex-direction:column}.edit-proposal-actions>*{flex:1}}
/* Softer client portal login artwork */
@media(min-width:981px){.client-login-grid{gap:clamp(32px,4.5vw,78px);padding-left:clamp(38px,5vw,86px);padding-right:clamp(38px,5vw,86px)}.client-welcome{isolation:isolate;overflow:hidden;padding:clamp(42px,4.4vw,70px);border:1px solid rgba(255,255,255,.2);border-radius:48px 132px 48px 132px;background-position:center 46%!important;box-shadow:0 34px 90px rgba(2,30,46,.32),inset 0 0 0 1px rgba(255,255,255,.06)}.client-welcome:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,rgba(2,33,49,.12) 0%,transparent 52%,rgba(38,195,203,.15) 100%);pointer-events:none}.client-welcome:after{z-index:-1;right:-8%;bottom:-42%;height:58%;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 68%);transform:rotate(-7deg)}.client-welcome>*{position:relative;z-index:1}.client-login-card{position:relative;z-index:2;border:1px solid rgba(183,223,229,.72);box-shadow:0 30px 90px rgba(0,0,0,.2),0 0 0 10px rgba(255,255,255,.08)}}
@media(min-width:981px) and (max-width:1180px){.client-welcome{padding:38px;border-radius:38px 92px 38px 92px}.client-welcome h1{font-size:clamp(38px,4.5vw,56px)}}
.client-calendar-input{cursor:pointer;padding-right:42px!important;border-radius:12px!important;background-color:#fff!important;color:var(--ink);accent-color:var(--aqua)}.client-calendar-input::-webkit-calendar-picker-indicator{opacity:0;position:absolute;pointer-events:none}.client-calendar-input:hover,.client-calendar-input:focus{border-color:#63c5d1!important;box-shadow:0 0 0 3px rgba(45,202,211,.12);outline:0}.calendar-day-button:disabled{opacity:.28;cursor:not-allowed;background:transparent!important;color:#718892!important;box-shadow:none!important}
.upload-zone{position:relative;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s}.upload-zone.is-dragging{border-color:#16a9b6;background:linear-gradient(145deg,#e1f8fa,#f2fffc);box-shadow:0 0 0 4px rgba(45,202,211,.14),0 16px 34px rgba(7,91,112,.12);transform:translateY(-2px)}.upload-zone.is-dragging>span{transform:translateY(-3px) scale(1.12);color:#087486}.upload-zone.is-dragging>strong{color:#075c70}.upload-zone>span{transition:transform .18s,color .18s}.file-chip.file-rejected{border:1px solid #efc5c7;background:var(--red-soft);color:var(--red)}.file-chip.file-rejected small{color:var(--red)}
.file-chip>span{min-width:0;display:grid;gap:2px}.file-chip>span b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-chip>span small{color:var(--muted)}.file-remove{width:30px;height:30px;min-width:30px;display:grid;place-items:center;align-self:center;padding:0;border:1px solid #efc5c7;border-radius:9px;background:#fff;color:var(--red);cursor:pointer;transition:background .16s,border-color .16s,transform .16s}.file-remove:hover,.file-remove:focus-visible{background:var(--red-soft);border-color:#dc8588;transform:translateY(-1px);outline:0}.file-remove svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
/* Clear hierarchy for upcoming scheduled jobs */
.upcoming-card{grid-template-columns:112px minmax(0,1fr) auto;gap:18px;min-height:82px;padding:14px 16px}.upcoming-date{width:112px;min-width:0;padding:10px 9px;border:1px solid #c6e7eb;border-radius:13px;background:linear-gradient(145deg,#e3f8fa,#eefcf7);text-align:center}.upcoming-date span{margin-bottom:3px;font-size:9px;line-height:1.2;letter-spacing:.08em}.upcoming-date strong{font-size:13px;line-height:1.25;letter-spacing:.01em;white-space:nowrap}.upcoming-card>div:nth-child(2){min-width:0;padding:3px 0}.upcoming-card h3{margin-bottom:4px;font-size:15px;line-height:1.25}.upcoming-card p{overflow:hidden;color:var(--muted);font-size:11px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.upcoming-card>.status-pill{justify-self:end}@media(max-width:720px){.upcoming-card{grid-template-columns:104px minmax(0,1fr);gap:13px;padding:13px}.upcoming-date{width:104px}.upcoming-card h3{font-size:14px}.upcoming-card p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}
.job-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.drawer:has(.job-detail-view){left:50%;right:auto;top:24px;bottom:24px;width:min(920px,calc(100% - 48px));border:1px solid rgba(143,203,212,.55);border-radius:22px;box-shadow:0 28px 90px rgba(3,40,55,.3);transform:translate(-50%,calc(100vh + 40px))}.drawer.open:has(.job-detail-view){transform:translate(-50%,0)}.drawer:has(.job-detail-view) .drawer-body{width:100%;max-width:800px;margin:0 auto}.job-detail-view{padding-top:5px}.job-detail-view>h2{margin-bottom:10px}.job-detail-view>.status-pill{margin-bottom:22px}.job-detail-view .drawer-section{margin-top:0;padding:20px;border:1px solid #dcebed;border-radius:16px;background:#fbfeff}.job-detail-view .drawer-section+.drawer-section{margin-top:13px}.job-detail-view .detail-grid{gap:13px}.job-detail-view .detail-grid>div{padding:15px;border:1px solid #e0ecef;border-radius:13px;background:#fff}.job-detail-view .detail-grid span{margin-bottom:4px}.job-detail-view .drawer-actions{justify-content:center;padding-top:3px}@media(max-width:620px){.drawer:has(.job-detail-view){top:0;bottom:0;width:100%;border:0;border-radius:0}.job-detail-view .detail-grid{grid-template-columns:1fr}.job-detail-view .drawer-section{padding:15px}.job-detail-view .drawer-actions>*{flex:1}.job-row-actions{grid-column:3;grid-row:1/span 2}}
.client-job-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.drawer:has(.client-job-detail-view),.drawer:has(.client-job-edit-form){left:50%;right:auto;top:24px;bottom:24px;width:min(920px,calc(100% - 48px));border:1px solid rgba(143,203,212,.55);border-radius:22px;box-shadow:0 28px 90px rgba(3,40,55,.3);transform:translate(-50%,calc(100vh + 40px))}.drawer.open:has(.client-job-detail-view),.drawer.open:has(.client-job-edit-form){transform:translate(-50%,0)}.drawer:has(.client-job-detail-view) .drawer-body,.drawer:has(.client-job-edit-form) .drawer-body{width:100%;max-width:800px;margin:0 auto}.client-job-detail-view .drawer-section{margin-top:13px;padding:19px;border:1px solid #dcebed;border-radius:16px;background:#fbfeff}.client-job-detail-view .drawer-actions{justify-content:center}.client-job-edit-form .client-edit-help{margin:-10px 0 22px;color:var(--muted)}.client-job-edit-form .form-grid{margin-top:18px}.client-job-edit-form label{display:grid;gap:7px}.client-job-edit-form label>span{font-size:11px;font-weight:800}.client-job-edit-form input,.client-job-edit-form select{width:100%;min-height:44px;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:#fff}.client-approval-note{margin-top:18px}.client-workflow-alert.priority{border-color:#edb2ad;background:#fff5f3}.client-workflow-alert.priority>span{background:#fde0dc;color:#b73731}@media(max-width:720px){.client-job-card{grid-template-columns:58px minmax(0,1fr) auto}.client-job-actions{grid-column:3;grid-row:1/span 2}.drawer:has(.client-job-detail-view),.drawer:has(.client-job-edit-form){top:0;bottom:0;width:100%;border:0;border-radius:0}.client-job-detail-view .detail-grid,.client-job-edit-form .form-grid.two{grid-template-columns:1fr}}
/* Modal behavior: only notifications remain in the right-side drawer. */
.drawer:not(.notification-drawer){left:50%;right:auto;top:24px;bottom:24px;width:min(920px,calc(100% - 48px));border:1px solid rgba(143,203,212,.55);border-radius:22px;box-shadow:0 28px 90px rgba(3,40,55,.3);transform:translate(-50%,calc(100vh + 40px))}.drawer.open:not(.notification-drawer){transform:translate(-50%,0)}.drawer:not(.notification-drawer) .drawer-body{width:100%;max-width:800px;margin:0 auto}.drawer.notification-drawer{left:auto;right:0;top:0;bottom:0;width:min(520px,100%);border-radius:0;transform:translateX(105%)}.drawer.notification-drawer.open{transform:none}#notificationBtn b{z-index:4;right:-7px;top:-7px;width:21px;height:21px;border:2px solid #fff;font-size:10px;line-height:1;box-shadow:0 3px 10px rgba(168,31,42,.35)}#notificationBtn b[hidden]{display:none!important}.client-workflow-alert.is-read{opacity:.68}.approve-action{background:#e9f8ef;color:#16824b;border-color:#bce5cc}.approve-action:hover{background:#d8f2e3;border-color:#8fd2a9}@media(max-width:620px){.drawer:not(.notification-drawer){top:0;bottom:0;width:100%;border:0;border-radius:0}}
.client-approval-banner{display:flex;align-items:flex-start;gap:12px;margin:0 0 16px;padding:15px 17px;border:1px solid #bde4d0;border-radius:15px;background:linear-gradient(135deg,#eefaf3,#f7fcfd);color:#154f42}.client-approval-banner>span{width:31px;height:31px;display:grid;place-items:center;flex:0 0 31px;border-radius:10px;background:#d8f3e4;color:#16824b;font-weight:900}.client-approval-banner strong,.client-approval-banner p{display:block}.client-approval-banner p{margin:3px 0 0;color:#527269;font-size:12px;line-height:1.5}
/* Keep modal titles clear of the close control in both portals. */
.drawer-close{z-index:8;top:18px;right:20px}.drawer-body>h1,.drawer-body>h2,#drawerBody>h1,#drawerBody>h2,#clientDrawerBody>h1,#clientDrawerBody>h2,.drawer-body>form>h1,.drawer-body>form>h2,#drawerBody>form>h1,#drawerBody>form>h2,#clientDrawerBody>form>h1,#clientDrawerBody>form>h2,.drawer-body>div>h1,.drawer-body>div>h2,#drawerBody>div>h1,#drawerBody>div>h2,#clientDrawerBody>div>h1,#clientDrawerBody>div>h2{padding-right:58px;overflow-wrap:anywhere}@media(max-width:620px){.drawer-close{top:12px;right:12px}.drawer-body>h1,.drawer-body>h2,#drawerBody>h1,#drawerBody>h2,#clientDrawerBody>h1,#clientDrawerBody>h2,.drawer-body>form>h1,.drawer-body>form>h2,#drawerBody>form>h1,#drawerBody>form>h2,#clientDrawerBody>form>h1,#clientDrawerBody>form>h2,.drawer-body>div>h1,.drawer-body>div>h2,#drawerBody>div>h1,#drawerBody>div>h2,#clientDrawerBody>div>h1,#clientDrawerBody>div>h2{padding-right:52px}}
/* Dedicated close-button header row: content always starts below the X. */
.drawer{box-sizing:border-box;padding-top:76px!important}.drawer-close{top:20px!important;right:22px!important}.drawer.notification-drawer{padding-top:76px!important}@media(max-width:620px){.drawer,.drawer.notification-drawer{padding-top:68px!important}.drawer-close{top:14px!important;right:14px!important}}
/* Structured modal layout: dedicated header and independently scrolling body. */
.drawer{padding:0!important;display:flex;flex-direction:column;overflow:hidden}.modal-window-header{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex:0 0 auto;padding:16px 20px 15px 28px;border-bottom:1px solid #dce9ec;background:linear-gradient(180deg,#fff,#f9fcfd);position:relative;z-index:4}.modal-window-heading{min-width:0;flex:1}.modal-window-heading .eyebrow{margin:0 0 4px}.modal-window-heading h1,.modal-window-heading h2{margin:0!important;padding:0!important;font-size:23px;line-height:1.2;overflow-wrap:anywhere}.modal-preview-title{display:block;color:var(--navy);font:800 15px/1.3 var(--display);letter-spacing:.02em}.modal-window-header .drawer-close{position:static!important;right:auto!important;top:auto!important;flex:0 0 38px;width:38px;height:38px;border:1px solid #d5e6ea;background:#f0f8fa;box-shadow:none}.modal-window-header .drawer-close:hover{background:#dff1f4;color:#075c70}.drawer>#drawerBody,.drawer>#clientDrawerBody{min-height:0;flex:1;overflow:auto;padding:26px 32px 42px}.drawer.notification-drawer>.modal-window-header{padding-left:24px}.drawer.notification-drawer>#drawerBody{padding:24px 28px 38px}@media(max-width:620px){.modal-window-header{min-height:66px;padding:12px 14px 11px 18px}.modal-window-heading h1,.modal-window-heading h2{font-size:20px}.drawer>#drawerBody,.drawer>#clientDrawerBody,.drawer.notification-drawer>#drawerBody{padding:20px 16px 32px}}
.client-job-actions .icon-action{width:auto;min-width:38px;padding:0 10px;gap:7px}.client-job-actions .icon-action span{font-size:10px;font-weight:800;white-space:nowrap}.client-job-actions .icon-action svg{width:15px;height:15px}.client-notification-btn b[hidden]{display:none!important}.client-notification-btn b{z-index:4;right:-6px;top:-6px;width:20px;height:20px;border:2px solid #fff}.client-notification-btn{color:#087e91}@media(max-width:720px){.client-job-actions .icon-action span{display:none}.client-job-actions .icon-action{width:34px;min-width:34px;padding:0}}
.job-approval-action{display:none!important}
/* Full-size labeled job controls in the client portal. */
.client-job-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.client-job-actions .client-action-btn{min-width:118px;height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;border:1px solid #c9dfe5;border-radius:10px;background:#fff;color:#176879;font-size:11px;font-weight:800;line-height:1;white-space:nowrap;box-shadow:0 4px 12px rgba(7,59,92,.06);transition:.16s}.client-job-actions .client-action-btn svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.client-job-actions .client-action-btn span{display:inline!important;font-size:11px;font-weight:800}.client-job-actions .client-preview-action:hover{border-color:#8fc8d2;background:#eef9fb;color:#08778a}.client-job-actions .client-edit-action{border-color:#cfc5ec;background:#f7f4ff;color:#5d459a}.client-job-actions .client-edit-action:hover{border-color:#ad9bdc;background:#eee8ff;color:#49327f}@media(max-width:720px){.client-job-actions{grid-column:1/-1!important;grid-row:auto!important;justify-content:stretch;margin-top:8px}.client-job-actions .client-action-btn{min-width:0;flex:1;height:40px;padding:0 10px}.client-job-actions .client-action-btn span{display:inline!important}}
/* Rebuilt operations notification control. */
.dashboard-notification-button{position:relative;width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px;padding:0;border:1px solid #c7dee4;border-radius:14px;background:linear-gradient(145deg,#fff,#eef8fa);color:#0b7184;box-shadow:0 7px 18px rgba(7,59,92,.1);overflow:visible;transition:.16s}.dashboard-notification-button:hover{transform:translateY(-1px);border-color:#82c6d1;background:#e8f7f9;box-shadow:0 10px 24px rgba(7,59,92,.15)}.notification-bell-slot{width:24px;height:24px;display:grid;place-items:center}.notification-bell-slot svg{width:22px!important;height:22px!important;stroke-width:2}.dashboard-notification-button .notification-count{position:absolute;z-index:6;right:-8px;top:-8px;min-width:23px;height:23px;display:flex;align-items:center;justify-content:center;padding:0 6px;border:3px solid #fff;border-radius:999px;background:#d83b35;color:#fff;font:900 10px/1 Inter,system-ui,sans-serif;box-shadow:0 4px 12px rgba(187,39,34,.38)}.dashboard-notification-button .notification-count[hidden]{display:none!important}.dashboard-notification-button.notifications-off{border-color:#d9e2e4!important;background:#f0f3f4!important;color:#9badb3!important;box-shadow:none}
.dashboard-notification-button>.design-lucide{grid-area:1/1;width:22px!important;height:22px!important}.dashboard-notification-button .notification-bell-slot:empty{display:none}
/* Notification count lives inside the control so it cannot be clipped. */
.dashboard-notification-button{width:76px!important;height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:0 8px 0 11px!important;border-radius:14px!important}.dashboard-notification-button>.design-lucide{position:static!important;flex:0 0 21px;width:21px!important;height:21px!important}.dashboard-notification-button .notification-count{position:static!important;right:auto!important;top:auto!important;z-index:auto!important;min-width:25px!important;height:25px!important;flex:0 0 auto!important;display:inline-flex;align-items:center;justify-content:center;padding:0 6px!important;border:0!important;border-radius:8px!important;background:#d9342b!important;color:#fff!important;font:900 12px/1 Inter,system-ui,sans-serif!important;box-shadow:0 4px 10px rgba(184,35,29,.32)!important}.dashboard-notification-button .notification-count[hidden]{display:none!important}.dashboard-notification-button:has(.notification-count[hidden]){width:48px!important;padding:0!important}
.dashboard-notification-button,.dashboard-notification-button:has(.notification-count[hidden]){width:76px!important;min-width:76px!important;padding:0 8px 0 11px!important}.dashboard-notification-button .notification-count[hidden]{display:none!important}
/* Client header controls mirror the operations dashboard. */
.client-notification-button{width:76px;height:46px;display:flex;align-items:center;justify-content:center;gap:8px;flex:0 0 76px;padding:0 8px 0 11px;border:1px solid #c7dee4;border-radius:14px;background:linear-gradient(145deg,#fff,#eef8fa);color:#0b7184;box-shadow:0 7px 18px rgba(7,59,92,.1);transition:.16s}.client-notification-button:hover{transform:translateY(-1px);border-color:#82c6d1;background:#e8f7f9}.client-notification-bell{width:21px;height:21px;flex:0 0 21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.client-notification-count{min-width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;border-radius:8px;background:#d9342b;color:#fff;font:900 12px/1 Inter,system-ui,sans-serif;box-shadow:0 4px 10px rgba(184,35,29,.32)}.client-notification-count[hidden]{display:none!important}.client-notification-button:has(.client-notification-count[hidden]){width:48px;flex-basis:48px;padding:0}.client-logout-button{width:46px;height:46px;display:grid;place-items:center;flex:0 0 46px;padding:0;border:1px solid #efaaa5;border-radius:14px;background:#fff0ef;color:#c83932;box-shadow:0 7px 18px rgba(200,57,50,.15);transition:.16s}.client-logout-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.client-logout-button:hover,.client-logout-button:focus-visible{transform:translateY(-1px);background:#c83932;color:#fff;border-color:#c83932;box-shadow:0 0 0 3px rgba(200,57,50,.18),0 10px 22px rgba(200,57,50,.25);outline:0}@media(max-width:720px){.client-notification-button{width:68px;flex-basis:68px}.client-logout-button{width:42px;height:42px;flex-basis:42px}}
/* Workspace team-user creation and directory. */
.settings-create-user{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff 0%,#f7fcfd 100%)}.settings-create-user:before{content:"";position:absolute;right:-55px;top:-70px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(45,202,211,.14),transparent 68%);pointer-events:none}.settings-form-intro{position:relative;margin:-4px 0 18px;color:var(--muted);font-size:12px;line-height:1.55}.settings-user-form{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-field{display:grid;gap:7px}.settings-field>label{display:flex;align-items:center;justify-content:space-between;gap:10px}.settings-field>label span{color:var(--ink);font-size:11px;font-weight:800}.settings-field>label small{color:#8299a2;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.settings-role-field{grid-column:1/-1}.settings-input-wrap{min-height:46px;display:grid;grid-template-columns:39px minmax(0,1fr);align-items:center;border:1px solid #cedfe4;border-radius:12px;background:#fff;box-shadow:0 4px 12px rgba(7,59,92,.04);transition:.16s}.settings-input-wrap:focus-within{border-color:#62bdc9;box-shadow:0 0 0 3px rgba(45,202,211,.13)}.settings-input-wrap>svg{width:17px;height:17px;justify-self:center;color:#2b8392}.settings-input-wrap input,.settings-input-wrap select{width:100%;height:44px;padding:0 12px 0 0;border:0!important;outline:0;background:transparent!important;box-shadow:none!important;color:var(--ink)}.settings-role-help{margin:0;padding:9px 11px;border-radius:9px;background:#edf8fa;color:#39717b;font-size:10px;line-height:1.45}.settings-form-message{grid-column:1/-1;padding:10px 12px;border-radius:10px;font-size:11px;font-weight:700}.settings-form-message.error{border:1px solid #efb8b4;background:#fff2f1;color:#a9322d}.settings-form-message.success{border:1px solid #a9ddbd;background:#eefaf3;color:#187244}.settings-create-button{grid-column:1/-1;min-height:46px}.settings-create-button svg{width:17px;height:17px}.team-user-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.team-user-actions .icon-action svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.settings-team-list .user-row{padding:11px;border:1px solid #dde9ec;border-radius:13px;background:#fbfeff}.settings-team-list .user-row:hover{border-color:#b7d9df;background:#f5fbfc}@media(max-width:700px){.settings-user-form{grid-template-columns:1fr}.settings-role-field,.settings-form-message,.settings-create-button{grid-column:1}.settings-team-list .user-row{grid-template-columns:40px minmax(0,1fr) auto}.team-user-actions{grid-column:2/-1}}
/* Evidence-driven modal corrections */
.drawer:has(.proposal-edit-form) .edit-calculation-card{align-self:start;min-height:0}
.drawer:has(.proposal-edit-form) .edit-proposal-hero{padding-top:0}
.drawer:has(.proposal-edit-form) .edit-proposal-hero>div>p:last-child{margin:0;color:var(--muted)}
.drawer:has(.proposal-edit-form) .edit-proposal-card{min-width:0}
.drawer:has(.proposal-edit-form) .edit-line-grid input{min-width:0}
@media(max-width:900px){.drawer:has(.proposal-edit-form) .edit-proposal-grid{grid-template-columns:1fr}.drawer:has(.proposal-edit-form) .edit-proposal-card,.drawer:has(.proposal-edit-form) .edit-calculation-card{grid-column:1;grid-row:auto}}
.proposal-preview-summary{display:flex;justify-content:flex-end;margin:12px 0}.proposal-preview-summary dl{display:grid;grid-template-columns:auto minmax(110px,auto);gap:8px 22px;margin:0;padding:14px 16px;border:1px solid var(--line);border-radius:11px;background:#f6fbfc}.proposal-preview-summary dt{color:var(--muted);font-weight:700}.proposal-preview-summary dd{margin:0;text-align:right;font-weight:800;color:var(--navy)}.proposal-preview-summary .total{padding-top:8px;border-top:1px solid var(--line);font-size:15px}
.proposal-validity-card{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:13px;align-items:center;margin:14px 0 4px;padding:15px 17px;border:1px solid #a9dce3;border-radius:15px;background:linear-gradient(135deg,#e9f9fb,#f7fcfd);box-shadow:0 10px 24px rgba(7,91,112,.08)}.proposal-validity-card:before{content:"7";grid-row:1/4;width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--aqua));color:#fff;font:800 20px var(--display);box-shadow:0 8px 18px rgba(7,91,112,.2)}.proposal-validity-card>span{color:#197184;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.proposal-validity-card>strong{color:var(--navy);font-size:16px}.proposal-validity-card>small{color:#567681;font-size:10px}.proposal-validity-pill{display:inline-grid;gap:2px;min-width:130px;padding:8px 10px;border:1px solid #b8dfe5;border-radius:11px;background:#eefafc;color:#0b6477}.proposal-validity-pill b{font-size:10px}.proposal-validity-pill small{color:#66818a;font-size:9px}
/* Complete proposal editing workspace */
.drawer:has(.proposal-edit-workspace){width:min(1180px,calc(100% - 40px))}.drawer:has(.proposal-edit-workspace) .drawer-body{max-width:1080px!important;padding:20px 28px 34px}.proposal-edit-workspace{display:grid;gap:18px}.proposal-edit-workspace .edit-proposal-hero{padding:0 2px 17px}.proposal-edit-workspace .edit-proposal-hero h2{margin:2px 0 5px}.proposal-edit-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;align-items:start}.proposal-edit-main{display:grid;gap:15px;min-width:0}.proposal-edit-section{padding:20px;border:1px solid #d7e7eb;border-radius:18px;background:linear-gradient(145deg,#fff,#fbfeff);box-shadow:0 8px 24px rgba(7,59,92,.05)}.proposal-edit-section-head{display:flex;align-items:center;gap:12px;margin-bottom:17px}.proposal-edit-section-head>span{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:11px;background:linear-gradient(135deg,#075b70,#14a8b5);color:#fff;font-weight:900;box-shadow:0 7px 16px rgba(7,91,112,.18)}.proposal-edit-section-head>div{min-width:0;flex:1}.proposal-edit-section-head h3{margin:0 0 2px;font-size:17px}.proposal-edit-section-head p{margin:0;color:var(--muted);font-size:10px}.proposal-edit-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.proposal-edit-fields label{display:grid;gap:7px}.proposal-edit-fields label>span,.proposal-edit-line label>span,.edit-line-amount>span{color:#315565;font-size:10px;font-weight:800}.proposal-edit-fields input,.proposal-edit-fields textarea,.proposal-edit-line input{width:100%;min-height:45px;padding:11px 12px;border:1px solid #cfdee3;border-radius:11px;background:#fff;color:var(--ink);box-shadow:0 3px 10px rgba(7,59,92,.03)}.proposal-edit-fields input:focus,.proposal-edit-fields textarea:focus,.proposal-edit-line input:focus{outline:0;border-color:#58bdc9;box-shadow:0 0 0 3px rgba(45,202,211,.13)}.proposal-edit-fields textarea{min-height:110px;resize:vertical}.edit-field-full{grid-column:1/-1}.proposal-edit-metadata{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.proposal-edit-metadata>div{display:grid;gap:3px;padding:12px 14px;border:1px solid #cce4e8;border-radius:12px;background:#edf9fb}.proposal-edit-metadata span{color:#4e7480;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.proposal-edit-metadata strong{color:#075b70;font-size:12px}.proposal-edit-metadata small{color:#66818a;font-size:9px}.edit-add-line{min-height:38px;padding:0 12px;border:1px solid #9bd3db;border-radius:10px;background:#eaf8fa;color:#096d7f;font-size:10px;font-weight:900}.proposal-edit-lines{display:grid;gap:10px}.proposal-edit-line{display:grid;grid-template-columns:minmax(180px,1fr) 82px 110px 110px 36px;gap:9px;align-items:end;padding:12px;border:1px solid #d7e7eb;border-radius:14px;background:#f8fcfd}.proposal-edit-line label{display:grid;gap:6px;min-width:0}.edit-line-amount{min-height:45px;display:grid;align-content:center;gap:3px;padding:7px 10px;border-radius:10px;background:#eaf7f9}.edit-line-amount strong{color:#075b70;font-size:11px}.edit-line-remove{width:36px;height:45px;border:1px solid #efbbb7;border-radius:10px;background:#fff1ef;color:#b73731;font-size:20px}.proposal-edit-summary{position:sticky;top:0}.proposal-edit-summary-card{padding:21px;border:1px solid #a9dce3;border-radius:19px;background:linear-gradient(150deg,#073b5c,#08758a);color:#fff;box-shadow:0 18px 38px rgba(3,48,67,.2)}.proposal-edit-summary-card .eyebrow{color:#8ee5eb}.proposal-edit-summary-card h3{margin:3px 0 16px;font-size:20px}.proposal-edit-summary-card dl{display:grid;grid-template-columns:1fr auto;gap:12px;margin:0;padding:15px;border-radius:13px;background:rgba(255,255,255,.1)}.proposal-edit-summary-card dd{margin:0;font-weight:800}.proposal-edit-summary-card .total{padding-top:12px;border-top:1px solid rgba(255,255,255,.2);font-size:15px}.edit-summary-validity{display:grid;gap:3px;margin-top:13px;padding:13px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.08)}.edit-summary-validity span{color:#9be4e9;font-size:9px;font-weight:800;text-transform:uppercase}.edit-summary-validity strong{font-size:13px}.edit-summary-validity small{color:#c6e8eb}.proposal-edit-summary-card>p:last-child{margin:14px 0 0;color:#c9e7ea;font-size:10px;line-height:1.5}.proposal-edit-footer{position:sticky;bottom:-1px;display:flex;justify-content:flex-end;gap:9px;padding:15px 0 0;border-top:1px solid #dce9ec;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 28%)}.proposal-edit-footer button{min-height:44px}.proposal-edit-footer .primary-btn{min-width:240px}@media(max-width:900px){.drawer:has(.proposal-edit-workspace){width:100%;top:0;bottom:0;border:0;border-radius:0}.proposal-edit-layout{grid-template-columns:1fr}.proposal-edit-summary{position:static;grid-row:1}.proposal-edit-summary-card{display:grid;grid-template-columns:1fr 1fr;gap:12px}.proposal-edit-summary-card>p:last-child{grid-column:1/-1}.proposal-edit-line{grid-template-columns:minmax(150px,1fr) 75px 100px 100px 36px}}@media(max-width:680px){.drawer:has(.proposal-edit-workspace) .drawer-body{padding:16px}.proposal-edit-fields,.proposal-edit-metadata{grid-template-columns:1fr}.edit-field-full{grid-column:1}.proposal-edit-line{grid-template-columns:1fr 1fr}.edit-line-description{grid-column:1/-1}.edit-line-amount{min-height:45px}.edit-line-remove{position:absolute;right:23px;margin-top:24px}.proposal-edit-line{position:relative;padding-right:52px}.proposal-edit-summary-card{display:block}.proposal-edit-summary-card dl{margin-top:12px}.proposal-edit-footer>*{flex:1}.proposal-edit-footer .primary-btn{min-width:0}.proposal-edit-section-head{align-items:flex-start;flex-wrap:wrap}.edit-add-line{margin-left:50px}}
/* Stable proposal-editor action bar: prevent rows and button effects from bleeding through. */
.proposal-edit-footer{z-index:12;margin:0 -2px -2px;padding:16px 2px 2px!important;border-top:1px solid #d8e6e9!important;background:#fff!important;box-shadow:0 -14px 24px rgba(255,255,255,.98)!important;isolation:isolate;transform:translateZ(0);backface-visibility:hidden}.proposal-edit-footer button{overflow:hidden;contain:paint;transform:translateZ(0)}.proposal-edit-footer button:after{display:none!important;content:none!important}.proposal-edit-footer .ghost-btn:hover,.proposal-edit-footer .primary-btn:hover{transform:none!important}
/* Extend the editor action surface across the complete scroll viewport. */
.proposal-edit-footer{bottom:-34px!important;margin:0 -28px -34px!important;padding:18px 30px 34px!important;min-height:96px;background:#fff!important;box-shadow:0 -18px 32px rgba(255,255,255,1),0 -1px 0 #d8e6e9!important}.proposal-edit-footer:before{content:"";position:absolute;z-index:-1;inset:-18px 0 -44px;background:#fff;pointer-events:none}@media(max-width:680px){.proposal-edit-footer{bottom:-32px!important;margin:0 -16px -32px!important;padding:16px 16px 32px!important}.proposal-edit-footer:before{inset:-16px 0 -40px}}
/* Uniform proposal filter controls. */
#view-proposals .filter-bar{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:end;gap:12px}#view-proposals .filter-bar>.search,#view-proposals .filter-bar>select,#view-proposals .filter-bar .document-date{box-sizing:border-box;width:100%!important;height:46px!important;min-height:46px!important;margin:0;padding-top:0;padding-bottom:0;border-radius:12px}#view-proposals .date-filter{grid-template-rows:14px 46px;gap:5px}#view-proposals .date-filter>span{display:flex;align-items:center;height:14px;line-height:14px}@media(max-width:1100px){#view-proposals .filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))!important}#view-proposals .filter-bar .search{grid-column:auto!important}}@media(max-width:700px){#view-proposals .filter-bar{grid-template-columns:1fr!important}}

.cancel-approval-action{background:#fff4e5;color:#b65b12;border-color:#efc594}.cancel-approval-action:hover{background:#ffe6c5;color:#8c3f08;border-color:#df9e56}

/* Current dashboard layout alignment. */
#view-contracts .filter-bar{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:end;gap:12px}#view-contracts .filter-bar>.search,#view-contracts .filter-bar>select,#view-contracts .filter-bar .document-date{box-sizing:border-box;width:100%!important;height:46px!important;min-height:46px!important;margin:0;padding-top:0;padding-bottom:0;border-radius:12px}#view-contracts .date-filter{grid-template-rows:14px 46px;gap:5px}#view-contracts .date-filter>span{display:flex;align-items:center;height:14px;line-height:14px}
#view-jobs .job-row{grid-template-columns:90px minmax(190px,1.1fr) minmax(180px,1fr) minmax(150px,.8fr) auto auto}#view-jobs .job-date{box-sizing:border-box;width:90px;min-width:90px;overflow:hidden}#view-jobs .job-row>div:nth-child(2){min-width:0}#view-jobs .job-row>div:nth-child(2) strong,#view-jobs .job-row>div:nth-child(2) small{overflow-wrap:anywhere;line-height:1.35}#view-jobs .job-row>div:nth-child(2) strong{margin-bottom:4px}
@media(max-width:1100px){#view-contracts .filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))!important}#view-contracts .filter-bar .search{grid-column:auto!important}}@media(max-width:720px){#view-contracts .filter-bar{grid-template-columns:1fr!important}#view-jobs .job-row{grid-template-columns:90px minmax(0,1fr) auto;align-items:start}#view-jobs .job-row-actions{align-self:center}}