#sg-catalog-dashboard{--dash-bg:#0c1521;--dash-surface:#121f2e;--dash-line:#293c50;--dash-text:#edf4fb;--dash-muted:#a7bacd;--dash-accent:#70d5dc;--dash-warm:#e8be76;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--text-xs:clamp(.75rem,.72rem + .12vw,.8125rem);--text-sm:clamp(.875rem,.84rem + .12vw,.9375rem);--text-base:1rem;--text-lg:1.125rem;--text-xl:clamp(1.5rem,1.2rem + 1vw,2rem);font-family:"DM Sans",sans-serif;font-size:var(--text-sm);line-height:1.5;color:var(--dash-text);background:var(--dash-bg);padding:var(--space-8);min-height:100vh;max-width:1600px;margin:auto;font-variant-numeric:tabular-nums}
#sg-catalog-dashboard *,#sg-catalog-dashboard *::before,#sg-catalog-dashboard *::after{box-sizing:border-box;min-width:0}
#sg-catalog-dashboard h1,#sg-catalog-dashboard h2,#sg-catalog-dashboard p{margin:0}
#sg-catalog-dashboard h1{font-size:var(--text-xl);font-weight:700;letter-spacing:-.03em;line-height:1.2;margin-top:var(--space-2)}
#sg-catalog-dashboard h2{font-size:var(--text-lg);font-weight:650;line-height:1.35;margin-top:var(--space-1)}
#sg-catalog-dashboard button,#sg-catalog-dashboard input{font:inherit}
#sg-catalog-dashboard button,#sg-catalog-dashboard a{touch-action:manipulation}
#sg-catalog-dashboard button{cursor:pointer}
#sg-catalog-dashboard :focus-visible{outline:3px solid var(--dash-accent);outline-offset:3px}
#sg-catalog-dashboard button:disabled{opacity:.5;cursor:default}
#sg-catalog-dashboard .dash-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}
#sg-catalog-dashboard .dash-eyebrow{font-size:var(--text-xs);letter-spacing:.12em;color:var(--dash-accent);font-weight:650}
#sg-catalog-dashboard .dash-eyebrow span{color:var(--dash-muted)}
#sg-catalog-dashboard .dash-sub{color:var(--dash-muted);margin-top:var(--space-2)}
#sg-catalog-dashboard .dash-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}
#sg-catalog-dashboard .dash-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);min-height:44px;border:1px solid var(--dash-line);border-radius:6px;color:var(--dash-text);background:var(--dash-surface);text-decoration:none;font-weight:600}
#sg-catalog-dashboard .dash-button:hover:not(:disabled){background:#21384b}
#sg-catalog-dashboard .dash-primary{background:var(--dash-accent);color:#0c2029;border-color:var(--dash-accent)}
#sg-catalog-dashboard .dash-primary:hover{background:#9ce7eb!important}
#sg-catalog-dashboard .dash-status{display:flex;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;font-size:var(--text-xs);color:var(--dash-muted);padding:var(--space-5) 0;border-bottom:1px solid var(--dash-line)}
#sg-catalog-dashboard .dash-error{background:#362b23;color:#ffdcaa;padding:var(--space-4);margin-top:var(--space-4);border-radius:6px}
#sg-catalog-dashboard .dash-error[hidden]{display:none}
#sg-catalog-dashboard .dash-metrics{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.2fr;padding:var(--space-6) 0;margin-bottom:var(--space-3);gap:var(--space-6)}
#sg-catalog-dashboard .dash-metric{display:flex;flex-direction:column;align-items:flex-start}
#sg-catalog-dashboard .dash-label{color:var(--dash-muted);font-size:var(--text-sm)}
#sg-catalog-dashboard .dash-value{font-size:var(--text-xl);font-weight:750;color:var(--dash-text);background:none;border:0;padding:var(--space-2) 0;min-height:48px;text-align:left;line-height:1.1}
#sg-catalog-dashboard .dash-value:hover{color:var(--dash-accent)}
#sg-catalog-dashboard .dash-muted{color:var(--dash-muted);font-size:var(--text-xs)}
#sg-catalog-dashboard .dash-overview-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--space-5)}
#sg-catalog-dashboard .dash-panel{background:var(--dash-surface);border:1px solid var(--dash-line);border-radius:10px;padding:var(--space-6)}
#sg-catalog-dashboard .dash-section-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}
#sg-catalog-dashboard .dash-caption{font-size:var(--text-xs);color:var(--dash-muted)}
#sg-catalog-dashboard .dash-coverage-rows{display:flex;flex-direction:column;gap:var(--space-1)}
#sg-catalog-dashboard .dash-coverage-row{display:grid;grid-template-columns:110px minmax(40px,1fr) 64px 16px;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-2);background:transparent;color:var(--dash-text);border:0;border-radius:5px;min-height:44px;text-align:left}
#sg-catalog-dashboard .dash-coverage-row:hover{background:#203447}
#sg-catalog-dashboard .dash-coverage-row strong{text-align:right}
#sg-catalog-dashboard .dash-chevron{color:var(--dash-accent)}
#sg-catalog-dashboard .dash-bar-track{height:10px;background:#233448;border-radius:3px;overflow:hidden}
#sg-catalog-dashboard .dash-bar{display:block;min-width:0;height:100%;background:#5c91b4;border-radius:3px}
#sg-catalog-dashboard .dash-bar-5{background:var(--dash-accent)}
#sg-catalog-dashboard .dash-bar-0{background:var(--dash-warm)}
#sg-catalog-dashboard .dash-note{color:var(--dash-muted);font-size:var(--text-xs);line-height:1.6;margin-top:var(--space-4)}
#sg-catalog-dashboard .dash-equation{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-6) 0;border-bottom:1px solid var(--dash-line)}
#sg-catalog-dashboard .dash-equation span{display:flex;flex-direction:column}
#sg-catalog-dashboard .dash-equation strong{font-size:var(--text-lg)}
#sg-catalog-dashboard .dash-equation small{font-size:var(--text-xs);color:var(--dash-muted)}
#sg-catalog-dashboard .dash-equation b{font-weight:400;color:var(--dash-muted)}
#sg-catalog-dashboard .dash-accent{color:var(--dash-accent)}
#sg-catalog-dashboard .dash-progress-summary{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4)}
#sg-catalog-dashboard .dash-progress-summary strong{font-size:var(--text-xl);color:var(--dash-accent)}
#sg-catalog-dashboard .dash-progress-summary span{font-size:var(--text-xs);color:var(--dash-muted)}
#sg-catalog-dashboard .dash-spark{height:48px;display:flex;align-items:flex-end;gap:var(--space-1);margin-top:var(--space-3)}
#sg-catalog-dashboard .dash-spark span{flex:1;background:var(--dash-accent);border-radius:2px 2px 0 0;min-height:2px}
#sg-catalog-dashboard .dash-spark-label{display:flex;justify-content:space-between;color:var(--dash-muted);font-size:var(--text-xs);margin-top:var(--space-2)}
#sg-catalog-dashboard .dash-link{border:0;background:none;color:var(--dash-accent);text-align:left;min-height:44px;padding:var(--space-2) 0;font-weight:600}
#sg-catalog-dashboard .dash-link:hover{text-decoration:underline}
#sg-catalog-dashboard .dash-stores{margin-top:var(--space-5)}
#sg-catalog-dashboard .dash-store-row{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(80px,1fr)) minmax(120px,1fr);gap:var(--space-5);align-items:center;padding:var(--space-4) 0;border-bottom:1px solid var(--dash-line)}
#sg-catalog-dashboard .dash-store-head{font-size:var(--text-xs);color:var(--dash-muted);padding-top:0}
#sg-catalog-dashboard .dash-store-name{display:flex;flex-direction:column;overflow-wrap:anywhere}
#sg-catalog-dashboard .dash-store-name small{font-size:var(--text-xs);color:var(--dash-muted);margin-top:var(--space-1)}
#sg-catalog-dashboard .dash-store-meter{height:4px;width:100%;max-width:120px;background:var(--dash-line);margin-top:var(--space-2)}
#sg-catalog-dashboard .dash-store-meter span{display:block;height:100%;background:var(--dash-accent)}
#sg-catalog-dashboard .dash-missing{color:var(--dash-warm);border:1px solid #584a36;background:#2b2a25;border-radius:5px;min-height:44px;padding:var(--space-2) var(--space-3);font-weight:600}
#sg-catalog-dashboard .dash-missing:hover{background:#423a2c}
#sg-catalog-dashboard .dash-bottom-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--space-5);margin-top:var(--space-5)}
#sg-catalog-dashboard .dash-activity-row{display:grid;grid-template-columns:54px 1fr 100px;gap:var(--space-3);align-items:start;padding:var(--space-3) 0;border-bottom:1px solid var(--dash-line)}
#sg-catalog-dashboard .dash-event-status{font-size:var(--text-xs);font-weight:600;padding-top:2px}
#sg-catalog-dashboard .is-success{color:var(--dash-accent)}
#sg-catalog-dashboard .is-warning,#sg-catalog-dashboard .dash-warning{color:var(--dash-warm)}
#sg-catalog-dashboard .dash-activity-row strong{display:block;font-size:var(--text-sm)}
#sg-catalog-dashboard .dash-activity-row a,#sg-catalog-dashboard .dash-activity-row div>span{display:block;overflow-wrap:anywhere;color:var(--dash-muted);font-size:var(--text-xs);text-decoration:none}
#sg-catalog-dashboard .dash-activity-row a:hover{text-decoration:underline;color:var(--dash-accent)}
#sg-catalog-dashboard .dash-activity-row time{text-align:right;font-size:var(--text-xs);color:var(--dash-muted)}
#sg-catalog-dashboard .dash-activity-row time small{display:block;font-size:var(--text-xs)}
#sg-catalog-dashboard .dash-next-stat{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) 0;background:none;border:0;border-bottom:1px solid var(--dash-line);color:var(--dash-text);width:100%;text-align:left}
#sg-catalog-dashboard .dash-next-stat strong{font-size:var(--text-lg);min-width:65px;color:var(--dash-accent)}
#sg-catalog-dashboard .dash-next-stat:hover span{text-decoration:underline}
#sg-catalog-dashboard details{margin-top:var(--space-5);font-size:var(--text-xs);color:var(--dash-muted)}
#sg-catalog-dashboard summary{min-height:44px;cursor:pointer;color:var(--dash-text);font-weight:600}
#sg-catalog-dashboard details p{margin-bottom:var(--space-3)}
#sg-catalog-dashboard .dash-dialog{position:fixed;inset:0;margin:auto;width:min(900px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:var(--space-6);border:1px solid var(--dash-line);border-radius:12px;background:var(--dash-bg);color:var(--dash-text);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 24px 80px #0008}
#sg-catalog-dashboard .dash-dialog::backdrop{background:#020912bb}
#sg-catalog-dashboard .dash-dialog-head{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center;position:sticky;top:0;background:var(--dash-bg);z-index:2;padding-bottom:var(--space-3)}
#sg-catalog-dashboard .dash-search{margin-top:var(--space-5)}
#sg-catalog-dashboard .dash-search label{display:block;font-size:var(--text-xs);color:var(--dash-muted);margin-bottom:var(--space-2)}
#sg-catalog-dashboard .dash-search>div{display:flex;gap:var(--space-2)}
#sg-catalog-dashboard .dash-search input{flex:1;background:var(--dash-surface);border:1px solid var(--dash-line);color:var(--dash-text);border-radius:5px;min-height:44px;padding:var(--space-3)}
#sg-catalog-dashboard .dash-search input::placeholder{color:var(--dash-muted)}
#sg-catalog-dashboard .dash-detail-status{padding:var(--space-4) 0;color:var(--dash-muted)}
#sg-catalog-dashboard .dash-detail-part{padding:var(--space-4) 0;border-top:1px solid var(--dash-line)}
#sg-catalog-dashboard .dash-detail-part a{color:var(--dash-text);font-weight:600;overflow-wrap:anywhere;text-decoration:none;display:block;min-height:44px}
#sg-catalog-dashboard .dash-detail-part a:hover{color:var(--dash-accent);text-decoration:underline}
#sg-catalog-dashboard .dash-detail-part p{color:var(--dash-muted);font-size:var(--text-xs);margin-top:var(--space-1);overflow-wrap:anywhere}
#sg-catalog-dashboard .dash-presence{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}
#sg-catalog-dashboard .dash-presence span{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:4px}
#sg-catalog-dashboard .is-present{color:#a9ebe6;background:#193a3f}
#sg-catalog-dashboard .is-absent{color:#b8c4d2;background:#24303f}
#sg-catalog-dashboard .dash-pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-5)}
#sg-catalog-dashboard .dash-pagination span{font-size:var(--text-xs)}
#sg-catalog-dashboard .dash-empty{padding:var(--space-8) var(--space-4);color:var(--dash-muted)}
#sg-catalog-dashboard .dash-loading{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);padding:var(--space-6) 0}
#sg-catalog-dashboard .dash-loading div{height:100px;background:var(--dash-surface);border-radius:6px}
#sg-catalog-dashboard .dash-skip{position:absolute;left:-10000px;color:var(--dash-text);background:var(--dash-surface);padding:var(--space-3)}
#sg-catalog-dashboard .dash-skip:focus{left:var(--space-4);z-index:10}
@media(max-width:1100px){
 #sg-catalog-dashboard .dash-header{align-items:flex-start;flex-direction:column}
 #sg-catalog-dashboard .dash-overview-grid,#sg-catalog-dashboard .dash-bottom-grid{grid-template-columns:1fr}
 #sg-catalog-dashboard .dash-store-row{grid-template-columns:minmax(200px,2fr) repeat(3,minmax(65px,1fr)) minmax(105px,1fr);gap:var(--space-3)}
}
@media(max-width:760px){
 #sg-catalog-dashboard{padding:var(--space-5)}
 #sg-catalog-dashboard .dash-metrics{grid-template-columns:1fr 1fr;gap:var(--space-5)}
 #sg-catalog-dashboard .dash-panel{padding:var(--space-4)}
 #sg-catalog-dashboard .dash-section-head{align-items:flex-start;flex-direction:column;gap:var(--space-2)}
 #sg-catalog-dashboard .dash-store-head{display:none}
 #sg-catalog-dashboard .dash-store-row{grid-template-columns:1fr 1fr;gap:var(--space-3);padding:var(--space-5) 0}
 #sg-catalog-dashboard .dash-store-name{grid-column:1/-1;margin-bottom:var(--space-2)}
 #sg-catalog-dashboard .dash-store-row [data-label]::before{content:attr(data-label);display:block;font-size:var(--text-xs);color:var(--dash-muted);margin-bottom:var(--space-1)}
 #sg-catalog-dashboard .dash-coverage-row{grid-template-columns:90px minmax(25px,1fr) 54px 12px;gap:var(--space-2);padding-inline:0}
 #sg-catalog-dashboard .dash-activity-row{grid-template-columns:45px 1fr;gap:var(--space-2)}
 #sg-catalog-dashboard .dash-activity-row time{grid-column:2;text-align:left}
 #sg-catalog-dashboard .dash-activity-row time small{display:inline;margin-left:var(--space-2)}
 #sg-catalog-dashboard .dash-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 24px);padding:var(--space-4)}
}