/* LURAMY — shared, offline-ready visual system. */
:root{--surface:#fff;--canvas:#f1f5f4;--ink:#203734;--muted:#637772;--line:#dce6e2;--radius:18px;--shadow:0 4px 24px #193e3410;font-family:Segoe UI,Arial,sans-serif;background:var(--canvas);color:var(--ink);font-size:15px;color-scheme:light}
body{display:grid;grid-template-columns:250px minmax(0,1fr);background:var(--canvas);min-height:100dvh}
body>aside{width:250px;height:100dvh;position:sticky;top:0;overflow-y:auto;padding:30px 18px 20px;background-image:radial-gradient(ellipse at top left,#ffffff16,transparent 65%);display:flex;flex-direction:column;scrollbar-width:thin}
body>aside h1{display:flex;align-items:center;gap:11px;font-size:24px;letter-spacing:2px;padding:0 12px}
.brand-symbol{display:inline-grid;place-items:center;width:34px;height:36px;border:1px solid #ffffff60;border-radius:11px;letter-spacing:0;font-size:22px;font-weight:500;background:#ffffff10}
body>aside>p{padding:0 13px;font-size:12px;letter-spacing:.5px;margin:10px 0 27px;opacity:.8}
#nav{display:flex;flex-direction:column;gap:4px}
#nav button{display:flex;align-items:center;gap:11px;min-height:42px;padding:10px 13px;border-radius:10px;font-size:13px;line-height:1.4;font-weight:500;position:relative;transition:background .15s,transform .15s}
#nav button:hover:not(:disabled){background:#ffffff18}
#nav button.active{background:#ffffff22;box-shadow:inset 3px 0 0 currentColor;font-weight:650}
.nav-icon{width:18px;height:18px;flex:0 0 18px;opacity:.85}
.nav-group-label{font-size:10px;font-weight:650;letter-spacing:1.8px;opacity:.6;margin:22px 13px 8px;color:inherit}
.nav-group-label:first-child{margin-top:0}
body>aside .aside-foot{margin-top:auto;padding:28px 13px 0;font-size:11px;line-height:1.8;opacity:.65}
body>main{padding:30px clamp(22px,3.2vw,54px) 80px;min-width:0;width:100%;max-width:1900px}
main>header{min-height:65px;margin-bottom:20px;gap:18px;padding-bottom:22px;border-bottom:1px solid var(--line)}
main>header>div:first-child{min-width:0}
main>header small{font-size:10px;font-weight:650;letter-spacing:2px;color:var(--muted)}
main>header h2{font-size:clamp(24px,2.3vw,32px);font-weight:650;letter-spacing:-.7px;margin:7px 0 0;line-height:1.2}
main>header>div:last-child{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0}
#user{margin:0 6px 0 0;font-size:12px;font-weight:650;color:var(--muted);max-width:170px;overflow-wrap:anywhere}
#logout,#my-profile-button{background:white;color:var(--ink);border:1px solid var(--line);padding:9px 12px;font-size:12px;border-radius:9px;min-height:38px}
#logout:hover,#my-profile-button:hover{background:#e7eeeb}
#message{margin:0 0 14px;min-height:0;font-size:14px;line-height:1.6}#message:empty{display:none}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:25px 28px;box-shadow:var(--shadow);margin-bottom:22px;overflow-x:auto}
.card h3{font-size:17px;line-height:1.45;letter-spacing:-.2px;margin:0 0 18px;font-weight:650;color:var(--ink)}
.card h3:not(:first-child){margin-top:26px}
.muted{font-size:12px;line-height:1.65;color:var(--muted)}
label{color:#465f58;font-size:12px;font-weight:600;margin:16px 0 7px;line-height:1.5}
input,select,textarea{border:1px solid #cddbd5;background:#fbfdfc;border-radius:10px;padding:11px 12px;min-height:44px;transition:border-color .15s,box-shadow .15s;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:none;border-color:#347e69;box-shadow:0 0 0 3px #347e691b;background:#fff}
input:disabled,select:disabled,textarea:disabled{background:#edf2ef;color:#708179;cursor:not-allowed}
input.check,input[type=checkbox],input[type=radio]{min-height:0;width:auto;accent-color:#21654f;vertical-align:middle;cursor:pointer}
textarea{resize:vertical;line-height:1.6}.grid{gap:22px}
button{border-radius:10px;font-size:13px;font-weight:600;min-height:40px;padding:10px 15px;transition:background .15s,box-shadow .15s}
button:focus-visible,a:focus-visible{outline:3px solid #449a7d;outline-offset:3px}
button:disabled{cursor:not-allowed;opacity:.48}
.primary{box-shadow:0 3px 9px #173f3b17}
button.danger{background:#fff5f3;color:#a7372c;border-color:#e8c9c3}
button.danger:hover:not(:disabled){background:#fee9e5;color:#85271f}
.actions{gap:10px;margin-top:22px;padding-top:3px}
table{font-size:13px}
.table-scroll{border:1px solid #e2eae5;border-radius:11px;background:#fff;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-color:#a1b7ac #f0f5f2;scrollbar-width:thin}
.table-scroll th{background:#edf2ef;color:#587068;font-size:11px;font-weight:650;padding:11px 12px;letter-spacing:.2px;line-height:1.4}
.table-scroll td{padding:8px 12px;line-height:1.5;border-bottom:1px solid #e8eeea}
.table-scroll tbody tr:last-child td{border-bottom:0}
.table-scroll tbody tr:hover{background:#f5f9f6}
.table-scroll td button{min-height:32px;padding:6px 10px;font-size:12px}
.table-scroll tfoot th{padding:12px;background:#eaf1ed;color:#314e43;font-weight:700}
.table-scroll:focus-visible{outline:3px solid #347e69;outline-offset:3px}
.assembly-compact td{padding-top:6px;padding-bottom:6px}.assembly-compact th{padding-top:10px;padding-bottom:10px}
.metrics{display:flex;gap:12px;margin:18px 0;flex-wrap:wrap}.metrics p{padding:12px 17px;background:#f1f7f3;border:1px solid #e1ece4;border-radius:12px;font-size:12px;color:#527164;flex:1 1 120px;line-height:1.5}.metrics strong{display:block;font-size:24px;line-height:1.3;color:#244f3d;margin-bottom:3px;letter-spacing:-.5px}
.total{padding-top:18px;border-top:1px solid var(--line);font-size:26px;letter-spacing:-.5px;color:#244f3d}
.sale-product-grid{grid-template-columns:minmax(160px,1fr) auto minmax(90px,.25fr);align-items:end;gap:20px}
.engraving-options{gap:14px;padding:0 2px;min-height:44px;align-items:center}.engraving-options .engraving-field{padding:0}.engraving-options label{font-size:12px;margin:0}
.login{max-width:470px;margin:clamp(35px,9vh,110px) auto;padding:35px;overflow:visible}.login h3{font-size:23px;margin-bottom:8px}.login .actions button{min-width:110px}
dialog{border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 80px #173f3b33;padding:28px;max-width:calc(100vw - 30px);max-height:90dvh;overflow:auto}dialog::backdrop{background:#102c2766;backdrop-filter:blur(3px)}
.armador-bonus{background-image:none;box-shadow:none;position:static;height:auto;overflow:visible;border-left:1px solid var(--line);padding-left:22px;border-radius:0;color:var(--ink)}
.armador-bonus h3{font-size:13px;color:var(--muted)}.armador-bonus-amount{color:#21654f;font-size:30px}
.payroll-switches label{font-weight:400}.payroll-name-badge{border-radius:8px}.payroll-percent{max-width:120px}
#assembly-horizontal-dock{border-color:var(--line);border-radius:13px 13px 0 0;box-shadow:0 -4px 20px #173f3b12}
.mobile-menu-toggle,.mobile-menu-close,.menu-backdrop{display:none}
[data-app=cut] body{display:block}[data-app=cut] body>main{max-width:1400px;margin:auto}[data-app=cut] #nav{display:flex!important;flex-direction:row;gap:8px;margin-bottom:18px}[data-app=cut] #nav button{background:#e4ede8;color:#254b3c}[data-app=cut] #nav button.active{background:var(--profile-bg,#173f3b);color:var(--profile-fg,white)}
@media(min-width:851px){body>aside:has(#nav[hidden]){justify-content:flex-start}.login{min-width:370px}}
@media(max-width:1150px){.sale-product-grid{grid-template-columns:minmax(0,1fr) 100px}.sale-product-grid>div:first-child{grid-column:1/-1}.sale-product-grid .engraving-options{grid-column:1}.sale-product-grid>div:last-child{grid-column:2}.grid{gap:16px}}
@media(max-width:850px){body{display:block}body>main{padding:20px 18px 85px}body>aside{position:fixed;inset:0 auto 0 0;height:100dvh;width:280px;max-width:85vw;z-index:151;transform:translateX(-105%);transition:transform .2s;box-shadow:10px 0 40px #102c2733;padding-top:max(24px,env(safe-area-inset-top))}body.menu-open>aside{transform:translateX(0)}body.menu-open{overflow:hidden}body>aside .aside-foot{display:block}#nav{display:flex;flex-direction:column}#nav button{min-height:46px;font-size:14px;text-align:left}.mobile-menu-toggle{display:inline-grid;place-items:center;flex:0 0 42px;width:42px;height:42px;background:#fff;color:var(--ink);border:1px solid var(--line);padding:10px}.mobile-menu-toggle svg{width:20px;height:20px}.mobile-menu-close{display:block;align-self:flex-end;min-height:34px;background:transparent;color:inherit;border-color:#ffffff50;padding:5px 12px;margin:0 8px 16px}.menu-backdrop{position:fixed;inset:0;background:#102c2770;z-index:150;border:0;border-radius:0;padding:0}body.menu-open .menu-backdrop{display:block}main>header{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px;margin-bottom:18px;padding-bottom:18px}main>header>div:last-child{grid-column:1/-1;width:100%;justify-content:flex-end;flex-wrap:wrap}main>header h2{font-size:25px}main>header small{font-size:9px;letter-spacing:1.6px}#user{max-width:none;margin-right:auto;font-size:11px}.card{padding:21px 19px;border-radius:16px;margin-bottom:16px}.grid{grid-template-columns:minmax(0,1fr)}input,select,textarea{font-size:16px;min-height:46px}button{min-height:44px}.actions button{min-height:44px;flex:0 1 auto}.table-scroll td{padding:8px 10px}.table-scroll td button{min-height:38px}.metrics{gap:8px}.metrics p{padding:11px 13px}.metrics strong{font-size:22px}.sale-product-grid{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:14px 12px}.sale-product-grid .engraving-options{gap:11px}.sale-product-grid .engraving-options label{font-size:12px}.login{margin:35px auto;padding:27px;min-width:0}.armador-summary-heading{flex-wrap:wrap}.armador-bonus{width:100%;max-width:100%;border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.armador-bonus .armador-bonus-rules{margin-left:auto}#content{padding-bottom:env(safe-area-inset-bottom)}[data-app=cut] main>header{display:flex;flex-wrap:wrap}[data-app=cut] main>header>div:last-child{justify-content:flex-start}[data-app=cut] #nav button{flex:1}.card #receivedDate{max-width:100%}}
@media(max-width:390px){body>main{padding-inline:12px}.card{padding:18px 14px}.sale-product-grid{grid-template-columns:minmax(0,1fr)}.sale-product-grid .engraving-options,.sale-product-grid>div:last-child{grid-column:1}.engraving-options label{font-size:12px}.actions{gap:8px}.actions button{flex:1 1 auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
@media print{body{display:block;background:white}body>aside,.mobile-menu-toggle,.mobile-menu-close,.menu-backdrop{display:none!important}body>main{width:100%;max-width:none;padding:0}.card{box-shadow:none;border:0;border-radius:0;overflow:visible;padding:0}.table-scroll{border:0;border-radius:0;overflow:visible}.table-scroll th,.table-scroll td{padding:3px 5px;font-size:10px;white-space:normal}.metrics p{border:0;background:none;padding:0}.metrics strong{font-size:16px}.armador-bonus{border:0}.total{font-size:20px}strong.engraving-name-green{print-color-adjust:exact}}

.header-brand,.logo-window{display:block;position:relative;overflow:hidden;background:#e6e7e9;border-radius:9px}
.header-brand{width:160px;height:43px;margin-bottom:14px}.header-brand img,.logo-window img{position:absolute;width:150%;max-width:none;height:auto;left:-25%;top:50%;transform:translateY(-50%)}
body>aside h1.sidebar-brand{padding:0 8px;display:block}.logo-window{width:100%;height:62px}
@media(max-width:850px){.header-brand{width:140px;height:39px;margin-bottom:10px}main>header>.mobile-menu-toggle{margin-top:0}}
@media print{.header-brand{display:none}}

.sale-customer-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:38px}.sale-customer-grid>div{min-width:0}.sale-customer-grid label:first-child{margin-top:0}.section-index{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#e9f2ed;color:#35705a;font-size:11px;margin-right:8px;vertical-align:middle}.sale-customer-grid .received-date-label{font-size:14px;margin:9px 0}.sale-customer-grid .muted{max-width:320px}.sale-customer-card h3{margin-bottom:22px}
@media(max-width:650px){.sale-customer-grid{grid-template-columns:minmax(0,1fr);gap:16px}.sale-customer-grid .muted{max-width:none}.sale-customer-grid>div:last-child{padding-top:16px;border-top:1px solid var(--line)}}
#content{overflow-anchor:none}.header-brand img,.logo-window img{width:142%;left:-21%}@media(max-width:850px){#content table{display:table;width:max-content;min-width:100%}#content table thead{display:table-header-group!important}#content table tbody{display:table-row-group!important}#content table tfoot{display:table-footer-group!important}#content table tr{display:table-row!important;border:0;border-radius:0;margin:0}#content table th,#content table td{display:table-cell!important;white-space:nowrap!important;overflow-wrap:normal;padding:8px 10px!important}#content table td::before{display:none!important}.table-scroll{overflow-x:auto;overflow-y:visible}.card{overflow-x:auto}#content table td input,#content table td select{min-width:100px}.catalog-list td button{line-height:1.3;padding:7px 12px;min-height:38px}}
[data-app=cut] #nav[hidden]{display:none!important}