/* ASPN Club build 75m360f - Member 360 sheet.
   Theme-aware through the app's own tokens (app.css :root + glass65.css):
   day/night follow :root[data-theme]. Every control sets the app font
   explicitly - default buttons inherit Times from --f, a known bug. */
#aspn-m360{--m360-font:'General Sans',-apple-system,'Segoe UI',sans-serif}
#aspn-m360,#aspn-m360 *,#aspn-m360 *::before,#aspn-m360 *::after{box-sizing:border-box}
#aspn-m360,#aspn-m360 button,#aspn-m360 input,#aspn-m360 select,#aspn-m360 textarea,#aspn-m360 a{font-family:var(--m360-font)}
body.m360-open{overflow:hidden}

/* 75m360g: full page on #admin/m360/:uid - no scrim, no popup chrome, no
   slide-up sheet. The page itself scrolls; the app shell stays put beneath. */
#aspn-m360{position:fixed;inset:0;z-index:200;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--g65-back,#f3efe7);color:var(--g73-ink,#252525)}
#aspn-m360 .m360-page{max-width:1120px;margin:0 auto;padding:0 22px;min-height:100vh;min-height:100dvh}
#aspn-m360 .m360-topbar{position:sticky;top:0;z-index:6;display:flex;align-items:center;gap:12px;padding:14px 0;background:var(--g65-back,#f3efe7);border-bottom:1px solid var(--line,rgba(37,37,37,.08))}
#aspn-m360 .m360-back{text-decoration:none}
#aspn-m360 .m360-body{padding:20px 0 48px}

#aspn-m360 .m360-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:999px;border:1px solid var(--g73-border,rgba(37,37,37,.10));cursor:pointer;font-size:14px;font-weight:500;text-decoration:none;color:var(--g73-ink,#252525);background:var(--g73-fill,rgba(255,255,255,.5))}
#aspn-m360 .m360-btn.pri{background:var(--grad,linear-gradient(100deg,#7A6247,#7F6A52));color:#fffdf8;border-color:transparent}
#aspn-m360 .m360-btn.ghost{background:transparent}
#aspn-m360 .m360-btn.small{min-height:36px;padding:6px 14px;font-size:12.5px}
#aspn-m360 .m360-x{min-width:44px;min-height:44px;border-radius:50%;border:1px solid var(--g73-border,rgba(37,37,37,.10));background:transparent;color:var(--g73-ink,#252525);font-size:15px;cursor:pointer}

#aspn-m360 .m360-hero{display:flex;flex-wrap:wrap;gap:18px;align-items:center;padding:26px 26px;border-radius:22px;margin-bottom:16px;
 background:radial-gradient(ellipse at 95% 0,rgba(184,150,116,.34),transparent 60%),linear-gradient(115deg,#252525 0,#36322f 60%,#5e4d3e 100%);color:#f8f1e6;box-shadow:inset 0 1px rgba(255,255,255,.16),0 12px 30px rgba(37,37,37,.12)}
#aspn-m360 .m360-avatar{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;flex-shrink:0;font-size:22px;font-weight:600;color:#fffdf8;background:linear-gradient(135deg,#b69c83,#92765e);box-shadow:inset 0 1px rgba(255,255,255,.4),0 6px 16px rgba(0,0,0,.25)}
#aspn-m360 .m360-hero-main{flex:1 1 240px;min-width:0}
#aspn-m360 .m360-eyebrow{font-size:10px;letter-spacing:2.4px;text-transform:uppercase;color:#d0b59b}
#aspn-m360 .m360-hero h1{margin:6px 0 4px;font-size:clamp(26px,3vw,36px);font-weight:550;letter-spacing:-1px;color:#fffdf8}
#aspn-m360 .m360-hero .m360-sub{margin:0;font-size:13px;color:#d5cdc5}
#aspn-m360 .m360-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
#aspn-m360 .m360-hero .m360-pill{border-color:rgba(255,235,210,.22);background:rgba(255,255,255,.08);color:#f0e6d8}
#aspn-m360 .m360-hero .m360-pill-tier{background:linear-gradient(125deg,#b69c83,#92765e);color:#fff;border-color:rgba(255,255,255,.3)}
#aspn-m360 .m360-hero-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}
#aspn-m360 .m360-hero-actions .m360-btn{color:#f4ece1;border-color:rgba(255,235,210,.25);background:rgba(255,255,255,.07);min-height:40px;font-size:13px}

#aspn-m360 .m360-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#aspn-m360 .m360-wide{grid-column:1/-1}
#aspn-m360 .m360-col{display:flex;flex-direction:column;gap:16px;min-width:0}
#aspn-m360 .m360-card{background:var(--g73-fill,var(--glass,rgba(255,255,255,.5)));border:1px solid var(--g73-border,var(--hair,rgba(255,255,255,.65)));border-radius:20px;box-shadow:var(--g73-shadow,var(--shadow-sm,0 6px 18px -10px rgba(58,42,26,.22)));backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);padding:20px 22px;color:var(--g73-ink,var(--ink,#252525))}
#aspn-m360 .m360-card h2{margin:0 0 10px;font-size:16px;font-weight:600;letter-spacing:-.2px;color:var(--g73-ink,var(--ink,#252525))}
#aspn-m360 .m360-meta{margin:0 0 10px;font-size:12px;color:var(--g73-muted,var(--ink-2,rgba(37,37,37,.68)))}
#aspn-m360 .m360-empty{margin:4px 0;font-size:13.5px;color:var(--g73-muted,var(--ink-2,rgba(37,37,37,.68)))}
#aspn-m360 .m360-loading{display:block;text-align:center;padding:60px 0;font-size:14px;color:var(--g73-muted,rgba(37,37,37,.68))}
#aspn-m360 .m360-error{margin:0;font-size:14px;color:var(--danger,#A84B37)}

#aspn-m360 .m360-vals{margin:0;display:flex;flex-direction:column}
#aspn-m360 .m360-kv{display:grid;grid-template-columns:150px 1fr;gap:10px;padding:9px 0;border-top:1px solid var(--line,rgba(37,37,37,.08))}
#aspn-m360 .m360-kv:first-child{border-top:0}
#aspn-m360 .m360-kv dt{font-size:12px;color:var(--g73-muted,var(--ink-3,#6B6B6B));padding-top:1px}
#aspn-m360 .m360-kv dd{margin:0;font-size:13.5px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}

#aspn-m360 .m360-meds{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
#aspn-m360 .m360-med{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 0;border-top:1px solid var(--line,rgba(37,37,37,.08))}
#aspn-m360 .m360-med:first-child{border-top:0}
#aspn-m360 .m360-med-main b{display:block;font-size:13.5px;font-weight:600}
#aspn-m360 .m360-med-main .m360-meta{margin:3px 0 0}
#aspn-m360 .m360-tags{display:flex;gap:6px;flex-shrink:0}

#aspn-m360 .m360-flag{display:inline-block;padding:3px 9px;border-radius:999px;font-size:10.5px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;background:var(--sand-soft,#EFE8E0);color:var(--sand-text,#7F6A52)}
#aspn-m360 .m360-flag.rx{background:var(--warn-soft,#F7ECDC);color:var(--warn,#8F5714)}
#aspn-m360 .m360-flag.ok{background:var(--good-soft,#E6EFE6);color:var(--good,#3F6B47)}
#aspn-m360 .m360-flag.warn{background:var(--warn-soft,#F7ECDC);color:var(--warn,#8F5714)}
#aspn-m360 .m360-flag.info{background:var(--sand-tint,#F6F2EC);color:var(--sand-text,#7F6A52)}

#aspn-m360 .m360-labfile{padding:12px 0;border-top:1px solid var(--line,rgba(37,37,37,.08))}
#aspn-m360 .m360-labfile:first-of-type{border-top:0;padding-top:2px}
#aspn-m360 .m360-labfile-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}
#aspn-m360 .m360-labfile-head b{font-size:13.5px}
#aspn-m360 .m360-labfile-head .m360-meta{display:block;margin:2px 0 0}
#aspn-m360 .m360-labs{list-style:none;margin:0;padding:0}
#aspn-m360 .m360-labs li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:13px;border-top:1px dashed var(--line,rgba(37,37,37,.07))}
#aspn-m360 .m360-labs li:first-child{border-top:0}
#aspn-m360 .m360-lab-val{text-align:right;flex-shrink:0}
#aspn-m360 .m360-ref{font-size:11px;color:var(--g73-muted,var(--ink-3,#6B6B6B))}

#aspn-m360 .m360-note{padding:12px 0;border-top:1px solid var(--line,rgba(37,37,37,.08))}
#aspn-m360 .m360-note:first-of-type{border-top:0}
#aspn-m360 .m360-note-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
#aspn-m360 .m360-note-head b{font-size:13.5px}
#aspn-m360 .m360-note-body{margin:8px 0;font-size:13.5px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
#aspn-m360 .m360-pill{display:inline-block;padding:4px 11px;border-radius:999px;border:1px solid var(--line,rgba(37,37,37,.10));font-size:11px;font-weight:500;background:var(--glass,rgba(255,255,255,.4));color:var(--g73-ink,var(--ink,#252525))}

#aspn-m360 .m360-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}
#aspn-m360 .m360-metric{border:1px solid var(--g73-border,rgba(37,37,37,.08));border-radius:14px;padding:12px 14px;background:transparent}
#aspn-m360 .m360-metric-label{font-size:10.5px;letter-spacing:.6px;text-transform:uppercase;color:var(--g73-muted,var(--ink-3,#6B6B6B))}
#aspn-m360 .m360-metric-val{margin-top:5px;font-size:22px;font-weight:550;letter-spacing:-.5px}
#aspn-m360 .m360-metric-val small{font-size:11px;font-weight:400;color:var(--g73-muted,var(--ink-3,#6B6B6B))}
#aspn-m360 .m360-tablewrap{overflow-x:auto;margin-top:6px}
#aspn-m360 .m360-table{width:100%;border-collapse:collapse;font-size:12.5px}
#aspn-m360 .m360-table th{text-align:left;font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:var(--g73-muted,var(--ink-3,#6B6B6B));padding:8px 8px 6px;border-bottom:1px solid var(--line,rgba(37,37,37,.12));font-weight:600}
#aspn-m360 .m360-table td{padding:7px 8px;border-bottom:1px solid var(--line,rgba(37,37,37,.06));white-space:nowrap}
#aspn-m360 .m360-table th{white-space:nowrap}

#aspn-m360 .m360-reason form{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
#aspn-m360 .m360-input{flex:1 1 260px;min-height:44px;padding:10px 14px;border-radius:12px;border:1px solid var(--g73-border,#D7D7D7);background:var(--g73-fill,#fff);color:var(--g73-ink,#252525);font-size:14px}

/* Member list entry-point button (#admin/members rows). */
.m360-openbtn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--g73-border,rgba(37,37,37,.10));background:var(--g73-fill,rgba(255,255,255,.5));color:var(--g73-ink,#252525);font-family:'General Sans',-apple-system,'Segoe UI',sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.4px;text-decoration:none;vertical-align:middle}
.m360-openbtn:hover{filter:brightness(1.04)}

@media(max-width:760px){
 #aspn-m360 .m360-page{padding:0 16px}
 #aspn-m360 .m360-grid{grid-template-columns:1fr}
 #aspn-m360 .m360-hero-actions{flex-direction:row;flex-wrap:wrap}
 #aspn-m360 .m360-metrics{grid-template-columns:repeat(2,1fr)}
 #aspn-m360 .m360-kv{grid-template-columns:1fr;gap:2px}
}

/* ---- v2 (75m360b): collapsible sections, header contact, contact dialog ---- */
#aspn-m360 .m360-c{padding:0;overflow:hidden}
#aspn-m360 .m360-card-head{display:flex;align-items:baseline;gap:10px;width:100%;padding:18px 22px;border:0;background:transparent;cursor:pointer;text-align:left;font-family:'General Sans',-apple-system,'Segoe UI',sans-serif}
#aspn-m360 .m360-card-title{font-size:16px;font-weight:600;letter-spacing:-.2px;color:var(--g73-ink,var(--ink,#252525))}
#aspn-m360 .m360-card-sum{flex:1;font-size:12px;color:var(--g73-muted,var(--ink-3,#6B6B6B));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}
#aspn-m360 .m360-chev{font-size:16px;color:var(--g73-muted,var(--ink-3,#6B6B6B));transform:rotate(90deg);transition:transform .15s ease;flex-shrink:0}
#aspn-m360 .m360-collapsed .m360-chev{transform:rotate(0deg)}
#aspn-m360 .m360-card-body{padding:0 22px 20px}
#aspn-m360 .m360-collapsed .m360-card-body{display:none}
#aspn-m360 .m360-hero-main{display:block;text-align:left;border:0;background:transparent;cursor:pointer;padding:0;min-width:0;flex:1;font-family:'General Sans',-apple-system,'Segoe UI',sans-serif;color:inherit}
#aspn-m360 .m360-hero-main:hover h1{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
#aspn-m360 .m360-none{color:var(--g73-muted,var(--ink-3,#6B6B6B));font-style:normal;opacity:.75}
#aspn-m360 .m360-dot{opacity:.5;margin:0 2px}
#aspn-m360 .m360-chips{margin:0 0 10px}
#aspn-m360 .m360-flaglist{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px}
#aspn-m360 .m360-h3{margin:16px 0 8px;font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--g73-muted,var(--ink-3,#6B6B6B));font-family:'General Sans',-apple-system,'Segoe UI',sans-serif}
#aspn-m360 .m360-thread{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow-y:auto}
#aspn-m360 .m360-msg{border:1px solid var(--g73-border,rgba(37,37,37,.10));border-radius:14px;padding:10px 14px;max-width:78%}
#aspn-m360 .m360-msg.staff{align-self:flex-end;background:var(--g73-fill,rgba(255,255,255,.35))}
#aspn-m360 .m360-msg-meta{font-size:11.5px;color:var(--g73-muted,var(--ink-3,#6B6B6B));margin-bottom:4px}
#aspn-m360 .m360-msg-body{margin:0;font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word}
#aspn-m360 .m360-cdialog{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:20px}
#aspn-m360 .m360-cdialog-scrim{position:absolute;inset:0;background:rgba(24,20,16,.35)}
#aspn-m360 .m360-cdialog-card{position:relative;z-index:1;width:min(520px,100%);max-height:80%;overflow-y:auto;border-radius:20px;padding:20px 22px;background:var(--g65-back,#f3efe7);border:1px solid var(--g73-border,rgba(255,255,255,.65));box-shadow:var(--g73-shadow,0 18px 44px -18px rgba(58,42,26,.28));color:var(--g73-ink,#252525)}
#aspn-m360 .m360-cdialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
#aspn-m360 .m360-cdialog-head h2{margin:0;font-size:17px;font-weight:600;font-family:'General Sans',-apple-system,'Segoe UI',sans-serif}

/* ---- v3 (75m360c): protocol items + actions ---- */
#aspn-m360 .m360-proto{border-top:1px solid var(--g73-border,rgba(37,37,37,.08));padding:10px 0}
#aspn-m360 .m360-proto:first-of-type{border-top:0}
#aspn-m360 .m360-proto-items{list-style:none;margin:6px 0 0;padding:0 0 0 14px;display:flex;flex-direction:column;gap:6px}
#aspn-m360 .m360-proto-item{font-size:13.5px;display:flex;flex-direction:column;gap:1px}
#aspn-m360 .m360-proto-actions{margin:8px 0 0}
#aspn-m360 .m360-btn.small{min-height:36px;padding:6px 14px;font-size:13px}

/* ---- v4 (75m360f): Chart card - trend charts + chart notes ---- */
#aspn-m360 .m360-chartgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 16px}
#aspn-m360 .m360-chartbox{border:1px solid var(--g73-border,rgba(37,37,37,.08));border-radius:14px;padding:12px 14px;background:transparent;min-width:0}
#aspn-m360 .m360-chartbox-title{font-size:10.5px;letter-spacing:.6px;text-transform:uppercase;color:var(--g73-muted,var(--ink-3,#6B6B6B));margin-bottom:8px;font-weight:600}
#aspn-m360 .m360-svg{width:100%;height:auto;display:block}
#aspn-m360 .m360-svg-grid{stroke:var(--line,rgba(37,37,37,.08));stroke-width:1}
#aspn-m360 .m360-svg-ref{fill:var(--good-soft,#E6EFE6);opacity:.55}
#aspn-m360 .m360-svg-ylab,#aspn-m360 .m360-svg-xlab{font-size:9px;fill:var(--g73-muted,var(--ink-3,#6B6B6B));font-family:'General Sans',-apple-system,'Segoe UI',sans-serif}
#aspn-m360 .m360-svg-line{stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#aspn-m360 .m360-svg-last{stroke:var(--g65-back,#f3efe7);stroke-width:1.5}
#aspn-m360 .m360-chart-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px;font-size:11px;color:var(--g73-muted,var(--ink-3,#6B6B6B))}
#aspn-m360 .m360-chart-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}
#aspn-m360 .m360-chips-row{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
#aspn-m360 .m360-chip{border:1px solid var(--g73-border,rgba(37,37,37,.12));background:transparent;color:var(--g73-muted,var(--ink-2,rgba(37,37,37,.68)));border-radius:999px;padding:5px 12px;font-size:11.5px;cursor:pointer;min-height:28px;font-family:'General Sans',-apple-system,'Segoe UI',sans-serif}
#aspn-m360 .m360-chip.on{background:var(--sand-soft,#EFE8E0);color:var(--sand-text,#7F6A52);border-color:transparent;font-weight:600}
#aspn-m360 .m360-cnotes-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}
#aspn-m360 .m360-cnotes-head .m360-h3{margin:0}
#aspn-m360 .m360-cnote{border-top:1px solid var(--line,rgba(37,37,37,.08));padding:10px 0}
#aspn-m360 .m360-cnote:first-of-type{border-top:0}
#aspn-m360 .m360-cnote.pinned{background:linear-gradient(120deg,var(--sand-tint,#F6F2EC),transparent 70%);border-radius:12px;padding:10px 12px;margin:0 -12px}
#aspn-m360 .m360-cnote-row{display:flex;gap:8px;align-items:flex-start}
#aspn-m360 .m360-pin{border:0;background:transparent;cursor:pointer;font-size:15px;line-height:1;color:var(--g73-muted,var(--ink-3,#6B6B6B));padding:6px 4px;min-width:28px;min-height:32px}
#aspn-m360 .m360-pin.on{color:var(--sand-text,#7F6A52)}
#aspn-m360 .m360-cnote-main{flex:1;min-width:0;border:0;background:transparent;text-align:left;cursor:pointer;padding:0;font-family:'General Sans',-apple-system,'Segoe UI',sans-serif;color:inherit}
#aspn-m360 .m360-cnote-title{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13.5px;color:var(--g73-ink,var(--ink,#252525))}
#aspn-m360 .m360-ctag{font-size:10px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:var(--sand-soft,#EFE8E0);color:var(--sand-text,#7F6A52)}
#aspn-m360 .m360-cnote-excerpt{display:block;margin-top:3px;font-size:12.5px;color:var(--g73-muted,var(--ink-2,rgba(37,37,37,.68)));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#aspn-m360 .m360-cnote-full{padding:8px 0 2px 36px}
#aspn-m360 .m360-cnote-attach{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0}
#aspn-m360 .m360-cnote-actions{display:flex;gap:8px;margin:6px 0}
#aspn-m360 .m360-cnote-hist{border-top:1px dashed var(--line,rgba(37,37,37,.12));margin-top:8px;padding-top:6px}
#aspn-m360 .m360-cnote-hist-entry{padding:6px 0;border-top:1px dashed var(--line,rgba(37,37,37,.07))}
#aspn-m360 .m360-cnote-hist-entry:first-of-type{border-top:0}
#aspn-m360 .m360-cnote-hist-entry b{font-size:12px}
#aspn-m360 .m360-cnote-hist-entry .m360-meta{margin:2px 0 4px}
#aspn-m360 .m360-cform{border:1px solid var(--g73-border,rgba(37,37,37,.10));border-radius:14px;padding:14px;margin:0 0 12px;display:flex;flex-direction:column;gap:10px}
#aspn-m360 .m360-cform-row{display:flex;gap:10px;flex-wrap:wrap}
#aspn-m360 .m360-cform-row .m360-input{flex:1 1 160px}
#aspn-m360 .m360-textarea{resize:vertical;min-height:90px;line-height:1.5}
#aspn-m360 .m360-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--g73-ink,var(--ink,#252525))}
#aspn-m360 .m360-check input{width:16px;height:16px;accent-color:var(--sand-text,#7F6A52)}
#aspn-m360 .m360-cform-files{display:flex;flex-direction:column;gap:6px}
#aspn-m360 .m360-cform-actions{display:flex;gap:8px}
@media(max-width:760px){#aspn-m360 .m360-chartgrid{grid-template-columns:1fr}#aspn-m360 .m360-cnote-full{padding-left:0}}
#aspn-m360 .m360-cform .m360-input{flex:none}
#aspn-m360 .m360-cform-row .m360-input{flex:1 1 160px}
#aspn-m360 .m360-cnote-hist-entry .m360-meta{display:block}

/* ---- v5 (75m360g): nameplate photo - initials beneath, img covers on load,
   removes itself on error so the initials show through ---- */
#aspn-m360 .m360-avatar{position:relative;overflow:hidden}
#aspn-m360 .m360-avatar-img{position:absolute;inset:0;background-size:cover;background-position:center;border-radius:inherit}

/* v5b: on phones the actions row takes the hero's full width so the three
   buttons wrap inside it instead of overflowing the card. */
@media(max-width:760px){
 #aspn-m360 .m360-hero-actions{flex:1 1 100%;min-width:0}
}

/* 75m360j */
.m360-band { font-size: 11px; padding: 1px 7px; border-radius: 999px; background: rgba(120, 180, 120, .18); color: #9fd39f; text-transform: none; }
.m360-iconbtn { padding: 6px 8px; line-height: 0; }
/* 75m360k */
#aspn-m360 .m360-btn.small{min-height:34px;padding:6px 12px;font-size:13px}
#aspn-m360 .m360-cform{display:flex;flex-direction:column;gap:10px;margin-top:10px}
#aspn-m360 .m360-cform label.m360-meta{display:flex;gap:8px;align-items:flex-start;cursor:pointer}
#aspn-m360 .m360-cform label.m360-meta input{margin-top:2px}
#aspn-m360 .m360-spark{vertical-align:middle;color:var(--g73-ink,#252525);opacity:.7;margin-right:6px}
#aspn-m360 .m360-labcat{border-top:1px solid var(--g73-border,rgba(37,37,37,.10));padding:4px 0}
#aspn-m360 .m360-labcat-head{display:flex;gap:10px;align-items:baseline;width:100%;background:none;border:0;padding:8px 2px;font-weight:700;font-size:14px;color:inherit;cursor:pointer;text-align:left}
#aspn-m360 .m360-labcat-head .m360-meta{flex:1}
#aspn-m360 .m360-labcat-head .m360-caret{opacity:.6}

/* ---- 75m360r: wearable trend tiles, note rows, in-card chat ---- */
#aspn-m360 .m360-weargrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 12px}
@media (max-width:640px){#aspn-m360 .m360-weargrid{grid-template-columns:1fr}}
#aspn-m360 .m360-wearcard{border:1px solid var(--g73-border,rgba(37,37,37,.12));border-radius:14px;padding:12px 14px;background:var(--g73-fill,rgba(255,255,255,.35));color:var(--g73-ink,#252525);display:flex;flex-direction:column;gap:6px}
#aspn-m360 .m360-wearcard-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
#aspn-m360 .m360-wearcard-val b{font-size:18px;font-weight:700}
#aspn-m360 .m360-wearcard-val small{font-size:11px;color:var(--g73-muted,rgba(37,37,37,.6))}
#aspn-m360 .m360-wearspark{width:100%;height:56px;display:block;color:var(--sand-text,#7F6A52)}
#aspn-m360 .m360-wearaxis{display:flex;justify-content:space-between;font-size:10.5px;color:var(--g73-muted,rgba(37,37,37,.55));margin-top:-2px}
#aspn-m360 .m360-weardelta{font-size:11.5px;font-weight:600;color:var(--g73-muted,rgba(37,37,37,.62))}
#aspn-m360 .m360-weardelta.up{color:#53786b}
#aspn-m360 .m360-weardelta.down{color:#a25b4c}
#aspn-m360 .m360-notebar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
#aspn-m360 .m360-noterows{display:flex;flex-direction:column;gap:8px}
#aspn-m360 .m360-noterow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;width:100%;text-align:left;padding:11px 14px;border:1px solid var(--g73-border,rgba(37,37,37,.12));border-radius:12px;background:var(--g73-fill,rgba(255,255,255,.35));color:var(--g73-ink,#252525);font-family:inherit;font-size:13.5px;cursor:pointer;min-height:44px}
#aspn-m360 .m360-noterow:hover{filter:brightness(1.04)}
#aspn-m360 .m360-noterow-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#aspn-m360 .m360-noterow-meta{font-size:12px;color:var(--g73-muted,rgba(37,37,37,.6))}
#aspn-m360 .m360-chatbox{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:2px}
#aspn-m360 .m360-composer{display:flex;gap:8px;margin-top:10px}
#aspn-m360 .m360-composer .m360-input{flex:1;resize:none}
#aspn-m360 .m360-composer [disabled]{opacity:.55;cursor:not-allowed}
#aspn-m360 .m360-weardialog .m360-cdialog-card{width:min(920px,100%);max-height:85vh;display:flex;flex-direction:column}
#aspn-m360 .m360-wearstat-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0}
@media (max-width:640px){#aspn-m360 .m360-wearstat-wrap{grid-template-columns:repeat(2,1fr)}}
#aspn-m360 .m360-wearstat{border:1px solid var(--g73-border,rgba(37,37,37,.12));border-radius:12px;padding:10px 12px;background:var(--g73-fill,rgba(255,255,255,.3))}
#aspn-m360 .m360-wearstat-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin-top:8px}
#aspn-m360 .m360-wearstat-grid span{font-size:11px;color:var(--g73-muted,rgba(37,37,37,.6));display:flex;flex-direction:column}
#aspn-m360 .m360-wearstat-grid b{font-size:14px;color:var(--g73-ink,#252525)}
#aspn-m360 .m360-weartable{max-height:38vh;overflow-y:auto}
#aspn-m360 .m360-wearexplore{font-weight:600}
#aspn-m360 .m360-dod{display:block;margin-top:4px;font-size:11px;font-weight:600;color:var(--g73-muted,rgba(37,37,37,.55))}
#aspn-m360 .m360-dod.good{color:#53786b}
#aspn-m360 .m360-dod.bad{color:#a25b4c}
#aspn-m360 .m360-dod.flat{color:var(--g73-muted,rgba(37,37,37,.55))}
#aspn-m360 .m360-weardeltas{display:flex;gap:14px;flex-wrap:wrap;align-items:baseline}
#aspn-m360 .m360-weardeltas .m360-dod{margin-top:0}
#aspn-m360 .m360-weardelta.good{color:#53786b}
#aspn-m360 .m360-weardelta.bad{color:#a25b4c}
#aspn-m360 .m360-weardelta.flat{color:var(--g73-muted,rgba(37,37,37,.55))}
#aspn-m360 .m360-vitals{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 14px}
#aspn-m360 .m360-vital{border:1px solid var(--g73-border,rgba(37,37,37,.12));border-radius:12px;padding:10px 12px;background:var(--g73-fill,rgba(255,255,255,.3))}
#aspn-m360 .m360-vital-val{font-size:14px;font-weight:600;color:var(--g73-ink,#252525);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#aspn-m360 .m360-timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
#aspn-m360 .m360-timeline li{display:flex;gap:14px;padding:7px 0;border-bottom:1px solid var(--g73-border,rgba(37,37,37,.08));font-size:13px}
#aspn-m360 .m360-timeline li:last-child{border-bottom:none}
#aspn-m360 .m360-tl-date{flex:0 0 110px;color:var(--g73-muted,rgba(37,37,37,.55));font-weight:600}
@media (max-width:640px){#aspn-m360 .m360-vitals{grid-template-columns:repeat(2,1fr)}}
