/* Shared OP theme surfaces follow the active accent, including saved shades. */
.warm-op {
  --op-hero-start:color-mix(in srgb,var(--orange) 38%,#111);
  --op-hero-end:color-mix(in srgb,var(--orange) 58%,#111);
  --op-hero:linear-gradient(120deg,var(--op-hero-start),var(--op-hero-end));
  --op-soft:color-mix(in srgb,var(--orange) 10%,var(--card));
  --op-pale:color-mix(in srgb,var(--orange) 20%,white);
  --graph-actual:color-mix(in srgb,var(--orange) 80%,#111);
  --graph-goal:color-mix(in srgb,var(--orange) 65%,white);
  --graph-prior:color-mix(in srgb,var(--orange) 25%,#737780);
}
.warm-op[data-mode=dark]{--graph-actual:color-mix(in srgb,var(--orange) 90%,white);--graph-goal:color-mix(in srgb,var(--orange) 35%,white);--graph-prior:color-mix(in srgb,var(--orange) 35%,#92969f)}
.warm-op :is(.shift-hero,.result-hero,.cost-hero,.team-hero,.catering-hero,.study-hero,.resource-hero,.wg-feature,.school-feature,.personal-cover,.access-art,.report-recap,.study-live .st-score){background:var(--op-hero)!important;color:#fff;box-shadow:0 9px 24px #00000012}
.warm-op :is(.shift-hero,.result-hero,.cost-hero,.team-hero,.catering-hero,.study-hero,.resource-hero,.wg-feature,.school-feature,.report-recap) :is(p,small,footer,.eyebrow,.hero-top,.hero-status,.hero-coverage,.hero-progress-label,.hero-bottom span,[class$="hero-foot"],.meat-hero-split span){color:#ffffffe0!important}
.warm-op :is(.hero-orbits i,.team-orbit){border-color:#ffffff30}
.warm-op .hero-orbits i:nth-child(3){background:radial-gradient(circle,#ffffff18,transparent 70%)}
.warm-op :is(.plan-progress span,.worksheet-progress i){background:var(--op-pale)!important}
.warm-op :is(.study-hero button,.study-art span:nth-child(2),.resource-books i,.team-orbit span,.team-orbit b,.access-door){background:var(--op-pale)!important;color:var(--op-hero-start)!important;border-color:#ffffff40!important}
.warm-op :is(.warm-page-heading,.warm-heading,.celebration-hero){background:var(--op-soft);border-radius:20px;padding:20px}
.warm-op .personal-cover>span,.warm-op .warm-hero-credit{background:var(--op-hero-start);color:white}
.warm-op .warm-hero::before{background:linear-gradient(120deg,color-mix(in srgb,var(--orange) 18%,transparent),transparent 60%)}
.warm-op .op-sales-3d .ribbon-legend span:nth-child(1) i{background:var(--graph-actual)}
.warm-op .op-sales-3d .ribbon-legend span:nth-child(2) i{background:var(--graph-goal)}
.warm-op .op-sales-3d .ribbon-legend span:nth-child(3) i{background:var(--graph-prior)}
.warm-op .warm-metrics>.warm-spmh{display:block;text-align:left}
.warm-spmh-gauge{text-align:center;margin-top:12px}.warm-spmh-gauge svg{display:block;width:120px;max-width:100%;height:84px;margin:7px auto}.warm-op .warm-spmh .warm-context{margin-top:8px;text-align:center;max-width:none}
.warm-op .warm-welcome{background:var(--op-soft)}
.warm-op .warm-welcome .living-scene::after{background:linear-gradient(to bottom,transparent 65%,var(--op-soft) 100%)}
.warm-op .warm-welcome .warm-identity h1{color:var(--orange-lt)}

/* Supplies form: explicit field layout on small screens. */
.supplies-view{min-width:0;width:100%;font-size:15px;line-height:1.5}
.supplies-view,.supplies-view *{box-sizing:border-box}
.supplies-view form{display:grid;gap:16px;min-width:0}
.supplies-view .entry-card{display:flex;flex-direction:column;gap:14px;min-width:0;margin:0 0 16px;padding:20px;background:var(--card);border:1px solid var(--border);border-radius:20px}
.supplies-view form .entry-card{margin:0}
.supplies-view .entry-card :is(h2,h3,p){margin:0;overflow-wrap:anywhere}
.supplies-view h2{font-size:24px;line-height:1.2}
.supplies-view h3{font-size:18px;line-height:1.3;margin:24px 0 12px}
.supplies-view label{display:flex;flex-direction:column;gap:7px;width:100%;min-width:0;font-size:14px;font-weight:600;line-height:1.4}
.supplies-view :is(input,select,textarea){display:block;width:100%;min-width:0;max-width:100%;margin:0;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--text);font:inherit;font-size:16px;font-weight:400;line-height:1.4;min-height:48px}
.supplies-view textarea{min-height:100px;resize:vertical}
.supplies-view input[type=file]{font-size:13px;padding:10px;overflow:hidden}
.supplies-view input::file-selector-button{border:0;border-radius:8px;padding:8px 10px;margin-right:8px;background:var(--card);color:var(--text);font:inherit}
.supplies-view button{max-width:100%;min-height:44px;padding:11px 16px;border:1px solid var(--border);border-radius:12px;background:var(--card);color:var(--text);font:inherit;font-weight:600;white-space:normal}
.supplies-view button.warm-primary{width:100%;border:0;background:var(--orange);color:var(--btn-fg,#fff);padding:15px 18px}
.supplies-view button:disabled{opacity:.55}
.supplies-view :is(input,select,textarea,button):focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.supplies-view img{display:block;border-radius:12px;object-fit:contain}
.supplies-view [role=status]{margin:14px 0;overflow-wrap:anywhere}
@media(min-width:700px){.supplies-view{max-width:760px;margin:auto}.supplies-view .entry-card{padding:24px}}

.supplies-view .supply-item-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;min-width:0}
.supplies-view details{display:grid;gap:14px;min-width:0}
.supplies-view details[open] summary{margin-bottom:14px}
.supplies-view summary{font-size:14px;font-weight:600;cursor:pointer}
.supplies-view details label+label{margin-top:14px}

/* Leadwell-inspired daily leadership perspective */
.op-perspective{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;position:relative;isolation:isolate;overflow:hidden;border-radius:24px;background:#14212f;color:#fff;box-shadow:0 10px 30px #17242c18;margin-bottom:18px;min-height:350px}
.op-perspective-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-2}
.op-perspective:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,#101629ed 0%,#11172bd1 45%,#1b183c75 100%)}
.op-perspective-copy{padding:30px;max-width:760px;box-sizing:border-box}
.op-perspective-chip{display:inline-flex;border:1px solid #ffffff30;border-radius:24px;background:#ffffff12;padding:8px 12px;font-size:10px;font-weight:700;letter-spacing:1px;color:#f4d9c2}
.op-perspective blockquote{font-size:clamp(26px,4vw,38px);font-weight:650;line-height:1.22;letter-spacing:-.8px;margin:28px 0 24px;text-wrap:balance;color:#fff}
.op-perspective blockquote.extended{font-size:clamp(23px,3.5vw,32px)}
.op-perspective-author{display:flex;align-items:center;gap:12px}.op-perspective-author>span{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;border:1px solid #ffffff50;background:#ffffff15;font-size:11px;color:#f4d9c2}.op-perspective-author b{font-size:13px;color:#fff}.op-perspective-author small{display:block;font-size:10px;color:#e3d9e4;margin-top:4px;line-height:1.5}
.op-perspective-source{font-size:11px;color:#e3d9e4;margin-top:14px}.op-perspective-source summary{cursor:pointer;min-height:28px}.op-perspective-source p{font-size:12px;line-height:1.6}.op-perspective-source a{color:#ffe2b9;display:inline-block;padding:8px 0}
.op-perspective-takeaway{border-top:1px solid #ffffff25;margin-top:18px;padding-top:18px}.op-perspective-takeaway span{font-size:10px;letter-spacing:.6px;color:#f4d9c2}.op-perspective-takeaway p{font-size:14px;line-height:1.65;margin:8px 0 0;color:#fff}
@media(max-width:600px){.op-perspective{border-radius:20px;min-height:365px}.op-perspective-copy{padding:24px 22px}.op-perspective blockquote{font-size:28px}.op-perspective blockquote.extended{font-size:24px}}