/* Fit the request surface to its contents; the viewport remains the hard limit. */
body .app-topbar .icon-button,body .app-topbar .icon-button:hover{background:var(--surface-one)!important;border:0!important;border-radius:6px}
body .app-topbar .topbar-account,body .app-topbar .topbar-account:hover{height:36px;min-height:36px;padding:4px 8px;background:var(--surface-one)!important;border:0!important;border-radius:6px;box-shadow:none!important}
body .app-topbar .topbar-account>.avatar{width:28px;height:28px}
body .app-topbar .topbar-actions>.icon-button,body .app-topbar .topbar-start>.icon-button{width:36px;min-width:36px;height:36px;min-height:36px}
body .app-topbar>.workspace-views{gap:3px;padding:3px;background:var(--surface-one)!important;border:0!important;border-radius:8px;box-shadow:none!important}
body .app-topbar .workspace-views .icon-button,body .app-topbar .workspace-views .icon-button:hover{background:transparent!important;border:0!important;border-radius:5px!important;box-shadow:none!important;width:32px;min-width:32px;height:30px;min-height:30px}
body .app-topbar .workspace-views .icon-button[aria-pressed=true]{background:var(--surface-two)!important;border-radius:5px!important;box-shadow:none!important}
@media(max-width:700px){body .app-topbar .topbar-account,body .app-topbar .topbar-account:hover{height:32px;min-height:32px;padding:3px 4px}body .app-topbar .topbar-account>.avatar{width:26px;height:26px}body .app-topbar .topbar-actions>.icon-button,body .app-topbar .topbar-start>.icon-button{width:30px;min-width:30px;height:32px;min-height:32px}body .app-topbar>.workspace-views{padding:2px;gap:2px}body .app-topbar .workspace-views .icon-button,body .app-topbar .workspace-views .icon-button:hover{width:26px;min-width:26px;height:28px;min-height:28px}}
body.client-surface .task-rail [data-new-request]{background:var(--surface-one)!important;color:var(--text);border:1px solid var(--line)}
body.light[data-page=tasks] #task-list .column-new{--heading-tone:#70a8ed;--heading-ink:#18559b}
body.light[data-page=tasks] #task-list .column-progress{--heading-tone:#edc34d;--heading-ink:#815806}
body.light[data-page=tasks] #task-list .column-done{--heading-tone:#65bc89;--heading-ink:#1d6d3f}
body.light[data-page=tasks] #task-list .column-heading{background:color-mix(in srgb,var(--heading-tone) 34%,#fff);color:var(--heading-ink);border-bottom-color:color-mix(in srgb,var(--heading-tone) 65%,#fff)}
body.light[data-page=tasks] #task-list .column-heading h2{color:var(--heading-ink);font-weight:650}
body.light[data-page=tasks] #task-list .column-heading .count{color:var(--heading-ink);background:color-mix(in srgb,var(--heading-tone) 34%,#fff);font-weight:600}
.client-rail-chevron{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}.client-rail-header .rail-title{gap:8px}.client-rail-header .rail-title[aria-expanded=true] .client-rail-chevron{transform:rotate(180deg)}
.employee-space .staff-rail-header{position:relative;z-index:2;flex:none;pointer-events:auto;overflow:hidden;background:var(--surface-two);border:0;border-bottom:1px solid var(--line);border-radius:10px 10px 0 0}
.employee-space .staff-rail-header>.rail-title{width:100%;border:0;border-radius:0;background:transparent;min-height:34px;margin:0}
.employee-space .staff-rail-header>.rail-tabs{display:flex;flex:none;gap:0;padding:0;margin:0;border:0;border-radius:0;background:transparent;max-height:40px;opacity:1;visibility:visible;transition:max-height .2s ease,opacity .18s ease,visibility .2s}
.employee-space .staff-rail-header .rail-tabs button{border:0;border-radius:0;border-bottom:2px solid transparent;background:transparent!important;box-shadow:none;min-height:40px;font-size:14px;font-weight:600;opacity:.78}
.employee-space .staff-rail-header [data-rail-mode=new]{color:#91bdf3!important}.employee-space .staff-rail-header [data-rail-mode=mine]{color:#dfc16e!important}
body.light .employee-space .staff-rail-header [data-rail-mode=new]{color:#2468b2!important}body.light .employee-space .staff-rail-header [data-rail-mode=mine]{color:#9b710c!important}
.employee-space .staff-rail-header .rail-tabs [aria-pressed=true]{border-bottom-color:currentColor;opacity:1}.employee-space .staff-rail-header .rail-tabs button:hover{opacity:1;background:var(--hover)!important}
.employee-space .task-rail.rail-collapsed>.staff-rail-header{border-radius:10px}.employee-space .task-rail.rail-collapsed .staff-rail-header>.rail-tabs{max-height:0;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden}
.employee-space>.task-rail:has(>.staff-rail-header)>.rail-body{background:var(--surface-one);margin:0;padding:0;border-radius:0 0 10px 10px}
.employee-space>.task-rail:has(>.staff-rail-header):not(.rail-collapsed)>.rail-body{height:calc(var(--side-body-height) - 40px)}
.employee-space>.task-rail:has(>.staff-rail-header) .rail-inner{height:calc(var(--side-body-height) - 40px);background:transparent;border:0}
.client-schedule-priority{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;padding:4px 0;font-size:12px;font-weight:600;cursor:pointer}.client-schedule-priority.low{color:var(--green)}.client-schedule-priority.normal{color:var(--yellow)}.client-schedule-priority.high{color:var(--red)}.client-schedule-priority:hover{text-decoration:underline;text-underline-offset:4px;background:transparent}.client-schedule-priority:focus-visible{outline:2px solid var(--muted);outline-offset:4px}body.light .client-schedule-priority.low{color:#218044}body.light .client-schedule-priority.normal{color:#9b710c}body.light .client-schedule-priority.high{color:#bc3d4d}
body.client-surface .client-center{overflow:hidden}
body.client-surface .client-center:not(:has(.client-process)){align-items:center;justify-content:center}
body.client-surface .client-center:not(:has(.client-process))>.client-request-sheet{flex:0 1 auto;width:min(100%,900px);height:auto;max-height:100%;min-height:0;margin:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
body.client-surface .client-center:has(#client-request-form)>.client-request-sheet{flex:0 1 auto}
body.client-surface .client-center:not(:has(.client-process))>.client-request-sheet{padding:16px}
body.client-surface .client-center:not(:has(.client-process))>.client-request-sheet>header{margin-bottom:8px}
body.client-surface #client-request-form .client-request-input{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;align-items:end}
body.client-surface #client-request-form .client-request-input>*{grid-column:1/-1}
body.client-surface #client-request-form .client-priority{grid-column:1;min-width:0}
body.client-surface #client-request-form .client-due-field{grid-column:2;justify-self:end}
body.client-surface #client-request-form .client-due-field{grid-column:1;justify-self:start}
body.client-surface .client-detail-heading{min-height:64px}
body.client-surface .client-detail-heading:has(.client-priority-schedule .client-deadline-row:not(:empty)){min-height:88px}
body.client-surface .client-detail-heading>.row{align-items:flex-start;gap:12px}
.client-priority-schedule{display:flex;flex-direction:column;align-items:flex-end;gap:7px}
.client-priority-schedule .client-deadline-row{margin:0}.client-priority-schedule .client-deadline-row:empty{display:none}
body.client-surface .client-detail-heading .task-unassigned{display:block;min-height:0;margin-top:9px;font-size:12px;line-height:1.45;color:var(--muted);font-weight:500}
body.client-surface .client-detail-heading h1{padding-right:230px}
@media(max-width:720px){body.client-surface .client-detail-heading h1{padding-right:0}.client-detail-heading>.row{position:static!important;margin-top:10px!important;width:100%;justify-content:flex-end}.client-priority-schedule{align-items:flex-end}body.client-surface .client-detail-heading:has(.client-priority-schedule .client-deadline-row:not(:empty)){min-height:0}}
body.client-surface .client-request-sheet{container-type:inline-size;container-name:client-sheet}
body.client-surface .client-detail-heading{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;min-height:0!important}
body.client-surface .client-detail-heading>div:first-child{min-width:0}
body.client-surface .client-detail-heading h1,body.client-surface .client-detail-heading>div:first-child>small{padding-right:0!important}
body.client-surface .client-detail-heading>.row{position:static!important;inset:auto!important;margin:0!important;justify-self:end;align-items:flex-start;height:auto!important;min-height:0}
@container client-sheet (max-width:560px){body.client-surface .client-detail-heading{grid-template-columns:minmax(0,1fr)}body.client-surface .client-detail-heading>.row{width:100%;justify-content:flex-end}}
body.client-surface #client-request-form .field-heading{gap:6px}
body.client-surface #client-request-form .rich-editor{min-height:clamp(180px,26dvh,300px);max-height:none;height:auto;overflow:visible}
body.client-surface #client-request-form .files:empty{display:none}
body.client-surface #client-request-form .client-create-footer{padding-top:10px}
body.client-surface .client-center[data-client-layout=stack]:has(.client-process)>.client-request-sheet{flex:0 1 auto;height:auto;max-height:var(--client-sheet-size,52%);min-height:0;overflow:auto;overscroll-behavior:contain}
body.client-surface .client-center[data-client-layout=side]:has(.client-process)>.client-request-sheet{height:100%;max-height:100%;align-self:stretch;overflow:auto;overscroll-behavior:contain}
@media(max-width:720px){body.client-surface .client-center:not(:has(.client-process))>.client-request-sheet{padding:16px;max-width:100%}}
@media(max-width:1050px){body.client-surface #client-request-form .client-request-input{grid-template-columns:minmax(0,1fr)}body.client-surface #client-request-form .client-due-field{grid-column:1;justify-self:start}}