.ssd-dashboard{font-family:Arial,Helvetica,sans-serif;color:#182438;max-width:1200px;margin:24px auto;padding:24px;background:#fff;border:1px solid #e5e9ef;border-radius:16px;box-shadow:0 4px 20px rgba(18,34,60,.05);font-size:15px;line-height:1.45}.ssd-dashboard *{box-sizing:border-box}.ssd-head h2{font-size:27px!important;margin:0 0 5px!important;color:#14233b}.ssd-head p{margin:0 0 22px!important;color:#65748a}.ssd-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:23px}.ssd-metric{background:#f2f6fa;border:1px solid #e4eaf1;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:8px}.ssd-metric span{color:#55657a;font-size:13px}.ssd-metric strong{font-size:27px;font-weight:700;line-height:1.2;color:#142a47}.ssd-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-bottom:18px}.ssd-controls label{display:flex;flex:1 1 170px;flex-direction:column;gap:6px;color:#394962;font-weight:600;font-size:13px}.ssd-controls input,.ssd-controls select{height:42px!important;width:100%;padding:8px 12px!important;background:white!important;color:#1d2d42!important;border:1px solid #ccd6e2!important;border-radius:8px!important;font:inherit!important;font-weight:400!important;min-width:0}.ssd-export{margin:0!important}.ssd-export button{height:42px;padding:9px 18px!important;border:0!important;border-radius:8px!important;background:#205d9e!important;color:#fff!important;cursor:pointer;font-weight:600}.ssd-export button:hover{background:#174b80!important}.ssd-table-wrap{width:100%;overflow-x:auto;border:1px solid #e3e8ef;border-radius:10px}.ssd-table{width:100%!important;border:0!important;border-collapse:collapse!important;margin:0!important;min-width:590px;background:#fff!important}.ssd-table th,.ssd-table td{padding:13px 14px!important;border:0!important;border-bottom:1px solid #edf0f4!important;vertical-align:middle;color:#243348!important;font-size:14px!important;text-align:left!important}.ssd-table th{background:#f4f7fb!important;font-weight:700!important;white-space:nowrap}.ssd-table tbody tr:hover{background:#f9fbff}.ssd-table tr[hidden]{display:none!important}.ssd-table a{color:#1563a3!important;text-decoration:none!important}.ssd-table a:hover{text-decoration:underline!important}.ssd-table .ssd-num{text-align:right!important;font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.ssd-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px;color:#67758a;font-size:12px}.ssd-notice{padding:16px;border:1px solid #e0ad58;background:#fff7e9;border-radius:8px;color:#513b1a}@media(max-width:680px){.ssd-dashboard{padding:15px;margin:12px auto}.ssd-head h2{font-size:22px!important}.ssd-metrics{gap:8px}.ssd-metric{padding:12px}.ssd-metric strong{font-size:21px}.ssd-metric span{font-size:11px}.ssd-controls label{flex:1 1 100%}.ssd-export,.ssd-export button{width:100%}.ssd-table th,.ssd-table td{padding:10px!important}}

/* 1.1.0: compact card layout on phones; no horizontal scrolling required. */
@media (max-width:680px) {
 .ssd-dashboard {width:100%;max-width:100%;min-width:0;overflow:visible;}
 .ssd-metrics {grid-template-columns:1fr 1fr;}
 .ssd-metric:first-child {grid-column:1 / -1;}
 .ssd-metric strong {overflow-wrap:anywhere;}
 .ssd-table-wrap {border:0;overflow:visible;width:100%;}
 .ssd-table, .ssd-table tbody, .ssd-table tr, .ssd-table td {display:block!important;width:100%!important;min-width:0!important;}
 .ssd-table {min-width:0!important;background:transparent!important;}
 .ssd-table thead {display:none!important;}
 .ssd-table tbody {display:grid!important;gap:12px;}
 .ssd-table tbody tr {border:1px solid #dfe6ef!important;border-radius:12px;background:#fff!important;padding:10px 12px!important;box-shadow:0 2px 8px rgba(18,34,60,.04);}
 .ssd-table tbody tr[hidden] {display:none!important;}
 .ssd-table td {display:flex!important;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;border-bottom:1px solid #edf0f4!important;padding:9px 0!important;overflow-wrap:anywhere;word-break:normal;}
 .ssd-table td:last-child {border-bottom:0!important;}
 .ssd-table td:before {content:attr(data-label);flex:0 0 85px;color:#65748a;font-size:12px;font-weight:600;}
 .ssd-table td:first-child {display:block!important;font-weight:700;}
 .ssd-table td:first-child:before {display:block;margin-bottom:5px;}
 .ssd-table td:first-child a {display:block;overflow-wrap:anywhere;}
 .ssd-table td.ssd-num {text-align:left!important;color:#142a47!important;font-size:18px!important;}
 .ssd-foot {display:grid;gap:6px;}
}