/* MC Sports / refined collection workspace */
:root{--ink:#17243a;--blue:#4265dc;--muted:#718099;--line:#e3e9f2;--paper:#f3f5fa}
body{background:radial-gradient(ellipse at 85% 0,#e4ebff80,transparent 45%),var(--paper);-webkit-font-smoothing:antialiased}
aside{background:linear-gradient(110deg,#101b30,#17243e);border-bottom-color:#ffffff12;box-shadow:0 4px 20px #13264412}
.monogram{background:linear-gradient(145deg,#6488ff,#3555c4);box-shadow:0 3px 14px #4b6bd533,3px 3px 0 #34466d;border-radius:10px}
nav button{display:flex;align-items:center;gap:7px;font-size:12px;padding-inline:12px;white-space:nowrap}
nav svg{width:16px;height:16px;opacity:.8;flex-shrink:0}
nav button.active,nav button.active:hover{background:linear-gradient(135deg,#4c6edc,#3653b5);border-color:#7592e366;border-bottom-color:#a9c6ff;box-shadow:0 4px 16px #0002,inset 0 1px 0 #ffffff16}
.workspace>span:first-child{background:#ffffff0b;border-color:#ffffff22}
header{padding:21px 0;font-size:10px}
header button{border-radius:8px;background:#ffffff65}
.heading{border-radius:20px;min-height:280px;padding:35px 42px;background:radial-gradient(ellipse at 90% 0%,#4262bc77,transparent 60%),linear-gradient(115deg,#122440,#1c315a);box-shadow:0 12px 32px #192d5312;border:1px solid #284673}
.heading:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#91b7ff06 1px,transparent 1px),linear-gradient(90deg,#91b7ff06 1px,transparent 1px);background-size:35px 35px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}
.heading:after{right:25%;opacity:.65;pointer-events:none}
.heading>div:first-child{position:relative;z-index:2;max-width:65%}
h1{font-size:clamp(44px,4.3vw,64px);line-height:.97;letter-spacing:-1px;margin:18px 0 15px}
h1 em{color:#a0baff}
.eyebrow{font-size:9px;letter-spacing:1.7px;line-height:1.7;color:#a9c4ff;text-transform:uppercase}
.sub{font-size:12px;color:#b6c7e0}
.hero-actions{display:flex;align-items:center;gap:12px;margin-top:23px}
.hero-actions button{padding:11px 17px;font-size:11px;border-radius:9px;min-height:40px}
.hero-actions .primary{background:#f5f8ff;color:#253f84;border-color:#fff;box-shadow:0 4px 14px #020c2922}
.hero-actions .primary:hover{background:#dce7ff}
#hero-inventory{background:#ffffff08;border-color:#ffffff26;color:#e0e9ff}
#hero-inventory:hover{background:#ffffff15}
#hero-inventory span{margin-left:12px;color:#a6bfff}
.hero-collection{position:relative;width:204px;height:232px;margin-right:30px;flex-shrink:0;z-index:1;perspective:800px}
.stack-card{position:absolute;inset:0;border-radius:15px;border:1px solid #b7caff55}
.stack-card.back{transform:rotate(17deg) translate(18px,6px);background:linear-gradient(140deg,#758ecc33,#153058);box-shadow:0 15px 40px #07132944}
.stack-card.middle{transform:rotate(-8deg) translate(-12px,3px);background:linear-gradient(150deg,#5484bd,#1b3966)}
.stack-card.front{transform:rotate(5deg);background:linear-gradient(145deg,#e8f0ff,#fafcff 45%,#cbdcf8);padding:13px;color:#223c73;box-shadow:0 15px 35px #05112c44;transition:transform .3s}
.heading:hover .front{transform:rotate(2deg) translateY(-3px)}
.card-top{display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:15px;font-style:italic}
.card-top>span{font-size:6px;letter-spacing:1.3px;font-style:normal;color:#5c729b}
.card-art{height:123px;background:radial-gradient(ellipse at 75% 5%,#85adff88,transparent 65%),linear-gradient(140deg,#3256aa,#112f64);border-radius:9px;margin:11px 0 13px;display:grid;place-items:center;position:relative;overflow:hidden}
.card-art b{font:800 italic 63px 'Barlow Condensed',sans-serif;color:#ecf3ff;letter-spacing:-4px;z-index:1}
.card-orbit{position:absolute;width:150px;height:150px;border:1px solid #a3c5ff33;border-radius:50%;box-shadow:0 0 0 25px #b7d3ff08,0 0 0 50px #b7d3ff06;transform:translate(40px,-30px)}
.card-bottom{display:flex;justify-content:space-between;font-size:7px;color:#6a7f9f}
.card-bottom strong{display:block;font-size:14px;color:#253e6d;margin-top:4px;max-width:96px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.report-controls{margin:4px 0 16px;padding:2px 0}.report-controls>b{font-size:9px;color:#526582}
.stats{gap:16px}.stat{border-radius:15px;border-color:#e1e7f1;padding:20px 22px;box-shadow:0 4px 18px #18345c04;transition:transform .2s,box-shadow .2s}
.stat:before{display:none}.stat:first-child{border:1px solid #365ea7;padding-top:20px;background:radial-gradient(ellipse at 100% 0,#3b72af80,transparent 75%),#1b3559;color:#fff;box-shadow:0 8px 18px #1b355917}
.stat-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.stat label{font-size:9px;letter-spacing:1px;color:#738198}.stat:first-child label{color:#c3d3ed}
.stat-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#edf2ff;color:#5879ca;flex-shrink:0}.stat-icon svg{width:18px;height:18px}.stat:first-child .stat-icon{background:#ffffff13;color:#a9d1ef}.stat:nth-child(3) .stat-icon{background:#eaf5f0;color:#528b78}.stat:nth-child(4) .stat-icon{background:#f4effb;color:#9a7db8}
.stat strong{font-size:31px;font-weight:700;letter-spacing:-1px;margin:12px 0 6px}.stat:first-child strong.positive{color:#c0f2dd}.stat:first-child strong.negative{color:#ffb9c3}.stat:first-child small{color:#a9beda}.stat small{font-size:10px;line-height:1.5}
.stat:hover{transform:translateY(-3px);box-shadow:0 10px 24px #1e355510}
.sales-summary{font-size:11px;gap:18px;margin-top:21px}.insights{border-radius:12px;background:#eaf0fa;border-color:#dfe7f6;padding:15px 20px}.insights b{color:#3b5aa1}.formula{font-size:9px;margin-bottom:24px}
.panel{border-radius:18px;border-color:#e0e7f1;box-shadow:0 6px 28px #182e5005}.panel-top{padding:25px 26px 22px;gap:16px}.panel-top h2{font:700 23px 'DM Sans',sans-serif;letter-spacing:-.65px}.panel-kicker{font-size:8px!important;letter-spacing:1.5px;font-weight:700;color:#8493ae!important;margin:0 0 9px!important;max-width:none!important}.panel-top p:not(.panel-kicker){font-size:11px;line-height:1.6}
.primary{background:linear-gradient(135deg,#5175e1,#3c5bc0);border-color:#4566cf;box-shadow:0 4px 10px #4667ce20;border-radius:9px}.primary:hover{background:linear-gradient(135deg,#4669d1,#304daa);box-shadow:0 5px 16px #4667ce30}
button{transition:background .15s,transform .15s,box-shadow .15s}button:not(:disabled):active{transform:translateY(1px)}
.filters{gap:9px;padding:0 26px 18px}.filters input,.filters select{border-radius:8px;background:#f7f9fc;border-color:#e1e7f0;font-size:11px;padding:11px 12px}.filters input:focus{background:white}.filters button{border-radius:8px;background:#fff;font-size:10px}
.result-count{font-size:10px;color:#8793a6}.badge{border-radius:6px;background:#eff3fe;border-color:#e0e8fa;padding:5px 8px}th{background:#f5f7fc;font-size:8px;letter-spacing:1.3px;padding-block:14px}td{padding-block:20px}tr:hover td{background:#f6f9ff}.actions button{border-radius:6px}
.empty{padding:44px 20px 48px;background:radial-gradient(ellipse at 50% 30%,#edf3ff88,transparent 60%);line-height:1.8}.empty:before{width:48px;height:62px;background:linear-gradient(145deg,#fff,#e2ebff);border-radius:8px;box-shadow:7px 5px 0 -1px #eef3ff,7px 5px 0 0 #d5e1f5;color:#6f89c0;margin-bottom:23px}.empty b{font-size:18px;font-weight:600;letter-spacing:-.3px}
main>.cloud-panel{border-radius:13px;background:#ffffff99;box-shadow:none;border-color:#e0e7f2;padding:15px 20px}.auth-intro #cloud-status{font-size:11px}.cloud-actions button{font-size:10px;padding:9px 12px;border-radius:7px;background:transparent}.cloud-actions #signout{color:#6c7c92}.cloud-panel .auth-intro h2{font:600 13px 'DM Sans',sans-serif;letter-spacing:-.2px}
.calendar-toolbar{padding:4px 0 10px}.calendar-toolbar h3{font-size:20px;letter-spacing:-.5px}.calendar-toolbar button{border-radius:8px}.calendar-grid{border-radius:10px;overflow:hidden}.calendar-day{min-height:115px;transition:background .15s}.calendar-day:not(.blank):hover{background:#f7faff}.calendar-day.today{background:#edf3ff;box-shadow:inset 0 3px #6788dd}.calendar-day.today time{display:grid;place-items:center;width:25px;height:25px;background:#4265c7;border-radius:50%;color:white;margin:-3px 0}.calendar-event{border-left:3px solid #6388d9;border-radius:6px}.weekday{background:#f4f7fc;font-size:10px}
dialog{border-radius:18px;border-color:#e0e7f2;box-shadow:0 28px 100px #09192f44}dialog::backdrop{background:#0e1f3c99;backdrop-filter:blur(6px)}dialog .dialog-head h2{font:700 24px 'DM Sans',sans-serif;letter-spacing:-.6px}dialog input,dialog textarea,dialog select{border-radius:8px!important}.dialog-head button{border-radius:8px}
footer{font-size:9px;color:#8a97ab;padding-top:3px}
@keyframes enter-panel{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.panel,.heading{animation:enter-panel .3s ease-out}
@media(max-width:1150px){aside{gap:14px;padding-inline:24px}.workspace{display:none}nav{gap:5px}nav button{padding-inline:10px}.hero-collection{margin-right:5px}}
@media(max-width:760px){.heading{padding:30px;min-height:250px}.hero-collection{width:155px;height:199px;margin-right:0}.card-art{height:95px}.card-bottom strong{font-size:12px}.card-top>span{font-size:5px}.heading>div:first-child{max-width:65%}.hero-actions{gap:8px;flex-wrap:wrap}.hero-actions button{font-size:10px;padding:10px 12px}.stat{padding:18px}.stat:first-child{padding-top:18px}.stat strong{font-size:28px}.stats{gap:12px}.stat-top{gap:4px}}
@media(max-width:560px){aside{padding:17px 16px 0;gap:12px}nav{gap:3px;height:54px}nav button{justify-content:center;padding-inline:5px;font-size:10px;gap:0;min-width:0}nav svg{display:none}.brand{width:100%}.heading{padding:25px 23px;min-height:250px;border-radius:15px}.heading>div:first-child{max-width:100%}.hero-collection{display:none}h1{font-size:49px}.eyebrow{font-size:8px;letter-spacing:1.4px}.sub{font-size:11px}.hero-actions{margin-top:19px}.hero-actions button{font-size:11px}.stat{padding:16px 14px;border-radius:12px}.stat:first-child{padding-top:16px}.stat-icon{width:26px;height:26px;border-radius:8px}.stat-icon svg{width:15px;height:15px}.stat label{font-size:8px;letter-spacing:.7px}.stat strong{font-size:26px}.panel-top{padding:22px 18px 18px}.panel-top h2{font-size:21px}.panel-kicker{font-size:7px!important}.filters{padding-inline:18px}.panel{border-radius:14px}main>.cloud-panel{padding:14px 16px;gap:12px}.cloud-panel .cloud-actions{gap:6px}header{gap:8px;align-items:flex-start}.sales-summary{font-size:10px}.calendar-day{min-height:100px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.stat:hover{transform:none}.heading:hover .front{transform:rotate(5deg)}}
main>.cloud-panel{grid-template-columns:minmax(180px,1fr) auto}
main>.cloud-panel .auth-intro h2{font:600 13px 'DM Sans',sans-serif;letter-spacing:-.2px}
#hero-inventory svg{width:13px;height:13px;vertical-align:middle;margin-left:9px}
@media(max-width:760px){main>.cloud-panel{grid-template-columns:1fr}.cloud-panel .cloud-actions{justify-content:flex-start}}
@media(min-width:561px) and (max-width:900px){aside{height:auto;flex-wrap:wrap;padding:18px 22px 0;gap:12px}.brand{width:100%}nav{width:100%;height:56px;justify-content:space-between}nav button{justify-content:center;flex:1;min-width:0;font-size:11px;padding-inline:8px;gap:5px}}

.profit-chart{margin-top:22px;border:1px solid var(--line);border-radius:17px;background:#fff;padding:25px 27px 17px;box-shadow:0 5px 24px #182e5005}.profit-chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.profit-chart h2{font:700 21px 'DM Sans',sans-serif;letter-spacing:-.5px}.chart-sub,.chart-note{font-size:10px;line-height:1.7;color:var(--muted)}.chart-sub{margin:8px 0 0}.chart-total{font-size:25px;font-weight:700;letter-spacing:-.7px;text-align:right}.chart-total small{display:block;font-size:9px;color:var(--muted);font-weight:400;letter-spacing:0;margin-top:7px}.chart-legend{display:flex;gap:18px;margin:19px 0 5px;color:var(--muted);font-size:10px}.chart-legend span:before{content:'';display:inline-block;width:14px;height:3px;border-radius:3px;vertical-align:middle;margin-right:6px}.chart-legend .up:before{background:#15976c}.chart-legend .down:before{background:#d55063}#profit-plot svg{display:block;width:100%;height:auto;overflow:visible}.chart-axis{font:10px 'DM Sans',sans-serif;fill:#7d8da5}.chart-inspector{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center;font-size:10px;color:var(--muted);border-top:1px solid #edf1f7;padding-top:10px}.chart-inspector p{margin:0;color:#52637e;font-variant-numeric:tabular-nums}.chart-inspector input{grid-column:1/-1;width:100%;padding:0;accent-color:#4265dc;cursor:pointer;height:16px}.chart-note{font-size:9px;margin:10px 0 0}.chart-empty{text-align:center;padding:14px 0 18px;color:var(--muted)}.chart-empty svg{max-height:110px;margin:0 0 15px}.chart-empty b{font-size:12px;font-weight:500;color:#657591}.chart-empty p{font-size:10px;margin-bottom:0}@media(max-width:560px){.profit-chart{padding:20px 16px 14px;border-radius:14px}.profit-chart h2{font-size:18px}.chart-total{font-size:20px}.chart-total small{max-width:100px;line-height:1.6}.chart-inspector{grid-template-columns:1fr}.chart-inspector label{display:none}#profit-plot{overflow-x:auto}#profit-svg{min-width:540px}.chart-inspector p{line-height:1.7}.chart-sub{max-width:170px}.chart-legend{font-size:9px}}

@media(max-width:560px){nav{overflow-x:auto;justify-content:flex-start;scrollbar-width:thin;padding-bottom:3px}nav button{flex:0 0 auto;padding-inline:10px}nav button span{white-space:nowrap}}

#profit-svg{touch-action:none;cursor:crosshair;user-select:none;-webkit-user-select:none}#profit-svg.is-dragging{cursor:grabbing}#chart-tooltip{font-family:'DM Sans',sans-serif;filter:drop-shadow(0 4px 6px #14284618)}

/* Account controls open from the profile button. */
aside{position:relative}button.workspace{display:flex;background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;padding:9px 11px;text-align:left;flex-shrink:0;color:#c3cfe3;cursor:pointer;letter-spacing:0}button.workspace:hover{background:#ffffff10;border-color:#ffffff32}button.workspace b{color:#e4ebf8;font-weight:600}button.workspace:after{content:'⌄';font-size:14px;margin-left:5px;color:#8fa7cc}#account-dialog{width:min(500px,calc(100vw - 32px));max-height:90dvh;overflow:auto}#account-dialog .cloud-panel{display:block;margin:0;padding:0;border:0;box-shadow:none;background:transparent}#account-dialog .auth-kicker{display:none}#account-dialog .auth-intro h2{font:600 17px 'DM Sans',sans-serif;letter-spacing:-.3px;line-height:1.5;margin:0 0 8px}#account-dialog .cloud-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}#account-dialog .cloud-actions button{font-size:12px;padding:13px;border-radius:9px;background:#f7f9fc}#account-dialog #signout{color:#af4659;background:#fff6f7;border-color:#f0d9df}#account-dialog #cloud-status{font-size:12px;line-height:1.7}
@media(max-width:1150px){button.workspace{display:flex}#workspace-name{max-width:115px}aside{gap:9px}nav{gap:3px}nav button{padding-inline:8px;font-size:11px}}
@media(max-width:900px){button.workspace{position:absolute;right:22px;top:14px}.brand{max-width:calc(100% - 170px)}nav button{font-size:11px}.workspace small{display:none}}
@media(max-width:560px){button.workspace{top:14px;right:16px;padding:7px;gap:6px;max-width:155px}button.workspace>span:first-child{padding:7px}.workspace #workspace-name{max-width:85px;font-size:10px}.brand{max-width:calc(100% - 165px);gap:9px}.brand b{font-size:20px}.brand b span{font-size:6px;letter-spacing:2px}.monogram{width:34px;height:36px;font-size:24px}#account-dialog .cloud-actions{grid-template-columns:1fr}}

/* Social links at the bottom of each tracker tab. */
.social-section{display:flex;margin-top:28px;padding:25px 27px;border:1px solid #dce5f3;border-radius:17px;background:linear-gradient(115deg,#eef3ff,#fff 65%);gap:26px;align-items:center}.social-intro{flex:1;min-width:170px}.social-intro h2{font:700 22px 'DM Sans',sans-serif;letter-spacing:-.6px}.social-intro>p:last-child{font-size:11px;color:var(--muted);line-height:1.7;margin:8px 0 0}.social-links{display:grid;grid-template-columns:repeat(3,minmax(145px,1fr));gap:12px;flex:2}.social-card{display:flex;align-items:center;gap:11px;border:1px solid #e1e7f1;border-radius:12px;background:#ffffffb3;padding:16px;min-width:0;color:#344664}.social-card b{display:block;font-size:12px;font-weight:600}.social-card small{display:block;font-size:9px;color:#8794aa;margin-top:6px;line-height:1.5}.social-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;flex-shrink:0;background:#edf2ff;color:#5879c5}.social-icon svg{width:19px;height:19px}.instagram .social-icon{background:#f7edf5;color:#b16f9f}.tiktok .social-icon{background:#eaf3f5;color:#508a99}.dotcard .social-icon{background:#efedfa;color:#8070b5}@media(max-width:900px){.social-section{display:block}.social-links{margin-top:20px}}@media(max-width:560px){.social-section{padding:22px 18px}.social-links{grid-template-columns:1fr;gap:9px}.social-card{padding:14px}.social-card small{margin-top:4px}.social-intro h2{font-size:20px}}

.social-links{grid-template-columns:repeat(4,minmax(130px,1fr))}.social-section .social-intro{flex:.8}.social-card{text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s}.social-card:hover{transform:translateY(-2px);border-color:#b7c9ed;box-shadow:0 5px 14px #233f6d0a}.social-card:focus-visible{outline:3px solid #75a7ff;outline-offset:3px}.whatnot .social-icon{background:#fff6d9;color:#95751d}@media(max-width:1150px){.social-section{display:block}.social-links{margin-top:20px;grid-template-columns:repeat(4,minmax(0,1fr))}.social-card{padding:14px 10px;gap:8px}}@media(max-width:760px){.social-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.social-links{grid-template-columns:1fr}}

.card-name-field{position:relative;min-width:0}.card-name-field>label{font-size:11px;font-weight:600;color:#46536b}.card-name-field>input{display:block;width:100%;margin-top:7px;font-size:13px;padding:11px}.card-name-field>small{display:block;font-size:9px;color:var(--muted);line-height:1.5;margin-top:6px}.name-options{position:absolute;top:66px;left:0;right:0;max-height:210px;overflow:auto;z-index:5;background:white;border:1px solid #cad7ed;border-radius:9px;box-shadow:0 8px 24px #172b4a20;padding:5px}.name-options button{display:block;width:100%;border:0;text-align:left;border-radius:5px;padding:9px 10px;font-size:12px;font-weight:500;background:white;color:#243e6e}.name-options button:hover,.name-options button[aria-selected="true"]{background:#edf3ff}

/* Public policies and support */
.legal-links{display:flex;flex-wrap:wrap;gap:14px;width:100%;padding-top:12px}.legal-links a,.account-support{color:#697080;text-decoration:none;font-size:11px}.legal-links a:hover,.account-support:hover{color:#424957;text-decoration:underline;text-underline-offset:3px}.account-support{align-self:center;padding:8px}.legal-consent{display:flex;align-items:flex-start;gap:10px;margin:20px 0;font-size:13px;line-height:1.6}.legal-consent input{width:18px;min-width:18px;height:18px;margin-top:2px;accent-color:#7034df}.legal-consent a{color:#6334b9}
footer .legal-links{height:auto;min-height:0;align-items:center;justify-content:flex-start}

/* Keep the month agenda available on narrow screens. */
.calendar-agenda { display: none; }

@media (max-width: 560px) {
    aside { padding: 12px 14px; gap: 12px; }
    aside .brand { max-width: calc(100% - 148px); min-height: 44px; }
    aside button.workspace { top: 12px; right: 14px; min-height: 44px; }
    aside nav {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 5px;
        height: auto;
        overflow: visible;
        padding: 0;
    }
    aside nav button { width: 100%; gap: 5px; min-height: 44px; padding: 6px 2px; }
    aside nav svg { display: block; width: 14px; height: 14px; }
    main { padding-inline: 12px; }
    header { align-items: center; padding: 12px 0; }
    header button { min-height: 40px; margin-left: 0; }
    .heading { min-height: auto; padding: 24px 18px; margin-bottom: 14px; }
    .heading h1 { font-size: clamp(38px, 11vw, 52px); }
    .heading .sub { font-size: 13px; }
    .hero-actions { display: grid; grid-template-columns: 1fr 1fr; }
    .hero-actions button { min-height: 44px; padding-inline: 6px; }
    #hero-inventory svg { margin-left: 4px; }
    .report-controls {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px 10px;
    }
    .report-controls > b { grid-column: 1; grid-row: 1; }
    .report-controls label { grid-row: 2; display: grid; gap: 4px; min-width: 0; }
    .report-controls input { width: 100%; min-width: 0; min-height: 44px; margin: 0; font-size: 16px; }
    .report-controls #clear-dates { grid-row: 1; grid-column: 2; justify-self: end; min-height: 40px; }
    #period-error { grid-column: 1 / -1; }
    #period-error:empty { display: none; }
    .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .stat { min-width: 0; }
    .stat strong { font-size: clamp(18px, 5.5vw, 27px); overflow-wrap: anywhere; }
    .stat small { font-size: 10px; }
    #profit-plot { overflow: visible; }
    #profit-svg { min-width: 0; touch-action: pan-y; }
    .chart-total { overflow-wrap: anywhere; min-width: 0; }
    .chart-inspector { font-size: 12px; }
    .chart-inspector label { display: block; }
    .chart-inspector input { height: 32px; }
    .panel-top { align-items: center; padding: 16px 14px; }
    .panel-top p:not(.panel-kicker) { max-width: none; font-size: 12px; }
    .panel-buttons button { min-height: 44px; }
    .filters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding-inline: 14px; }
    .filters input { grid-column: 1 / -1; }
    .filters input, .filters select { width: 100%; min-width: 0; min-height: 44px; font-size: 16px; }
    .filters button { min-height: 44px; font-size: 12px; }
    .table-wrap { padding: 0 12px 12px; }
    .table-wrap table { display: block; white-space: normal; }
    .table-wrap thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
    .table-wrap tbody { display: grid; gap: 10px; }
    .table-wrap tr {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px 12px;
        padding: 14px;
        border: 1px solid var(--line);
        border-radius: 12px;
        background: #f9fbff;
    }
    .table-wrap td {
        display: block;
        min-width: 0;
        max-width: none;
        padding: 0;
        border: 0;
        font-size: 13px;
        overflow-wrap: anywhere;
        background: transparent;
    }
    .table-wrap tr:hover td { background: transparent; }
    .table-wrap td:first-child, .table-wrap td:last-child, .table-wrap td.show-notes { grid-column: 1 / -1; }
    .table-wrap td:first-child { font-size: 15px; }
    .table-wrap td:not(:first-child):not(:last-child)::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 5px;
        color: #576780;
        font-size: 10px;
        font-weight: 700;
        text-transform: uppercase;
    }
    .table-wrap td:last-child { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
    .table-wrap td button { min-height: 44px; margin: 0; padding: 8px 11px; font-size: 12px; }
    .calendar-grid { grid-template-columns: repeat(7, minmax(0, 1fr)); min-width: 0; }
    .calendar-toolbar { gap: 5px; }
    .calendar-toolbar h3 { font-size: 16px; }
    .calendar-toolbar button { min-height: 44px; padding: 6px 9px; }
    .weekday, .calendar-day { padding: 5px 2px; text-align: center; }
    .calendar-day { min-height: 43px; }
    .calendar-day.today time { margin: 0 auto; }
    .calendar-day .calendar-event { display: none; }
    .calendar-day.has-events::after {
        content: '';
        display: block;
        width: 5px;
        height: 5px;
        margin: 3px auto 0;
        border-radius: 50%;
        background: #4265c7;
    }
    .calendar-agenda { display: block; margin: 16px 0 0; }
    .calendar-agenda h4 { margin: 0 0 8px; font-size: 14px; }
    .calendar-agenda .calendar-event { min-height: 44px; padding: 10px; font-size: 13px; }
    .calendar-agenda time { display: block; margin-bottom: 4px; font-size: 11px; }
    .calendar-agenda p { color: var(--muted); font-size: 12px; }
    dialog, #signin-dialog { max-height: calc(100dvh - 24px); padding: 18px; }
    dialog .dialog-head h2 { font-size: 21px; }
    dialog .dialog-head button, dialog .primary { min-height: 44px; }
    #fields input, #fields select, #fields textarea, #auth-form input, #reset-form input,
    #password-form input, .signup-fields input { min-height: 44px; font-size: 16px; }
    .social-section { margin-top: 18px; padding: 16px; }
    .social-links { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .social-card { padding: 9px 7px; overflow-wrap: anywhere; }
    .social-icon { width: 26px; height: 26px; }
    footer .legal-links { column-gap: 12px; row-gap: 4px; }
    .legal-links a { padding-block: 6px; }
}

@media (max-width: 360px) {
    aside .brand { max-width: calc(100% - 116px); }
    aside .brand .monogram { flex: 0 0 32px; }
    aside .brand b span { letter-spacing: 1.25px; }
    aside button.workspace { max-width: 108px; padding: 6px; gap: 4px; }
    aside .workspace #workspace-name { max-width: 57px; }
    aside button.workspace::after { margin-left: 0; }
}

/* Past days remain visible, with their calendar events disabled. */
.calendar-day.past,
.calendar-day.past:hover {
    background: #4b5059;
    color: #f5f6f8;
    border-color: #626975;
}
.calendar-day.past.has-events::after { background: #c2c7d0; }
.calendar-event.is-past {
    background: #e5e7eb;
    border-color: #cbd0d7;
    color: #444b57;
    opacity: 1;
}
.calendar-day.past .calendar-event.is-past {
    background: #3d424a;
    border-color: #747b87;
    color: #f0f2f5;
}

.quick-start {
    margin: 0 0 22px;
    padding: 20px 24px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 16px;
}
.quick-start-head {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 12px;
}
.quick-start-head button { color: var(--muted); }
.quick-start ol {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding: 0;
    list-style-position: inside;
}
.quick-start li {
    padding: 10px;
    border-radius: 8px;
    color: #53617a;
    background: #f3f5fa;
    font-size: 12px;
}
.quick-start li[aria-current="step"] {
    background: #e6edff;
    color: #284da7;
    font-weight: 700;
}
.quick-start > p, .recap-note { color: #53617a; font-size: 13px; line-height: 1.55; }
.inventory-age { color: #365aab; font-weight: 650; }
#show-recap { max-height: calc(100dvh - 24px); }
.recap-show { line-height: 1.65; overflow-wrap: anywhere; }
.recap-totals { margin: 18px 0; }
.recap-totals > div {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid var(--line);
}
.recap-totals dd { margin: 0; font-weight: 700; text-align: right; }
.recap-totals > div:last-child {
    padding: 12px;
    background: #edf2ff;
    border: 0;
    border-radius: 8px;
    font-weight: 700;
}
@media (max-width: 560px) {
    .quick-start { padding: 16px; }
    .quick-start ol { grid-template-columns: 1fr; }
    .quick-start button { min-height: 44px; }
}

.shows-calendar { margin-bottom: 18px; }
@media (max-width: 560px) {
    aside nav { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    aside nav button { grid-column: span 2; }
    aside nav button:nth-child(n+4) { grid-column: span 3; }
}

#calendar-add {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    height: 44px;
    padding: 0;
    font-size: 24px;
    line-height: 1;
}
@media (max-width: 560px) {
    aside nav button[data-tab="show"] span { white-space: normal; line-height: 1.15; }
}

.shows-calendar .panel-top { flex-wrap: nowrap; }
.shows-calendar .panel-top > div { min-width: 0; }
#calendar-add { align-self: flex-start; }

aside nav #open-reviews {
    flex: 0 0 36px;
    justify-content: center;
    padding: 4px;
    font-size: 21px;
    line-height: 1;
}
#card-milestone, #reviews-dialog {
    width: min(480px, calc(100vw - 24px));
    max-height: calc(100dvh - 24px);
    overflow: auto;
}
#card-milestone p, .review-intro, #review-form p, #review-status {
    color: #52617a;
    line-height: 1.6;
}
#milestone-socials {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: 16px 0 8px;
}
#milestone-socials .social-card { overflow-wrap: anywhere; }
#milestone-later { display: block; margin: 14px auto 0; min-height: 36px; }
#review-list { margin: 14px 0; }
.tracker-review {
    border: 1px solid var(--line);
    border-radius: 10px;
    padding: 12px;
    margin: 8px 0;
}
.tracker-review p { white-space: pre-wrap; overflow-wrap: anywhere; margin: 8px 0 0; }
.tracker-review small { margin-left: 8px; color: #52617a; }
.review-stars { color: #876019; letter-spacing: 2px; }
#review-form label { display: grid; gap: 6px; margin-top: 12px; }
#review-form select, #review-form textarea {
    width: 100%;
    min-height: 44px;
    font: inherit;
    font-size: 16px;
    padding: 9px;
    border: 1px solid var(--line);
}
#review-form textarea { resize: vertical; }
@media (max-width: 560px) {
    aside nav { grid-template-columns: repeat(12, minmax(0, 1fr)); }
    aside nav button[data-tab] { grid-column: span 4; }
    aside nav button[data-tab]:nth-child(n+4) { grid-column: span 5; }
    aside nav #open-reviews { grid-column: span 2; }
}