.dashboard-cream{--ink:#42382c;--muted:#756958;--green:#715936;--line:#e4dac7;--rose:#a46f59;background:#fffbf3;color:var(--ink);font-family:Manrope,Arial,sans-serif}
.dashboard-cream .app-sidebar,.dashboard-cream .app-topbar{background:#fffbf3;border-color:var(--line)}
.dashboard-cream .app-content,.dashboard-cream .app-shell{background:#faf6ed}
.dashboard-cream .app-sidebar>.brand{margin:0 0 32px;gap:8px;color:#42382c;letter-spacing:-1.2px}
.dashboard-cream .app-sidebar .brand-bow{width:48px;height:48px;object-fit:contain;mix-blend-mode:multiply}
.dashboard-cream .app-sidebar .brand>span{font:500 28px/1 Manrope,Arial,sans-serif!important}
.dashboard-cream .app-sidebar nav a{color:#756958;font-weight:600}
.dashboard-cream .app-sidebar nav a.is-active,.dashboard-cream .app-sidebar nav a:hover{color:#715936;background:#eee3cb}
.dashboard-cream .save-account{background:#f2ead9;border:1px solid #e8dcc4}
.dashboard-cream .save-account p,.dashboard-cream .app-title p,.dashboard-cream .app-topbar small{color:#756958}
.dashboard-cream .save-account a{color:#715936}
.dashboard-cream .account-dot{color:#715936;background:#eee1bf}
.dashboard-cream .app-title h1{font:400 clamp(28px,3vw,40px)/1.3 Prata,Georgia,serif;letter-spacing:-.035em;color:#42382c}
.dashboard-cream :is(.setup-guide,.stat-card,.activity-card,.monitor-strip){background:#fffdf8;border-color:#e4dac7;box-shadow:0 10px 32px #71593606}
.dashboard-cream :is(.setup-guide h2,.stat-card h3,.activity-card h2){font:400 clamp(21px,2vw,27px)/1.4 Prata,Georgia,serif;letter-spacing:-.025em;color:#514126}
.dashboard-cream .eyebrow{background:none;color:#786039;font-weight:500;letter-spacing:.04em;padding-left:0}
.dashboard-cream .event-switcher{background:#f1eadb;border-color:#e0d5bf}
.dashboard-cream .event-switcher-item>a.is-active{background:#fffdf8;color:#514126}
.dashboard-cream .event-switcher-item>a{color:#756958}
.dashboard-cream .event-banner{background:#715936;box-shadow:0 12px 30px #71593613}
.dashboard-cream .event-banner,.dashboard-cream .event-banner a,.dashboard-cream .event-banner small,.dashboard-cream .event-banner .status-pill{color:#fffaf0}
.dashboard-cream .status-pill i{background:#ead79c;box-shadow:0 0 0 4px #ead79c25}
.dashboard-cream .event-url{background:#ffffff0d;border-color:#ffffff24;color:#fffaf0}
.dashboard-cream .event-url button{color:#fffaf0;background:#ffffff18}
.dashboard-cream .setup-steps li{background:#faf7f0;border-color:#e4dac7}
.dashboard-cream .setup-steps li.is-current,.dashboard-cream .setup-steps li.is-complete{background:#f2ead5;border-color:#d9c99e}
.dashboard-cream .setup-steps li>span{background:#ece0c0;color:#715936}
.dashboard-cream .setup-guide__next{background:#ede2c5;color:#514126}
.dashboard-cream .setup-guide__next :is(strong,p,small){color:#514126}
.dashboard-cream .setup-guide progress{accent-color:#a28a5c;background:#eee7d7}
.dashboard-cream progress::-webkit-progress-bar{background:#eee7d7}
.dashboard-cream progress::-webkit-progress-value{background:#a28a5c}
.dashboard-cream .btn--dark,.dashboard-cream .btn--primary{background:#715936;border-color:#715936;color:#fffaf0}
.dashboard-cream .btn--soft{background:#fffaf0;color:#715936;border:1px solid #ded1b4}
.dashboard-cream .quick-links a{border-color:#e9e1d2;color:#715936}
.dashboard-cream .quick-links a>span{background:#f2ead7;color:#8a7046}
.dashboard-cream .quick-links strong{color:#42382c}
.dashboard-cream .quick-links small,.dashboard-cream .monitor-strip small{color:#756958}
.dashboard-cream .ring{border-color:#ece5d5;color:#42382c}
.dashboard-cream :is(a,button):focus-visible{outline:3px solid #a28a5c;outline-offset:3px}

.dashboard-cream .event-switcher .event-switcher-item>a:first-child{height:100%;min-height:112px;padding-right:52px;padding-bottom:14px}
.dashboard-cream .event-switcher .event-switcher-edit{position:absolute;top:5px;right:3px;left:auto;bottom:auto;display:flex;align-items:center;justify-content:center;width:40px;min-width:40px;height:44px;padding:0;border:0;border-radius:9px;background:transparent;color:#82786c}
.dashboard-cream .event-switcher .event-switcher-edit:hover{background:#eee3cb}

.dashboard-cream .event-switcher-item{position:relative}
.dashboard-cream .event-switcher .event-switcher-delete{top:49px;right:3px;bottom:auto;left:auto}

/* Keep the event title above the actions so long names retain reading width. */
.dashboard-cream .event-banner{grid-template-columns:minmax(0,1fr) auto;gap:16px 24px;padding:20px 24px;align-items:center}
.dashboard-cream .event-banner>div:first-child{grid-column:1/-1;min-width:0}
.dashboard-cream .event-banner h2{font-size:clamp(22px,2.2vw,28px);line-height:1.4;overflow-wrap:anywhere;margin:6px 0}
.dashboard-cream .event-banner p{color:#eee3cf;line-height:1.5}
.dashboard-cream .event-banner .event-url{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:0;border:0;background:none;min-width:0}
.dashboard-cream .event-banner .event-url button{margin:0;min-height:44px;padding:8px 14px;line-height:1.4;white-space:normal}
.dashboard-cream .event-banner>div:last-child a{display:inline-flex;align-items:center;min-height:44px;line-height:1.4}
.dashboard-cream .event-banner .event-draft-note{min-width:0;line-height:1.6}
.dashboard-cream .setup-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dashboard-cream .setup-steps li{grid-template-columns:42px minmax(0,1fr);grid-template-rows:1fr auto;align-content:stretch;align-items:start;gap:10px 12px;min-width:0}
.dashboard-cream .setup-steps li>div{min-width:0;text-align:left}
.dashboard-cream .setup-steps li :is(strong,small){text-align:left;overflow-wrap:anywhere;line-height:1.5}
.dashboard-cream .setup-steps li>em{grid-column:2;align-self:end;margin-top:0;text-align:left;line-height:1.5}
@media(max-width:760px){
  .dashboard-cream .setup-steps{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px){
  .dashboard-cream .event-banner{grid-template-columns:minmax(0,1fr);padding:18px;gap:14px}
  .dashboard-cream .event-banner .event-url{align-items:flex-start;flex-direction:column;gap:8px}
}
.dashboard-cream .dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}
.dashboard-cream .dashboard-stats>div{min-width:0;padding:18px 20px;border:1px solid #e7dcc9;border-radius:16px;background:#fffdf9}
.dashboard-cream .dashboard-stats span{display:block;color:#6a6258;font-size:16px;line-height:1.4}
.dashboard-cream .dashboard-stats strong{display:block;margin-top:8px;color:#443724;font-size:24px;line-height:1.15}
@media(max-width:600px){.dashboard-cream .dashboard-stats{grid-template-columns:minmax(0,1fr);gap:8px}.dashboard-cream .dashboard-stats>div{padding:14px 16px}}
/* Empty state must fit its card even on the narrowest phone screens. */
.dashboard-cream .empty-dashboard{
  grid-template-columns:minmax(0,1fr);justify-content:stretch;min-width:0;
}
.dashboard-cream .empty-dashboard>*{min-width:0;max-width:100%;box-sizing:border-box}
.dashboard-cream .empty-dashboard h2{overflow-wrap:anywhere;line-height:1.35}
.dashboard-cream .empty-dashboard p{font-size:17px;overflow-wrap:anywhere}
.dashboard-cream .empty-dashboard>div{flex-wrap:wrap;justify-content:center;width:100%}
.dashboard-cream .empty-dashboard .btn{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
@media(max-width:600px){
 .dashboard-cream .empty-dashboard{padding:36px 18px;min-height:0}
 .dashboard-cream .empty-dashboard h2{font-size:clamp(24px,7vw,30px)}
 .dashboard-cream .empty-dashboard>div{flex-direction:column;gap:12px}
 .dashboard-cream .empty-dashboard .btn{width:100%;padding:12px 14px;font-size:17px}
}
