:root{--red:#B01216;--dark:#2b2b2e;--gray:#58595B;--bg:#f6f6f7;--line:#e3e3e6}
*{box-sizing:border-box;margin:0}
body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--dark)}
header{display:flex;align-items:center;gap:1.25rem;background:#fff;border-bottom:3px solid var(--red);padding:.7rem 1.5rem;position:sticky;top:0;z-index:5;box-shadow:0 1px 6px rgba(0,0,0,.06)}
header img{height:44px}
.htitle h1{font-size:1.15rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gray);font-weight:600}
.crumb{font-size:.8rem;color:#999}.crumb a{color:var(--red);text-decoration:none}
nav{margin-left:auto;display:flex;gap:.6rem}
.navlink{color:var(--gray);text-decoration:none;padding:.45rem .9rem;border-radius:6px;font-weight:600;font-size:.9rem}
.navlink:hover{background:var(--bg)}
.chatbtn{background:var(--red);color:#fff}.chatbtn:hover{background:#8d0e12}
main{max-width:1200px;margin:1.5rem auto;padding:0 1.25rem}
.hero{display:flex;gap:3rem;align-items:center;background:#fff;border:1px solid var(--line);border-left:5px solid var(--red);border-radius:10px;padding:1.1rem 1.6rem;margin-bottom:1.4rem}
.bignum{font-size:2rem;font-weight:800;color:var(--red)}
.heronote{margin-left:auto;color:#888;font-size:.85rem;max-width:320px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}
.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:1.15rem;text-decoration:none;color:var(--dark);transition:.15s;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.card:hover{border-color:var(--red);transform:translateY(-2px);box-shadow:0 6px 16px rgba(176,18,22,.12)}
.cicon{font-size:1.6rem}.card h2{font-size:1.02rem;margin:.4rem 0 .6rem}
.cstats{display:flex;gap:.5rem;flex-wrap:wrap}
.stat{font-size:.75rem;background:var(--bg);border-radius:20px;padding:.15rem .6rem;color:var(--gray)}
.stat.ok{background:#e7f5ec;color:#1a8f3c}.stat.bad{background:#fdeaea;color:#c0392b}.stat.warn{background:#fdf3e7;color:#d35400}
.dept-h{margin:.2rem 0 1rem;font-size:1.5rem}
section{background:#fff;border:1px solid var(--line);border-radius:10px;padding:1.1rem 1.4rem;margin-bottom:1.1rem}
section h3{color:var(--gray);text-transform:uppercase;font-size:.8rem;letter-spacing:.08em;margin-bottom:.8rem}
.metrics{display:flex;gap:1.5rem;flex-wrap:wrap}
.metrics.onerow{flex-wrap:nowrap;gap:.9rem;overflow-x:auto}
.metrics.onerow .metric{min-width:0;flex:1}
.metric{min-width:140px}.mval{font-size:1.7rem;font-weight:800;color:var(--red)}.munit{font-size:.9rem;color:var(--gray);margin-left:2px}
.mlabel{color:var(--gray);font-size:.85rem}.mtrend{font-size:.8rem;color:#1a8f3c}
table{width:100%;border-collapse:collapse;font-size:.9rem}
th{text-align:left;color:#999;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:.4rem .6rem;border-bottom:2px solid var(--line)}
td{padding:.6rem;border-bottom:1px solid var(--line);vertical-align:top}
.pill{color:#fff;border-radius:20px;padding:.14rem .6rem;font-size:.72rem;font-weight:700;text-transform:uppercase;white-space:nowrap}
.sub{color:#888;font-size:.8rem;margin-top:.15rem}
.item{display:flex;gap:.8rem;align-items:flex-start;padding:.6rem 0;border-bottom:1px solid var(--line)}
.item:last-child{border-bottom:none}
.empty{color:#999;padding:.6rem 0;font-size:.92rem}
.chatcta{display:flex;align-items:center;gap:1rem}
.button{background:var(--red);color:#fff;text-decoration:none;padding:.6rem 1.2rem;border-radius:8px;font-weight:700}
.button:hover{background:#8d0e12}
footer{text-align:center;color:#aaa;font-size:.78rem;padding:1.5rem}
@media(max-width:700px){.hero{flex-direction:column;gap:.6rem;align-items:flex-start}.heronote{margin-left:0}}
/* Day 2: layout with team messages sidebar + work chat dock */
.layout{display:flex;gap:0;max-width:1500px;margin:0 auto}
.layout main{flex:1;min-width:0;margin:1.5rem auto;padding:0 1.25rem;max-width:1100px}
#teammsgs{width:300px;flex-shrink:0;background:#fff;border-left:1px solid var(--line);height:calc(100vh - 71px);position:sticky;top:71px;display:flex;flex-direction:column;padding:.9rem}
#teammsgs h3{color:var(--gray);text-transform:uppercase;font-size:.75rem;letter-spacing:.08em;margin-bottom:.5rem}
#channel{width:100%;padding:.45rem;border:1px solid var(--line);border-radius:8px;margin-bottom:.6rem;font-weight:600;color:var(--dark)}
#msglist{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.55rem;padding-right:.2rem}
.tmsg{background:var(--bg);border-radius:8px;padding:.5rem .6rem;font-size:.85rem}
.tmsg.agent{background:#fdf1f1;border-left:3px solid var(--red)}
.tm-head{display:flex;justify-content:space-between;color:#999;font-size:.75rem;margin-bottom:.2rem}
.tm-head b{color:var(--dark)}
.tm-actions{margin-top:.35rem;display:flex;gap:.4rem;align-items:center}
.mini{border:1px solid var(--line);background:#fff;border-radius:6px;font-size:.72rem;padding:.15rem .5rem;cursor:pointer;color:var(--gray)}
.mini.rr{color:var(--red);border-color:var(--red)}
.resolved{font-size:.72rem;color:#1a8f3c}
#msgform{margin-top:.6rem;display:flex;gap:.4rem}
#msgform textarea{flex:1;border:1px solid var(--line);border-radius:8px;padding:.45rem;resize:none;font-family:inherit;font-size:.85rem}
#workchat{background:#fff;border:1px solid var(--line);border-top:4px solid var(--red);border-radius:10px;margin-bottom:1.1rem;display:flex;flex-direction:column;padding:0 !important;overflow:hidden}
.wc-head{background:var(--red);color:#fff;font-weight:700;font-size:.95rem;padding:.6rem 1rem;display:flex;justify-content:space-between;align-items:center}
.wc-note{font-weight:400;font-size:.78rem;opacity:.85}
#wc-min{cursor:pointer;padding:0 .4rem}
#wc-log{max-height:170px;overflow-y:auto;padding:.7rem;display:flex;flex-direction:column;gap:.5rem;transition:max-height .2s ease}
#workchat.expanded #wc-log{max-height:95vh}

.bub{max-width:85%;padding:.5rem .7rem;border-radius:10px;font-size:.87rem;white-space:pre-wrap}
.bub.user{align-self:flex-end;background:var(--red);color:#fff}
.bub.agent{align-self:flex-start;background:var(--bg);color:var(--dark)}
#wc-form{display:flex;gap:.4rem;padding:.6rem;border-top:1px solid var(--line)}
#wc-form textarea{flex:1;border:1px solid var(--line);border-radius:8px;padding:.5rem;resize:none;font-family:inherit;font-size:.88rem}
.button.small{padding:.4rem .8rem;font-size:.85rem;border:none;cursor:pointer}
.loginbox{max-width:380px;margin:3rem auto;background:#fff;border:1px solid var(--line);border-top:4px solid var(--red);border-radius:10px;padding:2rem;text-align:center}
.loginbox input{width:100%;padding:.7rem;border:1px solid var(--line);border-radius:8px;margin-bottom:.8rem}
.loginbox h2{margin:.8rem 0 1.2rem}
.who{color:var(--gray);font-size:.85rem;align-self:center;margin-right:.4rem}
.adduser{display:flex;gap:.5rem;flex-wrap:wrap}
.adduser input,.adduser select{padding:.5rem;border:1px solid var(--line);border-radius:8px}
/* ---------- Mobile / small screens ---------- */
#msgfab{display:none}
@media(max-width:1000px){
  #workchat{max-width:calc(100vw - 1.4rem)}
  /* Team Messages becomes a slide-up bottom sheet with a floating button */
  #msgfab{display:flex;position:fixed;bottom:16px;right:16px;z-index:95;width:54px;height:54px;border-radius:50%;background:var(--red);color:#fff;border:none;font-size:1.4rem;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.3);cursor:pointer}
  #msgfab .fabbadge{position:absolute;top:-4px;right:-4px;background:#fff;color:var(--red);border:2px solid var(--red);border-radius:12px;font-size:.68rem;font-weight:700;padding:0 .3rem;min-width:19px;line-height:1.4}
  #msgfab .fabbadge:empty{display:none}
  #teammsgs{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;height:62vh;z-index:94;border-left:none;border-top:3px solid var(--red);border-radius:14px 14px 0 0;box-shadow:0 -6px 24px rgba(0,0,0,.25);transform:translateY(105%);transition:transform .25s ease;background:#fff}
  body.msgs-open #teammsgs{transform:translateY(0)}
}
@media(max-width:820px){
  header{flex-wrap:wrap;gap:.3rem .6rem;padding:.5rem .7rem}
  header img{height:30px}
  .htitle h1{font-size:1.02rem;margin:0}
  .crumb{display:none}
  header nav{order:3;width:100%;display:flex;align-items:center;overflow-x:auto;gap:.1rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  header nav::-webkit-scrollbar{display:none}
  .navlink{padding:.42rem .55rem;font-size:.82rem;white-space:nowrap}
  .who{display:none}
  main,.layout main{margin:.8rem auto;padding:0 .7rem}
  section{padding:.8rem .9rem}
  .hero{padding:.9rem 1rem;gap:.8rem}
  .dept-h{font-size:1.2rem}
  input,select,textarea,button{font-size:16px}
  .button.small{font-size:.9rem}
  main table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;max-width:100%}
  .tabgrid{gap:.5rem}
  .tabbox{flex:1 1 calc(50% - .5rem);min-width:128px}
  .mrow{gap:.5rem}
  .bub{max-width:88%}
  .loginbox{margin:1.5rem .8rem;padding:1.3rem}
  .grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.7rem}
  footer{padding:1rem;padding-bottom:5.2rem}
}
.gbtn{display:block;margin-top:.6rem;border:1px solid var(--line);border-radius:8px;padding:.6rem;text-decoration:none;color:var(--dark);font-weight:600}
.gbtn:hover{background:var(--bg)}
.button.danger{background:#8a8a8d}
.button.danger:hover{background:#c0392b}
#teammsgs table td,#teammsgs table th{font-size:.8rem}
table form{display:contents}
.permgrid{display:flex;gap:2.5rem;flex-wrap:wrap;margin:.6rem 0}
.permgrid>div{min-width:220px}
.chk{display:block;font-size:.88rem;padding:.18rem 0;color:var(--dark)}
.chk input{margin-right:.4rem}
.adplat{margin:1rem 0;padding:.8rem;border:1px solid var(--line);border-radius:8px}
.adplat h4{color:var(--dark);margin-bottom:.5rem}
.tabgrid{display:flex;gap:.6rem;flex-wrap:wrap}
.tabbox{display:block;min-width:170px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:.7rem;text-decoration:none;color:var(--dark)}
.tabbox:hover{border-color:var(--red);box-shadow:0 3px 10px rgba(176,18,22,.1)}
.tabname{font-weight:700;font-size:.9rem;margin-bottom:.3rem}
.tabcounts{display:flex;gap:.4rem;flex-wrap:wrap;font-size:.75rem;color:#888}
.tabcounts .ok{color:#1a8f3c}.tabcounts .warn{color:#d35400}
.rec{border:1px solid var(--line);border-radius:8px;padding:.7rem;margin-bottom:.6rem}
.recfields{display:flex;gap:.8rem;flex-wrap:wrap;font-size:.85rem;margin:.4rem 0}
.kv{color:#444}.kv b{color:#888;font-weight:600}
.recform{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-top:.4rem}
.recform input{padding:.4rem;border:1px solid var(--line);border-radius:6px}
.fgrid{display:grid;grid-template-columns:180px 1fr;gap:0;margin:.5rem 0;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.frow{display:contents}
.fk{background:var(--bg);padding:.4rem .7rem;font-weight:600;color:var(--gray);font-size:.82rem;border-bottom:1px solid var(--line)}
.fv{padding:.4rem .7rem;font-size:.88rem;border-bottom:1px solid var(--line);word-break:break-word}
.recnum{font-weight:700;color:var(--gray);margin-right:.5rem}
.autogrp{margin-bottom:1.4rem}
.autogrp h4{color:var(--dark);border-bottom:2px solid var(--red);padding-bottom:.25rem;margin-bottom:.5rem}
.adstrip{margin:.3rem 0 .6rem;gap:1.3rem}
.adstrip .mval{font-size:1.25rem}
.tabname-sub{margin-bottom:.5rem}
.roastab{border-collapse:collapse;margin:.4rem 0 .6rem;font-size:.9rem}
.roastab th{background:var(--bg);color:var(--gray);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;padding:.35rem .8rem;border:1px solid var(--line)}
.roastab td{padding:.4rem .8rem;border:1px solid var(--line);font-weight:600}
.roastab .rowlbl{background:#fbecec;color:var(--red);font-weight:700;text-align:left;white-space:nowrap}
.perfrow{margin:.2rem 0 .7rem}.perfbox{border-color:var(--red)}
.scrollx{overflow-x:auto}
.wrtab{border-collapse:collapse;font-size:.82rem;min-width:100%}
.wrtab th{background:var(--dark);color:#fff;padding:.4rem .6rem;position:sticky;top:0;white-space:nowrap;font-size:.72rem}
.wrtab td{padding:.35rem .6rem;border-bottom:1px solid var(--line);white-space:nowrap}
.wrtab tr:nth-child(even) td{background:#fafafa}
.brow{display:flex;gap:.6rem;flex-wrap:wrap;margin:.5rem 0}
.brow.metricsrow{flex-wrap:nowrap;overflow-x:auto}
.brow.metricsrow .bbox{min-width:0}
.bbox{flex:1;min-width:150px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:.5rem .7rem}
.blabel{font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;color:var(--gray);font-weight:700;margin-bottom:.25rem}
.bval{font-weight:700;color:var(--dark)}
.bbox form{margin-top:.3rem}
.bbox textarea{border:1px solid var(--line);border-radius:6px;padding:.35rem;font-family:inherit;font-size:.85rem}
.backlink{display:inline-block;margin:0 0 .6rem;color:var(--red);text-decoration:none;font-weight:600;font-size:.9rem}
.backlink:hover{text-decoration:underline}
.notewrap{margin:.5rem 0}
.notewrap label{display:block;margin-bottom:.2rem}
.notewrap textarea{width:100%;border:1px solid var(--line);border-radius:6px;padding:.4rem;font-family:inherit;font-size:.85rem}
.btns{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}
.button.reject{background:#c0392b}
.button.reject:hover{background:#8d0e12}
.salesrow{display:flex;gap:1rem;flex-wrap:wrap}
.salesbox{flex:1;min-width:200px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--red);border-radius:10px;padding:.8rem 1rem}
.sboxhead{font-weight:700;color:var(--gray);text-transform:uppercase;font-size:.75rem;letter-spacing:.06em;margin-bottom:.6rem;border-bottom:1px solid var(--line);padding-bottom:.4rem}
.sline{display:flex;justify-content:space-between;align-items:baseline;padding:.3rem 0}
.slbl{color:var(--gray);font-size:.85rem}
.sval{font-weight:800;color:var(--red);font-size:1.15rem}
.sline.pct{border-top:1px dashed var(--line);margin-top:.3rem}
.sline.pct .sval{font-size:1rem;color:#1a8f3c}
/* #3: Mark's notes on its own line above the Approve/Reject buttons */
.recform{display:block !important}
.recform .notewrap{margin:.5rem 0 .5rem}
.recform .notewrap textarea{width:100%;display:block}
.recform .btns{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-top:.4rem}

/* Search Intelligence hub card (Merchandising) */
.seo-hub-card{display:flex;align-items:center;gap:1rem;margin-top:.8rem;padding:1rem 1.2rem;border:1px solid #d8dee9;border-radius:12px;background:linear-gradient(135deg,#f7f9fc,#eef3fb);text-decoration:none;color:inherit;transition:.15s}
.seo-hub-card:hover{box-shadow:0 4px 14px rgba(30,60,120,.12);border-color:#9db8e0;transform:translateY(-1px)}
.seo-hub-ic{font-size:1.9rem}
.seo-hub-t{font-weight:700;font-size:1.05rem}
.seo-hub-d{font-size:.85rem;color:#5a6472;margin-top:.15rem}
.seo-hub-go{margin-left:auto;font-weight:700;color:#2b6cb0;white-space:nowrap}

/* Home: automations needing attention */
.issues-block{background:#fff;border:1px solid var(--line);border-top:4px solid #c0392b;border-radius:10px;padding:1rem 1.2rem;margin-top:1.2rem}
.issues-block h3{margin:.2rem 0 .6rem}

/* Dept Dropbox browser */
#dbx-browser{border:1px solid var(--line);border-radius:8px;overflow:hidden}
.dbx-bar{background:#f5f7fb;padding:.45rem .7rem;font-size:.85rem;border-bottom:1px solid var(--line)}
.dbx-bar a{color:#2b6cb0;text-decoration:none;font-weight:600;margin-right:.4rem}
.dbx-list{max-height:340px;overflow-y:auto}
.dbx-row{padding:.45rem .8rem;font-size:.88rem;cursor:pointer;border-bottom:1px solid #f2f5f9}
.dbx-row:hover{background:#eef3fb}
.dbx-file{color:#33415c}

/* GSC indexing rows on Website Health */
.idx-row{display:flex;align-items:center;gap:.7rem;padding:.4rem .2rem;border-bottom:1px solid #f0f3f8;font-size:.88rem}
.idx-cnt{font-weight:700;min-width:44px;color:#c0392b}
.idx-lbl{flex:1}

/* Team message unread badges */
.ubadge{background:#c0392b;color:#fff;border-radius:10px;padding:.05rem .45rem;font-size:.72rem;font-weight:700;margin-left:.3rem}
.unread-line{font-size:.78rem;color:#c0392b;margin:.3rem 0}
.unread-line a{color:#2b6cb0;text-decoration:none;font-weight:600}
/* Digital Marketing: side-by-side cards + expand modal */
.dm-sxs{display:flex;gap:1.1rem}
.dm-sxs>section{flex:1;min-width:0;cursor:pointer;margin-bottom:1.1rem}
.dm-sxs>section:hover{border-color:var(--red)}
.dm-exp{float:right;color:var(--gray);cursor:pointer;font-size:1.05rem;font-weight:700;padding:0 .25rem;line-height:1}
.dm-exp:hover{color:var(--red)}
#dm-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9998;align-items:flex-start;justify-content:center;overflow:auto;padding:4vh 2vw}
#dm-modal-inner{position:relative;background:#fff;border-radius:12px;border-top:4px solid var(--red);width:min(1000px,96vw);padding:1.3rem 1.5rem;box-shadow:0 14px 48px rgba(0,0,0,.32)}
#dm-modal-x{position:absolute;top:.6rem;right:.7rem;background:var(--bg);border:1px solid var(--line);border-radius:8px;width:36px;height:36px;font-size:1rem;cursor:pointer;z-index:2}
#dm-modal-body section{border:none;box-shadow:none;padding:.2rem;margin:0;cursor:default}
@media(max-width:820px){.dm-sxs{flex-direction:column;gap:.6rem}}
/* Action Items menu bubble */
#nav-actionitems{display:inline-flex;align-items:center;gap:.3rem}
.aibubble{display:inline-block;background:var(--red);color:#fff;border-radius:11px;min-width:19px;padding:0 .38rem;font-size:.72rem;font-weight:700;text-align:center;line-height:1.55}
.aibubble.new{position:relative;transform:scale(1.4);transform-origin:left center;background:#c0392b;box-shadow:0 0 0 3px rgba(192,57,43,.22);padding-right:1rem;animation:aipulse 1.4s ease-in-out infinite}
@keyframes aipulse{0%,100%{box-shadow:0 0 0 3px rgba(192,57,43,.22)}50%{box-shadow:0 0 0 5px rgba(192,57,43,.12)}}
.aix{position:absolute;top:-6px;right:-5px;background:#fff;color:#c0392b;border:1px solid #c0392b;border-radius:50%;width:14px;height:14px;line-height:12px;font-size:.6rem;text-align:center;cursor:pointer;font-weight:700}

/* Action Items: Complete checkbox */
.aicbox{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;font-size:.85rem;font-weight:600;color:#2c3e50;white-space:nowrap}
.aicbox input{width:16px;height:16px;cursor:pointer;accent-color:#27ae60}

/* Sage: Claude-style markdown formatting for replies */
.bub.md{white-space:normal;line-height:1.55;font-family:ui-sans-serif,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}
.bub.md>*:first-child{margin-top:0}
.bub.md>*:last-child{margin-bottom:0}
.bub.md p{margin:.5rem 0}
.bub.md h1,.bub.md h2,.bub.md h3,.bub.md h4{margin:.75rem 0 .4rem;line-height:1.25;font-weight:700}
.bub.md h1{font-size:1.18rem}.bub.md h2{font-size:1.07rem}.bub.md h3{font-size:.98rem}.bub.md h4{font-size:.92rem}
.bub.md ul,.bub.md ol{margin:.4rem 0;padding-left:1.35rem}
.bub.md li{margin:.22rem 0}
.bub.md li>p{margin:.2rem 0}
.bub.md strong{font-weight:700}
.bub.md code{background:#ececf1;border-radius:4px;padding:.08rem .32rem;font-family:ui-monospace,'SF Mono',Consolas,monospace;font-size:.86em}
.bub.md pre{background:#1e1e28;color:#f3f3f6;border-radius:8px;padding:.7rem .85rem;overflow-x:auto;margin:.55rem 0}
.bub.md pre code{background:none;color:inherit;padding:0;font-size:.82rem}
.bub.md a{color:var(--red);text-decoration:underline}
.bub.md blockquote{border-left:3px solid var(--line);margin:.5rem 0;padding-left:.7rem;color:var(--gray)}
.bub.md table{border-collapse:collapse;margin:.55rem 0;font-size:.86em}
.bub.md th,.bub.md td{border:1px solid var(--line);padding:.32rem .55rem;text-align:left}
.bub.md th{background:#f7f9fc}
.bub.md hr{border:none;border-top:1px solid var(--line);margin:.7rem 0}
.bub.agent.md{max-width:92%}

/* Sage: section-page red-bar-only + dropdown expand */
.wc-left{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;min-width:0}
.wc-toggle{color:#fff;text-decoration:none;font-weight:700;font-size:.78rem;opacity:.92;white-space:nowrap;margin-left:.8rem;flex:none}
.wc-toggle:hover{opacity:1;text-decoration:underline}
#workchat.sec.collapsed #wc-log,#workchat.sec.collapsed #wc-form{display:none}
#workchat.sec.collapsed .wc-body{display:none}
#workchat.sec.peek #wc-log{max-height:319px}
#workchat.sec.peek.expanded #wc-log{max-height:95vh}

/* Home page Sage box: 50% larger resting size */
#workchat:not(.sec):not(.expanded) #wc-log{max-height:319px}

/* Sage attachments + folder */
.wc-iconbtn{background:#f2f2f4;border:1px solid var(--line);border-radius:8px;font-size:1.05rem;line-height:1;padding:.45rem .55rem;cursor:pointer}
.wc-iconbtn:hover{background:#e9e9ee;border-color:var(--red)}
.wc-atts{display:flex;flex-wrap:wrap;gap:.35rem;padding:0 .6rem}
.wc-atts:not(:empty){padding:.4rem .6rem}
.attchip{display:inline-flex;align-items:center;gap:.3rem;background:#f2f5fb;border:1px solid #dfe7f3;border-radius:14px;padding:.15rem .55rem;font-size:.8rem;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.attchip.pending{opacity:.6}
.attchip.mini{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.35);color:#fff}
.attchip .attx{color:#c0392b;text-decoration:none;font-weight:700}
.bub-atts{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.35rem}
.wc-folder{padding:.4rem .6rem;font-size:.82rem;background:#f7f9fc;border-top:1px solid var(--line)}
.wc-folder a{color:var(--red);text-decoration:none;font-weight:600}
.fp-ov{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:9998;display:flex;align-items:center;justify-content:center}
.fp-box{background:#fff;border-radius:12px;border-top:4px solid var(--red);width:min(560px,94vw);max-height:80vh;display:flex;flex-direction:column;box-shadow:0 14px 48px rgba(0,0,0,.3)}
.fp-head{font-weight:700;padding:.8rem 1rem;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.fp-head .fp-close{color:#888;text-decoration:none}
.fp-path{padding:.4rem 1rem}
.fp-list{overflow-y:auto;padding:.3rem .6rem;flex:1}
.fp-row{padding:.4rem .5rem;border-radius:6px;cursor:pointer}
.fp-row:hover{background:#f2f5fb}
.fp-file{padding:.3rem .5rem;color:#6b7688}
.fp-foot{padding:.7rem 1rem;border-top:1px solid var(--line);display:flex;align-items:center;gap:.6rem}

/* Report back bar + High-Vol table (narrow Keyword/Recommended, visible Add, wrapping rows) */
.rpt-back{margin:.2rem 0 .7rem}
.rpt-back a{color:var(--red);font-weight:700;text-decoration:none;font-size:.9rem}
.rpt-back a:hover{text-decoration:underline}
.hv-tbl{table-layout:fixed;width:100%}
.hv-tbl th,.hv-tbl td{white-space:normal;word-break:break-word;overflow-wrap:anywhere;vertical-align:top}
.hv-tbl th:nth-child(1),.hv-tbl td:nth-child(1){width:15%}
.hv-tbl th:nth-child(2),.hv-tbl td:nth-child(2),
.hv-tbl th:nth-child(3),.hv-tbl td:nth-child(3),
.hv-tbl th:nth-child(4),.hv-tbl td:nth-child(4),
.hv-tbl th:nth-child(5),.hv-tbl td:nth-child(5),
.hv-tbl th:nth-child(6),.hv-tbl td:nth-child(6){width:9%}
.hv-tbl th:nth-child(7),.hv-tbl td:nth-child(7){width:18%}
.hv-tbl th:nth-child(8),.hv-tbl td:nth-child(8){width:13%}
.hv-tbl .hv-act{white-space:normal}
.hv-tbl .hv-act .button{display:inline-block;margin:1px}

/* Time Clock */
.tc-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;margin:0 0 1rem}
.tc-clockrow{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:.3rem 0 .6rem}
.tc-clock{font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums;color:#0e7490;min-width:120px}
.tc-table{width:100%;border-collapse:collapse;margin:.3rem 0}
.tc-table th,.tc-table td{border:1px solid #e2e8f0;padding:.35rem .5rem;text-align:left;font-size:.9rem}
.tc-table .tc-hr{text-align:right;font-variant-numeric:tabular-nums}
.tc-today{background:#ecfeff}
.tc-tot{font-weight:700;background:#f8fafc}
.tc-bal{margin:.6rem 0;padding:.6rem .8rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}
.tc-balrow{display:flex;align-items:center;gap:.5rem;margin:.2rem 0}
.tc-balrow input{width:90px;padding:.25rem}
.tc-weeks{margin-top:.6rem}
.tc-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}

/* Sage conversation rail (embedded home panel) */
.wc-body{display:flex;align-items:stretch}
.wc-rail{flex:0 0 230px;border-right:1px solid #eadfe0;padding:.5rem;display:flex;flex-direction:column;background:#fbf7f7;max-height:520px}
#wc-new{background:#b3122a;color:#fff;border:0;border-radius:8px;padding:.5rem;font-weight:700;cursor:pointer;margin-bottom:.5rem}
#wc-new:hover{opacity:.92}
#wc-convos{overflow-y:auto;flex:1}
.wc-cv{display:flex;align-items:center;gap:.3rem;padding:.4rem .5rem;border-radius:6px;cursor:pointer;font-size:.85rem;color:#444}
.wc-cv:hover{background:#f1e5e7}
.wc-cv.active{background:#f1d8dc;font-weight:600}
.wc-cv .t{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wc-cv .x{opacity:0;color:#b3122a;text-decoration:none;font-size:.8rem}
.wc-cv:hover .x{opacity:1}
.wc-chat{flex:1;min-width:0;display:flex;flex-direction:column}
@media(max-width:760px){ .wc-body{flex-direction:column} .wc-rail{flex-basis:auto;max-height:150px;border-right:0;border-bottom:1px solid #eadfe0} }

/* Dept-page Sage: red bar only (no chat) */
#workchat.sagebar{cursor:default}
#workchat.sagebar .wc-head{border-radius:12px}
.wc-openhome{color:#fff;text-decoration:underline;font-weight:600;font-size:.82rem;white-space:nowrap}
.wc-openhome:hover{opacity:.85}


/* Sage rail: projects + chat actions */
.rail-h{font-size:.7rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#9a7a7e;padding:.5rem .5rem .2rem;display:flex;justify-content:space-between;align-items:center}
.rail-add{color:#b3122a;text-decoration:none;font-weight:700}
.rail-projs{margin-bottom:.3rem}
.rail-proj{display:flex;align-items:center;gap:.2rem;padding:.35rem .5rem;border-radius:6px;cursor:pointer;font-size:.82rem;color:#444}
.rail-proj:hover{background:#f1e5e7}
.rail-proj.active{background:#f1d8dc;font-weight:600}
.rail-proj .t{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rail-proj .x{opacity:0;color:#b3122a;text-decoration:none;font-size:.72rem}
.rail-proj:hover .x{opacity:1}
.wc-cv .acts{display:flex;gap:.15rem;opacity:0}
.wc-cv:hover .acts{opacity:1}
.wc-cv .acts a{color:#b3122a;text-decoration:none;font-size:.75rem}

/* Management compact tiles */
.mgmt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem}
.mgmt-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;text-align:center;padding:.7rem .5rem;border:1px solid #e2e8f0;border-radius:10px;background:#fff;text-decoration:none;color:#222;font-size:.82rem}
.mgmt-tile:hover{background:#f8fafc;border-color:#cbd5e1}
.mgmt-tile .ic{font-size:1.4rem}
.mgmt-tile .t{font-weight:600;line-height:1.15}
/* CS training list */
.train-list{max-height:300px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:8px;padding:.3rem}
.train-list a{display:block;padding:.4rem .55rem;border-radius:6px;text-decoration:none;color:#0e7490;font-size:.9rem}
.train-list a:hover{background:#ecfeff}

/* Multiple Pages dropdown */
.multi-pages{position:relative;z-index:50}
.mp-btn{background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.35rem .7rem;font-size:.82rem;font-weight:600;color:#0e7490;cursor:pointer}
.mp-btn:hover{background:#f0f9ff}
.multi-pages .mp-menu{display:none;position:absolute;right:0;top:100%;margin-top:.2rem;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.15);min-width:210px;max-height:70vh;overflow:auto;padding:.25rem}
.multi-pages.open .mp-menu{display:block}
.multi-pages .mp-menu a{display:block;padding:.45rem .7rem;border-radius:6px;text-decoration:none;color:#222;font-size:.88rem}
.multi-pages .mp-menu a:hover{background:#ecfeff}

/* CS Tools: all boxes match the compact Find Substitutes size */
.cs-tools-grid .seo-hub-card{align-self:stretch;padding:.25rem .6rem;height:52px;overflow:hidden;align-items:center}
.cs-tools-grid .seo-hub-ic{font-size:1.05rem}
.cs-tools-grid .seo-hub-t{margin:0}
.cs-tools-grid .seo-hub-d{font-size:.72rem;line-height:1.2;margin:.05rem 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cs-tools-grid .seo-hub-d{display:none}

/* Ads review flow — Approved/Rejected footers, strategy page (2026-08-03) */
.recfoot{margin-top:.6rem;padding-top:.5rem;border-top:1px dashed #d9d9d9}
.stratbox{border-left:3px solid var(--red)}
.md h2{font-size:1.05rem;margin:1rem 0 .3rem}
.md h1{font-size:1.2rem;margin:.8rem 0 .3rem}
.md ul{margin:.3rem 0 .6rem 1.1rem}
.md li{margin:.2rem 0}
.md p{margin:.4rem 0}
.stratedit textarea{border:1px solid #ccc;border-radius:6px;padding:.5rem}