/* The next action comes first. Details use native closed sections. */
.tabs{flex-wrap:wrap;overflow:visible;gap:4px}
.subnav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.subnav a{padding:6px 12px;border-radius:999px;text-decoration:none;font-size:14px}
.subnav a[aria-current=page]{background:var(--card);box-shadow:inset 0 0 0 1px var(--field-line);color:var(--ink)}
.top img{object-fit:contain;background:var(--logo-chip);border-radius:5px}
.top picture img{width:74px;height:38px}
.page-title{margin:4px 0 8px}
.today-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;align-items:start}
.today-grid>*{min-width:0}
.next-card{padding:20px;border:1px solid var(--field-line);border-radius:16px;background:var(--card);margin-bottom:16px}
.next-card h2{font-size:24px}
.next-card p{margin:8px 0 12px}
.calm-list{margin:0;padding:0;list-style:none}
.calm-list li{padding:10px 0;border-bottom:1px solid var(--line)}
.calm-list li:last-child{border:0}
.calm-list li>a{font-weight:600}
.calm-list li>span{display:block;color:var(--muted);font-size:13px;margin-top:3px}
.list-more{margin:8px 0}
.list-more>summary{cursor:pointer;color:var(--accent);font-weight:600}
.calm-detail{border:1px solid var(--line);border-radius:14px;background:var(--card);margin:0 0 12px}
.calm-detail>summary{padding:13px 14px;cursor:pointer;font-weight:600}
.calm-detail>.more-body{padding:0 14px 14px}
.two-line{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.long-text{max-width:100%;margin:6px 0}
.long-text>summary{list-style:none;cursor:pointer}
.long-text>summary::-webkit-details-marker{display:none}
.long-text[open] .text-preview{display:none}
.long-text .text-toggle{font-size:13px;color:var(--accent)}
.ld-grid{display:block;max-width:780px;margin:auto}
.ld-grid .next-card{margin-bottom:14px}
.ld-grid .next-card h3{font-size:22px}
.ld-grid .ld-contact{margin:12px 0}
.ld-grid .about-line{margin:7px 0;font-size:14px}
.ld-grid #log-slot:empty{display:none}
.ld-head{position:static}
.ld-head .ld-title{min-width:0}
.ld-sub{overflow-wrap:anywhere}
.ld-card{margin-bottom:14px}
.ld-grid .ld-card>p{font-size:14px}
.ld-grid .quick{margin-bottom:10px}
.ld-grid .kv{grid-template-columns:minmax(80px,40%) minmax(0,1fr)}
.req-text,.req-answer{max-width:320px;min-width:150px;overflow-wrap:anywhere}
.cl-next{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.board{max-width:100%}
#section-options{display:grid;gap:12px;margin:16px 0}
#section-options input{width:18px;height:18px}
.btn:not(.primary):not(.link){border-color:var(--field-line)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
.tile b{color:var(--accent)}
.task .t-title{overflow-wrap:anywhere}
@media(max-width:600px){
  .top{position:static;padding:10px 12px;gap:8px;flex-wrap:wrap}
  .top h1{font-size:23px}
  .top .acct{margin-left:auto}
  .top .who{max-width:145px}
  .tabs{padding:0 10px}
  .tab{padding:8px 10px;font-size:14px}
  .wrap{padding:12px 10px 80px}
  .today-grid{grid-template-columns:minmax(0,1fr)}
  .next-card{padding:16px}
  .ld-grid{padding:12px}
  .ld-head{padding:14px}
  .ld-head h2{font-size:27px}
  .ld-grid .btn{white-space:normal;overflow-wrap:anywhere;max-width:100%}
  .ld-grid .two{grid-template-columns:minmax(0,1fr)}
  .drawer-box.wide{width:100%;max-width:100%;border-radius:0}
  .drawer{padding:0}
  .list td{overflow-wrap:anywhere}
}
input[type=checkbox],input[type=radio]{accent-color:var(--accent)}

.ci-box>summary{cursor:pointer;font-weight:600}.ci-box>summary~p{margin-top:14px!important}.ci-more{grid-column:1/-1}.ci-more>summary{cursor:pointer;margin-bottom:12px;color:var(--accent)}

/* CompanyOS embedded app. Keep this block equal in each app copy. */
html.hq-embedded{color-scheme:light;--bg:#f8fafc;--card:#fff;--ink:#202c39;--ink2:#475569;--muted:#586574;--line:#e0e5eb;--line2:#e0e5eb;--side:#fff;--chip:#f0f3f6;--font-display:var(--font-body,system-ui)}
.hq-embedded body{background:var(--bg);color:var(--ink)}
.hq-embedded .top>.bar,.hq-embedded .side>.brand,.hq-embedded .side>.foot,.hq-embedded .sidebar>.brand,.hq-embedded .sidebar-footer{display:none}
.hq-embedded .tabs a[href="/hq"],.hq-embedded .topbar a[href="/hq"]{display:none}
.hq-embedded .top .tabs{max-width:none;min-height:44px;gap:8px;padding:0 20px}
.hq-embedded .top .tabs a{padding:12px 8px;font-size:13px}
.hq-embedded body>main:not(.shell){max-width:none;padding:20px 24px 32px}
.hq-embedded .shell>main{max-width:none;padding:20px 24px 32px}
.hq-embedded .side{padding-top:12px;background:#fff}
.hq-embedded h1{font-size:26px;line-height:1.25;margin-top:0}
.hq-embedded .page-head,.hq-embedded .pagehead{margin-bottom:16px}
.hq-embedded #app>header.top{display:none}
.hq-embedded #app>nav.tabs{max-width:none;margin:0;padding:8px 20px;gap:4px;align-items:center;background:#fff;border-bottom:1px solid var(--line)}
.hq-embedded #app>nav.tabs #add{margin-left:auto;min-height:36px;padding:6px 12px;font-size:13px}
.hq-embedded #app>.wrap{max-width:none;padding:16px 24px 32px}
.hq-embedded #app>.wrap>.subnav{margin-bottom:12px;gap:6px}
.hq-embedded body[data-hq-chat]>header.top{display:none}
.hq-embedded main.shell#app{height:100dvh}
.hq-embedded .shell .side #open-settings{font-size:12px;margin-bottom:12px}
.hq-embedded .setup{margin:24px auto}
@media(max-width:600px){.hq-embedded body>main:not(.shell),.hq-embedded .shell>main,.hq-embedded #app>.wrap{padding:16px 12px 24px}.hq-embedded #app>nav.tabs{padding:6px 8px}.hq-embedded #app>nav.tabs .tab{font-size:12px;padding:8px}.hq-embedded .top .tabs{padding:0 8px;gap:0}.hq-embedded .conversation{height:68dvh}}

/* Cubs Corner brand inside the HQ frame too (Chase, 2026-10-19: "brand?"). The shared block above gives every app
   the plain CompanyOS colors and fonts. Cubs Leads keeps the Cubs Corner colors and fonts (Goudy Bookletter 1911,
   Montserrat), in light mode like the HQ. These values equal the light :root of style.css. */
:root.hq-embedded{--accent:#407373;--on-accent:#FFFFFF;--accent-2:#3D9B91;--button:#59C2A4;--on-button:#2B3238;--ink:#434C55;--muted:#616970;--bg:#F5F0EB;--card:#FFFFFF;--line:#DCD7D0;--field-line:#7D8389;--chip:#EAE5DF;--info-bg:#E4F5F1;--warn:#50627C;--warn-bg:#E2ECF0;--logo-chip:transparent;--shadow:0 1px 2px rgba(67,76,85,.07),0 6px 18px rgba(67,76,85,.06);--font-display:'Goudy Bookletter 1911',Georgia,'Times New Roman',serif;--font-body:Montserrat,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;--teal:var(--accent-2);--teal-dk:var(--accent);--btn:var(--button);--pale:var(--warn-bg);--cream:var(--bg);--mint:var(--info-bg);--tint:var(--info-bg);--ink2:#4F5860;--line2:#EEE9E3;--warn-ink:#8A4B0F;--warn-ink-bg:#FFF3E3;--bad:#B3261E;--bad-bg:#FDECEA;--ok:#2F7464;--ok-bg:#DDF3EC;--info:#3F6E99;--info-bg2:#E6EFF7;--waitlist:#5A4685;--waitlist-bg:#EDE6F7;--drawer-backdrop:rgba(30,37,41,.35);--modal-backdrop:rgba(30,37,41,.4);--tint:var(--info-bg);--side:#E2ECF0}
.hq-embedded #app>nav.tabs{background:var(--card)}
.hq-embedded .tab.on{background:var(--ink);color:var(--card)}