.category-chips{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.category-chips button{border:1px solid #e0e9e2;border-radius:24px;background:#fff;color:#76897d;font-size:11px;padding:8px 12px;min-height:36px;white-space:nowrap}.category-chips button[aria-pressed=true]{background:#e3efe8;color:#16694f;border-color:#c7ddcf;font-weight:700}.toolbar{flex-wrap:wrap}.category-chips{order:5;flex-basis:100%}#mobile-summary{display:none}
@media(max-width:600px){
body[data-role="operator"] header{height:60px;min-height:60px;flex-wrap:nowrap;padding:0 16px;gap:8px;align-items:center}
body[data-role="operator"] .brand{font-size:20px;gap:8px;flex-shrink:0;margin-right:0;letter-spacing:-.8px}
body[data-role="operator"] header .logo{width:34px;height:34px;border-radius:10px;flex-shrink:0}
body[data-role="operator"] .account{order:0;flex-wrap:nowrap;width:auto;gap:4px;margin:0 0 0 auto;min-width:0}
body[data-role="operator"] #account-name{display:none}
body[data-role="operator"] .account button{min-height:44px;padding:7px 9px;font-size:10px;line-height:1.2}
body[data-role="operator"] .account #install{max-width:70px}
body[data-role="operator"] main{padding:16px 16px calc(100px + env(safe-area-inset-bottom,0px));max-width:100%;overflow:visible}
body[data-role="operator"] .intro{display:block}
body[data-role="operator"] .intro h1{font-size:24px;line-height:1.2;margin:0 0 5px;letter-spacing:-.9px}
body[data-role="operator"] .intro p{font-size:12px;line-height:1.5;margin:0}
body[data-role="operator"] .intro .local{display:inline-block;font-size:9px;padding:5px 8px;margin-top:9px;max-width:100%;overflow-wrap:anywhere}
body[data-role="operator"] .intro .eyebrow{display:none}
body[data-role="operator"] .operator-nav{position:fixed;bottom:0;left:0;right:0;width:100%;margin:0;border-radius:0;background:#fff;border-top:1px solid #dce7df;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:1fr 1fr;gap:8px;z-index:50;box-shadow:0 -6px 25px #244b3110}
body[data-role="operator"] .operator-nav button{min-height:49px;border-radius:12px;font-size:12px;padding:10px 8px;display:flex;align-items:center;justify-content:center;color:#83968a}
body[data-role="operator"] .operator-nav .active{background:#e6f2ea;color:#176a4e;box-shadow:none}
body[data-role="operator"]:not(.show-results) .stats{display:none}
body[data-role="operator"]:not(.show-results) #mobile-summary{display:flex;gap:15px;justify-content:space-between;padding:11px 13px;margin:14px 0 0;background:white;border:1px solid #e1eae4;border-radius:11px;font-size:10px;color:#85958a}
#mobile-summary strong{font-size:16px;font-weight:750;letter-spacing:-.4px;color:#236d50;margin-right:3px}
body[data-role="operator"].show-results #mobile-summary{display:none}
body[data-role="operator"] .demo-notice{padding:7px 9px;font-size:8px;line-height:1.45;margin-top:10px;letter-spacing:0}
body[data-role="operator"] .catalog-heading{margin:17px 0 0;align-items:center}
body[data-role="operator"] .catalog-heading h2{display:none}
body[data-role="operator"] .catalog-heading .eyebrow{font-size:8px;letter-spacing:1.2px}
body[data-role="operator"] .catalog-heading>span{font-size:9px}
.toolbar,body[data-role="operator"] .toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;position:sticky;top:0;z-index:20;background:#f7f8fa;padding:10px 0;margin:8px 0 12px;border-bottom:1px solid #e5ece7}
.toolbar #search{order:0;width:100%;max-width:100%;min-height:46px;font-size:16px;line-height:1.3;padding:11px 13px;border-radius:12px;background:white;border-color:#d8e5dd;box-shadow:0 2px 6px #244b3104}
.toolbar .tabs{order:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%;flex-basis:auto}
.toolbar .tabs button{min-height:44px;padding:7px 4px;font-size:11px;border-radius:9px}
.toolbar .category-chips{order:2;display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;gap:5px;padding:0 0 2px;max-width:100%;-webkit-overflow-scrolling:touch}
.category-chips::-webkit-scrollbar{display:none}
.toolbar .category-chips button{flex-shrink:0;min-height:44px;padding:8px 11px;font-size:10px}
.toolbar #manage{order:3;min-height:44px}
body[data-role="operator"] .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
body[data-role="operator"] .card{min-width:0;border-radius:14px;display:flex;flex-direction:column}
body[data-role="operator"] .card:hover{transform:none}
body[data-role="operator"] .photo img{height:168px;object-fit:contain}
body[data-role="operator"] .photo:hover img{transform:none}
body[data-role="operator"] .badge{top:9px;left:8px;font-size:8px;padding:4px 6px}
body[data-role="operator"] .info{padding:11px;display:flex;flex-direction:column;flex:1}
body[data-role="operator"] .info h3{font-size:12px;line-height:1.4;white-space:normal;text-overflow:clip;overflow-wrap:anywhere;margin:0 0 8px;min-height:34px;display:block;overflow:visible}
body[data-role="operator"] .stock{font-size:9px;gap:2px;flex-wrap:wrap;margin-bottom:10px}
body[data-role="operator"] .stock b{font-size:18px}
body[data-role="operator"] .out{min-height:44px;padding:10px 4px;font-size:11px;margin-top:auto;border-radius:9px;touch-action:manipulation}
body[data-role="operator"] #toast{bottom:calc(87px + env(safe-area-inset-bottom,0px));z-index:60;width:max-content;max-width:calc(100vw - 28px);font-size:12px;padding:12px 14px;line-height:1.5}
body[data-role="operator"] #toast button{min-height:44px;margin-left:8px}
body[data-role="operator"] footer{font-size:9px;line-height:1.6;gap:12px}
body[data-role="operator"] .history{margin-top:25px}
}
@media(max-width:360px){body[data-role="operator"] .brand{font-size:18px;gap:6px}body[data-role="operator"] header{gap:5px;padding:0 12px}body[data-role="operator"] .account button{padding:7px}body[data-role="operator"] .photo img{height:160px}body[data-role="operator"] .out{font-size:10px}}


@media(max-width:600px){body[data-role="operator"] .analytics-chart svg{min-width:0}body[data-role="operator"] .analytics-chart text{font-size:22px}body[data-role="operator"] #toast{bottom:calc(88px + env(safe-area-inset-bottom,0px));width:calc(100% - 32px);font-size:12px}}

.search-field{position:relative;width:240px;min-width:0}.toolbar .search-field input{width:100%;padding-right:46px}.catalog-clear-search{position:absolute;right:3px;top:50%;transform:translateY(-50%);width:40px;height:40px;padding:0;background:transparent;border:0;color:#72877a;border-radius:9px}.catalog-clear-search[hidden]{display:none}.catalog-empty{grid-column:1/-1;padding:35px 20px}.catalog-empty strong{color:#53695b;font-size:14px}.catalog-empty p{font-size:12px}.catalog-empty button{font-size:12px;min-height:44px}form select{display:block;width:100%;margin-top:8px;font:inherit;padding:12px;border:1px solid #dce1e5;border-radius:9px;background:white}@media(max-width:600px){.toolbar .search-field{width:100%;order:0}.toolbar .search-field input{width:100%;min-height:46px;padding-right:46px}.catalog-clear-search{min-height:40px;min-width:40px}}