/* =========================================================
   overlays.css — Card Overlays, Waste Breakdown, Silo,
                  Schema/SEO Panels, URL Pattern Badges,
                  Issues Panel, Tree/Log Compat
   MMSEO Crawl & Audit Console
   ========================================================= */




.card-ov-inner{display:flex;flex-direction:column;height:100%;background:var(--white);max-width:1400px;width:100%;margin:0 auto;}
.card-ov-hdr{display:flex;align-items:center;justify-content:space-between;background:var(--forest);padding:12px 16px;flex-shrink:0;}
.card-ov-title{color:#fff;font-size:14px;font-weight:700;letter-spacing:.5px;}
.card-ov-sub{color:rgba(255,255,255,.7);font-size:11px;margin-top:2px;}
.card-ov-close{cursor:pointer;color:#fff;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:5px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s;}
.card-ov-close:hover{background:rgba(255,255,255,.25);}
.card-ov-stats{display:flex;flex-shrink:0;background:var(--bg2);border-bottom:1px solid var(--border);}
.card-ov-stat{flex:1;text-align:center;padding:10px 6px;border-right:1px solid var(--border);}
.card-ov-stat:last-child{border-right:none;}
.card-ov-stat-val{font-size:22px;font-weight:700;}
.card-ov-stat-val.r{color:var(--g-red);}.card-ov-stat-val.y{color:var(--g-amber);}.card-ov-stat-val.g{color:var(--g-green);}
.card-ov-stat-lbl{font-size:9px;letter-spacing:1px;color:var(--text-dim);margin-top:2px;}
.card-ov-body{flex:1;min-height:0;overflow:auto;}
.card-ov-table{border-collapse:collapse;width:max-content;min-width:100%;font-family:inherit;}
.card-ov-table thead th{position:sticky;top:0;z-index:2;background:var(--bg2);color:var(--text);font-size:11px;font-weight:700;padding:6px 10px;border-bottom:2px solid var(--border);border-right:1px solid var(--border);white-space:nowrap;text-align:left;overflow:hidden;box-sizing:border-box;}
.card-ov-table thead th:last-child{border-right:none;}
.card-ov-table tbody td{font-size:12px;padding:5px 10px;border-bottom:1px solid var(--border-light);border-right:1px solid var(--border-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px;}
.card-ov-table tbody td:last-child{border-right:none;}
.card-ov-table tbody tr:nth-child(even) td{background:var(--bg2);}
.card-ov-table tbody tr:hover td{background:#eaf3e0!important;}
.card-ov-tag{display:inline-block;font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;color:#fff;margin:1px 2px 1px 0;vertical-align:middle;}
.card-ov-tag.r{background:var(--g-red);}.card-ov-tag.y{background:var(--g-amber);}.card-ov-tag.b{background:var(--g-blue);}.card-ov-tag.g{background:var(--g-green);}
.card-ov-url{color:var(--text);max-width:320px!important;}
.card-ov-empty{padding:40px;text-align:center;color:var(--text-dim);font-size:13px;}

/* ── WASTE BREAKDOWN (hover) ── */
#crawlWasteCard{position:relative;}

/* ── SILO PANEL ── */
.silo-svg-wrap{overflow:auto;width:100%;background:var(--white);padding:8px 10px;flex:1;min-height:0;}
.silo-detail{background:var(--bg2);border-top:1px solid var(--border);padding:8px 12px;flex-shrink:0;display:none;}
.silo-detail.show{display:block;}
.silo-dp-title{font-size:12px;color:var(--g-green);font-weight:700;margin-bottom:7px;}
.silo-dp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;}
.silo-dp-cell{background:var(--white);border:1px solid var(--border);border-radius:4px;padding:4px 8px;}
.silo-dp-lbl{color:var(--text-dim);font-size:9px;margin-bottom:2px;}
.silo-dp-val{font-size:11px;font-weight:700;color:var(--text);}
.silo-dp-val.g{color:var(--g-green)}.silo-dp-val.r{color:var(--g-red)}.silo-dp-val.y{color:var(--g-amber)}

/* ── URL PATTERN BADGES ── */
.uf-noindex{background:#fce8e6;color:#a32d2d;border:1px solid #f0a8a0;border-radius:3px;font-size:9px;font-weight:700;padding:1px 5px;}
.uf-redirect{background:#fef0d8;color:#8a5000;border:1px solid #e0c070;border-radius:3px;font-size:9px;font-weight:700;padding:1px 5px;}
.uf-param{background:#e8f0fe;color:#1a5ca8;border:1px solid #a8c0f0;border-radius:3px;font-size:9px;font-weight:700;padding:1px 5px;}
.uf-space{background:#f3e5f5;color:#5a1a8a;border:1px solid #c8a0e0;border-radius:3px;font-size:9px;font-weight:700;padding:1px 5px;}
.uf-space.active{background:#5a1a8a;color:#fff;}
.uf-longurl{background:#e0f7fa;color:#006064;border:1px solid #80d8e0;border-radius:3px;font-size:9px;font-weight:700;padding:1px 5px;}
.uf-dblslash{background:#f1f8e9;color:#33691e;border:1px solid #a5d060;border-radius:3px;font-size:9px;font-weight:700;padding:1px 5px;}
.uf-wpadmin{background:#e3f2fd;color:#0d47a1;border:1px solid #90caf9;border-radius:3px;font-size:9px;font-weight:700;padding:1px 5px;}
.uf-shopify{background:#e8f5e9;color:#1b5e20;border:1px solid #a5d6a7;border-radius:3px;font-size:9px;font-weight:700;padding:1px 5px;}
.uf-blog{background:#fff8e1;color:#e65100;border:1px solid #ffcc80;border-radius:3px;font-size:9px;font-weight:700;padding:1px 5px;}
.uf-product{background:#e8f5e9;color:#1b5e20;border:1px solid #a5d6a7;border-radius:3px;font-size:9px;font-weight:700;padding:1px 5px;}

/* ── SCHEMA / SEO PANELS ── */
.sm-ov-table-wrap{overflow:auto;flex:1;min-height:0;}
.sm-ov-table{border-collapse:collapse;width:max-content;min-width:100%;font-size:12px;}
.sm-ov-table thead th{position:sticky;top:0;z-index:2;background:var(--bg2);font-size:11px;font-weight:700;padding:5px 10px;border-bottom:2px solid var(--border);border-right:1px solid var(--border);white-space:nowrap;text-align:left;}
.sm-ov-table thead th:last-child{border-right:none;}
.sm-ov-table tbody td{padding:4px 10px;border-bottom:1px solid var(--border-light);border-right:1px solid var(--border-light);white-space:nowrap;}
.sm-ov-table tbody tr:nth-child(even) td{background:var(--bg2);}
.sm-ov-table tbody tr:hover td{background:#eaf3e0!important;}
.sm-tag{display:inline-block;font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;color:#fff;margin:1px;vertical-align:middle;}
.sm-tag.ok{background:var(--g-green)}.sm-tag.warn{background:var(--g-amber)}.sm-tag.err{background:var(--g-red)}.sm-tag.info{background:var(--g-blue)}
.sm-bar{height:6px;border-radius:3px;background:var(--g-green);}

/* ── ISSUES PANEL ── */
.issues-panel{background:var(--white);flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;}
.issues-panel.collapsed .tree-toggle-icon{transform:rotate(180deg);}

/* ── TREE / LOG COMPAT ── */
.right-compat{display:none;}
.tree-wrap{flex:1;min-height:0;overflow:hidden;background:var(--white);display:flex;flex-direction:column;}
.tree-hdr-toggle{display:none;}
.tree-hdr-status{display:none;}
.tree-hdr{display:none;}
.tree-toggle-icon{font-size:11px;color:var(--text-dim);}
.tree-line{white-space:pre;color:var(--text-mid);font-size:13px;line-height:1.6;}
.tree-warn{white-space:pre;color:var(--g-red);font-size:13px;animation:blink 1.1s infinite;line-height:1.6;}
.tree-issue{white-space:pre;color:var(--g-amber);font-size:13px;line-height:1.6;font-weight:700;}
.tree-ok{white-space:pre;color:var(--g-green);font-size:13px;line-height:1.6;}
.tree-dim{white-space:pre;color:var(--text-dim);font-size:13px;line-height:1.6;}

/* ── LOG AREA ── */
.logarea{flex:1;min-height:0;overflow-y:auto;padding:5px 8px;font-size:11px;}
.le{margin-bottom:3px;line-height:1.5;word-break:break-all;}
.rh{display:none;}

/* ── LEGACY / COMPAT HIDDEN ── */
.statbar{display:none;}
.si{display:none;}

/* ── SILO COLLAPSED STATE ── */
.silo-collapsed { display:none !important; }