/* Milemarker API — matched to the Investment Center look (Inter, navy + electric blue).
   All sans-serif. One themeable accent var. */
:root{
  --mm-ink:#0F2745; --mm-ink-dark:#081A30;
  --mm-accent:#4361EE; --mm-accent-dark:#3651D4;
  --mm-gold:#3651D4;
  --mm-hdr:linear-gradient(110deg,#3651D4 0%,#4361EE 60%,#2E8FCB 100%);
  --mm-hero:linear-gradient(120deg,#0F2745 0%,#1a3a60 55%,#3651D4 100%);
  --mm-slate:#475569; --mm-mist:#94A3B8;
  --mm-line:#e2e8f0; --mm-surface:#F8FAFC; --mm-card:#ffffff;
  --mm-font:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:var(--mm-font);color:var(--mm-ink);background:var(--mm-surface);line-height:1.5;-webkit-font-smoothing:antialiased}
.num{font-variant-numeric:tabular-nums}
a{color:var(--mm-accent-dark);text-decoration:none}
[hidden]{display:none!important}
.mm-wrap{max-width:1180px;margin:0 auto;padding:0 22px}
/* embed: full width, no page chrome — blends into the Milemarker app */
.mm-embed-body{background:var(--mm-surface)}
.mm-embed{width:100%;max-width:none;margin:0;padding:22px 32px 40px}
.mm-eyebrow,.section-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mm-slate)}
.mm-h1{font-weight:800;letter-spacing:-.02em;line-height:1.05;margin:.2em 0}

/* topbar */
.mm-topbar{background:var(--mm-card);border-bottom:1px solid var(--mm-line)}
.mm-topbar .mm-wrap{display:flex;align-items:center;gap:12px;padding:16px 22px}
.mm-brand{display:flex;align-items:center;gap:10px;font-weight:700}
.mm-brand .mark{width:26px;height:26px;border-radius:7px;background:var(--mm-ink);display:inline-flex;align-items:center;justify-content:center;color:#fff}
.mm-brand .mark svg{width:15px;height:15px}
.mm-chip{font-size:11px;font-weight:700;color:var(--mm-slate);border:1px solid var(--mm-line);border-radius:999px;padding:4px 11px}

/* cards (IC) */
.elev-card{background:#fff;border-radius:.75rem;border:1px solid var(--mm-line);box-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 10px rgba(15,23,42,.05),0 16px 36px rgba(15,23,42,.06)}
.product-card{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .35s cubic-bezier(.2,.8,.2,1);box-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 16px rgba(15,23,42,.06);overflow:hidden;display:flex;flex-direction:column}
.product-card.clickable{cursor:pointer}
.product-card.clickable:hover{transform:translateY(-3px);box-shadow:0 0 0 4px rgba(67,81,238,.16),0 14px 32px rgba(15,23,42,.12)}
.card-hdr{height:48px;position:relative;display:flex;align-items:center;padding:0 14px;border-top-left-radius:.71rem;border-top-right-radius:.71rem;background:var(--mm-hdr)}
.ag-icon{position:relative;z-index:2;width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.22);display:inline-flex;align-items:center;justify-content:center;color:#fff}
.ag-icon svg{width:18px;height:18px}
.card-hdr.c-ink{background:linear-gradient(110deg,#0F2745 0%,#1a3a60 60%,#3651D4 100%)}
.card-hdr.c-mist{background:linear-gradient(110deg,#1a3a60 0%,#5B7FE0 55%,#A9BEF0 100%)}
.card-hdr.c-idle{background:linear-gradient(110deg,#64748B 0%,#94A3B8 100%)}
.card-hdr::after{content:'';position:absolute;inset:0;border-top-left-radius:.71rem;border-top-right-radius:.71rem;background-image:linear-gradient(135deg,rgba(255,255,255,.14) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.14) 50%,rgba(255,255,255,.14) 75%,transparent 75%);background-size:14px 14px;opacity:.5}
.brand-stripe{height:4px;background:linear-gradient(90deg,#4361EE 0%,#1a3a60 50%,#A9BEF0 100%)}

/* class tabs (IC) */
.mm-tabs{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.class-tab{padding:9px 16px;font-size:14px;font-weight:600;color:var(--mm-slate);border:1px solid transparent;border-radius:9999px;background:0;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:8px;transition:all .15s}
.class-tab:hover{background:rgba(15,27,45,.05);color:var(--mm-ink)}
.class-tab.active{color:#fff;background:var(--mm-ink)}
.class-tab .count{font-size:11px;font-weight:700;padding:1px 8px;border-radius:9999px;background:rgba(15,23,42,.06);color:var(--mm-slate)}
.class-tab.active .count{background:rgba(255,255,255,.22);color:#fff}

/* buttons / pills */
.mm-btn{border:0;border-radius:9px;padding:9px 16px;font-weight:600;font-size:13.5px;cursor:pointer;font-family:inherit}
.mm-btn.p{background:var(--mm-accent);color:#fff}.mm-btn.p:hover{background:var(--mm-accent-dark)}
.mm-btn.s{background:#eef2f7;color:var(--mm-ink)}
.mm-btn.ghost{background:0;border:1px solid var(--mm-line);color:var(--mm-ink)}
.mm-btn.sm{padding:6px 11px;font-size:12.5px}
.mm-btn:disabled{opacity:.55;cursor:default}
.mm-pill{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--mm-gold)}
.mm-pill.muted{color:var(--mm-slate)}

/* status dot */
.dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto;display:inline-block}
.dot.idle{background:#c4cedb}.dot.busy,.dot.working,.dot.running{background:#2bb673;box-shadow:0 0 0 3px rgba(43,182,115,.18)}
.dot.paused{background:#e0a93b}.dot.error{background:#e0524b}

/* stat strip */
.mm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:10px;margin:18px 0}
.mm-stat{background:#fff;border:1px solid var(--mm-line);border-radius:12px;padding:13px 15px}
.mm-statv{font-size:24px;font-weight:800;line-height:1}
.mm-statl{font-size:11px;color:var(--mm-slate);text-transform:uppercase;letter-spacing:.06em;margin-top:5px}
.mm-stat.go .mm-statv{color:#1f8a52}.mm-stat.warn .mm-statv{color:var(--mm-accent-dark)}

/* agent card body */
.ag-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.ag-row{display:flex;align-items:center;gap:8px}
.ag-title{font-weight:700;font-size:15px}
.ag-tag{font-size:12px;color:var(--mm-slate)}
.ag-status{margin-left:auto;font-size:11px;font-weight:600;color:var(--mm-slate);text-transform:capitalize;display:inline-flex;align-items:center;gap:6px}
.ag-metrics{display:flex;gap:16px;margin-top:4px}
.ag-metric{font-size:12px;color:var(--mm-slate)}
.ag-metric b{display:block;font-size:18px;font-weight:800;color:var(--mm-ink)}
.ag-foot{margin-top:auto;display:flex;gap:8px;align-items:center}

/* sign-off banner / live row */
.mm-banner{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#fff5f0;border:1px solid #ffd9c7;border-radius:12px;padding:13px 16px;margin-bottom:14px;font-size:13.5px}
.mm-banner .mm-btn{margin-left:auto}
.mm-live{display:flex;align-items:center;gap:8px;font-size:13px;color:#15324f;background:#e6f5ee;border:1px solid #bfe6d2;border-radius:10px;padding:9px 13px;margin-bottom:14px}
.mm-live .dot{animation:mmpulse 1.4s infinite}
@keyframes mmpulse{0%,100%{opacity:1}50%{opacity:.4}}

/* drawer (IC) */
.drawer-bg{position:fixed;inset:0;background:rgba(15,27,45,.55);opacity:0;pointer-events:none;transition:opacity .25s;z-index:60}
.drawer-bg.show{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(960px,100%);background:var(--mm-surface);transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1);z-index:70;display:flex;flex-direction:column;box-shadow:-20px 0 60px rgba(15,27,45,.18)}
.drawer.show{transform:translateX(0)}
.drawer-header{color:#fff;padding:22px 26px 18px;background:var(--mm-hero)}
.drawer-htop{display:flex;align-items:flex-start;gap:12px}
.drawer-title{font-size:20px;font-weight:800;letter-spacing:-.01em}
.drawer-sub{font-size:12.5px;opacity:.85;margin-top:2px}
.drawer-x{margin-left:auto;border:0;background:rgba(255,255,255,.14);color:#fff;width:32px;height:32px;border-radius:8px;font-size:20px;cursor:pointer;line-height:1}
.drawer-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.dc-btn{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:8px;padding:7px 13px;font-weight:600;font-size:12.5px;cursor:pointer;font-family:inherit;background:rgba(255,255,255,.16);color:#fff}
.dc-btn:hover{background:rgba(255,255,255,.26)}
.dc-btn.on{background:#fff;color:var(--mm-ink)}
.drawer-body{flex:1;overflow:auto;padding:18px 22px 28px}

/* assign bar */
.assign-bar{display:flex;gap:8px;margin-bottom:16px}
.assign-bar input{flex:1;border:1px solid var(--mm-line);border-radius:10px;padding:10px 13px;font:inherit;font-size:14px}

/* kanban */
/* new-task affordance + configure form */
.kb-host{margin-bottom:14px}
.kb-host.end{display:flex;justify-content:flex-end}
.kb-newtask{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;font-size:14px;box-shadow:0 2px 8px rgba(67,81,238,.28)}
.kb-newtask .hi{stroke-width:2.2}
.kb-form{background:#fff;border:1px solid var(--mm-line);border-radius:12px;padding:16px 18px;max-width:560px;box-shadow:0 6px 20px rgba(15,23,42,.08)}
.kb-formhead{font-weight:700;font-size:14px;margin-bottom:12px}
.kb-fgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kb-ff{display:flex;flex-direction:column;gap:6px}
.kb-ff.full{grid-column:1/-1}
.kb-ff label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mm-slate)}
.kb-form input,.kb-form select{height:40px;width:100%;border:1px solid var(--mm-line);border-radius:9px;padding:0 12px;font:inherit;font-size:14px;background:#fff;color:var(--mm-ink)}
.kb-form select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:15px;padding-right:34px}
.kb-form textarea{width:100%;border:1px solid var(--mm-line);border-radius:9px;padding:10px 12px;font:inherit;font-size:14px;min-height:64px;resize:vertical;color:var(--mm-ink)}
.kb-form input:focus,.kb-form select:focus,.kb-form textarea:focus{outline:none;border-color:var(--mm-accent);box-shadow:0 0 0 3px rgba(67,81,238,.12)}
.kb-factions{margin-top:14px;display:flex;align-items:center}

/* top row + subtle AI chip */
.mm-toprow{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--mm-line);margin:8px 0 18px;overflow-x:auto}
.mm-toprow .mm-segmented{border-bottom:0;margin:0;flex:1}
.mm-aichip{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--mm-line);border-radius:999px;padding:5px 11px 5px 7px;font-size:12px;font-weight:600;color:var(--mm-slate);cursor:pointer;white-space:nowrap;margin-bottom:6px}
.mm-aichip:hover{border-color:#cdd7e2}
.mm-aichip-logo{width:20px;height:20px;border-radius:6px;background:#fff;border:1px solid var(--mm-line);display:inline-flex;align-items:center;justify-content:center}
.mm-aichip-logo img{width:13px;height:13px;object-fit:contain}
.mm-aichip .dot{width:7px;height:7px}
/* dense board (Paperclip-style) */
.kanban{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;align-items:stretch}
.kb-col{flex:0 0 210px;display:flex;flex-direction:column;min-height:58vh;background:#eef1f6;border-radius:10px;padding:8px}
.kb-colhead{display:flex;align-items:center;gap:8px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--mm-slate);padding:3px 5px 9px}
.kb-colhead .n{margin-left:auto;background:#fff;border-radius:999px;padding:1px 7px;font-size:10.5px;color:var(--mm-slate)}
.kb-col.stuck .kb-colhead{color:#b3422e}
.kb-cards{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px}
.kb-card{background:#fff;border:1px solid var(--mm-line);border-radius:7px;padding:8px 10px;font-size:12.5px;line-height:1.35;cursor:grab;box-shadow:0 1px 1px rgba(15,23,42,.04)}
.kb-card:active{cursor:grabbing}
.kb-card:hover{border-color:#cdd7e2}
.kb-card.drag{opacity:.5}
.kb-card .kb-prio{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--mm-mist);margin-bottom:2px}
.kb-col.drop{outline:2px dashed var(--mm-accent);outline-offset:-2px}
.kb-empty{color:var(--mm-mist);font-size:12px;text-align:center;padding:10px 4px}

/* AI connected strip (with provider logo) */
.mm-aistrip{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--mm-line);border-radius:12px;padding:11px 14px;margin-bottom:16px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.mm-aibadge{width:34px;height:34px;border-radius:9px;background:#fff;border:1px solid var(--mm-line);display:inline-flex;align-items:center;justify-content:center}
.mm-aibadge svg{width:20px;height:20px}
.mm-aitext{display:flex;flex-direction:column;line-height:1.25}
.mm-aitext b{font-size:13.5px}.mm-aitext span{font-size:12px;color:var(--mm-slate)}

/* drawer tabs */
.drawer-tabs{display:flex;gap:4px;padding:8px 22px 0;background:#fff;border-bottom:1px solid var(--mm-line)}

/* agent overview / config / budget */
.ag-overgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:6px 0 14px}
.ag-overcell{background:#fff;border:1px solid var(--mm-line);border-radius:10px;padding:11px 13px;font-size:13.5px}
.ag-overcell .mm-statl{margin-bottom:3px}
.ag-config{background:#fff;border:1px solid var(--mm-line);border-radius:12px;padding:6px 16px}
.ag-crow{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #f2f5f9;font-size:13.5px}
.ag-crow:last-child{border-bottom:0}
.ag-clabel{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mm-slate)}
.ag-cval{font-weight:600}
.skill-chips{display:flex;flex-wrap:wrap;gap:8px}
.skill-chip{background:#eef2f7;border:1px solid var(--mm-line);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:600;color:var(--mm-ink);text-transform:capitalize}

/* activity log */
.mm-activity{background:#fff;border:1px solid var(--mm-line);border-radius:12px;overflow:hidden}
.mm-actrow{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #f2f5f9}
.mm-actrow:last-child{border-bottom:0}
.mm-avatar{width:28px;height:28px;border-radius:50%;background:#eef2f7;color:var(--mm-slate);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex:0 0 auto}
.mm-acttext{font-size:13.5px;flex:1}
.mm-actwhen{font-size:12px;color:var(--mm-mist);white-space:nowrap}

/* schedules granular form */
.sch-form{padding:22px 24px;margin-top:8px;max-width:880px}
.sch-formhead{font-weight:700;font-size:16px;margin-bottom:18px}
.sch-block{display:flex;flex-direction:column;gap:16px;margin-bottom:22px}
.sch-sublabel{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--mm-slate);margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--mm-line)}
.sch-when{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sch-field{display:flex;flex-direction:column;gap:7px}
.sch-field.full{grid-column:1/-1}
.sch-field label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mm-slate)}
.sch-form input,.sch-form select{height:44px;width:100%;border:1px solid var(--mm-line);border-radius:10px;padding:0 13px;font:inherit;font-size:14px;background:#fff;color:var(--mm-ink)}
.sch-form select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:36px}
.sch-form textarea{width:100%;border:1px solid var(--mm-line);border-radius:10px;padding:12px 13px;font:inherit;font-size:14px;min-height:96px;resize:vertical;color:var(--mm-ink)}
.sch-form input:focus,.sch-form select:focus,.sch-form textarea:focus{outline:none;border-color:var(--mm-accent);box-shadow:0 0 0 3px rgba(67,81,238,.12)}
.sch-form .mm-btn{margin-top:20px}
@media(max-width:600px){.sch-when{grid-template-columns:1fr}}

/* connect gate */
.mmc-provlogo svg{width:22px;height:22px}
.mmc-provlogo{background:#fff;border:1px solid var(--mm-line)}
.mmc-provlogo.light{background:#fff}
.mmc-trial{display:flex;align-items:center;gap:14px;background:#fff;border:1.5px solid var(--mm-accent);border-radius:14px;padding:16px 18px;max-width:640px;margin-bottom:16px;box-shadow:0 0 0 3px rgba(67,81,238,.1)}
.mmc-trial .mm-btn{margin-left:auto}

/* brand logos (images) + heroicon alignment */
.prov-img{display:block;object-fit:contain}
.mm-aibadge img{width:20px;height:20px;object-fit:contain}
.mmc-provlogo img{width:24px;height:24px;object-fit:contain}
.hi{vertical-align:middle;flex:0 0 auto}
.dc-btn{align-items:center}
.dc-btn span{line-height:1}

.mmc-hero{max-width:560px;margin:8px 0 22px}
.mmc-h{font-weight:800;font-size:28px;letter-spacing:-.02em;margin:.1em 0}
.mmc-sub{color:var(--mm-slate);font-size:15px;margin:0}
.mmc-providers{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));max-width:640px}
.mmc-prov{text-align:left;background:#fff;border:1.5px solid var(--mm-line);border-radius:14px;padding:16px 18px;cursor:pointer;font-family:inherit;transition:border-color .12s,box-shadow .12s}
.mmc-prov:hover{border-color:#cdd7e2}
.mmc-prov.on{border-color:var(--mm-accent);box-shadow:0 0 0 3px rgba(67,81,238,.14)}
.mmc-provtop{display:flex;align-items:center;gap:12px}
.mmc-provlogo{width:38px;height:38px;border-radius:10px;background:var(--mm-ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:17px}
.mmc-provname{font-weight:700;font-size:15px}.mmc-provsub{color:var(--mm-slate);font-size:12.5px}
.mmc-keybox{max-width:560px;margin-top:22px;background:#fff;border:1px solid var(--mm-line);border-radius:14px;padding:18px 20px}
.mmc-klabel{display:block;font-weight:600;font-size:13px;margin-bottom:8px}
.mmc-krow{display:flex;gap:10px}
.mmc-kinput{flex:1;border:1px solid var(--mm-line);border-radius:10px;padding:11px 13px;font:inherit;font-size:14px}
.mmc-kerr{color:#c0392b;font-size:12.5px;margin-top:8px}
.mmc-note{color:var(--mm-mist);font-size:11.5px;margin:12px 0 0}

/* parent hub cards */
.mm-card{background:#fff;border:1px solid var(--mm-line);border-radius:14px;padding:18px 20px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 12px rgba(15,23,42,.05)}
a.mm-card{display:block;transition:transform .2s,box-shadow .3s}
a.mm-card:hover{transform:translateY(-2px);box-shadow:0 0 0 4px rgba(67,81,238,.12),0 12px 28px rgba(15,23,42,.1)}
.mm-card h3{margin:6px 0 4px;font-size:16px}
.mm-card p{margin:0;color:var(--mm-slate);font-size:13.5px}
.mm-card.soon{opacity:.6}

/* Today hero */
.today-hero{position:relative;overflow:hidden;border-radius:16px;margin-bottom:18px;color:#fff;background:var(--mm-hero)}
.today-hero-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(46% 120% at 88% 10%,rgba(67,81,238,.5),transparent 70%),radial-gradient(40% 120% at 100% 100%,rgba(43,182,115,.25),transparent 70%)}
.today-hero-in{position:relative;padding:22px 26px}
.today-greet{font-size:13px;font-weight:700;letter-spacing:.04em;opacity:.85}
.today-sum{font-size:20px;font-weight:700;margin-top:6px;letter-spacing:-.01em}
.today-sum b{color:#fff}

/* Connect Milemarker card */
.mcp-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--mm-line);border-radius:14px;padding:14px 18px;margin-bottom:16px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.mcp-card.on{border-color:#bfe6d2;background:#f4fbf7}
.mcp-ic{width:40px;height:40px;border-radius:10px;background:#fff;border:1px solid var(--mm-line);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;box-shadow:0 1px 3px rgba(15,23,42,.08)}
.mcp-ic .mm-flag{width:30px;height:30px;display:block}
.mcp-txt{display:flex;flex-direction:column;line-height:1.35}
.mcp-txt b{font-size:14px}.mcp-txt span{font-size:12.5px;color:var(--mm-slate)}
.mcp-card .mm-btn{margin-left:auto;flex:0 0 auto}

/* generic modal */
.mm-modal{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:24px}
.mm-modalcard{width:94%;position:relative;z-index:9001;padding:22px 24px}
.mm-modaltitle{font-weight:700;font-size:17px;margin-bottom:6px}
.mm-modalhead{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;border-bottom:1px solid var(--mm-line)}
.mm-modalhead .drawer-x{margin-left:auto}
.mm-reviewfoot{display:flex;gap:8px;align-items:center;padding:14px 20px;border-top:1px solid var(--mm-line)}

/* ever-present New button (FAB) */
.mm-fab{position:fixed;right:26px;bottom:26px;z-index:8000;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:14px 22px;font-family:inherit;font-weight:600;font-size:15px;color:#fff;background:var(--mm-accent);box-shadow:0 10px 28px rgba(13,48,74,.34),0 2px 8px rgba(13,48,74,.2);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s}
.mm-fab:hover{background:var(--mm-accent-dark);transform:translateY(-2px);box-shadow:0 14px 34px rgba(13,48,74,.4)}
.mm-fab:active{transform:translateY(0)}
.mm-fab svg{stroke-width:2.3}

/* Org chart */
.org-tree{overflow-x:auto;overflow-y:hidden;padding:8px 0 24px}
.org-canvas{display:inline-flex;flex-direction:column;align-items:center;width:max-content;min-width:100%;padding:0 28px}
.org-root{background:var(--mm-hero);color:#fff;border-radius:12px;padding:13px 24px;text-align:center;min-width:210px;box-shadow:0 4px 14px rgba(15,39,69,.25)}
.org-rootname{font-weight:800;font-size:15px}
.org-rootsub{font-size:11px;opacity:.82;margin-top:2px}
.org-children{display:flex;justify-content:center;position:relative;margin-top:22px}
.org-children::before{content:"";position:absolute;top:-22px;left:50%;width:2px;height:22px;background:var(--mm-line);transform:translateX(-50%)}
.org-child{position:relative;padding:22px 9px 0;display:flex;flex-direction:column;align-items:center}
.org-child::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--mm-line)}
.org-child::after{content:"";position:absolute;top:0;left:50%;width:2px;height:22px;background:var(--mm-line);transform:translateX(-50%)}
.org-child:first-child::before{left:50%}
.org-child:last-child::before{right:50%}
.org-child:only-child::before{display:none}
.org-node{background:#fff;border:1px solid var(--mm-line);border-radius:12px;width:216px;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.05),0 6px 16px rgba(15,23,42,.05)}
.org-hdr{height:40px;padding:0 12px}
.org-hdr .ag-icon{width:28px;height:28px}
.org-nbody{padding:12px 14px}
.org-ntitle{font-weight:700;font-size:14px}
.org-nstat{font-size:11px;color:var(--mm-slate);display:inline-flex;align-items:center;gap:5px;text-transform:capitalize;margin-top:2px}
.org-counts{display:flex;gap:12px;margin:11px 0;font-size:11px;color:var(--mm-slate)}
.org-counts b{color:var(--mm-ink);font-size:14px}
.org-open{width:100%;margin-bottom:8px}
.org-sel{width:100%;height:32px;border:1px solid var(--mm-line);border-radius:8px;font:inherit;font-size:12px;color:var(--mm-slate);background:#fff;padding:0 9px}
.org-add{display:flex;flex-direction:column;align-items:center;justify-content:center;border-style:dashed;cursor:pointer;min-height:172px;color:var(--mm-slate);background:#fbfcfe}
.org-add:hover{border-color:var(--mm-accent);color:var(--mm-accent-dark)}
.org-addic{width:44px;height:44px;border-radius:50%;background:#eef2f7;display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.org-addt{font-weight:600;font-size:13px}
.add-row{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid #f2f5f9}
.add-row:last-of-type{border-bottom:0}

/* task detail */
.td-back{display:inline-flex;align-items:center;gap:6px;border:0;background:0;color:var(--mm-accent-dark);font-weight:600;font-size:13px;cursor:pointer;font-family:inherit;padding:0;margin-bottom:14px}
.td-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.td-title{font-weight:700;font-size:17px}
.td-msgs{display:flex;flex-direction:column;gap:9px;max-height:46vh;min-height:130px;overflow-y:auto;background:var(--mm-surface);border:1px solid var(--mm-line);border-radius:12px;padding:14px}
.td-compose{display:flex;align-items:flex-end;gap:8px;margin-top:12px;border:1px solid var(--mm-line);border-radius:13px;padding:7px 7px 7px 14px;background:#fff;transition:border-color .12s,box-shadow .12s}
.td-compose:focus-within{border-color:var(--mm-accent);box-shadow:0 0 0 3px rgba(67,81,238,.12)}
.td-input{flex:1;border:0;outline:0;resize:none;font:inherit;font-size:14px;background:0;max-height:120px;padding:7px 0;line-height:1.4}
.td-send{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:9px;background:var(--mm-accent);color:#fff;font-weight:600;font-size:13.5px;padding:9px 15px;cursor:pointer;font-family:inherit;flex:0 0 auto}
.td-send:hover{background:var(--mm-accent-dark)}

/* Weekly calendar */
.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;overflow-x:auto}
.cal-col{background:#fff;border:1px solid var(--mm-line);border-radius:12px;min-height:60vh;display:flex;flex-direction:column;min-width:130px}
.cal-col.today{border-color:var(--mm-accent);box-shadow:0 0 0 3px rgba(67,81,238,.1)}
.cal-dh{display:flex;align-items:baseline;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--mm-line)}
.cal-dh span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--mm-slate)}
.cal-dh b{font-size:16px}
.cal-col.today .cal-dh b{color:var(--mm-accent-dark)}
.cal-evs{flex:1;overflow-y:auto;padding:9px;display:flex;flex-direction:column;gap:8px}
.cal-ev{background:#fff;border:1px solid #eef1f5;border-radius:11px;padding:10px 11px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 12px rgba(15,23,42,.05);transition:box-shadow .16s ease,transform .16s ease}
.cal-ev:hover{box-shadow:0 2px 4px rgba(15,23,42,.06),0 10px 22px rgba(15,23,42,.09);transform:translateY(-1px)}
.cal-evhd{display:flex;align-items:center;gap:7px}
.cal-dot{width:6px;height:6px;border-radius:50%;background:#c4cedb;flex:0 0 auto}
.cal-ev.a .cal-dot{background:#2bb673}
.cal-ev.sched .cal-dot{background:var(--mm-accent)}
.cal-ev.u .cal-dot{background:var(--mm-mist)}
.cal-evt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:12px;color:var(--mm-ink)}
.cal-evw{display:block;font-size:10.5px;color:var(--mm-mist);margin-top:3px;padding-left:13px;font-variant-numeric:tabular-nums}
.cal-empty{color:var(--mm-mist);font-size:12px;text-align:center;padding:14px 0}

/* contributions heatmap (GitHub-style) */
.gh-card{--gh-cell:12px;background:#fff;border:1px solid var(--mm-line);border-radius:14px;padding:18px 20px;margin-bottom:18px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.gh-title{font-weight:700;font-size:15px;color:var(--mm-ink);margin-bottom:14px}
.gh-wrap{display:flex;gap:7px;overflow-x:auto;align-items:flex-start;padding-bottom:4px}
.gh-days{display:grid;grid-template-rows:repeat(7,var(--gh-cell));gap:3px;margin-top:20px;font-size:9px;color:var(--mm-mist);align-items:center}
.gh-right{display:flex;flex-direction:column}
.gh-months{display:grid;height:16px;font-size:10px;color:var(--mm-slate);margin-bottom:4px}
.gh-mlabel{grid-row:1;white-space:nowrap}
.gh-cells{display:grid;grid-template-rows:repeat(7,var(--gh-cell));grid-auto-flow:column;grid-auto-columns:var(--gh-cell);gap:3px}
.gh-cell{width:var(--gh-cell);height:var(--gh-cell);border-radius:2.5px;background:#ebedf0}
.gh-cell.l1{background:#9be9a8}.gh-cell.l2{background:#40c463}.gh-cell.l3{background:#30a14e}.gh-cell.l4{background:#216e39}
.gh-future{visibility:hidden}
.gh-legend{display:flex;align-items:center;gap:5px;justify-content:flex-end;margin-top:12px;font-size:11px;color:var(--mm-slate)}
.gh-legtext{margin:0 3px}

/* 14-day analytics charts */
.mx-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:18px}
.mx-card{background:#fff;border:1px solid var(--mm-line);border-radius:14px;padding:16px 18px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.mx-h{font-weight:700;font-size:14px;color:var(--mm-ink)}
.mx-sub{font-size:11.5px;color:var(--mm-mist);margin:1px 0 12px}
.mx-chart{height:88px;display:flex;align-items:flex-end;gap:3px}
.mx-bar{flex:1;height:100%;display:flex;flex-direction:column-reverse;border-radius:3px;overflow:hidden;min-width:3px;background:#f1f4f8;transition:opacity .15s}
.mx-bar:hover{opacity:.82}
.mx-seg{width:100%}
.mx-axis{display:flex;justify-content:space-between;font-size:10px;color:var(--mm-mist);margin-top:7px;font-variant-numeric:tabular-nums}
.mx-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:11px;font-size:11px;color:var(--mm-slate)}
.mx-legend>span{display:inline-flex;align-items:center;gap:5px}
.mx-legdot{width:8px;height:8px;border-radius:2px;display:inline-block}

/* Today digest */
.today-card{background:#fff;border:1px solid var(--mm-line);border-radius:14px;padding:16px 18px;margin-bottom:16px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.today-h{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mm-slate);margin-bottom:12px}
.today-h svg{color:var(--mm-accent)}
.today-signoff{border-color:#ffd9c7;background:#fffaf7}
.today-clear{color:var(--mm-slate);font-size:14px}
.today-soitem{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #f4ece7}
.today-soitem:last-child{border-bottom:0}
.today-sotitle{font-weight:600;font-size:14px}
.today-soact{margin-left:auto;display:flex;gap:8px;flex:0 0 auto}
.today-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:720px){.today-cols{grid-template-columns:1fr}}
.today-row{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #f2f5f9;font-size:13.5px}
.today-row:last-child{border-bottom:0}
.today-rowt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.today-h svg{color:var(--mm-accent)}
/* radar items */
.radar-item{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #f2f5f9}
.radar-item:last-child{border-bottom:0}
.radar-body{flex:1;min-width:0}
.radar-t{font-weight:600;font-size:13.5px}
.radar-item .mm-btn{flex:0 0 auto}
/* schedule agenda */
.sched-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mm-mist);margin:12px 0 4px}
.sched-row{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:13.5px;border-bottom:1px solid #f5f7fa}
.sched-row:last-child{border-bottom:0}
.sched-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sched-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto;background:#c4cedb}
.sched-dot.live{background:#2bb673;box-shadow:0 0 0 3px rgba(43,182,115,.18);animation:mmpulse 1.4s infinite}
.sched-dot.done{background:var(--mm-accent)}

/* misc */
.mm-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(264px,1fr))}
.mm-intro{color:var(--mm-slate);font-size:13.5px;margin:2px 0 14px;max-width:680px}
.mm-empty{color:var(--mm-mist);font-size:14px;text-align:center;padding:34px 12px}
.mm-foot{color:var(--mm-mist);font-size:11.5px;text-align:center;padding:24px 0}
.mm-segmented{display:flex;gap:4px;border-bottom:1px solid var(--mm-line);margin:8px 0 18px}
.mm-seg{border:0;background:0;padding:10px 14px;font-weight:600;font-size:14px;color:var(--mm-slate);cursor:pointer;font-family:inherit}
.mm-seg.on{color:var(--mm-accent-dark);box-shadow:inset 0 -2px 0 var(--mm-accent)}
.mm-badge{background:var(--mm-accent);color:#fff;border-radius:999px;font-size:10px;font-weight:700;padding:1px 6px;margin-left:5px}
/* chat */
.mmx-msgs{display:flex;flex-direction:column;gap:9px;max-height:50vh;overflow:auto;padding:6px 2px 12px}
.mmx-msg{max-width:78%;padding:10px 13px;border-radius:15px;font-size:14px;white-space:pre-wrap;word-wrap:break-word}
.mmx-msg.u{align-self:flex-end;background:var(--mm-accent);color:#fff;border-bottom-right-radius:4px}
.mmx-msg.a{align-self:flex-start;background:#eef2f7;color:#15324f;border-bottom-left-radius:4px}
.mmx-typing{align-self:flex-start;color:var(--mm-slate);font-size:13px;font-style:italic}
.mmx-compose{display:flex;gap:10px;border-top:1px solid var(--mm-line);padding-top:14px}
.mmx-compose textarea{flex:1;resize:none;border:1px solid var(--mm-line);border-radius:11px;padding:11px 13px;font:inherit;font-size:14px;max-height:120px}
.mmx-pick{padding:9px 11px;border:1px solid var(--mm-line);border-radius:9px;font-size:14px;background:#fff;min-width:240px;font-family:inherit}