:root{--ink:#173d3b;--ink-soft:#6b8076;--forest:#123d3b;--forest-2:#235e57;--mint:#e5f0ea;--gold:#dfa64b;--gold-soft:#fcf0d7;--canvas:#f6f5f0;--white:#fff;--line:#e1e6de;--danger:#b54a48;--radius:18px;font:14px/1.55 Inter,Segoe UI,Tahoma,Arial,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--canvas)}a{color:var(--forest-2);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a,button,input,textarea,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #dfa64b88;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2;letter-spacing:-.025em}h1{font-size:25px;margin-bottom:0}h2{font-size:23px}h3{font-size:16px}p,.muted{color:var(--ink-soft)}small{font-size:12px}.block{display:block}.icon{width:21px;height:21px;flex:none;vertical-align:middle}.brand{display:flex;align-items:center;gap:12px;color:inherit;font-size:17px;font-weight:750;line-height:1.25}.brand:hover{text-decoration:none}.brand small{display:block;font-size:10px;letter-spacing:.08em;font-weight:400;margin-top:5px;color:#a7c3b9;text-transform:uppercase}.brand-mark{display:grid;place-items:center;background:var(--gold);color:var(--forest);border-radius:12px;width:42px;height:42px;flex:none}.brand-mark .icon{width:26px;height:26px}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;position:fixed;inset-block:0;inset-inline-start:0;display:flex;flex-direction:column;background:var(--forest);color:#e7efe8;padding:30px 20px 16px;z-index:40}.sidebar .brand{padding:0 5px 28px}.sidebar-nav{display:flex;flex-direction:column;gap:5px;overflow-y:auto;scrollbar-width:thin;padding-bottom:16px}.nav-link{display:flex;align-items:center;gap:12px;padding:10px 15px;border-radius:11px;color:#a9c3ba;font-size:13px}.nav-link:hover{background:#ffffff0e;color:white;text-decoration:none}.nav-link.active{background:#ffffff12;color:#fff;position:relative}.nav-link.active:before{content:"";position:absolute;inset-inline-start:0;width:3px;height:19px;border-radius:3px;background:var(--gold)}.nav-link.active .icon{color:var(--gold)}.nav-divider{font-size:10px;text-transform:uppercase;letter-spacing:.13em;padding:22px 15px 8px;color:#6f9b8e}.sidebar-footer{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:19px;border-top:1px solid #ffffff15}.sidebar-footer strong{font-size:12px;display:block}.sidebar-footer small{color:#8cad9f;display:block;font-size:10px}.sidebar-footer .icon-button{color:#8cad9f;margin-inline-start:auto}.avatar{display:grid;place-items:center;width:35px;height:35px;flex:none;border-radius:50%;background:var(--mint);color:var(--forest);font-weight:700}.main{margin-inline-start:250px;width:calc(100% - 250px)}.topbar{height:98px;display:flex;align-items:center;justify-content:space-between;padding:18px 38px;border-bottom:1px solid var(--line);background:#ffffffa6;gap:20px}.topbar-leading{display:flex;gap:16px;align-items:center}.topbar-leading>.icon-button{display:none}.eyebrow,.kicker{font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--ink-soft);margin:0 0 8px}.topbar-actions{display:flex;align-items:center;gap:20px}.language-link{font-size:12px;font-weight:700}.icon-button{display:inline-grid;place-items:center;border:0;background:transparent;width:36px;height:36px;border-radius:10px;color:var(--ink);font-size:25px}.icon-button:hover{background:#1745390b;text-decoration:none}.notification-button{position:relative}.notification-button span{position:absolute;inset-block-start:0;inset-inline-end:0;background:var(--gold);font-size:9px;line-height:16px;min-width:16px;border-radius:8px}.online-dot{font-size:10px;color:#56886d}.online-dot:before{content:"● ";color:#73a487}.online-dot.offline{color:var(--danger)}.content{padding:30px 38px 136px;max-width:1800px;margin:auto}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin-bottom:24px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.panel-heading h2,.panel-heading h3{margin:0;font-size:17px}.panel-heading>a{font-size:11px;font-weight:650}.grid{display:grid;gap:24px}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}.metric-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:block;color:var(--ink)}.metric-card:hover{text-decoration:none}.metric-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--ink-soft);margin-bottom:16px}.metric-label .icon{width:18px;height:18px;color:#91aa9d}.metric-card strong{font-size:28px;font-weight:650;letter-spacing:-.04em;line-height:1.2;display:block}.metric-footer{display:block;font-size:10px;color:#92a59a;margin-top:15px}.positive{color:#3e8964}.negative{color:#c36a5b}.cash-metrics{grid-template-columns:2fr 1fr 1fr}.cash-metrics .metric-card:first-child{background:var(--forest);color:white;border-color:var(--forest)}.cash-metrics .metric-card:first-child .metric-label,.cash-metrics .metric-card:first-child .metric-footer{color:#b5ccbf}.welcome-strip{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:20px}.welcome-strip h2{font-size:27px;margin-bottom:9px}.welcome-strip p{margin-bottom:0;font-size:12px}.welcome-strip .kicker{color:#a58142}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:10px;padding:11px 17px;font-weight:600;font-size:12px;line-height:1.45;white-space:nowrap;min-height:41px;text-decoration:none}.button:hover{transform:translateY(-1px);text-decoration:none}.button .icon{width:17px;height:17px}.button.primary{background:var(--forest);color:white}.button.primary:hover{background:#246057}.button.gold{background:var(--gold);color:var(--forest)}.button.secondary{background:white;color:var(--forest);border-color:var(--line)}.button.danger{background:#faeaea;color:var(--danger);border-color:#efd4d0}.button.small{padding:7px 11px;min-height:33px;font-size:11px}.button.wide{width:100%}.button-row,.badge-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.text-button{padding:6px;border:0;background:transparent;color:var(--forest-2);font-size:12px;font-weight:600}.danger-text{color:var(--danger)}.page-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.page-actions p{margin:0;font-size:12px;max-width:650px}.table-wrap{overflow-x:auto;width:100%}table{border-collapse:collapse;width:100%;text-align:start;font-size:12px;white-space:nowrap}th{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#82928a;background:#f7f8f3;padding:12px 15px;text-align:start;border-bottom:1px solid var(--line)}td{padding:17px 15px;border-bottom:1px solid #edf0e9;vertical-align:middle}tbody tr:last-child td{border-bottom:0}td small{font-size:10px;color:#7f9487;margin-top:5px}td a{font-weight:600}td.empty{text-align:center;color:#99a89d;padding:50px}.empty .icon{width:30px;height:30px;color:#b3bfb6}.empty p{margin-top:10px;font-size:12px}.status{display:inline-block;padding:5px 9px;border-radius:7px;font-size:9px;font-weight:650;background:#edf0e9;color:#6e8074;white-space:nowrap}.status-confirmed,.status-in-progress,.status-issued,.status-high{background:#fdf0d9;color:#a37a34}.status-completed,.status-delivered,.status-paid,.status-received,.status-active,.status-approved,.status-design-ready{background:#e7f1e8;color:#4a8061}.status-emergency,.status-expired,.status-cancelled,.status-void,.status-rejected,.status-cash-out{background:#fae7e3;color:#b46155}.status-cash-in{background:#e6f1e7;color:#467b58}.status-design-in-progress{background:#e9edf8;color:#6b7ea6}.status-part-paid,.status-trial{background:#e4eef1;color:#4d8194}.stack{display:flex;flex-direction:column;gap:17px}.stack>.button{align-self:flex-start}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.customer-row{grid-template-columns:1fr 1.4fr 1.4fr}label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:600;color:#5d746b;min-width:0}input,select,textarea{width:100%;border:1px solid #dce3da;background:#fff;border-radius:9px;padding:11px 12px;color:var(--ink);font-size:12px;outline:none;min-height:42px}input::placeholder,textarea::placeholder{color:#a3afa6}input:focus,textarea:focus,select:focus{border-color:#94b1a3}input[type=checkbox]{width:16px;height:16px;min-height:0;accent-color:var(--forest)}input[type=color]{padding:5px;width:80px}input[type=file]{font-size:11px}textarea{resize:vertical}.check{display:flex;flex-direction:row;align-items:center;gap:9px;font-weight:400}.soft-fieldset{border:1px solid var(--line);border-radius:14px;padding:21px;margin:0;display:flex;flex-direction:column;gap:17px}.soft-fieldset legend{font-weight:650;font-size:12px;padding:0 8px;color:var(--forest)}.customer-hint{font-size:10px;color:#809187}.line-toolbar{display:flex;align-items:end;gap:24px;justify-content:space-between}.line-toolbar p{font-size:11px;margin:0}.line-toolbar label{width:165px}.line-list{display:flex;flex-direction:column;gap:16px}.line-card{background:#f8f9f4;border:1px solid #e6ebdf;border-radius:12px;padding:18px}.line-card-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:15px}.line-grid{display:grid;grid-template-columns:1.4fr 1fr .6fr .7fr .7fr .8fr 1fr .8fr .8fr;gap:10px;margin-bottom:12px}.line-grid input,.line-grid select{padding:9px 10px;font-size:11px}.line-grid label{font-size:10px}.modal{width:min(720px,94vw);max-height:90dvh;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 25px 100px #102b3340;color:var(--ink);overflow:auto}.modal::backdrop{background:#0b302b70;backdrop-filter:blur(4px)}.modal.fullscreen{width:calc(100vw - 32px);height:calc(100dvh - 32px);max-width:1480px;max-height:none;padding:30px 38px;border-radius:22px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:23px}.modal-head .kicker{font-size:9px;color:#b79458}.form-summary{display:flex;justify-content:flex-end;gap:45px;background:var(--mint);padding:20px;border-radius:12px}.form-summary span{display:block;font-size:10px;color:var(--ink-soft)}.form-summary strong{display:block;font-size:22px;margin-top:5px}.form-sticky-actions{display:flex;justify-content:flex-end;position:sticky;bottom:-30px;background:white;padding:16px 0;margin-top:4px}.modal-danger{margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.inline-post{display:inline-flex;margin:0}.inline-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.inline-form label{flex:1}.inline-form input{width:auto;min-width:130px}.filter-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:0 0 22px}.filter-form label{flex:1;min-width:105px}.filter-form label:nth-last-of-type(1){flex:1.3}.filter-form input,.filter-form select{padding:9px 10px;min-height:37px;font-size:11px}.filter-form .button{min-height:37px}.search-form{display:flex;gap:10px;margin-bottom:25px;max-width:600px}.search-form input{flex:1}.detail-head,.document-head{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px}.document-head h2{font-size:30px}.document-head p{font-size:12px;margin-top:12px}.document-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.document-total{display:flex;justify-content:flex-end;gap:40px;border-top:1px solid var(--line);margin-top:20px;padding:20px 15px 0}.document-total strong{font-size:23px}.document-total span{font-size:12px}.print-brand{display:none}.detail-list{display:grid;grid-template-columns:150px 1fr;gap:15px;font-size:12px}.detail-list dt{color:var(--ink-soft)}.detail-list dd{margin:0;word-break:break-word}.back-link{display:inline-block;font-size:11px;margin-bottom:23px;color:#799286}.entry-link{border:0;background:none;color:var(--ink);font-size:12px;font-weight:600;padding:0;text-align:start}.entry-link:hover{text-decoration:underline}.entry-amount{font-size:30px;font-weight:700;margin-bottom:25px}.cashbook-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.cashbook-head h2{margin-bottom:9px}.cashbook-head p{margin-bottom:0;font-size:12px}.bottom-nav{position:fixed;inset-inline-start:calc(250px + (100vw - 250px - min(670px, 75vw))/2);bottom:20px;width:min(670px,75vw);height:76px;display:grid;grid-template-columns:repeat(5,1fr);background:white;border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 45px #133e3520;z-index:35;align-items:center}.bottom-slot{height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;color:#819287;position:relative;min-width:0}.bottom-slot:hover{text-decoration:none;color:var(--forest)}.bottom-slot small{font-size:9px;font-weight:600;white-space:nowrap}.bottom-slot.active{color:var(--forest);font-weight:700}.bottom-slot.active:after{content:"";position:absolute;bottom:0;width:4px;height:4px;border-radius:50%;background:var(--gold)}.center-slot{background:var(--gold);border:6px solid var(--canvas);color:var(--forest);width:85px;height:88px;border-radius:24px;justify-self:center;transform:translateY(-19px);box-shadow:0 6px 17px #dfa64b30}.center-slot .icon{width:25px;height:25px}.bottom-slot.unavailable{opacity:.45}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-tile{display:flex;align-items:center;flex-direction:column;gap:12px;text-align:center;background:var(--mint);padding:22px 10px;border-radius:12px;font-size:11px;font-weight:600}.quick-tile:hover{text-decoration:none;background:#d6e8dc}.scan-section{border-top:1px solid var(--line);padding-top:22px;margin-top:25px}.scan-section .button{margin-top:15px}.scan-section video{max-width:100%;border-radius:12px;margin-top:16px}.file-chip{display:inline-flex;gap:8px;align-items:center;font-size:12px;padding:10px 12px;background:var(--mint);border-radius:9px;margin:0 5px 15px 0}.flash,.notice{display:flex;gap:12px;align-items:center;border-radius:12px;padding:14px 17px;margin-bottom:23px;font-size:12px}.flash.success{background:#e5f0e4;color:#477650}.flash.error{background:#fae6e0;color:var(--danger)}.support-banner{background:var(--gold-soft)}.support-banner form{margin-inline-start:auto}.expired-banner{background:#faf0e0}.expired-banner .button{margin-inline-start:auto}.mobile-only,.drawer-backdrop{display:none}.auth-body{background:#f1f3ec;min-height:100vh;padding:40px}.auth-home{position:absolute;top:35px;inset-inline-start:45px}.auth-language{position:absolute;top:45px;inset-inline-end:45px}.auth-layout{max-width:1100px;margin:95px auto 40px;display:grid;grid-template-columns:1fr 1fr;background:white;border:1px solid var(--line);border-radius:27px;overflow:hidden;box-shadow:0 8px 28px #1b3b3310}.auth-story{position:relative;background:var(--forest);color:white;padding:55px 48px;overflow:hidden}.auth-story h1{font-size:43px;line-height:1.12;letter-spacing:-.04em;margin:25px 0}.auth-story p{color:#a3c0b1;font-size:13px;max-width:310px}.auth-story .eyebrow{color:var(--gold)}.auth-art{position:absolute;bottom:35px;inset-inline-end:35px;opacity:.12;transform:rotate(-15deg);display:flex;align-items:center;gap:20px}.auth-art .icon{width:160px;height:160px}.auth-art span{font-size:85px;font-weight:800}.auth-card{background:white;padding:53px 45px;min-height:450px}.auth-card h2{font-size:27px;margin:14px 0}.auth-card .stack{margin-top:27px}.auth-card .muted{font-size:12px}.auth-card .stack>.button{margin-top:10px}.auth-foot{margin-top:27px;font-size:12px}.auth-foot a{font-weight:700}.standalone{max-width:600px;margin:15vh auto;border:1px solid var(--line);border-radius:22px}.marketing-header{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 30px;gap:30px}.marketing-links{display:flex;gap:30px;font-size:12px}.marketing-actions{display:flex;gap:17px;align-items:center}.marketing-header .brand-mark{width:35px;height:35px;border-radius:9px}.marketing-hero{max-width:1240px;margin:auto;padding:75px 30px 90px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:60px}.marketing-hero h1{font-size:60px;line-height:1.04;letter-spacing:-.055em;margin:23px 0}.marketing-hero h1 em{font-style:normal;color:#b38a46}.marketing-hero p{font-size:14px;max-width:450px;line-height:1.85}.marketing-hero .button-row{margin-top:32px}.hero-proof{display:flex;gap:23px;margin-top:28px;color:#7f9283;font-size:10px}.hero-proof span{display:flex;align-items:center;gap:7px}.hero-proof .icon{width:14px;height:14px}.hero-preview{position:relative;transform:rotate(-1deg);background:white;border:1px solid #d6e0d4;box-shadow:0 30px 60px #173d3b14;border-radius:18px;min-width:0}.preview-toolbar{background:var(--forest);color:#a6c2b6;padding:15px 20px;border-radius:17px 17px 0 0;font-size:10px;display:flex;align-items:center;justify-content:space-between}.preview-toolbar strong{color:white}.preview-content{padding:22px}.preview-content h3{font-size:18px;margin-bottom:6px}.preview-content>p{font-size:9px}.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.preview-metrics div{padding:13px;border-radius:10px;background:#f3f5ee}.preview-metrics small{display:block;font-size:8px;color:#889b8a}.preview-metrics strong{display:block;font-size:19px;margin-top:5px}.preview-content table{font-size:9px}.preview-content th{font-size:7px;padding:8px}.preview-content td{padding:10px 8px}.preview-float{position:absolute;bottom:-22px;inset-inline-end:-22px;display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--line);border-radius:13px;padding:16px 23px;box-shadow:0 12px 25px #173d3b15}.preview-float>.icon{background:var(--mint);padding:7px;box-sizing:content-box;border-radius:50%;color:#45835d}.preview-float strong{display:block;font-size:11px}.preview-float small{font-size:9px;color:#8a9d8e}.marketing-section{padding:65px 30px;max-width:1240px;margin:auto}.section-title{max-width:630px;margin:0 auto 40px;text-align:center}.section-title h2{font-size:35px;line-height:1.18}.section-title p{font-size:12px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-card{background:white;border:1px solid var(--line);border-radius:18px;padding:29px}.feature-card>.icon{background:var(--mint);padding:11px;box-sizing:content-box;border-radius:12px;margin-bottom:21px}.feature-card h3{font-size:16px}.feature-card p{font-size:12px;line-height:1.7;margin-bottom:0}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.workflow-step>span{display:grid;place-items:center;border:1px solid #d8dfd2;background:#ecefe4;color:#a38d59;width:37px;height:37px;border-radius:50%;font-weight:700;margin-bottom:20px}.workflow-step p{font-size:12px}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.plan-card{background:white;border:1px solid var(--line);border-radius:18px;padding:26px;display:flex;flex-direction:column;gap:18px}.plan-card.featured{border-color:#5d8973;box-shadow:0 10px 30px #17453910}.plan-card h3{font-size:18px;margin:0}.plan-price{font-size:31px;font-weight:700;letter-spacing:-.04em}.plan-price small{font-size:10px;font-weight:400;color:#8da08e;letter-spacing:0}.plan-card p{font-size:11px;min-height:35px;margin:0}.plan-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:11px;flex:1}.plan-features li{display:flex;align-items:center;gap:9px}.plan-features .icon{width:13px;height:13px;color:#72937c}.marketing-cta{background:var(--forest);padding:48px;border-radius:22px;display:flex;justify-content:space-between;align-items:center;gap:30px;color:white}.marketing-cta h2{font-size:28px;margin-bottom:12px}.marketing-cta p{color:#94b3a5;margin:0;font-size:12px}.marketing-footer{max-width:1240px;margin:auto;padding:35px 30px;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:10px;color:#91a18f}.company-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.company-card{padding:27px;background:white;border:1px solid var(--line);border-radius:19px;display:flex;flex-direction:column;gap:20px}.company-card-top{display:flex;justify-content:space-between;gap:12px}.company-card-top>.icon{padding:14px;box-sizing:content-box;background:var(--mint);border-radius:14px}.company-card h2{font-size:21px;margin:0 0 7px}.company-card .role{font-size:11px;color:#7d9587}.company-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-block:1px solid var(--line);padding:17px 0}.company-stats strong{display:block;font-size:22px}.company-stats small{font-size:10px;color:#8da08e}.company-card form{margin-top:auto}.company-card .button{width:100%}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.setting-card{display:flex;align-items:center;gap:16px;background:white;padding:23px;border:1px solid var(--line);border-radius:15px;color:var(--ink)}.setting-card:hover{text-decoration:none;border-color:#a9bdac}.setting-card>.icon{width:23px;height:23px;color:#80987f}.setting-card>div{flex:1}.setting-card strong{display:block;font-size:13px}.setting-card small{display:block;font-size:10px;color:#8b9c8d;line-height:1.55;margin-top:5px}.setting-card>span{color:#a1b0a2;font-size:19px}.section-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:23px;padding-bottom:15px;border-bottom:1px solid var(--line)}.section-tabs a{padding:8px 13px;border-radius:8px;color:#819582;font-size:11px}.section-tabs a.active{background:var(--mint);color:var(--forest);font-weight:700}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.role-editor{border:1px solid var(--line);background:white;border-radius:17px;padding:25px;margin-bottom:23px}.permission-table input{display:block;margin:auto}.visibility-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:17px;background:#f6f8f0;border-radius:12px}.role-editor .check{font-size:11px}.role-editor h3{margin-bottom:18px}.nav-editor{display:flex;flex-direction:column;gap:12px;max-width:650px}.nav-editor-row{display:flex;align-items:center;gap:14px;border:1px solid var(--line);padding:13px;border-radius:13px;background:#fafbf7}.nav-editor-row .slot-number{width:27px;height:27px;background:var(--mint);border-radius:8px;text-align:center;line-height:27px;font-size:11px;font-weight:700}.nav-editor-row label{flex:1}.nav-editor-row .icon-button{width:29px;height:29px;font-size:17px}.subscription-banner{background:var(--forest);border-radius:19px;padding:32px;color:white;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px}.subscription-banner h2{font-size:30px;margin:8px 0 15px}.subscription-banner .kicker,.subscription-banner .muted{color:#adc5b6}.payment-instructions{padding:20px;border:1px solid #e9dfc9;background:var(--gold-soft);border-radius:12px;font-size:12px;margin-bottom:23px;white-space:pre-wrap}.notification-card{display:flex;align-items:center;gap:19px;padding:22px;border:1px solid var(--line);border-radius:14px;background:white;margin-bottom:12px}.notification-card.unread{border-inline-start:4px solid var(--gold)}.notification-card>div{flex:1}.notification-card h3{font-size:13px;margin-bottom:6px}.notification-card p{font-size:11px;margin-bottom:6px}.notification-card small{font-size:9px;color:#9baa99}.preview-invoice{border:1px solid var(--line);border-radius:12px;padding:25px;background:#fafbf7}.preview-invoice h2{color:var(--forest)}.template-list{display:flex;gap:12px;flex-wrap:wrap}.template-choice{padding:20px;border:1px solid var(--line);border-radius:12px;display:flex;gap:12px;align-items:center}.template-choice input{width:16px}.empty-state{padding:70px 20px;text-align:center}.empty-state>.icon{width:50px;height:50px;color:#a1b2a3}.empty-state h2{margin-top:20px;font-size:21px}html[dir=rtl]{font-family:Segoe UI,Tahoma,Arial,sans-serif}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:0;line-height:1.6}html[dir=rtl] .kicker,html[dir=rtl] .eyebrow,html[dir=rtl] th{letter-spacing:0}html[dir=rtl] input[type=email],html[dir=rtl] input[type=tel],html[dir=rtl] input[type=number]{direction:ltr;text-align:right}
@media(max-width:1200px){.content{padding:25px 25px 130px}.topbar{padding-inline:25px}.metric-grid{gap:13px}.metric-card{padding:17px}.metric-card strong{font-size:24px}.line-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.settings-grid,.company-grid{grid-template-columns:1fr 1fr}.marketing-hero h1{font-size:49px}.marketing-hero{gap:35px;padding-top:50px}.pricing-grid{gap:12px}.plan-card{padding:21px}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:transform .2s}.main{margin-inline-start:0;width:100%}.sidebar-open .sidebar{transform:translateX(0)}html[dir=rtl] .sidebar{transform:translateX(100%)}html[dir=rtl] .sidebar-open .sidebar{transform:translateX(0)}.sidebar-open .drawer-backdrop{display:block;position:fixed;inset:0;background:#103b3155;z-index:38}.mobile-only{display:block}.sidebar-close{position:absolute;top:24px;inset-inline-end:13px;color:white}.sidebar .brand{font-size:15px;padding-inline-end:23px}.topbar-leading>.icon-button{display:grid}.topbar{height:86px}.topbar h1{font-size:22px}.bottom-nav{inset-inline-start:50%;transform:translateX(-50%);width:min(650px,92vw)}html[dir=rtl] .bottom-nav{transform:translateX(50%)}.marketing-links{display:none}.marketing-hero{grid-template-columns:1fr;text-align:center;padding-top:35px;max-width:730px}.marketing-hero p{margin:auto;max-width:520px}.marketing-hero .button-row,.hero-proof{justify-content:center}.marketing-hero h1{font-size:52px}.hero-preview{text-align:start;margin:10px 30px}.feature-grid,.pricing-grid{grid-template-columns:1fr 1fr}.marketing-section{padding-block:45px}.marketing-cta{padding:35px}.auth-layout{margin-top:80px}.auth-story{padding:40px 30px}.auth-story h1{font-size:33px}.auth-card{padding:40px 30px}.role-grid{grid-template-columns:1fr}.grid.two{gap:18px}.panel{padding:20px}.form-grid.four{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.content{padding:23px 17px 130px}.topbar{padding:14px 16px;height:80px;gap:8px}.topbar-leading{gap:8px}.topbar h1{font-size:19px}.topbar .eyebrow{font-size:8px;margin-bottom:6px}.topbar-actions{gap:10px}.topbar-actions>.avatar,.online-dot{display:none}.language-link{font-size:11px}.welcome-strip{align-items:flex-start;gap:15px}.welcome-strip h2{font-size:23px}.welcome-strip p{font-size:11px}.welcome-strip>.button{font-size:10px;padding:9px 11px;gap:5px}.metric-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.metric-card{padding:16px}.metric-label{font-size:10px;margin-bottom:12px}.metric-card strong{font-size:23px}.metric-footer{font-size:9px;margin-top:12px}.grid.two,.grid.three{grid-template-columns:1fr}.panel{padding:18px;margin-bottom:18px;border-radius:15px}.panel-heading{margin-bottom:18px}.panel-heading h2{font-size:15px}.panel-heading .button{font-size:9px;padding:7px 9px}.page-actions{align-items:flex-start;gap:13px}.page-actions p{font-size:10px}.page-actions .button{padding:9px 11px;font-size:10px}.button{font-size:11px}.form-grid,.customer-row{grid-template-columns:1fr}.form-grid.four{grid-template-columns:1fr 1fr}.modal{padding:22px 18px;border-radius:18px;width:96vw;max-height:94dvh}.modal.fullscreen{width:100vw;height:100dvh;border-radius:0;border:0;padding:23px 18px}.modal-head h2{font-size:21px}.modal-head{margin-bottom:22px;padding-bottom:17px}.soft-fieldset{padding:17px 13px}.line-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.line-grid label:first-child{grid-column:span 2}.line-card{padding:15px 11px}.line-toolbar{gap:10px}.line-toolbar p{font-size:9px;max-width:180px}.line-toolbar label{width:110px}.form-summary{justify-content:space-between;gap:10px;padding:16px}.form-summary strong{font-size:19px}.form-sticky-actions{bottom:-23px}.document-head,.detail-head{flex-direction:column;align-items:flex-start;gap:18px}.document-actions{justify-content:flex-start}.cashbook-head{align-items:flex-start}.cashbook-head h2{font-size:22px}.cashbook-head>.button{font-size:0;padding:10px;gap:0}.cashbook-head>.button .icon{width:20px}.cashbook-head p{font-size:11px}.cash-metrics{grid-template-columns:1fr 1fr}.cash-metrics .metric-card:first-child{grid-column:span 2}.cash-metrics .metric-card:first-child strong{font-size:30px}.filter-form{gap:10px}.filter-form label{min-width:calc(50% - 10px)}.filter-form label:nth-last-of-type(1){min-width:calc(70% - 10px)}.filter-form .button{flex:1}.bottom-nav{bottom:0;inset-inline-start:0;transform:none;width:100%;height:79px;border-radius:19px 19px 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 30px #173d3b12}html[dir=rtl] .bottom-nav{transform:none}.bottom-slot{height:58px;gap:7px}.bottom-slot small{font-size:8px}.bottom-slot>.icon{width:20px;height:20px}.center-slot{width:77px;height:81px;border-width:5px;border-radius:22px;transform:translateY(-18px)}.center-slot>.icon{width:24px;height:24px}.quick-grid{grid-template-columns:1fr 1fr}.quick-tile{padding:18px 10px}.company-grid,.settings-grid{grid-template-columns:1fr}.company-card{padding:23px}.setting-card{padding:20px}.section-tabs{gap:4px}.section-tabs a{padding:7px 9px;font-size:10px}.visibility-grid{grid-template-columns:1fr}.subscription-banner{padding:23px;align-items:flex-start;flex-direction:column}.subscription-banner h2{font-size:26px}.notice{align-items:flex-start;flex-wrap:wrap}.notice .button{margin-inline-start:0}.auth-body{padding:18px}.auth-home{top:23px;inset-inline-start:20px;font-size:14px;gap:8px}.auth-home .brand-mark{width:33px;height:33px}.auth-language{top:32px;inset-inline-end:20px}.auth-layout{grid-template-columns:1fr;margin-top:83px;border-radius:20px}.auth-story{padding:30px}.auth-story h1{font-size:31px;max-width:300px;margin:13px 0}.auth-story p{max-width:340px;font-size:11px}.auth-story .eyebrow{font-size:9px}.auth-art{bottom:5px;inset-inline-end:10px}.auth-art .icon{width:110px;height:110px}.auth-art span{font-size:40px}.auth-card{padding:30px 25px;min-height:auto}.auth-card h2{font-size:24px}.auth-foot{font-size:11px}.marketing-header{padding:22px 20px;gap:12px}.marketing-header .brand{font-size:12px;gap:8px}.marketing-header .brand-mark{width:31px;height:31px}.marketing-actions{gap:12px}.marketing-actions .button{padding:8px 10px;font-size:10px;min-height:34px}.marketing-actions .language-link{font-size:10px}.marketing-header .signin-link{display:none}.marketing-hero{padding:45px 23px 60px;gap:35px}.marketing-hero h1{font-size:42px;line-height:1.09}.marketing-hero p{font-size:12px}.marketing-hero .eyebrow{font-size:9px}.hero-proof{gap:15px;font-size:8px;flex-wrap:wrap}.hero-preview{margin:0 5px;transform:none}.preview-content{padding:17px}.preview-content h3{font-size:16px}.preview-content th:nth-child(2),.preview-content td:nth-child(2){display:none}.preview-float{bottom:-25px;inset-inline-end:-8px;padding:12px 15px}.preview-float strong{font-size:10px}.marketing-section{padding:43px 22px}.section-title{margin-bottom:30px}.section-title h2{font-size:28px}.feature-grid{grid-template-columns:1fr;gap:15px}.feature-card{padding:24px}.workflow-grid{grid-template-columns:1fr;gap:22px}.workflow-step{display:grid;grid-template-columns:40px 1fr;column-gap:17px}.workflow-step>span{grid-row:span 2}.workflow-step h3{margin-bottom:9px}.workflow-step p{margin-bottom:0}.pricing-grid{grid-template-columns:1fr;gap:17px}.plan-card{padding:25px}.plan-card p{min-height:0}.marketing-cta{padding:30px 25px;flex-direction:column;align-items:flex-start}.marketing-cta h2{font-size:25px}.marketing-footer{padding:27px 23px;gap:15px;flex-direction:column}.role-editor{padding:19px}.notification-card{padding:18px;gap:12px}.notification-card .button{padding:7px 9px;font-size:9px}html[dir=rtl] .marketing-hero h1{font-size:35px;line-height:1.55}}
@media print{body{background:white;color:#111}.sidebar,.topbar,.bottom-nav,.page-actions,.no-print,.drawer-backdrop,.notice,.flash,dialog{display:none!important}.main{margin:0;width:100%}.content{padding:0;max-width:none}.panel{box-shadow:none;border-radius:0;border-color:#ddd;padding:15px}.document-head{margin:20px 0;align-items:flex-start}.document-head h2{font-size:25px}.print-brand{display:block;border-bottom:2px solid #123d3b;padding:15px 0;margin-bottom:20px}.print-brand h2{margin-bottom:8px}.print-brand p{font-size:10px;margin-bottom:3px}.document-lines th{background:#f3f3f3!important;color:black}td,th{font-size:10px;padding:10px}.invoice-footer{font-size:10px}.back-link,.metric-grid{display:none!important}.document-total strong{font-size:20px}.table-wrap{overflow:visible}a{color:inherit}table{white-space:normal}.grid{display:block}}
.public-body .public-nav{max-width:1240px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:25px 30px;gap:30px}.public-nav>nav{display:flex;align-items:center;gap:25px;font-size:12px}.public-body .landing-hero{max-width:1240px;margin:auto;padding:80px 30px 95px;display:grid;grid-template-columns:1fr 1.05fr;gap:75px;align-items:center}.hero-copy h1{font-size:59px;line-height:1.08;letter-spacing:-.045em;margin:20px 0 24px}.hero-copy p{font-size:14px;line-height:1.9;max-width:480px}.hero-copy .kicker{color:#a57d38}.hero-copy .button-row{margin-top:30px}.hero-copy .hero-note{font-size:10px;color:#84947d;margin-top:23px}.public-body .hero-preview{padding:0;transform:rotate(-1deg);box-shadow:0 25px 65px #183d3518}.preview-bar{display:flex;align-items:center;gap:11px;padding:15px 20px;background:var(--forest);border-radius:17px 17px 0 0;color:white;font-size:11px}.preview-bar .brand-mark{width:25px;height:25px;border-radius:6px}.preview-bar .brand-mark .icon{width:17px;height:17px}.preview-bar .status{margin-inline-start:auto;background:#ffffff1a;color:#a6c0aa;font-size:8px}.preview-greeting{padding:25px 24px 5px}.preview-greeting small{font-size:8px;color:#9cac98;text-transform:uppercase;letter-spacing:.1em}.preview-greeting h2{font-size:24px;margin:8px 0}.public-body .preview-metrics{margin:15px 24px;gap:12px}.public-body .preview-metrics article{padding:15px;border-radius:11px;background:#f1f4eb}.public-body .preview-metrics strong{font-size:27px}.preview-job{display:flex;align-items:center;gap:12px;padding:18px 24px;border-bottom:1px solid #ecf0e4;font-size:10px}.preview-job>span:first-child{background:#e9efdf;color:#7e9178;width:38px;height:38px;display:grid;place-items:center;border-radius:10px}.preview-job>div{flex:1}.preview-job small{display:block;font-size:8px;color:#8da085;margin-top:4px}.preview-job>.status{font-size:8px}.preview-flow{display:flex;justify-content:center;gap:23px;padding:27px;color:#a5b398}.preview-flow .icon{width:18px;height:18px}.preview-caption{position:absolute;bottom:-32px;font-size:9px;color:#9ba88f;inset-inline-start:24px}.public-body .landing-section{padding:65px 30px;max-width:1240px;margin:auto}.landing-section>h2{font-size:35px;max-width:650px;margin-bottom:32px}.landing-section>.kicker{color:#a48546;display:block}.landing-section>p{font-size:12px;margin-top:-14px;margin-bottom:32px}.feature-icon{display:grid;place-items:center;border-radius:12px;background:var(--mint);color:#5f8067;width:47px;height:47px;margin-bottom:20px}.public-body .feature-card .feature-icon .icon{width:24px;height:24px}.workflow-section .feature-card{background:transparent;border:0;padding:0}.step-number{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:#edefe3;color:#a6905d;font-size:11px;margin-bottom:20px}.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.plan-card>.kicker{font-size:12px;color:#809575}.plan-card>h3{font-size:28px}.public-body .landing-cta{max-width:1180px;margin:45px auto 0;background:var(--forest);padding:45px;border-radius:21px;display:flex;justify-content:space-between;align-items:center;color:white;gap:30px}.landing-cta h2{font-size:29px;max-width:650px;margin:0}.landing-cta .button.primary{background:var(--gold);color:var(--forest)}.public-body .public-footer{padding:40px 30px;margin:40px auto 0;max-width:1240px;font-size:10px;color:#91a18d;border-top:1px solid var(--line)}.public-body .registration-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;max-width:1030px;margin:75px auto;padding:0 30px;align-items:center}.registration-copy h1{font-size:49px;line-height:1.15;margin:22px 0}.registration-copy p{font-size:14px;max-width:400px}.registration-layout>.auth-card{border:1px solid var(--line);border-radius:22px;box-shadow:0 15px 40px #173d3b0a}.settings-tile{display:flex;align-items:center;gap:16px;background:white;padding:23px;border:1px solid var(--line);border-radius:15px;color:var(--ink)}.settings-tile:hover{text-decoration:none;border-color:#a9bdac}.settings-tile>.icon{width:23px;height:23px;color:#80987f}.settings-tile>div{flex:1}.settings-tile h3{font-size:13px;margin:0 0 6px}.settings-tile p{font-size:10px;color:#8b9c8d;line-height:1.55;margin:0}.settings-tile>span{color:#a1b0a2;font-size:19px}.settings-detail{max-width:900px}.role-card summary,details.panel summary{font-size:14px;font-weight:600;cursor:pointer;padding-block:5px}.role-card[open] summary,details.panel[open] summary{margin-bottom:22px;padding-bottom:15px;border-bottom:1px solid var(--line)}.permission-grid{border:1px solid var(--line);border-radius:12px;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.permission-grid legend{font-size:12px;padding:0 8px}.checkbox-label{display:flex;flex-direction:row;align-items:center;gap:9px;font-size:10px;font-weight:400}.checkbox-label input{flex:none}.navigation-editor{display:flex;flex-direction:column;gap:16px;max-width:650px}.cash-setting{border:1px solid var(--line);padding:15px;border-radius:11px;margin-bottom:18px}.cash-setting>summary{font-size:12px;cursor:pointer}.cash-setting[open]>summary{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid var(--line)}.notification-item{display:flex;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid var(--line);font-size:12px}.notification-item:last-child{border:0}.notification-item>div{flex:1}.notification-item h3{font-size:13px;margin:7px 0}.notification-item p{font-size:11px;margin:0}.notification-item small{font-size:9px;color:#8fa08e}.notification-item .stack{margin-inline-start:auto}.company-card .company-stats span{font-size:11px;color:#799078}.bill-layout .document-head h2{color:var(--bill-accent)}.bill-layout .document-total strong{color:var(--bill-accent)}.bill-layout .print-brand{border-color:var(--bill-accent)}.bill-layout .print-brand h2{color:var(--bill-accent)}.bill-compact td,.bill-compact th{padding-block:9px}.bill-layout .invoice-footer{padding:16px 0;text-align:center;font-size:11px;color:#79917e}.bill-layout .invoice-terms{font-size:11px}
@media(max-width:1100px){.public-body .landing-hero{gap:40px}.hero-copy h1{font-size:49px}.plan-grid{gap:12px}.public-body .landing-cta{margin-inline:30px}}
@media(max-width:900px){.public-body .landing-hero{grid-template-columns:1fr;max-width:740px;text-align:center;padding-top:50px;gap:45px}.hero-copy p{margin-inline:auto}.hero-copy .button-row{justify-content:center}.public-body .hero-preview{text-align:start;margin:0 35px}.public-nav>nav{gap:13px}.public-nav>nav>a:first-child{display:none}.plan-grid{grid-template-columns:1fr 1fr}.public-body .registration-layout{gap:35px}.registration-copy h1{font-size:37px}.public-body .landing-cta{padding:35px}.landing-cta h2{font-size:25px}}
@media(max-width:600px){.public-body .public-nav{padding:20px;gap:10px}.public-nav .brand{font-size:12px;gap:8px}.public-nav .brand-mark{width:30px;height:30px;border-radius:8px}.public-nav .brand-mark .icon{width:19px;height:19px}.public-nav>nav{gap:10px}.public-nav>nav>a:first-child,.public-nav>nav>a:nth-child(2),.public-nav>nav>.button.secondary{display:none}.public-nav>nav>.button.primary{font-size:9px;padding:8px 10px;min-height:34px}.public-nav .language-link{font-size:10px}.public-body .landing-hero{padding:45px 23px 65px;gap:37px}.hero-copy h1{font-size:42px;margin-top:18px}.hero-copy p{font-size:12px}.hero-copy .hero-note{font-size:9px}.hero-copy .kicker{font-size:9px}.public-body .hero-preview{margin:0;transform:none}.preview-bar{padding:14px 15px;font-size:10px}.preview-greeting{padding:20px 17px 3px}.preview-greeting h2{font-size:22px}.public-body .preview-metrics{margin-inline:17px}.public-body .preview-metrics article{padding:13px 11px}.public-body .preview-metrics strong{font-size:24px}.preview-job{padding:16px 17px;font-size:9px}.preview-flow{padding:23px;gap:20px}.preview-caption{font-size:8px;inset-inline-start:10px;bottom:-28px}.public-body .landing-section{padding:42px 22px}.landing-section>h2{font-size:29px;margin-bottom:26px}.plan-grid{grid-template-columns:1fr;gap:16px}.public-body .landing-cta{margin:25px 22px 0;padding:30px 24px;flex-direction:column;align-items:flex-start}.landing-cta h2{font-size:25px}.public-body .public-footer{margin-top:35px;padding:28px 22px}.public-body .registration-layout{grid-template-columns:1fr;padding:0 23px;margin:35px auto 40px;gap:25px}.registration-copy h1{font-size:35px}.registration-copy p{font-size:12px}.registration-layout>.auth-card{padding:30px 23px}.settings-tile{padding:20px}.permission-grid{grid-template-columns:1fr 1fr;gap:10px;padding:15px 12px}.permission-grid .checkbox-label{font-size:9px;align-items:flex-start}.notification-item{gap:10px}.notification-item .button{font-size:9px;padding:7px 9px}.company-card .company-stats{gap:7px}.company-card .company-stats span{font-size:10px}html[dir=rtl] .hero-copy h1{font-size:35px;line-height:1.5}html[dir=rtl] .landing-section>h2{font-size:27px;line-height:1.6}}
.invoice-logo{float:inline-end;max-width:100px;max-height:72px;object-fit:contain}.nav-editor-row.dragging{opacity:.45}.permission-table input{margin:auto}

/* Clear, high-contrast workspace theme. Keep the same components in both languages. */
.mobile-reference { display: none; }
.category-row { display: flex; align-items: center; gap: 8px; border: 1px solid #dce4f0; border-radius: 12px; padding: 6px 8px; margin-block: 8px; background: #fff; min-height: 58px; }
.category-row > div { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.category-row strong { font-weight: 600; font-size: 14px; }
.category-row small { display: block; color: #52627b; }
.category-row .icon-button { width: 36px; flex: 0 0 36px; }
.sort-handle { touch-action: none; cursor: grab; border: 0; background: transparent; font-size: 20px; min-width: 44px; min-height: 44px; color: #52627b; }
.category-row.sorting { border-color: #2563eb; box-shadow: 0 3px 14px #2563eb33; }
.entry-chips, .account-pills, .cash-type-pills { display: flex; flex-wrap: wrap; gap: 8px; }
.entry-chip { display: inline-block; padding: 5px 10px; background: #eef0ff; color: #4338ca; border: 0; border-radius: 6px; font-size: 12px; }
.account-chip { color: #126080; background: #e8f4fb; }
.cash-type-pills { margin-bottom: 20px; }
.cash-type { border: 0; border-radius: 30px; padding: 10px 24px; color: #344054; background: #eaecf0; min-height: 44px; }
.cash-type.selected[data-cash-type=in] { background: #14864b; color: #fff; }
.cash-type.selected[data-cash-type=out] { background: #c73535; color: #fff; }
.account-pills { margin-block: 20px; }
.account-pills button { min-height: 44px; cursor: pointer; }
.account-pills .selected { color: #fff; background: #4338ca; }
.js .pill-select { display: none; }
.entry-detail-card { border-top: 5px solid currentColor; background: #fff; border-radius: 14px; box-shadow: 0 2px 8px #17233c12; padding: 22px; margin-bottom: 20px; }
.entry-detail-card p { margin-top: 22px; color: #17233c; white-space: normal; overflow-wrap: anywhere; }
.entry-detail-amount { display: block; font-size: 34px; margin-block: 16px; }
.entry-meta { display: flex; justify-content: space-between; align-items: center; gap: 10px; color: #52627b; font-size: 13px; flex-wrap: wrap; }
.entry-created { display: grid; grid-template-columns: 1fr auto; gap: 8px; padding: 18px 0; }
.entry-created small { grid-column: 1 / -1; text-align: end; color: #52627b; }
.entry-detail-actions { display: flex; gap: 12px; flex-wrap: wrap; padding-block: 18px; }
.activity-day { padding: 12px; background: #f3f6fc; margin: 20px 0 0; font-size: 14px; }
.activity-row { display: grid; grid-template-columns: 1fr auto; gap: 6px 12px; padding: 18px 8px; border-bottom: 1px solid #e5eaf2; }
.activity-row > span, .activity-row > a { grid-column: 1; overflow-wrap: anywhere; }
.activity-row > small { grid-column: 2; grid-row: 1 / 3; color: #52627b; }
.activity-date-pills { margin-block: 14px; }
@media screen and (max-width: 600px) {
  .mobile-reference { display: block; }
  .cashbook-ledger, .desktop-orders { display: none !important; }
  .compact-cash-list { background: #fff; border-radius: 14px; overflow: hidden; margin-top: 16px; }
  .compact-cash-list h2 { padding: 16px 18px 0; font-size: 18px; }
  .compact-entry { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; width: 100%; padding: 16px; border: 0; border-bottom: 1px solid #edf0f6; background: #fff; color: #17233c; text-align: start; }
  .entry-copy { display: grid; gap: 8px; min-width: 0; flex: 1; }
  .entry-copy > strong { font-size: 15px; overflow-wrap: anywhere; }
  .entry-copy > small { color: #667085; font-size: 12px; }
  .entry-money { font-size: 17px; max-width: 45%; overflow-wrap: anywhere; }
  .compact-order { display: block; padding: 16px; border: 1px solid #e1e6f0; border-radius: 12px; margin-block: 12px; color: #17233c; background: #fff; }
  .compact-order:hover { text-decoration: none; }
  .compact-order-head { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
  .compact-order-customer { margin-block: 6px 10px; }
  .compact-order .entry-meta { margin-top: 12px; }
  .order-due { border-top: 1px solid #edf0f6; padding-top: 10px; }
  .cashbook-head h2 { font-size: 21px; }
  .cashbook-head .kicker { display: none; }
  .cash-entry-dialog form > button[type=submit] { position: sticky; bottom: -20px; width: 100%; min-height: 50px; margin-top: 16px; z-index: 2; box-shadow: 0 0 0 12px #fff; }
  .cash-entry-dialog .form-grid { grid-template-columns: 1fr; }
  .cash-detail-dialog { background: #f6f7fa; }
  .entry-detail-actions .button { flex: 1; min-width: 130px; }
  .category-row { gap: 2px; padding: 5px 2px; }
  .category-row .icon-button { width: 32px; flex-basis: 32px; }
  .category-row .sort-handle { min-width: 34px; }
}
/* Ledger cards prevent eight cashbook columns being compressed on phones. */
@media screen and (max-width: 600px) {
  .cashbook-ledger { overflow: visible; }
  .cashbook-ledger table, .cashbook-ledger tbody { display: block; width: 100%; min-width: 0; }
  .cashbook-ledger thead { display: none; }
  .cashbook-ledger tr { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 14px 0; padding: 16px; border: 1px solid #dce4f0; border-radius: 14px; background: #fff; }
  .cashbook-ledger td { display: block; border: 0; padding: 0; min-width: 0; white-space: normal; overflow-wrap: anywhere; font-size: 14px; }
  .cashbook-ledger td::before { content: attr(data-label); display: block; margin-bottom: 4px; color: #52627b; font-size: 12px; font-weight: 600; }
  .cashbook-ledger td:nth-child(3), .cashbook-ledger td:nth-child(8), .cashbook-ledger td.empty { grid-column: 1 / -1; }
  .cashbook-ledger td.empty::before { content: none; }
  .cashbook-ledger .entry-link { max-width: 100%; text-align: start; white-space: normal; font-size: 16px; min-height: 44px; }
}
@media (max-width: 900px) { body.sidebar-open { overflow: hidden; } }
:root {
  --ink: #16233f;
  --ink-soft: #52627b;
  --forest: #112344;
  --forest-2: #2563eb;
  --mint: #edf3ff;
  --gold: #f7b32b;
  --gold-soft: #fff4d6;
  --canvas: #f3f6fc;
  --line: #dce4f0;
  --danger: #b42318;
  font-size: 15px;
  line-height: 1.6;
  color-scheme: light;
}
body { background: var(--canvas); }
.main, .content, .panel, .grid > *, .metric-grid > *, .form-grid > *,
.company-grid > *, .settings-grid > *, .detail-head > *, .document-head > * {
  min-width: 0;
}
.grid.two, .role-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid.three, .company-grid, .settings-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.metric-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.cash-metrics { grid-template-columns: 2fr minmax(0, 1fr) minmax(0, 1fr); }
.sidebar { background: #112344; color: #fff; }
.brand small, .sidebar-footer small { color: #bdccec; }
.nav-link { color: #d5dff3; font-size: 14px; min-height: 44px; }
.nav-link:hover { background: #1e365d; }
.nav-link.active { background: #24467b; }
.nav-link.active .icon { color: var(--gold); }
.nav-divider { color: #a4b7d7; font-size: 11px; }
.sidebar-footer strong { font-size: 13px; }
.sidebar-footer small { font-size: 11px; }
.sidebar-footer .icon-button { color: #d5dff3; }
.brand-mark { color: #112344; }
.topbar { background: #fff; }
.eyebrow, .kicker { color: #5b6b83; font-size: 11px; }
.icon-button { width: 44px; height: 44px; }
.icon-button:hover { background: #eaf0fb; }
.language-link { font-size: 13px; min-height: 44px; display: inline-flex; align-items: center; }
.online-dot { color: #157347; font-size: 12px; }
.online-dot:before { color: #15945e; }
.online-dot.offline, .online-dot.offline:before { color: var(--danger); }
.panel, .metric-card, .company-card, .settings-tile, .setting-card {
  border-color: var(--line);
  box-shadow: 0 3px 12px #20345306;
}
.panel-heading h2, .panel-heading h3 { font-size: 18px; }
.panel-heading > a { font-size: 13px; min-height: 44px; display: inline-flex; align-items: center; }
.metric-label { color: #52627b; font-size: 13px; gap: 8px; }
.metric-label .icon { color: #7085aa; }
.metric-footer { color: #62728c; font-size: 12px; }
.metric-card strong { font-size: 27px; overflow-wrap: anywhere; }
.cash-metrics .metric-card:first-child { background: #173c7b; border-color: #173c7b; }
.cash-metrics .metric-card:first-child .metric-label,
.cash-metrics .metric-card:first-child .metric-footer { color: #d5e3ff; }
.positive { color: #157347; }
.negative { color: #b42318; }
.welcome-strip p, .page-actions p, .cashbook-head p { font-size: 14px; }
.welcome-strip .kicker { color: #876014; }
.button, .button.small, .text-button { min-height: 44px; font-size: 13px; }
.button.primary { background: #2563eb; color: #fff; }
.button.primary:hover { background: #1d4ed8; }
.button.secondary { color: #1e3a67; border-color: #c7d5eb; }
.button.danger { background: #fff0ee; border-color: #f7c7c2; color: #b42318; }
.button.gold { background: #f7b32b; color: #14284c; }
.button:hover { transform: none; }
.text-button { padding: 9px; }
.table-wrap { max-width: 100%; overscroll-behavior-inline: contain; }
table { font-size: 13px; }
th { color: #52627b; background: #f2f5fb; font-size: 11px; }
td { border-color: #e8edf5; }
td small, .company-stats small, .notification-item small,
.notification-card small { color: #62728c; font-size: 12px; }
td.empty { color: #62728c; }
.status { font-size: 11px; color: #445672; background: #edf1f7; }
.status-confirmed, .status-in-progress, .status-issued, .status-high { color: #855d0d; background: #fff3d5; }
.status-completed, .status-delivered, .status-paid, .status-received, .status-active,
.status-approved, .status-design-ready, .status-cash-in { color: #16613c; background: #e4f5eb; }
.status-emergency, .status-expired, .status-cancelled, .status-void,
.status-rejected, .status-cash-out { color: #a52a20; background: #fff0ed; }
.status-design-in-progress { color: #234fa4; background: #eaf0ff; }
.status-part-paid, .status-trial { color: #155a78; background: #e4f4fb; }
label, .line-grid label, .checkbox-label, .permission-grid .checkbox-label { color: #425471; font-size: 13px; }
input, select, textarea { font-size: 14px; min-height: 44px; border-color: #cbd7e8; }
input::placeholder, textarea::placeholder { color: #71819a; }
input:focus, textarea:focus, select:focus { border-color: #2563eb; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible,
select:focus-visible { outline-color: #2563eb88; }
.soft-fieldset legend, .customer-hint, .line-toolbar p { color: #52627b; font-size: 13px; }
.line-card, .visibility-grid, .nav-editor-row, .preview-invoice { background: #f5f8fe; border-color: var(--line); }
.line-grid input, .line-grid select { font-size: 14px; }
.modal { box-shadow: 0 24px 80px #10214133; }
.modal::backdrop { background: #0d183d70; backdrop-filter: none; }
.modal-head .kicker { color: #876014; font-size: 11px; }
.form-summary span { font-size: 12px; }
.form-sticky-actions { z-index: 2; gap: 10px; }
.filter-form input, .filter-form select { min-height: 44px; font-size: 14px; }
.filter-form .button { min-height: 44px; }
.detail-list, .document-total span, .document-head p, .entry-link { font-size: 14px; }
.back-link { font-size: 13px; }
.bottom-nav { box-shadow: 0 8px 30px #142b4d1c; }
.bottom-slot { color: #536784; }
.bottom-slot small { font-size: 12px; white-space: normal; line-height: 1.25; text-align: center; }
.bottom-slot.active { color: #1d4ed8; }
.bottom-slot:hover { color: #1d4ed8; }
.center-slot { color: #14284c; }
.quick-tile { color: #224877; font-size: 13px; min-height: 88px; }
.quick-tile:hover { background: #dde9ff; }
.flash, .notice { font-size: 14px; }
.flash.success { color: #16613c; background: #e4f5eb; }
.flash.error { color: #b42318; background: #fff0ed; }
.auth-body { background: var(--canvas); }
.auth-story p, .marketing-cta p, .subscription-banner .kicker,
.subscription-banner .muted { color: #cfddf4; }
.auth-card .muted, .auth-foot { font-size: 14px; }
.setting-card strong, .settings-tile h3 { font-size: 15px; }
.setting-card small, .settings-tile p { color: #62728c; font-size: 13px; }
.setting-card > .icon, .settings-tile > .icon { color: #2563eb; }
.setting-card:hover, .settings-tile:hover { border-color: #9ebaf2; }
.section-tabs a { font-size: 13px; min-height: 44px; display: inline-flex; align-items: center; }
.notification-item h3, .notification-card h3 { font-size: 15px; }
.notification-item p, .notification-card p { font-size: 13px; }
.notification-item .button, .notification-card .button { font-size: 13px; min-height: 44px; }
.company-card .company-stats span, .company-card .role { color: #52627b; font-size: 13px; }
.bill-layout .invoice-footer, .bill-layout .invoice-terms { color: #52627b; font-size: 13px; }
.public-footer, .marketing-footer, .public-body .public-footer { color: #52627b; font-size: 12px; }
.public-nav > nav > .button.primary { font-size: 13px; min-height: 44px; }
.public-nav .language-link, .marketing-actions .language-link { font-size: 13px; }
.hero-copy p, .registration-copy p { color: #52627b; }
.preview-bar, .preview-toolbar { color: #d5e3ff; }
.preview-metrics div, .public-body .preview-metrics article { background: #f0f5ff; }
.preview-metrics small, .preview-float small { color: #62728c; }
.plan-card.featured { border-color: #2563eb; box-shadow: 0 10px 30px #2563eb12; }
.plan-features .icon { color: #2563eb; }
html[dir=rtl] label, html[dir=rtl] .nav-link, html[dir=rtl] .bottom-slot small { line-height: 1.7; }

@media (max-width: 1200px) {
  .settings-grid, .company-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .sidebar { width: min(310px, 86vw); padding: 22px 16px 16px; height: 100dvh; visibility: hidden; }
  .sidebar-open { overflow: hidden; }
  .sidebar-open .sidebar { visibility: visible; box-shadow: 8px 0 40px #07163130; }
  .sidebar-open .drawer-backdrop { background: #0d183d70; backdrop-filter: none; }
  .sidebar-close { inset-block-start: 15px; inset-inline-end: 12px; }
  .sidebar .brand { padding-block-end: 22px; padding-inline-end: 38px; font-size: 16px; }
  .sidebar-nav { min-height: 0; flex: 1; overscroll-behavior: contain; }
  .sidebar-footer { flex-shrink: 0; padding-top: 14px; }
  .grid.two, .grid.three { grid-template-columns: 1fr; }
  .role-grid { grid-template-columns: 1fr; }
  .main { width: 100%; }
}
@media (max-width: 600px) {
  :root { font-size: 16px; }
  .content { padding: 20px 14px calc(128px + env(safe-area-inset-bottom)); }
  .topbar { min-height: 78px; height: auto; padding: 12px 14px; align-items: center; }
  .topbar-leading { min-width: 0; gap: 7px; }
  .topbar-leading > div { min-width: 0; }
  .topbar h1 { font-size: 20px; overflow-wrap: anywhere; }
  .topbar .eyebrow { font-size: 10px; margin-bottom: 3px; }
  .topbar-actions { gap: 3px; flex-shrink: 0; }
  .language-link { font-size: 13px; }
  .online-dot.offline { display: block; position: fixed; inset: auto 14px calc(96px + env(safe-area-inset-bottom)); z-index: 36; padding: 12px 14px; background: #fff0ed; border: 1px solid #f7c7c2; border-radius: 10px; text-align: center; box-shadow: 0 4px 20px #142b4d12; }
  .welcome-strip { flex-wrap: wrap; align-items: flex-start; gap: 12px; margin-bottom: 20px; }
  .welcome-strip > div { flex: 1; min-width: 190px; }
  .welcome-strip h2 { font-size: 25px; margin-bottom: 6px; }
  .welcome-strip p { font-size: 14px; }
  .welcome-strip > .button { min-height: 44px; font-size: 13px; padding: 11px 13px; }
  .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .metric-card { padding: 16px 13px; }
  .metric-label { font-size: 12px; margin-bottom: 12px; align-items: flex-start; }
  .metric-card strong { font-size: clamp(21px, 5.6vw, 26px); letter-spacing: -.025em; }
  .metric-footer { font-size: 11px; margin-top: 11px; }
  .cash-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cash-metrics .metric-card:first-child { grid-column: 1 / -1; }
  .cash-metrics .metric-card:first-child strong { font-size: 31px; }
  .panel { padding: 18px 15px; border-radius: 16px; }
  .panel-heading { gap: 12px; margin-bottom: 12px; }
  .panel-heading h2, .panel-heading h3 { font-size: 17px; }
  .panel-heading .button, .page-actions .button { font-size: 13px; min-height: 44px; padding: 10px 12px; }
  .page-actions { flex-wrap: wrap; gap: 12px; }
  .page-actions p { font-size: 14px; }
  .button, .button.small, .text-button { font-size: 14px; min-height: 44px; }
  .button-row { gap: 10px; }
  .button-row .button { white-space: normal; }
  table { font-size: 13px; }
  th { font-size: 11px; padding: 12px; }
  td { padding: 15px 12px; }
  .status { font-size: 11px; }
  .form-grid, .customer-row { grid-template-columns: 1fr; }
  .form-grid.four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  label, .line-grid label { font-size: 13px; }
  input, select, textarea, .line-grid input, .line-grid select,
  .filter-form input, .filter-form select { font-size: 16px; min-height: 46px; padding: 11px 12px; }
  input[type=checkbox] { width: 20px; height: 20px; min-height: 0; flex-shrink: 0; }
  input[type=file] { font-size: 14px; }
  .checkbox-label, .permission-grid .checkbox-label { font-size: 13px; }
  .permission-grid { grid-template-columns: 1fr; gap: 16px; }
  .check { min-height: 36px; }
  .modal { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); padding: 22px 16px; border-radius: 18px; }
  .modal.fullscreen { width: 100%; height: 100dvh; padding: 20px 16px calc(20px + env(safe-area-inset-bottom)); border-radius: 0; margin: 0; max-width: 100%; }
  .modal-head { gap: 12px; margin-bottom: 20px; }
  .modal-head h2 { font-size: 22px; }
  .soft-fieldset { min-width: 0; padding: 17px 12px; }
  .line-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
  .line-grid label:first-child { grid-column: 1 / -1; }
  .line-card { padding: 15px 12px; }
  .line-card-head { font-size: 14px; }
  .line-toolbar { align-items: flex-start; flex-wrap: wrap; gap: 14px; }
  .line-toolbar p { max-width: none; font-size: 13px; }
  .line-toolbar label { width: 100%; max-width: 190px; }
  .form-summary { gap: 12px; padding: 16px 12px; flex-wrap: wrap; }
  .form-summary > div { min-width: 70px; }
  .form-summary strong { font-size: 21px; overflow-wrap: anywhere; }
  .form-sticky-actions { bottom: calc(-20px - env(safe-area-inset-bottom)); padding-bottom: calc(14px + env(safe-area-inset-bottom)); }
  .form-sticky-actions .button { flex: 1; }
  .detail-list { grid-template-columns: 110px minmax(0, 1fr); font-size: 14px; gap: 13px; }
  .document-actions { width: 100%; }
  .document-total { gap: 20px; flex-wrap: wrap; }
  .cashbook-head { gap: 12px; flex-wrap: wrap; }
  .cashbook-head p { font-size: 14px; }
  .cashbook-head > .button { font-size: 14px; padding: 10px 14px; gap: 8px; }
  .filter-form { gap: 12px; }
  .filter-form label, .filter-form label:nth-last-of-type(1) { min-width: calc(50% - 6px); flex: 1; }
  .filter-form .button { min-height: 44px; }
  .inline-form input { width: 100%; min-width: 0; }
  .inline-form label { min-width: 120px; }
  .search-form { align-items: stretch; }
  .search-form input { min-width: 0; }
  .bottom-nav { bottom: 0; inset-inline-start: 0; transform: none; width: 100%; height: calc(84px + env(safe-area-inset-bottom)); padding: 4px 5px env(safe-area-inset-bottom); border-radius: 18px 18px 0 0; box-shadow: 0 -4px 24px #18376116; }
  html[dir=rtl] .bottom-nav { transform: none; }
  .bottom-slot { height: 68px; gap: 6px; padding: 4px 2px; min-height: 44px; }
  .bottom-slot small { font-size: 11px; line-height: 1.3; max-width: 100%; }
  .bottom-slot > .icon { width: 23px; height: 23px; }
  .center-slot { width: 70px; height: 78px; border-width: 4px; border-radius: 22px; transform: translateY(-14px); }
  .center-slot > .icon { width: 26px; height: 26px; }
  .center-slot small { font-size: 11px; }
  .company-grid, .settings-grid { grid-template-columns: 1fr; }
  .section-tabs a { font-size: 13px; min-height: 44px; }
  .notification-item { flex-wrap: wrap; }
  .notification-item > div { min-width: 160px; }
  .notification-item .button, .notification-card .button { font-size: 13px; min-height: 44px; }
  .auth-card .muted, .auth-foot { font-size: 14px; }
  .auth-story p { font-size: 14px; }
  .marketing-actions .button { min-height: 44px; font-size: 13px; }
  .public-nav > nav > .button.primary { min-height: 44px; font-size: 12px; }
  .public-nav .language-link { font-size: 12px; }
  .hero-copy p, .registration-copy p { font-size: 15px; }
  .hero-copy .hero-note, .hero-copy .kicker { font-size: 12px; }
  html[dir=rtl] .topbar h1 { font-size: 20px; line-height: 1.5; }
  html[dir=rtl] .bottom-slot small { font-size: 11px; line-height: 1.5; }
}
@media (max-width: 360px) {
  .topbar .eyebrow { display: none; }
  .topbar h1 { font-size: 18px; }
  .topbar-actions .notification-button { width: 40px; }
  .metric-card { padding: 14px 11px; }
  .bottom-slot small, .center-slot small { font-size: 10px; }
  .center-slot { width: 62px; }
}
@media (prefers-reduced-motion: reduce) {
  .sidebar { transition: none; }
}
.mobile-filter-drawer { margin-bottom: 16px; }
.cash-filter-strip { display: flex; flex-wrap: nowrap; gap: 8px; overflow-x: auto; max-width: 100%; padding: 4px 0 12px; margin-bottom: 8px; }
.cash-filter-strip label { flex: 0 0 156px; font-size: 12px; }
.cash-filter-strip select { min-height: 44px; border-radius: 24px; background: white; padding: 8px 12px; font-size: 14px; }
.cash-filter-strip .icon-button { flex: 0 0 44px; align-self: end; }
@media screen and (max-width: 600px) {
  .cashbook-head h2, .cashbook-head p, .cashbook-head .kicker { display: none; }
  .cashbook-head { margin-bottom: 10px; }
  .metric-card { padding: 12px; min-height: 0; }
  .metric-card strong { font-size: 22px; }
  .metric-footer { display: none; }
  .welcome-strip h2 { font-size: 22px; }
  .welcome-strip p { display: none; }
}
.cash-category-shortcut { display: flex; align-items: end; gap: 8px; margin-bottom: 12px; }
.cash-category-shortcut label { flex: 1; max-width: 320px; min-width: 0; }
.cash-category-shortcut select { border-radius: 24px; min-height: 46px; width: 100%; background: white; font-size: 15px; }
.cash-category-shortcut .icon-button { width: 46px; height: 46px; border: 1px solid var(--line); border-radius: 50%; }
.mobile-filter-drawer > summary { cursor: pointer; padding: 12px 16px; background: white; border: 1px solid var(--line); border-radius: 24px; width: fit-content; font-weight: 650; }
.mobile-filter-drawer > summary .icon { margin-inline-end: 8px; }
.mobile-filter-drawer[open] > summary { margin-bottom: 12px; }
/* Mobile records must fit the viewport: preserve the semantic desktop/print table. */
@media screen and (max-width: 600px) {
  .main, .content, .panel, .grid > *, .table-wrap { min-width: 0; max-width: 100%; }
  .panel { padding: 14px; }
  .table-wrap:not(.document-lines):not(.permission-table) { overflow: visible; }
  .table-wrap:not(.document-lines):not(.permission-table) > table { display: block; width: 100%; min-width: 0 !important; white-space: normal; }
  .table-wrap:not(.document-lines):not(.permission-table) > table > thead { display: none; }
  .table-wrap:not(.document-lines):not(.permission-table) > table > tbody { display: grid; gap: 12px; width: 100%; }
  .table-wrap:not(.document-lines):not(.permission-table) > table > tbody > tr { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px 12px; padding: 14px 0; border-bottom: 1px solid var(--line); }
  .table-wrap:not(.document-lines):not(.permission-table) > table > tbody > tr > td { display: block; min-width: 0; max-width: 100%; padding: 0; border: 0; font-size: 15px; white-space: normal; overflow-wrap: anywhere; text-align: start; }
  .table-wrap:not(.document-lines):not(.permission-table) > table > tbody > tr > td::before { content: attr(data-label); display: block; color: #52627b; font-size: 12px; font-weight: 500; margin-bottom: 3px; }
  .table-wrap:not(.document-lines):not(.permission-table) td:first-child { font-weight: 700; }
  .table-wrap td.empty { grid-column: 1 / -1; }
  .table-wrap .status { max-width: 100%; white-space: normal; font-size: 12px; }
  .table-wrap td .button-row { flex-wrap: wrap; }
  .page-actions { gap: 10px; margin-bottom: 16px; }
  .page-actions > p { display: none; }
  .panel-heading { margin-bottom: 12px; }
  .compact-order { padding: 14px; }
  .compact-order-head, .compact-order-customer { font-size: 15px; }
  .compact-order .entry-meta { font-size: 13px; }
}
@media print {
  :root { font-size: 12px; }
  .panel { box-shadow: none; }
  .table-wrap { overflow: visible; }
  td, th { font-size: 10px; }
}