.my-day{margin:24px 0}.desk-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:22px 24px}.desk-heading h2{margin:4px 0 8px;font-size:22px}.desk-heading p{margin:0;color:var(--muted,#746e82);font-size:14px;max-width:650px}.desk-heading .actions{flex-shrink:0}.desk-filters{display:flex;gap:8px;overflow-x:auto;padding:0 24px 18px;scrollbar-width:thin}.desk-filters button{border:1px solid #e4deed;background:white;color:#51465f;border-radius:24px;padding:10px 15px;white-space:nowrap;font:inherit;font-size:14px;min-height:44px;cursor:pointer}.desk-filters button[aria-pressed=true]{background:#ede7f8;border-color:#7e5bc1;color:#52318a;font-weight:600}.desk-filters span{margin-left:6px}.desk-item{display:flex;gap:14px;padding:16px 24px;border-top:1px solid #eee9f3;align-items:center;min-width:0}.desk-item>div:first-of-type{flex:1;min-width:0}.desk-item h3{font-size:16px;margin:4px 0;overflow-wrap:anywhere}.desk-item p,.desk-item small{color:var(--muted,#746e82);margin:0;font-size:13px;overflow-wrap:anywhere}.desk-item small{display:block}.desk-dot{width:8px;height:8px;background:#8a6bbc;border-radius:50%;flex-shrink:0}.desk-dot.late{background:#bf5836}.desk-item-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.desk-more{padding:12px 24px 20px}.desk-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.desk-summary>div{padding:20px;border:1px solid #e6e0ed;border-radius:16px;background:#fff}.desk-summary strong{font-size:28px;display:block}.desk-summary span{font-size:14px;color:var(--muted,#746e82)}.placement-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.placement-card{min-width:0;margin:0}.placement-card dl{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 24px;margin:0 0 22px}.placement-card dt{font-size:12px;color:var(--muted,#746e82);margin-bottom:5px}.placement-card dd{margin:0;font-size:14px;overflow-wrap:anywhere}.desk-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-top:1px solid #eee9f3}.desk-card-footer small{color:var(--muted,#746e82)}.desk-detail .desk-item{padding:14px 0;justify-content:space-between}.desk-detail .details{white-space:pre-wrap;overflow-wrap:anywhere}.desk-detail .actions{flex-wrap:wrap}.desk-detail details{padding:14px;background:#faf8fd;border-radius:12px}.desk-detail summary{cursor:pointer;font-weight:600}.desk-detail h3{overflow-wrap:anywhere}#desk-form textarea{min-height:100px}#desk-form .form-grid{align-items:start}
@media(max-width:800px){.placement-cards{grid-template-columns:1fr}.desk-heading{flex-direction:column;padding:18px;gap:14px}.desk-heading .actions{flex-wrap:wrap;width:100%}.desk-filters{padding:0 18px 14px}.desk-item{padding:15px 18px;flex-wrap:wrap;gap:10px}.desk-item>div:first-of-type{flex-basis:calc(100% - 20px)}.desk-item-actions{margin-left:18px;justify-content:space-between;flex:1}.desk-detail .desk-item>div:first-of-type{flex-basis:60%}.desk-detail .desk-item>.btn{min-height:44px}.desk-summary{grid-template-columns:1fr 1fr;gap:10px}.desk-summary>div{padding:16px}.placement-card dl{padding:0 18px}.desk-card-footer{padding:14px 18px;flex-wrap:wrap}.desk-dot{align-self:flex-start;margin-top:8px}.my-day{margin:18px 0}.desk-heading h2{font-size:21px}.desk-more{padding:14px 18px}}

/* Calm colour accents retain readable text and visible focus. */
.metric-grid .dashboard-metric{--desk-tone:#6844a0;--desk-tint:#f4eefc;--desk-edge:#e0d3f1;background:linear-gradient(125deg,var(--desk-tint),#fff);border-color:var(--desk-edge);border-top:3px solid var(--desk-tone)}
.metric-grid .dashboard-metric:nth-child(2){--desk-tone:#19725e;--desk-tint:#eaf7f1;--desk-edge:#cce9dc}
.metric-grid .dashboard-metric:nth-child(3){--desk-tone:#285ca1;--desk-tint:#edf4ff;--desk-edge:#d2e1f5}
.metric-grid .dashboard-metric:nth-child(4){--desk-tone:#98600f;--desk-tint:#fff5e5;--desk-edge:#f0dfbd}
.metric-grid .dashboard-metric .metric-icon{color:var(--desk-tone);background:var(--desk-tint);border:1px solid var(--desk-edge)}
.metric-grid .dashboard-metric .metric-value{color:var(--desk-tone)}
.metric-grid .dashboard-metric:focus-visible{outline:3px solid var(--desk-tone);outline-offset:3px}