.systems-panel{padding:5px 18px}.system-row{display:grid;grid-template-columns:38px minmax(0,1fr) 150px 70px;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid var(--line)}.system-row:last-child{border-bottom:0}.system-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font-size:9px;font-weight:950}.purple-bg{color:var(--lilac);background:rgba(139,92,246,.16)}.lilac-bg{color:var(--lilac);background:rgba(196,181,253,.12)}.blue-bg{color:var(--blue);background:rgba(115,185,255,.12)}.amber-bg{color:var(--amber);background:rgba(247,198,107,.11)}.green-bg{color:var(--green);background:rgba(96,223,162,.11)}.red-bg{color:var(--red);background:rgba(255,138,138,.11)}.system-copy b,.system-copy small,.system-time b,.system-time small,.system-compact b,.system-compact small{display:block}.system-copy b,.system-time b,.system-compact b{font-size:11px}.system-copy small,.system-time small,.system-compact small{color:var(--muted);font-size:9px;margin-top:3px}.system-time{text-align:right}.systems-columns{margin-top:11px}.system-compact{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.system-compact:last-child{border-bottom:0}.system-compact em{font-style:normal;color:var(--muted);font-size:9px}.date-tile{display:grid;place-items:center;width:34px;height:38px;border:1px solid var(--line-strong);border-radius:9px;background:rgba(139,92,246,.07)}.date-tile b{font-size:13px;line-height:1}.date-tile small{font-size:7px;color:var(--purple2);margin-top:-5px}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.permission-grid>div{padding:13px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018)}.permission-grid span,.permission-grid b{display:block}.permission-grid span{color:var(--muted);font-size:9px;margin-bottom:6px}.permission-grid b{font-size:11px;line-height:1.35}.canonical-panel{background:linear-gradient(145deg,rgba(96,52,164,.28),rgba(22,15,35,.98));border-color:rgba(139,92,246,.28)}.canonical-panel h2{margin:0;font-size:17px}.canonical-panel p{margin:7px 0 0;color:var(--muted);font-size:10px}.activity-log{padding:5px 18px}.log-row{display:grid;grid-template-columns:105px minmax(0,1fr) 130px 90px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:10px}.log-row:last-child{border-bottom:0}.log-row>span:first-child,.log-row>span:nth-child(3){color:var(--muted)}.log-head{font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#776d89}.purple-text{color:var(--lilac)}.ready-status{color:var(--blue);background:rgba(115,185,255,.09);border:1px solid rgba(115,185,255,.14)}
@media(max-width:800px){.system-row{grid-template-columns:38px 1fr auto}.system-time{grid-column:2;text-align:left}.system-row>.status{grid-column:3;grid-row:1}.log-row{grid-template-columns:90px 1fr}.log-row>span:nth-child(3),.log-row>b{grid-column:2}.log-head{display:none}}
@media(max-width:580px){.permission-grid{grid-template-columns:1fr}.system-row{grid-template-columns:34px 1fr}.system-row>.status{grid-column:2;grid-row:auto;width:max-content}.system-time{grid-column:2}.system-compact{grid-template-columns:34px 1fr}.system-compact>.status,.system-compact>em{grid-column:2;width:max-content}.activity-log{padding:4px 14px}.log-row{grid-template-columns:1fr}.log-row>span:nth-child(3),.log-row>b{grid-column:1}}

.agent-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.landing-card{cursor:default;border-color:rgba(167,139,250,.3)}
.landing-card:hover{transform:none}
.landing-card .agent-summary{gap:12px;justify-content:space-between}
.landing-card .landing-speed{display:flex;justify-content:space-between;gap:12px;margin-top:10px;font-size:10px}
.landing-card .landing-speed span{color:var(--muted)}
.landing-card .landing-speed b{font-size:11px}
.landing-quality{margin-top:11px;padding:11px;border:1px solid var(--line);border-radius:11px;background:rgba(139,92,246,.045)}
.landing-quality>b,.landing-quality>span,.landing-quality>small{display:block}
.landing-quality>b{font-size:11px}
.landing-quality>span,.landing-quality>small{font-size:9px;color:var(--muted);margin-top:4px}
.landing-quality-site{margin:9px 0;padding-bottom:8px;border-bottom:1px solid var(--line)}
.landing-quality-site>span{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:var(--muted)}
.landing-quality-site b{color:var(--ink);font-size:10px;white-space:nowrap}
.landing-quality-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:7px}
.landing-quality-grid>span{display:grid;gap:2px;min-width:0;font-size:9px;color:var(--muted)}
.landing-quality-grid b{font-size:10px;color:var(--ink)}
.landing-card .landing-measurement{display:block;margin-top:10px;color:var(--muted);font-size:9px;line-height:1.45}
.landing-card footer a{color:var(--lilac);text-decoration:underline;text-underline-offset:3px}
.landing-card footer a:hover{color:var(--ink)}
.landing-card .landing-links{gap:12px;flex-wrap:wrap}
@media(max-width:1200px){.agent-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.agent-grid.three{grid-template-columns:1fr}}

.connection-grid,.access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.connection-card,.access-card{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018)}.connection-card b,.connection-card small,.access-card b,.access-card small{display:block}.connection-card b,.access-card b{font-size:11px}.connection-card small,.access-card small{margin-top:3px;color:var(--muted);font-size:9px}.user-badge{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-size:9px;font-weight:950}.admin-badge{color:#efe8ff;background:linear-gradient(145deg,var(--purple),#4f2c83)}.viewer-badge{color:var(--blue);background:rgba(115,185,255,.12)}.security-note{grid-column:1/-1;display:flex;gap:10px;align-items:start;padding:12px 13px;border:1px solid rgba(247,198,107,.16);border-radius:12px;background:rgba(247,198,107,.045)}.security-note b{white-space:nowrap;font-size:10px;color:var(--amber)}.security-note span{color:var(--muted);font-size:9px}
@media(max-width:800px){.connection-grid,.access-grid{grid-template-columns:1fr}}
@media(max-width:580px){.connection-card,.access-card{grid-template-columns:34px 1fr}.connection-card>.status,.access-card>.status{grid-column:2;width:max-content}.security-note{display:grid}.security-note b{white-space:normal}}

.account-button{display:flex;align-items:center;gap:8px;min-width:0;padding:0 9px 0 0;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);color:var(--ink);cursor:pointer;text-align:left}.account-button>.avatar{display:grid;place-items:center;flex:0 0 35px}.account-button>span:last-child{min-width:0}.account-button b,.account-button small{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-button b{font-size:9px}.account-button small{color:var(--muted);font-size:8px}.logout-button{padding-inline:11px}
.dashboard-bridge{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 11px;border-color:rgba(139,92,246,.28);background:linear-gradient(145deg,rgba(82,46,137,.27),rgba(18,13,29,.98))}.dashboard-bridge h2{margin:0;font-size:17px}.dashboard-bridge p{max-width:820px;margin:6px 0 0;color:var(--muted);font-size:10px}.sheet-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:42px;padding:0 16px;background:linear-gradient(135deg,var(--purple),#6d36d3);border-color:var(--purple);text-decoration:none;white-space:nowrap}
.notification-rule{margin-top:11px;background:rgba(115,185,255,.055);border:1px solid rgba(115,185,255,.17)}.notification-rule b{color:var(--blue)}
.sync-panel{padding:0;overflow:hidden}.sync-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border-bottom:1px solid var(--line)}.sync-summary>span{display:block;padding:14px 18px;background:rgba(20,15,32,.98)}.sync-summary b,.sync-summary small{display:block}.sync-summary b{font-size:10px}.sync-summary small{margin-top:4px;color:var(--muted);font-size:9px}.sync-table-wrap{overflow-x:auto}.sync-table{width:100%;min-width:720px;border-collapse:collapse;text-align:left}.sync-table th,.sync-table td{padding:12px 18px;border-bottom:1px solid var(--line);vertical-align:middle}.sync-table tr:last-child td{border-bottom:0}.sync-table th{color:#776d89;font-size:8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.sync-table td{color:var(--muted);font-size:9px}.sync-table td:first-child{color:var(--ink);font-size:10px}.sync-table th:nth-child(2),.sync-table td:nth-child(2){width:155px}.sync-table th:last-child,.sync-table td:last-child{width:105px}
@media(max-width:1040px){.account-button>span:last-child{display:none}.account-button{padding-right:0}.dashboard-bridge{align-items:flex-start;flex-direction:column}.sheet-button{width:100%}}
@media(max-width:700px){.sync-summary{grid-template-columns:1fr}.top-actions{gap:6px}.data-chip b{display:none}.data-chip{white-space:nowrap}.account-button{display:flex}.dashboard-bridge{padding:15px}.sheet-button{white-space:normal;text-align:center}}
.outbound-segment-detail{margin-top:12px}
.outbound-segment-detail p{color:var(--muted);font-size:14px;margin:7px 0}
.outbound-segment-detail .segment-facts{color:var(--ink)}
.outbound-segment-detail .segment-updated{display:block;margin-top:13px;color:var(--muted);font-size:12px}
.catalog-sync-note{display:grid;gap:4px;margin-bottom:16px}
.catalog-sync-note span{font-size:14px}
.catalog-sync-note small{font-size:12px;color:var(--muted)}
.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 18px}
.catalog-card{min-width:0}
.catalog-card-top{display:flex;align-items:start;justify-content:space-between;gap:16px}
.catalog-card h3{margin:0;font-size:18px}
.catalog-card p{margin:12px 0 0;font-size:14px;color:var(--muted)}
.catalog-card p.catalog-next{color:var(--ink)}
.catalog-card small{display:block;margin-top:12px;color:var(--muted);font-size:12px}
.catalog-empty{grid-column:1/-1;color:var(--muted);font-size:14px}
@media(max-width:780px){.catalog-grid{grid-template-columns:1fr}}