/* content strategies */
#strat-root{display:flex;flex-direction:column;gap:16px;min-width:0}
.st-hero{background:linear-gradient(135deg,rgba(124,111,224,.22),rgba(10,191,188,.10));border:0.5px solid rgba(124,111,224,.35);border-radius:16px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;min-width:0}
.st-hero h2{margin:0;font-size:16px;color:#EEEDF8;font-weight:800;line-height:1.5}
.st-hero p{margin:5px 0 0;font-size:12px;color:#B9B3DD;line-height:1.8;max-width:620px}
.st-sec-t{font-size:13px;font-weight:700;color:#EEEDF8;display:flex;align-items:center;gap:6px;margin-top:4px}
.st-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:12px}
.st-card{background:rgba(255,255,255,.03);border:0.5px solid rgba(255,255,255,.08);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:9px;transition:border-color .15s,background .15s,transform .15s;min-width:0}
.st-card:hover{border-color:rgba(124,111,224,.45);background:rgba(124,111,224,.06);transform:translateY(-1px)}
.st-ico{width:34px;height:34px;border-radius:10px;background:rgba(124,111,224,.18);color:#C4B5FD;display:flex;align-items:center;justify-content:center;font-size:17px;flex:0 0 34px}
.st-ct{font-size:13px;font-weight:700;color:#EEEDF8;line-height:1.6;min-width:0;overflow-wrap:anywhere}
.st-cd{font-size:11.5px;color:#A8A2C8;line-height:1.8;overflow-wrap:anywhere}
.st-plan{font-size:11px;color:#8F89B5;line-height:1.7;border-top:0.5px dashed rgba(255,255,255,.1);padding-top:8px}
.st-chips{display:flex;gap:5px;flex-wrap:wrap;min-width:0}
.st-chip{font-size:10.5px;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.05);border:0.5px solid rgba(255,255,255,.1);color:#C9C4E8;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}
.st-chip.p{background:rgba(124,111,224,.16);border-color:rgba(124,111,224,.35);color:#D4CCFF}
.st-chip.ok{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.35);color:#6EE7B7}
.st-chip.warn{background:rgba(245,197,66,.12);border-color:rgba(245,197,66,.35);color:#F5C542}
.st-chip.bad{background:rgba(241,107,107,.12);border-color:rgba(241,107,107,.35);color:#FCA5A5}
.st-back{background:none;border:none;color:#A29BFE;font-size:12px;cursor:pointer;padding:0;font-family:inherit;display:inline-flex;align-items:center;gap:4px}
.st-link{background:none;border:none;color:#A29BFE;font-size:11.5px;cursor:pointer;padding:2px 4px;font-family:inherit;white-space:nowrap}
.st-note{display:flex;gap:8px;align-items:flex-start;font-size:11.5px;color:#B9B3DD;background:rgba(255,255,255,.03);border:0.5px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 12px;line-height:1.7}
.st-note i{color:#A29BFE;margin-top:3px}
.st-ideas{display:flex;flex-direction:column;gap:10px}
.st-idea{display:flex;gap:12px;align-items:flex-start;background:rgba(255,255,255,.03);border:0.5px solid rgba(255,255,255,.08);border-radius:14px;padding:14px;cursor:pointer;min-width:0;transition:border-color .15s,background .15s}
.st-idea:hover{border-color:rgba(124,111,224,.35)}
.st-idea.on{border-color:rgba(124,111,224,.6);background:rgba(124,111,224,.09)}
.st-idea.done{cursor:default;opacity:.8}
.st-check{flex:0 0 22px;width:22px;height:22px;border-radius:7px;border:1.5px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;margin-top:2px;color:#fff;font-size:13px}
.st-idea.on .st-check{background:#7C6FE0;border-color:#7C6FE0}
.st-serp{margin-top:10px;padding:10px 12px;border-radius:10px;background:rgba(0,0,0,.18);border:0.5px solid rgba(255,255,255,.06)}
.st-serp-h{font-size:11.5px;font-weight:700;color:#C4B5FD;display:flex;align-items:center;gap:5px;margin-bottom:5px}
.st-srcs{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.st-srcs a{font-size:10.5px;color:#74B3F8;text-decoration:none;padding:2px 7px;border-radius:6px;background:rgba(116,179,248,.1);direction:ltr}
.st-logrow{display:flex;gap:9px;align-items:flex-start;padding:7px 0;border-top:0.5px solid rgba(255,255,255,.06);font-size:12px;color:#EEEDF8}
.st-logrow:first-of-type{border-top:none}
.st-bar{position:sticky;bottom:10px;background:rgba(20,17,34,.97);backdrop-filter:blur(8px);border:0.5px solid rgba(124,111,224,.45);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:10px;box-shadow:0 14px 40px rgba(0,0,0,.45);z-index:20}
.st-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.st-mode{background:rgba(255,255,255,.03);border:0.5px solid rgba(255,255,255,.1);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:3px;align-items:flex-start;text-align:start;cursor:pointer;font-family:inherit;color:#9B96C0;min-width:0}
.st-mode i{font-size:17px;color:#A29BFE;margin-bottom:2px}
.st-mode b{font-size:12px;color:#EEEDF8;font-weight:700;line-height:1.5}
.st-mode span{font-size:10.5px;line-height:1.6}
.st-mode.on{border-color:rgba(124,111,224,.7);background:rgba(124,111,224,.16)}
.st-modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9500;display:flex;align-items:center;justify-content:center;padding:14px}
.st-modal{width:min(640px,100%);max-height:calc(100vh - 28px);overflow:auto;background:linear-gradient(160deg,#1d1a30,#16131f);border:0.5px solid rgba(124,111,224,.35);border-radius:18px;padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.st-mhead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}
.st-x{background:none;border:none;color:#9B96C0;cursor:pointer;font-size:16px;padding:4px}
.st-form{display:flex;flex-direction:column;gap:12px}
.st-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.st-f>label{font-size:11.5px;color:#B9B3DD;font-weight:600}
.st-f>label span{color:#7F79A3;font-weight:400}
.st-row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.st-in{width:100%;padding:8px 10px;border-radius:9px;border:0.5px solid rgba(255,255,255,.12);background:rgba(0,0,0,.22);color:#EEEDF8;font-family:inherit;font-size:12.5px;outline:none;box-sizing:border-box;min-width:0}
.st-in:focus{border-color:rgba(124,111,224,.7)}
.st-goals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.st-goal,.st-type{background:rgba(255,255,255,.03);border:0.5px solid rgba(255,255,255,.1);border-radius:10px;padding:8px 10px;color:#9B96C0;font-size:11.5px;cursor:pointer;font-family:inherit;text-align:center}
.st-goal.on,.st-type.on{background:rgba(124,111,224,.2);border-color:rgba(124,111,224,.6);color:#E0D9FF}
.st-types{display:flex;flex-wrap:wrap;gap:6px}
.st-type{padding:6px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:4px}
.st-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;flex-wrap:wrap}
.st-prog{background:rgba(124,111,224,.10);border:0.5px solid rgba(124,111,224,.35);border-radius:14px;padding:14px}
.st-prog-t{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12.5px;font-weight:700;color:#EEEDF8;margin-bottom:10px;flex-wrap:wrap}
.st-prog-t i{color:#A29BFE}
.st-prog-b{height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.st-prog-b i{display:block;height:100%;background:linear-gradient(90deg,#7C6FE0,#0ABFBC);border-radius:999px;transition:width .4s ease}
.st-err{background:rgba(241,107,107,.08);border:0.5px solid rgba(241,107,107,.35);border-radius:14px;padding:14px}
.st-err-h{font-size:12.5px;font-weight:700;color:#FCA5A5;display:flex;align-items:center;gap:6px}
@media (max-width:640px){
  .st-modes{grid-template-columns:1fr}
  .st-row2,.st-goals{grid-template-columns:1fr}
  .st-hero{padding:14px}
  .st-idea{padding:12px}
}
.st-tpl{cursor:pointer}
.st-tpl.on{border-color:rgba(124,111,224,.7);background:rgba(124,111,224,.10)}
.st-box{width:22px;height:22px;border-radius:7px;border:1.5px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;flex:0 0 22px}
.st-box.on{background:#7C6FE0;border-color:#7C6FE0}
.st-picker{position:sticky;bottom:10px;z-index:20;background:rgba(20,17,34,.97);backdrop-filter:blur(8px);border:0.5px solid rgba(124,111,224,.45);border-radius:16px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;box-shadow:0 14px 40px rgba(0,0,0,.45)}
.st-picker>div:first-child{font-size:12.5px;color:#EEEDF8}
.st-tog{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:#C9C4E8;cursor:pointer}
.st-bulkbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:rgba(124,111,224,.10);border:0.5px solid rgba(124,111,224,.35);border-radius:12px;padding:10px 12px;font-size:12px;color:#EEEDF8}
.st-tbl-wrap{overflow-x:auto;border:0.5px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.02)}
.st-tbl{width:100%;border-collapse:collapse;font-size:12px;min-width:820px}
.st-tbl th{font-size:11px;font-weight:700;color:#9B96C0;text-align:right;padding:10px 10px;border-bottom:0.5px solid rgba(255,255,255,.08);white-space:nowrap;background:rgba(0,0,0,.15)}
.st-tbl td{padding:10px;border-bottom:0.5px solid rgba(255,255,255,.05);color:#EEEDF8;vertical-align:middle}
.st-tbl tr:last-child td{border-bottom:none}
.st-tbl tr.on td{background:rgba(124,111,224,.06)}
.st-tbl th.n,.st-tbl td.n{text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}
.st-tbl th.c,.st-tbl td.c{width:36px;text-align:center}
.st-tbl input[type=checkbox]{width:16px;height:16px;accent-color:#7C6FE0;cursor:pointer}
.st-name{background:none;border:none;padding:0;color:#EEEDF8;font-weight:700;font-size:12.5px;cursor:pointer;text-align:right;font-family:inherit;line-height:1.5}
.st-name:hover{color:#C4B5FD}
.st-acts{display:flex;gap:4px;justify-content:flex-end}
.st-ibtn{width:30px;height:30px;border-radius:8px;border:0.5px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:#C9C4E8;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:14px}
.st-ibtn:hover{border-color:rgba(124,111,224,.5);color:#E0D9FF}
.st-ibtn.danger{color:#FCA5A5}
.st-aifill{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:rgba(124,111,224,.10);border:0.5px solid rgba(124,111,224,.35);border-radius:12px;padding:10px 12px;margin-bottom:6px}

/* ── additions for strategy.js ── */
#strat-root [hidden]{display:none!important}
#strat-root .ok{color:#6EE7B7}#strat-root .warn{color:#F5C542}#strat-root .bad{color:#FCA5A5}
#strat-root .ltr,.st-chip.ltr{direction:ltr;unicode-bidi:embed}
.st-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.st-row.spread{justify-content:space-between}
.st-grow{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.st-mt-auto{margin-top:auto}
.st-wide{width:100%;justify-content:center}
.st-mute{color:#6F6A94}
.st-lab{color:#C4B5FD;font-weight:600}
.st-notice{display:flex;gap:8px;align-items:flex-start;font-size:11.5px;color:#B9B3DD;background:rgba(255,255,255,.04);border:.5px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 12px;line-height:1.8}
.st-notice i{color:#A29BFE;margin-top:3px}
.st-notice.err{border-color:rgba(241,107,107,.4);color:#FCA5A5}
.st-empty{padding:22px;text-align:center;font-size:12px;color:#A8A2C8}
.st-empty-big{padding:34px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.st-logcard{padding:14px;display:flex;flex-direction:column;gap:8px}
.st-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
.st-kpi{background:rgba(255,255,255,.03);border:.5px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 12px;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}
.st-kpi i{grid-row:span 2;color:#A29BFE;font-size:18px}
.st-kpi b{font-size:16px;color:#EEEDF8;font-variant-numeric:tabular-nums}
.st-kpi span{font-size:10.5px;color:#9B96C0}
.st-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.st-search{max-width:280px;flex:1 1 180px}
.st-sortsel{width:auto}
.st-filters{display:flex;gap:6px;flex-wrap:wrap}
.st-filter{background:rgba(255,255,255,.03);border:.5px solid rgba(255,255,255,.1);border-radius:999px;padding:5px 11px;font-size:11.5px;color:#C9C4E8;cursor:pointer;font-family:inherit}
.st-filter b{color:#A29BFE;margin-inline-start:3px}
.st-filter.on{background:rgba(124,111,224,.2);border-color:rgba(124,111,224,.6);color:#E0D9FF}
.st-eng{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.05);border:.5px solid rgba(255,255,255,.12);border-radius:9px;padding:0 8px;color:#A29BFE}
.st-eng select{background:transparent;border:none;color:#EEEDF8;font-size:11.5px;padding:7px 2px;font-family:inherit;outline:none}
.st-eng select option{color:#111}
.st-sort{background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:0}
.st-toggle{background:none;border:none;font-family:inherit;cursor:pointer;width:100%;text-align:right;padding:4px 0;flex-wrap:wrap}
.st-chev{margin-inline-start:auto;transition:transform .15s}.st-chev.open{transform:rotate(180deg)}
.st-tpls{display:flex;flex-direction:column;gap:10px}
.st-card-top{display:flex;justify-content:space-between;align-items:center}
.st-foot-note{padding:2px 4px}
.st-field-err{font-size:11px;color:#FCA5A5}
.st-in.bad{border-color:rgba(241,107,107,.7)}
.st-danger{background:rgba(241,107,107,.18)!important;border-color:rgba(241,107,107,.5)!important;color:#FECACA!important}
.st-ask{width:min(440px,100%)}.st-ask-b{font-size:12.5px;line-height:1.9;color:#D4CFF0}
#st-ask-t{margin-bottom:8px}
.st-idea-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px}
.st-idea-act{display:flex;gap:6px;align-items:center;margin-top:4px}
.st-idea.dim{opacity:.55}
.st-check:disabled{cursor:default}
.st-serp summary{cursor:pointer;font-size:11.5px;color:#C4B5FD}
.st-name:focus-visible,.st-ibtn:focus-visible,.st-filter:focus-visible,.st-tpl:focus-visible,.st-check:focus-visible,.st-goal:focus-visible,.st-type:focus-visible{outline:2px solid #A29BFE;outline-offset:2px}
.st-tbl .nm{min-width:180px}
@media (max-width:760px){
  .st-tbl{min-width:0}
  .st-tbl thead{display:none}
  .st-tbl,.st-tbl tbody,.st-tbl tr,.st-tbl td{display:block;width:100%}
  .st-tbl tr{border-bottom:.5px solid rgba(255,255,255,.08);padding:8px 4px}
  .st-tbl td{border:none;padding:4px 8px;text-align:right!important;white-space:normal!important}
  .st-tbl td[data-l]::before{content:attr(data-l) ": ";color:#8F89B5;font-size:10.5px}
  .st-tbl td.c{width:auto}
  .st-acts{justify-content:flex-start}
}