/* Analytics and team access: one compact workspace using Bloom theme tokens. */
#panel-analytics .an-heading-actions {gap:8px;align-items:center;}
#panel-analytics .an-load-status {width:182px;min-height:36px;}
#panel-analytics .an-load-status>summary {box-sizing:border-box;min-height:36px;padding:8px 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface);gap:8px;line-height:18px;cursor:pointer;}
#panel-analytics .an-load-status>summary:hover {border-color:var(--blue);color:var(--text);}
#panel-analytics .an-load-status[open]>summary {border-color:var(--blue);background:var(--surface2);}
#panel-analytics .an-load-status .an-request-state {width:320px;padding:14px;border-radius:12px;line-height:1.5;}
#panel-analytics .an-freshness>strong {display:block;color:var(--text);font-size:13px;margin-bottom:10px;}
#panel-analytics .an-freshness>div {display:flex;justify-content:space-between;gap:16px;font-size:12px;padding:5px 0;}
#panel-analytics .an-freshness time {font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap;}
#panel-analytics .an-load-status .an-overview-state {margin-top:12px;padding-top:12px;border-top:1px solid var(--border);}
#panel-analytics .an-load-status .an-overview-state p {margin:6px 0;line-height:1.55;}
#panel-analytics .an-filters {display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
#panel-analytics .an-store-picker {flex:0 1 auto;min-width:0;max-width:100%;padding:3px;gap:3px;background:var(--surface);}
#panel-analytics .an-store-picker button {padding:7px 10px;min-height:34px;gap:6px;}
#panel-analytics .an-store-picker .an-service-icon {width:23px;height:23px;flex:0 0 23px;border-radius:7px;font-size:10px;}
#panel-analytics .an-quick-periods {display:flex;gap:5px;flex-wrap:wrap;}
#panel-analytics .an-context-row {margin-top:10px;margin-bottom:18px;}
#panel-analytics .an-grid {gap:12px;}
#panel-analytics .an-metric-card {min-height:112px;padding:18px 20px;border-radius:13px;transition:border-color .15s,background-color .15s;}
#panel-analytics .an-metric-card:hover {border-color:var(--blue);background:var(--surface2);}
#panel-analytics .an-metric-card strong {font-variant-numeric:tabular-nums;}

#panel-settings #staff-access-card {padding:22px;}
#staff-access-card .staff-access-intro {display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--border);}
#staff-access-card .staff-access-intro h3 {margin:0 0 5px;font-size:17px;}
#staff-access-card .staff-access-intro p {margin:0;max-width:520px;}
#staff-access-card .staff-workspace-tabs {display:flex;flex:0 0 auto;gap:4px;padding:3px;border:1px solid var(--border);border-radius:10px;margin:0;}
#staff-access-card .staff-workspace-tabs button {min-height:34px;padding:7px 12px!important;border-radius:7px;border:0;white-space:nowrap;}
#staff-access-card .staff-workspace-tabs button[aria-pressed=true] {background:#355d80;color:white;}
#staff-access-card .staff-access-grid {gap:16px;}
#staff-access-card .staff-access-person:not(.staff-access-owner) {padding:0;gap:14px;}
#staff-access-card .staff-access-person[hidden] {display:none!important;}
#staff-access-card .staff-person-heading {padding:0 0 4px;gap:10px;}
#staff-access-card .staff-person-heading h4 {font-size:15px;line-height:20px;margin:0;}
#staff-access-card .staff-avatar {width:34px;height:34px;border-radius:10px;display:inline-grid;place-items:center;flex:0 0 34px;}
#staff-access-card .staff-group-heading {display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px;}
#staff-access-card .staff-group-heading h5 {margin:0;font-size:13px;font-weight:650;}
#staff-access-card .staff-group-heading small {font-size:11px;}
#staff-access-card .staff-module-grid {gap:0 22px;border:1px solid var(--border);border-radius:12px;padding:0 14px;background:var(--surface);}
#staff-access-card .staff-access-row.staff-module-row {display:grid;grid-template-columns:24px minmax(0,1fr) 118px;gap:10px;min-height:72px;box-sizing:border-box;padding:12px 0;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;}
#staff-access-card .staff-module-row:nth-last-child(-n+2) {border-bottom:0;}
#staff-access-card .staff-module-icon {width:20px;height:20px;stroke:var(--text2);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;}
#staff-access-card .staff-permission-copy {min-width:0;}
#staff-access-card .staff-permission-copy strong {font-size:12px;font-weight:600;line-height:18px;}
#staff-access-card .staff-permission-copy small {display:block;margin-top:3px;font-size:11px;line-height:1.45;color:var(--text2);}
#staff-access-card .staff-module-row select {width:118px;min-height:36px;height:36px;padding:6px 28px 6px 10px;border-radius:8px;background-color:var(--surface2);font-size:12px;}
#staff-access-card .staff-action-grid {margin:6px 0 0;padding:8px 14px 0;border:1px solid var(--border);border-radius:12px;gap:0 22px;background:transparent;}
#staff-access-card .staff-action-grid legend {font-size:13px;font-weight:650;padding:0 6px;}
#staff-access-card .staff-action-row {min-height:66px;padding:10px 0;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;gap:16px;}
#staff-access-card .staff-action-row:nth-last-child(-n+2) {border-bottom:0;}
#staff-access-card .staff-action-row:hover:not(.is-unavailable) {background:color-mix(in srgb,var(--blue) 5%,transparent);}
#staff-access-card .staff-action-row.is-unavailable {opacity:.5;}
#staff-access-card .staff-secret-row {padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:12px;}
#staff-access-card .staff-save-bar {display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:2px 0 4px;}
#staff-access-card .staff-save-bar .auth-btn {margin:0;min-height:38px;padding:9px 14px;font-size:12px;}
#staff-access-card .staff-access-owner {padding:14px!important;gap:8px;background:transparent;border-radius:11px;}
#staff-access-card .staff-access-owner p {margin:0;font-size:11px;}
#staff-access-card .staff-access-explainer,#staff-access-card .staff-access-audit {padding:14px 0;margin:0;border-top:1px solid var(--border);}
#staff-access-card details>summary {cursor:pointer;font-size:12px;}
#staff-access-card details>summary:hover {color:var(--blue);}
#staff-access-card .staff-access-history {padding:12px 14px;margin:10px 0;border:1px solid var(--border);border-radius:10px;background:var(--surface);}
@media(max-width:1050px){
 #staff-access-card .staff-access-intro {align-items:flex-start;flex-direction:column;gap:12px;}
}
@media(max-width:700px){
 #panel-analytics .an-heading-actions {width:100%;justify-content:space-between;}
 #panel-analytics .an-load-status {width:180px;flex:0 1 180px;}
 #panel-analytics .an-load-status .an-request-state {width:min(320px,calc(100vw - 48px));left:0;right:auto;}
 #panel-analytics .an-store-picker {display:flex;flex-wrap:wrap;width:100%;flex-basis:100%;}
 #panel-analytics .an-store-picker button {flex:1 1 auto;}
 #panel-settings #staff-access-card {padding:16px;}
 #staff-access-card .staff-module-grid,#staff-access-card .staff-action-grid {grid-template-columns:minmax(0,1fr);}
 #staff-access-card .staff-access-row.staff-module-row {grid-template-columns:20px minmax(0,1fr) 112px;gap:8px;}
 #staff-access-card .staff-module-row select {width:112px;}
 #staff-access-card .staff-module-row:nth-last-child(2),#staff-access-card .staff-action-row:nth-last-child(2){border-bottom:1px solid var(--border);}
 #staff-access-card .staff-module-row:last-child,#staff-access-card .staff-action-row:last-child{border-bottom:0;}
}
#panel-analytics .an-period-controls {display:flex;align-items:center;gap:5px;flex-wrap:wrap;}
#panel-analytics .an-period-controls button {min-height:36px;border-radius:9px;padding:7px 10px;}

#panel-analytics .an-load-status>summary:focus:not(:focus-visible){outline:none;}
#panel-analytics .an-load-status>summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px;}

/* Predictable mobile rows: three stores, a separate overall view, then dates. */
@media(max-width:700px){
 #panel-analytics .an-store-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));box-sizing:border-box}
 #panel-analytics .an-store-picker button{grid-column:span 2;min-width:0;min-height:44px;font-size:12px;padding:8px 4px}
 #panel-analytics .an-store-picker button:first-child,#panel-analytics .an-store-picker button:last-child{grid-column:span 3}
 #panel-analytics .an-store-picker button:first-child{grid-row:1}
 #panel-analytics .an-store-picker button:last-child{grid-row:1;grid-column:4/7}
 #panel-analytics .an-period-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:5px}
 #panel-analytics .an-period-controls button{min-width:0;min-height:44px;padding:8px 4px;font-size:12px}
 #panel-analytics .an-period-controls button:last-child{grid-column:1/-1}
 #panel-analytics .an-load-status>summary{min-height:44px;display:flex;align-items:center}
}