:root{
    --navy-0:#070f22;--navy-1:#0b1b3a;--navy-2:#10244b;--navy-3:#223c6a;--navy-4:#22417c;
    --brass:#c9a227;--brass-2:#e9c24a;--brass-bg:#2b2207;
    --sage:#3ba776;--sage-dim:#2c7d59;--slate:#879ab8;--slate-2:#3d4a66;
    --ink:#ecf1fa;--ink-2:#cbd6e6;--ink-3:#a6b2c2;--rust:#c66a4a;--rose:#b9799a;--rose-dim:#8a5674;
    --sky:#4a90c2;--card:#15161b;--card-bd:#3a3f49;
    --acc:var(--brass);
    /* One desktop workspace edge for every destination opened by the menu.
       Three rem is 48 CSS pixels: approximately the requested half inch. */
    --workspace-page-gutter:3rem;
    --display:'Space Grotesk',system-ui,sans-serif;--body:'Inter',system-ui,sans-serif;--mono:'IBM Plex Mono',monospace;
  }
  :root[data-theme="dim"]{
    --navy-0:#03070e;--navy-1:#0a1424;--navy-2:#0f2140;--navy-3:#294466;--navy-4:#345080;
    --ink:#f6f9fd;--ink-2:#dbe6f3;--ink-3:#a6b7cf;--slate:#93a4bc;
    --card:#0c0e14;--card-bd:#2b3140;--brass:#e0b93a;--brass-2:#f2ce58;--brass-bg:#241d06;
  }
  :root[data-theme="light"]{
    --navy-0:#eef1f7;--navy-1:#ffffff;--navy-2:#f4f7fb;--navy-3:#d3dbe8;--navy-4:#c2cde0;
    --ink:#0b1b3a;--ink-2:#33435c;--ink-3:#61728c;--slate:#61728c;
    --card:#ffffff;--card-bd:#dbe1ec;--brass:#b3891c;--brass-2:#8a6a12;--brass-bg:#f7efd4;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html,body{width:100%;max-width:100%}
  html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
  img,svg,video,canvas{max-width:100%}
  #app,.topbar,.frame,.content{max-width:100vw;overflow-x:clip}
  body{background:var(--navy-0);color:var(--ink);font-family:var(--body);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-wrap:break-word}
  ::selection{background:var(--acc);color:var(--navy-0)}
  button{font-family:inherit}

  /* ============================ LOGIN ============================ */
  #login{position:fixed;inset:0;z-index:100;background:radial-gradient(1200px 600px at 50% -10%, rgba(201,162,39,.10), transparent 60%),linear-gradient(180deg,var(--navy-1),var(--navy-0));display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2.2rem;padding:2rem;overflow-y:auto;transition:opacity .5s ease}
  .brandmark{display:flex;flex-direction:column;align-items:center;gap:.45rem}
  .compass{width:60px;height:60px}.compass svg{width:100%;height:100%}
  .brandmark h1{font-family:var(--display);font-weight:600;font-size:2rem;letter-spacing:.24em;text-transform:uppercase;padding-left:.24em}
  .brandmark .product-name{font-family:var(--display);font-size:.92rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;padding-left:.3em;color:var(--ink-2)}
  .brandmark .sub{font-family:var(--mono);font-size:.72rem;letter-spacing:.34em;color:var(--brass);text-transform:uppercase}
  .login-card{width:min(430px,100%);background:var(--navy-2);border:1px solid var(--navy-3);border-radius:14px;padding:1.8rem;box-shadow:0 30px 80px -30px rgba(0,0,0,.7)}
  .login-card .label{font-family:var(--mono);font-size:.66rem;letter-spacing:.22em;color:var(--ink-3);text-transform:uppercase;margin-bottom:.9rem;display:block}
  .client-list{display:flex;flex-direction:column;gap:.55rem;margin-bottom:1.3rem}
  .client-opt{display:flex;align-items:center;gap:1rem;background:var(--navy-1);border:1px solid var(--navy-3);border-radius:9px;padding:.85rem 1rem;cursor:pointer;transition:all .16s ease;text-align:left;width:100%}
  .client-opt:hover:not(.locked){transform:translateY(-1px)}
  .client-opt.sel{box-shadow:0 0 0 1px currentColor}
  .client-opt.sel.p{color:var(--rose)} .client-opt.sel.r{color:var(--brass)} .client-opt.sel.c{color:var(--sky)}
  .client-opt .cn{font-family:var(--display);font-weight:500;font-size:1rem;color:var(--ink)}
  .client-opt .meta{font-family:var(--mono);font-size:.64rem;color:var(--ink-3);letter-spacing:.04em;margin-top:.1rem}
  .client-opt.locked{opacity:.4;cursor:not-allowed}
  .client-opt .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
  .dot.p{background:var(--rose)} .dot.r{background:var(--brass)} .dot.c{background:var(--sky)} .dot.x{background:var(--slate-2)}
  .client-opt .type{margin-left:auto;font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .5rem;border-radius:4px}
  .type.p{color:var(--rose);background:rgba(185,121,154,.14)} .type.r{color:var(--brass);background:rgba(201,162,39,.12)} .type.c{color:var(--sky);background:rgba(74,144,194,.14)}
  .passcode{display:flex;gap:.5rem}
  .passcode input{flex:1;background:var(--navy-1);border:1px solid var(--navy-3);border-radius:8px;padding:.7rem .9rem;color:var(--ink);font-family:var(--mono);letter-spacing:.3em;font-size:.9rem}
  .passcode input:focus{outline:none;border-color:var(--acc)}
  .passcode input::placeholder{letter-spacing:.2em;color:var(--ink-3)}
  .btn{background:var(--acc);color:var(--navy-0);border:none;border-radius:8px;font-family:var(--display);font-weight:600;font-size:.85rem;letter-spacing:.04em;padding:.7rem 1.2rem;cursor:pointer;transition:all .16s ease}
  .btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
  .login-hint{font-family:var(--mono);font-size:.62rem;color:var(--ink-3);letter-spacing:.06em;margin-top:.9rem;text-align:center}
  .auth-password-wrap{display:flex;flex-direction:column;gap:.55rem}
  .auth-password-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:center}
  .auth-password-entry .in{min-width:0}
  .auth-password-toggle{align-self:stretch;background:var(--navy-1);border:1px solid var(--navy-3);border-radius:8px;color:var(--ink-2);cursor:pointer;font-family:var(--mono);font-size:.62rem;padding:.65rem .7rem;white-space:nowrap}
  .auth-password-toggle:hover,.auth-password-toggle:focus-visible{border-color:var(--acc);color:var(--ink);outline:none}
  .auth-password-rules{background:rgba(7,15,34,.42);border:1px solid var(--navy-3);border-radius:9px;padding:.7rem .8rem}
  .auth-password-rules ul{display:grid;grid-template-columns:1fr 1fr;gap:.35rem .7rem;list-style:none;margin:0;padding:0}
  .auth-password-rule{color:var(--ink-3);font-family:var(--mono);font-size:.62rem;line-height:1.35}
  .auth-password-rule .auth-rule-mark{display:inline-block;width:1.1rem;color:var(--slate)}
  .auth-password-rule.met{color:var(--sage)}
  .auth-password-rule.met .auth-rule-mark{color:var(--sage);font-weight:800}
  .auth-password-status{color:var(--ink-3);font-family:var(--mono);font-size:.58rem;margin-top:.45rem}
  .auth-password-save-note{color:var(--ink-3);font-size:.72rem;line-height:1.45}
  .auth-signin-submit{min-height:48px;font-size:.95rem}
  @keyframes bearingAutofillStart{from{opacity:.99}to{opacity:1}}
  input:-webkit-autofill{animation-name:bearingAutofillStart;animation-duration:.01s}
  .auth-portal-label{color:var(--ink-2);font-family:var(--mono);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase}
  .auth-portal-choices{display:grid;gap:.55rem;margin:.65rem 0 1rem}
  .auth-portal-option{padding:.72rem .8rem}
  .auth-portal-option.selected{border-color:var(--acc);background:rgba(173,139,73,.09);box-shadow:0 0 0 1px var(--acc)}
  .auth-portal-note{margin-bottom:.35rem}
  @media(max-width:430px){.auth-password-rules ul{grid-template-columns:1fr}.auth-password-entry{grid-template-columns:1fr}.auth-password-toggle{min-height:42px}}
  @media(max-height:700px){#login{justify-content:flex-start;gap:1rem}.brandmark{flex-shrink:0}.login-card{flex-shrink:0}}

  /* ============================ APP FRAME ============================ */
  #app{display:none;min-height:100vh}
  #app.on{display:flex;flex-direction:column}
  .topbar{position:sticky;top:0;z-index:40;background:rgba(11,27,58,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--navy-3);display:flex;align-items:center;justify-content:space-between;padding:.4rem 1.2rem;gap:1rem}  /* pass 12: ~55px — clears the 42px tap-target floor, stays in the 48–56 band */
  .tb-left{display:flex;align-items:center;gap:.9rem;min-width:0}
  .tb-ver{background:none;border:1px solid var(--navy-3);border-radius:999px;color:var(--brass-2);font-family:var(--mono);font-size:.6rem;letter-spacing:.04em;padding:.2rem .5rem;cursor:pointer;opacity:.85;flex-shrink:0;white-space:nowrap}
  .tb-ver:hover{opacity:1;border-color:var(--brass)}
  .menu-toggle{display:none;background:none;border:1px solid var(--navy-3);border-radius:7px;color:var(--ink-2);width:34px;height:32px;cursor:pointer;font-size:1.1rem;flex-shrink:0}
  .cmark{display:flex;align-items:center;gap:.55rem;flex-shrink:0}
  .cmark svg{width:24px;height:24px}
  .cmark .bn{display:flex;align-items:baseline;gap:.42rem;font-family:var(--display);text-transform:uppercase;padding-left:.2em;white-space:nowrap}
  .cmark .brand-parent{font-size:.78rem;font-weight:600;letter-spacing:.2em}
  .cmark .brand-product{font-size:.55rem;font-weight:500;letter-spacing:.14em;color:var(--ink-3)}
  .tb-client{display:flex;align-items:center;gap:.5rem;border-left:1px solid var(--navy-3);padding-left:.9rem;min-width:0}
  .tb-client .nm{font-family:var(--display);font-weight:500;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tb-client .ty{font-family:var(--mono);font-size:.54rem;letter-spacing:.1em;text-transform:uppercase;padding:.16rem .45rem;border-radius:4px;flex-shrink:0}
  .tb-right{display:flex;align-items:center;gap:.7rem;flex-shrink:0}
  .today-btn{font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--navy-0);background:var(--acc);border:none;border-radius:20px;padding:.35rem .9rem;cursor:pointer;font-weight:500}
  .today-btn.off{background:transparent;color:var(--ink-3);border:1px solid var(--navy-3)}
  .switch-btn{font-family:var(--mono);font-size:.62rem;color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;background:none;border:none;cursor:pointer}
  .switch-btn:hover{color:var(--ink-2)}

  .frame{display:grid;grid-template-columns:230px minmax(0,1fr);flex:1;max-width:none;margin:0 auto;width:100%}
  /* ---- menu rail ---- */
  .rail{border-right:1px solid var(--navy-3);padding:1rem .8rem;display:flex;flex-direction:column;gap:.2rem;position:sticky;top:49px;align-self:start;height:calc(100vh - 49px);overflow-y:auto}
  .search-wrap{position:relative;margin-bottom:.8rem}
  .search-wrap input{width:100%;background:var(--navy-2);border:1px solid var(--navy-3);border-radius:8px;padding:.55rem .75rem .55rem 2rem;color:var(--ink);font-family:var(--body);font-size:.85rem}
  .search-wrap input:focus{outline:none;border-color:var(--acc)}
  .search-wrap input::placeholder{color:var(--ink-3)}
  .search-wrap .si{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);color:var(--ink-3);font-size:.85rem}
  .add-arc{display:flex;align-items:center;gap:.5rem;background:linear-gradient(90deg,rgba(201,162,39,.14),transparent);border:1px solid var(--acc);border-radius:9px;padding:.6rem .75rem;cursor:pointer;color:var(--ink);width:100%;margin-bottom:.9rem;transition:all .15s}
  .add-arc:hover{background:linear-gradient(90deg,rgba(201,162,39,.22),transparent)}
  .add-arc .plus{width:20px;height:20px;border-radius:5px;background:var(--acc);color:var(--navy-0);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}
  .add-arc .aa-t{font-family:var(--display);font-weight:500;font-size:.82rem;text-align:left;line-height:1.2}
  .add-arc .aa-s{font-family:var(--mono);font-size:.54rem;color:var(--ink-3);letter-spacing:.04em;display:block;margin-top:.1rem}
  .menu-sec{font-family:var(--mono);font-size:.56rem;letter-spacing:.16em;color:var(--slate-2);text-transform:uppercase;padding:.7rem .75rem .35rem}
  .menu-item{display:flex;align-items:center;gap:.65rem;padding:.5rem .75rem;border-radius:8px;color:var(--ink-2);cursor:pointer;font-family:var(--display);font-weight:500;font-size:.96rem;transition:all .13s;border:none;background:none;width:100%;text-align:left}
  .menu-item:hover{background:var(--navy-2);color:var(--ink)}
  .menu-item.active{background:linear-gradient(90deg,rgba(201,162,39,.12),transparent);color:var(--ink)}
  .menu-item.active .mi-ic{color:var(--acc)}
  .menu-item .mi-ic{width:16px;color:var(--slate);font-size:.96rem;text-align:center;flex-shrink:0}
  .menu-item.sub{padding-left:2rem;font-weight:400;font-size:.91rem}
  .menu-item .mi-badge{margin-left:auto;font-family:var(--mono);font-size:.54rem;letter-spacing:.06em;text-transform:uppercase;color:var(--navy-0);background:var(--acc);border-radius:4px;padding:.08rem .4rem}
  .menu-item .mi-badge.owed{background:var(--rust)}
  .menu-empty{font-family:var(--mono);font-size:.7rem;color:var(--ink-3);padding:1rem .75rem;text-align:center}
  /* block/phase tree in the menu */
  .menu-item.blocktoggle .mi-caret{margin-left:auto;color:var(--slate);font-size:.7rem;transition:transform .15s}
  .menu-item.blocktoggle.open .mi-caret{transform:rotate(90deg)}
  .blocktree{display:none;flex-direction:column;gap:.1rem}
  .blocktree.open{display:flex}
  .menu-item.b{padding-left:2rem;font-size:.92rem;font-weight:400}
  .menu-item.b .mi-here{margin-left:auto;font-family:var(--mono);font-size:.5rem;letter-spacing:.06em;text-transform:uppercase;color:var(--navy-0);background:var(--acc);border-radius:3px;padding:.05rem .32rem}
  .phasetree{display:none;flex-direction:column}
  .phasetree.open{display:flex}
  .menu-item.ph{padding-left:3rem;font-size:.88rem;font-weight:400;color:var(--ink-3)}
  .menu-item.ph:hover{color:var(--ink-2)}
  .menu-item.ph .mi-ic{font-size:.6rem}
  /* search typeahead dropdown */
  .search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--navy-2);border:1px solid var(--acc);border-radius:9px;box-shadow:0 20px 50px -20px rgba(0,0,0,.7);z-index:60;max-height:340px;overflow-y:auto;display:none}
  .search-results.on{display:block}
  .sr-item{display:flex;align-items:center;gap:.6rem;padding:.55rem .8rem;cursor:pointer;border-bottom:1px solid rgba(24,49,98,.5)}
  .sr-item:last-child{border:none}
  .sr-item:hover,.sr-item.hi{background:var(--navy-3)}
  .sr-item .sr-ic{width:16px;color:var(--acc);font-size:.85rem;text-align:center;flex-shrink:0}
  .sr-item .sr-l{font-family:var(--display);font-weight:500;font-size:.88rem;color:var(--ink)}
  .sr-item .sr-ctx{font-family:var(--mono);font-size:.56rem;color:var(--ink-3);letter-spacing:.04em;margin-left:auto;text-transform:uppercase}
  .sr-none{padding:.8rem;font-family:var(--mono);font-size:.72rem;color:var(--ink-3);text-align:center}

  /* ---- content ---- */
  .content{width:100%;min-width:0;max-width:100%;padding:2rem var(--workspace-page-gutter) 5rem;min-height:calc(100vh - 49px)}
  .panel{display:none;animation:fade .3s ease}
  .panel.on{display:block}
  @keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
  .eyebrow{font-family:var(--mono);font-size:.64rem;letter-spacing:.22em;color:var(--slate);text-transform:uppercase;margin-bottom:.6rem}
  h1.big{font-family:var(--display);font-weight:600;font-size:1.9rem;line-height:1.14;letter-spacing:-.01em;margin-bottom:.5rem}
  .lede{font-size:1rem;color:var(--ink-2);max-width:640px;line-height:1.6}

  /* home landing */
  .home-hero{background:linear-gradient(160deg,var(--navy-2),var(--navy-1));border:1px solid var(--navy-3);border-radius:14px;padding:1.6rem 1.7rem;margin:1.2rem 0}
  .home-hero .hh-north{font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;color:var(--acc);text-transform:uppercase;margin-bottom:.5rem}
  .home-hero .hh-line{font-family:var(--display);font-weight:600;font-size:1.4rem;line-height:1.2;color:var(--ink)}
  .home-hero .hh-sub{font-size:.92rem;color:var(--ink-2);margin-top:.5rem;max-width:560px}
  .jump-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.7rem;margin-top:1.4rem}
  .jump{background:var(--navy-2);border:1px solid var(--navy-3);border-radius:11px;padding:1rem 1.1rem;cursor:pointer;transition:all .15s;text-align:left}
  .jump:hover{border-color:var(--acc);transform:translateY(-2px)}
  .jump .ji{font-size:1.2rem;margin-bottom:.4rem;display:block}
  .jump .jt{font-family:var(--display);font-weight:600;font-size:.98rem;color:var(--ink)}
  .jump .jd{font-size:.8rem;color:var(--ink-3);margin-top:.15rem}

  .stub{background:var(--navy-2);border:1px dashed var(--navy-4);border-radius:12px;padding:2rem;text-align:center;margin-top:1.4rem}
  .stub .si2{font-size:1.6rem;display:block;margin-bottom:.6rem;opacity:.7}
  .stub h3{font-family:var(--display);font-weight:600;font-size:1.05rem;color:var(--ink-2);margin-bottom:.4rem}
  .stub p{font-family:var(--mono);font-size:.72rem;color:var(--ink-3);letter-spacing:.03em;line-height:1.7;max-width:420px;margin:0 auto}
  .stub .tasktag{display:inline-block;margin-top:.8rem;font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--acc);border:1px solid var(--navy-3);border-radius:20px;padding:.25rem .7rem}

  /* ---- modal (add capture) ---- */
  .modal-bg{position:fixed;inset:0;z-index:80;background:rgba(4,8,18,.72);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:1.5rem}
  .modal-bg.on{display:flex;animation:fade .25s ease}
  .modal{width:min(500px,100%);background:var(--navy-1);border:1px solid var(--acc);border-radius:14px;padding:1.5rem;box-shadow:0 40px 100px -30px rgba(0,0,0,.8)}
  .modal .m-eye{font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;color:var(--acc);text-transform:uppercase;margin-bottom:.5rem}
  .modal h3{font-family:var(--display);font-weight:600;font-size:1.2rem;margin-bottom:.3rem}
  .modal .m-sub{font-size:.85rem;color:var(--ink-2);margin-bottom:1.1rem;line-height:1.5}
  .modal label{font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;color:var(--ink-3);text-transform:uppercase;display:block;margin-bottom:.4rem}
  .modal select,.modal textarea{width:100%;background:var(--navy-2);border:1px solid var(--navy-3);border-radius:8px;padding:.65rem .8rem;color:var(--ink);font-family:var(--body);font-size:.9rem;margin-bottom:1rem}
  .modal textarea{min-height:90px;resize:vertical}
  .modal select:focus,.modal textarea:focus{outline:none;border-color:var(--acc)}
  .m-actions{display:flex;gap:.6rem;justify-content:flex-end}
  .m-cancel{background:none;border:1px solid var(--navy-3);color:var(--ink-2);border-radius:8px;padding:.6rem 1rem;cursor:pointer;font-size:.85rem}
  .m-note{font-family:var(--mono);font-size:.58rem;color:var(--ink-3);letter-spacing:.03em;margin-top:.8rem;line-height:1.6;border-top:1px solid var(--navy-3);padding-top:.7rem}

  .rail-scrim{display:none}

  /* ===== arc content (Task 3) ===== */
  .backbtn{font-family:var(--mono);font-size:.72rem;letter-spacing:.05em;color:var(--brass-2);background:var(--navy-2);border:1px solid var(--navy-3);border-radius:8px;cursor:pointer;text-transform:uppercase;padding:.5rem .85rem;margin-bottom:.7rem;font-weight:700;display:inline-flex;align-items:center;gap:4px}
  .backbtn:hover{color:var(--acc);border-color:var(--brass)}
  .btn-del{background:rgba(226,87,76,.12);color:#E2574C;border:1px solid rgba(226,87,76,.42);border-radius:9px;padding:7px 12px;font-size:13px;font-weight:800;cursor:pointer;font-family:var(--display);line-height:1.1}
  .btn-del:hover{background:rgba(226,87,76,.2)}
  .btn-del.x{font-size:17px;padding:5px 12px;font-weight:700}
  .road{background:linear-gradient(160deg,var(--navy-2),var(--navy-1));border:1px solid var(--acc);border-radius:14px;padding:1.5rem;margin:1.2rem 0}
  .road .rl{font-family:var(--mono);font-size:.6rem;letter-spacing:.18em;color:var(--acc);text-transform:uppercase;margin-bottom:.7rem}
  .road p{font-size:1rem;line-height:1.7;color:var(--ink)} .road p b{color:var(--acc);font-weight:600}
  .northline{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:1.1rem;padding-top:1rem;border-top:1px solid var(--navy-3)}
  .northline .ni{display:flex;flex-direction:column;gap:.15rem}
  .northline .nl{font-family:var(--mono);font-size:.56rem;letter-spacing:.14em;color:var(--ink-3);text-transform:uppercase}
  .northline .nv{font-size:.88rem;color:var(--ink)}
  .floors{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.6rem;margin:1rem 0}
  .floor{background:var(--navy-2);border:1px solid var(--navy-3);border-left:2px solid var(--acc);border-radius:10px;padding:.85rem 1rem}
  .floor .fn{font-family:var(--display);font-weight:600;font-size:.92rem;color:var(--acc)} .floor .fd{font-size:.8rem;color:var(--ink-2);margin-top:.15rem}
  .sec-h{font-family:var(--display);font-weight:600;font-size:1.12rem;margin:2rem 0 .4rem;display:flex;align-items:baseline;gap:.7rem}
  .sec-h .sc{font-family:var(--mono);font-size:.62rem;color:var(--slate);letter-spacing:.05em;font-weight:400}
  .blockcards{display:flex;flex-direction:column;gap:.6rem;margin-top:.9rem}
  .blockcard{display:flex;gap:0;background:var(--navy-2);border:1px solid var(--navy-3);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .16s}
  .blockcard:hover{border-color:var(--acc);transform:translateX(3px)}
  .blockcard .spine{width:5px;flex-shrink:0}
  .blockcard .bc-in{padding:1rem 1.15rem;flex:1}
  .blockcard .bc-top{display:flex;align-items:center;gap:.6rem;margin-bottom:.25rem;flex-wrap:wrap}
  .blockcard .bc-age{font-family:var(--mono);font-size:.62rem;color:var(--ink-3)}
  .blockcard .bc-mode{font-family:var(--mono);font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;padding:.1rem .45rem;border-radius:4px;background:var(--navy-1);color:var(--slate)}
  .blockcard .bc-here{font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;color:var(--navy-0);background:var(--acc);padding:.1rem .45rem;border-radius:4px;font-weight:600}
  .blockcard h3{font-family:var(--display);font-weight:600;font-size:1.1rem;margin-bottom:.1rem} .blockcard .bc-tag{font-size:.86rem;color:var(--ink-2)}
  .blockcard .bc-arr{align-self:center;padding-right:1rem;color:var(--slate);font-size:1.1rem}
  .miniList{background:var(--navy-2);border:1px solid var(--navy-3);border-radius:12px;padding:1rem 1.2rem;margin-top:.8rem}
  .miniList .mr{display:flex;gap:.8rem;padding:.38rem 0;border-bottom:1px solid rgba(24,49,98,.5);align-items:baseline} .miniList .mr:last-child{border:none}
  .miniList .mk{font-family:var(--display);font-weight:600;font-size:.84rem;color:var(--ink);min-width:150px} .miniList .mv{font-size:.84rem;color:var(--ink-2)}
  .stmt{border-radius:12px;padding:1.1rem 1.25rem;margin:1rem 0}
  .stmt.recal{background:var(--navy-2);border:1px solid var(--navy-3);border-left:3px solid var(--sage)}
  .stmt.eye{background:rgba(201,162,39,.06);border:1px solid var(--navy-3);border-left:3px solid var(--brass)}
  .stmt .sl{font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.5rem}
  .stmt.recal .sl{color:var(--sage)} .stmt.eye .sl{color:var(--brass)}
  .stmt p{font-size:.95rem;line-height:1.6;color:var(--ink)} .stmt p b{color:var(--acc);font-weight:600}
  .card{background:var(--navy-2);border:1px solid var(--navy-3);border-radius:12px;padding:1.05rem 1.25rem;margin:1rem 0}
  .card h4{font-family:var(--display);font-weight:600;font-size:.98rem;margin-bottom:.5rem}
  .kv{display:grid;grid-template-columns:auto 1fr;gap:.32rem .85rem;margin:.25rem 0}
  .kv .k{font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;color:var(--ink-3);text-transform:uppercase;padding-top:.12rem} .kv .v{font-size:.86rem;color:var(--ink-2);line-height:1.5} .kv .v b{color:var(--ink)}
  .eng-pill{display:block;font-size:.85rem;color:var(--ink-2);margin:.15rem 0}
  .eng-pill .pr,.eng-pill .sc2{font-family:var(--mono);font-size:.54rem;letter-spacing:.1em;text-transform:uppercase;padding:.1rem .4rem;border-radius:4px;margin-right:.3rem}
  .eng-pill .pr{background:rgba(59,167,118,.14);color:var(--sage)} .eng-pill .sc2{background:var(--navy-1);color:var(--slate)}
  .law{background:linear-gradient(160deg,var(--navy-2),var(--navy-1));border:1px solid var(--brass);border-radius:12px;padding:1.1rem 1.25rem;margin:1rem 0}
  .law .lawq{font-family:var(--display);font-weight:600;font-size:1rem;color:var(--brass);margin-bottom:.8rem}
  .lawcol{margin:.6rem 0} .lawcol .lch{font-family:var(--display);font-weight:600;font-size:.88rem;margin-bottom:.3rem}
  .lawcol.take .lch{color:var(--sage)} .lawcol.refuse .lch{color:var(--rust)} .lawcol.tell .lch{color:var(--ink-2)}
  .lawcol ul{list-style:none;margin-left:1.3rem} .lawcol li{font-size:.84rem;color:var(--ink-2);position:relative;padding:.1rem 0;line-height:1.5}
  .lawcol li::before{position:absolute;left:-1.3rem} .lawcol.take li::before{content:"✓";color:var(--sage-dim)} .lawcol.refuse li::before{content:"✕";color:var(--rust)} .lawcol.tell li::before{content:"◎";color:var(--slate)}
  .reflexes{background:var(--navy-1);border:1px dashed var(--navy-4);border-radius:10px;padding:.85rem 1.05rem;margin:.8rem 0}
  .reflexes .rh{font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;color:var(--slate);text-transform:uppercase;margin-bottom:.45rem}
  .reflex{font-size:.85rem;color:var(--ink);padding:.26rem 0;line-height:1.5;border-bottom:1px solid rgba(24,49,98,.4)} .reflex:last-child{border:none}
  .reflex .op{font-family:var(--mono);font-weight:500;font-size:.68rem;letter-spacing:.05em;padding:.05rem .35rem;border-radius:3px;margin-right:.12rem}
  .op-if{background:rgba(201,162,39,.16);color:var(--brass)} .op-then{background:rgba(59,167,118,.14);color:var(--sage)} .op-when{background:rgba(90,107,140,.2);color:var(--ink-2)} .op-do{background:rgba(59,167,118,.14);color:var(--sage)} .op-dont{background:rgba(198,106,74,.16);color:var(--rust)}
  .drift{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.55rem;margin:.9rem 0}
  .driftcard{background:var(--navy-1);border:1px solid var(--navy-3);border-radius:9px;padding:.8rem .9rem}
  .driftcard .dn{font-family:var(--display);font-weight:600;font-size:.84rem;color:var(--rust);margin-bottom:.2rem} .driftcard .dt{font-size:.8rem;color:var(--ink-2);margin-bottom:.3rem;line-height:1.4} .driftcard .df{font-size:.8rem;color:var(--ink);line-height:1.4} .driftcard .df b{color:var(--sage)}
  .oncourse{background:color-mix(in srgb,var(--sage) 9%,var(--navy-1));border:1px solid color-mix(in srgb,var(--sage) 40%,var(--navy-3));border-radius:9px;padding:.85rem .95rem;margin:.9rem 0 .55rem} .oncourse .ocn{font-family:var(--display);font-weight:600;font-size:.86rem;color:var(--sage);margin-bottom:.28rem;display:flex;align-items:center;gap:.4rem} .oncourse .ocr{font-size:.82rem;color:var(--ink);line-height:1.45;margin-bottom:.5rem} .oncourse .och{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);margin-bottom:.3rem} .oncourse ul{margin:0;padding-left:1.05rem} .oncourse li{font-size:.8rem;color:var(--ink);line-height:1.45;margin-bottom:.18rem} .oncourse li b{color:var(--sage)}
  .pstate{margin:1rem 0} .pstate .awaiting{background:color-mix(in srgb,var(--slate) 14%,var(--navy-1));border:1px dashed color-mix(in srgb,var(--slate) 45%,var(--navy-3));border-radius:8px;padding:.6rem .8rem;margin-bottom:.7rem;font-size:.76rem;color:var(--ink-2);line-height:1.4;display:flex;align-items:center;gap:.5rem} .pstate .awaiting b{color:var(--ink);font-weight:600}
  .plad{display:grid;gap:.4rem} .pladrung{display:grid;grid-template-columns:auto 1fr;gap:.6rem;align-items:start;background:var(--navy-1);border:1px solid var(--navy-3);border-left-width:3px;border-radius:8px;padding:.6rem .75rem} .pladrung .pnum{font-family:var(--mono);font-size:.72rem;font-weight:600;color:var(--ink-2);background:var(--navy-2);border-radius:5px;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center} .pladrung .pnm{font-family:var(--display);font-weight:600;font-size:.82rem;margin-bottom:.15rem} .pladrung .psig{font-size:.78rem;color:var(--ink-2);line-height:1.42} .pladrung .psig b{color:var(--ink)}
  .pladrung.r1{border-left-color:var(--rust)} .pladrung.r1 .pnm{color:var(--rust)} .pladrung.r2{border-left-color:var(--brass)} .pladrung.r2 .pnm{color:var(--brass)} .pladrung.r3{border-left-color:var(--sky)} .pladrung.r3 .pnm{color:var(--sky)} .pladrung.r4{border-left-color:color-mix(in srgb,var(--sage) 70%,var(--sky))} .pladrung.r4 .pnm{color:color-mix(in srgb,var(--sage) 70%,var(--sky))} .pladrung.r5{border-left-color:var(--sage)} .pladrung.r5 .pnm{color:var(--sage)}
  .pfork{display:grid;gap:.5rem;margin:.4rem 0} .pforkrow{display:grid;grid-template-columns:auto 1fr;gap:.65rem;align-items:start;background:var(--navy-1);border:1px solid var(--navy-3);border-radius:8px;padding:.65rem .8rem} .pforkrow .fki{font-size:1rem;line-height:1.2;margin-top:.05rem} .pforkrow .fkc{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:.2rem} .pforkrow .fkt{font-size:.82rem;color:var(--ink);line-height:1.45} .pforkrow .fkt .tbd{color:var(--ink-2);font-style:italic} .pforkrow .fkt b{color:var(--sky)}
  .pforkrow.right{border-left:3px solid var(--sage)} .pforkrow.right .fkc{color:var(--sage)} .pforkrow.wrong{border-left:3px solid var(--rust)} .pforkrow.wrong .fkc{color:var(--rust)} .pforkrow.still{border-left:3px solid var(--brass)} .pforkrow.still .fkc{color:var(--brass)}
  .picker{margin:1.2rem 0} .picker .ph1{font-family:var(--mono);font-size:.64rem;letter-spacing:.08em;color:var(--slate);text-transform:uppercase;margin-bottom:.6rem}
  .pills{display:flex;flex-direction:column;gap:.5rem}
  .pill{display:flex;align-items:center;gap:.8rem;background:var(--navy-2);border:1px solid var(--navy-3);border-radius:10px;padding:.8rem 1rem;cursor:pointer;text-align:left;transition:all .15s;width:100%}
  .pill:hover{border-color:var(--acc);transform:translateX(3px)}
  .pill .pn{font-family:var(--mono);font-size:.68rem;color:var(--acc);letter-spacing:.06em;min-width:56px} .pill .pl{font-family:var(--display);font-weight:500;font-size:.96rem;flex:1} .pill .pmeta{font-family:var(--mono);font-size:.56rem;color:var(--ink-3)} .pill .parr{color:var(--slate)}
  /* lenses — differentiated by family + per-lens glyph */
  .lens{background:var(--navy-2);border:1px solid var(--navy-3);border-radius:12px;margin:.7rem 0;overflow:hidden}
  .lens-head{display:flex;align-items:center;gap:.65rem;padding:.62rem .85rem;border-bottom:1px solid var(--navy-3)}
  .lens-glyph{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .lens-glyph svg{width:16px;height:16px;display:block}
  .lens-name{font-family:var(--display);font-weight:600;font-size:.95rem;color:var(--ink);letter-spacing:.01em}
  .lens-kind{margin-left:auto;font-family:var(--mono);font-size:.52rem;letter-spacing:.14em;text-transform:uppercase;padding:.18rem .5rem;border-radius:4px}
  .lens-body{padding:.8rem .9rem}
  .lens.read .lens-head{background:linear-gradient(90deg,rgba(74,144,194,.13),transparent)}
  .lens.read .lens-glyph{background:rgba(74,144,194,.16);color:var(--sky)}
  .lens.read .lens-kind{background:rgba(74,144,194,.14);color:var(--sky)}
  .lens.move .lens-head{background:linear-gradient(90deg,rgba(201,162,39,.13),transparent)}
  .lens.move .lens-glyph{background:rgba(201,162,39,.16);color:var(--acc)}
  .lens.move .lens-kind{background:rgba(201,162,39,.14);color:var(--acc)}
  .field{display:flex;gap:.85rem;padding:.5rem 0;border-bottom:1px solid rgba(24,49,98,.5)}
  .field:first-child{padding-top:0} .field:last-child{border:none;padding-bottom:0}
  .field-k{font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sky);min-width:74px;padding-top:.2rem;flex-shrink:0}
  .field-v{font-size:.87rem;color:var(--ink);line-height:1.5}
  .lens .larena{font-size:.86rem;color:var(--ink-2);font-style:italic;margin-bottom:.55rem;padding-bottom:.5rem;border-bottom:1px dashed var(--navy-3)}
  .lmoverow{margin-bottom:.5rem}
  .lens .lmove{font-size:.87rem;color:var(--ink);padding-left:1.2rem;position:relative;margin:.28rem 0;line-height:1.45}
  .lens .lmove::before{content:"";position:absolute;left:.15rem;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--acc)}
  .lens .lcarries{font-family:var(--mono);font-size:.62rem;color:var(--slate);margin-top:.5rem;padding-top:.45rem;border-top:1px solid rgba(24,49,98,.5);letter-spacing:.03em}
  .gate{background:var(--navy-1);border:1px solid var(--navy-3);border-radius:9px;padding:.7rem 1rem;margin:.8rem 0;font-size:.86rem;color:var(--ink-2)} .gate b{color:var(--acc);font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase}
  .gobtn{display:block;width:100%;background:linear-gradient(90deg,rgba(201,162,39,.16),var(--navy-2));border:1px solid var(--acc);border-radius:12px;padding:1rem 1.2rem;margin:1.3rem 0;cursor:pointer;text-align:left;transition:all .16s}
  .gobtn:hover{transform:translateY(-1px)} .gobtn .gt{font-family:var(--display);font-weight:600;font-size:1rem;color:var(--ink);margin-bottom:.1rem;display:flex;justify-content:space-between} .gobtn .gd{font-size:.83rem;color:var(--ink-2)}
  .far-note{background:rgba(185,121,154,.06);border:1px solid var(--navy-3);border-radius:10px;padding:1rem 1.2rem;font-size:.85rem;color:var(--ink-2);line-height:1.55;margin-top:1rem}

  /* calendar / day / task (Pass 2) */
  .months{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem}
  .monthcard{background:var(--navy-2);border:1px solid var(--navy-3);border-radius:11px;padding:.95rem 1.15rem;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:space-between;gap:1rem}
  .monthcard:hover{border-color:var(--acc);transform:translateX(3px)}
  .monthcard .mn{font-family:var(--display);font-weight:600;font-size:1.05rem;display:flex;align-items:center;gap:.6rem}
  .monthcard .mnow{font-family:var(--mono);font-size:.54rem;letter-spacing:.1em;text-transform:uppercase;color:var(--navy-0);background:var(--acc);padding:.1rem .45rem;border-radius:4px}
  .monthcard .maim{font-size:.84rem;color:var(--ink-2);margin-top:.15rem}
  .monthcard .mcount{font-family:var(--mono);font-size:.62rem;color:var(--slate);white-space:nowrap}
  .daygrid{display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem;margin-top:1rem}
  .dow{font-family:var(--mono);font-size:.56rem;letter-spacing:.06em;color:var(--ink-3);text-align:center;text-transform:uppercase;padding-bottom:.2rem}
  .daycell{aspect-ratio:1;background:var(--navy-2);border:1px solid var(--navy-3);border-radius:8px;padding:.35rem;cursor:pointer;display:flex;flex-direction:column;transition:all .14s;min-height:58px}
  .daycell:hover{border-color:var(--acc)}
  .daycell.empty{background:transparent;border:none;cursor:default}
  .daycell.none{opacity:.4;cursor:default}
  .daycell.today{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc)}
  .daycell .dnum{font-family:var(--mono);font-size:.64rem;color:var(--ink-2)}
  .daycell.today .dnum{color:var(--acc);font-weight:600}
  .daycell .dtasks{margin-top:auto;display:flex;flex-direction:column;gap:2px}
  .daycell .dtask{height:3px;border-radius:2px;background:var(--slate)}
  .daycell .dtask.floor{background:var(--rose)} .daycell .dtask.done{background:var(--sage)}
  .daycell .dmore{font-family:var(--mono);font-size:.48rem;color:var(--ink-3)}
  .tasklist{margin-top:1rem;display:flex;flex-direction:column;gap:.55rem}
  .taskrow{background:var(--navy-2);border:1px solid var(--navy-3);border-radius:11px;padding:.85rem 1rem;display:flex;gap:.8rem;transition:all .15s}
  .taskrow:hover{border-color:var(--acc)}
  .taskrow.floor{border-left:2px solid var(--rose)}
  .taskrow.done{opacity:.55} .taskrow.done .tr-task{text-decoration:line-through;text-decoration-color:var(--sage-dim)}
  .tr-check{flex-shrink:0;width:22px;height:22px;border:1.5px solid var(--slate);border-radius:6px;position:relative;transition:all .15s;margin-top:1px;cursor:pointer}
  .tr-check:hover{border-color:var(--sage)} .tr-check.on{background:var(--sage);border-color:var(--sage)}
  .tr-check.on::after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--navy-0);font-size:.8rem;font-weight:700}
  .tr-body{flex:1;cursor:pointer} .tr-task{font-family:var(--display);font-weight:500;font-size:.96rem;margin-bottom:.1rem} .tr-serves{font-family:var(--mono);font-size:.58rem;letter-spacing:.04em;color:var(--slate)} .tr-serves b{color:var(--acc)}
  .tr-arr{align-self:center;color:var(--slate);cursor:pointer}
  .td-detail{background:var(--navy-2);border:1px solid var(--navy-3);border-radius:12px;padding:1.1rem 1.25rem;margin:1rem 0}
  .td-detail .tdk{font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;color:var(--ink-3);text-transform:uppercase;margin:.9rem 0 .25rem} .td-detail .tdk:first-child{margin-top:0} .td-detail .tdv{font-size:.92rem;color:var(--ink);line-height:1.6}
  .bigcheck{display:flex;align-items:center;gap:.8rem;background:var(--navy-1);border:1px solid var(--navy-3);border-radius:11px;padding:.95rem 1.2rem;margin:1rem 0;cursor:pointer}
  .bigcheck .tr-check{width:26px;height:26px} .bigcheck .bctext{font-family:var(--display);font-weight:500;font-size:.94rem}
  /* Simple Idea "the words" — expandable section */
  .words{background:linear-gradient(160deg,var(--navy-2),var(--navy-1));border:1px solid var(--acc);border-radius:12px;padding:.9rem 1.15rem;margin:1.1rem 0}
  .words-toggle{display:flex;align-items:center;gap:.5rem;width:100%;background:none;border:none;cursor:pointer;padding:0;color:var(--acc);font-family:var(--display);font-weight:600;font-size:.96rem;text-align:left}
  .words-toggle svg{width:15px;height:15px;flex-shrink:0}
  .words-tag{font-family:var(--mono);font-size:.54rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);background:var(--navy-1);border:1px solid var(--navy-3);padding:.15rem .45rem;border-radius:4px}
  .words-peek{margin-left:auto;font-family:var(--mono);font-size:.58rem;letter-spacing:.04em;color:var(--ink-3);white-space:nowrap}
  .words-caret{color:var(--slate);font-size:.7rem;transition:transform .15s;margin-left:.5rem;flex-shrink:0}
  .words.open .words-caret{transform:rotate(90deg)} .words.open .words-peek{display:none}
  .words-body{display:none;margin-top:.9rem}
  .words.open .words-body{display:block}
  .words-fields{display:grid;grid-template-columns:auto 1fr;gap:.32rem .8rem;margin-bottom:.75rem}
  .words-fields .wf-k{font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);padding-top:.18rem}
  .words-fields .wf-v{font-size:.85rem;color:var(--ink-2);line-height:1.5}
  .words-hook{font-size:.82rem;color:var(--ink-3);font-style:italic;margin-bottom:.6rem;padding-left:.75rem;border-left:2px solid var(--navy-3)}
  .words-draft{background:var(--navy-0);border:1px solid var(--navy-3);border-radius:9px;padding:.9rem 1.05rem;font-size:1.02rem;color:var(--ink);line-height:1.6}
  .words-conf{font-family:var(--mono);font-size:.58rem;letter-spacing:.03em;margin-top:.6rem;color:var(--slate);line-height:1.5;display:flex;gap:.4rem}
  .words-conf::before{content:"●";flex-shrink:0}
  .words-conf.conf-grounded{color:var(--sage)} .words-conf.conf-partial{color:var(--brass)} .words-conf.conf-thin{color:var(--rust)}
  /* deeper engine layers: motion + chain (expandable) */
  .depth{background:var(--navy-2);border:1px solid var(--navy-3);border-radius:12px;padding:.9rem 1.15rem;margin:.8rem 0}
  .depth.motion{border-left:2px solid var(--slate)} .depth.chain{border-left:2px solid var(--sage)}
  .depth-toggle{display:flex;align-items:center;gap:.5rem;width:100%;background:none;border:none;cursor:pointer;padding:0;font-family:var(--display);font-weight:600;font-size:.94rem;text-align:left;color:var(--ink)}
  .depth-toggle svg{width:15px;height:15px;flex-shrink:0;color:var(--slate)}
  .depth.chain .depth-toggle svg{color:var(--sage)}
  .mt{font-family:var(--mono);font-size:.54rem;letter-spacing:.1em;padding:.12rem .45rem;border-radius:4px;background:var(--navy-1);color:var(--slate);border:1px solid var(--navy-3)}
  .depth-peek{margin-left:auto;font-family:var(--mono);font-size:.58rem;color:var(--ink-3);white-space:nowrap;letter-spacing:.03em}
  .depth-caret{color:var(--slate);font-size:.7rem;transition:transform .15s;margin-left:.5rem;flex-shrink:0}
  .depth.open .depth-caret{transform:rotate(90deg)} .depth.open .depth-peek{display:none}
  .depth-body{display:none;margin-top:.85rem}
  .depth.open .depth-body{display:block}
  .depth .motion-name{font-family:var(--display);font-weight:500;font-size:.9rem;color:var(--slate);margin-bottom:.35rem}
  .depth-p{font-size:.87rem;color:var(--ink-2);line-height:1.55}
  .chain-stage{background:var(--navy-1);border:1px solid var(--navy-3);border-radius:8px;padding:.6rem .8rem}
  .chain-stage .cs-k{font-family:var(--mono);font-size:.54rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sage);margin-bottom:.15rem}
  .chain-stage .cs-v{font-size:.86rem;color:var(--ink);line-height:1.45}
  .chain-arrow{text-align:center;color:var(--slate);font-size:.9rem;margin:.22rem 0}

  /* ===== intake page (add a client) ===== */
  #intake{position:fixed;inset:0;z-index:90;background:radial-gradient(1000px 500px at 50% -10%, rgba(201,162,39,.08), transparent 60%),linear-gradient(180deg,var(--navy-1),var(--navy-0));overflow-y:auto;display:none;padding:2rem 1.2rem 4rem}
  #intake.on{display:block}
  .intake-wrap{max-width:640px;margin:0 auto}
  .intake-back{background:none;border:none;color:var(--ink-3);font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:.3rem 0}
  .intake-back:hover{color:var(--acc)}
  .intake-h{font-family:var(--display);font-weight:600;font-size:1.7rem;margin-top:.7rem;letter-spacing:-.01em}
  .intake-sub{font-size:.9rem;color:var(--ink-2);margin-top:.35rem;line-height:1.55;max-width:560px}
  .ifield{margin-bottom:1rem}
  .ifield label{font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);display:block;margin-bottom:.4rem}
  .ifield input,.ifield textarea{width:100%;background:var(--navy-2);border:1px solid var(--navy-3);border-radius:9px;padding:.7rem .85rem;color:var(--ink);font-family:var(--body);font-size:.92rem}
  .ifield textarea{resize:vertical;line-height:1.55;min-height:56px}
  .ifield input:focus,.ifield textarea:focus{outline:none;border-color:var(--acc)}
  .ifield input::placeholder,.ifield textarea::placeholder{color:var(--ink-3)}
  .itype{display:flex;gap:.5rem;margin:.3rem 0 1.5rem}
  .itype-btn{flex:1;background:var(--navy-2);border:1px solid var(--navy-3);border-radius:9px;padding:.75rem;color:var(--ink-2);font-family:var(--display);font-weight:500;font-size:.88rem;cursor:pointer;transition:all .14s}
  .itype-btn.on{border-color:var(--acc);color:var(--ink);background:linear-gradient(90deg,rgba(201,162,39,.1),var(--navy-2))}
  .isec{font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--slate);margin:1.5rem 0 .7rem;padding-top:1.1rem;border-top:1px solid var(--navy-3)}
  .ipeople{margin:1.5rem 0;padding-top:1.2rem;border-top:1px solid var(--navy-3)}
  .ipeople-h{margin-bottom:.85rem}
  .ipeople-h .iph-t{font-family:var(--display);font-weight:600;font-size:1.08rem}
  .ipeople-h .ip-note{font-family:var(--mono);font-size:.6rem;color:var(--ink-3);letter-spacing:.03em;display:block;margin-top:.2rem}
  .ip-empty{font-family:var(--mono);font-size:.72rem;color:var(--ink-3);padding:1.1rem;text-align:center;border:1px dashed var(--navy-3);border-radius:9px;line-height:1.7;margin-bottom:.8rem}
  .person-card{background:var(--navy-2);border:1px solid var(--navy-3);border-radius:11px;padding:1rem 1.1rem;margin-bottom:.8rem}
  .pc-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}
  .pc-n{font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--acc)}
  .pc-x{background:none;border:none;color:var(--ink-3);font-family:var(--mono);font-size:.6rem;cursor:pointer;text-transform:uppercase;letter-spacing:.06em}
  .pc-x:hover{color:var(--rust)}
  .add-person{width:100%;background:none;border:1px dashed var(--navy-4);border-radius:9px;padding:.75rem;color:var(--acc);font-family:var(--display);font-weight:500;font-size:.88rem;cursor:pointer;transition:all .14s}
  .add-person:hover{background:var(--navy-2)}
  .iresearch{margin:1.5rem 0 0;padding-top:1.2rem;border-top:1px solid var(--navy-3);display:flex;flex-direction:column;gap:.5rem}
  .research-btn{display:flex;align-items:center;gap:.6rem;background:var(--navy-2);border:1px solid var(--sky);border-radius:9px;padding:.8rem 1rem;color:var(--sky);font-family:var(--display);font-weight:500;font-size:.9rem;cursor:pointer;transition:all .14s}
  .research-btn:hover{background:rgba(74,144,194,.08)}
  .rb-note{font-family:var(--mono);font-size:.6rem;color:var(--ink-3);letter-spacing:.03em;line-height:1.55}
  .intake-actions{display:flex;gap:.7rem;justify-content:flex-end;margin-top:1.8rem}
  .client-opt.add{border-style:dashed}
  .dot.addp{background:var(--acc);color:var(--navy-0);width:16px;height:16px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700}

  /* Causation Matrix graph */
  .matrix-wrap{background:var(--navy-1);border:1px solid var(--navy-3);border-radius:12px;padding:.9rem;margin:.8rem 0;max-width:470px}
  .matrix-wrap svg{width:100%;height:auto;display:block}
  .matrix-read{font-size:.86rem;color:var(--ink-2);line-height:1.55;background:var(--navy-2);border:1px solid var(--navy-3);border-radius:10px;padding:.85rem 1rem;margin-bottom:.4rem}
  .matrix-read b{font-weight:600}

  /* Protect & Exit (§8.3) */
  .guard{border-radius:12px;padding:1rem 1.2rem;margin:.8rem 0}
  .guard.protect{background:rgba(185,121,154,.06);border:1px solid var(--navy-3);border-left:3px solid var(--rose)}
  .guard.exit{background:rgba(198,106,74,.06);border:1px solid var(--navy-3);border-left:3px solid var(--rust)}
  .guard-h{font-family:var(--display);font-weight:600;font-size:1rem;display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}
  .guard.protect .guard-h{color:var(--rose)} .guard.exit .guard-h{color:var(--rust)}
  .guard-h svg{width:16px;height:16px}
  .guard-lead{font-size:.92rem;color:var(--ink);line-height:1.55;margin-bottom:.55rem}
  .guard-cond{font-size:.92rem;color:var(--ink);line-height:1.6;background:var(--navy-1);border:1px solid var(--navy-3);border-radius:9px;padding:.75rem .9rem;margin-bottom:.5rem}
  .guard-list{list-style:none;margin:.4rem 0 .5rem}
  .guard-list li{font-size:.86rem;color:var(--ink-2);padding:.24rem 0 .24rem 1.1rem;position:relative;line-height:1.45}
  .guard.protect .guard-list li::before{content:"◆";position:absolute;left:0;color:var(--rose);font-size:.6rem;top:.45em}
  .guard-note{font-size:.82rem;color:var(--ink-3);line-height:1.5;font-style:italic;margin-top:.3rem}
  .falsegain{display:flex;gap:.6rem;background:rgba(201,162,39,.08);border:1px solid var(--brass);border-radius:10px;padding:.8rem 1rem;font-size:.85rem;color:var(--ink-2);line-height:1.55;margin:.8rem 0}
  .falsegain .fg-ic{color:var(--brass);flex-shrink:0;font-size:1rem}

  /* feedback loop (§8.8 / Living Loop) */
  .fb{background:var(--navy-2);border:1px solid var(--navy-3);border-left:3px solid var(--sky);border-radius:12px;padding:1rem 1.15rem;margin:1rem 0}
  .fb-h{font-family:var(--display);font-weight:600;font-size:.98rem;color:var(--sky);display:flex;align-items:center;gap:.5rem;margin-bottom:.7rem;flex-wrap:wrap}
  .fb-h svg{width:16px;height:16px}
  .fb-sub{font-family:var(--mono);font-size:.58rem;color:var(--ink-3);letter-spacing:.03em;font-weight:400;flex-basis:100%}
  .fb-opts{display:flex;gap:.5rem;margin-bottom:.7rem;flex-wrap:wrap}
  .fb-opt{flex:1;min-width:92px;background:var(--navy-1);border:1px solid var(--navy-3);border-radius:8px;padding:.55rem;color:var(--ink-2);font-family:var(--display);font-weight:500;font-size:.85rem;cursor:pointer;transition:all .14s}
  .fb-opt:hover{border-color:var(--sky);color:var(--ink)}
  .fb-opt.on[data-o="moved"]{border-color:var(--sage);color:var(--sage);background:rgba(59,167,118,.08)}
  .fb-opt.on[data-o="mixed"]{border-color:var(--brass);color:var(--brass);background:rgba(201,162,39,.08)}
  .fb-opt.on[data-o="nothing"]{border-color:var(--rust);color:var(--rust);background:rgba(198,106,74,.08)}
  .fb-why-in{width:100%;background:var(--navy-1);border:1px solid var(--navy-3);border-radius:8px;padding:.65rem .8rem;color:var(--ink);font-family:var(--body);font-size:.88rem;min-height:64px;resize:vertical;margin-bottom:.7rem;line-height:1.5}
  .fb-why-in:focus{outline:none;border-color:var(--sky)}
  .fb-why-in::placeholder{color:var(--ink-3)}
  .fb-save{background:var(--sky);width:100%}
  .fb-recorded{border-radius:9px;padding:.7rem .9rem;font-size:.9rem;color:var(--ink)}
  .fb-recorded.fb-moved{background:rgba(59,167,118,.1);border:1px solid var(--sage-dim)}
  .fb-recorded.fb-mixed{background:rgba(201,162,39,.1);border:1px solid var(--brass)}
  .fb-recorded.fb-nothing{background:rgba(198,106,74,.1);border:1px solid var(--rust)}
  .fb-why{font-size:.85rem;color:var(--ink-2);margin-top:.35rem;line-height:1.5;font-style:italic}
  .fb-edit{background:none;border:none;color:var(--ink-3);font-family:var(--mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;margin-top:.5rem}
  .fb-edit:hover{color:var(--sky)}
  .fb-followup{display:flex;align-items:center;gap:.55rem;background:rgba(74,144,194,.08);border:1px solid var(--sky);border-radius:9px;padding:.65rem .9rem;margin-top:.9rem;font-size:.85rem;color:var(--ink-2);line-height:1.5}
  .fb-followup>span:first-child{color:var(--sky);font-size:1.05rem;flex-shrink:0}
  .lic.oc-moved{background:rgba(59,167,118,.16);color:var(--sage)}
  .lic.oc-nothing{background:rgba(198,106,74,.16);color:var(--rust)}
  .lic.oc-mixed{background:rgba(201,162,39,.16);color:var(--brass)}
  .log-why{font-size:.8rem;color:var(--ink-2);margin-top:.2rem;font-style:italic;line-height:1.45}
  /* done bar + feedback expander */
  .donebar{display:flex;align-items:center;gap:.7rem;background:var(--navy-1);border:1px solid var(--navy-3);border-radius:11px;padding:.8rem 1rem;margin:1rem 0}
  .done-label{font-family:var(--display);font-weight:600;font-size:.95rem;color:var(--sage)}
  .fb-toggle{margin-left:auto;display:flex;align-items:center;gap:.4rem;background:none;border:1px solid var(--navy-3);border-radius:20px;padding:.32rem .8rem;color:var(--sky);font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .14s}
  .fb-toggle:hover{border-color:var(--sky);background:rgba(74,144,194,.06)}
  .fb-toggle.open{border-color:var(--sky);background:rgba(74,144,194,.1)}
  .fb-toggle .fb-caret{font-size:.7rem;transition:transform .18s}
  .fb-toggle.open .fb-caret{transform:rotate(90deg)}
  .fb-box{display:none}
  .fb-box.open{display:block}

  /* People & Influence (§10) */
  .ppl{display:flex;flex-direction:column;gap:.7rem;margin:1.2rem 0}
  .pcard{background:var(--navy-2);border:1px solid var(--navy-3);border-radius:12px;padding:1.05rem 1.2rem;border-left:3px solid var(--slate-2)}
  .pcard.inf-high{border-left-color:var(--sky)} .pcard.inf-medium{border-left-color:var(--slate)} .pcard.inf-low{border-left-color:var(--slate-2)}
  .pc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.6rem}
  .pc-name{font-family:var(--display);font-weight:600;font-size:1.12rem;display:flex;align-items:center;gap:.5rem}
  .pc-added{font-family:var(--mono);font-size:.5rem;letter-spacing:.1em;text-transform:uppercase;color:var(--acc);border:1px solid var(--navy-3);border-radius:4px;padding:.05rem .35rem;font-weight:400}
  .pc-role{font-size:.86rem;color:var(--ink-2);margin-top:.1rem}
  .pc-inf{text-align:right;flex-shrink:0}
  .inf-bars{display:flex;gap:3px;justify-content:flex-end}
  .inf-seg{width:16px;height:5px;border-radius:2px;background:var(--navy-1);border:1px solid var(--navy-3)}
  .pcard.inf-high .inf-seg.on{background:var(--sky);border-color:var(--sky)}
  .pcard.inf-medium .inf-seg.on{background:var(--slate);border-color:var(--slate)}
  .pcard.inf-low .inf-seg.on{background:var(--slate-2);border-color:var(--slate-2)}
  .inf-lab{font-family:var(--mono);font-size:.54rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:.28rem}
  .pc-owns{display:flex;gap:.6rem;font-size:.87rem;color:var(--ink);margin:.5rem 0;line-height:1.5}
  .pc-owns .pc-k{font-family:var(--mono);font-size:.56rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding-top:.18rem;flex-shrink:0;min-width:82px}
  .pc-note{font-size:.86rem;color:var(--ink-2);line-height:1.55;margin:.4rem 0}
  .pc-read{font-size:.86rem;color:var(--ink);line-height:1.55;background:var(--navy-1);border:1px solid var(--navy-3);border-left:2px solid var(--sky);border-radius:8px;padding:.6rem .8rem;margin:.55rem 0}
  .pc-docs{display:flex;flex-direction:column;gap:.35rem;margin:.6rem 0}
  .cl-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin:.9rem 0 1.1rem}
  .cl-btn{background:var(--navy-1);border:1px solid var(--navy-3);border-radius:9px;padding:.6rem .9rem;color:var(--ink);font-family:inherit;font-size:.82rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:border-color .12s}
  .cl-btn:hover{border-color:var(--sky)}
  .cl-find{color:var(--sky)} .cl-comm{color:var(--sage)}
  .cl-newtag{font-family:var(--mono);font-size:.5rem;letter-spacing:.06em;text-transform:uppercase;color:var(--brass);border:1px solid var(--brass);border-radius:999px;padding:.05rem .3rem}
  .cl-stage{display:flex;align-items:center;gap:.5rem;margin:1.1rem 0 .5rem}
  .cl-dot{width:9px;height:9px;border-radius:999px;flex:0 0 auto}
  .cl-stname{font-size:.82rem;font-weight:700;color:var(--ink)} .cl-stn{font-size:.75rem;color:var(--ink-3)}
  .cl-row{display:flex;align-items:center;gap:.7rem;width:100%;text-align:left;background:var(--navy-1);border:1px solid var(--navy-3);border-radius:10px;padding:.7rem .85rem;margin-bottom:.45rem;cursor:pointer;font-family:inherit;transition:border-color .12s}
  .cl-row:hover{border-color:var(--sky)}
  .cl-rmain{flex:1;min-width:0} .cl-rname{font-size:.9rem;font-weight:600;color:var(--ink)} .cl-rtype{font-size:.74rem;color:var(--ink-3);margin-top:.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .cl-arr{color:var(--ink-3);flex:0 0 auto}
  .cl-fit{display:inline-block;border-radius:999px;padding:.12rem .5rem;font-size:.62rem;font-weight:700;flex:0 0 auto}
  .cl-fit-Ideal{background:color-mix(in srgb,var(--brass) 18%,var(--navy-0));color:var(--brass);border:1px solid color-mix(in srgb,var(--brass) 40%,transparent)}
  .cl-fit-Strong{background:color-mix(in srgb,var(--sky) 16%,var(--navy-0));color:var(--sky);border:1px solid color-mix(in srgb,var(--sky) 40%,transparent)}
  .cl-fit-Moderate{background:color-mix(in srgb,var(--sage) 14%,var(--navy-0));color:var(--sage);border:1px solid color-mix(in srgb,var(--sage) 36%,transparent)}
  .cl-fit-Skip,.cl-fit-Passed{background:color-mix(in srgb,var(--rust) 14%,var(--navy-0));color:var(--rust);border:1px solid color-mix(in srgb,var(--rust) 36%,transparent)}
  .cl-card{background:var(--navy-1);border:1px solid var(--navy-3);border-radius:13px;padding:1rem 1.1rem;margin-top:.8rem}
  .cl-cname{font-size:1.05rem;font-weight:700;color:var(--ink)} .cl-ctype{font-size:.8rem;color:var(--ink-3);margin-top:.1rem}
  .cl-badges{margin:.5rem 0 .7rem}
  .cl-kv{display:flex;gap:.6rem;padding:.4rem 0;border-top:1px solid var(--navy-2);font-size:.82rem}
  .cl-kv span{color:var(--ink-3);flex:0 0 8.5rem} .cl-kv b{color:var(--ink);font-weight:600}
  .cl-why{margin:.7rem 0;padding:.6rem .7rem;background:color-mix(in srgb,var(--sage) 8%,var(--navy-0));border-left:2px solid var(--sage);border-radius:6px;font-size:.82rem;color:var(--ink-2)}
  .cl-btnrow{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.8rem}
  .cl-abtn{border-radius:8px;padding:.5rem .7rem;font-size:.76rem;font-weight:700;cursor:pointer;border:1px solid transparent;font-family:inherit}
  .cl-abtn.ok{background:color-mix(in srgb,var(--sage) 18%,var(--navy-0));color:var(--sage);border-color:color-mix(in srgb,var(--sage) 34%,transparent)}
  .cl-abtn.gold{background:color-mix(in srgb,var(--brass) 18%,var(--navy-0));color:var(--brass);border-color:color-mix(in srgb,var(--brass) 34%,transparent)}
  .cl-abtn.warm{background:color-mix(in srgb,var(--rose) 14%,var(--navy-0));color:var(--rose);border-color:color-mix(in srgb,var(--rose) 30%,transparent)}
  .cl-abtn.blue{background:color-mix(in srgb,var(--sky) 16%,var(--navy-0));color:var(--sky);border-color:color-mix(in srgb,var(--sky) 32%,transparent)}
  .cl-note{margin-top:.7rem;font-size:.68rem;color:var(--ink-3);font-family:var(--mono)}
  .cl-edit{font-family:var(--mono);font-size:.56rem;letter-spacing:.05em;text-transform:uppercase;color:var(--sky);background:none;border:1px solid var(--navy-3);border-radius:6px;padding:.15rem .45rem;cursor:pointer}
  .cl-dsa{margin-top:.35rem}
  .cl-dsarow{display:flex;gap:.6rem;padding:.35rem 0;border-top:1px solid var(--navy-2);font-size:.8rem}
  .cl-dsarow span{color:var(--ink-3);flex:0 0 6.5rem} .cl-dsarow b{color:var(--ink);font-weight:600}
  .cl-nrm{margin-top:.9rem;padding:.55rem .7rem;background:color-mix(in srgb,var(--brass) 10%,var(--navy-0));border-left:2px solid var(--brass);border-radius:6px;font-size:.82rem;color:var(--ink-2)}
  .cl-nrmlab{font-family:var(--mono);font-size:.55rem;letter-spacing:.06em;text-transform:uppercase;color:var(--brass);margin-right:.3rem}
  .cl-nrmempty{color:var(--ink-3)}
  .clov{position:fixed;inset:0;background:rgba(4,8,18,.74);z-index:9998;display:flex;align-items:flex-end;justify-content:center}
  .clsheet{background:var(--navy-1);width:100%;max-width:480px;max-height:92vh;overflow-y:auto;border-radius:18px 18px 0 0;border:1px solid var(--navy-3)}
  .clshdr{position:sticky;top:0;background:var(--navy-1);padding:.85rem 1rem;border-bottom:1px solid var(--navy-3);display:flex;justify-content:space-between;align-items:center;z-index:2}
  .clstitle{font-weight:700;font-size:1rem;color:var(--ink)}
  .clx{background:none;border:none;color:var(--ink-3);font-size:1.6rem;cursor:pointer;line-height:1}
  .clbody{padding:1rem}
  /* pass 4 · the card gear — 32×32, card ghost pattern, brass glyph, brass hover */
  .cardgear{width:32px;height:32px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:17px;line-height:1;background:var(--navy-1);border:1px solid var(--navy-3);color:var(--brass);border-radius:9px;cursor:pointer}
  .cardgear:hover{border-color:var(--brass);color:var(--brass-2);background:var(--navy-2)}
  /* pass 12 · app-chrome — the top bar owns back, screen title, and the gear (migrated off the card) */
  .tb-back{box-sizing:border-box;width:40px;height:40px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:24px;line-height:1;background:transparent;border:none;color:var(--ink);border-radius:9px;cursor:pointer}
  .tb-back:hover{background:var(--navy-2);color:var(--brass)}
  .tb-back[hidden]{display:none}
  .tb-title{font-size:13px;font-weight:700;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:34vw;letter-spacing:.01em}
  .tb-gear{box-sizing:border-box;width:40px;height:40px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:19px;line-height:1;background:var(--navy-1);border:1px solid var(--navy-3);color:var(--brass);border-radius:10px;cursor:pointer}
  .tb-gear:hover{border-color:var(--brass);color:var(--brass-2);background:var(--navy-2)}
  /* pass 14 correction · compact layer chips — navy pill, thin brass accent when on, inline brass "+" */
  .pl-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
  .pl-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:999px;background:var(--navy-1);border:1px solid var(--navy-3);color:var(--ink-2);font-size:12px;line-height:1;cursor:pointer;white-space:nowrap}
  .pl-chip:hover{border-color:var(--navy-2);color:var(--ink)}
  .pl-chip.on{border-color:var(--brass);color:var(--ink);background:var(--brass-bg)}
  .pl-chip .pl-c{font-size:10px;color:var(--ink-3);font-family:var(--mono)}
  .pl-chip.on .pl-c{color:var(--brass-2)}
  .pl-chip-add{color:var(--brass-2);font-weight:800;font-size:15px;line-height:1;padding:0 1px;cursor:pointer}
  .pl-chip-add:hover{color:var(--brass)}
  /* pass 14 correction · the day/week time grid */
  .pl-tg-row{display:grid;grid-template-columns:54px 1fr;border-top:1px solid var(--navy-3);min-height:38px}
  .pl-tg-hr{font-size:10px;color:var(--ink-3);font-family:var(--mono);text-align:right;padding:5px 8px 0 0}
  .pl-tg-cell{padding:4px 0 4px 0}
  .pl-ev{display:block;border-left:3px solid var(--navy-3);background:var(--navy-1);border-radius:6px;padding:4px 8px;margin:0 0 4px;font-size:12px;color:var(--ink);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .pl-dot{display:inline-block;width:6px;height:6px;border-radius:999px;margin:0 2px 0 0;vertical-align:middle}
  /* pass 13 · the BRAIN drafting spinner — a small brass ring while Heavy composes (up to 120s) */
  .heavy-spin{width:16px;height:16px;flex:0 0 auto;border-radius:50%;border:2px solid var(--navy-3);border-top-color:var(--brass);display:inline-block;animation:heavySpin .8s linear infinite}
  @keyframes heavySpin{to{transform:rotate(360deg)}}
  /* pass 4 · the card-settings DRAWER — a slide-in from the right (bottom sheet on mobile), not a dropdown */
  .drwov{position:fixed;inset:0;background:rgba(4,8,18,.74);z-index:9998;display:flex;justify-content:flex-end}
  .drw{background:var(--navy-1);width:100%;max-width:420px;height:100%;overflow-y:auto;border-left:1px solid var(--navy-3);display:flex;flex-direction:column;animation:drwin .22s ease-out}
  @keyframes drwin{from{transform:translateX(100%)}to{transform:translateX(0)}}
  .drwhdr{position:sticky;top:0;background:var(--navy-1);padding:.85rem 1rem;border-bottom:1px solid var(--navy-3);display:flex;justify-content:space-between;align-items:center;z-index:2}
  .drwtitle{font-weight:700;font-size:1rem;color:var(--ink)}
  .drwx{background:none;border:none;color:var(--ink-3);font-size:1.6rem;cursor:pointer;line-height:1;padding:0 4px}
  .drwbody{padding:1rem;display:flex;flex:1;flex-direction:column;overflow-y:auto}
  .drwsec{margin-top:18px;padding-top:14px;border-top:1px solid var(--navy-3)}
  .app-settings-stack{display:grid;gap:.55rem;margin-top:.7rem}
  .app-settings-stack:empty{display:none}
  .app-settings-signout{position:sticky;bottom:-1rem;margin-top:auto;padding:1rem 0 .9rem;background:linear-gradient(180deg,rgba(11,27,58,0),var(--navy-1) 32%)}
  .app-signout{min-height:44px;border-color:var(--rust);color:var(--rust)}
  .app-signout:hover{background:rgba(198,106,74,.14);border-color:var(--rust)}
  .drw-danger-h{color:var(--rust);text-transform:uppercase;letter-spacing:.06em}
  .drw-del{width:100%;margin-top:2px;padding:11px 14px;background:rgba(198,106,74,.14);border:1px solid var(--rust);color:var(--rust);border-radius:10px;font-weight:800;cursor:pointer;font-family:var(--display)}
  .drw-del:hover{background:rgba(198,106,74,.24);border-color:var(--rust)}
  /* pass 4 · the autonomy level cards — one card per level, current is brass */
  .autolvl{border:1px solid var(--navy-3);background:var(--navy-2);border-radius:12px;padding:11px 12px;margin-top:8px;cursor:pointer;transition:border-color .12s,background .12s}
  .autolvl:hover{border-color:var(--brass)}
  .autolvl.on{border-color:var(--brass);background:var(--brass-bg)}
  .autolvl-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  .autolvl-tag{font-weight:800;font-size:12px;color:var(--brass-2);border:1px solid var(--navy-3);border-radius:6px;padding:1px 6px;letter-spacing:.04em}
  .autolvl.on .autolvl-tag{border-color:var(--brass)}
  .autolvl-lab{font-weight:700;font-size:13.5px;color:var(--ink);text-transform:uppercase;letter-spacing:.03em}
  .autolvl-def{font-weight:600;color:var(--ink-3);text-transform:none;letter-spacing:0}
  .autolvl-cur{margin-left:auto;font-size:11px;font-weight:800;color:var(--brass-2)}
  .autolvl-desc{font-size:12.5px;color:var(--ink-2);margin-top:5px;line-height:1.45}
  @media(max-width:520px){.drwov{justify-content:stretch;align-items:flex-end}.drw{max-width:100%;height:auto;max-height:92vh;border-left:none;border-top:1px solid var(--navy-3);border-radius:18px 18px 0 0;animation:drwinM .22s ease-out}}
  @keyframes drwinM{from{transform:translateY(100%)}to{transform:translateY(0)}}
  .cl-commto{background:var(--navy-0);border:1px solid var(--navy-3);border-radius:9px;padding:.6rem .7rem;margin-top:.3rem;font-size:.9rem;color:var(--ink);word-break:break-all}
  .cl-ta{width:100%;background:var(--navy-0);color:var(--ink);border:1px solid var(--navy-3);border-radius:9px;padding:.6rem;font-size:.88rem;font-family:inherit;resize:vertical;line-height:1.5;margin-top:.3rem}
  .cl-commwarn{margin-top:.6rem;background:color-mix(in srgb,var(--brass) 12%,var(--navy-0));border:1px solid color-mix(in srgb,var(--brass) 34%,transparent);color:var(--brass);border-radius:8px;padding:.55rem .7rem;font-size:.72rem;line-height:1.4}
  .cl-email-review-body{white-space:pre-wrap}
  .cl-commbtns{display:flex;gap:.4rem;margin-top:.6rem}
  .cl-sendbtn{width:100%;margin-top:.8rem;background:var(--sage);color:var(--navy-0);border:none;border-radius:9px;padding:.75rem;font-weight:700;font-size:.9rem;cursor:pointer}
  .cl-commhint{text-align:center;font-size:.72rem;color:var(--ink-3);margin-top:.5rem}
  .cl-pts{font-family:var(--mono);font-size:.58rem;color:var(--brass);margin-left:.35rem}
  .cl-tcell{cursor:pointer;font-family:inherit}
  .cl-mom{margin-top:.45rem;font-size:.8rem;font-weight:700}
  .cl-deal{display:flex;align-items:center;gap:.5rem;margin-top:.8rem;background:var(--navy-0);border:1px solid var(--navy-3);border-radius:10px;padding:.6rem .7rem;cursor:pointer}
  .cl-fuel{width:11px;height:11px;border-radius:999px;flex:0 0 auto}
  .cl-dealval{font-weight:800;color:var(--sage);font-size:.95rem}
  .cl-dealmeta{font-size:.66rem;color:var(--ink-3);margin-left:auto;text-align:right}
  .cl-gas{margin-top:.4rem;font-size:.72rem;color:var(--rust)}
  .cl-potband{display:inline-block;font-family:var(--mono);font-size:.62rem;font-weight:800;letter-spacing:.05em;padding:.12rem .45rem;border-radius:5px;margin-top:.35rem}
  .cl-pot-HIGH{background:color-mix(in srgb,var(--sage) 20%,var(--navy-0));color:var(--sage)}
  .cl-pot-SOME{background:color-mix(in srgb,var(--brass) 18%,var(--navy-0));color:var(--brass)}
  .cl-pot-NEARCEILING{background:color-mix(in srgb,var(--rust) 16%,var(--navy-0));color:var(--rust)}
  .cl-potbar{display:flex;gap:4px;margin-top:.45rem}
  .cl-potseg{flex:1;height:7px;border-radius:4px;background:var(--navy-3)}
  .cl-potseg.on{background:var(--sage)}
  .cl-potseg.s1.on{background:var(--rust)} .cl-potseg.s2.on{background:var(--brass)} .cl-potseg.s3.on{background:var(--sage)}
  .cl-potread{font-size:.8rem;color:var(--ink-2);margin-top:.45rem}
  .cl-appt{background:var(--navy-0);border:1px solid var(--navy-3);border-radius:8px;padding:.5rem .7rem;margin-top:.4rem;font-size:.82rem;color:var(--ink-2)}
  .cl-nextbanner{background:linear-gradient(180deg,color-mix(in srgb,var(--brass) 18%,var(--navy-0)),color-mix(in srgb,var(--brass) 6%,var(--navy-0)));border:2px solid var(--brass);border-radius:14px;padding:.9rem 1rem;margin-bottom:.9rem}
  .cl-nextlab{font-family:var(--mono);font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brass)}
  .cl-nexttext{font-size:1.1rem;font-weight:700;color:var(--ink);margin-top:.35rem;line-height:1.3}
  .cl-vchip{display:inline-block;font-size:.62rem;font-weight:700;padding:.12rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--sage) 16%,var(--navy-0));color:var(--sage);border:1px solid color-mix(in srgb,var(--sage) 40%,transparent);margin-left:.35rem}
  .cl-dealed{margin-top:.8rem;border:1px solid var(--navy-3);border-radius:11px;background:var(--navy-0);padding:.7rem .8rem}
  .cl-dealhd{display:flex;align-items:center;gap:.5rem;cursor:pointer;flex-wrap:wrap}
  .cl-sdot{width:9px;height:9px;border-radius:999px;flex:0 0 auto}
  .cl-dealhd b{font-size:.9rem}
  .cl-dealsub{color:var(--ink-2);font-size:.85rem}
  .cl-dealdots{display:flex;gap:3px;margin-left:.3rem}
  .cl-dealdots .cl-sd{width:6px;height:6px;border-radius:999px;background:var(--navy-3)}
  .cl-dealdots .cl-sd.on{background:var(--brass)}
  .cl-dealedit{margin-left:auto;font-size:.72rem;color:var(--ink-3);font-weight:700}
  .cl-batwrap{display:flex;align-items:center;gap:.4rem;margin-top:.8rem}
  .cl-batcap{font-size:.6rem;color:var(--ink-3);font-weight:700}
  .cl-battrack{flex:1;height:12px;border-radius:6px;background:var(--navy-3);overflow:hidden;border:1px solid var(--navy-4)}
  .cl-batfill{height:100%;border-radius:6px}
  .cl-batico{font-size:.85rem}
  .cl-batmeta{display:flex;justify-content:space-between;margin-top:.25rem;font-size:.66rem;color:var(--ink-3);font-family:var(--mono)}
  .cl-worth{margin-top:.9rem;border:1px solid var(--navy-3);border-radius:10px;padding:.7rem .8rem}
  .cl-worthhd{font-family:var(--mono);font-size:.66rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.5rem}
  .cl-worthchip{opacity:.85}
  .cl-worthnote{font-size:.72rem;color:var(--ink-3);margin-top:.55rem;line-height:1.4}
  .cl-worthnote b{color:var(--brass)}
  .cl-ownerlbl{font-family:var(--mono);font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--sky);margin:1rem 0 .5rem}
  .cl-owner{border:1px solid var(--navy-3);border-radius:11px;padding:.7rem .8rem;background:var(--navy-0)}
  .cl-ownername{font-weight:700;color:var(--ink);font-size:.95rem}
  .cl-primary{font-family:var(--mono);font-size:.55rem;font-weight:800;letter-spacing:.05em;color:var(--brass);border:1px solid var(--brass);border-radius:5px;padding:.08rem .35rem;margin-right:.4rem;vertical-align:middle}
  .cl-ownerrow{display:flex;align-items:center;gap:.5rem;margin-top:.6rem;font-size:.88rem;color:var(--ink)}
  .cl-ocontact{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .cl-ownerbtns{display:flex;gap:.35rem;flex:0 0 auto}
  .cl-minibtn{background:color-mix(in srgb,var(--sky) 14%,var(--navy-0));color:var(--sky);border:1px solid color-mix(in srgb,var(--sky) 34%,transparent);border-radius:999px;padding:.2rem .6rem;font-size:.72rem;font-weight:700;cursor:pointer}
  .cl-toast{position:fixed;left:50%;bottom:1.4rem;transform:translateX(-50%) translateY(1rem);background:var(--navy-3);color:var(--ink);border:1px solid var(--navy-4);border-radius:10px;padding:.7rem 1rem;font-size:.82rem;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:9999;max-width:88vw;text-align:center}
  .cl-toast.on{opacity:1;transform:translateX(-50%) translateY(0)}
  .cl-lbl{font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:.9rem 0 .4rem}
  .cl-chips{display:flex;flex-wrap:wrap;gap:.35rem}
  .cl-subs{margin-top:.35rem}
  .cl-chip{background:var(--navy-0);border:1px solid var(--navy-3);border-radius:999px;padding:.3rem .6rem;font-size:.72rem;font-weight:600;color:var(--ink-2);cursor:pointer;font-family:inherit}
  .cl-chip.sm{font-size:.66rem;padding:.22rem .5rem}
  .cl-chip.on{background:var(--navy-2);color:var(--ink)}
  .cl-chip:hover{border-color:var(--sky)}
  .cl-touches{display:flex;gap:.4rem}
  .cl-tcell{flex:1;text-align:center;background:var(--navy-0);border:1px solid var(--navy-3);border-radius:9px;padding:.5rem .3rem}
  .cl-tcnt{font-size:1.1rem;font-weight:700;color:var(--ink)}
  .cl-tlbl{font-size:.58rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);margin-top:.1rem}
  .cl-hist-empty{font-size:.78rem;color:var(--ink-3);padding:.5rem 0}
  .cl-hist{display:flex;flex-direction:column;gap:.5rem;margin-top:.3rem}
  .cl-he{background:var(--navy-0);border:1px solid var(--navy-3);border-radius:9px;padding:.55rem .7rem}
  .cl-hedir{font-family:var(--mono);font-size:.58rem;font-weight:700;letter-spacing:.04em}
  .cl-hedir.out{color:var(--sky)} .cl-hedir.in{color:var(--sage)}
  .cl-hech{font-size:.62rem;color:var(--ink-3);margin-left:.4rem;text-transform:uppercase}
  .cl-hedate{font-size:.62rem;color:var(--ink-3);margin-left:.4rem}
  .cl-hetext{font-size:.8rem;color:var(--ink-2);margin-top:.25rem;line-height:1.4}
  .biz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem;margin-top:1rem}
  .biz-tile{display:flex;flex-direction:column;gap:.2rem;align-items:flex-start;text-align:left;background:var(--navy-1);border:1px solid var(--navy-3);border-radius:12px;padding:.9rem;cursor:pointer;font-family:inherit;transition:border-color .12s}
  .biz-tile:hover{border-color:var(--sky)}
  .bt-ic{font-size:1.3rem;line-height:1}
  .bt-title{font-size:.9rem;font-weight:600;color:var(--ink);margin-top:.25rem}
  .bt-sub{font-size:.72rem;color:var(--ink-3);line-height:1.3}
  .pc-doc{display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;background:var(--navy-1);border:1px solid var(--navy-3);border-radius:8px;padding:.45rem .7rem;font-size:.82rem;color:var(--ink);cursor:pointer;font-family:inherit;transition:border-color .12s,color .12s}
  .pc-doc:hover{border-color:var(--gold);color:var(--ink)}
  .pc-doc .doc-ic{color:var(--sky)} .pc-doc .doc-nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .pc-doc .doc-w{font-family:var(--mono);font-size:.54rem;color:var(--gold);letter-spacing:.04em;flex-shrink:0}
  .docview{margin-top:1rem;background:var(--navy-1);border:1px solid var(--navy-3);border-radius:10px;padding:1rem 1.1rem;max-height:68vh;overflow:auto}
  .docview pre{white-space:pre-wrap;word-wrap:break-word;font-family:var(--mono);font-size:.78rem;line-height:1.55;color:var(--ink-2);margin:0}
  .pc-attach{margin-top:.5rem;background:none;border:1px dashed var(--navy-4);border-radius:8px;padding:.5rem .8rem;color:var(--sky);font-family:var(--mono);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .14s}
  .pc-attach:hover{background:rgba(74,144,194,.06);border-color:var(--sky)}
  .addp-form{display:none;background:var(--navy-2);border:1px solid var(--navy-3);border-radius:12px;padding:1.1rem 1.2rem;margin-top:.6rem}
  .addp-form.open{display:block}
  .add-day{display:flex;align-items:center;gap:.6rem;background:linear-gradient(90deg,rgba(185,121,154,.12),transparent);border:1px solid var(--rose-dim);border-radius:10px;padding:.7rem 1rem;cursor:pointer;color:var(--ink);width:100%;margin-top:1rem}
  .add-day:hover{background:linear-gradient(90deg,rgba(185,121,154,.2),transparent)}
  .add-day .plus{width:20px;height:20px;border-radius:5px;background:var(--rose);color:var(--navy-0);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}
  .add-day .adt{font-family:var(--display);font-weight:500;font-size:.85rem;text-align:left} .add-day .ads{font-family:var(--mono);font-size:.54rem;color:var(--ink-3);letter-spacing:.03em;display:block;margin-top:.1rem}
  /* log + owed */
  .log-item{display:flex;gap:.8rem;background:var(--navy-2);border:1px solid var(--navy-3);border-radius:10px;padding:.75rem 1rem;margin-bottom:.5rem;align-items:flex-start}
  .log-item .lic{flex-shrink:0;width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.8rem;margin-top:.05rem}
  .lic.done{background:rgba(59,167,118,.16);color:var(--sage)} .lic.shift{background:rgba(201,162,39,.16);color:var(--acc)} .lic.log{background:rgba(185,121,154,.16);color:var(--rose)}
  .log-item .lib{flex:1} .log-item .lit{font-size:.9rem;color:var(--ink);line-height:1.4} .log-item .likind{font-family:var(--mono);font-size:.54rem;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);margin-top:.15rem}
  .log-item .litime{font-family:var(--mono);font-size:.6rem;color:var(--ink-3);white-space:nowrap;flex-shrink:0}
  .log-empty{font-family:var(--mono);font-size:.78rem;color:var(--ink-3);padding:1.8rem;text-align:center;border:1px dashed var(--navy-3);border-radius:11px}
  .owed-group{margin-bottom:1.3rem} .owed-group .ogh{font-family:var(--display);font-weight:600;font-size:.95rem;margin-bottom:.15rem;display:flex;gap:.5rem;align-items:baseline;flex-wrap:wrap}
  .owed-group .who{font-family:var(--mono);font-size:.58rem;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase} .owed-group .ogwhy{font-size:.82rem;color:var(--ink-3);font-style:italic;margin-bottom:.6rem}
  .owed-item{display:flex;gap:.65rem;padding:.45rem 0;border-bottom:1px solid rgba(24,49,98,.5)} .owed-item .od{color:var(--rust);font-size:.7rem;margin-top:.25rem;flex-shrink:0} .owed-item .ot{font-size:.87rem;color:var(--ink-2);line-height:1.45}

  /* calendar zoom switcher + views */
  .zoombar{display:inline-flex;gap:2px;background:var(--navy-1);border:1px solid var(--navy-3);border-radius:9px;padding:3px;margin:.9rem 0 .2rem}
  .zoomb{font-family:var(--mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);background:none;border:none;border-radius:6px;padding:.4rem .85rem;cursor:pointer;transition:all .13s}
  .zoomb:hover{color:var(--ink-2)}
  .zoomb.on{background:var(--acc);color:var(--navy-0);font-weight:500}
  .yearbands{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem}
  .yband{background:var(--navy-2);border:1px solid var(--navy-3);border-radius:12px;padding:.95rem 1.1rem;position:relative}
  .yband.cur{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc)}
  .yband .yb-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.15rem;flex-wrap:wrap}
  .yband .yb-span{font-family:var(--mono);font-size:.62rem;color:var(--ink-3);letter-spacing:.04em}
  .yband .yb-mode{font-family:var(--mono);font-size:.54rem;letter-spacing:.14em;text-transform:uppercase;padding:.1rem .45rem;border-radius:4px;background:var(--navy-1);color:var(--slate)}
  .yband .yb-here{font-family:var(--mono);font-size:.54rem;letter-spacing:.1em;text-transform:uppercase;color:var(--navy-0);background:var(--acc);padding:.1rem .45rem;border-radius:4px;font-weight:600}
  .yband .yb-name{font-family:var(--display);font-weight:600;font-size:1.08rem;margin-bottom:.6rem}
  .yband .yb-phases{display:flex;flex-wrap:wrap;gap:.4rem}
  .yb-phase{font-family:var(--body);font-size:.82rem;color:var(--ink-2);background:var(--navy-1);border:1px solid var(--navy-3);border-radius:20px;padding:.3rem .8rem;cursor:pointer;transition:all .13s}
  .yb-phase:hover{border-color:var(--acc);color:var(--ink)}
  .yb-phase.live{border-color:var(--acc);color:var(--acc)}
  .weekstrip{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}
  .wday{background:var(--navy-2);border:1px solid var(--navy-3);border-radius:10px;padding:.7rem .95rem;display:flex;gap:1rem;align-items:flex-start}
  .wday.has{cursor:pointer;transition:all .14s} .wday.has:hover{border-color:var(--acc);transform:translateX(2px)}
  .wday.empty{opacity:.5}
  .wday .wd-num{font-family:var(--mono);font-size:.64rem;letter-spacing:.06em;color:var(--acc);text-transform:uppercase;min-width:52px;padding-top:.1rem;flex-shrink:0}
  .wday.empty .wd-num{color:var(--slate-2)}
  .wday .wd-tasks{flex:1;display:flex;flex-direction:column;gap:.28rem}
  .wday .wd-task{font-size:.86rem;color:var(--ink);display:flex;align-items:center;gap:.5rem;line-height:1.35}
  .wday .wd-task.done{opacity:.5;text-decoration:line-through;text-decoration-color:var(--sage-dim)}
  .wday .wd-dot{width:5px;height:5px;border-radius:50%;background:var(--slate);flex-shrink:0}
  .wday .wd-task.floor .wd-dot{background:var(--rose)} .wday .wd-task.done .wd-dot{background:var(--sage)}
  .wday .wd-none{font-family:var(--mono);font-size:.66rem;color:var(--slate-2);letter-spacing:.03em;padding-top:.15rem}
  @media(max-width:820px){
    .menu-toggle{display:block}
    .frame{grid-template-columns:1fr;max-width:100%}
    .content{min-width:0;overflow-x:hidden;padding:1.4rem 1.2rem 4rem}
    .rail{position:fixed;top:49px;left:0;bottom:0;width:min(280px,82vw);background:var(--navy-1);z-index:50;transform:translateX(-100%);transition:transform .25s ease;border-right:1px solid var(--navy-3)}
    .rail.open{transform:translateX(0)}
    .rail-scrim.on{display:block;position:fixed;inset:49px 0 0 0;background:rgba(0,0,0,.5);z-index:45}
    h1.big{font-size:1.5rem}
  }
  @media(max-width:560px){
    .topbar{padding:.4rem .85rem;gap:.6rem}
    .cmark .bn{display:none}
    .tb-client{padding-left:.7rem}
    .tb-client .nm{max-width:46vw}
    .today-btn{padding:.32rem .75rem}
    .content{padding:1.2rem 1rem 4rem}
    h1.big{font-size:1.4rem}
    .lede{font-size:.92rem}
    .home-hero,.road{padding:1.2rem 1.1rem}
    .home-hero .hh-line{font-size:1.2rem}
    .jump-grid{grid-template-columns:1fr}
  }
  @media(max-width:430px){
    .content{padding:1rem .8rem 3.5rem}
    h1.big{font-size:1.26rem;line-height:1.18}
    .stmt,.card,.law,.reflexes,.words,.depth,.guard,.pcard,.fb,.gate,.miniList,.far-note{padding-left:.9rem;padding-right:.9rem}
    .lens-body,.lens-head{padding-left:.85rem;padding-right:.85rem}
    .matrix-wrap{padding:.6rem}
    .daygrid{gap:.25rem}
    .daycell{min-height:44px;padding:.22rem}
    .daycell .dnum{font-size:.58rem}
    .fb-opt{min-width:0;flex:1;font-size:.8rem;padding:.5rem .25rem}
    .zoomb{padding:.4rem .55rem;font-size:.58rem}
    .modal,.login-card{padding:1.15rem}
    .intake-h{font-size:1.4rem}
    .pc-top{flex-wrap:wrap;gap:.5rem}
    .pc-inf{text-align:left} .inf-bars{justify-content:flex-start}
  }

  /* Autofill hunts for input[type=password]. This is a text input that merely
     looks like one, so nothing recognises it and nothing overwrites it. */
  .maskfield{-webkit-text-security:disc;text-security:disc;font-family:inherit}
  .decoy{position:absolute;left:-9999px;top:0;width:1px;height:1px;opacity:0;pointer-events:none}

  /* Inside somebody else’s business the persistent chrome changes colour. A pill
     that scrolls away cannot tell you whose data you are editing on screen nine —
     and the header naming the customer is not enough on its own, because text is
     the thing you stop reading by the third day.

     Deliberately not red or amber: nothing is wrong, you are doing your job. This
     says "you are somewhere else", not "danger". */
  body.acting .topbar{
    background:linear-gradient(180deg, rgba(95,168,211,.16), rgba(95,168,211,.06));
    border-bottom:2px solid #5fa8d3;
  }
  body.acting .cmark .bn{color:#5fa8d3}
  body.acting .tb-client{border-left-color:#5fa8d3}
  body.acting .tb-client .nm{color:#8fd0f0}
  body.acting .menu-toggle{border-color:#5fa8d3;color:#8fd0f0}
  body.acting #menu{border-right:2px solid #5fa8d3}
  .tb-whose{font-size:.62rem;letter-spacing:.09em;text-transform:uppercase;
    color:#5fa8d3;font-family:var(--mono);display:none;line-height:1}
  body.acting .tb-whose{display:block}

  .tb-client > span{display:flex;flex-direction:column;min-width:0;gap:1px}
  body.acting .tb-client .nm{font-size:.86rem}
  .tb-client{min-width:0;flex:1 1 auto;overflow:hidden}
  .tb-right{flex-shrink:0}

  body.acting .tb-client .ty{display:none}
  body.acting .tb-client{flex:1 1 auto}

  /* the name is a control for staff, and plain text for everyone else */
  .tb-stack{display:flex;flex-direction:column;min-width:0}
  .tb-line{display:flex;align-items:center;min-width:0}
  .tb-caret{display:none;font-size:.9rem;line-height:1;color:#8fc7e8;margin-left:.5rem;flex-shrink:0;
    opacity:.9;transform:translateY(1px)}
  body.can-switch .tb-client:hover .tb-caret{opacity:1;color:#bfe0f5}
  body.can-switch .tb-caret{display:inline-block}
  body.can-switch .tb-client{cursor:pointer;border-radius:7px;padding-right:.5rem;transition:background .12s}
  body.can-switch .tb-client:hover{background:rgba(95,168,211,.10)}

  /* how many fields on that screen are still blank */
  .bt-ic{position:relative}
  .fill-badge{
    position:absolute;top:-6px;right:-10px;min-width:17px;height:17px;
    display:inline-flex;align-items:center;justify-content:center;
    background:var(--brass);color:#0b1b3a;border-radius:9px;
    font-family:var(--mono);font-size:.6rem;font-weight:700;padding:0 4px;
    box-shadow:0 0 0 2px var(--navy-2);
  }

  /* every tappable thing carries the same signal */
  .sbtn{
    border-radius:9px;padding:8px 11px;font-size:12px;font-weight:800;cursor:pointer;
    border:1px solid rgba(143,199,232,.38);
    background:rgba(95,168,211,.07);
    color:var(--ink);
    font-family:var(--display);
    line-height:1.1;
  }
  .sbtn:hover{border-color:#8fc7e8;background:rgba(95,168,211,.16)}
  .sbtn.sel{background:var(--brass);color:var(--brass-bg);border-color:var(--brass-2)}
  .statusrow{display:flex;flex-wrap:wrap;gap:7px;margin:6px 0 2px;align-items:center}
  .btn.small{padding:.5rem .8rem;font-size:.78rem}

  .menu-gap{height:1px;background:var(--navy-3);margin:.6rem .9rem}

  /* quiet until you need it */
  .isx-wrap{ padding:26px 0 40px; text-align:center }
  .isx-btn{
    background:transparent; border:1px solid var(--navy-3); color:var(--ink-3);
    font-family:var(--mono); font-size:11.5px; letter-spacing:.12em; text-transform:uppercase;
    padding:9px 16px; border-radius:20px; cursor:pointer;
  }
  .isx-btn span{ color:#E0A23C; font-weight:700; margin-right:5px }
  .isx-btn:hover{ border-color:#5fa8d3; color:#bfe0f5 }

  /* needs attention — absent when there is nothing to attend to */
  .fixline{
    display:flex; align-items:center; gap:14px; width:100%;
    margin:16px 0 6px; padding:14px 16px;
    background:rgba(224,162,60,.10); border:1px solid rgba(224,162,60,.55);
    border-radius:12px; cursor:pointer; text-align:left;
  }
  .fixline:hover{ background:rgba(224,162,60,.18); border-color:#E0A23C }
  .fixn{
    font-family:var(--mono); font-size:19px; font-weight:800; color:#0b1b3a;
    background:#E0A23C; min-width:38px; height:38px; border-radius:10px;
    display:flex; align-items:center; justify-content:center; flex-shrink:0;
  }
  .fixt{ display:flex; flex-direction:column; flex:1; min-width:0 }
  .fixt b{ font-size:14px; color:#F0C64A }
  .fixt span{ font-size:12px; color:var(--ink-2); margin-top:1px }
  .fixgo{ color:#E0A23C; font-size:22px; flex-shrink:0 }

  /* the groups */
  .bgrp{ margin-top:24px }
  .bgrp-h{ display:flex; flex-direction:column; margin:0 0 9px }
  .bgrp-h b{
    font-family:var(--mono); font-size:12px; letter-spacing:.18em;
    text-transform:uppercase; color:var(--brass-2);
  }
  .bgrp-h span{ font-size:12px; color:var(--ink-3); margin-top:2px }

  /* ask the research — collapsed until wanted */
  .askwrap{ padding:12px 12px 6px; border-bottom:1px solid var(--navy-3); margin-bottom:6px }
  .askopen{
    display:flex; align-items:center; gap:10px; width:100%;
    background:rgba(95,168,211,.10); border:1px solid rgba(143,199,232,.45);
    border-radius:10px; padding:11px 12px; cursor:pointer; text-align:left;
  }
  .askopen:hover{ background:rgba(95,168,211,.20); border-color:#8fc7e8 }
  .askq{
    font-family:var(--mono); font-weight:800; font-size:14px; color:#0b1b3a;
    background:#8fc7e8; width:24px; height:24px; border-radius:7px;
    display:flex; align-items:center; justify-content:center; flex-shrink:0;
  }
  .askl{ font-size:13px; font-weight:700; color:#bfe0f5; flex:1 }
  .askgapn{
    font-family:var(--mono); font-size:11px; font-weight:800; color:#0b1b3a;
    background:#E0A23C; padding:2px 7px; border-radius:9px;
  }
  .askbody{ display:none; padding-top:10px }
  .askbody.on{ display:block }

  .askrow{ display:flex; gap:7px; align-items:center }
  .askinput{ flex:1; padding:11px 12px; font-size:13px }
  .askmode{
    width:40px; height:40px; flex-shrink:0; border-radius:10px; cursor:pointer;
    background:rgba(95,168,211,.10); border:1px solid rgba(143,199,232,.45);
    color:#8fc7e8; font-family:var(--mono); font-size:17px; font-weight:800;
  }
  .askmode:hover{ background:rgba(95,168,211,.22); border-color:#8fc7e8 }
  .askmode.on{ background:var(--brass); border-color:var(--brass-2); color:var(--brass-bg) }
  .asknote{
    font-size:11.5px; color:#8fc7e8; margin-top:6px; line-height:1.4;
    padding-left:2px;
  }

  /* A 30px button is fine with a mouse and a coin-flip with a thumb. Apple asks for
     44, Android for 48; 42 is the floor everything here clears. */
  /* One rule, on anything that can be tapped, rather than a list of class names
     that will always be one short. Apple asks for 44, Android for 48; 42 is the
     floor everything here clears. */
  button, .btn, .sbtn, .cl-tg, .cl-btn, .backbtn, .isx-btn,
  .menu-item, .askmode, .zoomb, .biz-tile{
    min-height:42px;
  }
  /* An inline element ignores min-height entirely, so the links marked up as
     buttons stayed 14px tall — a word in a sentence, and a coin-flip to tap.
     Padding is what gives an inline thing a hit area. */
  [role="button"]{
    display:inline-block;
    padding:12px 4px;
    line-height:1.4;
    min-height:42px;
  }
  [role="button"].btn, [role="button"].sbtn{ padding:inherit }
  .btn.small{ padding:.6rem .9rem }
  .menu-item{ min-height:46px }
  .biz-tile{ min-height:auto }        /* a tile is already large; do not stretch it */

.fecard .eyebrow{font-size:10px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:#9D7954}
.fecard .tphead{font-size:13.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--brass-2);margin-bottom:9px;padding-bottom:7px;border-bottom:1px solid rgba(233,194,74,.2)}
.fecard .card{border-radius:13px;padding:13px 15px;margin-bottom:10px;border:1px solid var(--card-bd);background:var(--card)}
.fecard .cool{background:var(--navy-1);border-color:var(--navy-3)}
.fecard .warm{background:#1E1B15;border-color:#775A3E}
.fecard .blue{background:var(--navy-2);border-color:#4FA8FF}
.fecard .tpbox{background:linear-gradient(180deg,rgba(233,194,74,.07),rgba(233,194,74,.02));border-color:#5a4a1e;border-left:3px solid var(--brass-2)}
.fecard .ttl2{font-size:15px;font-weight:800;color:var(--ink)}
.fecard .sub{font-size:12.5px;color:var(--ink-2);margin-top:4px}
.fecard .res{font-size:12.5px;color:var(--ink);margin-top:3px}
.fecard .res .lab{color:#7fa0c4;font-weight:700}
.fecard .rowbtns{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}
.fecard .btn{border-radius:9px;padding:8px 12px;font-size:12.5px;font-weight:800;cursor:pointer;border:1px solid transparent}
.fecard .gold{background:var(--brass);color:var(--brass-bg);border-color:var(--brass-2)}
.fecard .ghost{
    /* A transparent button with a faint border did not read as a control — people
       looked straight past it. Same light blue as the Pay & cost card, with an
       outline bright enough to say "this is tappable". */
    background:rgba(95,168,211,.13);
    color:#bfe0f5;
    border:1px solid rgba(143,199,232,.55);
    box-shadow:inset 0 0 0 1px rgba(143,199,232,.10);
  }
  .ghost:hover{background:rgba(95,168,211,.22);border-color:#8fc7e8;color:#e6f4fc}
  .ghost:active{background:rgba(95,168,211,.30)}
.fecard .warmb{background:#262019;color:var(--brass-2);border-color:#775A3E}
.fecard .blueb{background:var(--navy-2);color:#7CC0FF;border-color:#4FA8FF}
.fecard .ok{background:#3FB48A;color:#04231a;border-color:#3FB48A}
.fecard .small{font-size:11px;padding:6px 9px}
.fecard .kv{display:flex;gap:8px;padding:3px 0;font-size:12.5px}
.fecard .kv .k{flex:0 0 88px;color:#6f93b8;font-weight:700}
.fecard .kv .v{flex:1}
.fecard .badge{display:inline-block;border-radius:999px;padding:2px 9px;font-size:10.5px;font-weight:800}
.fecard .fit-Ideal{background:var(--brass-bg);color:var(--brass-2);border:1px solid var(--brass)}
.fecard .fit-Strong{background:#0e2640;color:#7CC0FF;border:1px solid #4FA8FF}
.fecard .fit-Moderate{background:#2a2110;color:#E0A23C;border:1px solid #9D7954}
.fecard .fit-Skip{background:#1e0d0d;color:#e0857f;border:1px solid #7a3b34}
.fecard .statusrow{display:flex;flex-wrap:wrap;gap:7px;margin:6px 0 2px}
.fecard .sbtn{border-radius:9px;padding:8px 11px;font-size:12px;font-weight:800;cursor:pointer;border:1px solid var(--navy-3);background:#16263a;color:var(--ink)}
.fecard .sbtn.sel{background:var(--brass);color:var(--brass-bg);border-color:var(--brass-2)}
.fecard .dsa{margin-top:11px;border-radius:11px;border:1px solid var(--brass-2);border-left:4px solid var(--brass-2);background:#17130D;padding:12px 13px}
.fecard .dsa .eyebrow{color:var(--brass-2)}
.fecard .cc{display:grid;grid-template-columns:1fr 1fr;gap:5px 10px;margin-top:9px}
.fecard .cc div{font-size:11px;color:var(--ink-2)}
.fecard .cc b{color:var(--brass-2);font-weight:700}
.fecard .nrm{border-radius:14px;padding:13px 16px;margin:0 0 14px;border:1.5px solid var(--brass)}
.fecard .nrm-lab{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--brass);font-weight:800}
.fecard .nrm-move{color:#fff;font-weight:600;margin-top:5px;line-height:1.35;font-size:18px}
.fecard .nrm-empty{color:#9D7954;font-style:italic;margin-top:5px;font-size:14px}
.fecard .nrm-top{background:linear-gradient(180deg,rgba(233,194,74,.18),rgba(233,194,74,.06));border-width:2px}
.fecard .touchrow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;flex-wrap:wrap}
.fecard .touchcells{display:flex;gap:6px;flex:1;min-width:0}
.fecard .tcell{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 4px;border-radius:10px;border:1px solid var(--navy-3);background:var(--navy-1);color:var(--ink);cursor:pointer;font-family:inherit}
.fecard .tcell .tcnt{font-size:17px;font-weight:800;line-height:1;color:var(--brass-2)}
.fecard .tcell .tlbl{font-size:9.5px;font-weight:700;letter-spacing:.03em;color:var(--ink-2);text-transform:uppercase}
.fecard .tmom{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;white-space:nowrap;padding-left:2px}
.fecard .dmwrap{margin-top:10px;padding-top:10px;border-top:1px solid var(--navy-3)}
.fecard .dmlbl{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#7fa0c4;margin-bottom:4px}
.fecard .dmperson{border:1px solid var(--navy-3);border-radius:11px;padding:10px 12px;margin-top:8px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}
.fecard .dmphead{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fecard .dmtitle{display:inline-block;font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--brass-2);background:rgba(233,194,74,.12);border:1px solid rgba(233,194,74,.32);border-radius:5px;padding:1px 6px;vertical-align:middle}
.fecard .dmname{font-weight:800;color:var(--ink);font-size:14px}
.fecard .dmrow2{display:flex;align-items:center;gap:9px;margin-top:7px;font-size:13px;color:var(--ink);border-radius:8px;padding:5px 7px;background:rgba(0,0,0,.18)}
.fecard .dmact{flex:0 0 auto;font-size:10.5px;font-weight:800;color:#7CC0FF;background:rgba(124,192,255,.12);border:1px solid rgba(124,192,255,.30);border-radius:999px;padding:3px 10px;cursor:pointer}
.fecard .in{width:100%;background:var(--navy-0);color:var(--ink);border:1px solid var(--card-bd);border-radius:9px;padding:10px;font-size:13.5px;font-family:inherit}
.fecard .note{font-size:11.5px;color:var(--ink-2);line-height:1.5;margin-top:8px}

.fecard label.f{display:block;margin-bottom:12px}
.fecard label.f .lab{font-size:11px;color:var(--ink-2);font-weight:800;margin-bottom:4px}
.fecard .ta{width:100%;background:var(--navy-0);color:var(--ink);border:1px solid var(--card-bd);border-radius:9px;padding:10px;font-size:13.5px;font-family:inherit;resize:vertical;line-height:1.5}
.fecard .callout{border-radius:9px;padding:9px 11px;font-size:12px;font-weight:600;margin-top:10px;line-height:1.45}
.fecard .warnC{background:#33270f;border:1px solid #E0A23C;color:var(--brass-2)}
.fecard .two{display:flex;gap:10px;margin-top:8px}

.fecard pre.block{white-space:pre-wrap;background:var(--navy-2);color:var(--ink);border:1px solid #4FA8FF;border-radius:11px;padding:13px;font-size:12px;line-height:1.5;font-family:ui-monospace,Menlo,monospace}.fecard .big{font-size:1.4rem;font-weight:800}

.cl-toggle{
    display:flex; flex-wrap:wrap; gap:6px;
    background:var(--navy-0); border:1px solid var(--navy-3);
    border-radius:11px; padding:4px; margin-bottom:14px;
  }.cl-toggle .cl-tg{
    /* grow to fill, but never force the row wider than the phone */
    flex:1 1 auto; min-width:88px;
    background:transparent; border:none; color:var(--ink-2);
    font-weight:800; font-size:13px; padding:11px 10px; border-radius:8px; cursor:pointer;
    min-height:42px;                 /* a thumb, not a mouse pointer */
  }.cl-toggle .cl-tg.on{background:var(--brass);color:var(--brass-bg)}

/* ===== BUTTONS, EVERYWHERE =====
     The card styles were scoped to .fecard. Anything drawn outside one — the
     calendar toolbar, the layer row — fell through to the plain .btn accent fill,
     so a gold "+ Event" rendered solid blue and a ghost button had no padding.
     These are unscoped and last, so a button looks like itself wherever it is. */
  .btn.ghost, button.ghost{
    background:rgba(95,168,211,.13) !important;
    color:#bfe0f5 !important;
    border:1px solid rgba(143,199,232,.55) !important;
  }
  .btn.ghost:hover, button.ghost:hover{
    background:rgba(95,168,211,.24) !important;
    border-color:#8fc7e8 !important;
    color:#e6f4fc !important;
  }
  .btn.gold, button.gold{
    background:var(--brass) !important;
    color:var(--brass-bg) !important;
    border:1px solid var(--brass-2) !important;
  }
  .btn.gold:hover, button.gold:hover{ filter:brightness(1.06) }
  .btn.small{ padding:.5rem .8rem; font-size:.78rem }
  /* pass 9 (§F) — BLOCK 5 reads as ONE grouped section. The outer container carries the single
     border; the seven sub-sections (Who they are · talking · potential · deep research · customer
     intel · DSA · fact ledger) lose their own boxes and are separated by hairline dividers, not
     nested borders. The fact ledger keeps its brass left-accent (its inline border-left survives,
     and this re-asserts it) as the second-most-important structure. Sub-section CONTENTS untouched —
     only the visual nesting is removed. */
  .cardblock5{ border:1px solid var(--navy-3); background:var(--navy-1); border-radius:13px; padding:4px 13px; margin-top:11px }
  .cardblock5 > .card, .cardblock5 > .dsa{ border:0; background:transparent; border-radius:0; box-shadow:none; margin:0; padding:11px 0; border-bottom:1px solid var(--navy-3) }
  .cardblock5 > .card:last-child, .cardblock5 > .dsa:last-child{ border-bottom:0; padding-bottom:3px }
  .cardblock5 > .card.tpbox{ border-left:0 }
  .cardblock5 [data-factledger]{ border-left:3px solid var(--brass-2); padding-left:11px }
  /* pass 11 (§4) — BLOCK 4 action row: ONE design language (shared .actbtn base), TWO tones for the
     groups, plus a subtle emphasis for the sale-close (and, later, the Arc action). Not rainbow, not
     flat gray — each button has presence, the row is coherent. */
  .actrow{ display:flex; flex-wrap:wrap; gap:6px; margin-top:9px }
  .actbtn{ font-size:.78rem; font-weight:600; padding:.52rem .82rem; border-radius:9px;
    border:1px solid var(--navy-3); border-left:2px solid var(--navy-4); background:var(--navy-2);
    color:var(--ink); cursor:pointer; transition:border-color .15s, background .15s }
  .actbtn:hover{ border-color:var(--brass-2) }
  .actbtn.act-comm{ border-left-color:#5FA8D3 }                                   /* send: email / text / call — one tone */
  .actbtn.act-note{ border-left-color:var(--slate,#7d8aa3) }                      /* log / appointment / plan — the quiet tone */
  .actbtn.act-sale{ border-left-color:var(--brass-2); background:rgba(201,162,39,.08) } /* the sale-close — its own subtle emphasis */
  .actbtn.act-arc{ border-left-color:#8b7ad0; background:rgba(139,122,208,.08) }  /* the ambient-intelligence action — lands with Arc wiring */

  @keyframes engpulse{0%,100%{opacity:1}50%{opacity:.4}}
/* Principle Zero is deliberately quiet: always present, never competing with the
   work. Each editable box gets its own living-state stamp and each screen gets a
   compact activity summary. */
.p0-screen-stamp{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin:0 0 12px;padding:8px 11px;border:1px solid rgba(201,162,39,.24);border-radius:9px;background:rgba(201,162,39,.055);color:var(--ink-3);font:500 10px/1.25 var(--mono);letter-spacing:.045em;text-align:left;cursor:pointer}
.p0-screen-stamp span{text-transform:uppercase;letter-spacing:.13em;color:var(--brass)}
.p0-screen-stamp b{font-weight:500;color:var(--ink-2)}
.p0-field-stamp{display:block;width:max-content;max-width:100%;margin:5px 0 0 auto;padding:2px 7px;border:1px solid rgba(201,162,39,.2);border-radius:999px;background:transparent;color:var(--ink-3);font:500 9px/1.35 var(--mono);letter-spacing:.025em;cursor:pointer}
.p0-field-stamp:hover,.p0-screen-stamp:hover{border-color:rgba(201,162,39,.52);color:var(--ink)}
.p0-history-row{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(180px,1.6fr) auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}
.p0-history-row:last-child{border-bottom:0}
.p0-queue-card{padding:11px;margin-top:7px;border-left:3px solid var(--brass);cursor:pointer}
@media(max-width:640px){.p0-screen-stamp{align-items:flex-start;flex-direction:column;gap:3px}.p0-history-row{grid-template-columns:1fr auto}.p0-history-row .note{grid-column:1/-1}}

/* People & access · operational facts without ranking people. */
.people-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.people-count{margin-top:20px}
.people-roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:11px;margin:10px 0 15px}
.people-roster-card{min-width:0;padding:14px;border:1px solid var(--navy-3);border-radius:12px;background:var(--navy-1)}
.people-roster-open{display:flex;flex-direction:column;gap:3px;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.people-roster-open:hover .people-roster-name{color:var(--brass)}
.people-roster-name{font:600 1.04rem/1.25 var(--display);transition:color .15s}
.people-roster-title{min-height:1.2em;color:var(--ink-3);font-size:.78rem;line-height:1.45}
.people-badges,.people-chips{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0}
.people-now{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 8px;align-items:baseline;margin:10px 0;padding:8px 9px;border-left:2px solid var(--sky);background:var(--navy-2);border-radius:7px}
.people-now span{grid-row:1/3;color:var(--sky);font:600 .56rem/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.people-now b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}
.people-now small{color:var(--ink-3);font-size:.67rem}.people-now.quiet{border-left-color:var(--navy-4)}
.people-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:10px 0;background:var(--navy-3);border:1px solid var(--navy-3);border-radius:9px;overflow:hidden}
.people-fact{display:flex;flex-direction:column;min-width:0;padding:8px 9px;background:var(--navy-2)}
.people-fact span{color:var(--ink-3);font:500 .54rem/1.35 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.people-fact b{overflow-wrap:anywhere;margin-top:2px;font-size:.78rem;font-weight:550;line-height:1.4}
.people-warning{margin:9px 0 0}.people-principle{margin-top:16px;padding-top:10px;border-top:1px solid var(--navy-3)}
.people-empty{margin:8px 0;padding:11px;border:1px dashed var(--navy-4);border-radius:9px;color:var(--ink-3);font-size:.78rem;line-height:1.5}
.people-card-lede{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:-3px 0 12px;color:var(--ink-2)}
.people-tabs{display:flex;gap:5px;margin:16px 0 13px;padding-bottom:7px;overflow-x:auto;scrollbar-width:thin}
.people-tab{flex:0 0 auto;padding:7px 9px;border:1px solid var(--navy-3);border-radius:999px;background:var(--navy-2);color:var(--ink-3);font:600 .62rem/1.2 var(--mono);cursor:pointer}
.people-tab:hover,.people-tab.on{border-color:var(--brass);color:var(--ink);background:rgba(201,162,39,.08)}
.people-section{min-height:260px;padding:14px;border:1px solid var(--navy-3);border-radius:12px;background:var(--navy-1)}
.people-subhead{margin:18px 0 7px;color:var(--slate);font:600 .6rem/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.people-record-list{display:flex;flex-direction:column;gap:7px}.people-record{padding:10px;border:1px solid var(--navy-3);border-radius:9px;background:var(--navy-2);font-size:.84rem;line-height:1.5}
.people-record>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.people-timeline{margin-top:8px;padding-left:9px;border-left:2px solid var(--navy-4);color:var(--ink-3);font-size:.7rem;line-height:1.7}
.people-simple-list{margin:7px 0 12px;padding-left:20px;color:var(--ink-2);font-size:.84rem;line-height:1.6}
.people-json{max-height:260px;margin:7px 0;padding:10px;overflow:auto;border:1px solid var(--navy-3);border-radius:8px;background:var(--navy-0);color:var(--ink-2);font:500 .68rem/1.5 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}
.people-section-back{margin-top:12px}
.people-command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}
.people-command-card{display:flex;min-height:108px;flex-direction:column;align-items:flex-start;gap:7px;padding:13px;border:1px solid var(--navy-3);border-radius:11px;background:var(--navy-2);color:var(--ink);text-align:left;cursor:pointer}
.people-command-card:hover,.people-command-card:focus-visible{border-color:var(--blue);background:var(--navy-3)}
.people-command-card span,.people-fit-card span{color:var(--gold);font-family:var(--mono);font-size:.62rem;letter-spacing:.13em;text-transform:uppercase}
.people-command-card b,.people-fit-card b{font-size:.9rem}.people-command-card small,.people-fit-card small{color:var(--ink-3);font-size:.69rem;line-height:1.45}
.people-truth-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:1px;margin:14px 0;overflow:hidden;border:1px solid var(--navy-3);border-radius:10px;background:var(--navy-3)}
.people-truth-strip span{display:flex;min-height:70px;flex-direction:column;gap:4px;padding:10px;background:var(--navy-2);color:var(--ink-3);font-size:.66rem;line-height:1.4}.people-truth-strip b{color:var(--ink);font-size:.7rem}
.people-fit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:13px 0}.people-fit-card{display:flex;min-height:110px;flex-direction:column;gap:7px;padding:12px;border:1px solid var(--navy-3);border-radius:10px;background:var(--navy-2)}
.people-checklist{margin:8px 0 0;padding-left:20px;color:var(--ink-2);font-size:.78rem;line-height:1.65}.people-checklist li+li{margin-top:6px}
.schedule-pattern{display:flex;flex-direction:column;gap:6px;margin:10px 0}.schedule-pattern-row{display:grid;grid-template-columns:minmax(105px,1fr) minmax(88px,.8fr) auto minmax(88px,.8fr);align-items:center;gap:7px;padding:7px 9px;border:1px solid var(--navy-3);border-radius:9px;background:var(--navy-2);font-size:.75rem}.schedule-pattern-row .in{margin:0;padding:8px}
.business-hydration{margin:14px 0;padding:16px;border:1px solid var(--navy-3);border-radius:12px;background:var(--navy-1)}.business-hydration-bars{display:grid;gap:8px;margin-top:15px}.business-hydration-bars span{display:block;height:44px;border-radius:8px;background:linear-gradient(90deg,var(--navy-2),var(--navy-3),var(--navy-2));background-size:220% 100%;animation:bearingHydrate 1.4s ease-in-out infinite}.business-hydration-bars span:nth-child(2){width:78%}.business-hydration-bars span:nth-child(3){width:58%}@keyframes bearingHydrate{0%{background-position:100% 0}100%{background-position:-100% 0}}
@media(max-width:640px){.people-roster{grid-template-columns:1fr}.people-facts{grid-template-columns:1fr}.people-section{padding:11px}}
@media(max-width:640px){.people-command-grid,.people-fit-grid{grid-template-columns:1fr}.people-truth-strip{grid-template-columns:1fr}.people-truth-strip span{min-height:auto}.schedule-pattern-row{grid-template-columns:1fr 1fr}.schedule-pattern-row label{grid-column:1/-1}.schedule-pattern-row span{display:none}}
/* Social UX: five stable work areas, one obvious next action, and filtered
   views of the canonical company Queue and Calendar. */
.social-panel{--social-max:900px}
.social-shell{max-width:var(--social-max);margin:0 auto;padding-bottom:76px}
.social-command,.social-shell-heading,.calendar-command,.calendar-context,.calendar-date-row,.social-work-heading,.social-local-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.social-shell-heading{align-items:flex-start}
.social-shell-heading h1{margin-bottom:0}
.social-lede{max-width:720px;margin-top:5px}
.social-pilot-status{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(201,162,39,.42);border-radius:999px;background:rgba(201,162,39,.08);color:var(--brass-2);font:700 10px/1.2 var(--mono);letter-spacing:.04em;white-space:nowrap}
.social-pilot-status>span{font-size:9px}
.social-command{margin:14px 0 10px;padding:9px 11px;border:1px solid var(--navy-3);border-radius:12px;background:var(--navy-1)}
.social-context,.calendar-context>div:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.social-context b,.calendar-context b{color:var(--ink);font-size:13px}
.social-context span,.calendar-context span{color:var(--ink-2);font-size:11px;line-height:1.4}
.social-primary-nav{position:sticky;top:49px;z-index:30;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;margin:0 0 16px;padding:4px;overflow:visible;background:var(--navy-1);border:1px solid var(--navy-3);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.18);backdrop-filter:blur(12px)}
.social-primary-nav .cl-tg{min-width:0;min-height:44px;padding:8px 6px;white-space:nowrap}
.social-primary-nav .cl-tg.on{box-shadow:0 0 0 1px rgba(233,194,74,.2)}
.social-fab{position:fixed;right:max(24px,calc((100vw - 1180px)/2 + 24px));bottom:28px;z-index:34;display:flex;align-items:center;gap:8px;min-height:50px;padding:8px 16px 8px 9px;border:1px solid var(--brass-2);border-radius:999px;background:var(--brass);color:#151006;box-shadow:0 14px 34px rgba(0,0,0,.42);cursor:pointer;font:800 13px/1 var(--display)}
.social-fab>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(7,15,34,.13);font-size:22px;line-height:1}
.social-fab:hover{filter:brightness(1.07);transform:translateY(-1px)}
.social-next-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:10px 0 16px;padding:18px;border:1px solid rgba(201,162,39,.55);border-radius:16px;background:linear-gradient(135deg,rgba(201,162,39,.14),var(--navy-2));box-shadow:0 14px 36px rgba(0,0,0,.13)}
.social-next-card>div{min-width:0}.social-next-card h3{margin:2px 0 4px;color:var(--ink);font:700 18px/1.25 var(--display)}
.social-next-card p{max-width:600px;color:var(--ink-2);font-size:12px;line-height:1.5}
.social-next-card>.btn{flex:0 0 auto;min-height:46px}
.social-next-kicker{color:var(--brass-2);font:800 9px/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase}
.social-quick-row{display:flex;align-items:center;gap:12px;margin:0 0 18px;flex-wrap:wrap}
.social-quick-row .note{margin:0}
.social-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:10px 0 18px}
.social-choice-grid-compact .social-choice{min-height:72px}
.social-choice{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:2px;width:100%;min-height:78px;padding:12px;text-align:left;border:1px solid var(--navy-3);border-radius:12px;background:var(--navy-1);color:var(--ink);cursor:pointer;font:inherit}
.social-choice:hover{border-color:var(--brass);background:var(--navy-2)}
.social-choice>span{grid-row:1/3;font-size:22px;align-self:center}
.social-choice>b{font-size:13px;align-self:end}
.social-choice>small{font-size:11px;line-height:1.35;color:var(--ink-2);align-self:start}
.social-work-heading{margin:15px 0 8px}
.social-work-heading h2{margin:2px 0 0;color:var(--ink);font-size:1.3rem}
.social-browse-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:2px 0 14px;padding:10px 0;border-top:1px solid var(--navy-3)}
.social-browse-row>span{margin-right:3px;color:var(--ink-3);font:700 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.social-disclosure{margin:10px 0;border:1px solid var(--navy-3);border-radius:13px;background:var(--navy-1);overflow:hidden}
.social-disclosure>summary,.social-workflow>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:11px 13px;color:var(--ink);cursor:pointer;list-style:none}
.social-disclosure>summary::-webkit-details-marker,.social-workflow>summary::-webkit-details-marker,.social-card-actions>summary::-webkit-details-marker{display:none}
.social-disclosure>summary::after,.social-workflow>summary::after{content:'+';display:grid;place-items:center;width:24px;height:24px;flex:0 0 auto;border:1px solid var(--navy-3);border-radius:50%;color:var(--brass-2);font-size:16px}
.social-disclosure[open]>summary::after,.social-workflow[open]>summary::after{content:'\2212'}
.social-disclosure>summary>span,.social-workflow>summary>span{display:flex;flex-direction:column;gap:1px;min-width:0}
.social-disclosure>summary small,.social-workflow>summary small{color:var(--ink-3);font:600 10px/1.4 var(--mono)}
.social-disclosure-body{padding:2px 13px 13px;border-top:1px solid rgba(34,60,106,.72)}
.social-saved-work .social-disclosure-body{padding-top:12px}
.social-card-actions{margin-top:7px;padding-top:2px;border-top:1px solid rgba(34,60,106,.65)}
.social-card-actions>summary{display:flex;align-items:center;width:max-content;min-height:44px;padding:8px 4px;color:var(--ink-3);cursor:pointer;font:700 10px/1.2 var(--mono);letter-spacing:.05em}
.social-card-actions>summary::after{content:' \2304';color:var(--brass-2)}
.social-card-actions[open]>summary::after{content:' \2303'}
.social-workflow{padding:0!important;overflow:hidden}
.social-workflow>.social-disclosure-body{padding:10px 12px 12px}
.social-step{padding:9px;margin-top:7px}
.social-step:last-child{margin-bottom:0}
.social-campaign-link{display:flex!important;flex-direction:column;align-items:stretch;gap:5px;width:100%;color:var(--ink);text-align:left;cursor:pointer;font:inherit}
.social-campaign-link>span{display:flex;align-items:center;justify-content:space-between;gap:8px}.social-campaign-link>small{color:var(--ink-2);font-size:11px}
.social-journey{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:9px 0 15px;padding:0;list-style:none}
.social-journey li{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;padding:8px 3px;color:var(--ink-3);font:700 11px/1.2 var(--mono);letter-spacing:.03em;text-transform:uppercase;border-bottom:2px solid var(--navy-3)}
.social-journey li span{display:grid;place-items:center;width:18px;height:18px;border:1px solid var(--navy-3);border-radius:50%;font-size:10px}
.social-journey li.done{color:var(--ink-2);border-color:var(--sage-dim)}.social-journey li.done span{border-color:var(--sage);color:var(--sage)}
.social-journey li.current{color:var(--brass-2);border-color:var(--brass)}.social-journey li.current span{border-color:var(--brass);background:var(--brass-bg)}
.social-source{display:flex;align-items:center;gap:8px;margin:8px 0 12px;padding:8px 10px;border-left:3px solid var(--sky);border-radius:0 9px 9px 0;background:rgba(74,144,194,.10);font-size:11px}.social-source>span{color:var(--ink-3)}.social-source>small{margin-left:auto;color:var(--ink-3);font-family:var(--mono)}
.social-local-head{justify-content:flex-start;margin:4px 0 6px}.social-local-head>span{color:var(--ink-3);font:700 10px/1 var(--mono);text-transform:uppercase}
.social-compose-field .ta{min-height:168px;font-size:15px;line-height:1.55}
.social-draft-actions{align-items:center}.social-draft-actions .note{margin:0;max-width:420px}
.social-account-picker .sbtn{min-height:44px}.social-when{margin-top:12px}
.social-primary-actions{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:9px;margin:14px 0}.social-primary-actions .btn{min-height:48px}
.social-pilot-callout{border:1px solid rgba(201,162,39,.4)!important;background:rgba(201,162,39,.07)}
.social-canonical-note{border-left:3px solid var(--sky)}
.social-provenance{padding-top:6px;border-top:1px solid rgba(34,60,106,.55)}
.social-status{border:1px solid currentColor;background:transparent!important;text-transform:none}.social-status-review{color:#E0A23C}.social-status-approved,.social-status-complete{color:#3FB48A}.social-status-planned{color:#7CC0FF}.social-status-waiting{color:#E0A23C}.social-status-draft,.social-status-idea{color:var(--brass-2)}.social-status-new{color:#7CC0FF}.social-status-neutral{color:var(--ink-3)}
.calendar-context{padding:10px 12px;margin:10px 0;border:1px solid rgba(201,162,39,.35);border-radius:12px;background:rgba(201,162,39,.06)}
.calendar-command{margin:8px 0 12px}
.calendar-filters{max-width:900px;margin:10px auto}.calendar-filters #wxStrip{margin-top:8px}
.calendar-date-row{justify-content:center;margin:12px 0}
.calendar-date-button{min-width:min(360px,65vw);padding:9px 14px;border:1px solid var(--brass);border-radius:10px;background:var(--navy-1);color:var(--ink);cursor:pointer;font:700 13px/1.2 var(--body)}
.calendar-date-button span{display:block;margin-top:3px;color:var(--brass-2);font:600 9px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.social-research-command{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin:12px 0;padding:14px;border:1px solid rgba(124,192,255,.34);border-radius:14px;background:linear-gradient(135deg,rgba(74,144,194,.1),var(--navy-1))}
.social-calendar-research-context{margin:0;border-top:1px solid rgba(111,214,222,.45);border-bottom:1px solid var(--navy-3);padding:18px;background:linear-gradient(135deg,rgba(111,214,222,.11),rgba(6,13,28,.24))}
.social-calendar-research-context-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.social-calendar-research-context-head h3{margin:4px 0 6px;font-size:clamp(20px,2vw,28px)}
.social-calendar-research-context-head p{margin:0;max-width:780px;color:var(--ink-2);line-height:1.55}
.social-calendar-research-context .social-research-command{margin:14px 0 0;background:rgba(6,13,28,.28)}
.intelligence-attached-brief{margin:0 0 14px;border-color:rgba(111,214,222,.45)}
.social-research-period{display:flex;flex-direction:column;gap:7px}.social-research-period>b{font-size:16px}.social-research-period>span{color:var(--ink-2);font-size:12px;line-height:1.45}
.social-research-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.social-research-actions .cl-toggle{min-width:210px}
.social-research-honesty,.social-research-brief{margin:10px 0;padding:10px 12px;border-left:3px solid var(--sky);border-radius:0 9px 9px 0;background:rgba(74,144,194,.09);color:var(--ink-2);font-size:11px;line-height:1.5}
button:focus-visible,.btn:focus-visible,.social-choice:focus-visible,.social-fab:focus-visible,.pl-chip:focus-visible,summary:focus-visible{outline:3px solid #7CC0FF;outline-offset:2px}
:root[data-theme="light"] .social-primary-nav .cl-tg.on{color:#151006}
:root[data-theme="light"] .social-panel .warnC{background:#fff7df;border-color:#8a6500;color:#654a00}
:root[data-theme="light"] .social-status-review,:root[data-theme="light"] .social-status-waiting{color:#7a4b00}
:root[data-theme="light"] .social-status-approved,:root[data-theme="light"] .social-status-complete{color:#17613e}
:root[data-theme="light"] .social-status-planned,:root[data-theme="light"] .social-status-new{color:#1c5685}
:root[data-theme="light"] .social-status-draft,:root[data-theme="light"] .social-status-idea{color:#705300}
@media(max-width:820px){
  .social-panel{padding-bottom:calc(74px + env(safe-area-inset-bottom))}
  .social-shell{padding-bottom:46px}
  .social-primary-nav{position:fixed;top:auto;right:0;bottom:0;left:0;z-index:39;margin:0;padding:5px max(5px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left));border-width:1px 0 0;border-radius:0;background:var(--navy-1);box-shadow:0 -12px 36px rgba(0,0,0,.42)}
  .social-primary-nav .cl-tg{min-height:54px;padding:7px 2px;font-size:11px}
  .social-fab{right:14px;bottom:calc(68px + env(safe-area-inset-bottom));min-height:50px;padding-right:14px}
  body:has(.social-panel) .cl-toast{bottom:calc(78px + env(safe-area-inset-bottom))}
}
@media(max-width:560px){
  .social-shell-heading{gap:8px}.social-pilot-status{font-size:9px;white-space:normal}
  .social-command{margin-top:10px}.social-choice-grid{grid-template-columns:1fr}.social-choice-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.social-choice-grid-compact .social-choice{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:112px}.social-choice-grid-compact .social-choice>span{grid-row:auto;font-size:20px}.social-choice-grid-compact .social-choice>b{align-self:auto}
  .social-next-card{align-items:stretch;flex-direction:column;padding:15px}.social-next-card>.btn{width:100%}
  .social-primary-actions{grid-template-columns:1fr}.social-primary-actions .gold{order:-1}
  .social-journey li{flex-direction:column;gap:3px;font-size:10px}.social-journey li span{width:18px;height:18px}
  .social-source{align-items:flex-start;flex-wrap:wrap}.social-source>small{width:100%;margin-left:0}
  .social-panel .fecard .two{flex-direction:column}
  .calendar-date-button{min-width:0;flex:1}
  .calendar-context{align-items:flex-start}
}
@media(max-width:350px){.social-primary-nav .cl-tg{font-size:10px}.social-choice-grid-compact{grid-template-columns:1fr}.social-fab b{display:none}.social-fab{padding-right:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Calendar operating flow — one calm command surface over source-owned records. */
.calendar-command{padding:12px 14px;border:1px solid var(--navy-3);border-radius:12px;background:linear-gradient(135deg,var(--navy-1),rgba(201,162,39,.05))}
.calendar-command .note{margin-top:2px}
.calendar-toolbar{display:grid;grid-template-columns:minmax(360px,1fr) auto;align-items:center;gap:12px;margin:12px 0;padding:10px;border:1px solid var(--navy-3);border-radius:14px;background:var(--navy-1)}
.calendar-view-tabs{display:grid;gap:6px;margin:0;min-width:0}
.calendar-view-tabs-4{grid-template-columns:repeat(4,minmax(56px,1fr))}
.calendar-view-tabs-5{grid-template-columns:repeat(5,minmax(56px,1fr))}
.calendar-view-tabs-3{grid-template-columns:repeat(3,minmax(64px,1fr))}
.calendar-view-tabs .cl-tg{width:100%;min-width:0;padding-inline:7px}
.social-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 8px;padding:14px;border:1px solid rgba(201,162,39,.48);border-radius:14px;background:linear-gradient(135deg,rgba(201,162,39,.1),var(--navy-1))}
.social-calendar-title{display:flex;min-width:170px;flex:1 1 220px;flex-direction:column;gap:3px}.social-calendar-title>b{color:var(--ink);font-size:16px}.social-calendar-title>span:last-child{max-width:380px;color:var(--ink-2);font-size:11px;line-height:1.45}
.social-calendar-head-actions{display:grid;grid-template-columns:minmax(210px,1fr) auto auto;align-items:center;gap:8px;flex:2 1 590px}.social-calendar-head-actions .btn{min-height:44px;white-space:nowrap}
.social-calendar-lenses{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:8px 0 12px;padding:5px;border:1px solid var(--navy-3);border-radius:12px;background:var(--navy-1)}
.social-calendar-lenses .cl-tg{min-width:0;min-height:42px;padding:7px 4px;white-space:normal;font-size:11px;line-height:1.2}
.calendar-toolbar-social{grid-template-columns:1fr;margin-top:8px}.calendar-toolbar-social .calendar-date-row{justify-content:center}
.calendar-date-row{flex-wrap:nowrap;justify-content:flex-end;margin:0}
.calendar-date-button{min-height:46px}
.calendar-filters{max-width:none;margin:12px 0}
.calendar-filters>.social-disclosure-body{padding:14px}
.calendar-search-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(138px,.34fr) minmax(148px,.38fr) auto;align-items:end;gap:10px}
.calendar-search-row label{display:flex;flex-direction:column;gap:6px;min-width:0}
.calendar-search-row label>span{color:var(--ink-3);font:700 9px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.calendar-search-row .in{min-height:42px;margin:0}
.calendar-layer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 9px}
.calendar-layer-head>div{display:flex;flex-direction:column;gap:2px}.calendar-layer-head b{font-size:13px}.calendar-layer-head span{color:var(--ink-3);font:600 10px/1.3 var(--mono)}
.calendar-layer-all-actions{display:flex!important;flex-direction:row!important;align-items:center;gap:7px!important}
.calendar-layer-groups{display:grid;grid-template-columns:1.2fr 1.2fr .6fr;gap:9px}
.calendar-layer-group{min-width:0;padding:10px;border:1px solid rgba(34,60,106,.78);border-radius:11px;background:rgba(6,13,28,.24)}
.calendar-layer-group-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 7px}
.calendar-layer-group h3{margin:0;color:var(--ink-3);font:700 9px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.calendar-layer-group-all{min-width:38px;border:1px solid rgba(124,192,255,.42);border-radius:999px;padding:4px 8px;background:rgba(124,192,255,.08);color:var(--sky-2);font:800 9px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;cursor:pointer}
.calendar-layer-group-all:hover{border-color:var(--sky);background:rgba(124,192,255,.16)}
.calendar-layer-group .pl-chips{margin:0}
.calendar-layer-group .pl-chip{height:auto;min-height:38px;padding:7px 10px;justify-content:space-between;white-space:normal;text-align:left}
.calendar-layer-group .pl-chip .pl-c{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:rgba(124,192,255,.08)}
.calendar-projection-note{margin-top:11px;padding:9px 11px;border-left:3px solid var(--sky);border-radius:0 8px 8px 0;background:rgba(74,144,194,.08);color:var(--ink-2);font-size:11px;line-height:1.45}
.calendar-canvas{margin-top:12px;padding:14px;border:1px solid var(--navy-3);border-radius:14px;background:linear-gradient(180deg,rgba(18,41,78,.38),rgba(6,13,28,.2));overflow:hidden}
.calendar-month-scroll,.calendar-week-scroll{overflow:auto;overscroll-behavior-inline:contain;padding-bottom:3px}
.calendar-month-grid{display:grid;grid-template-columns:repeat(7,minmax(104px,1fr));gap:6px;min-width:770px}
.calendar-month-weekday{padding:3px 8px;color:var(--ink-3);font:700 9px/1.2 var(--mono);letter-spacing:.07em;text-transform:uppercase}
.calendar-month-cell{position:relative;display:flex;flex-direction:column;min-height:112px;padding:8px;border:1px solid var(--navy-3);border-radius:10px;background:var(--navy-1);cursor:pointer;overflow:hidden}
.calendar-month-cell:hover{border-color:var(--sky);background:var(--navy-2)}
.calendar-month-cell.is-today{border-color:var(--brass);box-shadow:inset 0 0 0 1px rgba(201,162,39,.15)}
.calendar-month-cell:focus-visible{outline:3px solid #7CC0FF;outline-offset:2px}
.calendar-month-day{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:6px;color:var(--ink);font-size:13px;font-weight:800}
.calendar-month-day span{color:var(--brass-2);font:700 8px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.calendar-month-items{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}
.calendar-month-item{display:block;width:100%;min-width:0;min-height:24px;margin:0;padding:4px 5px;border:0;border-left:3px solid var(--navy-3);border-radius:5px;background:rgba(18,41,78,.72);color:var(--ink-2);font:600 9.5px/1.35 var(--body);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
button.calendar-month-item{cursor:pointer}button.calendar-month-item:hover{color:var(--ink);background:rgba(34,60,106,.82)}
.calendar-month-more{margin-top:auto;color:var(--ink-3);font:600 9px/1.2 var(--mono)}
.calendar-month-dots{display:flex;gap:3px;margin-top:6px}.calendar-month-dots .pl-dot{width:5px;height:5px;margin:0}
.calendar-key-note{margin:9px 2px 0}
.calendar-week-grid{min-width:760px}
.calendar-week-row{display:grid;gap:4px;min-height:40px;border-top:1px solid var(--navy-3)}
.calendar-week-head{border-top:0;margin-bottom:3px}
.calendar-week-day{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;padding:5px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ink-2);cursor:pointer}
.calendar-week-day:hover{border-color:var(--navy-3);background:var(--navy-2)}.calendar-week-day.is-today{border-color:var(--brass);color:var(--brass-2);background:var(--brass-bg)}
.calendar-week-day span{font:700 9px/1.2 var(--mono);letter-spacing:.05em;text-transform:uppercase}.calendar-week-day b{font-size:14px}
.calendar-week-cell{min-width:0;padding:4px 2px}
.calendar-week-item{margin-bottom:3px;padding:4px 5px;font-size:10.5px}
.pl-ev.is-complete,.calendar-month-item.is-complete{opacity:.52;text-decoration:line-through;text-decoration-thickness:1px}

/* Approved Social dream-state calendar. This is a Social view over the same
   Planner records; it does not introduce a second calendar or a second store. */
.social-dream-rebuild{max-width:1120px}
.social-dream-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:3px 0 18px}
.social-dream-heading>div:first-child{min-width:0;max-width:690px}
.social-dream-heading h1{margin:4px 0 7px}
.social-dream-heading p{margin:0;color:var(--ink-2);font-size:14px;line-height:1.55}
.social-dream-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.social-accounts-button,.social-dream-research-pill{min-height:42px;white-space:nowrap}
.social-dream-research-pill{padding:10px 14px;border:1px solid rgba(111,214,222,.55);border-radius:999px;background:rgba(111,214,222,.09);color:#6fd6de;cursor:pointer;font:800 11px/1.2 var(--mono);letter-spacing:.02em}
.social-dream-research-pill:hover,.social-dream-research-pill:focus-visible{border-color:#6fd6de;background:rgba(111,214,222,.16)}
.social-dream-calendar-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.social-dream-card{overflow:hidden;border:1px solid var(--navy-3);border-radius:18px;background:linear-gradient(145deg,var(--navy-2),rgba(18,41,78,.72));box-shadow:0 14px 36px rgba(0,0,0,.14)}
.social-dream-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 18px 14px;border-bottom:1px solid var(--navy-3)}
.social-dream-card-head>div:first-child{min-width:0}
.social-dream-card-head h2{margin:0 0 5px;color:var(--ink);font-size:19px}
.social-dream-card-head p{margin:0;color:var(--ink-2);font-size:11px;line-height:1.45}
.social-dream-calendar-actions{display:grid;grid-template-columns:minmax(210px,1fr) auto auto;align-items:center;gap:8px;flex:1 1 620px;max-width:720px}
.social-dream-calendar-actions .btn{min-height:44px;white-space:nowrap}
.social-dream-calendar-card>.social-calendar-lenses{margin:0;padding:12px 18px;border:0;border-bottom:1px solid var(--navy-3);border-radius:0;background:transparent}
.social-dream-date-row{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-bottom:1px solid var(--navy-3)}
.social-dream-date-row .calendar-date-button{flex:0 1 430px}
.social-dream-calendar-canvas{margin:0;padding:14px 18px;border:0;border-radius:0;background:rgba(6,13,28,.18)}
.social-dream-calendar-card>.calendar-filters{margin:0;border-width:1px 0 0;border-radius:0;background:rgba(6,13,28,.18)}
.social-dream-calendar-card>.calendar-filters>summary{padding-inline:18px}
.social-dream-calendar-card>.calendar-filters>.social-disclosure-body{padding-inline:18px}
.social-dream-legend{display:flex;align-items:center;gap:14px;padding:13px 18px;border-top:1px solid var(--navy-3);color:var(--ink-3);font-size:10px;line-height:1.3;flex-wrap:wrap}
.social-dream-legend span{display:inline-flex;align-items:center;gap:6px}.social-dream-legend span::before{content:'';width:9px;height:9px;border-radius:50%;background:var(--legend-color)}
.social-dream-selected .social-dream-card-head{padding-bottom:16px}
.social-dream-detail{display:flex;flex-direction:column;gap:13px;padding:20px}
.social-dream-detail-badge{align-self:flex-start;padding:6px 9px;border:1px solid rgba(124,192,255,.42);border-radius:999px;color:var(--sky-2);font:800 9px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase}
.social-dream-detail h3{margin:0;color:var(--ink);font-size:22px;line-height:1.25}
.social-dream-detail>p{margin:-5px 0 0;color:var(--ink-2);font-size:13px;line-height:1.5}
.social-dream-source-box{display:flex;flex-direction:column;gap:6px;padding:13px;border:1px solid var(--navy-3);border-radius:12px;background:rgba(18,41,78,.58)}
.social-dream-source-box strong{color:var(--ink);font-size:12px}.social-dream-source-box span{color:var(--ink-2);font-size:11px;line-height:1.55}
.social-dream-detail-actions{display:grid;gap:8px}
.social-dream-principle{margin:16px 0 0;padding:14px 16px;border:1px solid rgba(201,162,39,.48);border-radius:14px;background:rgba(201,162,39,.07);color:var(--ink-2);font-size:11px;line-height:1.6}
.social-dream-principle strong{color:var(--brass-2)}
.social-calendar-open-slot{display:flex;align-items:center;justify-content:center;width:100%;min-height:29px;padding:4px;border:1px dashed rgba(124,192,255,.18);border-radius:6px;background:transparent;color:var(--ink-3);cursor:pointer;font:600 9px/1.2 var(--mono)}
.social-calendar-open-slot:hover,.social-calendar-open-slot:focus-visible{border-color:var(--sky);background:rgba(124,192,255,.08);color:var(--sky-2)}
:root[data-theme="light"] .social-dream-card{background:linear-gradient(145deg,#fff,#f3f7fd)}
:root[data-theme="light"] .social-dream-source-box{background:#f3f7fd}

@media(max-width:980px){
  .calendar-toolbar{grid-template-columns:1fr}.calendar-date-row{justify-content:center}
  .social-calendar-head{align-items:stretch;flex-direction:column}.social-calendar-head-actions{flex-basis:auto}
  .social-dream-card-head{flex-direction:column}.social-dream-calendar-actions{width:100%;max-width:none;flex-basis:auto}
  .calendar-layer-groups{grid-template-columns:1fr 1fr}.calendar-layer-group:last-child{grid-column:1/-1}
}
@media(max-width:680px){
  .social-panel{padding-bottom:calc(116px + env(safe-area-inset-bottom))}.social-shell{padding-bottom:82px}
  .social-primary-nav{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:minmax(54px,auto)}.social-primary-nav .cl-tg{min-height:54px}.social-fab{bottom:calc(74px + env(safe-area-inset-bottom))}
  .social-calendar-head-actions{grid-template-columns:1fr 1fr}.social-calendar-head-actions .calendar-view-tabs{grid-column:1/-1}.social-calendar-head-actions .btn{white-space:normal}
  .social-dream-heading{flex-direction:column;margin-bottom:12px}.social-dream-heading-actions{width:100%;justify-content:stretch}.social-dream-heading-actions>*{flex:1 1 auto}
  .social-dream-calendar-actions{grid-template-columns:1fr 1fr}.social-dream-calendar-actions .calendar-view-tabs{grid-column:1/-1}.social-dream-calendar-actions .btn{white-space:normal}
  .social-dream-card-head,.social-dream-detail{padding:14px}.social-dream-calendar-card>.social-calendar-lenses{padding:10px 14px}.social-dream-date-row{padding:10px 14px;flex-wrap:wrap}.social-dream-date-row .calendar-date-button{order:-1;flex-basis:100%;width:100%}.social-dream-calendar-canvas{padding:9px}.social-dream-legend{padding:11px 14px}
  .social-calendar-lenses{grid-template-columns:repeat(2,minmax(0,1fr))}
  .social-research-command{grid-template-columns:1fr}.social-research-actions{justify-content:flex-start}.social-research-actions .cl-toggle{width:100%;min-width:0}.social-calendar-research-context-head{flex-direction:column}.social-calendar-research-context-head>.btn{align-self:flex-end}
  .calendar-toolbar{padding:8px}.calendar-view-tabs{overflow:visible}.calendar-view-tabs .cl-tg{min-width:0;padding-inline:4px;font-size:11px}
  .calendar-date-row{flex-wrap:wrap}.calendar-date-button{order:-1;width:100%;min-width:100%}.calendar-today{flex:1}
  .calendar-search-row{grid-template-columns:1fr 1fr}.calendar-search-row label:first-child{grid-column:1/-1}.calendar-search-row>.btn{grid-column:1/-1;width:100%}
  .calendar-layer-head{align-items:flex-start}.calendar-layer-all-actions{flex-wrap:wrap;justify-content:flex-end}
  .calendar-layer-groups{grid-template-columns:1fr}.calendar-layer-group:last-child{grid-column:auto}.calendar-layer-group .pl-chip{min-height:44px}
  .calendar-canvas{padding:9px}.calendar-month-grid{grid-template-columns:repeat(7,minmax(96px,1fr));min-width:714px}
}

/* Connected Channels Control — the canonical social-account blueprint surface. */
.connected-channels-heading{align-items:flex-start;margin-bottom:12px}
.connected-channels-heading>div{min-width:0;max-width:680px}
.connected-channels-heading p{margin-top:5px;color:var(--ink-2);font-size:13px;line-height:1.55}
.connected-channels-heading>.btn{flex:0 0 auto;min-height:44px}
.channel-control-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:14px 0 16px;overflow:hidden;border:1px solid var(--navy-3);border-radius:13px;background:var(--navy-3)}
.channel-control-summary>div{display:flex;min-width:0;min-height:88px;flex-direction:column;gap:5px;padding:13px;background:linear-gradient(145deg,var(--navy-2),var(--navy-1))}
.channel-control-summary b{color:var(--ink);font:700 12px/1.35 var(--display)}
.channel-control-summary span{color:var(--ink-3);font-size:10px;line-height:1.45}
.channel-account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin:15px 0}
.channel-account-grid>.social-empty-state{grid-column:1/-1}
.channel-account-card{display:grid;grid-template-columns:46px minmax(0,1fr);grid-template-rows:auto auto;gap:10px 12px;min-width:0;padding:15px;border:1px solid var(--navy-3);border-radius:14px;background:linear-gradient(145deg,var(--navy-2),rgba(11,27,58,.88));box-shadow:0 10px 28px rgba(0,0,0,.1)}
.channel-account-card:hover{border-color:rgba(124,192,255,.48)}
.channel-account-card>div:nth-child(2){min-width:0}
.channel-account-card h3{margin:0;color:var(--ink);font:700 16px/1.25 var(--display);overflow-wrap:anywhere}
.channel-account-card p{margin:3px 0 8px;color:var(--ink-2);font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.channel-account-card .eyebrow{margin-bottom:3px;font-size:8px}
.channel-account-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--navy-3);border-radius:13px;background:var(--navy-1);font:800 12px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase}
.channel-account-actions{grid-column:1/-1;display:flex;align-items:center;gap:7px;padding-top:10px;border-top:1px solid rgba(34,60,106,.72);flex-wrap:wrap}
.channel-account-actions .btn{flex:1 1 150px}.channel-account-actions .btn-del{flex:0 0 auto}
.channel-connection-state,.channel-blueprint-state{display:inline-flex;align-items:center;max-width:100%;min-height:25px;margin:3px 5px 0 0;padding:4px 7px;border:1px solid rgba(124,192,255,.34);border-radius:999px;background:rgba(74,144,194,.08);color:#9bd2f4;font:700 8.5px/1.3 var(--mono);overflow-wrap:anywhere}
.channel-blueprint-state{border-color:rgba(201,162,39,.4);background:rgba(201,162,39,.08);color:var(--brass-2)}
.channel-canonical-connection{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:16px 0 10px;padding:16px;border:1px solid rgba(59,167,118,.5);border-radius:14px;background:linear-gradient(135deg,rgba(59,167,118,.11),var(--navy-1))}
.channel-canonical-connection>div{min-width:0}.channel-canonical-connection h3{margin:2px 0;color:var(--ink);font-size:16px}.channel-canonical-connection p{color:var(--ink-2);font-size:12px;overflow-wrap:anywhere}.channel-canonical-connection .note{display:block;max-width:650px}
.channel-canonical-connection>.btn{flex:0 0 auto}
.channel-control-footer{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--navy-3);flex-wrap:wrap}
.channel-control-footer .btn{flex:1 1 220px}
.clsheet:has(.channel-blueprint-modal){max-width:1040px}
.channel-blueprint-modal{width:100%;min-width:0}
.channel-blueprint-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
.channel-blueprint-box{min-width:0;padding:14px;border:1px solid var(--navy-3);border-radius:12px;background:linear-gradient(145deg,var(--navy-2),rgba(7,15,34,.42))}
.channel-blueprint-box h3{margin:2px 0 12px;color:var(--ink);font-size:15px;line-height:1.35}
.channel-blueprint-box .f:last-child{margin-bottom:0}
.channel-provider-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:10px;overflow:hidden;border:1px solid var(--navy-3);border-radius:10px;background:var(--navy-3)}
.channel-provider-rules>div{display:flex;min-width:0;flex-direction:column;gap:3px;padding:9px 10px;background:var(--navy-1)}
.channel-provider-rules span{color:var(--ink-3);font:700 8px/1.3 var(--mono);letter-spacing:.07em;text-transform:uppercase}
.channel-provider-rules b{color:var(--ink-2);font-size:10.5px;line-height:1.4;overflow-wrap:anywhere}
.channel-adaptation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:15px 0;padding:15px;border:1px solid rgba(201,162,39,.42);border-radius:13px;background:linear-gradient(135deg,rgba(201,162,39,.08),var(--navy-1))}
.channel-adaptation>.eyebrow,.channel-adaptation>h3{grid-column:1/-1}.channel-adaptation>h3{margin:-2px 0 4px;color:var(--ink);font-size:16px}
.channel-adaptation>div{position:relative;display:flex;min-width:0;min-height:88px;flex-direction:column;gap:5px;padding:12px;border:1px solid var(--navy-3);border-radius:10px;background:rgba(7,15,34,.44)}
.channel-adaptation>div:not(:last-child)::after{content:'\2192';position:absolute;top:50%;right:-10px;z-index:1;color:var(--brass-2);font-weight:800;transform:translateY(-50%)}
.channel-adaptation b{color:var(--ink);font-size:11px;line-height:1.35}.channel-adaptation span{color:var(--ink-3);font-size:9.5px;line-height:1.45}
.channel-adaptation .channel-specific{border-color:var(--brass);background:var(--brass-bg)}
.channel-adaptation .channel-specific b{color:var(--brass-2)}
.channel-variant-context{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(34,60,106,.65)}
.channel-variant-context span{min-width:0;padding:6px 7px;border-radius:7px;background:rgba(74,144,194,.08);color:var(--ink-3);font:600 8.5px/1.45 var(--mono);overflow-wrap:anywhere}

/* Research & Intelligence — a separate strategic workspace linked to Social. */
.intelligence-workspace{max-width:980px;margin:0 auto;padding-bottom:64px}
.intelligence-workspace-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.intelligence-workspace-header>div:first-child{min-width:0;max-width:700px}
.intelligence-workspace-header h1{margin:3px 0 6px}.intelligence-workspace-header p{color:var(--ink-2);font-size:13px;line-height:1.55}
.intelligence-workspace-switch,.intelligence-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.intelligence-workspace-switch .btn{min-height:44px;white-space:nowrap}
.intelligence-nav{position:sticky;top:49px;z-index:29;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:0 0 16px;padding:4px;border:1px solid var(--navy-3);border-radius:12px;background:rgba(11,27,58,.96);box-shadow:0 10px 30px rgba(0,0,0,.18);backdrop-filter:blur(12px)}
.intelligence-nav .cl-tg{min-width:0;min-height:48px;padding:8px 6px;white-space:normal;line-height:1.25}
.intelligence-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:14px 0 10px}
.intelligence-heading>div{min-width:0}.intelligence-heading h2{margin:2px 0 4px;color:var(--ink);font-size:1.35rem}.intelligence-heading p{max-width:680px;color:var(--ink-2);font-size:12px;line-height:1.55}
.intelligence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.intelligence-card{min-width:0;padding:15px;border:1px solid var(--navy-3);border-radius:14px;background:linear-gradient(145deg,var(--navy-2),rgba(11,27,58,.82))}
.intelligence-card-wide{grid-column:1/-1}.intelligence-card-accent{border-color:rgba(201,162,39,.48);background:linear-gradient(135deg,rgba(201,162,39,.1),var(--navy-1))}
.intelligence-card h3{margin:2px 0 5px;color:var(--ink);font-size:16px;line-height:1.35}.intelligence-card p{color:var(--ink-2);font-size:11px;line-height:1.55}
.intelligence-planner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin:12px 0;padding:15px;border:1px solid rgba(124,192,255,.38);border-radius:14px;background:linear-gradient(135deg,rgba(74,144,194,.1),var(--navy-1))}
.intelligence-planner-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-width:0}.intelligence-planner-fields>.f:first-child{grid-column:1/-1}
.intelligence-planner .in,.intelligence-planner .ta{margin:0}
.intelligence-period{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:4px;border:1px solid var(--navy-3);border-radius:11px;background:var(--navy-0)}
.intelligence-period .cl-tg{min-width:0;min-height:42px;padding:7px 6px}
.intelligence-status{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:5px 9px;border:1px solid rgba(111,214,222,.46);border-radius:999px;background:rgba(111,214,222,.08);color:#6fd6de;font:700 9px/1.3 var(--mono)}
.intelligence-empty,.intelligence-empty-state{grid-column:1/-1;display:flex;min-height:150px;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:22px;border:1px dashed var(--navy-4);border-radius:13px;background:rgba(18,41,78,.35);color:var(--ink-3);text-align:center}
.intelligence-empty b,.intelligence-empty-state b{color:var(--ink-2);font-size:13px}.intelligence-empty span,.intelligence-empty-state span{max-width:520px;font-size:10.5px;line-height:1.55}
.intelligence-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.intelligence-list-item{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:12px;border:1px solid var(--navy-3);border-radius:10px;background:rgba(7,15,34,.42)}
.intelligence-list-item>div{min-width:0}.intelligence-list-item h3,.intelligence-list-item h4{margin:0 0 3px;color:var(--ink);font-size:13px}.intelligence-list-item p{color:var(--ink-3);font-size:10px;line-height:1.5}.intelligence-list-item>.btn{flex:0 0 auto}
.intelligence-source{margin:10px 0;padding:10px 12px;border-left:3px solid var(--sky);border-radius:0 9px 9px 0;background:rgba(74,144,194,.09);color:var(--ink-2);font-size:10.5px;line-height:1.55}
.intelligence-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:1px;margin:12px 0;overflow:hidden;border:1px solid var(--navy-3);border-radius:11px;background:var(--navy-3)}
.intelligence-metric{display:flex;min-height:74px;flex-direction:column;justify-content:center;gap:4px;padding:11px;background:var(--navy-2)}
.intelligence-metric span{color:var(--ink-3);font:700 8px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase}.intelligence-metric b{color:var(--ink);font-size:15px}
.intelligence-proposal{margin:13px 0;padding:15px;border:1px solid rgba(111,214,222,.45);border-radius:13px;background:linear-gradient(135deg,rgba(111,214,222,.09),var(--navy-1))}
.intelligence-proposal h3{margin:2px 0 6px;color:var(--ink);font-size:17px}.intelligence-proposal p{color:var(--ink-2);font-size:11px;line-height:1.55}
.intelligence-objective-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:11px 0;padding:4px;border:1px solid var(--navy-3);border-radius:11px;background:var(--navy-0)}
.intelligence-objective-toggle .cl-tg{min-width:0;white-space:normal}
.intelligence-learning-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:13px 0}
.intelligence-learning-step{position:relative;display:flex;min-width:0;min-height:94px;flex-direction:column;gap:5px;padding:12px;border:1px solid var(--navy-3);border-radius:10px;background:var(--navy-2)}
.intelligence-learning-step:not(:last-child)::after{content:'\2192';position:absolute;top:50%;right:-10px;z-index:1;color:var(--brass-2);font-weight:800;transform:translateY(-50%)}
.intelligence-learning-step b{color:var(--ink);font-size:11px}.intelligence-learning-step span{color:var(--ink-3);font-size:9.5px;line-height:1.45}
:root[data-theme="light"] .channel-account-card,:root[data-theme="light"] .channel-blueprint-box,:root[data-theme="light"] .intelligence-card{background:linear-gradient(145deg,#fff,#f3f7fd)}
:root[data-theme="light"] .channel-connection-state{color:#1c5685}:root[data-theme="light"] .channel-blueprint-state{color:#705300}

@media(max-width:820px){
  .channel-control-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .channel-control-summary>div{min-height:76px}
  .channel-blueprint-grid{grid-template-columns:1fr}
  .channel-adaptation,.intelligence-learning-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .channel-adaptation>div:nth-of-type(2)::after,.intelligence-learning-step:nth-child(2)::after{display:none}
  .intelligence-workspace{padding-bottom:42px}
  .intelligence-nav{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}
  .intelligence-grid{grid-template-columns:1fr}.intelligence-card-wide{grid-column:auto}
  .intelligence-planner{grid-template-columns:1fr}.intelligence-planner>.btn,.intelligence-planner>.intelligence-actions{width:100%}.intelligence-planner>.btn{min-height:46px}
}
@media(max-width:620px){
  .connected-channels-heading,.channel-canonical-connection,.intelligence-workspace-header,.intelligence-heading{align-items:stretch;flex-direction:column}
  .connected-channels-heading>.btn,.channel-canonical-connection>.btn,.intelligence-workspace-switch .btn{width:100%}
  .channel-control-summary{grid-template-columns:1fr}.channel-control-summary>div{min-height:auto}
  .channel-account-grid{grid-template-columns:1fr}.channel-account-card{grid-template-columns:42px minmax(0,1fr);padding:12px}.channel-account-icon{width:42px;height:42px}
  .channel-account-actions .btn,.channel-account-actions .btn-del{flex:1 1 100%}
  .channel-provider-rules{grid-template-columns:1fr}
  .channel-adaptation,.intelligence-learning-flow{grid-template-columns:1fr}
  .channel-adaptation>div:not(:last-child)::after,.intelligence-learning-step:not(:last-child)::after{content:'\2193';top:auto;right:auto;bottom:-11px;left:50%;transform:translateX(-50%)}
  .channel-variant-context{grid-template-columns:1fr}
  .intelligence-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.intelligence-nav .cl-tg:last-child{grid-column:1/-1}
  .intelligence-planner-fields{grid-template-columns:1fr}.intelligence-planner-fields>.f:first-child{grid-column:auto}
  .intelligence-actions{align-items:stretch;flex-direction:column}.intelligence-actions .btn{width:100%}
  .intelligence-list-item{align-items:stretch;flex-direction:column}.intelligence-list-item>.btn{width:100%}
  .intelligence-objective-toggle{grid-template-columns:1fr}
}

/* Bearing Social Command System v1 — exact frontend transplant.
   The approved prototype keeps ownership of its feature markup, copy, colors,
   selected states, and interactions. Only its duplicate outer brand/rail are
   folded away because the real Bearing shell already supplies those controls. */
.bearing-social-command-panel{width:100%;max-width:100%;min-width:0;padding-bottom:64px;animation:none}
.bearing-social-command-host{container-name:bearingSocial;container-type:inline-size;width:100%;max-width:100%;min-width:0}
/* The approved source is a standalone fragment and intentionally relies on the
   browser defaults for any property it does not declare. Bearing's application
   reset must not silently become part of that source. Restore those defaults at
   low-enough specificity that every declaration in social-command-v1.css still
   wins unchanged. */
#borPrototype{width:100%;max-width:100%;min-width:0;line-height:normal;overflow-wrap:normal;-webkit-font-smoothing:auto}
#borPrototype :where(*){margin:revert;padding:revert}
#borPrototype :where(button){min-height:revert}
#borPrototype :where(button:focus-visible){outline:revert;outline-offset:revert}
#borPrototype :where(input:-webkit-autofill){animation-name:revert;animation-duration:revert}
#borPrototype ::selection{background:revert;color:revert}
#content .bearing-social-command-host #borPrototype .bor-app{width:100%}
#content .bearing-social-command-host #borPrototype .bor-topbar{grid-template-columns:1fr;justify-items:end}
#content .bearing-social-command-host #borPrototype .bor-topbar>.bor-brand,
#content .bearing-social-command-host #borPrototype .bor-topbar>.bor-crumb{display:none}
#content .bearing-social-command-host #borPrototype .bor-top-actions{width:100%;justify-content:flex-end}
#content .bearing-social-command-host #borPrototype .bor-shell{display:block}
#content .bearing-social-command-host #borPrototype .bor-sidebar{display:none}

/* The approved standalone source responds to its viewport. Inside Bearing it
   occupies the narrower content column beside the company rail, so mirror the
   source breakpoints against the feature container. These are the source's
   exact responsive values, not a second design. */
@container bearingSocial (max-width:900px){
  #content .bearing-social-command-host #borPrototype .bor-main{padding:16px}
  #content .bearing-social-command-host #borPrototype .bor-calendar-head,
  #content .bearing-social-command-host #borPrototype .bor-detail-grid,
  #content .bearing-social-command-host #borPrototype .bor-virality{grid-template-columns:1fr}
  #content .bearing-social-command-host #borPrototype .bor-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #content .bearing-social-command-host #borPrototype .bor-profile-summary,
  #content .bearing-social-command-host #borPrototype .bor-adaptation{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@container bearingSocial (max-width:680px){
  #content .bearing-social-command-host #borPrototype .bor-main{padding:12px}
  #content .bearing-social-command-host #borPrototype .bor-heading{display:block}
  #content .bearing-social-command-host #borPrototype .bor-heading .bor-live{margin-top:10px}
  #content .bearing-social-command-host #borPrototype .bor-tabs{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}
  #content .bearing-social-command-host #borPrototype .bor-main-switch,
  #content .bearing-social-command-host #borPrototype .bor-grid-2,
  #content .bearing-social-command-host #borPrototype .bor-grid-3,
  #content .bearing-social-command-host #borPrototype .bor-grid-4,
  #content .bearing-social-command-host #borPrototype .bor-form-grid{grid-template-columns:1fr}
  #content .bearing-social-command-host #borPrototype .bor-profile-grid,
  #content .bearing-social-command-host #borPrototype .bor-profile-summary,
  #content .bearing-social-command-host #borPrototype .bor-adaptation{grid-template-columns:1fr}
  #content .bearing-social-command-host #borPrototype .bor-field.is-wide,
  #content .bearing-social-command-host #borPrototype .bor-profile-box.is-wide{grid-column:auto}
  #content .bearing-social-command-host #borPrototype .bor-control-row{align-items:stretch}
  #content .bearing-social-command-host #borPrototype .bor-control-row>*{width:100%}
  #content .bearing-social-command-host #borPrototype .bor-segment{width:100%}
  #content .bearing-social-command-host #borPrototype .bor-flow{grid-template-columns:1fr}
  #content .bearing-social-command-host #borPrototype .bor-setting{grid-template-columns:38px minmax(0,1fr)}
  #content .bearing-social-command-host #borPrototype .bor-setting .bor-button{grid-column:1/-1}
  #content .bearing-social-command-host #borPrototype .bor-profile-head{grid-template-columns:1fr}
  #content .bearing-social-command-host #borPrototype .bor-rule-list li{grid-template-columns:1fr}
}

@media(max-width:680px){
  .bearing-social-command-panel{padding-bottom:96px}
}

/* Bearing Company Calendar v1 — exact native frontend transplant.
   The approved Calendar owns every feature-level layout, label, color, control,
   selected state, and interaction. Bearing supplies only its existing outer
   authentication, company, navigation, and permission shell. */
.bearing-company-calendar-panel{width:100%;max-width:100%;min-width:0;padding-bottom:64px;animation:none}
.bearing-company-calendar-host{container-name:bearingCalendar;container-type:inline-size;width:100%;max-width:100%;min-width:0}
/* The approved source is a standalone fragment and relies on browser defaults
   where it has no declaration. Keep Bearing's global reset from altering those
   source-owned defaults; the checksum-locked Calendar stylesheet still wins. */
#bearingMasterCalendarV1{width:100%;max-width:100%;min-width:0;line-height:normal;overflow-wrap:normal;-webkit-font-smoothing:auto}
#bearingMasterCalendarV1 :where(*){margin:revert;padding:revert}
#bearingMasterCalendarV1 :where(button){min-height:revert}
#bearingMasterCalendarV1 :where(button:focus-visible){outline:revert;outline-offset:revert}
#bearingMasterCalendarV1 :where(input:-webkit-autofill){animation-name:revert;animation-duration:revert}
#bearingMasterCalendarV1 ::selection{background:revert;color:revert}
#content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-app{width:100%}
#content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-topbar{grid-template-columns:1fr;justify-items:end}
#content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-topbar>.bmc-brand,
#content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-topbar>.bmc-crumb{display:none}
#content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-top-actions{width:100%;justify-content:flex-end}
#content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-shell{display:block}
#content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-sidebar{display:none}
#content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-calendar-command-head{top:49px}

/* Match the Calendar's approved standalone breakpoints to the width actually
   available inside Bearing's application shell. */
@container bearingCalendar (max-width:1100px){
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-calendar-head{grid-template-columns:1fr}
}

@container bearingCalendar (max-width:900px){
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-main{padding:16px}
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-calendar-head,
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-detail-grid{grid-template-columns:1fr}
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-capacity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-year-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-operating-groups{grid-template-columns:1fr}
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-operating-agenda-row{grid-template-columns:78px 112px minmax(180px,1fr) auto}
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-agenda-owner{display:none}
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@container bearingCalendar (max-width:680px){
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-main{padding:12px}
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-heading{display:block}
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-heading .bmc-status{margin-top:10px}
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-control-row{align-items:stretch}
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-control-row>*{width:100%}
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-segment{width:100%;grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-navigator{grid-template-columns:auto minmax(0,1fr) auto}
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-navigator .bmc-button[data-bmc-today]{grid-column:1/-1}
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-date-jump{grid-column:1/-1;justify-content:center}
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-filter-grid,
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-form-grid{grid-template-columns:1fr}
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-field.is-wide{grid-column:auto}
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-day-row{grid-template-columns:68px minmax(0,1fr)}
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-agenda-group{grid-template-columns:1fr}
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-agenda-item{grid-template-columns:72px minmax(0,1fr)}
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-agenda-item .bmc-status{grid-column:1/-1;justify-self:start}
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-capacity-grid,
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-year-grid{grid-template-columns:1fr}
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-operating-head,
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-plan-head{align-items:stretch;flex-direction:column}
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-operating-agenda-row{grid-template-columns:72px minmax(0,1fr)}
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-operating-agenda-row>.bmc-type-label{grid-column:2}
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-operating-agenda-row>.bmc-actions{grid-column:1/-1}
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-fact-list li{grid-template-columns:1fr;gap:4px}
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-attention-row{grid-template-columns:1fr}
}

@container bearingCalendar (max-width:480px){
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-live,
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-status{white-space:normal}
}

@media(max-width:680px){
  .bearing-company-calendar-panel{padding-bottom:96px}
}

/* Sanctioned accessibility correction: the approved source requests 44px
   coarse-pointer targets, but three more-specific compact-control rules win
   its cascade. Raise only those same controls to the source's stated minimum. */
@media(pointer:coarse){
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-menu-button,
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-kind-button,
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-button.is-small{min-height:44px}
}

/* Bearing Queue + Right Now v1 — exact native frontend transplant.
   The approved feature owns its content, controls, selected states, colors,
   and behavior. Bearing folds away only the prototype's duplicate application
   rail and brand because the authenticated shell already supplies them. */
.bearing-queue-right-now-panel{width:100%;max-width:100%;min-width:0;padding-bottom:64px;animation:none}
.bearing-queue-right-now-host{container-name:bearingQueue;container-type:inline-size;width:100%;max-width:100%;min-width:0}
/* Restore the standalone source's browser defaults beneath its own unchanged
   stylesheet so the application reset cannot subtly redesign the transplant. */
#bearingQueueRightNowCandidate{width:100%;max-width:100%;min-width:0;line-height:normal;overflow-wrap:normal;-webkit-font-smoothing:auto}
#bearingQueueRightNowCandidate :where(*){margin:revert;padding:revert}
#bearingQueueRightNowCandidate :where(button){min-height:revert}
#bearingQueueRightNowCandidate :where(button:focus-visible){outline:revert;outline-offset:revert}
#bearingQueueRightNowCandidate :where(input:-webkit-autofill){animation-name:revert;animation-duration:revert}
#bearingQueueRightNowCandidate ::selection{background:revert;color:revert}
#content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-app{width:100%}
#content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-topbar{grid-template-columns:minmax(0,1fr) auto}
#content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-topbar>.bqr-brand{display:none}
#content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-shell{display:block}
#content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-sidebar{display:none}

/* The standalone source responds to viewport width. Within Bearing the real
   feature width is its content container beside the rail, so mirror those
   approved breakpoints against that container without altering the source. */
@container bearingQueue (max-width:980px){
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-shell{grid-template-columns:1fr}
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-sidebar{display:none}
}

@container bearingQueue (max-width:820px){
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-topbar{grid-template-columns:1fr auto}
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-company-select{grid-column:1/-1;grid-row:2;width:100%}
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-main{padding:16px 12px}
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-heading,
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-ready-strip,
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-one-touch,
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-timeline-head{grid-template-columns:1fr;flex-direction:column;align-items:stretch}
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-workspace,
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-manifest-columns{grid-template-columns:1fr}
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-payment-flow{grid-template-columns:1fr}
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-week-grid{grid-template-columns:1fr;border:0;gap:7px}
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-day{border:1px solid var(--bqr-line);border-radius:10px;overflow:hidden}
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-day-body{min-height:0}
}

@container bearingQueue (max-width:620px){
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-preview{display:none}
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-view-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-toolbar{grid-template-columns:1fr}
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-filter-row>*{flex:1 1 100%}
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-select{width:100%}
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-info-grid{grid-template-columns:1fr}
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-group,
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-urgent{grid-template-columns:6px minmax(0,1fr)}
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-group>.bqr-status,
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-urgent>.bqr-status{grid-column:2;justify-self:start}
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-urgent-side,
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-group-side{grid-column:2;justify-items:start}
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-fact,
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-special-lane{grid-template-columns:1fr}
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-payment-grid{grid-template-columns:1fr}
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-completed-row,
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-agenda-row{grid-template-columns:1fr}
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-form{grid-template-columns:1fr}
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-form .is-wide{grid-column:auto}
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-dialog-foot{flex-direction:column-reverse}
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-dialog-foot .bqr-button{width:100%}
}

@media(max-width:680px){
  .bearing-queue-right-now-panel{padding-bottom:96px}
}

/* Shared workspace sizing contract — v1.15.5.
   The 230px navigation rail remains unchanged. Every route now receives the
   same usable content width and desktop edge instead of choosing a different
   centered maximum. Feature-owned inner spacing and responsive behavior stay
   untouched. */
#content>.panel.on{width:100%;min-width:0;max-width:none}
#content>.panel.on>.fecard,
#content .social-shell,
#content .social-dream-rebuild,
#content .intelligence-workspace,
#content .bearing-social-command-panel,
#content .bearing-company-calendar-panel,
#content .bearing-queue-right-now-panel{
  width:100%;
  min-width:0;
  max-width:none;
  margin-inline:0;
}
@media(min-width:821px){
  .social-fab{right:var(--workspace-page-gutter)}
}

/* Whole-app visual consistency — v1.15.6.
   This pass changes presentation only. The persistent 230px rail, top bar,
   route structure, feature wording, controls, status meanings, and behavior
   remain owned by their existing implementations. */
:root{
  --app-shell-topbar-height:56px;
  --workspace-gutter-desktop:clamp(48px,4vw,72px);
  --workspace-gutter-tablet:clamp(24px,3vw,40px);
  --workspace-gutter-phone:clamp(16px,4vw,20px);
  --workspace-page-gutter:var(--workspace-gutter-desktop);
  --type-page-title:clamp(30px,2.2vw,36px);
  --type-page-title-phone:clamp(24px,6.4vw,28px);
  --type-section-title:clamp(22px,1.65vw,28px);
  --type-card-title:clamp(17px,1.1vw,20px);
  --type-body:15px;
  --type-control:15px;
  --type-secondary:14px;
  --type-form-label:14px;
  --type-meta:12px;
  --leading-title:1.18;
  --leading-body:1.55;
  --leading-meta:1.4;
}

/* One common outer rail. Safe-area inset can enlarge, never reduce, the
   requested visual gutter. */
.content{
  padding-block:2rem 5rem;
  padding-inline:max(var(--workspace-page-gutter),env(safe-area-inset-left)) max(var(--workspace-page-gutter),env(safe-area-inset-right));
}
#content .launch-panel,
#content>.panel.on>.launch-panel{
  width:100%;
  min-width:0;
  max-width:none;
  margin-inline:0;
}

/* Semantic typography for legacy Bearing pages. Source-locked Social,
   Calendar, and Queue workspaces retain their own internally coherent type
   scales; they share the outer rails and dense-layout rules below. */
#content>.panel.on{font-size:var(--type-body);line-height:var(--leading-body)}
#content h1.big,
#content .fecard>h1.ttl,
#content .launch-stage h1,
#content .launch-loading h1{
  font-size:var(--type-page-title);
  line-height:var(--leading-title);
}
#content .sec-h,
#content .launch-copy h2{
  font-size:var(--type-section-title);
  line-height:var(--leading-title);
}
#content .card h4,
#content .fecard .ttl2,
#content .home-hero .hh-line,
#content .stub h3,
#content .modal h3{
  font-size:var(--type-card-title);
  line-height:1.3;
}
#content :is(.lede,.home-hero .hh-sub,.jump .jd,.modal .m-sub,.fecard .sub,.fecard .res,.fecard .kv,.fecard .note,.launch-copy p,.launch-loading p){
  font-size:var(--type-secondary);
  line-height:var(--leading-body);
}
#content :is(.ifield label,.modal label,.fecard label.f .lab,.launch-field){
  font-size:var(--type-form-label);
  line-height:var(--leading-meta);
}
#content :is(.btn,.sbtn,.cl-btn,.cl-abtn,.cl-sendbtn,.m-cancel,.backbtn,.itype-btn,.research-btn,.fb-opt,.words-toggle,.depth-toggle),
#content :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  font-size:var(--type-control);
}
/* Keep every actionable or entered value at 15px or its existing larger size.
   Nested descriptions and metadata retain their 12–14px semantic tier. */
#content :is(button,[role="button"],[role="tab"],input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  font-size:max(var(--type-control),1em);
}
#content :is(#borPrototype .bor-field label,#bearingMasterCalendarV1 .bmc-field label,#bearingMasterCalendarV1 .bmc-date-jump,#bearingQueueRightNowCandidate .bqr-form label){
  font-size:var(--type-form-label);
}
#content :is(.eyebrow,.home-hero .hh-north,.modal .m-eye,.stub .tasktag,.sec-h .sc){
  font-size:var(--type-meta);
  line-height:var(--leading-meta);
}

/* The complete week/month surface fits a normal desktop workspace. Local
   small-screen scrollers remain feature-owned below the 821px shell change. */
@media(min-width:821px){
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-calendar-wrap,
  #content .bearing-social-command-host #borPrototype .bor-calendar-wrap,
  #content .calendar-month-scroll,
  #content .calendar-week-scroll{overflow-x:hidden}
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-week-grid{
    grid-template-columns:minmax(56px,66px) repeat(7,minmax(0,1fr));
    min-width:0;
  }
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-month-grid{
    grid-template-columns:repeat(7,minmax(0,1fr));
    min-width:0;
  }
  #content .bearing-social-command-host #borPrototype .bor-calendar{
    grid-template-columns:minmax(48px,62px) repeat(7,minmax(0,1fr))!important;
    min-width:0!important;
  }
  #content .bearing-social-command-host #borPrototype .bor-calendar>*{min-width:0}
  #content .bearing-social-command-host #borPrototype .bor-calendar :is(.bor-cal-item,.bor-empty){
    min-width:0;
    max-width:100%;
    overflow-wrap:anywhere;
  }
  #content .bearing-social-command-host #borPrototype .bor-month,
  #content .calendar-month-grid{
    grid-template-columns:repeat(7,minmax(0,1fr));
    min-width:0;
  }
  #content .calendar-week-grid{min-width:0!important}
  #content .calendar-week-row{
    grid-template-columns:minmax(48px,62px) repeat(7,minmax(0,1fr))!important;
  }
  #content :is(.bmc-cal-cell,.bmc-month-day,.bor-cal-cell,.bor-month-day,.calendar-month-cell,.calendar-week-cell){min-width:0}
}

/* Queue dialogs cover the actual app workspace rather than being clipped by
   the retained source root. This adapter changes only the overlay boundary. */
.bearing-queue-right-now-host:has(.bqr-overlay:not([hidden])){container-type:normal}
#content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-app:has(.bqr-overlay:not([hidden])){overflow:visible}
#content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-overlay{
  position:fixed;
  inset:var(--app-shell-topbar-height) 0 0 230px;
  z-index:75;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding-block:54px;
  padding-inline:max(var(--workspace-page-gutter),env(safe-area-inset-left)) max(var(--workspace-page-gutter),env(safe-area-inset-right));
}
#content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-dialog{
  max-height:calc(100dvh - var(--app-shell-topbar-height) - 108px);
  overflow-y:auto;
}

@media(max-width:1199px){
  :root{--workspace-page-gutter:var(--workspace-gutter-tablet)}
}
@media(max-width:820px){
  .content{
    padding-block:1.4rem 4rem;
    padding-inline:max(var(--workspace-page-gutter),env(safe-area-inset-left)) max(var(--workspace-page-gutter),env(safe-area-inset-right));
  }
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-overlay{inset:var(--app-shell-topbar-height) 0 0}
}
@media(max-width:560px){
  :root{--workspace-page-gutter:var(--workspace-gutter-phone)}
  .content{
    padding-block:1.2rem 4rem;
    padding-inline:max(var(--workspace-page-gutter),env(safe-area-inset-left)) max(var(--workspace-page-gutter),env(safe-area-inset-right));
  }
  #content h1.big,
  #content .fecard>h1.ttl,
  #content .launch-stage h1,
  #content .launch-loading h1{font-size:var(--type-page-title-phone)}
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-overlay{
    padding-block:20px;
    padding-inline:max(var(--workspace-page-gutter),env(safe-area-inset-left)) max(var(--workspace-page-gutter),env(safe-area-inset-right));
  }
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-dialog{max-height:calc(100dvh - var(--app-shell-topbar-height) - 40px)}
}
@media(max-width:430px){
  .content{padding-block:1rem 3.5rem}
}

/* Business Setup & Capabilities — universal extension contract. These styles
   are deliberately scoped to the new business child screen and do not alter
   the source-locked Social, Calendar, Queue or existing CARD surfaces. */
#content .capability-shell{width:100%;max-width:none}
#content .capability-lede{max-width:860px}
#content .capability-company-truth,
#content .business-secure-name,
#content .business-readonly-value{
  display:flex;
  flex-direction:column;
  gap:.3rem;
  margin:.75rem 0;
  padding:.8rem .9rem;
  border:1px solid var(--navy-3);
  border-radius:10px;
  background:var(--navy-0);
}
#content .capability-company-truth>span,
#content .business-readonly-value>span{color:var(--ink-3);font-family:var(--mono);font-size:var(--type-meta)}
#content .capability-company-truth>b,
#content .business-secure-name>b,
#content .business-readonly-value>b{color:var(--ink);font-size:var(--type-card-title);overflow-wrap:anywhere}
#content .business-choice-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));
  gap:.55rem;
  margin:.65rem 0 1rem;
}
#content .business-choice-grid>.btn{width:100%;min-width:0;min-height:42px}
#content .business-feature-summary>.eyebrow{margin-top:1.1rem}
#content .business-feature-truth{
  margin:.7rem 0 1rem;
  padding:.65rem .75rem;
  border-left:3px solid var(--sky);
  background:var(--navy-0);
}
#content .business-feature-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));
  gap:.65rem;
  margin:.65rem 0 1.15rem;
}
#content .business-feature-card{
  min-width:0;
  min-height:150px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.45rem;
  padding:.85rem .9rem;
  border:1px solid var(--navy-3);
  border-top:3px solid var(--sky);
  border-radius:10px;
  background:var(--navy-0);
}
#content .business-feature-card.is-off{border-top-color:var(--navy-4)}
#content .business-feature-card>b{color:var(--ink);font-size:var(--type-card-title);line-height:1.3;overflow-wrap:anywhere}
#content .business-feature-card>.note{margin:0;line-height:1.45;overflow-wrap:anywhere}
#content .business-feature-state{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  margin-top:auto;
  padding:.35rem .65rem;
  border:1px solid var(--navy-4);
  border-radius:8px;
  color:var(--sage);
  font-family:var(--mono);
  font-size:var(--type-meta);
  font-weight:800;
}
#content .business-feature-card.is-off .business-feature-state{color:var(--ink-3)}
#content .business-feature-action{
  width:auto;
  min-width:112px;
  max-width:100%;
  min-height:40px;
  margin-top:auto;
  white-space:normal;
}
#content .capability-principle{
  margin:1.15rem 0;
  padding:1.05rem 1.15rem;
  border:1px solid color-mix(in srgb,var(--brass) 68%,var(--navy-3));
  border-left:4px solid var(--brass);
  border-radius:12px;
  background:linear-gradient(110deg,color-mix(in srgb,var(--brass-bg) 68%,var(--navy-1)),var(--navy-1));
}
#content .capability-principle .eyebrow{margin:0 0 .35rem;color:var(--brass-2)}
#content .capability-principle>b{display:block;font-size:1.08rem;color:var(--ink)}
#content .capability-principle p{max-width:900px;margin:.4rem 0 0;color:var(--ink-2);line-height:1.55}
#content .capability-summary-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.75rem;
  margin:1rem 0 1.25rem;
}
#content .capability-summary-grid>article{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:.3rem;
  padding:.9rem 1rem;
  border:1px solid var(--navy-3);
  border-radius:11px;
  background:var(--navy-1);
}
#content .capability-summary-grid b{font-size:var(--type-card-title);color:var(--ink);overflow-wrap:anywhere}
#content .capability-summary-grid small{color:var(--sage);font-family:var(--mono);font-size:var(--type-meta)}
#content .capability-kicker{color:var(--ink-3);font-family:var(--mono);font-size:var(--type-meta);font-weight:800;letter-spacing:.08em;text-transform:uppercase}
#content .capability-section{
  margin-top:1rem;
  padding:1.1rem;
  border:1px solid var(--navy-3);
  border-radius:14px;
  background:var(--navy-1);
}
#content .capability-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
#content .capability-section-head .eyebrow{margin:0 0 .35rem;color:var(--brass-2)}
#content .capability-section h2{margin:0;font-size:1.12rem;line-height:1.3;color:var(--ink)}
#content .capability-copy{max-width:930px;margin:.55rem 0 .85rem;color:var(--ink-2);line-height:1.55}
#content .capability-version{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:.3rem .62rem;
  border:1px solid var(--navy-4);
  border-radius:999px;
  color:var(--sky);
  font-family:var(--mono);
  font-size:var(--type-meta);
  font-weight:800;
}
#content .capability-readonly-tag{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:.4rem .72rem;
  border:1px solid var(--navy-4);
  border-radius:8px;
  color:var(--ink-3);
  font-family:var(--mono);
  font-size:var(--type-meta);
  font-weight:700;
}
#content .capability-shape,
#content .capability-legacy-specialty,
#content .capability-empty,
#content .capability-warning,
#content .capability-readonly{
  display:flex;
  flex-direction:column;
  gap:.3rem;
  padding:.85rem .95rem;
  border:1px solid var(--navy-3);
  border-radius:10px;
  background:var(--navy-0);
}
#content .capability-shape>b,
#content .capability-legacy-specialty>b,
#content .capability-empty>b,
#content .capability-warning>b{color:var(--ink)}
#content .capability-shape>span,
#content .capability-legacy-specialty>span,
#content .capability-empty>span,
#content .capability-warning>span,
#content .capability-readonly>span{color:var(--ink-2);font-size:var(--type-secondary);line-height:1.45;overflow-wrap:anywhere}
#content .capability-readonly>b{color:var(--ink)}
#content .capability-container-pair{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(160px,.42fr) minmax(0,1fr);
  gap:.65rem;
  align-items:stretch;
  margin:.85rem 0 1rem;
}
#content .capability-container-pair article,
#content .capability-bridge{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:.85rem;
  border:1px solid var(--navy-3);
  border-radius:10px;
  background:var(--navy-0);
}
#content .capability-container-pair article{border-top:3px solid var(--sky)}
#content .capability-container-pair .eyebrow{margin:0 0 .3rem}
#content .capability-container-pair article>b{font-size:var(--type-card-title);color:var(--ink)}
#content .capability-container-pair article>p{margin:.35rem 0 0;color:var(--ink-2);font-size:var(--type-secondary);line-height:1.45;overflow-wrap:anywhere}
#content .capability-bridge{align-items:center;text-align:center;border-color:color-mix(in srgb,var(--brass) 55%,var(--navy-3));background:var(--brass-bg)}
#content .capability-bridge>span{color:var(--brass-2);font-size:1.5rem;line-height:1}
#content .capability-bridge>b{margin:.35rem 0 .15rem;color:var(--ink);font-size:var(--type-control)}
#content .capability-bridge>small{color:var(--ink-2);font-size:var(--type-meta);line-height:1.35}
#content .capability-subhead{margin:.9rem 0 .45rem;color:var(--brass-2);font-family:var(--mono);font-size:var(--type-meta);font-weight:800;letter-spacing:.08em;text-transform:uppercase}
#content .capability-shape p{margin:.2rem 0 0;color:var(--sky);line-height:1.45}
#content .capability-legacy-specialty{margin-top:.7rem}
#content .capability-legacy-specialty p{margin:.2rem 0 0;color:var(--ink-2);font-size:var(--type-secondary);line-height:1.45}
#content .capability-warning{margin-top:.7rem;border-color:var(--rust);background:color-mix(in srgb,var(--rust) 9%,var(--navy-0))}
#content .capability-readonly{margin-top:.7rem;color:var(--ink-2);border-style:dashed}
#content .capability-card-order{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.6rem;
  margin:.85rem 0 0;
  padding:0;
  list-style:none;
  counter-reset:none;
}
#content .capability-card-order li{
  min-width:0;
  display:flex;
  align-items:center;
  gap:.6rem;
  padding:.7rem .75rem;
  border:1px solid var(--navy-3);
  border-radius:9px;
  background:var(--navy-0);
}
#content .capability-card-order li>span{
  flex:0 0 28px;
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  background:var(--brass-bg);
  border:1px solid var(--brass);
  color:var(--brass-2);
  font-family:var(--mono);
  font-weight:800;
}
#content .capability-card-order li>b{font-size:var(--type-control);line-height:1.3;color:var(--ink);overflow-wrap:anywhere}
#content .capability-surface-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.65rem;
}
#content .capability-surface-grid article{
  min-width:0;
  padding:.8rem;
  border:1px solid var(--navy-3);
  border-top:3px solid var(--sky);
  border-radius:10px;
  background:var(--navy-0);
}
#content .capability-surface-grid b{color:var(--ink);font-size:var(--type-control)}
#content .capability-surface-grid p{margin:.35rem 0 0;color:var(--ink-2);font-size:var(--type-secondary);line-height:1.45;overflow-wrap:anywhere}
#content .capability-pack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.7rem}
#content .capability-pack-card{padding:.9rem;border:1px solid var(--brass);border-radius:11px;background:var(--navy-0)}
#content .capability-pack-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem}
#content .capability-pack-head .eyebrow{margin:0 0 .2rem}
#content .capability-pack-head h3{margin:0;color:var(--ink)}
#content .capability-pack-card>p{color:var(--ink-2);line-height:1.45}
#content .capability-pack-surfaces{display:flex;flex-wrap:wrap;gap:.35rem}
#content .capability-pack-surfaces span{padding:.22rem .5rem;border:1px solid var(--navy-3);border-radius:999px;color:var(--sky);font-size:var(--type-meta)}
#content .capability-research-note{margin-top:.75rem;padding:.8rem .9rem;border-left:3px solid var(--sage);background:color-mix(in srgb,var(--sage) 7%,var(--navy-0));border-radius:8px}
#content .capability-research-note .eyebrow{margin:0 0 .25rem;color:var(--sage)}
#content .capability-research-note p{margin:0;color:var(--ink-2);line-height:1.5}
#content .capability-law-list{display:grid;gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none}
#content .capability-law-list li{position:relative;padding:.6rem .75rem .6rem 2rem;border:1px solid var(--navy-3);border-radius:9px;background:var(--navy-0);color:var(--ink-2);line-height:1.45;overflow-wrap:anywhere}
#content .capability-law-list li:before{content:'✓';position:absolute;left:.75rem;color:var(--sage);font-weight:800}
#content .capability-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.85rem}
#content .capability-one-touch{border-color:color-mix(in srgb,var(--brass) 62%,var(--navy-3));background:linear-gradient(120deg,var(--navy-1),color-mix(in srgb,var(--brass-bg) 38%,var(--navy-1)))}
#content .capability-one-touch-example{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem;align-items:start;padding:.8rem .9rem;border:1px solid var(--brass);border-radius:10px;background:var(--navy-0)}
#content .capability-one-touch-example>b{color:var(--brass-2);font-family:var(--mono);font-size:var(--type-meta);letter-spacing:.06em;text-transform:uppercase}
#content .capability-one-touch-example>span{color:var(--ink);font-size:var(--type-secondary);line-height:1.5}

@media(max-width:1100px){
  #content .capability-summary-grid,
  #content .capability-card-order,
  #content .capability-surface-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  #content .capability-summary-grid{grid-template-columns:1fr}
  #content .capability-section-head{flex-direction:column}
  #content .capability-section-head>.btn{width:100%}
  #content .capability-container-pair{grid-template-columns:1fr}
  #content .capability-bridge>span{transform:rotate(90deg)}
}
@media(max-width:520px){
  #content .capability-card-order,
  #content .capability-surface-grid{grid-template-columns:1fr}
  #content .capability-section{padding:.85rem}
  #content .business-feature-grid{grid-template-columns:1fr}
}
@media(max-width:300px){
  #content .capability-links .btn{width:100%}
}

/* At high browser zoom on a phone-sized physical screen the effective CSS
   viewport can fall below 300px. Preserve every approved control while
   allowing labels and segmented choices to wrap inside that narrow rail. */
@media(max-width:300px){
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate :is(.bqr-select,.bqr-field,.bqr-button){
    min-width:0;
    max-width:100%;
  }
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-company-select{width:100%}
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate .bqr-topbar{grid-template-columns:minmax(0,1fr)}
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate :is(.bqr-company-select,.bqr-top-actions){
    grid-column:1;
    grid-row:auto;
  }
  #content .bearing-queue-right-now-host #bearingQueueRightNowCandidate :is(.bqr-top-actions,.bqr-live){
    min-width:0;
    max-width:100%;
    white-space:normal;
  }
  #content .bearing-social-command-host #borPrototype .bor-topbar{grid-template-columns:minmax(0,1fr)}
  #content .bearing-social-command-host #borPrototype :is(.bor-brand,.bor-crumb,.bor-top-actions){
    grid-column:1;
    grid-row:auto;
    min-width:0;
  }
  #content .bearing-social-command-host #borPrototype :is(.bor-control-row,.bor-control-row>*,.bor-segment,.bor-button){
    min-width:0;
    max-width:100%;
  }
  #content .bearing-social-command-host #borPrototype .bor-segment{grid-auto-columns:minmax(0,1fr)}
  #content .bearing-social-command-host #borPrototype :is(.bor-segment button,.bor-button){
    white-space:normal;
    overflow-wrap:anywhere;
  }
  #content .bearing-company-calendar-host #bearingMasterCalendarV1 .bmc-kind-button{
    min-width:0;
    max-width:100%;
    white-space:normal;
    overflow-wrap:anywhere;
  }
}