body.client-surface .client-space{grid-template-columns:clamp(310px,27vw,370px) minmax(0,1fr)}
body.client-surface .client-request-tabs button{flex:1;transition:color .16s,background .16s;min-height:36px;font-size:13px}
body.client-surface .client-request-tabs [data-client-requests=active][aria-pressed=true]{background:color-mix(in srgb,var(--blue) 14%,var(--field));color:var(--blue)}
body.client-surface .client-request-tabs [data-client-requests=done][aria-pressed=true]{background:color-mix(in srgb,var(--green) 15%,var(--field));color:var(--green)}
.client-due-field{display:flex;flex-direction:column;align-items:flex-start;gap:7px;font-size:13px;font-weight:600;color:var(--text)}
.client-due-field button,.client-deadline-row button{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border:0;border-radius:6px;background:color-mix(in srgb,var(--text) 8%,var(--field));color:var(--text);font-size:13px;font-weight:550;box-shadow:none}
.client-due-field button:hover,.client-deadline-row button:hover{background:color-mix(in srgb,var(--text) 14%,var(--field))}
.client-deadline-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px;font-size:12px;color:var(--muted)}
.client-deadline-row time{font-weight:500;color:var(--text)}
body .client-deadline-calendar{background:var(--panel);--card:var(--panel)}
body .app-topbar .icon-button,body .app-topbar .topbar-account{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--muted)}
body .app-topbar .icon-button:hover,body .app-topbar .topbar-account:hover{background:transparent!important;color:var(--text)}
body .app-topbar .workspace-views{background:transparent!important;border:0!important;box-shadow:none!important}
body .app-topbar .workspace-views .icon-button[aria-pressed=true]{color:var(--text);box-shadow:inset 0 -2px var(--muted)!important;border-radius:0}
body .app-topbar .topbar-logout{flex:none;width:32px;min-width:32px;height:34px;padding:7px;margin-left:3px}
body .app-topbar .topbar-logout svg{width:18px;height:18px}
@media(max-width:1050px){body.client-surface .client-space{grid-template-columns:285px minmax(0,1fr)}}
@media(max-width:720px){body.client-surface .client-space{display:flex}.client-detail-heading>div:first-child>small{padding-right:150px}}
/* Scheduling controls read as one group, with comfortable wrapping on narrow screens. */
body.client-surface #client-request-form .client-new-schedule{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px 18px;grid-column:1/-1}
body.client-surface #client-request-form .client-new-schedule .client-priority{flex:1 1 260px;max-width:370px}
body.client-surface #client-request-form .client-new-schedule .client-due-field{flex:0 0 auto;min-height:38px;margin:0}
body.client-surface .client-priority .priority-picker{padding:3px;background:color-mix(in srgb,var(--text) 4%,var(--field));border-radius:6px}
body.client-surface .client-priority-schedule{flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:10px}
body.client-surface .client-schedule-priority{background:color-mix(in srgb,var(--text) 5%,var(--field));padding:9px 12px;border-radius:6px;min-height:38px}
.client-due-field button::before,.client-deadline-row button::before{content:'';width:16px;height:16px;flex:none;margin-right:8px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='18' height='16' rx='3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7 3v5M17 3v5M3 11h18' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E") center/contain no-repeat}
body.client-surface .client-title-input{font:inherit;font-weight:600;line-height:1.4;width:100%;min-width:0;padding:5px 8px;margin:-5px -8px;border:1px solid transparent;border-radius:5px;color:var(--text);background:transparent}
body.client-surface .client-title-input:hover,body.client-surface .client-title-input:focus{background:var(--field);border-color:var(--line)}