#admin-registry .sp-traffic{--traffic-accent:#137f89;--traffic-tint:#e8f7f8;margin:12px 0 18px;padding:18px;border:1px solid var(--pa-line,#c4d5e2);border-radius:16px;background:var(--pa-panel,#fff);color:var(--pa-text,#142d43);box-shadow:0 5px 20px #08152208;max-width:100%;min-width:0}
html[data-pino-appearance="dark"] #admin-registry .sp-traffic{--traffic-accent:#6fd8d1;--traffic-tint:#153d49}
#admin-registry .sp-traffic-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:15px}
#admin-registry .sp-traffic-eyebrow{display:block;font-size:9px;letter-spacing:.14em;font-weight:800;color:var(--traffic-accent)}
#admin-registry .sp-traffic-header h2{font:750 22px/1.25 Arial,sans-serif;margin:4px 0 0;color:inherit}
#admin-registry .sp-traffic-stamp{font-size:11px;color:var(--pa-muted,#506b80);font-variant-numeric:tabular-nums}
#admin-registry .sp-traffic-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:10px}
#admin-registry .sp-traffic-toolbar label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:700;color:var(--pa-muted,#506b80);min-width:140px}
#admin-registry .sp-traffic-toolbar label[hidden]{display:none}
#admin-registry .sp-traffic-toolbar :is(select,input){font:600 12px Arial,sans-serif;border:1px solid var(--pa-line,#c4d5e2);border-radius:9px;padding:8px 10px;background:var(--pa-field,#f7fafc);color:var(--pa-text,#142d43);min-width:0;max-width:100%}
#admin-registry .sp-traffic-toolbar button{border:1px solid var(--traffic-accent);background:var(--traffic-tint);color:var(--traffic-accent);border-radius:9px;padding:8px 16px;font:750 12px Arial,sans-serif;cursor:pointer;min-height:33px}
#admin-registry .sp-traffic-toolbar button:disabled{opacity:.55;cursor:wait}
#admin-registry .sp-traffic-period{font-size:11px;color:var(--pa-muted,#506b80);margin:12px 0 10px}
#admin-registry .sp-traffic-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#admin-registry .sp-traffic-kpi{padding:13px;border-radius:12px;background:var(--pa-field,#f7fafc);border:1px solid var(--pa-line,#d8e3eb);min-width:0}
#admin-registry .sp-traffic-kpi>span{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:800;letter-spacing:.025em;color:var(--pa-muted,#506b80)}
#admin-registry .sp-traffic-kpi>strong{display:block;font-size:30px;font-weight:800;line-height:1.1;margin:9px 0;font-variant-numeric:tabular-nums;color:var(--pa-text,#142d43)}
#admin-registry .sp-traffic-kpi>small{display:block;font-size:10px;line-height:1.4;color:var(--pa-muted,#506b80)}
#admin-registry .sp-traffic-live{background:var(--traffic-tint);border-color:var(--traffic-accent)}
#admin-registry .sp-traffic-live>strong{color:var(--traffic-accent)}
#admin-registry .sp-traffic-dot{display:inline-block;flex-shrink:0;width:7px;height:7px;border-radius:50%;background:#1cba89;box-shadow:0 0 0 3px #1cba8926}
#admin-registry .sp-traffic-country-preview{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0;font-size:11px;color:var(--pa-muted,#506b80)}
#admin-registry .sp-traffic-country-preview>span{border:1px solid var(--pa-line,#c4d5e2);border-radius:20px;padding:5px 9px;background:var(--pa-field,#f7fafc)}
#admin-registry .sp-traffic-fold{border:1px solid var(--pa-line,#c4d5e2);border-radius:10px;margin-top:8px;background:var(--pa-field,#f7fafc);overflow:hidden}
#admin-registry .sp-traffic-fold>summary{padding:11px 13px;cursor:pointer;font-size:12px;font-weight:750;line-height:1.5;color:var(--pa-text,#142d43)}
#admin-registry .sp-traffic-fold>summary>small{font-size:10px;font-weight:400;margin-left:10px;color:var(--pa-muted,#506b80)}
#admin-registry .sp-traffic-fold[open]>summary{border-bottom:1px solid var(--pa-line,#c4d5e2);background:var(--traffic-tint)}
#admin-registry .sp-traffic-fold-body{padding:12px}
#admin-registry .sp-traffic-explain,#admin-registry .sp-traffic-footnote{font-size:11px;line-height:1.6;color:var(--pa-muted,#506b80);margin:0 0 10px}
#admin-registry .sp-traffic-footnote{font-size:10px;margin:12px 0 0}
#admin-registry .sp-traffic-table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--pa-line,#c4d5e2);border-radius:9px}
#admin-registry .sp-traffic-table{width:100%;border-collapse:collapse;table-layout:fixed;color:var(--pa-text,#142d43);font-size:12px;background:var(--pa-panel,#fff)}
#admin-shell #admin-registry .sp-traffic-table{width:100%;min-width:0!important;max-width:100%;table-layout:fixed!important}
#admin-registry .sp-traffic-table :is(th,td){padding:9px 10px;border-bottom:1px solid var(--pa-line,#c4d5e2);overflow-wrap:anywhere;text-align:right;vertical-align:middle}
#admin-registry .sp-traffic-table th{font-size:10px;text-transform:uppercase;font-weight:800;background:var(--traffic-tint)}
#admin-registry .sp-traffic-table :is(th,td):first-child{text-align:left;width:40%}
#admin-registry .sp-traffic-table tr:last-child td{border-bottom:0}
#admin-registry .sp-traffic-table td:not(:first-child){font-variant-numeric:tabular-nums}
#admin-registry .sp-traffic-history-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;min-width:0}
#admin-registry .sp-traffic-history-grid>div{min-width:0}
#admin-registry .sp-traffic-history-grid h3{font-size:13px;margin:0 0 10px;color:inherit}
#admin-registry .sp-traffic-history-grid .sp-traffic-table :is(th,td){font-size:11px;padding:9px 6px}
#admin-registry .sp-traffic-history-grid .sp-traffic-table :is(th,td):first-child{width:37%}
#admin-registry .sp-traffic-history-grid .sp-traffic-explain{margin-top:10px}
#admin-registry .sp-traffic-history-scroll{max-height:300px;overflow-y:auto}
#admin-registry .sp-traffic-empty td{text-align:center!important;color:var(--pa-muted,#506b80);font-size:12px}
#admin-registry .sp-traffic-table .sp-traffic-rank-name{background:linear-gradient(to right,var(--traffic-tint) var(--rank-width,0%),transparent var(--rank-width,0%));font-weight:650}
#admin-registry .sp-traffic-error{padding:9px 12px;border:1px solid #cc9860;border-radius:8px;color:var(--pa-text,#63441f);font-size:12px;line-height:1.5}
@media(max-width:1100px){#admin-registry .sp-traffic-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}#admin-registry .sp-traffic-history-grid{grid-template-columns:1fr}}
@media(max-width:600px){#admin-registry .sp-traffic{padding:12px}#admin-registry .sp-traffic-header h2{font-size:19px}#admin-registry .sp-traffic-toolbar label{min-width:0;flex:1 1 120px}#admin-registry .sp-traffic-kpi{padding:10px}#admin-registry .sp-traffic-kpi>strong{font-size:26px}#admin-registry .sp-traffic-fold>summary>small{display:block;margin-left:13px}#admin-registry .sp-traffic-table :is(th,td){padding:8px 5px;font-size:10px}}

#admin-registry .sp-traffic-entry-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin:12px 0}
#admin-registry .sp-traffic-entry-row #registry-balance-count{margin:0;flex:0 1 auto}
#admin-registry .sp-traffic-toggle{display:inline-flex;align-items:center;gap:10px;border:1px solid #137f89;border-radius:10px;background:#e8f7f8;color:#075d67;padding:10px 14px;font:800 12px/1.2 Arial,sans-serif;letter-spacing:.035em;cursor:pointer;box-shadow:0 2px 8px #0815220a}
#admin-registry .sp-traffic-toggle::after{content:'⌄';font-size:17px;line-height:1;transition:transform .15s}
#admin-registry .sp-traffic-toggle[aria-expanded="true"]::after{transform:rotate(180deg)}
#admin-registry .sp-traffic-toggle:focus-visible{outline:3px solid #36bec9;outline-offset:3px}
#admin-registry .sp-traffic-toggle:hover{filter:brightness(.97)}
html[data-pino-appearance="dark"] #admin-registry .sp-traffic-toggle{background:#153d49;color:#8be8e1;border-color:#408a91}
#admin-registry .sp-traffic[hidden]{display:none}

#admin-registry .sp-traffic-online-external{--traffic-accent:#137f89;--traffic-tint:#e8f7f8;display:grid;grid-template-columns:auto auto;align-items:center;column-gap:14px;row-gap:3px;padding:9px 13px;min-width:205px}
#admin-registry .sp-traffic-online-external>span{font-size:10px;color:var(--pa-text,#142d43)}
#admin-registry .sp-traffic-online-external>strong{grid-column:2;grid-row:1 / span 3;font-size:28px;line-height:1;margin:0;text-align:center}
#admin-registry .sp-traffic-online-external>small{font-size:9px}
html[data-pino-appearance="dark"] #admin-registry .sp-traffic-online-external{--traffic-accent:#6fd8d1;--traffic-tint:#153d49}

#admin-registry .sp-traffic-connections{margin:18px 0;padding:14px;border:1px solid var(--pa-line,#c4d5e2);border-radius:12px;background:var(--pa-field,#f7fafc);min-width:0}
#admin-registry .sp-traffic-connections h3{margin:0 0 10px;font-size:16px;color:inherit}
#admin-registry .sp-traffic-connections .sp-traffic-toolbar{margin:10px 0}
#admin-shell #admin-registry .sp-traffic-connections .sp-traffic-table{min-width:980px!important;table-layout:auto!important}
#admin-registry .sp-traffic-connections .sp-traffic-table :is(th,td){text-align:left}
#admin-registry .sp-traffic-connections .sp-traffic-table :is(th,td):first-child{width:auto;min-width:150px}
#admin-registry .sp-traffic-connections .sp-traffic-table td:nth-child(6){min-width:160px}
#admin-registry .sp-traffic-connections .sp-traffic-toolbar button:disabled{cursor:default}

/* Larger type in Admin activity controls and the connection directory. */
#admin-registry .sp-traffic .sp-traffic-toolbar label{font-size:15px}
#admin-registry .sp-traffic .sp-traffic-toolbar :is(select,input,button){font-size:16px;line-height:1.4;padding:10px 12px;min-height:44px}
#admin-registry .sp-traffic-connections h3{font-size:22px;line-height:1.35}
#admin-registry .sp-traffic-connections .sp-traffic-explain{font-size:15px;line-height:1.6}
#admin-registry .sp-traffic-connections .sp-traffic-table td{font-size:17px;line-height:1.5;padding:12px;font-weight:500}
#admin-registry .sp-traffic-connections .sp-traffic-table th{font-size:15px;line-height:1.4;padding:12px;text-transform:none}
#admin-registry .sp-traffic-connections .sp-traffic-table :is(th,td):first-child{min-width:190px}
#admin-registry .sp-traffic-connections .sp-traffic-table td:nth-child(6){min-width:195px}
#admin-shell #admin-registry .sp-traffic-connections .sp-traffic-table{min-width:1160px!important}
#admin-registry #sp-traffic-page{font-size:16px;line-height:1.5}

/* Private online directory, readable on desktop and mobile in both appearances. */
#admin-registry .sp-traffic-online-external[role="button"]{cursor:pointer}
#admin-registry .sp-traffic-online-external[role="button"]:hover{filter:brightness(1.06)}
#admin-registry .sp-traffic-online-external[role="button"]:focus-visible{outline:3px solid #36bec9;outline-offset:3px}
#sp-online-dialog{box-sizing:border-box;width:min(900px,calc(100vw - 24px));max-height:85dvh;overflow:auto;border:1px solid #a9c6d5;border-radius:16px;padding:24px;background:#f7fbfe;color:#142d43;font:17px/1.5 Arial,sans-serif}
#sp-online-dialog::backdrop{background:#0009}
#sp-online-dialog header,.sp-online-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
#sp-online-dialog h2{margin:0;font-size:28px;color:inherit}
#sp-online-dialog p{font-size:16px;color:inherit}
#sp-online-dialog button{font:700 16px/1.4 Arial,sans-serif;border:1px solid #137f89;border-radius:10px;padding:10px 16px;background:#e8f7f8;color:#075d67;cursor:pointer;min-height:44px}
#sp-online-dialog button:focus-visible{outline:3px solid #36bec9;outline-offset:3px}
#sp-online-dialog button:disabled{opacity:.6;cursor:wait}
#admin-shell #admin-registry #sp-online-dialog table{width:100%;min-width:0!important;max-width:100%;table-layout:fixed!important;border-collapse:collapse;color:inherit;background:transparent}
#sp-online-dialog th,#sp-online-dialog td{padding:12px;text-align:left;border-bottom:1px solid #bdced9;overflow-wrap:anywhere;font-size:17px;background:transparent;color:inherit}
#sp-online-dialog th{font-size:15px;background:#e8f7f8}
html[data-pino-appearance="dark"] #sp-online-dialog{background:#102b3b;color:#f0f7fc;border-color:#517484}
html[data-pino-appearance="dark"] #sp-online-dialog th{background:#153d49}
html[data-pino-appearance="dark"] #sp-online-dialog button{background:#153d49;color:#8be8e1;border-color:#408a91}
@media(max-width:600px){
 #sp-online-dialog{padding:16px}
 #sp-online-dialog h2{font-size:24px}
 #sp-online-dialog thead{display:none}
 #sp-online-dialog tr{display:block;border:1px solid #7895a6;border-radius:10px;margin-bottom:12px;padding:8px}
 #sp-online-dialog td{display:block;border:0;padding:6px}
 #sp-online-dialog td::before{content:attr(data-label);display:block;font-size:13px;font-weight:700;opacity:.8}
}