:root{--ink:#102a43;--muted:#64748b;--line:#e3eaf1;--paper:#fff;--bg:#f3f7f9;--teal:#0f766e;--teal2:#14b8a6;--nav:#0b2234;--blue:#2563eb;--amber:#d97706;--red:#dc2626;--shadow:0 12px 35px rgba(15,42,63,.07);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:14px}button,input,select,textarea{font:inherit}button,a{transition:.18s ease}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:linear-gradient(180deg,#092235,#0c3041);color:#d9e9ee;padding:24px 16px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:11px;align-items:center;padding:0 9px 24px}.brand-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--teal2),#0b8f83);color:#fff;font-weight:900;box-shadow:0 9px 25px #0f766e66}.brand strong{font-size:16px;display:block}.brand strong span{color:#45d6c6}.brand small{display:block;color:#8aabb6;margin-top:2px}.sidebar nav{display:flex;flex-direction:column;gap:3px;overflow-y:auto;padding-right:3px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:11px;color:#b9d0d8;font-weight:600}.sidebar nav a:hover,.sidebar nav a.active{background:#ffffff13;color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 var(--teal2);background:#ffffff19}.sidebar nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar nav a b{margin-left:auto;background:#e85c4a;color:#fff;border-radius:20px;font-size:10px;padding:2px 7px}.sidebar-foot{margin-top:auto;border-top:1px solid #ffffff18;padding:17px 7px 0;display:flex;align-items:center;gap:8px}.user-card{display:flex;align-items:center;gap:9px;min-width:0;flex:1}.user-card>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#ffffff17;color:#68e1d2;font-weight:900}.user-card div{min-width:0}.user-card strong,.user-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card small{font-size:11px;color:#8faeb8}.sidebar-foot button{border:0;background:transparent;color:#91adb6;cursor:pointer}.app-shell>main{grid-column:2;min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;position:sticky;top:0;z-index:10}.topbar>div:first-of-type small,.topbar>div:first-of-type strong{display:block}.topbar small{color:var(--muted);font-size:11px;text-transform:capitalize}.topbar strong{font-size:16px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.live-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #22c55e22}.quick-order{background:var(--teal);color:#fff;border-radius:10px;padding:10px 14px;font-weight:700;margin-left:12px}.menu-toggle{display:none;border:0;background:transparent;font-size:22px}.page-content{padding:28px 30px 50px;max-width:1600px;margin:auto}.hero{background:linear-gradient(120deg,#0d5260,#0f766e);color:#fff;padding:28px 31px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;box-shadow:0 18px 45px #0f766e24;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:260px;height:260px;border:50px solid #ffffff0a;border-radius:50%;right:-70px;top:-95px}.hero>*{position:relative;z-index:1}.hero.compact{padding:24px 28px}.hero h1{font-size:28px;line-height:1.1;margin:3px 0 6px;letter-spacing:-.5px}.hero p{margin:0;color:#c8eeeb}.hero-actions{display:flex;gap:10px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:900;color:var(--teal);display:block}.hero .eyebrow{color:#7ce8dc}.btn{border:0;border-radius:10px;padding:10px 15px;font-weight:750;cursor:pointer;display:inline-flex;justify-content:center;align-items:center}.btn.primary{background:var(--teal);color:#fff}.hero .btn.primary{background:#fff;color:var(--teal)}.btn.secondary{background:#eef4f6;color:var(--ink)}.hero .btn.secondary{background:#ffffff19;color:#fff;border:1px solid #ffffff33}.btn.warning{background:#f59e0b;color:#fff}.btn.danger{background:#fee2e2;color:#b91c1c}.btn.wide{width:100%;padding:12px}.btn:disabled{opacity:.45;cursor:not-allowed}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.metric-grid.three{grid-template-columns:repeat(3,1fr)}.metric{background:#fff;border:1px solid var(--line);border-radius:16px;padding:19px 21px;box-shadow:var(--shadow);position:relative;overflow:hidden}.metric:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--teal)}.metric.blue:before{background:var(--blue)}.metric.amber:before{background:var(--amber)}.metric.red:before{background:var(--red)}.metric span,.metric small,.metric strong{display:block}.metric span{font-size:12px;color:var(--muted);font-weight:650}.metric strong{font-size:25px;margin:8px 0 3px;letter-spacing:-.7px}.metric small{font-size:11px;color:#91a0af}.card{background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);padding:21px;margin-bottom:20px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.card-head h2{font-size:18px;margin:3px 0 0}.card-head>a{color:var(--teal);font-weight:700;font-size:12px}.dashboard-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:20px}.bars-chart{height:210px;display:flex;align-items:flex-end;gap:18px;padding:15px 8px 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,#fff 0,#fff 49px,#edf2f5 50px)}.bar-wrap{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;flex:1}.bar{width:min(44px,75%);border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#28c9b7,var(--teal));min-height:3px;position:relative}.bar:hover:after{content:attr(data-value);position:absolute;bottom:100%;left:50%;transform:translate(-50%,-6px);background:var(--ink);color:#fff;padding:4px 7px;border-radius:6px;font-size:10px;white-space:nowrap}.bar-wrap small{color:var(--muted);font-size:10px}.legend{font-size:11px;color:var(--muted)}.legend i{display:inline-block;width:8px;height:8px;border-radius:3px;background:var(--teal);margin-right:5px}.rank-list>div{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid #edf1f4}.rank-list>div:last-child{border:0}.rank-list b{width:27px;height:27px;display:grid;place-items:center;background:#e8f7f5;color:var(--teal);border-radius:9px}.rank-list span{flex:1}.rank-list strong,.rank-list small{display:block}.rank-list small{color:var(--muted);font-size:11px}.rank-list em{font-style:normal;font-weight:750}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th{text-align:left;color:#7a8d9d;font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:10px 12px;border-bottom:1px solid var(--line)}td{padding:12px;border-bottom:1px solid #edf1f4;color:#334e60}td small,td b{display:block}td small{color:#8294a3;font-size:10px;margin-top:2px}.right{text-align:right}.badge{display:inline-flex!important;padding:4px 8px;border-radius:20px;font-size:10px!important;font-weight:800;white-space:nowrap}.badge.success{background:#dcfce7;color:#15803d}.badge.warning{background:#fef3c7;color:#a16207}.badge.danger{background:#fee2e2;color:#b91c1c}.alert{padding:13px 15px;border-radius:11px;margin-bottom:15px;display:flex;justify-content:space-between}.alert.success{background:#dcfce7;color:#166534}.alert.warning{background:#fef3c7;color:#92400e}.alert.danger{background:#fee2e2;color:#991b1b}.alert button{border:0;background:transparent;cursor:pointer;color:inherit}.status-pill{padding:8px 12px;border-radius:20px;font-size:11px;font-weight:800}.status-pill.success{background:#dcfce7;color:#15803d}.status-pill.warning{background:#fef3c7;color:#a16207}.field-layout{display:grid;grid-template-columns:310px 1fr;gap:20px}.route-panel{padding:17px}.route-list{max-height:690px;overflow:auto}.route-list button{width:100%;border:0;background:#fff;display:flex;align-items:center;gap:9px;text-align:left;padding:11px 7px;border-bottom:1px solid #edf2f5;cursor:pointer}.route-list button:hover,.route-list button.selected{background:#edf9f7;border-radius:10px}.route-list button>span,.debt-list>div>span{width:34px;height:34px;border-radius:10px;background:#dff6f3;color:var(--teal);display:grid;place-items:center;font-weight:850}.route-list button div{flex:1}.route-list strong,.route-list small{display:block}.route-list small{font-size:10px;color:var(--muted)}.route-list em{font-style:normal;font-size:10px;color:#b45309}.search,input,select,textarea{border:1px solid #d8e2e8;border-radius:9px;background:#fff;padding:10px 11px;color:var(--ink);outline:none;min-width:0}.search{width:100%;margin-bottom:10px}.compact-search{max-width:240px;margin:0}input:focus,select:focus,textarea:focus{border-color:var(--teal2);box-shadow:0 0 0 3px #14b8a617}.builder-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.builder-head h2{margin:3px 0}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-height:230px;overflow:auto}.product-grid button{background:#f8fafb;border:1px solid var(--line);border-radius:10px;text-align:left;padding:10px;cursor:pointer}.product-grid button:hover{border-color:var(--teal2);background:#effbf9}.product-grid small,.product-grid strong,.product-grid span{display:block}.product-grid small{font-size:9px;color:var(--teal);font-weight:800}.product-grid strong{font-size:12px;margin:3px 0}.product-grid span{font-size:10px;color:var(--muted)}.cart-lines{margin:15px 0;border-top:1px solid var(--line)}.cart-line{display:grid;grid-template-columns:1fr 80px 90px 30px;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #edf2f5}.cart-line strong,.cart-line small{display:block}.cart-line small{font-size:10px;color:var(--muted)}.cart-line input{width:100%;padding:7px}.cart-line button{border:0;background:#fee2e2;color:#b91c1c;border-radius:7px;width:28px;height:28px}.empty{text-align:center;color:#8a9aa8;padding:24px!important}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.form-grid .full{grid-column:1/-1}label{font-size:11px;color:#526777;font-weight:650;display:flex;flex-direction:column;gap:5px}.cart-footer{display:flex;justify-content:space-between;align-items:center;background:#eef8f7;padding:14px 16px;border-radius:12px;margin-top:14px}.cart-footer span,.cart-footer strong{display:block}.cart-footer strong{font-size:21px}.filter-tabs{display:flex;gap:6px;margin:0 0 15px;overflow:auto}.filter-tabs a{background:#fff;border:1px solid var(--line);padding:8px 12px;border-radius:20px;white-space:nowrap;font-size:11px;font-weight:700;color:var(--muted)}.filter-tabs a.active{background:var(--teal);color:#fff;border-color:var(--teal)}.action-desk h2{margin-top:0}.inline-form{display:grid;grid-template-columns:2fr 1fr auto;gap:10px}.warehouse-cards,.fleet{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:20px}.warehouse-cards article,.fleet article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow)}.warehouse-cards article>span,.fleet article>span{font-size:25px;width:46px;height:46px;background:#e7f7f5;border-radius:13px;display:grid;place-items:center}.warehouse-cards div,.fleet div{flex:1}.warehouse-cards small,.warehouse-cards strong,.warehouse-cards em,.fleet strong,.fleet small{display:block}.warehouse-cards small,.warehouse-cards em,.fleet small{font-size:10px;color:var(--muted);font-style:normal}.movement-list>div,.session-list>div,.debt-list>div,.user-list>div{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #edf2f5}.movement-list>div>span{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;font-weight:900}.movement-list .in{background:#dcfce7;color:#15803d}.movement-list .out{background:#fee2e2;color:#b91c1c}.movement-list div div,.session-list div div,.debt-list div div,.user-list div div{flex:1}.movement-list strong,.movement-list small,.session-list strong,.session-list small,.debt-list strong,.debt-list small,.user-list strong,.user-list small{display:block}.movement-list small,.session-list small,.debt-list small,.user-list small{color:var(--muted);font-size:10px}.movement-list time{font-size:10px;color:var(--muted)}.mini-form{display:flex}.mini-form select{padding:5px}.mini-form button{border:0;background:var(--teal);color:#fff}.pos-layout{display:grid;grid-template-columns:1fr 390px;gap:20px}.pos-catalog,.pos-ticket{margin-bottom:20px}.pos-tools{display:grid;grid-template-columns:1fr 210px;gap:10px}.pos-tools .search{margin:0}.pos-products{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px;max-height:610px;overflow:auto}.pos-products button{border:1px solid var(--line);background:#fff;border-radius:11px;padding:9px;display:flex;gap:9px;text-align:left;cursor:pointer}.pos-products button:hover{border-color:var(--teal2);box-shadow:0 5px 18px #0f766e13}.pos-products button>span{width:36px;height:36px;background:#e8f7f5;color:var(--teal);display:grid;place-items:center;border-radius:9px;font-weight:900}.pos-products div{flex:1}.pos-products small,.pos-products strong,.pos-products em{display:block}.pos-products small{font-size:9px;color:var(--muted)}.pos-products strong{font-size:11px}.pos-products em{font-size:11px;color:var(--teal);font-style:normal;font-weight:800}.ticket-heading{display:flex;justify-content:space-between}.ticket-heading h2{margin:3px 0}.ticket-heading button,#clear-pos{border:0;background:transparent;color:var(--red);font-size:11px}.ticket-options{display:grid;gap:9px}.lookup-shortcut{border:0;background:#e7f7f5;color:var(--teal);padding:8px;border-radius:8px;cursor:pointer;font-size:10px;font-weight:750}.pos-total{margin:14px 0;background:var(--nav);color:#fff;border-radius:12px;padding:15px}.pos-total span,.pos-total strong,.pos-total small{display:block}.pos-total strong{font-size:27px;margin:2px 0}.pos-total small{color:#9bb5c0}.pos-charge{font-size:15px}.cash-banner{background:linear-gradient(120deg,#102a43,#164e63);color:#fff;border-radius:16px;padding:19px 22px;display:flex;align-items:center;gap:50px;margin-bottom:20px}.cash-banner>div:first-child{margin-right:auto}.cash-banner small,.cash-banner strong,.cash-banner span,.cash-banner b{display:block}.cash-banner strong{font-size:25px}.cash-banner span{color:#aac3cc;font-size:11px}.billing-status{padding:17px 20px;border-radius:14px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center}.billing-status>div{display:flex;align-items:center;gap:12px}.billing-status>div>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:900}.billing-status p{margin:2px 0;color:var(--muted)}.billing-status.enabled{background:#dcfce7}.billing-status.enabled>div>span{background:#16a34a;color:#fff}.billing-status.demo{background:#fff7ed}.billing-status.demo>div>span{background:#f59e0b;color:#fff}.date-filter{display:flex;align-items:center;gap:7px}.date-filter input{background:#ffffff17;color:#fff;border-color:#ffffff35}.settings-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:20px}.stack{display:grid;gap:12px}.grid{display:grid;gap:11px}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}textarea{min-height:80px;resize:vertical}.check-list{max-height:240px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:7px}.check-list label{flex-direction:row;align-items:center;padding:8px;border-bottom:1px solid #edf2f5}.check-list label span{flex:1}.check-list b,.check-list small{display:block}.check-list small{color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:#061927b5;display:grid;place-items:center;padding:18px;z-index:50;backdrop-filter:blur(5px)}.modal-backdrop.hidden{display:none}.modal{background:#fff;width:min(560px,100%);max-height:92vh;overflow:auto;border-radius:18px;padding:25px;position:relative;box-shadow:0 30px 100px #0006}.modal-x{position:absolute;right:14px;top:13px;border:0;background:#edf2f5;width:32px;height:32px;border-radius:9px;font-size:20px}.modal-title h2{font-size:23px;margin:4px 0}.modal-title p{color:var(--muted);margin:0 0 18px}.lookup-box{display:grid;grid-template-columns:90px 1fr auto;gap:7px}.lookup-result{min-height:70px;padding:12px;margin:12px 0;background:#f4f8fa;border-radius:10px}.login-page{background:#062232}.login-shell{display:grid;grid-template-columns:1.25fr .75fr;min-height:100vh}.login-story{padding:42px 7vw;background:radial-gradient(circle at 20% 20%,#17897e 0,transparent 35%),linear-gradient(140deg,#082c3d,#0b4f59);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.brand.light{padding:0}.login-story .eyebrow{color:#6be5d7}.login-story h1{font-size:clamp(42px,5vw,70px);line-height:.98;letter-spacing:-3px;margin:12px 0 20px}.login-story h1 em{font-style:normal;color:#5ee0d1}.login-story p{max-width:600px;color:#b9d9dd;font-size:17px;line-height:1.6}.login-stats{display:flex;gap:50px}.login-stats strong,.login-stats span{display:block}.login-stats strong{font-size:30px}.login-stats span{font-size:11px;color:#9ec3c8}.login-form{background:#fff;display:grid;place-items:center;padding:35px}.login-form form{width:min(390px,100%)}.login-form h2{font-size:30px;margin:6px 0}.login-form>form>p{color:var(--muted);margin:0 0 25px}.login-form label{margin-bottom:13px}.login-form label input{padding:13px}.demo-hint{margin-top:16px;padding:12px;background:#ecf8f6;border-radius:10px;color:var(--teal)}.demo-hint b,.demo-hint span{display:block}.demo-hint span{font-size:11px;margin-top:3px}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.pos-products{grid-template-columns:repeat(2,1fr)}.pos-layout{grid-template-columns:1fr 340px}.dashboard-grid{grid-template-columns:1fr}.warehouse-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.app-shell>main{min-width:0}.menu-toggle{display:block;margin-right:12px}.page-content{padding:18px 14px 40px}.topbar{padding:0 15px;height:66px}.hero{padding:20px!important;align-items:flex-start;gap:18px;flex-direction:column}.hero-actions{flex-wrap:wrap}.metric-grid,.metric-grid.three{grid-template-columns:1fr 1fr}.field-layout,.pos-layout,.settings-grid{grid-template-columns:1fr}.route-panel{order:2}.product-grid{grid-template-columns:repeat(2,1fr)}.warehouse-cards,.fleet{grid-template-columns:1fr}.pos-products{max-height:380px}.desktop-only{display:none}.quick-order{margin-left:3px}.login-shell{grid-template-columns:1fr}.login-story{display:none}.login-form{min-height:100vh}.inline-form{grid-template-columns:1fr}.cash-banner{gap:15px;flex-wrap:wrap}.date-filter{flex-wrap:wrap}.pos-ticket{position:relative}.grid.cols-3{grid-template-columns:1fr}.topbar>div:first-of-type small{display:none}}
@media(max-width:480px){.metric-grid,.metric-grid.three{grid-template-columns:1fr}.product-grid,.pos-products{grid-template-columns:1fr}.form-grid,.grid.cols-2{grid-template-columns:1fr}.cart-line{grid-template-columns:1fr 65px 75px 28px}.pos-tools{grid-template-columns:1fr}.top-actions .status-pill{display:none}.hero h1{font-size:24px}}

/* Professional data tables and contextual row actions */
.nav-section{display:block;color:#42d3c6;font-size:9px;font-weight:900;letter-spacing:1.15px;padding:14px 12px 5px}.sidebar nav .nav-section:first-child{padding-top:2px}
.page-content{max-width:1680px}.card{box-shadow:0 8px 26px rgba(28,62,84,.055)}.hero.compact{border-radius:16px;background:linear-gradient(120deg,#0c5060,#087f73)}
.table-wrap{overflow:auto;border:1px solid #e0e9ef;border-radius:13px;background:#fff}
.table-wrap table{min-width:850px}
.table-wrap th{padding:12px 14px;background:#f7fafc;color:#60758a;letter-spacing:.65px;border-bottom:1px solid #dbe5ec;white-space:nowrap}
.table-wrap td{padding:13px 14px;border-bottom:1px solid #e8eef3;background:#fff}
.table-wrap tbody tr{transition:.15s ease}
.table-wrap tbody tr:hover td{background:#f6fbfa}
.action-col{width:155px;text-align:center}
.action-cell{text-align:center;overflow:visible!important;white-space:nowrap}.action-cell>.row-actions{margin-left:5px}
.row-actions{position:relative;display:inline-flex;justify-content:center}
.row-actions-trigger{width:34px;height:34px;border:1px solid #d5e1e8;background:#fff;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:3px;cursor:pointer;color:#365267}
.row-actions-trigger:hover,.row-actions.open .row-actions-trigger{border-color:#0f9b8e;background:#edf9f7;color:var(--teal)}
.row-actions-trigger span{width:3px;height:3px;background:currentColor;border-radius:50%}
.row-actions-menu{position:absolute;right:0;top:39px;width:210px;padding:6px;background:#fff;border:1px solid #dbe5eb;border-radius:12px;box-shadow:0 18px 45px rgba(15,42,63,.18);z-index:30;display:none;text-align:left}
.row-actions.open .row-actions-menu{display:block;animation:rowMenuIn .12s ease}
.row-action-form{margin:0}
.row-action{width:100%;display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#294257;border-radius:8px;padding:9px 10px;cursor:pointer;font-size:12px;text-align:left}
.row-action:hover{background:#edf9f7;color:var(--teal)}
.row-action.danger{color:#b91c1c}.row-action.danger:hover{background:#fff1f2}
.row-actions-menu>i{height:1px;background:#e5edf2;display:block;margin:5px}
.primary-row-action{display:inline-flex;align-items:center;gap:7px;border:1px solid #cbdce4;border-radius:9px;background:#fff;color:#214159;padding:8px 11px;font-weight:700;font-size:11px;cursor:pointer}
.primary-row-action:hover{border-color:var(--teal);color:var(--teal);background:#effaf8}
.record-detail{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid #e1e9ef;border-radius:13px;overflow:hidden}
.record-detail>div{padding:13px 15px;border-bottom:1px solid #e8eef3;border-right:1px solid #e8eef3}
.record-detail span,.record-detail strong{display:block}.record-detail span{font-size:10px;text-transform:uppercase;letter-spacing:.55px;color:#7a8e9f}.record-detail strong{margin-top:4px;color:#17344a}
.modal-footer{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}
@keyframes rowMenuIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}

/* Dispatch page based on the approved visual direction */
.dispatch-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px}
.dispatch-kpi{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #dce7ed;border-radius:14px;padding:16px;min-width:0}
.dispatch-kpi>span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#e7f8f2;color:#059669;font-size:21px}.dispatch-kpi.blue>span{background:#e8f1ff;color:#2563eb}.dispatch-kpi.violet>span{background:#f3e8ff;color:#9333ea}.dispatch-kpi.orange>span{background:#fff0df;color:#ea7a16}
.dispatch-kpi strong,.dispatch-kpi small,.dispatch-kpi b{display:block}.dispatch-kpi b{font-size:23px;letter-spacing:-.5px}.dispatch-kpi strong{font-size:12px}.dispatch-kpi small{font-size:10px;color:#71869a;margin-top:2px}
.fleet-panel{padding:16px}.fleet-panel .fleet{grid-template-columns:repeat(2,1fr);margin:0}.vehicle-card{display:grid!important;grid-template-columns:135px 1fr!important;align-items:center!important;padding:16px!important}.vehicle-visual{height:92px!important;width:130px!important;border-radius:10px!important;background:linear-gradient(145deg,#eef5f7,#fff)!important;font-size:50px!important}.vehicle-card h3{margin:0 0 3px}.vehicle-meta{display:flex;gap:15px;color:#587087;font-size:11px;margin:10px 0}.vehicle-foot{grid-column:1/-1;border-top:1px solid #e6edf2;margin-top:10px;padding-top:11px;display:flex;align-items:center;gap:16px}.vehicle-foot .btn{margin-left:auto;padding:8px 12px}
.table-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.table-toolbar .search{max-width:270px;margin:0}.table-toolbar select{padding:9px;min-width:115px}.quick-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.quick-actions button,.quick-actions a{background:#fff;border:1px solid #dce6ec;border-radius:11px;padding:14px;text-align:center;font-weight:750;color:#24435a}.quick-actions button:hover,.quick-actions a:hover{border-color:var(--teal);color:var(--teal);background:#f1faf8}
@media(max-width:1200px){.dispatch-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.dispatch-kpis{grid-template-columns:repeat(2,1fr)}.fleet-panel .fleet{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(2,1fr)}.record-detail{grid-template-columns:1fr}.row-actions-menu{position:fixed;right:16px;left:16px;top:auto;bottom:16px;width:auto}}

/* Yhire 2026 · paleta comercial cálida y navegación refinada */
:root{--ink:#18203a;--muted:#747892;--line:#e8e5f1;--bg:#f7f6fc;--teal:#6d28d9;--teal2:#8b5cf6;--nav:#151936;--blue:#2563eb;--amber:#f59e0b;--red:#f43f5e;--coral:#fb7185;--sun:#fbbf24;--shadow:0 12px 32px rgba(67,48,125,.08)}
body{background:radial-gradient(circle at 82% 4%,#fff1d9 0,transparent 20%),radial-gradient(circle at 45% 20%,#eee9ff 0,transparent 26%),var(--bg)}
.sidebar{background:linear-gradient(175deg,#141831 0%,#202052 55%,#30205d 100%);padding:22px 14px 16px;box-shadow:12px 0 34px rgba(27,22,69,.16)}
.brand{padding:0 8px 19px}.brand-mark{background:linear-gradient(135deg,#ff8a3d,#f43f5e);box-shadow:0 10px 25px rgba(244,63,94,.32);transform:rotate(-3deg)}.brand strong span{color:#ffd166}.brand small{color:#c4c1e8}
.sidebar nav{min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 8px 15px 2px;margin-right:-5px;scrollbar-width:thin;scrollbar-color:#8b5cf680 transparent;overscroll-behavior:contain}
.sidebar nav::-webkit-scrollbar{width:5px}.sidebar nav::-webkit-scrollbar-track{background:transparent;margin:8px 0}.sidebar nav::-webkit-scrollbar-thumb{background:linear-gradient(#fb7185,#8b5cf6);border-radius:20px}.sidebar nav::-webkit-scrollbar-thumb:hover{background:#fbbf24}
.nav-section{color:#fbbf24;padding-left:13px}.sidebar nav a{color:#d5d4ee;border:1px solid transparent}.sidebar nav a:hover{background:#ffffff10;color:#fff;border-color:#ffffff0d;transform:translateX(2px)}.sidebar nav a.active{background:linear-gradient(100deg,#7c3aed,#4f46e5);box-shadow:0 9px 24px rgba(76,29,149,.34);border-color:#ffffff1a;color:#fff}.sidebar nav a.active:before{content:"";width:5px;height:5px;border-radius:50%;background:#ffd166;box-shadow:0 0 0 4px #ffd16622}.sidebar nav a.active svg{color:#ffd166}.sidebar nav a b{background:linear-gradient(135deg,#fb7185,#f97316);box-shadow:0 4px 10px #f43f5e3d}
.sidebar-foot{border-color:#ffffff1a;background:#ffffff08;border-radius:14px;padding:12px 10px;margin-top:8px}.user-card>span{background:linear-gradient(135deg,#fbbf24,#fb7185);color:#27203f}.user-card small,.sidebar-foot button{color:#c8c5e7}
.topbar{background:#ffffffdc;backdrop-filter:blur(16px);border-color:#ebe7f4}.quick-order{background:linear-gradient(135deg,#f97316,#f43f5e);box-shadow:0 8px 18px #f43f5e2b}.quick-order:hover{transform:translateY(-1px);box-shadow:0 11px 24px #f43f5e38}
.hero,.hero.compact{background:linear-gradient(120deg,#5b21b6 0%,#4f46e5 52%,#2563eb 100%);box-shadow:0 18px 42px rgba(79,70,229,.22)}.hero:before{content:"";position:absolute;width:190px;height:190px;background:#fbbf2430;border-radius:50%;left:48%;bottom:-150px}.hero .eyebrow{color:#ffd166}.hero p{color:#e6e5ff}.hero .btn.primary{background:linear-gradient(135deg,#fbbf24,#f97316);color:#352057;box-shadow:0 8px 20px #f59e0b3d}
.btn.primary{background:linear-gradient(135deg,#7c3aed,#4f46e5);box-shadow:0 7px 15px #6d28d926}.btn.warning{background:linear-gradient(135deg,#fbbf24,#f97316);color:#3b2452}.btn.secondary{background:#f0edff;color:#4c3a87}.eyebrow{color:#6d28d9}
.card{border-color:#ebe7f4;box-shadow:0 10px 28px rgba(62,46,112,.075)}.card:hover{box-shadow:0 14px 34px rgba(62,46,112,.095)}
.metric:before{background:linear-gradient(#8b5cf6,#4f46e5)}.metric.blue:before{background:linear-gradient(#38bdf8,#2563eb)}.metric.amber:before{background:linear-gradient(#fbbf24,#f97316)}.metric.red:before{background:linear-gradient(#fb7185,#e11d48)}
.rank-list b{background:#f0eaff;color:#6d28d9}.bar{background:linear-gradient(180deg,#fb7185,#7c3aed)}.legend i{background:#fb7185}
input:focus,select:focus,textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61c}.route-list button:hover,.route-list button.selected{background:#f4f0ff}.route-list button>span,.debt-list>div>span{background:#f0eaff;color:#6d28d9}.route-list button:nth-child(3n+2)>span{background:#fff0db;color:#d97706}.route-list button:nth-child(3n)>span{background:#ffe8ed;color:#e11d48}
.product-grid button{background:linear-gradient(145deg,#fff,#faf8ff)}.product-grid button:hover{border-color:#8b5cf6;background:#f4f0ff;transform:translateY(-2px);box-shadow:0 8px 18px #6d28d915}.product-grid small{color:#7c3aed}.cart-footer{background:linear-gradient(110deg,#f1edff,#fff2dc)}
.filter-tabs a.active{background:linear-gradient(135deg,#7c3aed,#4f46e5);border-color:transparent}.table-wrap tbody tr:hover td{background:#faf8ff}.table-wrap th{background:#f9f7fd;color:#6c6681}.primary-row-action:hover,.row-actions-trigger:hover,.row-actions.open .row-actions-trigger{border-color:#8b5cf6;color:#6d28d9;background:#f4f0ff}.row-action:hover{background:#f4f0ff;color:#6d28d9}
.warehouse-cards article>span,.fleet article>span,.pos-products button>span{background:linear-gradient(135deg,#f0eaff,#fff0dc);color:#6d28d9}.pos-products button:hover{border-color:#8b5cf6;box-shadow:0 7px 20px #6d28d916}.pos-products em{color:#6d28d9}.lookup-shortcut{background:#f1edff;color:#6d28d9}.pos-total{background:linear-gradient(135deg,#25204d,#4c1d95)}
.login-page{background:#181632}.login-story{background:radial-gradient(circle at 18% 20%,#f9731640 0,transparent 32%),radial-gradient(circle at 72% 75%,#8b5cf64f 0,transparent 28%),linear-gradient(140deg,#171631,#31205f 58%,#3730a3)}.login-story .eyebrow,.login-story h1 em{color:#ffd166}.login-story p{color:#ddd9f8}.login-stats span{color:#c9c3eb}.demo-hint{background:linear-gradient(110deg,#f1edff,#fff1df);color:#5b21b6}
.dispatch-kpi{border-color:#ebe7f4;box-shadow:0 7px 20px #4f46e50a}.dispatch-kpi>span{background:#f0eaff;color:#7c3aed}.quick-actions button:hover,.quick-actions a:hover{border-color:#8b5cf6;color:#6d28d9;background:#f5f1ff}

/* Panel POS independiente · sin fotografías de producto */
.pos-command{background:linear-gradient(120deg,#312e81,#5b21b6 54%,#4f46e5);color:#fff;padding:21px 24px;border-radius:18px;display:flex;align-items:center;gap:24px;margin-bottom:18px;box-shadow:0 16px 38px #4f46e52e;position:relative;overflow:hidden}.pos-command:after{content:"";position:absolute;width:170px;height:170px;border:38px solid #ffffff0b;border-radius:50%;right:16%;top:-92px}.pos-command>*{position:relative;z-index:1}.pos-command h1{font-size:25px;margin:3px 0 4px}.pos-command p{margin:0;color:#e3e0ff}.pos-command .eyebrow{color:#ffd166}.pos-command>.hero-actions,.pos-command>form{margin-left:auto}.pos-command-stats{display:flex;gap:8px;margin-left:auto}.pos-command-stats>span{background:#ffffff12;border:1px solid #ffffff18;padding:10px 13px;border-radius:12px;min-width:105px}.pos-command-stats small,.pos-command-stats b{display:block}.pos-command-stats small{color:#d8d5fb;font-size:9px}.pos-command-stats b{margin-top:3px}
.pos-workspace{grid-template-columns:minmax(560px,1fr) 455px;align-items:start}.pos-workspace .pos-ticket{position:sticky;top:94px}.pos-search-label{gap:5px}.pos-search-label .search{margin:0;font-size:14px;padding:12px}.pos-catalog{padding:17px}.pos-products{grid-template-columns:repeat(4,minmax(135px,1fr));max-height:650px}.pos-products button{min-height:83px;background:linear-gradient(145deg,#fff,#faf8ff);position:relative}.pos-products button:after{content:"+";position:absolute;right:8px;top:7px;color:#8b5cf6;font-size:16px;font-weight:900}.pos-products button>span{flex:none}.pos-products button strong{padding-right:13px}.pos-ticket{padding:18px}.pos-lines{max-height:270px;overflow:auto}
.pos-customer-inline{background:linear-gradient(120deg,#f4f0ff,#fff7e8);border:1px solid #e5ddfb;border-radius:14px;padding:12px;margin:12px 0}.pos-customer-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.pos-customer-heading b{display:block;margin-top:2px}.pos-customer-heading small{color:#7c7391}.pos-document-row{display:grid;grid-template-columns:1fr auto;gap:7px}.pos-document-row input{font-size:15px;font-weight:750;letter-spacing:.5px}.pos-customer-result{margin-top:8px;padding:9px 10px;border-radius:10px;display:flex;align-items:center;gap:9px;min-height:52px}.pos-customer-result>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:900}.pos-customer-result>div{flex:1;min-width:0}.pos-customer-result strong,.pos-customer-result small{display:block}.pos-customer-result small{color:#776f89;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos-customer-result button{border:0;background:transparent;font-size:20px;color:#8b8099;cursor:pointer}.pos-customer-result.neutral{background:#fff}.pos-customer-result.neutral>span{background:#eee9ff;color:#6d28d9}.pos-customer-result.loading{background:#fff7dd}.pos-customer-result.loading>span{background:#fef3c7;color:#b45309}.pos-customer-result.success{background:#eafbf1;border:1px solid #b9efd0}.pos-customer-result.success>span{background:#22c55e;color:#fff}.pos-customer-result.error{background:#fff0f2;border:1px solid #fecdd3}.pos-customer-result.error>span{background:#f43f5e;color:#fff}
.role-market .sidebar{background:linear-gradient(180deg,#12152f,#1c1945 62%,#26205d)}.role-market .brand-mark{background:linear-gradient(135deg,#fbbf24,#f97316);color:#27203f}.role-market .sidebar nav a.active{background:linear-gradient(100deg,#6d28d9,#4f46e5)}.role-market .page-content{max-width:1800px}.role-market .topbar{border-bottom:2px solid #ede9fe}
@media(max-width:1250px){.pos-workspace{grid-template-columns:1fr 390px}.pos-products{grid-template-columns:repeat(3,1fr)}.pos-command-stats{display:none}}
@media(max-width:800px){.pos-command{align-items:flex-start;flex-direction:column}.pos-command>.hero-actions,.pos-command>form{margin-left:0}.pos-workspace{grid-template-columns:1fr}.pos-workspace .pos-ticket{position:static}.pos-products{grid-template-columns:repeat(2,1fr)}}

/* POS 1.5 · menú desplegable, pantalla fija y ticket térmico de 100 mm */
.sidebar-close,.sidebar-scrim{display:none}
.role-market .app-shell{display:block;min-height:100vh}.role-market .app-shell>main{grid-column:auto}.role-market .sidebar{transform:translateX(-110%);transition:transform .24s ease;width:270px;z-index:45}.role-market .sidebar.open,.role-market.menu-open .sidebar{transform:translateX(0)}
.role-market .menu-toggle{display:grid;place-items:center;width:40px;height:40px;margin-right:14px;border-radius:11px;background:#f1edff;color:#5b21b6;cursor:pointer}.role-market .sidebar-close{display:grid;place-items:center;position:absolute;right:12px;top:12px;width:31px;height:31px;border:1px solid #ffffff1c;border-radius:9px;background:#ffffff0d;color:#fff;font-size:21px;cursor:pointer;z-index:2}.role-market .sidebar-scrim{display:block;position:fixed;inset:0;border:0;background:#100d2d8c;backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.2s;z-index:40}.role-market.menu-open .sidebar-scrim{opacity:1;visibility:visible}.role-market.menu-open{overflow:hidden}
.pos-product-pager{display:flex;justify-content:center;align-items:center;gap:10px;padding-top:10px;flex:none}.pos-product-pager button{width:34px;height:30px;border:1px solid #ddd6fe;border-radius:9px;background:#f5f3ff;color:#5b21b6;font-size:20px;cursor:pointer}.pos-product-pager button:disabled{opacity:.35;cursor:not-allowed}.pos-product-pager span{min-width:190px;text-align:center;font-size:10px;color:#746c8e;font-weight:750}
.pos-print-toast{position:fixed;right:22px;top:88px;z-index:35;display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #c4b5fd;border-left:5px solid #7c3aed;border-radius:14px;padding:12px 13px;box-shadow:0 18px 50px #312e8140}.pos-print-toast div{min-width:190px}.pos-print-toast b,.pos-print-toast small{display:block}.pos-print-toast small{color:#746c8e;margin-top:2px}.pos-print-toast>button{border:0;background:transparent;color:#8b8099;font-size:21px;cursor:pointer}.ticket-print-link{padding:7px 10px;background:#ede9fe;color:#5b21b6;white-space:nowrap}
.pos-sales-search{display:flex;gap:8px}.pos-sales-search input{min-width:270px}
@media(min-width:801px){
  html:has(body.page-pos),body.role-market.page-pos{height:100%;overflow:hidden}
  .role-market.page-pos .app-shell,.role-market.page-pos .app-shell>main{height:100vh;min-height:0;overflow:hidden}
  .role-market.page-pos .app-shell>main{display:flex;flex-direction:column}.role-market.page-pos .topbar{position:relative;flex:none}
  .role-market.page-pos .page-content{height:calc(100vh - 76px);width:100%;max-width:none;padding:12px 18px;overflow:hidden;display:flex;flex-direction:column}
  .role-market.page-pos .page-content>.alert{position:fixed;top:85px;left:50%;transform:translateX(-50%);z-index:34;box-shadow:0 12px 35px #312e8130}
  .role-market.page-pos .pos-command{flex:none;padding:11px 17px;margin-bottom:10px;border-radius:14px;min-height:66px}.role-market.page-pos .pos-command h1{font-size:20px}.role-market.page-pos .pos-command p{font-size:11px}.role-market.page-pos .pos-command-stats>span{padding:7px 11px}
  .role-market.page-pos .pos-workspace{flex:1;min-height:0;align-items:stretch;gap:12px}.role-market.page-pos .pos-catalog,.role-market.page-pos .pos-ticket{height:100%;min-height:0;margin:0;overflow:hidden}
  .role-market.page-pos .pos-catalog{display:flex;flex-direction:column;padding:13px}.role-market.page-pos .pos-products{flex:1;min-height:0;max-height:none;overflow:hidden;grid-auto-rows:minmax(0,1fr);margin-top:9px}.role-market.page-pos .pos-products button{min-height:0;height:100%;padding:7px}
  .role-market.page-pos .pos-ticket{position:relative;top:auto;padding:13px}.role-market.page-pos .pos-ticket form{height:100%;min-height:0;display:flex;flex-direction:column}.role-market.page-pos .ticket-heading,.role-market.page-pos .pos-customer-inline,.role-market.page-pos .ticket-options,.role-market.page-pos .pos-total,.role-market.page-pos .pos-charge{flex:none}.role-market.page-pos .pos-customer-inline{margin:7px 0;padding:8px}.role-market.page-pos .pos-customer-result{min-height:42px;padding:6px 8px}.role-market.page-pos .pos-lines{flex:1;min-height:72px;max-height:none;margin:7px 0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8b5cf6 #f1edff}.role-market.page-pos .pos-lines::-webkit-scrollbar{width:6px}.role-market.page-pos .pos-lines::-webkit-scrollbar-thumb{background:#8b5cf6;border-radius:10px}.role-market.page-pos .pos-total{margin:7px 0;padding:9px 12px}.role-market.page-pos .pos-total strong{font-size:22px}.role-market.page-pos .pos-total small{font-size:9px}.role-market.page-pos .pos-charge{padding:10px}
}

body.ticket-page{margin:0;background:#edeaf5;color:#111;font-family:"Arial Narrow",Arial,sans-serif}.thermal-ticket{width:100mm;max-width:100%;min-height:120mm;margin:18px auto;background:#fff;padding:7mm 6mm 9mm;box-shadow:0 16px 55px #241c4b2b;font-size:12px;line-height:1.35}.thermal-ticket header{text-align:center}.ticket-logo{width:14mm;height:14mm;margin:0 auto 2mm;display:grid;place-items:center;border:2px solid #111;border-radius:4mm;font-size:20px;font-weight:900}.thermal-ticket h1{font-size:19px;line-height:1.1;margin:0;text-transform:uppercase;letter-spacing:.4px}.thermal-ticket header>b{display:block;font-size:11px;margin-top:1mm}.thermal-ticket p{margin:1.5mm 0}.ticket-rule{border-top:1.5px dashed #111;margin:3mm 0}.ticket-meta>div{display:flex;justify-content:space-between;align-items:center;font-size:13px}.ticket-meta>div span{font-weight:900}.ticket-meta>div b{font-size:15px}.ticket-client{border-top:1px dashed #111;border-bottom:1px dashed #111;padding:2mm 0;margin:2.5mm 0}.ticket-client p{margin:1mm 0}.thermal-ticket .ticket-items{width:100%;min-width:0;border-collapse:collapse;font-size:10.5px}.thermal-ticket .ticket-items th{padding:1.5mm .5mm;color:#111;background:#f2f2f2;border-top:1px solid #111;border-bottom:1px solid #111;font-size:9px;letter-spacing:0}.thermal-ticket .ticket-items td{padding:1.7mm .5mm;color:#111;border-bottom:1px dotted #999}.thermal-ticket .ticket-items th:nth-child(n+2),.thermal-ticket .ticket-items td:nth-child(n+2){text-align:right}.thermal-ticket .ticket-items th:first-child{width:47%;text-align:left}.ticket-totals{margin:2.5mm 0 3mm 35%}.ticket-totals>div{display:flex;justify-content:space-between;padding:.7mm 0}.ticket-totals .grand{border-top:1.5px solid #111;border-bottom:1.5px solid #111;margin:1mm 0;padding:1.5mm 0;font-size:17px}.thermal-ticket footer{text-align:center;border-top:1px dashed #111;padding-top:3mm}.ticket-barcode{font-family:monospace;letter-spacing:2px;font-weight:900;border:1px solid #111;padding:2mm;margin-bottom:2.5mm}.thermal-ticket footer>strong{font-size:14px}.thermal-ticket footer p{font-size:10px}.ticket-actions{display:flex;justify-content:center;gap:10px;margin:0 auto 25px}.ticket-actions button,.ticket-actions a{border:0;border-radius:10px;padding:11px 17px;background:#5b21b6;color:#fff;font-weight:800;cursor:pointer}.ticket-actions a{background:#fff;color:#5b21b6;border:1px solid #c4b5fd}
@page{size:100mm auto;margin:0}@media print{body.ticket-page{background:#fff}.thermal-ticket{width:100mm;max-width:none;min-height:0;margin:0;padding:5mm 5mm 8mm;box-shadow:none}.ticket-actions{display:none!important}}
@media(max-width:800px){.pos-product-pager{position:sticky;bottom:0;background:#fff;padding-bottom:5px}.role-market.page-pos{overflow:auto}.pos-sales-search{width:100%}.pos-sales-search input{min-width:0;flex:1}.pos-print-toast{left:12px;right:12px;top:76px;flex-wrap:wrap}.thermal-ticket{margin:0 auto;box-shadow:none}}

/* Corrección de catálogo POS: solo se renderiza la página activa */
.pos-products>button[hidden]{display:none!important}
.pos-category-tabs{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:9px 0 1px;flex:none}.pos-category-tabs button{border:1px solid #e4def5;background:#fff;color:#68627d;border-radius:20px;padding:6px 11px;font-size:10px;font-weight:800;cursor:pointer}.pos-category-tabs button:hover{border-color:#a78bfa;color:#5b21b6}.pos-category-tabs button.active{border-color:transparent;background:linear-gradient(135deg,#6d28d9,#4f46e5);color:#fff;box-shadow:0 5px 13px #6d28d92b}
@media(min-width:801px){
  .role-market.page-pos .pos-products{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:10px}
  .role-market.page-pos .pos-products>button{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:11px;border:1px solid #e7e2f2;border-radius:14px;padding:11px 12px;background:linear-gradient(145deg,#fff 0%,#fbfaff 100%);box-shadow:0 4px 12px #3024580a;text-align:left;overflow:hidden}
  .role-market.page-pos .pos-products>button:hover{transform:translateY(-2px);border-color:#a78bfa;background:#fff;box-shadow:0 11px 24px #5b21b618}
  .role-market.page-pos .pos-products>button>span{width:46px;height:46px;border-radius:13px;font-size:14px;background:linear-gradient(145deg,#eee9ff,#fff0dc);box-shadow:inset 0 0 0 1px #ffffffa8}
  .role-market.page-pos .pos-products>button>div{min-width:0;display:flex;flex-direction:column;justify-content:center;height:100%}.role-market.page-pos .pos-products>button small{font-size:8.5px;text-transform:uppercase;letter-spacing:.25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#817a96}.role-market.page-pos .pos-products>button strong{font-size:12.5px;line-height:1.2;margin:4px 0 6px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.role-market.page-pos .pos-products>button em{font-size:15px;line-height:1;color:#5b21b6}.role-market.page-pos .pos-products>button:after{right:11px;top:8px;width:20px;height:20px;display:grid;place-items:center;border-radius:7px;background:#f1edff;font-size:14px}
  .role-market.page-pos .pos-tools{grid-template-columns:minmax(320px,1fr) 210px;gap:12px}.role-market.page-pos .pos-tools input,.role-market.page-pos .pos-tools select{height:44px;background:#fcfbff}.role-market.page-pos .pos-catalog{border-color:#e4def2;box-shadow:0 15px 38px #34265c0d}.role-market.page-pos .pos-ticket{border-color:#e4def2;box-shadow:0 15px 38px #34265c12}
}
@media(min-width:801px) and (max-width:1250px){.role-market.page-pos .pos-products{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}.role-market.page-pos .pos-products>button{grid-template-columns:38px minmax(0,1fr);padding:8px}.role-market.page-pos .pos-products>button>span{width:38px;height:38px}}