.cmp-page{--lab:150px;--colmin:190px;gap:16px;min-width:0;display:grid}.cmp-page .ph-row{flex-wrap:wrap;margin-bottom:0}.cmp-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cmp-scroll{scroll-snap-type:x proximity;scroll-padding-left:var(--lab);-webkit-overflow-scrolling:touch;margin:0 -2px;padding-bottom:6px;overflow-x:auto}.cmp-scroll:focus-visible{outline:2px solid var(--esmi-focus);outline-offset:2px}.cmp-inner{min-width:calc(var(--lab) + var(--n) * var(--colmin));gap:14px;padding:2px;display:grid}.cmp-row{grid-template-columns:var(--lab) repeat(var(--n), minmax(0, 1fr));align-items:stretch;gap:12px;display:grid}.cmp-label{z-index:2;background:var(--esmi-bg);color:var(--esmi-muted);align-self:center;padding-right:8px;font-size:13px;font-weight:700;position:sticky;left:0}.cmp-heads .cmp-label{background:0 0}.cmp-col{scroll-snap-align:start;align-content:start;gap:6px;padding:14px 16px;display:grid}.cmp-col.off{background:var(--esmi-widget)}.cmp-col-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.cmp-x{width:44px;height:44px;color:var(--esmi-muted);border-radius:50%;place-items:center;margin:-10px -12px 0 0;display:grid}.cmp-x:hover{background:var(--esmi-widget-soft);color:var(--esmi-ink)}.cmp-x .ico{width:16px;height:16px}.cmp-name{font:800 var(--text-lg)/1.25 var(--font-display);color:var(--esmi-ink);overflow-wrap:anywhere;margin:0}.cmp-sub{color:var(--esmi-muted);margin:0;font-size:13px;line-height:1.4}.cmp-open{color:var(--esmi-primary-text);align-items:center;min-height:44px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.cmp-open:hover{text-decoration:underline}.cmp-sec{gap:4px;padding:16px 0 10px;display:grid}.cmp-sec>.h2,.cmp-sec>.cmp-hint{padding:0 20px;position:sticky;left:0}.cmp-hint{color:var(--esmi-text-soft);max-width:640px;margin:0 0 6px;font-size:12.5px}.cmp-grid{padding:0 20px;display:grid}.cmp-grid .cmp-row{border-top:1px solid var(--esmi-border);padding:10px 0}.cmp-namesrow{border-top:0!important;padding:0 0 2px!important}.cmp-short{letter-spacing:.06em;text-transform:uppercase;color:var(--esmi-secondary-text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;overflow:hidden}.cmp-grid .cmp-label{background:var(--esmi-bg)}.cmp-cell{min-width:0;color:var(--esmi-ink);overflow-wrap:anywhere;align-items:center;font-size:14px;display:flex}.cmp-num{gap:5px;width:100%;display:grid}.cmp-num b{font:700 16px/1.2 var(--font-display);font-variant-numeric:tabular-nums}.cmp-num.max b{color:var(--esmi-ink);font-weight:800}.cmp-num small{font:600 12px var(--font-body);color:var(--esmi-muted)}.cmp-bar{background:var(--esmi-widget-soft);border-radius:3px;max-width:160px;height:6px;display:block;overflow:hidden}.cmp-bar s{background:var(--esmi-primary);border-radius:3px;height:100%;display:block}.cmp-nil{color:var(--esmi-text-soft)}.cmp-lock{color:var(--esmi-text-soft);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.cmp-lock .ico{width:14px;height:14px}.cmp-grade{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cmp-g{border:1.5px solid var(--esmi-primary-text);width:28px;height:28px;color:var(--esmi-primary-text);font:800 14px var(--font-display);border-radius:9px;place-items:center;display:grid}.cmp-grade small{color:var(--esmi-text-soft);font-size:12px}.cmp-foot,.cmp-note{color:var(--esmi-text-soft);margin:0;font-size:12.5px;line-height:1.45}.cmp-need{margin:0}.cmp-empty{background:var(--esmi-widget);justify-items:start;gap:8px;display:grid}.cmp-empty .ico{width:28px;height:28px;color:var(--esmi-primary-text)}.cmp-empty p{color:var(--esmi-muted);max-width:620px;margin:0}.cmp-picker{gap:10px;max-width:760px;display:grid}.cmp-search input{border:1px solid var(--esmi-border-strong);border-radius:var(--r-btn);width:100%;min-height:48px;color:var(--esmi-ink);background:var(--esmi-bg);padding:8px 14px;font-size:15px}.cmp-search input:focus-visible{outline:2px solid var(--esmi-focus);outline-offset:2px}.cmp-hits ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.cmp-hits li{border-top:1px solid var(--esmi-border);justify-content:space-between;align-items:center;gap:12px;padding:8px 4px;display:flex}.cmp-hit{gap:1px;min-width:0;display:grid}.cmp-hit b{color:var(--esmi-ink);overflow-wrap:anywhere;font-size:14px}.cmp-hit small{color:var(--esmi-text-soft);font-size:12px}.cmp-hits .btn{min-height:44px}.cmp-added{color:var(--esmi-muted);font-size:12.5px}.cmp-basket{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cmp-basket .btn{min-height:44px}.cmp-toggle{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.cmp-toggle .btn.on{border-color:var(--esmi-primary);color:var(--esmi-primary-text);background:var(--esmi-widget-soft)}.cmp-toggle .btn[disabled]{opacity:.55;cursor:not-allowed}.cmp-now{color:var(--esmi-primary-text);align-items:center;min-height:44px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.cmp-now:hover{text-decoration:underline}.cmp-check{min-height:44px;color:var(--esmi-ink);cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.cmp-check input{width:20px;height:20px;accent-color:var(--esmi-primary)}@media (max-width:760px){.cmp-page{--lab:104px;--colmin:164px}.cmp-label{font-size:12px}.cmp-grid,.cmp-sec>.h2,.cmp-sec>.cmp-hint{padding:0 14px}.cmp-row{gap:8px}.cmp-col{gap:4px;padding:12px}.cmp-name{font-size:15px}.cmp-sub{display:none}.cmp-heads .cmp-label{min-width:0}.cmp-actions .btn{flex:140px}.cmp-hits li{flex-wrap:wrap}}@media print{body:has(.cmp-page) .mi-top{display:none!important}body:has(.cmp-page) .rail{display:none!important}body:has(.cmp-page) .mi-rail{display:none!important}body:has(.cmp-page) .mi-tabbar{display:none!important}body:has(.cmp-page) .ketut-fab{display:none!important}body:has(.cmp-page) .kt-fab{display:none!important}body:has(.cmp-page) footer{display:none!important}body:has(.cmp-page) .crumbs{display:none!important}body:has(.cmp-page) .mi-app{display:block!important}.cmp-noprint,.cmp-actions,.cmp-x{display:none!important}.cmp-scroll{overflow:visible}.cmp-inner{min-width:0}.cmp-label{position:static}.cmp-sec,.cmp-col{-moz-column-break-inside:avoid;break-inside:avoid;box-shadow:none}.cmp-page{--lab:120px}}.cmp-skel{gap:10px;min-height:120px}.cmp-skel i,.cmp-skel-sec i{background:var(--esmi-widget-soft);border-radius:7px;height:14px;display:block}.cmp-skel i:first-child{width:40%}.cmp-skel i:nth-child(2){width:85%;height:20px}.cmp-skel i:nth-child(3){width:60%}.cmp-skel-sec{gap:14px;min-height:150px;padding:20px;display:grid}.cmp-skel-sec i:first-child{width:30%;height:18px}.cmp-skel-sec i:nth-child(2),.cmp-skel-sec i:nth-child(3){width:100%}
