/* DocuMentor Studio — editorial precision. Shared public and workspace system. */
:root{--studio-paper:#f4f4ef;--studio-surface:#fff;--studio-ink:#142d26;--studio-muted:#68716c;--studio-line:#dce1d9;--studio-forest:#142d26;--studio-lime:#dcef9a;--studio-radius:10px;--studio-serif:'Instrument Serif',Georgia,'Times New Roman',serif;--studio-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--studio-ease:cubic-bezier(.23,1,.32,1)}
html[data-theme=dark]{--studio-paper:#101b17;--studio-surface:#192720;--studio-ink:#edf0e5;--studio-muted:#a5b2a7;--studio-line:#304137;--studio-forest:#dcef9a}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body,body.app-body{background:var(--studio-paper)!important;color:var(--studio-ink)!important;font-family:var(--studio-sans)!important;-webkit-font-smoothing:antialiased;--app-bg:var(--studio-paper);--app-surface:var(--studio-surface);--app-text:var(--studio-ink);--app-muted:var(--studio-muted);--app-border:var(--studio-line);--app-shadow:none;--app-shadow-lg:none;--app-radius:10px;--primary-color:var(--studio-forest);--text-primary:var(--studio-ink);--text-secondary:var(--studio-muted);--card-bg:var(--studio-surface);--border-color:var(--studio-line);--bs-body-color:var(--studio-ink);--bs-body-bg:var(--studio-paper)}
a{color:var(--studio-ink)}a:hover{color:var(--studio-forest)}button,input,select,textarea{font-family:var(--studio-sans)}button,a,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #82994b!important;outline-offset:4px}button,a{transition:background-color 160ms ease,color 160ms ease,transform 160ms var(--studio-ease),border-color 160ms ease}button:active,.studio-button:active{transform:translateY(1px)}::selection{background:var(--studio-lime);color:#142d26}
.studio-wordmark{font-family:var(--studio-serif);font-weight:400;font-size:32px;letter-spacing:-1.2px;line-height:1;text-decoration:none;white-space:nowrap;color:var(--studio-ink)}.brand-dot{color:#88a84f}.studio-button,.btn-primary,.btn-app-primary,.create-invoice-cta,.dashboard-plan-btn{background:var(--studio-forest)!important;color:var(--studio-paper)!important;border:1px solid var(--studio-forest)!important;border-radius:6px!important;box-shadow:none!important;animation:none!important;text-decoration:none;font-weight:500!important;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:46px;padding:12px 22px!important;transition:filter 160ms ease,transform 160ms ease!important}.studio-button:hover,.btn-primary:hover,.create-invoice-cta:hover{filter:brightness(1.12);transform:translateY(-1px)}.create-invoice-cta:before,.create-invoice-cta:after,.create-invoice-cta-glow{display:none!important}.create-invoice-cta-inner{background:none!important;padding:0!important;box-shadow:none!important;gap:10px}.btn-outline-primary,.btn-app-secondary,.btn-outline-secondary{background:transparent!important;color:var(--studio-ink)!important;border:1px solid var(--studio-line)!important;border-radius:6px!important;box-shadow:none!important}.btn-outline-primary:hover,.btn-app-secondary:hover{background:var(--studio-paper)!important;border-color:var(--studio-muted)!important}.btn{font-size:13px;font-weight:500;letter-spacing:-.1px}.text-muted,.text-secondary{color:var(--studio-muted)!important}.text-primary{color:var(--studio-forest)!important}
/* Fixed workspace rail; mobile becomes a keyboard-accessible drawer. */
.studio-sidebar{position:fixed;inset:0 auto 0 0;width:224px;z-index:1045;background:#142d26;color:#edf1e8;padding:34px 18px 22px;display:flex;flex-direction:column;border-right:1px solid #254237}.studio-sidebar>.studio-wordmark{color:#f4f4ef;font-size:30px;padding:0 10px;margin-bottom:52px}.studio-nav{display:flex;flex-direction:column;gap:6px}.studio-nav-link{display:flex;align-items:center;gap:14px;padding:13px 15px;font-size:13px;font-weight:450;color:#cbd6ce;text-decoration:none;border-radius:5px;min-height:46px}.studio-nav-link>i{font-size:18px;width:22px;color:inherit}.studio-nav-link:hover{background:#213f32;color:#fff}.studio-nav-link.is-active{background:#dcef9a;color:#142d26}.studio-sidebar-bottom{margin-top:auto;padding-top:35px}.studio-account{display:flex;align-items:center;gap:11px;padding:18px 3px;border-top:1px solid #3a4d40;text-decoration:none;color:#e5ece4;font-size:13px}.studio-account>i{margin-left:auto;font-size:12px}.studio-avatar{display:grid;place-items:center;width:32px;height:32px;background:#2b4537;border:1px solid #405c47;border-radius:50%;font-size:12px}.studio-utilities{display:flex;align-items:center;justify-content:space-between;gap:5px}.studio-logout{border:0;background:transparent;color:#cad8cb;padding:8px;font-size:17px}.studio-home-link{font-size:10px;color:#8ea493;text-decoration:none;display:flex;justify-content:space-between;margin:22px 4px 0}.studio-sidebar .header-controls{border:0;padding:0!important;gap:8px!important}.studio-sidebar .lang-switcher-btn{background:transparent!important;color:#dce9dd!important;border-color:#405545!important;font-size:11px}.studio-sidebar .theme-toggle-track{background:#213c2c!important;border-color:#405545!important}.studio-sidebar .lang-switcher-menu{min-width:170px}.studio-mobile-header,.studio-sidebar-scrim{display:none}.app-main{margin-left:224px;padding:24px 38px 60px!important;min-height:calc(100vh - 100px)}.app-container,.app-container-wide,.history-container{max-width:1460px!important;width:100%;padding:0!important;margin:0 auto!important}.studio-workspace-bar{display:flex;align-items:center;gap:18px;max-width:1460px;margin:0 auto 35px;color:var(--studio-muted);font-size:11px}.studio-bar-rule{width:22px;height:1px;background:var(--studio-line)}.studio-date{margin-left:auto}.page-hero{margin-bottom:30px!important}.page-hero h1,.history-title,.profile-title{font-family:var(--studio-serif)!important;font-size:clamp(42px,4.7vw,72px)!important;font-weight:400!important;letter-spacing:-1.9px!important;color:var(--studio-ink)!important;background:none!important;-webkit-text-fill-color:var(--studio-ink)!important;line-height:1.08!important;margin-bottom:14px!important}.page-hero p{font-size:14px!important;color:var(--studio-muted)!important;max-width:720px;line-height:1.65}.page-hero-accent{background:none!important;border:0!important;padding:0!important;box-shadow:none!important}.page-hero-icon{display:none!important}.surface-card{background:var(--studio-surface)!important;border:1px solid var(--studio-line)!important;border-radius:10px!important;box-shadow:none!important}.surface-card h2{font-family:var(--studio-serif);font-size:27px!important;font-weight:400!important;color:var(--studio-ink)}.studio-dashboard-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;margin-bottom:35px}.studio-dashboard-heading .page-hero{margin:0!important}.studio-dashboard-heading .quick-actions{margin:0!important;flex-shrink:0}.studio-dashboard-heading .create-invoice-cta{background:var(--studio-lime)!important;color:#142d26!important;border-color:var(--studio-lime)!important}.studio-dashboard-heading .create-invoice-cta i{color:inherit}.studio-dashboard-heading .dashboard-limit-alert{width:100%;order:3}.stat-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;margin:0 0 36px!important;padding:12px 0 18px}.stat-grid .stat-card{border:0!important;border-left:1px solid var(--studio-line)!important;border-radius:0!important;background:none!important;padding:2px 26px!important;box-shadow:none!important;overflow:visible}.stat-card:after,.stat-icon{display:none!important}.stat-label{font-size:10px!important;letter-spacing:.9px!important;font-weight:500!important;color:var(--studio-muted)!important;margin:0 0 12px!important;text-transform:uppercase}.stat-value{font-size:clamp(25px,2.5vw,38px)!important;line-height:1.2;font-weight:450!important;letter-spacing:-1.4px;font-variant-numeric:tabular-nums;color:var(--studio-ink)!important}.recent-table{width:100%;font-size:12px!important}.recent-table thead{background:var(--studio-paper)!important}.recent-table th{padding:14px 16px!important;font-size:9px!important;letter-spacing:.6px;font-weight:500!important;color:var(--studio-muted)!important;border-color:var(--studio-line)!important;white-space:nowrap}.recent-table td{padding:19px 16px!important;border-color:var(--studio-line)!important;color:var(--studio-ink);background:none!important}.recent-table .badge-soft{padding:0!important;background:none!important;color:var(--studio-ink)!important;font-size:10px!important;font-weight:500!important;white-space:nowrap;font-variant-numeric:tabular-nums}.recent-table .btn{font-size:10px!important;border:0!important;background:none!important;padding:5px!important}.recent-table tr:hover{background:var(--studio-paper)}.studio-dashboard .border-bottom{border-color:var(--studio-line)!important;padding:22px!important}.studio-dashboard .border-bottom>a{font-size:11px!important;text-decoration:underline!important;color:var(--studio-ink)}.dashboard-plan-card{padding:24px!important;background:var(--studio-surface)!important}.dashboard-plan-icon{display:none!important}.dashboard-plan-head{border-bottom:1px solid var(--studio-line);padding-bottom:15px}.dashboard-plan-name{margin:20px 0!important}.dashboard-plan-badge{background:none!important;padding:0!important;font-family:var(--studio-serif);font-size:35px!important;font-weight:400!important;color:var(--studio-ink)!important}.dashboard-plan-note{font-size:11px!important;color:var(--studio-muted)!important}.dashboard-plan-btn{background:transparent!important;color:var(--studio-ink)!important;border-color:var(--studio-line)!important;min-height:38px;width:100%;font-size:11px}.studio-shortcuts{padding:24px;margin:16px 0}.studio-shortcuts h2{margin-bottom:16px}.studio-shortcuts>a{display:flex;align-items:center;gap:12px;font-size:12px;padding:16px 0;border-top:1px solid var(--studio-line);text-decoration:none}.studio-shortcuts>a>i:last-child{margin-left:auto;font-size:12px}.studio-dashboard .col-lg-4>.surface-card:last-child p{font-size:12px}.dashboard-plan-progress{background:var(--studio-line)!important}.dashboard-plan-progress>span{background:var(--studio-forest)!important}
/* Form controls and saved-document tables share the same quiet material language. */
body .form-control,body .form-select,body #invoice-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),body #invoice-form select,body #invoice-form textarea{background:var(--studio-surface)!important;color:var(--studio-ink)!important;border:1px solid var(--studio-line)!important;border-radius:5px!important;min-height:44px;font-size:13px!important;box-shadow:none!important}body .form-control::placeholder{color:var(--studio-muted);opacity:.75}body label,body .form-label{color:var(--studio-ink)!important;font-size:12px!important;font-weight:500!important}body input:focus,body select:focus,body textarea:focus{border-color:#718761!important;box-shadow:0 0 0 3px #8ea76620!important}.form-page-card{padding:25px!important}.form-section{background:none!important;border-color:var(--studio-line)!important;padding-bottom:28px!important;margin-bottom:28px!important}.section-head{color:var(--studio-ink)!important;font-family:var(--studio-serif)!important;font-weight:400!important;font-size:27px!important;border-color:var(--studio-line)!important;background:none!important}.section-head i{font-size:17px;color:var(--studio-muted)!important}.form-guide-box{background:transparent!important;border:1px solid var(--studio-line)!important;border-radius:6px!important;box-shadow:none!important}.form-guide-title,.form-guide-toggle{color:var(--studio-muted)!important;font-size:11px!important}.form-guide-list{font-size:12px;color:var(--studio-muted)}.invoice-steps-card{background:var(--studio-surface)!important;border:1px solid var(--studio-line)!important;box-shadow:none!important;border-radius:8px!important}.invoice-step-item{color:var(--studio-muted)!important;border-radius:5px!important}.invoice-step-item.is-active{background:var(--studio-paper)!important;color:var(--studio-ink)!important;border-color:var(--studio-line)!important;box-shadow:none!important}.invoice-step-marker{background:var(--studio-paper)!important;color:var(--studio-muted)!important;border:1px solid var(--studio-line)!important;box-shadow:none!important}.is-active .invoice-step-marker,.is-complete .invoice-step-marker{background:var(--studio-forest)!important;color:var(--studio-paper)!important}.invoice-steps-progress-bar{background:#879f68!important}.invoice-steps-generate{background:var(--studio-forest)!important;color:var(--studio-paper)!important;border-radius:5px!important;box-shadow:none!important}.invoice-steps-generate.is-locked{opacity:.45}.invoice-steps-draft{border:1px solid var(--studio-line)!important;background:var(--studio-paper)!important;color:var(--studio-ink)!important;border-radius:5px!important}.supplier-category-chip{background:var(--studio-paper)!important;color:var(--studio-muted)!important;border:1px solid var(--studio-line)!important;border-radius:4px!important;font-size:10px!important;box-shadow:none!important}.supplier-category-chip.active{background:var(--studio-forest)!important;color:var(--studio-paper)!important;border-color:var(--studio-forest)!important}.supplier-option,.supplier-card,.supplier-picker-option{background:var(--studio-surface)!important;border-color:var(--studio-line)!important;box-shadow:none!important;color:var(--studio-ink)!important}.supplier-option.selected,.supplier-card.selected,.supplier-picker-option.is-selected{border-color:var(--studio-forest)!important;background:var(--studio-paper)!important}.product-section{background:var(--studio-paper)!important;border:1px solid var(--studio-line)!important;box-shadow:none!important;padding:20px!important;border-radius:6px!important}.product-section h5{font-size:15px!important;font-weight:500}.create-invoice-layout{grid-template-columns:210px minmax(0,1fr)!important;gap:24px!important}.invoice-form-shell{max-width:1400px!important}.invoice-steps-panel{top:24px!important}.invoice-form-premium{color:var(--studio-ink)!important}.history-header{padding:0 0 26px!important;background:none!important;box-shadow:none!important;border:0!important}.history-subtitle{color:var(--studio-muted)!important;font-size:14px!important}.search-section,.filter-section,.filter-card,.history-table-container,.invoice-table-container,.table-container,.client-card,.template-card{background:var(--studio-surface)!important;box-shadow:none!important;border-color:var(--studio-line)!important;border-radius:8px!important}.stats-card{background:var(--studio-surface)!important;border:1px solid var(--studio-line)!important;box-shadow:none!important}.table{--bs-table-bg:var(--studio-surface);--bs-table-color:var(--studio-ink);--bs-table-border-color:var(--studio-line);font-size:12px}.table th{color:var(--studio-muted)!important;font-size:10px!important;font-weight:500!important;text-transform:uppercase;letter-spacing:.4px;background:var(--studio-paper)!important}.table td{vertical-align:middle!important}.modal-content{background:var(--studio-surface)!important;color:var(--studio-ink)!important;border:1px solid var(--studio-line)!important;border-radius:12px!important}.modal-header,.modal-footer{border-color:var(--studio-line)!important}.dropdown-menu{background:var(--studio-surface)!important;border:1px solid var(--studio-line)!important;box-shadow:0 12px 32px #07150a18!important;border-radius:7px!important}.dropdown-item{color:var(--studio-ink)!important;font-size:12px;padding:9px 16px}.dropdown-item:hover,.dropdown-item.active{background:var(--studio-paper)!important}.empty-state{color:var(--studio-muted);padding:60px 24px!important}.badge-soft{background:var(--studio-paper)!important;color:var(--studio-ink)!important}.alert-info{background:var(--studio-surface)!important;border-color:var(--studio-line)!important;color:var(--studio-ink)!important}.profile-header,.profile-card,.admin-card{background:var(--studio-surface)!important;border-color:var(--studio-line)!important;box-shadow:none!important}.admin-header{background:none!important;box-shadow:none!important}
/* Public site. */
body .studio-public-nav{background:var(--studio-paper)!important;border-bottom:1px solid var(--studio-line)!important;box-shadow:none!important;padding:22px 0!important;position:relative;z-index:1030}.studio-public-nav-inner{width:100%;max-width:1560px;padding:0 4%;margin:auto;display:flex;align-items:center;gap:60px}.studio-public-nav .navbar-collapse{align-items:center;justify-content:space-between}.studio-public-links,.studio-public-actions{display:flex;align-items:center;gap:30px}.studio-public-links a,.studio-public-actions>a:not(.studio-button){font-size:12px;font-weight:450;text-decoration:none;color:var(--studio-ink)!important}.studio-public-actions{gap:24px}.studio-public-nav .studio-wordmark{font-size:34px}.studio-public-nav .header-controls{border:0!important;padding:0!important;gap:12px!important}.lang-switcher-btn{color:var(--studio-ink)!important;background:transparent!important;border-color:var(--studio-line)!important;font-size:11px!important}.studio-public-nav .navbar-toggler{color:var(--studio-ink);border:1px solid var(--studio-line);box-shadow:none;padding:7px 10px}.studio-footer{max-width:1460px;margin:0 auto;display:flex;align-items:center;gap:32px;padding:26px 4%;border-top:1px solid var(--studio-line);color:var(--studio-muted);background:none}.studio-footer .studio-wordmark{font-size:25px}.studio-copyright{font-size:10px}.studio-footer nav{margin-left:auto;display:flex;gap:26px}.studio-footer nav a{font-size:11px;text-decoration:none;color:var(--studio-muted)}.app-body>.studio-footer{margin-left:262px;margin-right:38px;padding:25px 0;max-width:none}.studio-home{overflow:hidden}.studio-hero{max-width:1560px;margin:auto;display:grid;grid-template-columns:52% 48%;min-height:740px;padding:65px 4% 70px;align-items:center;position:relative}.studio-hero h1{font-family:var(--studio-serif);font-size:clamp(68px,8.2vw,132px);font-weight:400;letter-spacing:-4.5px;line-height:.94;color:var(--studio-ink);white-space:pre-line;margin:0 0 34px;position:relative;z-index:2}.studio-hero-copy>p{max-width:475px;font-size:17px;line-height:1.65;color:var(--studio-muted);margin:0 0 30px}.studio-hero-actions{display:flex;gap:30px;align-items:center}.studio-text-link{font-size:12px;text-underline-offset:6px;color:var(--studio-ink);padding:10px 0}.studio-document-scene{height:595px;position:relative;perspective:1200px;isolation:isolate}.studio-document-plinth{position:absolute;inset:80px -60px -50px 5px;background:#e8e9df;transform:rotate(-9deg) skewY(-3deg);z-index:-1;border:1px solid #d8dbd0}.studio-document{background:#fffef8;color:#142d26;position:absolute;width:360px;min-height:490px;padding:32px;box-shadow:15px 25px 30px #17241924;border:1px solid #e6e8db;transform:rotate(-8deg);top:20px;left:5%;font-family:var(--studio-sans);transition:transform 450ms var(--studio-ease)}.studio-document-front{z-index:2}.studio-document-back{transform:rotate(15deg);left:54%;top:120px;z-index:1}.studio-document-scene:hover .studio-document-front{transform:translateY(-8px) rotate(-5deg)}.studio-document .paper-brand{font-family:var(--studio-serif);font-size:23px;letter-spacing:-.4px}.paper-heading{font-family:var(--studio-serif);font-size:34px;margin:30px 0}.paper-meta{display:flex;justify-content:space-between;font-size:8px;color:#65705e;line-height:1.8;padding-bottom:22px;border-bottom:1px solid #8b9885}.paper-table{width:100%;font-size:7px;margin:20px 0 35px}.paper-table td,.paper-table th{padding:10px 0;border-bottom:1px solid #d9dfd2;font-weight:400}.paper-table td:last-child,.paper-table th:last-child{text-align:right}.paper-total{display:flex;justify-content:space-between;font-size:9px;font-weight:600;border-top:1px solid #8b9885;padding-top:15px}.paper-caption{font-size:7px;line-height:1.6;color:#788273;margin-top:40px}.paper-seal{position:absolute;right:25px;top:28px;width:36px;height:36px;border:1px solid #9fba65;border-radius:50%;display:grid;place-items:center;color:#7c9a46;font-size:16px}.paper-lines{height:220px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 23px,#e2e4dc 23px,#e2e4dc 24px)}.studio-capabilities{max-width:1440px;margin:auto;padding:0 4% 85px}.studio-section-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;border-top:1px solid var(--studio-line);padding:55px 0}.studio-section-intro h2{font-family:var(--studio-serif);font-size:clamp(42px,4.5vw,68px);font-weight:400;letter-spacing:-1.8px;line-height:1;white-space:pre-line}.studio-section-intro p{font-size:15px;max-width:420px;color:var(--studio-muted);line-height:1.7;border-left:1px solid var(--studio-line);padding-left:55px}.studio-feature-row{display:grid;grid-template-columns:65px 1fr 1fr 40px;gap:24px;align-items:center;padding:30px 0;border-top:1px solid var(--studio-line);text-decoration:none;color:var(--studio-ink)}.studio-feature-number{font-size:11px;color:var(--studio-muted)}.studio-feature-row h3{font-family:var(--studio-serif);font-weight:400;font-size:32px;margin:0;letter-spacing:-.5px}.studio-feature-row p{font-size:12px;line-height:1.7;color:var(--studio-muted);margin:0;max-width:350px}.studio-feature-row>i{font-size:22px;transition:transform 160ms ease}.studio-feature-row:hover>i{transform:translate(3px,-3px)}.studio-feature-row:last-child{border-bottom:1px solid var(--studio-line)}.studio-home-cta{background:#142d26;color:#f4f4ef;padding:72px max(4%,calc((100vw - 1325px)/2));display:flex;align-items:center;justify-content:space-between;gap:50px}.studio-home-cta h2{font-family:var(--studio-serif);font-size:clamp(44px,5vw,76px);font-weight:400;line-height:1.02;letter-spacing:-1.5px;white-space:pre-line;margin:0}.studio-home-cta .studio-button{background:#dcef9a!important;border-color:#dcef9a!important;color:#142d26!important}.studio-cta-actions{display:flex;flex-direction:column;align-items:center;gap:20px}.studio-cta-actions>a:last-child{font-size:12px;color:#e3eadc;text-underline-offset:5px}
/* Existing public/auth/account screens retain all working forms and logic. */
body:not(.app-body) .login-section,body:not(.app-body) .register-section,body:not(.app-body) .forgot-section,body:not(.app-body) .reset-section{background:var(--studio-paper)!important;padding:75px 20px!important;min-height:70vh!important}body:not(.app-body) .login-container,body:not(.app-body) .register-container,body:not(.app-body) .forgot-container,body:not(.app-body) .reset-container{max-width:470px!important;background:var(--studio-surface)!important;border:1px solid var(--studio-line)!important;border-radius:10px!important;box-shadow:0 20px 60px #10201805!important;padding:42px!important}body:not(.app-body) .login-header h2,body:not(.app-body) .register-header h2,body:not(.app-body) .login-header h1,body:not(.app-body) .register-header h1{font-family:var(--studio-serif)!important;font-size:45px!important;font-weight:400!important;color:var(--studio-ink)!important;letter-spacing:-1px}body:not(.app-body) .hero-section,body:not(.app-body) .about-hero,body:not(.app-body) .pricing-hero,body:not(.app-body) .contact-hero{background:var(--studio-paper)!important;color:var(--studio-ink)!important;padding:80px 0 55px!important}body:not(.app-body) .hero-section:before{display:none!important}body:not(.app-body) .hero-title{font-family:var(--studio-serif)!important;font-size:clamp(50px,6vw,86px)!important;font-weight:400!important;color:var(--studio-ink)!important;letter-spacing:-2px!important}body:not(.app-body) .hero-subtitle{font-size:17px!important;color:var(--studio-muted)!important;font-weight:400!important}body:not(.app-body) .pricing-section,body:not(.app-body) .features-section,body:not(.app-body) .about-section,body:not(.app-body) .contact-section,body:not(.app-body) .team-section{background:var(--studio-paper)!important}body:not(.app-body) .pricing-card,body:not(.app-body) .feature-card,body:not(.app-body) .contact-card,body:not(.app-body) .contact-form,body:not(.app-body) .mission-card{background:var(--studio-surface)!important;color:var(--studio-ink)!important;border:1px solid var(--studio-line)!important;border-radius:10px!important;box-shadow:none!important;transform:none!important}body:not(.app-body) .section-title{font-family:var(--studio-serif)!important;font-weight:400!important;font-size:44px!important;color:var(--studio-ink)!important}body:not(.app-body) .feature-icon{background:var(--studio-paper)!important;color:var(--studio-forest)!important;box-shadow:none!important}.studio-public-nav a:before,.studio-public-nav a:after{display:none!important}.studio-public-nav .studio-wordmark .brand-dot{display:inline}.studio-home .studio-document-front,.studio-hero-copy{animation:studio-enter 650ms var(--studio-ease) both}@keyframes studio-enter{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(min-width:1450px){.studio-dashboard .col-lg-8{width:75%}.studio-dashboard .col-lg-4{width:25%}}
@media(max-width:1250px){.studio-sidebar{width:196px;padding-left:12px;padding-right:12px}.studio-sidebar>.studio-wordmark{font-size:27px}.app-main{margin-left:196px;padding:24px 25px 50px!important}.app-body>.studio-footer{margin-left:221px;margin-right:25px}.studio-public-nav-inner{gap:30px}.studio-public-links{gap:18px}.studio-public-actions{gap:15px}.studio-hero h1{font-size:8.3vw}.studio-document{width:315px;min-height:450px;padding:25px}.studio-document-scene{height:520px}.stat-grid .stat-card{padding:3px 16px!important}.studio-dashboard-heading .page-hero h1{font-size:54px!important}.studio-dashboard-heading .page-hero p{font-size:12px!important}.create-invoice-layout{grid-template-columns:180px minmax(0,1fr)!important}.studio-document-back{left:50%}}
@media(max-width:991px){.studio-mobile-header{display:flex;align-items:center;justify-content:space-between;height:76px;padding:0 24px;border-bottom:1px solid var(--studio-line);background:var(--studio-paper);position:sticky;top:0;z-index:1040}.studio-mobile-header .studio-wordmark{font-size:30px}.studio-menu-toggle{font-size:24px;border:1px solid var(--studio-line);background:transparent;color:var(--studio-ink);border-radius:5px;padding:2px 9px}.studio-sidebar{transform:translateX(-100%);width:250px;transition:transform 220ms var(--studio-ease)}body.studio-nav-open .studio-sidebar{transform:translateX(0)}body.studio-nav-open .studio-sidebar-scrim{display:block;position:fixed;inset:0;background:#07181080;border:0;z-index:1042}body.studio-nav-open{overflow:hidden}.app-main{margin-left:0;padding:24px!important}.app-body>.studio-footer{margin:0 24px;padding:22px 0}.studio-public-nav-inner{flex-wrap:wrap;justify-content:space-between}.studio-public-nav .navbar-collapse{flex-basis:100%}.studio-public-links,.studio-public-actions{flex-wrap:wrap;padding:18px 0;gap:22px}.studio-public-links>a{padding:8px 0}.studio-public-actions{border-top:1px solid var(--studio-line)}.studio-hero{min-height:660px;grid-template-columns:52% 48%;padding:55px 4%}.studio-hero h1{font-size:8.4vw;letter-spacing:-2.5px}.studio-hero-copy>p{font-size:14px}.studio-hero-actions{gap:20px;flex-wrap:wrap}.studio-document{width:275px;padding:22px;min-height:410px}.studio-document-scene{height:480px}.studio-section-intro{gap:40px}.studio-section-intro p{padding-left:30px}.studio-feature-row{grid-template-columns:35px 1fr 1fr 24px;gap:20px}.studio-feature-row h3{font-size:28px}.studio-home-cta{padding:60px 4%}.studio-public-nav{padding:18px 0!important}.create-invoice-layout{grid-template-columns:180px minmax(0,1fr)!important}}
@media(max-width:700px){.studio-workspace-bar{margin-bottom:28px}.studio-date{font-size:10px}.app-main{padding:22px 18px 40px!important}.page-hero h1,.history-title,.studio-dashboard-heading .page-hero h1{font-size:45px!important;letter-spacing:-1px!important}.studio-dashboard-heading{margin-bottom:24px;gap:20px}.studio-dashboard-heading .quick-actions{width:100%}.studio-dashboard-heading .create-invoice-cta{width:100%}.stat-grid{grid-template-columns:1fr 1fr!important;row-gap:24px!important;padding:10px 0;margin-bottom:28px!important}.stat-value{font-size:29px!important}.stat-label{font-size:9px!important}.recent-table{min-width:650px}.studio-dashboard .col-lg-4{margin-top:20px}.studio-footer{gap:18px;flex-wrap:wrap;padding:26px 5%}.studio-footer nav{gap:18px}.studio-footer .studio-wordmark{font-size:24px}.studio-copyright{font-size:9px;order:3;width:100%}.app-body>.studio-footer{margin:0 18px}.studio-hero{display:flex;flex-direction:column;align-items:stretch;padding:45px 6% 30px;min-height:0}.studio-hero h1{font-size:clamp(58px,14.2vw,94px);letter-spacing:-2px;line-height:1;margin-bottom:25px}.studio-hero-copy>p{font-size:14px;max-width:410px;margin-bottom:24px}.studio-hero-actions{gap:23px}.studio-hero-actions .studio-button{font-size:12px;padding:13px 17px!important}.studio-document-scene{height:440px;margin:45px 0 0;width:100%}.studio-document{left:4%;width:72%;max-width:330px;min-height:360px;padding:24px;top:0}.studio-document-back{left:51%;top:65px}.studio-document-plinth{inset:60px -80px 0 0}.paper-heading{margin:20px 0;font-size:28px}.paper-caption{margin-top:22px}.paper-table{margin:18px 0}.studio-capabilities{padding:15px 6% 45px}.studio-section-intro{grid-template-columns:1fr;gap:20px;padding:35px 0}.studio-section-intro h2{font-size:44px;letter-spacing:-1px}.studio-section-intro p{border:0;padding:0;font-size:13px;margin:0}.studio-feature-row{grid-template-columns:24px 1fr 20px;gap:14px;padding:24px 0}.studio-feature-row h3{font-size:28px;grid-column:2}.studio-feature-row p{grid-column:2;font-size:12px}.studio-feature-row>i{grid-column:3;grid-row:1/3;font-size:18px}.studio-feature-number{align-self:start;margin-top:9px}.studio-home-cta{padding:48px 6%;flex-direction:column;align-items:flex-start;gap:30px}.studio-home-cta h2{font-size:48px}.studio-cta-actions{flex-direction:row;gap:24px}.studio-public-nav-inner{padding:0 6%}.studio-public-nav .studio-wordmark{font-size:30px}.create-invoice-layout{display:flex!important;flex-direction:column!important;gap:20px!important}.invoice-steps-panel{position:relative!important;top:0!important;width:100%!important}.invoice-steps-card{padding:15px!important}.invoice-steps-nav{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:4px!important}.invoice-step-item{display:flex!important;flex-direction:column!important;align-items:center!important;padding:8px 4px!important;gap:6px!important}.invoice-step-label{font-size:9px!important;text-align:center}.invoice-step-marker{width:25px!important;height:25px!important;font-size:10px!important}.invoice-step-check{display:none!important}.invoice-steps-footer{display:flex;gap:10px;flex-wrap:wrap}.invoice-steps-status{width:100%;margin-bottom:0!important}.invoice-steps-draft,.invoice-steps-generate{flex:1;font-size:11px!important;padding:10px 5px!important}.form-page-card{padding:17px!important}.section-head{font-size:24px!important}.supplier-category-chips{gap:5px!important}.supplier-category-chip{font-size:9px!important;padding:7px 8px!important}body:not(.app-body) .login-container,body:not(.app-body) .register-container{padding:28px!important}.form-guide-list{font-size:11px!important}.surface-card h2{font-size:25px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.studio-document-scene:hover .studio-document-front{transform:rotate(-8deg)}}
/* Preserve contrast against the shared legacy CTA component. */
.studio-dashboard-heading .create-invoice-cta-inner,.studio-dashboard-heading .create-invoice-cta-inner span,.studio-dashboard-heading .create-invoice-cta-inner i{color:#142d26!important}.dashboard-plan-badge{border:0!important;border-radius:0!important;box-shadow:none!important}.studio-sidebar .studio-wordmark{font-size:29px}.studio-dashboard .recent-table{font-size:13px!important}.studio-dashboard .recent-table .badge-soft{font-size:11px!important}.studio-dashboard .recent-table th{font-size:10px!important}.studio-dashboard .recent-table .small{font-size:11px!important}
/* Retained form templates contain global button rules; scope the new controls explicitly. */
.app-body .invoice-step-item{background:transparent!important;border:0!important;box-shadow:none!important;min-height:52px}.app-body .invoice-step-item.is-active{background:var(--studio-paper)!important}.app-body .invoice-step-item .invoice-step-label{color:inherit!important;font-weight:500!important;font-size:12px}.app-body .invoice-steps-draft{width:100%;padding:11px!important;font-size:12px!important;margin:0 0 10px!important}.app-body .invoice-steps-heading{font-size:10px!important;letter-spacing:1.1px;color:var(--studio-muted)!important}.app-body .studio-logout,.app-body .studio-menu-toggle{background:transparent!important}.app-body .studio-sidebar .theme-toggle{background:transparent!important;box-shadow:none!important}.app-body .section-head{text-transform:none!important;letter-spacing:-.5px!important;padding:0 0 18px!important}.app-body .section-head i{background:none!important;border:0!important;box-shadow:none!important}.supplier-cards-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr))!important;gap:10px!important}.app-body .supplier-card{display:flex!important;flex-direction:row!important;align-items:center!important;text-align:left!important;gap:12px!important;min-height:77px!important;padding:14px!important;border-radius:6px!important;transform:none!important}.app-body .supplier-card .supplier-card-name{font-size:11px!important;line-height:1.45!important;font-weight:500!important;color:var(--studio-ink)!important;text-align:left!important;display:block!important;-webkit-line-clamp:unset!important;max-height:none!important;overflow:visible!important}.app-body .supplier-card .supplier-card-logo{width:35px!important;height:35px!important;flex-shrink:0!important;object-fit:contain}.app-body .supplier-card-logo--placeholder{background:var(--studio-paper)!important;color:var(--studio-muted)!important;font-size:10px!important;border-radius:5px!important}.app-body .supplier-card[aria-selected=true]{background:var(--studio-paper)!important;border-color:var(--studio-forest)!important;box-shadow:inset 0 0 0 1px var(--studio-forest)!important}.app-body .supplier-card:hover{border-color:var(--studio-muted)!important}.app-body .stat-grid .stat-card{background:none!important;border-radius:0!important}.app-body .stat-icon,.app-body .stat-card:after{display:none!important}.app-body .dashboard-plan-badge{background:none!important;border:0!important;color:var(--studio-ink)!important}.app-body .dashboard-plan-icon{display:none!important}.form-guide-close{background:transparent!important;color:var(--studio-muted)!important;padding:0!important}.app-body .studio-sidebar .header-controls button{box-shadow:none!important}.app-body .page-hero-accent{align-items:flex-start!important}
@media(max-width:700px){.supplier-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.app-body .supplier-card{padding:10px!important;min-height:90px!important;flex-direction:column!important;text-align:center!important;gap:7px!important}.app-body .supplier-card .supplier-card-name{text-align:center!important;font-size:10px!important}.app-body .invoice-step-item .invoice-step-label{font-size:9px!important}.app-body .invoice-steps-draft{width:auto;margin:0!important}.studio-sidebar .lang-switcher-menu{max-height:280px;overflow:auto}}
.history-container .history-title>i{display:none}.history-container .stats-grid{gap:0!important;background:none!important;margin-top:30px!important}.history-container .stats-grid .stat-card{background:none!important;border:0!important;border-left:1px solid var(--studio-line)!important;border-radius:0!important;box-shadow:none!important;padding:5px 24px!important;transform:none!important}.history-container .stat-number{font-size:32px!important;font-weight:450!important;letter-spacing:-1px;color:var(--studio-ink)!important}.history-container .filters-section{background:transparent!important;border:1px solid var(--studio-line)!important;border-radius:5px!important;padding:20px!important}.history-container .search-input{background:var(--studio-surface)!important;border:1px solid var(--studio-line)!important;border-radius:5px!important;color:var(--studio-ink)!important;font-size:12px!important;box-shadow:none!important}.history-container .search-icon{color:var(--studio-muted)!important}.history-container .table-container{padding:24px!important}.history-container .table{min-width:970px;white-space:nowrap}.history-container .table td{font-size:12px!important;padding:17px 13px!important}.history-container .table td:last-child{min-width:250px}.history-container .btn-group{gap:4px}.history-container .btn-group .btn{border-radius:4px!important;font-size:11px!important}.history-container .btn-group span{white-space:nowrap}.history-container .table-info{background:var(--studio-paper)!important;border:0!important}.app-body .history-header,.app-body .table-container,.app-body .history-container tr{animation:none!important}.create-invoice-cta-inner,.create-invoice-cta-inner span,.create-invoice-cta-inner i{color:inherit!important}body:not(.app-body) .page-header{background:var(--studio-paper)!important;color:var(--studio-ink)!important;padding:70px 0 35px!important}body:not(.app-body) .page-title{font-family:var(--studio-serif)!important;font-weight:400!important;font-size:clamp(46px,5.5vw,80px)!important;letter-spacing:-2px!important;color:var(--studio-ink)!important}body:not(.app-body) .page-subtitle{color:var(--studio-muted)!important;font-size:16px!important}.pricing-card.popular{border-color:#869e62!important}.popular-badge,.pricing-badge{background:var(--studio-forest)!important;color:var(--studio-paper)!important;box-shadow:none!important}.faq-section{background:var(--studio-paper)!important}.accordion-item,.accordion-button{background:var(--studio-surface)!important;color:var(--studio-ink)!important;border-color:var(--studio-line)!important;box-shadow:none!important}.accordion-button:not(.collapsed){background:var(--studio-paper)!important}.accordion-button{font-size:14px}.price,.pricing-price{color:var(--studio-ink)!important}.profile-avatar-lg{background:#142d26!important;color:#dcef9a!important;box-shadow:none!important}.app-body .animate__animated{animation-duration:0s!important}
@media(max-width:700px){.history-container .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:20px!important}.history-container .table-container{padding:15px!important}.history-container .filters-section{padding:14px!important}.history-container .stat-number{font-size:28px!important}.history-container .stats-grid .stat-card{padding:5px 15px!important}}
@media(max-width:991px){body.studio-nav-open .studio-sidebar-scrim{left:250px}}
.dashboard-plan-badge{white-space:normal!important;overflow-wrap:anywhere;font-size:clamp(25px,2.1vw,32px)!important;line-height:1.15!important}.studio-dashboard .col-lg-4{min-width:0}
/* Full-width workspace mode. Toggle remains available outside the hidden rail. */
.studio-rail-toggle{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid var(--studio-line);border-radius:6px;background:var(--studio-surface);color:var(--studio-ink);font-size:17px;cursor:pointer}.studio-rail-toggle:hover{background:var(--studio-line)}.studio-rail-toggle:active{transform:scale(.97)}
@media(min-width:992px){html[data-sidebar-collapsed=true] .studio-sidebar{visibility:hidden;transform:translateX(-100%)}html[data-sidebar-collapsed=true] .app-main,html[data-sidebar-collapsed=true] .app-body>footer{margin-left:0!important}}
@media(max-width:991px){.studio-rail-toggle{display:none}}