[hidden]{display:none!important}
/* Stable numeric columns; only the model column wraps for long item names. */
.sale-card__header{font-size:18px;overflow-wrap:anywhere}.sale-card__meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin:12px 0 16px;font-size:14px;color:#61758b}.sale-items{display:grid;gap:12px}.sale-line{border:1px solid #cad6dc;border-radius:12px;background:rgba(110,140,155,.055);padding:12px;min-width:0}.sale-line__top{display:grid;grid-template-columns:minmax(0,1fr) 3rem 6.5rem;gap:10px;align-items:start}.sale-line__description{min-width:0}.sale-line__model{font-size:17px;font-weight:700;line-height:1.55;overflow-wrap:anywhere}.sale-line__model--long{font-size:14px}.sale-line__identity{display:flex;flex-wrap:wrap;gap:3px 10px;font-size:14px;line-height:1.6;margin-top:5px;color:#61758b}.sale-line__identity bdi{overflow-wrap:anywhere}.sale-line__number{display:grid;gap:7px;min-width:0;text-align:center;font-size:16px;font-weight:700;overflow-wrap:anywhere}.sale-line__number small{font-size:13px;font-weight:400;color:#61758b}.sale-line__total,.sale-card__total{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #cad6dc;margin-top:12px;padding-top:10px;font-size:15px}.sale-line__total strong,.sale-card__total strong{color:#1e8a5a;overflow-wrap:anywhere}.sale-card__total{font-size:18px;font-weight:700;margin-top:16px;padding-top:14px}.sale-card__accept{display:block;width:100%;margin-top:16px}
@media(max-width:420px){.sale-line__top{gap:7px;grid-template-columns:minmax(0,1fr) 2.5rem 5.7rem}.sale-line__model{font-size:16px}.sale-line__model--long{font-size:14px}.sale-line__number{font-size:15px}.sale-line__number small,.sale-line__identity{font-size:13px}}
*{box-sizing:border-box}body{margin:0;background:#e1e7ef;color:#25354c;font:17px Calibri,'Segoe UI',Tahoma,sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:#1e8a5a;background:#f9fbfd;border:1px solid #c8d4e3;border-radius:15px;padding:13px 18px;min-height:48px}button:hover{background:#edf5f0}button:disabled{opacity:.5;cursor:default}button.primary{background:#1e8a5a;color:white;border-color:#1e8a5a}button.danger{color:#af3636}input,select,textarea{border:1px solid #b9c8d9;border-radius:12px;background:white;padding:12px;min-width:0;max-width:100%;color:#25354c}textarea{min-height:80px;width:100%}input:focus-visible,button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #3f81cf;outline-offset:3px}label{display:grid;gap:8px}
header{background:linear-gradient(100deg,#eef2f6,#e7eee9);min-height:84px;display:flex;align-items:center;justify-content:space-between;padding:14px max(20px,calc((100vw - 1080px)/2));gap:14px}header h1{font-size:25px;color:#1e8a5a;text-align:center;margin:0;flex:1}.header-tool{padding:6px 12px;font-size:15px}.identity{max-width:1100px;margin:auto;display:flex;align-items:center;gap:10px;padding:12px 20px;font-size:15px;color:#53677d}.identity span{flex:1}.identity select{padding:8px;background:#eef3f8}.app{max-width:1100px;margin:auto;padding:0 20px 115px}h2{font-size:23px;margin:25px 0 16px}h3{font-size:20px;margin:0 0 13px}.muted{color:#61758b;font-size:15px}.notice{border-radius:13px;padding:12px 16px;margin:12px 0;background:#fff6dc;color:#805d24}.notice.demo{background:#e9f1ff;color:#355f92}
.card{background:#f7fafc;border:1px solid #cad5e3;border-radius:20px;padding:20px;margin:12px 0;box-shadow:0 1px 2px #26405b09}.card.green{border-right:5px solid #2a9866}.card.blue{border-right:5px solid #3c79bf}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric{border-radius:16px;background:#e5f2eb;padding:16px}.metric:nth-child(2){background:#e8effe}.metric:nth-child(3){background:#fff3de}.metric small{display:block;margin-bottom:10px}.metric strong{font-size:25px;font-weight:700}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tile{overflow:hidden;border-radius:18px;border-top:6px solid #1e8a5a;min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;background:#f9fbfd;font-weight:bold;color:#25354c;box-shadow:0 2px 5px #25354c09}.tile:nth-child(3n+2){border-top-color:#3c79bf}.tile:nth-child(3n){border-top-color:#ecaa38}.tile img{width:58px;height:58px;object-fit:contain}.tile strong{font-size:27px;color:#1e8a5a}.tile small{font-weight:normal;color:#61758b}
.dock{position:fixed;bottom:0;left:0;right:0;z-index:5;display:flex;justify-content:center;gap:12px;background:#eef3f8ee;border-top:1px solid #c6d1df;padding:12px 16px calc(12px + env(safe-area-inset-bottom));backdrop-filter:blur(12px)}.dock a{flex:1;max-width:220px;color:#53677d;text-decoration:none;text-align:center;padding:10px;border-radius:18px;font-weight:bold}.dock a.active{background:#d8ede2;color:#1e8a5a}.dock a img{width:30px;height:30px;display:block;margin:0 auto 5px}.dock a.quick{background:#fff2d9;color:#b56e15}.actions{display:flex;gap:10px;flex-wrap:wrap}.actions>*{flex:1}.row{display:flex;align-items:center;gap:12px;justify-content:space-between}.row>*{min-width:0}.stack{display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full{grid-column:1/-1}
.products{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product{background:white;border:1px solid #c8d4e3;border-radius:18px;padding:16px;text-align:right;display:grid;gap:10px;min-height:185px;color:#25354c}.product .model{font-weight:bold;font-size:20px;overflow-wrap:anywhere}.product img{width:48px;height:48px}.product strong{color:#1e8a5a}.filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin:14px 0}.scroll{overflow:auto}.table{border-collapse:collapse;width:100%;min-width:620px}.table th,.table td{padding:13px;text-align:right;border-bottom:1px solid #d6dfe9}.table input{width:130px}.table th{background:#edf3f8}.empty{text-align:center;padding:40px 18px;color:#61758b}.badge{display:inline-block;font-size:13px;padding:5px 10px;background:#e4f1e8;border-radius:15px;white-space:nowrap}.badge.wait{background:#fff0d4;color:#885819}
.login{max-width:490px;margin:65px auto;background:#f9fbfd;border:1px solid #c6d4e1;border-radius:24px;padding:28px}.login h2{text-align:center;color:#1e8a5a}.login .stack{gap:20px}.login img{display:block;margin:auto;width:80px;height:80px}dialog{border:1px solid #c6d4e1;border-radius:22px;width:min(680px,calc(100vw - 28px));max-height:90vh;background:#f6f9fc;padding:23px;color:#25354c}dialog::backdrop{background:#172b4588}dialog .options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:15px}.toast{position:fixed;top:15px;left:50%;transform:translateX(-50%);background:#183d35;color:white;border-radius:14px;padding:14px 20px;z-index:20;max-width:90%;box-shadow:0 6px 30px #0003}.toast.error{background:#813a3a}.commission{background:#e5f2eb;border:1px solid #bfd9cc;border-radius:16px;padding:12px 18px;display:flex;justify-content:space-between;align-items:center}.commission strong{font-size:25px;color:#1e8a5a}.item-edit{display:grid;grid-template-columns:1fr 1fr;gap:18px}.count-input{width:110px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:700px){body{font-size:16px}header{padding:12px 16px}header h1{font-size:22px}.app{padding:0 13px 115px}.identity{padding:10px 14px;flex-wrap:wrap}.identity select{max-width:200px}.tiles{grid-template-columns:1fr 1fr;gap:12px}.tile{min-height:152px;padding:14px 8px}.tile img{width:51px;height:51px}.products{grid-template-columns:1fr 1fr;gap:10px}.product{padding:13px}.product .model{font-size:17px}.metrics{gap:8px}.metric{padding:12px 9px}.metric strong{font-size:20px}.metric small{font-size:12px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.filters{grid-template-columns:1fr 1fr}.filters input{grid-column:1/-1}.dock{gap:5px;padding:9px 8px calc(9px + env(safe-area-inset-bottom))}.dock a{font-size:14px;padding:8px 5px}.card{padding:16px}.row{flex-wrap:wrap}.commission strong{font-size:22px}}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s,transform .15s}button:active{transform:scale(.985)}}

.commission{position:static;width:100%;text-align:start}

main.app{touch-action:pan-y}.scroll{touch-action:pan-x pan-y}#mobile-dialog button{display:block;width:100%;margin:12px 0}#app-options{margin-inline-start:auto}button,a{-webkit-tap-highlight-color:transparent}html{scroll-padding-bottom:110px}

/* Three task-focused app entrances and dedicated counting workspace. */
a.tile{text-decoration:none;text-align:center}a.tile small{padding:0 12px;line-height:1.65}.app-directory{padding-top:14px}.button-link{display:inline-block;background:#1e8a5a;color:white;border-radius:12px;padding:13px 18px;text-decoration:none;min-height:48px}.login-icon{width:72px;height:72px;object-fit:contain}.count-filters{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;align-items:end}.count-search{margin:18px 0 12px}.count-search input{width:100%}.count-items{display:grid;gap:10px}.count-item{display:grid;grid-template-columns:minmax(0,1fr) 110px;align-items:center;gap:14px;padding:14px;border:1px solid #d5dfda;border-radius:14px;background:white}.count-item strong,.count-item small{display:block;overflow-wrap:anywhere}.count-item small{color:#61758b;margin-top:6px}.count-item input{width:100%;font-size:21px;text-align:center}.count-item label{font-size:14px}.notice.success{background:#e4f3e9;color:#176143}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:45vh;overflow:auto;margin:14px 0}#choice-search{width:100%}#choice-dialog{width:min(620px,94vw)}#start{margin-top:18px}
@media(max-width:520px){.app-directory .tiles{grid-template-columns:1fr}.count-filters{grid-template-columns:1fr 1fr}.count-filters label{grid-column:1/-1}.count-item{grid-template-columns:minmax(0,1fr) 92px;padding:12px}.choice-grid{grid-template-columns:1fr}.identity{gap:8px}}

.sale-view-switch{margin:16px 0}.sale-view-switch button{flex:1}.sale-view-switch [aria-pressed="true"]{background:#1e8a5a;color:white}.dock a{min-width:0;overflow-wrap:anywhere}body[data-app="sales"] .dock a{font-size:12px}