/* The original interface remains in app.css. These overrides are only active for the AX construction theme. */
html[data-theme="construction"]{--green:#dc721c;--dark:#102c4c;--muted:#5f7184;--line:#dce4eb;--mint:#fff3e8;--orange:#f18a24;background:#f4f7f9;color:#142e48}
html[data-theme="construction"] body{background:linear-gradient(180deg,#f8fafb 0,#f2f6f9 620px,#f6f8fa 100%)}
html[data-theme="construction"] .theme-only{display:block}
html[data-theme="construction"] .site-header{background:#fff;border-top:4px solid #ee841d;border-bottom:1px solid #e4ebef;box-shadow:0 6px 24px rgba(10,37,67,.05)}
html[data-theme="construction"] .header-inner{min-height:82px}
html[data-theme="construction"] .brand{font-size:1.12rem;color:#102c4c;letter-spacing:-.045em;gap:12px}
html[data-theme="construction"] .brand-logo{width:48px;height:48px;border:2px solid #e5ebf0;box-shadow:0 4px 14px #0b244020}
html[data-theme="construction"] .nav a,html[data-theme="construction"] .nav button{color:#4d6073}
html[data-theme="construction"] .nav a:hover,html[data-theme="construction"] .nav .active{color:#d46b16}
html[data-theme="construction"] main{padding-top:32px}
html[data-theme="construction"] .eyebrow{color:#cc6718;letter-spacing:.16em;font-size:.74rem}
html[data-theme="construction"] .btn{background:#ed801e;color:#fff;border-color:#ed801e;box-shadow:0 8px 16px #d46c1b20;border-radius:10px}
html[data-theme="construction"] .btn.secondary{background:#fff;color:#183956;border-color:#d8e2e9;box-shadow:none}
html[data-theme="construction"] .btn.ghost{background:transparent;color:#bd631f;border-color:#e6d5c3;box-shadow:none}
html[data-theme="construction"] .card{border-color:#e3eaf0;box-shadow:0 12px 28px rgba(23,48,78,.045);border-radius:17px}
html[data-theme="construction"] .hero{position:relative;overflow:hidden;background-image:linear-gradient(90deg,#09213e 2%,rgba(9,33,62,.97) 36%,rgba(9,33,62,.68) 61%,rgba(9,33,62,.08) 100%),url('/images/construction-ai-hero.webp');background-size:cover;background-position:center;color:#fff;border-radius:22px;min-height:430px;box-shadow:0 24px 45px #09213e20;grid-template-columns:1.4fr .6fr}
html[data-theme="construction"] .hero:after{content:"";position:absolute;inset:auto 0 0;height:5px;background:linear-gradient(90deg,#f4a12e 0 31%,transparent 31%)}
html[data-theme="construction"] .hero .eyebrow{color:#ffc47b}
html[data-theme="construction"] .hero .lead{color:#e0e8ee;max-width:570px}
html[data-theme="construction"] .hero h1{font-weight:800;letter-spacing:-.06em;font-size:clamp(2.4rem,4.7vw,4.45rem);line-height:1.23;max-width:700px}
html[data-theme="construction"] .hero .btn{background:#f38b24;border-color:#f38b24;color:#14293e;margin-top:14px;box-shadow:0 12px 26px #0004}
html[data-theme="construction"] .hero-content{position:relative;z-index:1}
html[data-theme="construction"] .hero-art{border:0;background:none;align-items:end;justify-items:end;place-items:end;min-height:250px}
html[data-theme="construction"] .hero-art strong{font-size:3.5rem;line-height:1;letter-spacing:-.07em;color:#fff;text-shadow:0 2px 18px #09213e88}
html[data-theme="construction"] .hero-note{font-size:.82rem;color:#cfdee8;margin:19px 0 0}
html[data-theme="construction"] .proof-bar{display:flex;justify-content:space-around;align-items:center;gap:15px;background:#fff;border:1px solid #e3eaf0;border-radius:0 0 16px 16px;margin:-9px 18px 36px;padding:22px 16px 15px;box-shadow:0 10px 22px #173c6910}
html[data-theme="construction"] .proof-bar span{font-weight:700;color:#274560;font-size:.9rem}
html[data-theme="construction"] .proof-bar b{color:#d87823;font-size:.78rem;margin-right:9px}
html[data-theme="construction"] .section-head{margin-top:48px}
html[data-theme="construction"] .section-head h2{font-size:clamp(1.55rem,2.7vw,2.2rem);font-weight:800}
html[data-theme="construction"] .journey-grid{gap:15px}
html[data-theme="construction"] .journey-grid .card{padding:28px;border-top:3px solid #ef8d2a;min-height:216px;background:linear-gradient(160deg,#fff,#fcfdfe)}
html[data-theme="construction"] .journey-grid h3{font-size:1.25rem;margin-top:17px}
html[data-theme="construction"] .journey-grid p{line-height:1.7}
html[data-theme="construction"] .step-number{background:#fff0e0;color:#c66b1e;font-size:.9rem;border-radius:9px}
html[data-theme="construction"] .field-story{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:22px;background:#102c4c;color:#fff;margin-top:56px;min-height:356px}
html[data-theme="construction"] .field-story-copy{padding:42px 48px;align-self:center}
html[data-theme="construction"] .field-story .eyebrow{color:#f0a85b}
html[data-theme="construction"] .field-story h2{font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.3;margin:12px 0 16px}
html[data-theme="construction"] .field-story p:not(.eyebrow){color:#cddce8;line-height:1.8;max-width:440px}
html[data-theme="construction"] .field-story img{width:100%;height:100%;object-fit:cover;min-height:350px}
html[data-theme="construction"] .field-story .btn{margin-top:11px}
html[data-theme="construction"] .toolkit{background:#fff;position:relative;overflow:hidden;padding:34px 40px}
html[data-theme="construction"] .toolkit:after{content:"AX";position:absolute;right:28px;top:13px;font-size:8rem;line-height:1;font-weight:800;color:#ecf1f5;letter-spacing:-.13em;pointer-events:none}
html[data-theme="construction"] .toolkit>*{position:relative;z-index:1}
html[data-theme="construction"] .tag{background:#edf4f8;color:#234a69;border-color:#dbe6ed}
html[data-theme="construction"] .pill{background:#fff0df;color:#aa5a19}
html[data-theme="construction"] .pill.neutral{background:#edf1f5;color:#6b7884}
html[data-theme="construction"] .pill.warn{background:#fff0df;color:#a65c1c}
html[data-theme="construction"] .week-tile{border-color:#e1e8ee;min-height:125px;transition:transform .2s,box-shadow .2s}
html[data-theme="construction"] a.week-tile:hover{transform:translateY(-3px);box-shadow:0 14px 25px #173c6919}
html[data-theme="construction"] .week-tile.pass{background:#f0f7f2;border-color:#b6d7c2}
html[data-theme="construction"] .week-tile.current{background:#fff9f2;border:2px solid #e98b32}
html[data-theme="construction"] .bar i{background:#e98b32}
html[data-theme="construction"] .item{background:#fcfdfe;border-color:#e4eaf0}
html[data-theme="construction"] .item:hover{border-color:#e5a365}
html[data-theme="construction"] input:focus,html[data-theme="construction"] select:focus,html[data-theme="construction"] textarea:focus{border-color:#e48729;box-shadow:0 0 0 3px #f18a2423}
html[data-theme="construction"] .notice.success{background:#eaf7ef;color:#1a6148;border-color:#c5e5d0}
html[data-theme="construction"] .admin-menu{background:#102c4c;border-radius:15px;padding:14px;position:sticky;top:106px}
html[data-theme="construction"] .admin-menu button{color:#c9d7e3}
html[data-theme="construction"] .admin-menu button.active,html[data-theme="construction"] .admin-menu button:hover{background:#244463;color:#fff}
html[data-theme="construction"] .admin-menu button.active{border-left:3px solid #f39532}
html[data-theme="construction"] .tabbar button.active{background:#102c4c}
html[data-theme="construction"] #week-app>section:nth-child(2){background-image:linear-gradient(90deg,#fff 0%,#fff 44%,rgba(255,255,255,.81) 64%,rgba(255,255,255,.12) 100%),url('/images/construction-workflow.webp');background-size:cover;background-position:center right;border:1px solid #e1e8ee;border-radius:18px;padding:36px;min-height:310px;box-shadow:0 13px 30px #102c4c0d}
html[data-theme="construction"] #week-app>section:nth-child(2) .lead{max-width:540px}
html[data-theme="construction"] #assignment-app>section:nth-child(2){border-left:5px solid #e98525;padding-left:23px}
html[data-theme="construction"] .side{border-top:4px solid #ea8827}
html[data-theme="construction"] .login-page main{padding-top:55px}
html[data-theme="construction"] .login-card{max-width:1040px;display:grid;grid-template-columns:1fr .85fr;padding:0;overflow:hidden;margin:48px auto 70px;border-radius:20px;min-height:560px}
html[data-theme="construction"] .login-panel{padding:55px 50px;align-self:center}
html[data-theme="construction"] .login-panel h1{font-size:clamp(2.2rem,3.5vw,3.2rem)}
html[data-theme="construction"] .login-panel .lead{font-size:.96rem}
html[data-theme="construction"] .login-actions{margin-top:26px}
html[data-theme="construction"] .login-visual{display:flex;align-items:end;padding:33px;position:relative;color:#fff;background-image:linear-gradient(180deg,transparent 30%,#0a2546db 100%),url('/images/construction-ai-hero.webp');background-size:cover;background-position:72% center}
html[data-theme="construction"] .login-visual>div{position:relative;z-index:1}
html[data-theme="construction"] .login-visual .eyebrow{color:#f6b365}
html[data-theme="construction"] .login-visual p{font-size:1.65rem;font-weight:800;line-height:1.4;letter-spacing:-.04em;margin:9px 0}
html[data-theme="construction"] .login-visual span:last-child{font-size:.8rem;color:#d8e3eb}
html[data-theme="construction"] .theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}
.theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}
.theme-option{display:flex;flex-direction:column;gap:8px;padding:19px;border:2px solid var(--line);border-radius:14px;cursor:pointer;background:#fff;transition:border-color .15s,box-shadow .15s}
.theme-option:hover{border-color:#e5a364}.theme-option:has(input:checked){border-color:#e98625;box-shadow:0 0 0 3px #e986251c}
.theme-option input{width:auto;margin:0 0 6px;accent-color:#d7741e}.theme-option strong{font-size:1.05rem}.theme-option small{line-height:1.6;color:var(--muted)}
.theme-preview{height:68px;border-radius:9px;display:block;position:relative;overflow:hidden;margin-bottom:4px}
.theme-preview.original{background:linear-gradient(135deg,#123e34 0 55%,#eaf6ef 55%)}
.theme-preview.construction{background:linear-gradient(125deg,#0b294a 0 44%,#e98222 44% 50%,#e5edf2 50%)}
@media(max-width:900px){html[data-theme="construction"] .admin-menu{position:static;background:#102c4c}html[data-theme="construction"] .hero{grid-template-columns:1fr;min-height:400px}html[data-theme="construction"] .hero-art{display:none}html[data-theme="construction"] .field-story-copy{padding:34px}html[data-theme="construction"] .login-card{grid-template-columns:1fr .65fr}}
@media(max-width:700px){html[data-theme="construction"] .header-inner{min-height:auto}html[data-theme="construction"] .brand-logo{width:40px;height:40px}html[data-theme="construction"] .hero{min-height:485px;padding:34px 26px;background-image:linear-gradient(90deg,#09213eea,#09213e9e),url('/images/construction-ai-hero.webp');background-position:69% center}html[data-theme="construction"] .hero h1{font-size:2.35rem}html[data-theme="construction"] .hero .lead{font-size:.93rem}html[data-theme="construction"] .proof-bar{flex-direction:column;align-items:start;margin:-8px 10px 15px;padding:22px 24px 16px}html[data-theme="construction"] .field-story{grid-template-columns:1fr}html[data-theme="construction"] .field-story img{max-height:240px;min-height:0}html[data-theme="construction"] .login-card{grid-template-columns:1fr;min-height:0;margin:12px auto}html[data-theme="construction"] .login-panel{padding:34px 23px}html[data-theme="construction"] .login-visual{min-height:220px}html[data-theme="construction"] #week-app>section:nth-child(2){background-image:linear-gradient(90deg,#fffffff2,#ffffffe8),url('/images/construction-workflow.webp');padding:26px;min-height:0}.theme-options{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html[data-theme="construction"] .week-tile,.theme-option{transition:none}}