.work-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 16px}.work-toolbar input,.work-toolbar select,.work-form input,.work-form select,.work-form textarea{border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:var(--card);color:var(--text);font:inherit;min-height:42px;max-width:100%}.work-search{display:flex;gap:8px;flex:1;min-width:250px}.work-search input{width:100%;min-width:0}.work-muted{color:var(--muted);font-size:12px;line-height:1.6}.work-table{overflow-x:auto;padding:0}.work-table table{width:100%;border-collapse:collapse}.work-table td,.work-table th{padding:14px;text-align:left;border-bottom:1px solid var(--border)}.work-table th{color:var(--muted);font-size:11px;text-transform:uppercase}.work-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.work-kpis strong{font:600 28px var(--f-head)}.work-calendar-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:16px;background:var(--card)}.work-calendar{display:grid;grid-template-columns:repeat(7,minmax(115px,1fr));min-width:805px}.work-day{min-height:135px;padding:10px;border-top:1px solid var(--border);border-right:1px solid var(--border)}.work-weekday{padding:12px;color:var(--muted);font-size:11px;font-weight:700}.work-empty{background:var(--paper)}.work-today{background:var(--teal-light)}.work-day-number{font:500 12px var(--f-mono)}.work-event{display:flex;flex-direction:column;gap:6px;text-align:left;width:100%;padding:12px;margin:8px 0;border:1px solid var(--border);border-left:3px solid var(--teal);border-radius:11px;background:var(--card);color:var(--text);font-size:12px;overflow-wrap:anywhere}.work-event:hover{border-color:var(--teal)}.work-event strong{color:var(--teal-dark)}.work-event .pill{align-self:flex-start}.work-cancelled{opacity:.6}.work-agenda{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.work-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.work-history{padding:14px 0;border-bottom:1px solid var(--border);font-size:12px;line-height:1.7;overflow-wrap:anywhere}.work-dialog{width:min(680px,calc(100vw - 24px));max-height:90vh;border:1px solid var(--border);border-radius:20px;padding:24px;background:var(--card);color:var(--text);box-shadow:var(--shadow-lg)}.work-dialog::backdrop{background:rgba(22,21,26,.45)}.work-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.work-modal-head h2{font-size:19px}.work-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.work-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600}.work-form textarea{min-height:100px;resize:vertical}.work-full{grid-column:1/-1}.work-modal-foot{justify-content:flex-end;margin:18px 0 0}.work-error{color:var(--red);font-size:13px}@media(max-width:700px){.work-detail-grid,.work-form{grid-template-columns:1fr}.work-full{grid-column:auto}.work-kpis{gap:8px}.work-kpis .card{padding:12px}.work-kpis strong{font-size:22px}.work-search{min-width:100%}.work-dialog{padding:18px}.work-toolbar .btn{min-height:42px}.work-toolbar select{flex:1}}
/* Cohesive customer workspace surfaces and priorities. */
.portal-shell{background:radial-gradient(ellipse at 85% 0,#e9edfc,transparent 40%),#f6f7fb;}
.portal-shell .topbar{background:radial-gradient(ellipse at 100% 0,rgba(83,114,230,.48),transparent 65%),linear-gradient(120deg,#1c2035,#202744);border:1px solid #303b60;}
.portal-shell .portal-navigation{border-color:#e4e8f1;background:#fff;padding:14px 12px;}
.portal-shell .portal-navigation .tab.active{background:linear-gradient(115deg,#2f56d9,#456ce2);color:#fff;box-shadow:0 5px 12px rgba(47,86,217,.18);}
.portal-shell .portal-navigation .tab.active .tab-n{background:rgba(255,255,255,.2);}
.portal-shell .portal-view-heading h1{font-size:29px;letter-spacing:-.045em;}
.portal-shell .card,.work-calendar-scroll{border-color:#e4e8f1;box-shadow:0 2px 4px rgba(29,44,83,.02),0 12px 28px -24px rgba(29,44,83,.22);}
.portal-shell .work-table{padding:0;overflow:hidden;}.work-table th{background:#f8f9fc;letter-spacing:.08em;padding:16px;}.work-table td{padding:18px 16px;font-size:12px;vertical-align:middle;}.work-table tbody tr:last-child td{border-bottom:0;}.work-table tbody tr:hover{background:#fafbff;}
.work-person{display:flex;align-items:center;gap:12px;min-width:180px;}.work-person strong{font-size:13px;}.work-person small{color:var(--muted);font-size:11px;}.work-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#e9efff,#f3edff);color:#3656af;font-size:15px;font-weight:700;}
.work-toolbar{gap:9px;}.work-toolbar input,.work-toolbar select{background:#fff;border-color:#dfe4ef;font-size:12px;}.work-toolbar input:focus,.work-toolbar select:focus,.work-form input:focus,.work-form select:focus,.work-form textarea:focus{outline:2px solid #456ce2;outline-offset:2px;}
.work-kpis{gap:14px;margin-bottom:6px;}.work-lead-kpis{grid-template-columns:repeat(4,minmax(0,1fr));}.portal-shell .work-metric{padding:21px;position:relative;overflow:hidden;}.work-metric::before{content:'';position:absolute;top:0;left:22px;width:30px;height:3px;background:#5878e0;border-radius:0 0 4px 4px;}.work-metric-due::before{background:#e5a349;}.work-metric-won::before{background:#399779;}.work-metric-owner::before{background:#9573c4;}.work-metric-label{font-size:11px;font-weight:600;color:#58647a;margin-bottom:11px;}.work-metric strong{display:block;font-size:32px;line-height:1.2;letter-spacing:-.04em;margin-bottom:8px;}.work-metric .work-muted{font-size:10px;}
.work-weekday{background:#f8f9fc;text-align:center;letter-spacing:.05em;}.work-day{min-height:145px;border-color:#e8ecf4;}.work-day-number{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;border-radius:50%;}.work-today{background:#f1f5ff;}.work-today .work-day-number{background:#365cdb;color:#fff;}.work-empty{background:#fafbfe;}
.work-event{background:#f2f5ff;border-color:#e2e8fc;border-left:3px solid #4a6ddc;padding:10px;font:11px var(--f-body);box-shadow:0 2px 4px rgba(47,86,217,.025);}.work-event strong{line-height:1.55;color:#29458f;}.work-event span:not(.pill){color:#687590;line-height:1.5;}.work-event:hover{background:#eaf0ff;border-color:#8ba0e4;}.work-event:focus-visible{outline:2px solid #456ce2;outline-offset:2px;}.work-event .pill{font-size:9px;padding:3px 7px;}.work-pill-neutral{background:#edf0f5;color:#647089;}.work-agenda{gap:16px;}.work-agenda>div{border:1px solid #e4e8f1;border-radius:16px;background:#fff;padding:16px;}.work-agenda .work-event{margin:10px 0 0;}
.work-dialog{box-shadow:0 25px 100px rgba(23,34,66,.25);border-color:#dfe4ef;}.work-dialog::backdrop{background:rgba(20,28,49,.52);backdrop-filter:blur(4px);}.work-modal-head{padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid #e8ecf4;}.work-modal-head h2{margin:0;letter-spacing:-.035em;font-size:23px;}.work-modal-foot{padding-top:16px;border-top:1px solid #e8ecf4;}.work-history{position:relative;padding-left:20px;border-left:1px solid #e1e7f4;margin-left:5px;}.work-history::before{content:'';position:absolute;left:-4px;top:20px;width:7px;height:7px;border-radius:50%;background:#6984d8;}
@media(max-width:1100px){.work-lead-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:700px){.portal-shell .portal-view-heading h1{font-size:25px;}.work-kpis{gap:10px;}.portal-shell .work-metric{padding:16px 12px;}.work-metric::before{left:12px;}.work-metric strong{font-size:26px;}.work-metric .work-muted{font-size:10px;}.work-metric-label{font-size:10px;}.work-toolbar select{min-width:0;}.work-form input,.work-form select,.work-form textarea{font-size:16px;}.work-person{min-width:0;}.work-table tbody tr{padding:10px 8px;background:#fff;}.work-table tbody tr:nth-child(even){background:#fafbfe;}.work-dialog{padding:20px 16px;}.work-modal-head h2{font-size:21px;}}
@media(max-width:700px){.work-toolbar select{flex:1 1 140px;min-width:140px;}.work-toolbar input[type=month]{flex:1 1 160px;min-width:160px;}}