.dashboard-overview { max-width:1200px; margin:0 auto; padding:0 0 24px; color:#272724; }
.dashboard-head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 16px; margin-block:8px 14px; }
.dashboard-head p { margin:0; color:#5e5b53; font-size:.82rem; }
.dashboard-head button,.dashboard-actions a { min-height:44px; padding:8px 13px; border:1px solid #dedad0; border-radius:11px; background:#fff; color:#442607; font-size:.87rem; }
.dashboard-body { display:grid; gap:12px; }
.dashboard-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.dashboard-stat { display:grid; gap:5px; min-width:0; padding:clamp(12px,2vw,20px); border:1px solid #e6ded1; border-radius:15px; background:#fffbf5; }
.dashboard-stat span { font-size:clamp(.82rem,1.7vw,.95rem); font-weight:600; }
.dashboard-stat strong { font-size:clamp(1.45rem,4vw,2.2rem); line-height:1.1; font-variant-numeric:tabular-nums; }
.dashboard-stat small { color:#645a4b; font-size:.74rem; line-height:1.45; }
.dashboard-section,.dashboard-details { min-width:0; background:#fff; border:1px solid #e6e2d9; border-radius:15px; padding:12px 16px; }
.dashboard-section h2 { font-size:1rem; margin:2px 0 7px; }
.dashboard-row,.dashboard-events li { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:4px 12px; padding:9px 0; border-bottom:1px solid #efede7; font-size:.88rem; overflow-wrap:anywhere; }
.dashboard-row strong { font-size:.84rem; color:#513819; }
.dashboard-details summary { cursor:pointer; min-height:44px; align-content:center; font-weight:650; font-size:.92rem; }
.dashboard-events { list-style:none; padding:0; margin:8px 0 0; }
.dashboard-events small { color:#625f56; }
.dashboard-actions { display:flex; flex-wrap:wrap; gap:8px; padding-top:10px; }
.dashboard-actions a { display:inline-flex; align-items:center; }
.dashboard-overview :focus-visible { outline:2px solid #c75400; outline-offset:2px; }
@media(max-width:760px) { .dashboard-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } }
@media(max-width:340px) { .dashboard-section,.dashboard-details { padding-inline:10px; } .dashboard-stat { padding:10px; } }
@media(horizontal-viewport-segments:2) { .dashboard-overview { max-width:calc(env(viewport-segment-width 0 0) - 24px); margin-inline-start:0; } .dashboard-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }