/* =========================================================
   base.css — Reset, CSS Variables, Root Layout
   MMSEO Crawl & Audit Console
   ========================================================= */

*{box-sizing:border-box;margin:0;padding:0}

:root{
  --forest:#2d5a1b;--forest-dim:#3d7a25;--forest-light:#4a8f2e;
  --bg:#f5f5f0;--bg2:#eeeee8;--bg3:#e6e6e0;
  --white:#ffffff;
  --border:#d8d8d0;--border-light:#e4e4dc;
  --text:#2a2a1e;--text-mid:#5a5a48;--text-dim:#9a9a88;
  --g-green:#3a7a28;--g-red:#c0392b;--g-amber:#b8720a;--g-blue:#1a73e8;
  --card-bg:#f9f9f4;
  --radius:10px;--radius-sm:7px;
  --chrome-size:44px;
}

html,body{
  height:100%;
  background:var(--bg);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:13px;
  line-height:1.4;
  letter-spacing:-0.01em;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-feature-settings:'cv02','cv03','cv04','cv11';
  color:var(--text);
}

/* ── ROOT APP LAYOUT ── */
#app{width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden;}
.body-layout{display:flex;flex:1;min-height:0;overflow:hidden;}
.main-content{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;}
.page-area{flex:1;display:flex;min-height:0;overflow:hidden;background:var(--bg);}
.center-panel{flex:1;min-height:0;overflow:hidden;padding:8px 6px 8px 8px;display:flex;flex-direction:column;gap:6px;}

/* ── ANIMATIONS ── */
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}

/* ── Crawl Log Terminal ── */
#crawlLogWrap{ scrollbar-width:thin; scrollbar-color:#444 #1a1a1a; }
#crawlLogWrap::-webkit-scrollbar{width:5px;}
#crawlLogWrap::-webkit-scrollbar-track{background:#1a1a1a;}
#crawlLogWrap::-webkit-scrollbar-thumb{background:#444;border-radius:3px;}
#crawlLog div{ white-space:pre-wrap; word-break:break-all; }
.lt { color:#666; margin-right:6px; user-select:none; }
.l200{ color:#34d058; font-weight:600; }
.l301{ color:#888888; }
.l404{ color:#e53935; font-weight:600; }
.l410{ color:#e53935; }
.l429{ color:#f5c842; font-weight:600; }
.l5xx{ color:#e53935; font-weight:700; }
.lblk{ color:#f5c842; }
.lurl{ color:#7ec8ff; }
.lnote{ color:#aaa; font-size:10px; }

/* ── Moved from index.html inline styles ── */
.top-logo{text-decoration:none;}
.top-chevron{font-size:11px;color:var(--text-dim);}
.profile-email{font-size:11px;font-weight:600;color:var(--text);}
.msb-bottom{margin-top:auto;}
.sel-wrap{flex:0 0 210px;}
#agentSel{width:100%;}
.sel-speed{width:130px;}
#pFill{width:0%;}
#liveTabChart{width:100%;height:100%;}
.hs-svg{display:block;margin:0 auto;}
.hs-bar-fill-init{width:0%;background:var(--g-green);}
.drawer-logout{color:var(--g-red);}
.dd-green{background:#3a7a28;}
.dd-red{background:#c0392b;}
.dd-blue{background:#1a73e8;}
.dd-amber{background:#b8720a;}
.dd-grey{background:#9a9a88;}
.tab i{font-size:11px;}