/* ===== Executive extras ===== */
.cmdbtn{font-weight:700;letter-spacing:.04em}
.btn.icn{padding:8px 11px;min-width:38px}.btn.icn.on{background:var(--lime);color:#000;border-color:var(--lime)}
.xav{width:34px;height:34px;border-radius:12px;background:var(--g);color:#fff;display:inline-grid;place-items:center;font-size:12px;font-weight:800;flex:none}
.xav.sm{width:28px;height:28px;border-radius:10px;font-size:10.5px;border:2px solid #fff;margin-left:-8px}.xav.sm:first-child{margin-left:0}
.src.vip{background:#fff3c4;color:#8a6500}

/* VIP star */
.vipstar{margin-left:auto;border:0;background:transparent;color:#cfd3c2;font-size:20px;cursor:pointer;padding:2px 6px;transition:.15s;line-height:1}
.vipstar:hover{color:var(--amb);transform:scale(1.2)}.vipstar.on{color:#e6b422}.vipstar.big{font-size:22px;vertical-align:middle;margin-left:6px}
.card .top{position:relative}

/* agenda */
.ag-next{margin-left:auto;font-size:12px;font-weight:700;color:var(--green);background:#e8f3df;border-radius:99px;padding:4px 12px}
.ag-list{display:grid;gap:8px}
.ev{display:grid;grid-template-columns:78px 1fr;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:18px;cursor:pointer;background:#fff;transition:.16s;position:relative}
.ev:hover{border-color:var(--olive);box-shadow:0 10px 24px rgba(33,78,59,.1)}
.ev:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:var(--lav)}
.ev.now{background:linear-gradient(135deg,#f6fbe3,#fff);border-color:#d6e57a}.ev.now:before{background:var(--lime);box-shadow:0 0 0 3px rgba(226,239,91,.35)}
.ev.done{opacity:.55}.ev.done:before{background:#cfd3c2}
.ev-t b{display:block;font-size:15px}.ev-t small{color:var(--mut);font-size:12px;font-weight:600}
.ev-h{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.ev-h b{font-size:15px}
.ev-s{font-size:11.5px;font-weight:800;color:var(--green);white-space:nowrap}.ev.done .ev-s{color:var(--mut)}.ev.now .ev-s{color:#7a8a00}
.ev-sub{color:var(--mut);font-size:12.5px;margin:2px 0 8px}.evj{color:#214e3b;font-weight:700;text-decoration:none}
.ev-a{display:flex;align-items:center;gap:0}.ev-a .more{font-size:11px;font-weight:800;color:var(--mut);margin-left:8px}
.prep-hint{margin-left:auto;font-size:12px;font-weight:700;color:var(--green)}
.ev-prep{display:grid;gap:10px}.ev.open .ev-prep{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}
.pr-row{display:flex;gap:10px;align-items:flex-start;font-size:13px}.pr-row .xav.sm{margin:0;border:0;width:30px;height:30px}
.pr-l{color:#3b4b42;margin-top:2px}.pr-l b{color:var(--green)}.pr-l .r{color:var(--red);font-style:normal;font-weight:700}.pr-t{color:var(--mut);font-size:12px;margin-top:2px}.pr-none{color:var(--mut)}
.ag-empty{background:var(--soft);border-radius:16px;padding:20px 22px;display:grid;gap:6px;justify-items:start}.ag-empty p{margin:0;color:var(--mut);max-width:560px}

/* responsiveness */

/* going cold */
.cold-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));column-gap:24px}.cold-grid .cold-row:nth-child(-n+3){border-top:0}
.cold-row{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.cold-row:first-of-type{border-top:0}
.cold-m{flex:1;min-width:0;display:grid}.cold-m b{font-size:13.5px}.cold-m small{color:var(--mut);font-size:12px}

/* brief actions */
.bact{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.bact button{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.12);color:#fff;border-radius:8px;padding:6px 12px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:.15s}
.bact button:hover{background:var(--lime);color:#000;border-color:var(--lime)}
.aibox{margin-top:10px;background:#f2f3fc;border:1px solid #dfe2f4;border-radius:12px;padding:10px 12px;font-size:13px;color:#3f4180;display:grid;gap:6px}
.brief .aibox{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.25);color:#fff}
.ai-act{display:flex;gap:14px}.ai-act a,.aisum,.aibtn{color:#4d4f86;font-weight:700;text-decoration:none;font-size:12.5px}.aisum{display:inline-block;margin-bottom:6px}

/* quick replies */
.qr{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:8px}.qr span{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin-right:2px}
.qr a{font-size:12px;font-weight:700;color:var(--green);background:#eaf3e2;border-radius:99px;padding:3px 11px;text-decoration:none;transition:.15s}.qr a:hover{background:var(--green);color:#fff}

/* command palette */
.cmdk{position:fixed;inset:0;z-index:60;background:rgba(14,42,32,.45);backdrop-filter:blur(4px);display:grid;justify-items:center;align-items:start;padding-top:14vh;animation:fade .15s}
.cmd-box{width:min(620px,92vw);background:#fff;border-radius:22px;box-shadow:0 40px 100px rgba(14,42,32,.4);overflow:hidden;animation:rise .2s ease}
#cmdIn{width:100%;border:0;border-bottom:1px solid var(--line);padding:20px 24px;font:inherit;font-size:17px;font-weight:600;outline:none;background:#fff;border-radius:0}
.cmd-list{max-height:min(52vh,430px);overflow:auto;padding:8px}
.cmd-g{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);padding:10px 14px 4px}
.cmd-i{display:flex;align-items:center;gap:12px;padding:9px 14px;border-radius:12px;cursor:pointer}.cmd-i.on{background:var(--soft)}
.cmd-ic{width:30px;height:30px;border-radius:10px;background:var(--soft);display:grid;place-items:center;font-size:14px;flex:none}.cmd-i.on .cmd-ic{background:var(--lime)}
.cmd-i .xav.sm{margin:0;border:0}.cmd-t{flex:1;min-width:0;display:grid}.cmd-t b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmd-t small{color:var(--mut);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmd-i kbd{font:inherit;font-size:11px;font-weight:800;background:var(--soft);border-radius:6px;padding:2px 8px;color:var(--mut)}
.cmd-none{padding:30px;text-align:center;color:var(--mut);font-weight:600}
.cmd-foot{display:flex;gap:18px;padding:10px 20px;border-top:1px solid var(--line);font-size:11.5px;font-weight:600;color:var(--mut);background:#fafbf5}

/* tour */
.tour{position:fixed;inset:0;z-index:70;background:rgba(14,42,32,.55);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px;animation:fade .2s}
.tour-card{width:min(480px,100%);background:#fff;border-radius:26px;padding:34px 34px 26px;box-shadow:0 40px 100px rgba(0,0,0,.4);animation:rise .3s ease;position:relative;overflow:hidden}
.tour-card:before{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(226,239,91,.55),transparent 70%)}
.tour-ic{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,var(--deep),var(--green));color:var(--lime);display:grid;place-items:center;font-size:26px;margin-bottom:16px;position:relative}
.tour-card h3{margin:8px 0 8px;font-size:23px;letter-spacing:-.02em}.tour-card p{margin:0;color:#3b4b42;font-size:14.5px;line-height:1.6}
.tour-dots{display:flex;gap:6px;margin:22px 0 18px}.tour-dots i{width:8px;height:8px;border-radius:99px;background:#dfe3d2;transition:.2s}.tour-dots i.on{width:26px;background:var(--green)}
.tour-f{display:flex;justify-content:space-between;gap:10px}

/* print the brief */
.printbrief{display:none}
@media print{body.pb>*:not(#printBrief){display:none!important}body.pb .printbrief{display:block!important;padding:20px}}
@media(max-width:700px){.ev{grid-template-columns:62px 1fr;padding:12px}.cmdbtn{display:none}.cmdk{padding-top:8vh}}
/* ===== header: on phones the extra tools fold into a "More" menu ===== */
.more-only,.tools .lbl{display:none}
@media(max-width:700px){
  .tools{flex-wrap:wrap;overflow:visible;padding-bottom:0}
  .tools input:not([type]){flex:1 1 140px;min-width:0}
  .tools .sec{display:none}
  .more-only{display:inline-flex;align-items:center;justify-content:center;min-width:40px;font-size:18px;line-height:1}
  .tools.open .sec:not([hidden]){display:inline-flex;align-items:center;gap:6px}
  .tools.open .tools-in.sec:not([hidden]){flex:1 1 100%;flex-wrap:wrap;gap:8px}
  .tools.open .lbl{display:inline;font-size:13px}
  .tools.open .cmdbtn.sec{display:none}
  .hero{overflow:hidden;overflow:clip}   /* the decorative blobs must never let the header scroll sideways */
  .tools #search{order:0}.tools #btnRefresh{order:1}.tools #btnMore{order:2}.tools .sec{order:3}
  #kpis .kpi{flex:1 1 calc(50% - 10px)}
  #agendaCol h2{flex-wrap:wrap;row-gap:8px}#agendaCol .ag-next{margin-left:0;flex-basis:100%;width:fit-content;max-width:100%}
}