/* PAMEL CLOUD / CLOUD AI — 0.31. Cosmetic layer; no control logic. */
:root{color-scheme:dark;--bg:#101214;--panel:#1b1e20;--card:#1b1e20;--text:#f5f1e9;--muted:#c0bcb3;--border:#43413a;--line:#43413a;--gold:#d8bb84;--accent:#d8bb84;--primary:#d8bb84}
body{background:radial-gradient(ellipse at 90% 0,rgba(136,106,57,.16),transparent 45%),#101214!important;color:#f5f1e9!important;font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.55}
body:before{pointer-events:none}
a{color:#ead2a6}a:hover{color:#fff0d5}
h1,h2,h3{color:#faf6ee;letter-spacing:-.025em;line-height:1.18}
h1{font-size:clamp(2rem,4vw,3.6rem)}
.shell,.page-narrow,.client-shell,.landing-shell{max-width:1440px;margin-inline:auto}
.topbar,.site-head,.site-header,.app-header{background:rgba(16,18,20,.97)!important;color:#f5f1e9;border-bottom:1px solid #6b5940;box-shadow:0 8px 32px #0003}
.topbar a,.site-head a,.site-header a,.brand{color:#e6d3af!important}
.eyebrow,.overline,.recipe-cat,.plan-name{color:#d8bb84!important;letter-spacing:.12em;font-weight:700}
.subtitle,.minor,.helper,.muted,.detail-note,.tile>p,.plan-card>p,.recipe-card p,.content-main p{color:#c0bcb3!important}
.tile,.panel,.card,.metric-card,.device-card,.plan-card,.recipe-card,.content-card,.program,.detail-val,.s4-category,.landing-card,.home-card{background:linear-gradient(145deg,#232628,#191c1e)!important;border:1px solid #4b463c!important;color:#f5f1e9!important;border-radius:20px;box-shadow:0 12px 28px #0003}
.tile,.panel,.plan-card{padding:clamp(18px,2.4vw,32px)}
.plan-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.plans-page{padding:48px 24px 64px;max-width:1140px}
.plans-page .page-title{max-width:850px;margin-bottom:36px}
.plan-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;overflow:hidden}
.plan-card:before{content:"";position:absolute;left:28px;right:28px;top:0;height:2px;background:linear-gradient(90deg,transparent,#e4c99b,transparent)}
.plan-name{font-size:1.45rem}.plan-price{font-size:1.4rem;color:#f2dfbc}
.plan-card .btn{margin-top:auto}.home-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.primary,.btn-primary,.btn-gold,.btn-dark{background:linear-gradient(120deg,#e1c797,#c6a76d)!important;color:#1d1913!important;border:1px solid #e6d3b1!important;text-shadow:none!important;font-weight:750;box-shadow:0 4px 14px #0004}
.secondary,.btn-secondary,.btn-ghost{background:#272a2b!important;color:#f1e6d1!important;border:1px solid #73664e!important;text-shadow:none!important}
button,.btn{font:inherit;min-height:44px;border-radius:12px}
button:not(:disabled),.btn{transition:background .16s,box-shadow .16s,transform .16s}
button:not(:disabled):hover,.btn:hover{box-shadow:0 6px 24px #0006;transform:translateY(-1px)}
button:disabled{opacity:.55;cursor:not-allowed}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f4d99d;outline-offset:3px}
input,select,textarea{background:#111618!important;color:#f6f1e8!important;border:1px solid #777064!important;border-radius:10px;max-width:100%}
input::placeholder,textarea::placeholder{color:#aaa69e!important}
.tabs,.nav-tabs{gap:8px;flex-wrap:wrap;background:transparent!important}
.tabs button,.nav-tabs button{color:#cfc8bc;background:#242728;border:1px solid #48443b}
.tabs button.active,.nav-tabs button.active,.program.selected,.s4-category.selected{border-color:#d8bb84!important;background:#383124!important;color:#f9e3ba!important}
.s4-recipe-photo{margin:0 0 22px!important;border-radius:15px!important;overflow:hidden;background:#171716}
.s4-recipe-photo img,.recipe-photo,.content-card>img,.program-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.s4-recipe-photo img{height:auto!important;max-height:none!important}
.s4-recipe-photo figcaption{padding:6px 12px;background:#171918;color:#bcb6aa;font-size:12px}
.s4-recipe-card{display:flex;flex-direction:column;overflow:hidden;min-width:0}
.s4-recipe-card h2{font-size:clamp(1.25rem,1.8vw,1.65rem)}
.s4-recipe-card>button{margin-top:auto}
.program{overflow:hidden;text-align:left;padding:16px}
.program-photo{border-radius:12px;margin-bottom:16px}
.program>strong{display:block;font-size:1.2rem;margin-bottom:8px}
.program>span{display:block;color:#c8c0b3}
.recipe-card,.content-card{overflow:hidden}
.recipe-card-body,.content-main{padding:24px}
.recipe-detail,.recipe-detail-layout,.detail-top{min-width:0}
.detail-val strong,.metric-value,.metric-card .value{font-size:clamp(1.8rem,3vw,2.8rem);color:#f7dfb4}
.setting-table{width:100%;border-collapse:collapse}.setting-table td,.setting-table th{border-bottom:1px solid #47453e;padding:12px;text-align:left}
.recipe-warning,.notice,.alert{background:#342d20!important;border-color:#806b43!important;color:#f5e4bf!important}
.danger,.btn-danger{background:#842c32!important;border-color:#b54d54!important;color:#fff!important}
.success,.status-online,.badge-online{color:#a2e7c4!important;background:#153c2c!important}
footer{color:#aaa397;border-top:1px solid #3b3932;margin-top:40px;padding-block:24px}
.page-hero{background:linear-gradient(120deg,#252a27,#171b1b)!important;border:1px solid #65583e;color:#f6f1e8;border-radius:24px;padding:36px}
.page-hero p{color:#cfc7b9}
.content-grid{gap:24px}
@media(min-width:1000px){#programList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
@media(max-width:640px){.plan-cards{grid-template-columns:1fr}.plans-page{padding:28px 16px}.tile,.panel,.plan-card{padding:18px}.page-hero{padding:24px}.home-actions .btn{flex:1 1 auto}.program-photo{aspect-ratio:3/2}.recipe-card-body,.content-main{padding:18px}h1{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){button,.btn{transition:none!important;transform:none!important}}
/* Keep desktop navigation compact even with legacy grid declarations. */
nav.tabs{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;grid-template-rows:none!important;grid-auto-flow:row!important;grid-auto-columns:auto!important}
nav.tabs .tab.on{background:#453923!important;border:1px solid #d8bb84!important;color:#ffebc4!important}
.p26-header{background:#191c1e!important;border-bottom:1px solid #665940!important}
.p26-header .p26-brand,.p26-header .p26-brand strong{color:#e8d0a3!important}
.recipe-ingredients,.setting-table,.pv-card{background:#202623!important;border-color:#5e5849!important}
.recipe-section summary{background:#2d302c!important}.recipe-steps li::before{background:#67502c;color:#fff5df}
@media(max-width:640px){nav.tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.p26-header .p26-language-button,.p26-header .p26-brand small{color:#e3d0ad!important}
.p26-header .p26-button:not(.p26-green):not(.p26-copper){background:#2a2d2c!important;border-color:#70664f!important;color:#f2e5cc!important}
.p26-header .p26-popover{background:#242826!important;border-color:#70664f!important}.p26-header .p26-popover a{color:#f2e5cc!important}.p26-header .p26-popover a:hover{background:#3e392e!important}
.demo-controller-card,.demo-mode-card,.temp-tile,.hero-section,.action-box,.landing-choice,.landing-banner,.chart-block,.process-box,.demo-launcher-safe{background:#202624!important;border-color:#625d50!important;color:#f4eee2!important}
.demo-controller-desc,.demo-controller-family,.demo-controller-modes,.demo-mode-desc,.temp-label,.temp-set,.metric-label,.metric-sub,.process-key,.landing-choice-body span,.chart-hint,.picker-label{color:#c9c3b7!important}
.demo-controller-card.active,.demo-mode-card.active{border:2px solid #d8bb84!important;background:#393323!important}
.demo-controller-card h3,.demo-mode-name,.landing-choice-body b{color:#faf1df!important}
.temp-value,.process-value{color:#f3d7a6!important}.landing-copy h1{color:#faf1df!important}.landing-copy p{color:#d2cabd!important}