/* =========================================================
   table.css — Console Table, Filter Bar, Advanced Search,
               Column Filters, Status Colors
   MMSEO Crawl & Audit Console
   ========================================================= */

/* ── CONSOLE / TABLE WRAPPER ── */
.con-hdr-toggle{
  background:#eaf3e0;border-bottom:1px solid var(--border);
  display:flex;align-items:center;gap:12px;padding:10px 16px;
  cursor:pointer;flex-shrink:0;
}
.con-toggle-icon{margin-left:auto;color:var(--text-dim);font-size:12px;}
.con-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;}
.console{background:var(--bg2);flex-shrink:0;display:flex;flex-direction:column;}
.console.collapsed .filter-bar-row{display:none;}
.console.collapsed .adv-search-bar{display:none;}
.console.collapsed .con-body{display:none;}
.console:not(.collapsed){position:fixed;top:0;left:0;right:0;bottom:0;z-index:200;display:flex;flex-direction:column;background:var(--bg2);}
.con-table-wrap{flex:1;overflow:auto;min-height:0;}

/* ── TABLE ── */
.con-table{border-collapse:collapse;width:max-content;min-width:100%;font-family:inherit;font-size:12px;}
.con-table thead th{
  position:sticky;top:0;z-index:2;background:var(--bg2);color:var(--text);
  font-size:11px;font-weight:700;letter-spacing:.5px;
  padding:6px 10px;border-bottom:2px solid var(--border);border-right:1px solid var(--border);
  white-space:nowrap;text-align:left;position:relative;
}
.con-table thead th:last-child{border-right:none;}
.con-table tbody td{font-size:12px;padding:4px 10px;border-bottom:1px solid var(--border-light);border-right:1px solid var(--border-light);white-space:nowrap;}
.con-table tbody td:last-child{border-right:none;}
.con-table tbody td.td-num{text-align:right;color:var(--text-dim);}
.con-table tbody td.td-url{color:var(--forest-dim);}
.con-table tbody td.td-issues{color:var(--g-amber);}
.con-table tbody tr:nth-child(even) td{background:var(--bg2);}
.con-table tbody tr:nth-child(odd) td{background:var(--white);}
.con-table tbody tr:hover td{background:#eaf3e0!important;}

/* ── STATUS COLORS ── */
.c200{color:var(--g-green)!important}
.c404{color:var(--g-red)!important;font-weight:700}
.c410{color:var(--g-red)!important;font-weight:700;text-decoration:line-through}
.c301{color:var(--g-amber)!important;font-style:italic}
.c429{color:#d4560a!important;font-weight:700}
.c5xx{color:#a01010!important;font-weight:700}
.cblk{color:#7b1fa2!important;font-style:italic}
.c0{color:var(--text-dim)!important}
.ok{color:var(--g-green)!important}
.warn{color:var(--g-amber)!important;font-style:italic}
.bad{color:var(--g-red)!important;font-weight:700}
.dim{color:var(--text-dim)!important}
.ct{color:var(--text-dim)}
.curl{color:var(--forest-dim)}
.ctit{color:var(--text)}
.cmet.ok{color:var(--g-green)}.cmet.miss{color:var(--g-red);font-weight:700}
.cidx.ok{color:var(--g-green)}.cidx.no{color:var(--g-red);font-weight:700}.cidx.rdr{color:var(--g-amber);font-style:italic}
.cspd.fast{color:var(--g-green)}.cspd.slow{color:var(--g-amber)}.cspd.xslow{color:var(--g-red);font-weight:700}
.sv{}.sv.g{color:var(--g-green)}.sv.r{color:var(--g-red)}.sv.y{color:var(--g-amber)}.sv.w{color:#7b1fa2}

/* ── COL RESIZER ── */
.col-resizer{position:absolute;right:0;top:0;bottom:0;width:5px;cursor:col-resize;background:transparent;z-index:10;user-select:none;transition:background .15s;}
.col-resizer:hover,.col-resizer.dragging{background:rgba(45,90,27,.4);}

/* ── FILTER BAR ── */
.filter-bar-row{
  display:flex;align-items:center;gap:8px;padding:6px 12px;
  background:var(--white);border-bottom:1px solid var(--border);flex-shrink:0;overflow-x:auto;
}

/* ── ADVANCED SEARCH BAR ── */
.adv-search-bar{
  display:flex;align-items:center;border-bottom:1px solid var(--border);
  background:var(--white);flex-shrink:0;overflow:hidden;
}
.adv-search-bar.asb-hidden{display:none;}
.asb-left{display:flex;align-items:center;flex:1;min-width:0;border-right:1px solid var(--border);}
.asb-mode-select,.asb-col-select,.asb-op-select{
  background:var(--bg2);border:none;border-right:1px solid var(--border);
  color:var(--text-mid);font-family:inherit;font-size:11px;
  padding:0 8px;height:32px;cursor:pointer;outline:none;flex-shrink:0;
  appearance:none;padding-right:20px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6'%3E%3Cpath d='M0 0l4 6 4-6z' fill='%235a5a48'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 5px center;
}
.asb-col-select{min-width:80px;}
.asb-input{
  flex:1;min-width:0;background:transparent;border:none;
  color:var(--text);font-family:inherit;font-size:12px;
  padding:0 10px;height:32px;outline:none;
}
.asb-input::placeholder{color:var(--text-dim);font-size:11px;}
.asb-right{display:flex;align-items:center;flex-shrink:0;}
.asb-btn{
  height:32px;padding:0 12px;border:none;border-left:1px solid var(--border);
  font-family:inherit;font-size:11px;cursor:pointer;
  background:var(--bg2);color:var(--text-mid);white-space:nowrap;
}
.asb-btn:hover{background:var(--bg3);}
.asb-btn.asb-run{background:var(--forest);color:#fff;font-weight:600;}
.asb-btn.asb-run:hover{background:var(--forest-dim);}
.asb-btn.asb-clear-btn{color:var(--g-red);}
.asb-match-count{height:32px;padding:0 10px;border-left:1px solid var(--border);font-family:inherit;font-size:11px;color:var(--text-dim);background:var(--bg2);display:flex;align-items:center;white-space:nowrap;flex-shrink:0;}
.asb-match-count.has-match{color:var(--g-green);font-weight:700;}
.asb-match-count.no-match{color:var(--g-red);font-weight:700;}
.asb-toggle{height:32px;padding:0 10px;border:none;border-left:1px solid var(--border);font-family:inherit;font-size:10px;cursor:pointer;background:var(--bg2);color:var(--text-mid);display:flex;align-items:center;gap:5px;flex-shrink:0;white-space:nowrap;}
.asb-toggle-dot{width:7px;height:7px;border-radius:50%;background:var(--border);flex-shrink:0;transition:background .15s;}
.asb-toggle-dot.on{background:var(--g-green);}
.asb-cs-label{height:32px;padding:0 8px;border-left:1px solid var(--border);font-family:inherit;font-size:10px;color:var(--text-mid);background:var(--bg2);display:flex;align-items:center;gap:5px;cursor:pointer;flex-shrink:0;white-space:nowrap;}
.asb-cs-label input{cursor:pointer;accent-color:var(--forest);}
.asb-hl{background:#fff3b0;color:var(--text);border-radius:1px;padding:0 1px;}

/* ── COLUMN FILTER DROPDOWN ── */
.cf-col-label{
  font-family:inherit;font-size:11px;color:var(--g-red);background:var(--white);
  border:1px solid var(--border);padding:3px 12px;border-radius:4px;cursor:pointer;
  white-space:nowrap;flex-shrink:0;user-select:none;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;min-width:140px;
}
.cf-col-label:hover{background:var(--bg2);}
.cf-col-label .cf-arrow{font-size:9px;color:var(--g-red);}
.cf-dropdown-wrap{position:relative;flex-shrink:0;}
.cf-dropdown{display:none;position:absolute;top:calc(100% + 4px);left:0;z-index:50;background:var(--white);border:1px solid var(--border);border-radius:6px;min-width:180px;max-height:320px;overflow-y:auto;box-shadow:0 4px 16px rgba(0,0,0,.12);}
.cf-dropdown.open{display:block;}
.cf-dd-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px;font-family:inherit;font-size:11px;color:var(--text-mid);cursor:pointer;border-bottom:1px solid var(--border-light);transition:background .1s;white-space:nowrap;}
.cf-dd-item:last-child{border-bottom:none;}
.cf-dd-item:hover{background:var(--bg2);}
.cf-dd-item.active{background:var(--forest);color:#fff;}
.cf-dd-key{flex:1;}
.cf-dd-badge{font-size:9px;opacity:.65;min-width:20px;text-align:right;}
.cf-val-btn{font-family:inherit;font-size:11px;color:var(--text-mid);background:var(--white);border:1px solid var(--border);padding:3px 10px;border-radius:4px;cursor:pointer;transition:all .12s;user-select:none;white-space:nowrap;flex-shrink:0;}
.cf-val-btn:hover{border-color:var(--forest-dim);color:var(--forest);}
.cf-val-btn.active{background:var(--forest);color:#fff;border-color:var(--forest);}
.cf-val-hint{color:var(--text-dim);font-size:11px;font-style:italic;}

/* ── STATUS FILTER BOXES ── */
.sf-box{cursor:pointer;font-family:inherit;font-size:11px;height:22px;padding:0 8px;display:inline-flex;align-items:center;gap:4px;border:1px solid var(--border);border-radius:4px;background:var(--bg2);color:var(--text-mid);user-select:none;flex-shrink:0;white-space:nowrap;}
.sf-cnt{font-size:9px;font-weight:700;padding:1px 4px;border-radius:2px;min-width:14px;text-align:center;}
.sf-box.sf-all{background:var(--forest);color:#fff;border-color:var(--forest);}.sf-box.sf-all .sf-cnt{background:rgba(255,255,255,.2);color:#fff;}
.sf-box.sf-404{border-color:var(--g-red);color:var(--g-red);}.sf-box.sf-404 .sf-cnt{background:var(--g-red);color:#fff;}.sf-box.sf-404.sf-on,.sf-box.sf-404:hover{background:#fce8e6;}
.sf-box.sf-ni{border-color:var(--g-amber);color:var(--g-amber);}.sf-box.sf-ni .sf-cnt{background:var(--g-amber);color:#fff;}.sf-box.sf-ni.sf-on,.sf-box.sf-ni:hover{background:#fef0d8;}
.sf-box.sf-nt{border-color:var(--g-blue);color:var(--g-blue);}.sf-box.sf-nt .sf-cnt{background:var(--g-blue);color:#fff;}.sf-box.sf-nt.sf-on,.sf-box.sf-nt:hover{background:#e8f0fe;}
.sf-box.sf-nm{border-color:var(--g-green);color:var(--g-green);}.sf-box.sf-nm .sf-cnt{background:var(--g-green);color:#fff;}.sf-box.sf-nm.sf-on,.sf-box.sf-nm:hover{background:#e6f4ea;}
.sf-box.sf-h1{border-color:#d4560a;color:#d4560a;}.sf-box.sf-h1 .sf-cnt{background:#d4560a;color:#fff;}.sf-box.sf-h1.sf-on,.sf-box.sf-h1:hover{background:#fff3e0;}
.sf-box.sf-rb{border-color:#8b1a1a;color:#8b1a1a;}.sf-box.sf-rb .sf-cnt{background:#8b1a1a;color:#fff;}.sf-box.sf-rb.sf-on,.sf-box.sf-rb:hover{background:#ffebee;}
.sf-box.sf-on{outline:2px solid currentColor;outline-offset:-2px;}
.sf-panel{display:none;flex-direction:column;max-height:220px;overflow-y:auto;flex-shrink:0;}
.sf-panel.sf-show{display:flex;}
.sf-hdr{display:flex;align-items:center;padding:6px 10px;font-family:inherit;font-size:11px;font-weight:600;border-bottom:1px solid var(--border);}
.sf-back{margin-left:auto;font-size:10px;cursor:pointer;opacity:.7;font-weight:400;}.sf-back:hover{opacity:1;text-decoration:underline;}
.sf-row{display:flex;align-items:center;gap:8px;padding:5px 10px;border-bottom:0.5px solid var(--border-light);font-family:inherit;font-size:11px;}
.sf-row:last-child{border-bottom:none;}.sf-row:nth-child(even){background:var(--bg2);}.sf-row:nth-child(odd){background:var(--white);}
.sf-badge{flex-shrink:0;font-size:9px;font-weight:700;padding:2px 5px;border-radius:2px;color:#fff;}
.sf-url{flex:1;color:var(--forest-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sf-depth{font-size:10px;color:var(--text-dim);flex-shrink:0;min-width:20px;}
.sf-note{font-size:10px;flex-shrink:0;}