/*
Theme Name: dotXLS
Theme URI: https://www.dotxls.org/
Author: dotXLS
Description: Lightweight application-first theme for dotXLS.
Version: 0.1.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: dotxls
*/
:root{--bg:#f5f7f8;--surface:#fff;--ink:#17211b;--muted:#5d6b62;--line:#dce4df;--brand:#176b4d;--dark:#0e5038;--soft:#e7f4ee;--radius:14px;--shadow:0 10px 30px rgba(26,53,40,.07);--content:1160px;--app:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--brand);text-underline-offset:.18em}a:hover{color:var(--dark)}button,input{font:inherit}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.screen-reader-text:focus{clip:auto;width:auto;height:auto;margin:8px;padding:10px;background:#fff;z-index:10000}.dx-wrap{width:min(calc(100% - 40px),var(--content));margin:auto}.dx-app-wrap{width:min(calc(100% - 32px),var(--app));margin:auto}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{min-height:72px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font-weight:800;font-size:1.4rem}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--brand);color:#fff;font-size:.9rem}.site-nav{margin-left:auto}.site-nav ul{display:flex;gap:3px;list-style:none;margin:0;padding:0}.site-nav a{display:block;padding:10px;border-radius:8px;color:var(--ink);font-size:.92rem;text-decoration:none}.site-nav a:hover{background:var(--soft)}.button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:9px;background:var(--brand);color:#fff;text-decoration:none;font-weight:700;cursor:pointer}.button:hover{background:var(--dark);color:#fff}.button-secondary{background:#fff;color:var(--dark);border-color:var(--line)}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 11px}.hero{padding:86px 0 70px;text-align:center;background:linear-gradient(180deg,#fff,var(--bg))}.eyebrow{color:var(--brand);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.hero h1{max-width:850px;margin:10px auto 14px;font-size:clamp(2.5rem,7vw,5rem);line-height:1.02;letter-spacing:-.055em}.hero-copy{max-width:680px;margin:auto;color:var(--muted);font-size:1.2rem}.hero-actions{display:flex;justify-content:center;gap:12px;margin:28px 0}.intent-form{display:flex;max-width:720px;margin:36px auto 0;padding:7px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.intent-form input{min-width:0;flex:1;border:0;padding:10px 14px;outline:none}.section{padding:72px 0}.section-white{background:#fff}.section-heading{max-width:700px;margin-bottom:30px}.section-heading h2,.page-header h1{margin:0 0 8px;font-size:clamp(1.8rem,4vw,3rem);line-height:1.15;letter-spacing:-.035em}.section-heading p,.muted{color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:24px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.card h3{margin:7px 0 5px}.card p{margin:0;color:var(--muted)}.card-link{text-decoration:none;color:inherit}.card-link:hover{border-color:#98c7b3;box-shadow:var(--shadow);color:inherit}.status{display:inline-flex;padding:3px 8px;border-radius:999px;background:#f4eee1;color:#805700;font-size:.72rem;font-weight:800;text-transform:uppercase}.status-preview{background:var(--soft);color:var(--dark)}.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;counter-reset:s}.flow-item{padding:20px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:12px}.flow-item:before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:28px;height:28px;margin:0 auto 10px;border-radius:50%;background:var(--soft);color:var(--brand);font-weight:800}.promise{padding:44px;text-align:center;border-radius:20px;background:var(--ink);color:#fff}.promise h2{margin:0}.promise p{max-width:720px;margin:8px auto;color:#d9e3dd}.privacy-note{display:flex;gap:16px;padding:22px;border:1px solid var(--line);border-radius:12px;background:#fff}.page-main{padding:56px 0 80px;min-height:60vh}.page-header{max-width:760px;margin-bottom:32px}.content{max-width:760px}.empty-state{text-align:center;padding:48px 24px;border:1px dashed #aebbb4;border-radius:var(--radius);background:#fff}.input-options{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.input-option{padding:22px;border:1px solid var(--line);border-radius:12px;background:#fafcfb}.input-option button{width:100%;margin-top:16px}.input-option button:disabled,.toolbar button:disabled{cursor:not-allowed;opacity:.55}.tool-shell{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px}.tool-panel,.preview-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.tool-panel{padding:20px}.preview-panel{min-width:0;min-height:420px;display:grid;place-items:center;padding:24px}.mobile-tabs{display:none}.toolbar{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:12px}.toolbar .export{margin-left:auto}.site-footer{padding:54px 0 24px;background:#111a15;color:#dbe6df}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.site-footer h2,.site-footer h3{color:#fff;margin-top:0}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer a{color:#dbe6df;text-decoration:none}.footer-bottom{margin-top:40px;padding-top:18px;border-top:1px solid #334039;color:#aab8b0}
@media(max-width:920px){.menu-toggle{display:block;margin-left:auto}.header-cta{display:none}.site-nav{display:none;position:absolute;left:16px;right:16px;top:64px;margin:0;padding:10px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.site-nav.is-open{display:block}.site-nav ul{display:block}.site-nav a{padding:12px}.card-grid{grid-template-columns:repeat(2,1fr)}.flow{grid-template-columns:repeat(2,1fr)}.tool-shell{grid-template-columns:1fr}.mobile-tabs{display:flex;gap:8px;overflow:auto}.toolbar .export{margin-left:0}}
@media(max-width:620px){.dx-wrap{width:calc(100% - 28px)}.dx-app-wrap{width:calc(100% - 20px)}.header-inner{min-height:62px}.hero{padding:58px 0 48px}.hero-actions,.intent-form{flex-direction:column}.section{padding:50px 0}.card-grid,.input-options,.footer-grid,.flow{grid-template-columns:1fr}.promise{padding:34px 20px}.preview-panel{min-height:330px;overflow:auto}.toolbar button{flex:1 1 44%}}