.watchtower-scope{
  --wt-bg:#0A0B0E;--wt-panel:#12141A;--wt-panel-2:#171A21;--wt-border:#1E222B;--wt-border-soft:#181B22;
  --wt-text:#E8EAED;--wt-text-dim:#8B93A1;--wt-text-faint:#565D6B;
  --wt-green:#10B981;--wt-green-bright:#34D399;--wt-green-dim:#0F2E24;
  --wt-red:#EF4444;--wt-red-bright:#F87171;--wt-red-dim:#3A1620;
  --wt-amber:#F59E0B;--wt-amber-bright:#FBBF24;--wt-amber-dim:#3A2A0F;
  --wt-gray:#6B7280;--wt-gray-dim:#1C2028;--wt-radius:12px;
  all:initial;*,*::before,*::after{box-sizing:border-box;}
  display:flex;min-height:640px;background:var(--wt-bg);color:var(--wt-text);
  font-family:'Inter',system-ui,sans-serif;border-radius:14px;overflow:hidden;border:1px solid var(--wt-border);
  font-size:14px;line-height:1.5;
}
.watchtower-scope *{box-sizing:border-box;}
.watchtower-scope button,.watchtower-scope input,.watchtower-scope select{font-family:inherit;}
.watchtower-scope svg.wt-icon{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}
.watchtower-scope a{color:inherit;text-decoration:none;}

.wt-sidebar{width:220px;flex-shrink:0;background:var(--wt-bg);border-right:1px solid var(--wt-border-soft);display:flex;flex-direction:column;padding:20px 14px;}
.wt-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 22px;}
.wt-brand-mark{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--wt-green-bright),var(--wt-green));display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.wt-brand-mark svg{width:17px;height:17px;stroke:#04140F;}
.wt-brand-name{font-weight:800;font-size:15px;}
.wt-brand-sub{font-size:10px;color:var(--wt-text-faint);letter-spacing:.06em;font-weight:600;}
.wt-nav{display:flex;flex-direction:column;gap:3px;}
.wt-nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:8px;color:var(--wt-text-dim);font-size:13.5px;font-weight:600;cursor:pointer;border:1px solid transparent;}
.wt-nav-item:hover{background:var(--wt-panel-2);color:var(--wt-text);}
.wt-nav-item.active{background:var(--wt-panel-2);color:var(--wt-text);border-color:var(--wt-border);}
.wt-sidebar-foot{margin-top:auto;padding:10px 12px;font-size:12px;color:var(--wt-text-faint);display:flex;align-items:center;gap:8px;}
.wt-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}
.wt-dot.green{background:var(--wt-green-bright);animation:wt-pulse 2s infinite;}
@keyframes wt-pulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.45);}70%{box-shadow:0 0 0 6px rgba(52,211,153,0);}100%{box-shadow:0 0 0 0 rgba(52,211,153,0);}}
.wt-dot.red{background:var(--wt-red-bright);}.wt-dot.amber{background:var(--wt-amber-bright);}.wt-dot.gray{background:var(--wt-gray);}

.wt-main{flex:1;padding:28px 32px;overflow:auto;max-height:900px;}

.wt-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:6px;}
.wt-page-head h1{font-size:24px;font-weight:800;margin:0;letter-spacing:-0.01em;}
.wt-page-sub{color:var(--wt-text-dim);font-size:13px;margin:6px 0 0;}
.wt-head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}

.wt-search{position:relative;}
.wt-search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--wt-text-faint);}
.wt-search input{background:var(--wt-panel);border:1px solid var(--wt-border);border-radius:8px;color:var(--wt-text);padding:9px 12px 9px 34px;font-size:13px;width:200px;}
.wt-search input:focus{outline:none;border-color:var(--wt-green);}

.watchtower-scope button{font-size:13px;font-weight:600;border-radius:8px;border:1px solid var(--wt-border);background:var(--wt-panel);color:var(--wt-text);padding:9px 15px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;}
.watchtower-scope button:hover{background:var(--wt-panel-2);border-color:#2A3040;}
.watchtower-scope button.wt-primary{background:var(--wt-green);border-color:var(--wt-green);color:#04140F;}
.watchtower-scope button.wt-primary:hover{background:var(--wt-green-bright);}
.watchtower-scope button.wt-danger-outline{border-color:#4A2028;color:var(--wt-red-bright);}
.watchtower-scope button.wt-confirm-delete{background:var(--wt-red-dim);border-color:#6b2a37;color:#ffb3bd;}
.watchtower-scope button:disabled{opacity:.45;cursor:default;}

.wt-status-line{display:flex;gap:18px;flex-wrap:wrap;margin:12px 0 20px;font-size:13px;color:var(--wt-text-dim);}
.wt-status-line .item{display:flex;align-items:center;gap:7px;}
.wt-status-line .item b{color:var(--wt-text);font-weight:600;}

.wt-incident-banner{background:var(--wt-red-dim);border:1px solid #522530;border-radius:var(--wt-radius);padding:15px 18px;display:flex;align-items:center;gap:14px;margin-bottom:24px;}
.wt-incident-banner .badge{width:34px;height:34px;border-radius:9px;background:#4A1F2A;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.wt-incident-banner .badge svg{stroke:var(--wt-red-bright);width:18px;height:18px;}
.wt-incident-banner .title{color:var(--wt-red-bright);font-weight:700;font-size:14px;}
.wt-incident-banner .list{color:#c99aa3;font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wt-incident-banner .viewall{color:var(--wt-red-bright);font-size:13px;font-weight:600;background:none;border:none;padding:0;}

.wt-section-label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:var(--wt-text-faint);text-transform:uppercase;letter-spacing:.08em;margin:22px 0 12px;}
.wt-section-label svg{width:13px;height:13px;stroke:var(--wt-green-bright);}

.wt-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.wt-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
@media (max-width:900px){.wt-grid-3,.wt-grid-4{grid-template-columns:repeat(2,1fr);}}

.wt-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;}
.wt-pill::before{content:'';width:6px;height:6px;border-radius:50%;}
.wt-pill.up{background:var(--wt-green-dim);color:var(--wt-green-bright);}.wt-pill.up::before{background:var(--wt-green-bright);}
.wt-pill.down{background:var(--wt-red-dim);color:var(--wt-red-bright);}.wt-pill.down::before{background:var(--wt-red-bright);}
.wt-pill.error{background:var(--wt-amber-dim);color:var(--wt-amber-bright);}.wt-pill.error::before{background:var(--wt-amber-bright);}
.wt-pill.unknown{background:var(--wt-gray-dim);color:var(--wt-gray);border:1px solid #262B36;}.wt-pill.unknown::before{background:var(--wt-gray);}
.wt-pill.checking{background:var(--wt-amber-dim);color:var(--wt-amber-bright);}.wt-pill.checking::before{background:var(--wt-amber-bright);animation:wt-pulse 1s infinite;}

.wt-mcard{background:var(--wt-panel);border:1px solid var(--wt-border);border-radius:var(--wt-radius);padding:16px 18px;position:relative;overflow:hidden;cursor:pointer;}
.wt-mcard:hover{border-color:#2A3040;}
.wt-mcard.checking::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(245,158,11,.06),transparent);animation:wt-sweep 1.3s linear infinite;pointer-events:none;}
@keyframes wt-sweep{0%{transform:translateX(-100%);}100%{transform:translateX(100%);}}
.wt-mcard-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;}
.wt-star-btn{background:transparent;border:none;padding:3px;cursor:pointer;font-size:14px;color:var(--wt-text-faint);}
.wt-star-btn.on{color:var(--wt-amber-bright);}
.wt-mcard-name{font-weight:700;font-size:15px;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wt-mcard-url{font-family:monospace;font-size:11.5px;color:#5B8DBF;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
.wt-mcard-strip{display:flex;align-items:flex-end;gap:2px;height:20px;margin-top:11px;}
.wt-strip-bar{width:5px;border-radius:2px;flex-shrink:0;}
.wt-strip-bar.up{background:var(--wt-green-bright);}.wt-strip-bar.down{background:var(--wt-red-bright);}
.wt-strip-bar.error{background:var(--wt-amber-bright);}.wt-strip-bar.empty{background:var(--wt-border-soft);height:4px !important;}
.wt-mcard-stats{display:flex;justify-content:space-between;margin-top:11px;font-family:monospace;font-size:11.5px;}
.wt-mcard-stats .up-pct{color:var(--wt-green-bright);font-weight:600;}
.wt-mcard-stats .down-pct{color:var(--wt-red-bright);font-weight:600;}
.wt-mcard-stats span.dim{color:var(--wt-text-faint);}
.wt-crit-flag{margin-top:10px;background:var(--wt-red-dim);border:1px solid #522530;border-radius:7px;padding:7px 10px;font-size:11.5px;color:#ffb3bd;}

.wt-empty{grid-column:1/-1;text-align:center;padding:50px 20px;color:var(--wt-text-faint);border:1px dashed var(--wt-border);border-radius:var(--wt-radius);font-size:13px;}
.wt-empty b{color:var(--wt-text-dim);display:block;margin-bottom:4px;font-size:14px;}

.wt-tabs{display:flex;gap:26px;border-bottom:1px solid var(--wt-border-soft);margin:18px 0 20px;}
.wt-tab{padding:0 0 12px;font-size:13px;font-weight:600;color:var(--wt-text-faint);background:none;border:none;border-bottom:2px solid transparent;border-radius:0;}
.wt-tab.active{color:var(--wt-text);border-bottom-color:var(--wt-green-bright);}
.wt-irow{display:flex;align-items:center;gap:14px;background:var(--wt-panel);border:1px solid var(--wt-border);border-radius:var(--wt-radius);padding:16px 18px;margin-bottom:10px;}
.wt-irow .ibadge{width:34px;height:34px;border-radius:9px;background:#4A1F2A;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.wt-irow .ibadge svg{stroke:var(--wt-red-bright);width:16px;height:16px;}
.wt-irow .ibadge.resolved{background:var(--wt-green-dim);}.wt-irow .ibadge.resolved svg{stroke:var(--wt-green-bright);}
.wt-irow .info{flex:1;min-width:0;}
.wt-irow .name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.wt-irow .name-row b{font-size:14px;font-weight:700;}
.wt-badge-sm{font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:20px;}
.wt-badge-sm.type{background:var(--wt-red-dim);color:var(--wt-red-bright);}
.wt-badge-sm.type.crit{background:var(--wt-amber-dim);color:var(--wt-amber-bright);}
.wt-badge-sm.state{background:#3A1620;color:var(--wt-red-bright);}
.wt-badge-sm.state.resolved{background:var(--wt-green-dim);color:var(--wt-green-bright);}
.wt-irow .started{font-size:12px;color:var(--wt-text-faint);margin-top:3px;}
.wt-irow .duration{text-align:right;font-family:monospace;font-size:13px;font-weight:600;flex-shrink:0;}
.wt-irow .duration .lbl{font-size:10px;color:var(--wt-text-faint);font-weight:400;text-transform:uppercase;margin-top:2px;}

.wt-settings-card{background:var(--wt-panel);border:1px solid var(--wt-border);border-radius:var(--wt-radius);padding:20px 22px;margin-bottom:16px;max-width:600px;}
.wt-settings-card h3{display:flex;align-items:center;gap:9px;font-size:15px;margin:0 0 4px;}
.wt-settings-card p{font-size:12.5px;color:var(--wt-text-dim);margin:0 0 14px;}
.wt-settings-row{display:flex;gap:8px;}
.wt-settings-row input{flex:1;background:var(--wt-bg);border:1px solid var(--wt-border);border-radius:8px;color:var(--wt-text);padding:10px 12px;font-size:13px;}
.wt-settings-row input:focus{outline:none;border-color:var(--wt-green);}
.wt-email-chip{display:flex;align-items:center;justify-content:space-between;background:var(--wt-bg);border:1px solid var(--wt-border-soft);border-radius:7px;padding:8px 12px;margin-top:8px;font-size:12.5px;font-family:monospace;}
.wt-email-chip button{padding:2px 6px;border:none;background:none;color:var(--wt-text-faint);}
.wt-settings-empty{font-size:12px;color:var(--wt-text-faint);font-style:italic;margin-top:10px;}
.wt-settings-help{display:flex;gap:7px;font-size:11.5px;color:var(--wt-text-faint);margin-top:10px;line-height:1.5;}
.wt-settings-help svg{width:13px;height:13px;flex-shrink:0;margin-top:1px;}
.watchtower-scope label{font-size:12.5px;font-weight:600;display:block;margin-bottom:7px;}

.wt-modal-overlay{position:fixed;inset:0;background:rgba(4,5,7,.72);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;}
.wt-modal{background:var(--wt-panel);border:1px solid var(--wt-border);border-radius:14px;padding:24px 26px;width:100%;max-width:420px;max-height:88vh;overflow-y:auto;}
.wt-modal-head{display:flex;justify-content:space-between;align-items:flex-start;}
.wt-modal-head h2{font-size:18px;margin:0;}
.wt-modal-head button{padding:4px;border:none;background:none;color:var(--wt-text-faint);}
.wt-modal p.sub{font-size:12px;color:var(--wt-text-dim);margin:2px 0 16px;}
.wt-form-group{margin-bottom:14px;}
.wt-form-group input,.wt-form-group select{width:100%;background:var(--wt-bg);border:1px solid var(--wt-border);border-radius:8px;color:var(--wt-text);padding:10px 12px;font-size:13px;}
.wt-form-group input:focus,.wt-form-group select:focus{outline:none;border-color:var(--wt-green);}
.wt-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--wt-border-soft);}
.wt-toggle-row .t-label{font-size:13px;font-weight:600;}
.wt-toggle-row .t-desc{font-size:11.5px;color:var(--wt-text-faint);margin-top:2px;}
.wt-switch{position:relative;width:38px;height:22px;flex-shrink:0;display:inline-block;}
.wt-switch input{opacity:0;width:0;height:0;position:absolute;}
.wt-switch .track{position:absolute;inset:0;background:#2A303C;border-radius:20px;cursor:pointer;}
.wt-switch input:checked + .track{background:var(--wt-green);}
.wt-switch .track::before{content:'';position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .15s;}
.wt-switch input:checked + .track::before{transform:translateX(16px);}
.wt-modal-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;}
.wt-form-error{color:var(--wt-red-bright);font-size:12px;margin-bottom:12px;}

.wt-detail-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;}
.wt-detail-head-left{display:flex;align-items:center;gap:12px;min-width:0;}
.wt-back-btn{padding:8px;border-radius:8px;}
.wt-detail-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.wt-detail-title-row h1{font-size:20px;margin:0;}
.wt-detail-url{font-family:monospace;font-size:12px;color:#5B8DBF;display:flex;align-items:center;gap:5px;margin-top:4px;}
.wt-stat-card{background:var(--wt-panel);border:1px solid var(--wt-border);border-radius:var(--wt-radius);padding:16px 18px;}
.wt-stat-card .slabel{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--wt-text-faint);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;}
.wt-stat-card .sval{font-size:20px;font-weight:700;font-family:monospace;}
.wt-panel-box{background:var(--wt-panel);border:1px solid var(--wt-border);border-radius:var(--wt-radius);padding:18px 20px;margin-top:16px;}
.wt-panel-box h4{font-size:11px;color:var(--wt-text-faint);text-transform:uppercase;letter-spacing:.06em;margin:0 0 14px;font-weight:700;}
.wt-timeline-strip{display:flex;align-items:flex-end;gap:3px;height:40px;}