/* Khoodoruth v587 styles for the verbatim pages, scoped under .kh-host and re-skinned to the Squid palette. Generated from khoodoruth styles.css; 403 rules. */
.kh-host .container{max-width:1440px;margin:0 auto;padding:0 22px}
.kh-host .top-strip .container{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:7px;padding-bottom:7px}
.kh-host .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:#fff;color:#111;border-radius:999px;padding:11px 16px;font-weight:800;cursor:pointer}
.kh-host .btn.red{background:var(--squid-magenta);border-color:var(--squid-magenta);color:#fff}
.kh-host .btn.red:hover{background:var(--squid-orange)}
.kh-host .btn.yellow{background:var(--amber);border-color:var(--amber-dark);color:#111}
.kh-host .btn.ghost{background:#fff;color:#111}
.kh-host .btn.dark{background:#111;color:#fff;border-color:#111}
.kh-host .section-title{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}
.kh-host .section-title p{margin:0 0 4px;color:var(--squid-magenta);font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.08em}
.kh-host .section-title h2{margin:0;font-size:28px}
.kh-host .muted{color:var(--muted);font-size:13px}
.kh-host .page{padding-top:24px;padding-bottom:42px}
.kh-host .table{width:100%;border-collapse:collapse;background:#fff}
.kh-host .table th,.kh-host .table td{border-bottom:1px solid #eee;text-align:left;padding:12px}
.kh-host .table th{background:#f9fafb;color:#374151}
.kh-host .cart-panel,.kh-host .account-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}
.kh-host .dashboard{display:grid;grid-template-columns:250px 1fr;gap:24px}
.kh-host .close{position:absolute;right:14px;top:12px;border:0;background:transparent;font-size:26px;cursor:pointer}
.kh-host .form-message{margin-top:12px;color:var(--squid-orange);font-weight:700}
@media(max-width:900px){.kh-host .shop-layout,.kh-host .detail,.kh-host .cart-layout,.kh-host .dashboard{grid-template-columns:1fr}}
@media(max-width:520px){.kh-host .container{padding:0 14px}.kh-host .section-title{align-items:flex-start;flex-direction:column}}
.kh-host .checkout-steps span.active{background:#111;color:var(--squid-amber);border-color:#111}
@media(max-width:900px){.kh-host .top-strip .container{flex-wrap:wrap}}
.kh-host .hero-actions .btn{min-width:150px;height:44px;}
.kh-host .orders-filter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end;margin-bottom:18px;}
.kh-host .orders-filter label{font-size:13px;font-weight:800;color:#374151;display:grid;gap:6px;}
.kh-host .orders-filter input,.kh-host .orders-filter select{height:42px;border:1px solid #d1d5db;border-radius:9px;padding:0 10px;background:#fff;}
@media(max-width:900px){.kh-host .orders-filter{grid-template-columns:1fr}.kh-host .hero-actions .btn{width:100%;}}
.kh-host .hero-actions .btn{min-width:160px;height:44px}
.kh-host .faq-page .account-card{padding:0;overflow:hidden}
.kh-host .faq-chip.active,.kh-host .faq-chip:hover{background:#111;color:#fff;border-color:#111}
.kh-host .empty-state{padding:30px;text-align:center;color:#555}
.kh-host .btn:disabled{opacity:.65;cursor:not-allowed}
.kh-host .btn.danger,.kh-host .danger{border-color:var(--squid-magenta)!important;color:var(--squid-orange)!important;}
.kh-host .btn[disabled]{opacity:.55;cursor:not-allowed;}
.kh-host .confirm-row.total{border-bottom:0;margin-top:4px;font-size:20px}
.kh-host .confirm-row.total b{color:var(--squid-magenta)}
@media(max-width:760px){.kh-host .confirm-actions .btn{width:100%;text-align:center}}
.kh-host .hero-slide.active{opacity:1;pointer-events:auto;}
.kh-host .hero-dots button.active{width:28px;background:var(--squid-amber);border-color:var(--squid-amber);}
.kh-host .hero-actions .btn{white-space: nowrap;}
.kh-host .hero-actions .btn{white-space:nowrap;}
@media(max-width:620px){.kh-host .hero-actions .btn{width:auto}}
.kh-host .secure-menu a.active{background:#fef2f2;color:var(--squid-magenta);font-weight:900;}
.kh-host .company-orders-title{align-items:center}
.kh-host .company-kpi-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 16px}
.kh-host .company-kpi-strip>div{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:13px 14px;box-shadow:0 8px 18px rgba(15,23,42,.05)}
.kh-host .company-kpi-strip span{display:block;color:#6b7280;font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.04em}
.kh-host .company-kpi-strip b{display:block;margin-top:5px;font-size:20px;color:#111827;white-space:nowrap}
.kh-host .company-filter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end;margin-bottom:16px}
.kh-host .company-filter label{font-size:12px;font-weight:900;color:#374151}
.kh-host .company-filter input,.kh-host .company-filter select{width:100%;height:40px;margin-top:5px;border:1px solid #d1d5db;border-radius:10px;padding:0 10px;background:#fff}
.kh-host .company-order-list{display:grid;gap:10px}
.kh-host .btn.small,.kh-host .btn.mini{padding:8px 12px;font-size:12px}
.kh-host .bo-modal-backdrop{position:fixed;inset:0;background:rgba(17,24,39,.64);z-index:120;display:grid;place-items:center;padding:24px}
.kh-host .bo-order-modal{width:min(1180px,96vw);max-height:92vh;overflow:auto;background:#f9fafb;border-radius:24px;box-shadow:0 30px 100px rgba(0,0,0,.38);border:1px solid rgba(255,255,255,.35);padding:22px}
.kh-host .bo-modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}
.kh-host .bo-modal-head p{margin:0 0 3px;color:var(--squid-magenta);font-size:12px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}
.kh-host .bo-modal-head h2{margin:0;font-size:28px}
.kh-host .bo-panel,.kh-host .bo-summary{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:16px;box-shadow:0 10px 24px rgba(15,23,42,.06)}
.kh-host .bo-panel h3,.kh-host .bo-summary h3{margin:0 0 12px}
.kh-host .predictive-wrap{position:relative}
.kh-host .predictive-wrap input{width:100%;height:44px;border:1px solid #d1d5db;border-radius:12px;padding:0 13px}
.kh-host .predictive-results{position:absolute;z-index:9999;left:0;right:0;top:50px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 18px 40px rgba(15,23,42,.16);overflow:hidden;max-height:330px;overflow-y:auto}
.kh-host .predictive-results:empty{display:none}
.kh-host .predictive-results button{width:100%;border:0;background:#fff;padding:11px 12px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;border-bottom:1px solid #f3f4f6}
.kh-host .predictive-results button:hover{background:#fef2f2}
.kh-host .predictive-results b{display:block;color:#111827}
.kh-host .predictive-results span,.kh-host .predictive-results small{display:block;color:#6b7280;font-size:12px}
.kh-host .predictive-loading,.kh-host .predictive-empty{padding:14px;color:#6b7280;font-size:13px}
.kh-host .selected-client-card{margin-top:14px;border:1px dashed #d1d5db;border-radius:14px;padding:14px;background:#fafafa}
.kh-host .client-selected b{display:block;color:#111827}
.kh-host .client-selected span,.kh-host .client-selected small{display:block;margin-top:4px;color:#6b7280}
.kh-host .tiny-product-img{width:42px;height:42px;object-fit:contain;background:#fff;border:1px solid #eee;border-radius:10px;padding:3px}
.kh-host .bo-order-lines{display:grid;gap:10px}
.kh-host .summary-line{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #f3f4f6}
.kh-host .summary-line span{color:#6b7280}
.kh-host .summary-line b{text-align:right}
.kh-host .summary-line.total{font-size:18px;border-bottom:0}
.kh-host .summary-line.total b{color:var(--squid-orange)}
.kh-host .empty-state.compact{padding:18px;border:1px dashed #d1d5db;border-radius:14px;background:#fafafa}
.kh-host .empty-state.compact h3{margin:0 0 4px}
@media(max-width:980px){.kh-host .company-kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.kh-host .company-filter{grid-template-columns:1fr 1fr}.kh-host .bo-modal-backdrop{padding:10px}.kh-host .bo-order-modal{max-height:96vh}}
.kh-host .erp-order-modal{width:min(1320px,97vw);background:#f3f4f6;padding:0;overflow:hidden}
.kh-host .erp-head{background:#111827;color:#fff;margin:0;padding:20px 24px}
.kh-host .erp-head p{color:#fca5a5}
.kh-host .erp-head h2{color:#fff}
.kh-host .erp-head span{display:block;color:#d1d5db;font-size:13px;margin-top:4px}
.kh-host .erp-client-panel,.kh-host .erp-lines-panel,.kh-host .erp-summary{border-radius:14px;box-shadow:none;border:1px solid #d1d5db}
.kh-host .erp-lines-panel{min-width:0}
.kh-host .erp-line-header{display:grid;grid-template-columns:minmax(260px,1fr) 92px 70px 110px 70px 110px 38px;gap:10px;align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:9px 10px;color:#6b7280;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}
.kh-host .erp-lines{gap:8px}
.kh-host .erp-product-cell{display:flex;align-items:center;gap:10px;min-width:0}
.kh-host .erp-product-cell img{width:42px;height:42px;object-fit:contain;background:#fff;border:1px solid #eee;border-radius:8px;padding:3px;flex:0 0 auto}
.kh-host .erp-product-cell b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kh-host .summary-client-box{border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb;padding:11px;margin-bottom:10px}
.kh-host .summary-client-box span{display:block;color:#6b7280;font-size:11px;text-transform:uppercase;font-weight:900}
.kh-host .summary-client-box b{display:block;margin-top:4px;color:#111827}
.kh-host .summary-client-box small{display:block;color:#6b7280;margin-top:4px;line-height:1.35}
.kh-host .predictive-results button small{line-height:1.35}
@media(max-width:1100px){.kh-host .erp-line-header{display:none}.kh-host .erp-product-cell b{white-space:normal}}
.kh-host .title-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.kh-host .erp-order-layout-v59{display:grid;grid-template-rows:auto auto 1fr auto;gap:14px;padding:16px;max-height:calc(94vh - 88px);overflow:auto;background:#f3f4f6}
.kh-host .erp-top-panel{display:grid;grid-template-columns:minmax(360px,.95fr) minmax(420px,1.4fr);gap:14px}
.kh-host .erp-client-box,.kh-host .erp-order-details-box,.kh-host .erp-product-entry,.kh-host .v59-lines-panel,.kh-host .v59-summary{background:#fff;border:1px solid #d1d5db;border-radius:16px;padding:16px;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.kh-host .erp-client-box h3,.kh-host .erp-order-details-box h3,.kh-host .erp-product-entry h3{margin:0 0 10px;color:#111827}
.kh-host .erp-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.kh-host .erp-detail-grid label{display:flex;flex-direction:column;gap:5px;color:#6b7280;font-size:11px;text-transform:uppercase;font-weight:900}
.kh-host .erp-detail-grid input{border:1px solid #e5e7eb;border-radius:10px;padding:10px;background:#f9fafb;color:#111827;font-weight:800}
.kh-host .v59-summary{display:grid;grid-template-columns:1.3fr 1.4fr auto;gap:16px;align-items:center}
.kh-host .v59-summary h3{margin:0 0 8px}
.kh-host .summary-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.kh-host .summary-actions{display:grid;gap:8px;min-width:190px}
.kh-host .summary-actions .btn{width:100%}
.kh-host .company-orders-title .title-actions .btn{min-height:40px}
.kh-host .dashboard .section-title .title-actions .btn{min-height:38px}
.kh-host .btn.small{padding:7px 10px;font-size:12px}
@media(max-width:1250px){.kh-host .erp-top-panel{grid-template-columns:1fr}.kh-host .erp-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kh-host .v59-summary{grid-template-columns:1fr}.kh-host .summary-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.kh-host .title-actions{justify-content:flex-start}.kh-host .erp-detail-grid,.kh-host .summary-metrics{grid-template-columns:1fr}.kh-host .erp-order-layout-v59{padding:10px}.kh-host .erp-client-box,.kh-host .erp-order-details-box,.kh-host .erp-product-entry,.kh-host .v59-lines-panel,.kh-host .v59-summary{padding:12px}}
.kh-host .v60-erp-modal{max-width:1500px;width:min(96vw,1500px);}
.kh-host .v60-order-layout{grid-template-columns:1fr;gap:14px;}
.kh-host .v60-top-panel{display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,1fr);gap:14px;}
.kh-host .v60-lines-panel{padding:0;overflow:visible;}
.kh-host .v60-lines-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #e7e7e7;background:#fff;}
.kh-host .v60-lines-toolbar h3{margin:0;font-size:20px;color:#111827;}
.kh-host .v60-lines-toolbar span{display:block;margin-top:3px;color:#6b7280;font-size:13px;}
.kh-host .v60-line-actions{display:flex;gap:10px;align-items:center;white-space:nowrap;}
.kh-host .line-product-search{display:flex;align-items:center;gap:8px;position:relative;}
.kh-host .line-product-search input{width:100%;min-width:220px;border:1px solid #d1d5db;border-radius:10px;padding:11px 12px;font-size:14px;outline:none;background:#fff;}
.kh-host .line-product-search input:focus{border-color:var(--squid-orange);box-shadow:0 0 0 3px rgba(185,28,28,.12);}
.kh-host .line-browse-btn{border:1px solid #d1d5db;background:#f9fafb;border-radius:10px;padding:10px 12px;font-weight:700;cursor:pointer;}
.kh-host .line-product-results{top:46px;left:0;right:0;z-index:9999;max-height:290px;overflow-y:auto;overflow-x:hidden;}
.kh-host .v60-selected-product{gap:12px;}
.kh-host .v60-selected-product img{width:54px;height:54px;border-radius:12px;background:#fff;border:1px solid #e5e7eb;object-fit:contain;padding:4px;}
.kh-host .line-product-actions{display:flex;gap:8px;margin-top:5px;}
.kh-host .line-product-actions button{border:0;background:transparent;color:var(--squid-orange);font-weight:700;font-size:12px;cursor:pointer;padding:0;}
.kh-host .product-picker-head .close{background:rgba(255,255,255,.1);color:#fff;border:0;border-radius:999px;width:38px;height:38px;font-size:24px;cursor:pointer;}
@media(max-width:1000px){.kh-host .v60-top-panel{grid-template-columns:1fr}.kh-host .v60-lines-toolbar{align-items:flex-start;flex-direction:column}.kh-host .v60-line-actions{width:100%;justify-content:space-between}}
.kh-host .product-picker-list button.active{border-color:var(--squid-orange);background:#fff1f1;box-shadow:0 0 0 2px rgba(185,28,28,.10) inset;}
.kh-host .v60-selected-product small{display:block;min-height:16px;color:#6b7280;}
.kh-host .line-product-actions{display:flex;gap:8px;align-items:center;margin-top:8px;}
.kh-host .line-product-actions button{display:inline-flex;align-items:center;justify-content:center;min-width:62px;height:28px;border:1px solid #fecaca;background:#fff5f5;color:#991b1b;border-radius:8px;font-weight:800;font-size:12px;cursor:pointer;padding:0 10px;}
.kh-host .line-product-actions button:hover{background:#fee2e2;border-color:#fca5a5;}
.kh-host .rich-client-selected{gap:6px}
.kh-host .erp-detail-grid select{width:100%;border:1px solid #d9e0ea;border-radius:10px;padding:10px;background:#fff;font-weight:700}
.kh-host .v60-erp-line .erp-money:focus,.kh-host .erp-qty:focus,.kh-host .erp-detail-grid select:focus{outline:2px solid rgba(201,23,30,.16);border-color:#c9171e}
.kh-host .bo-summary .summary-metrics{grid-template-columns:repeat(5,minmax(110px,1fr));align-items:stretch}
.kh-host .summary-line.total{background:#111827;color:#fff;border-radius:14px;padding:12px}
.kh-host .summary-line.total span,.kh-host .summary-line.total b{color:#fff}
@media(max-width:1100px){.kh-host .bo-summary .summary-metrics{grid-template-columns:repeat(2,1fr)}}
.kh-host .summary-tile-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;}
.kh-host .summary-tile-grid .summary-line{display:block;border:1px solid #e7ecf3;border-bottom:1px solid #e7ecf3;border-radius:14px;background:#fff;padding:10px 12px;min-width:0;}
.kh-host .summary-tile-grid .summary-line span{display:block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#64748b;margin-bottom:6px;}
.kh-host .summary-tile-grid .summary-line b{display:block;text-align:left;font-size:16px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.kh-host .summary-tile-grid .summary-line.total{background:#111827;border-color:#111827;}
.kh-host .summary-tile-grid .summary-line.total b,.kh-host .summary-tile-grid .summary-line.total span{color:#fff;}
.kh-host .erp-detail-grid input[type=date]{width:100%;border:1px solid #d9e0ea;border-radius:10px;padding:10px;background:#fff;font-weight:700;}
@media(max-width:980px){.kh-host .summary-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
.kh-host .bo-modal-backdrop{overscroll-behavior:contain;}
.kh-host .summary-tile-grid .summary-line{box-shadow:0 8px 18px rgba(15,23,42,.04);}
.kh-host .summary-tile-grid .summary-line span{white-space:nowrap;font-size:10px;letter-spacing:.03em;}
.kh-host .summary-tile-grid .summary-line span{white-space:normal}
.kh-host }


.line-product-search{display:flex;align-items:center;gap:8px;position:relative;background:#fff;border:1px solid #d1d5db;border-radius:14px;padding:4px;}
.kh-host .line-product-search input{border:0!important;box-shadow:none!important;flex:1;min-width:0;padding:10px 12px!important;background:transparent!important;}
.kh-host .line-product-search .line-browse-btn{white-space:nowrap;border-radius:10px;background:#111827;color:#fff;border-color:#111827;padding:10px 14px;}
.kh-host .line-product-actions.single-action{margin-top:6px;display:flex;justify-content:flex-start;}
.kh-host .line-browse-link{border:1px solid #d1d5db!important;background:#fff!important;color:#111827!important;border-radius:999px!important;width:auto!important;height:auto!important;padding:6px 12px!important;font-size:12px;font-weight:900;}
.kh-host .line-product-search.with-icon-button{display:flex;align-items:center;gap:8px;}
.kh-host .line-product-search.with-icon-button input{padding-right:42px;}
.kh-host .line-browse-btn.icon-only{position:absolute;right:6px;top:6px;width:32px!important;height:32px!important;border-radius:10px!important;display:grid;place-items:center;background:#111827!important;color:#fff!important;border:0!important;font-size:14px!important;line-height:1;}
.kh-host .btn.small{padding:8px 10px;font-size:12px}
.kh-host .tree-node:hover,.kh-host .tree-node.active{background:#fff1f2;color:var(--squid-orange)}
.kh-host .view-switch button.active{background:#111827;color:white}
.kh-host .summary-actions{display:flex;gap:8px;flex-wrap:wrap}
.kh-host .btn.small{padding:8px 11px;font-size:12px}
.kh-host .payment-state-card.error{border-color:#fecaca;background:#fff5f5;color:#991b1b}
.kh-host .loader-spinner.small{width:36px;height:36px;border-width:4px}
.kh-host .company-products-tree .tree-node.sub:hover,.kh-host .company-products-tree .tree-node.sub.active{background:#fee2e2;color:#991b1b;border-color:#fecaca}
.kh-host .tree-node.active{background:#991b1b;color:#fff}
.kh-host .tree-node.active em,.kh-host .tree-node.active span{color:#fff}
.kh-host .tree-node.all.active{background:#111827;color:#fff}
.kh-host .dashboard{align-items:start;grid-auto-rows:min-content}
.kh-host .dashboard>.dash-menu{grid-row:1 / span 50;align-self:start}
.kh-host .product-editor-modal .bo-modal-head{position:sticky;top:0;z-index:1;background:linear-gradient(135deg,#111827,#1f2937);color:#fff;border-radius:24px 24px 0 0}
.kh-host .modal-loading-card{padding:30px;color:#64748b}
.kh-host .mini-loader{width:22px;height:22px;border-radius:50%;border:3px solid #fee2e2;border-top-color:var(--squid-orange);animation:spin .75s linear infinite;display:inline-block;vertical-align:middle;margin-right:10px}
.kh-host .v82-product-form .account-card{box-shadow:0 10px 28px rgba(15,23,42,.08);border:1px solid #e2e8f0}
.kh-host .skeleton-blur-area .account-card,.kh-host .skeleton-blur-area .company-order-list{filter:blur(.15px)}
.kh-host .entity-table-header,.kh-host .entity-table-row{display:grid;grid-template-columns:minmax(220px,2fr) minmax(120px,1fr) minmax(120px,1fr) minmax(130px,1fr) minmax(120px,.8fr);gap:14px;align-items:center;padding:13px 16px}
.kh-host .entity-table-header{background:linear-gradient(180deg,#f7f8fb,#eef1f6);font-size:12px;font-weight:900;text-transform:uppercase;color:#4b5563;letter-spacing:.05em;border-bottom:1px solid #e6e8ee}
.kh-host .entity-table-row{border-bottom:1px solid #f0f2f5;font-size:14px;color:#111827}
.kh-host .entity-table-row:last-child{border-bottom:0}
.kh-host .entity-table-row:hover{background:#fff8f8}
@media(max-width:850px){.kh-host .entity-table-header{display:none}.kh-host .entity-table-row{grid-template-columns:1fr;gap:6px}.kh-host .entity-table-row>div:not(.entity-name-cell):before{display:inline-block;min-width:76px;font-weight:800;color:#6b7280}.kh-host .entity-table-row>div:nth-child(2):before{content:'BRN'}.kh-host .entity-table-row>div:nth-child(3):before{content:'VAT'}.kh-host .entity-table-row>div:nth-child(4):before{content:'Phone'}.kh-host .entity-table-row>div:nth-child(5):before{content:'Balance'}}
.kh-host .entity-table-head,.kh-host .entity-table-row{display:grid;grid-template-columns:2.1fr 1fr 1fr 1.1fr 1fr .75fr;gap:12px;align-items:center}
.kh-host .entity-table-row{border:1px solid #edf0f5;border-radius:16px;padding:12px 14px;background:#fff;margin-bottom:8px;transition:.16s}
.kh-host .entity-table-row:hover{border-color:#d7dae2;box-shadow:0 10px 25px rgba(15,23,42,.06)}
@media(max-width:760px){.kh-host .entity-table-row{grid-template-columns:1fr}}
.kh-host .empty-state.small{padding:20px}
.kh-host .dashboard{align-items:start}
.kh-host .secure-menu a.secure-menu-link.active,.kh-host .secure-menu a.active{background:#fee2e2;color:#991b1b;font-weight:900}
.kh-host .secure-breadcrumb.compact{height:auto!important;min-height:0!important;padding:2px 0!important;margin:0 0 10px!important;font-size:12px!important;line-height:1.2!important;background:transparent!important;border:0!important;box-shadow:none!important}
@media(max-width:900px){.kh-host .dashboard{grid-template-columns:1fr}}
.kh-host .dashboard > nav.dash-menu.secure-menu{width:100% !important;
  max-width:250px !important;
  padding:10px !important;
  overflow:visible !important;
  box-sizing:border-box !important;}
.kh-host .dashboard > nav.dash-menu.secure-menu .secure-menu-title{display:block !important;
  height:auto !important;
  min-height:0 !important;
  padding:6px 8px 8px !important;
  margin:0 0 6px !important;
  font-size:11px !important;
  line-height:1.15 !important;}
.kh-host .dashboard > nav.dash-menu.secure-menu a.secure-menu-link,.kh-host .dashboard > nav.dash-menu.secure-menu a{display:grid !important;
  grid-template-columns:30px minmax(0,1fr) !important;
  align-items:center !important;
  column-gap:9px !important;
  width:100% !important;
  min-height:36px !important;
  height:36px !important;
  padding:4px 8px !important;
  margin:2px 0 !important;
  border-radius:10px !important;
  line-height:1.1 !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  text-decoration:none !important;
  color:#334155 !important;
  background:transparent !important;}
.kh-host .dashboard > nav.dash-menu.secure-menu a.secure-menu-link:hover,.kh-host .dashboard > nav.dash-menu.secure-menu a:hover{background:#fef2f2 !important;
  color:#991b1b !important;}
.kh-host .dashboard > nav.dash-menu.secure-menu a.secure-menu-link.active,.kh-host .dashboard > nav.dash-menu.secure-menu a.active{background:#fee2e2 !important;
  color:#991b1b !important;
  font-weight:900 !important;}
.kh-host .dashboard > nav.dash-menu.secure-menu .secure-menu-icon{width:28px !important;
  height:28px !important;
  min-width:28px !important;
  max-width:28px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:9px !important;
  background:#f8fafc !important;
  border:1px solid #e5e7eb !important;
  box-shadow:none !important;
  overflow:hidden !important;}
.kh-host .dashboard > nav.dash-menu.secure-menu .secure-menu-icon img,.kh-host .dashboard > nav.dash-menu.secure-menu a img{width:20px !important;
  height:20px !important;
  max-width:20px !important;
  max-height:20px !important;
  object-fit:contain !important;
  display:block !important;
  border-radius:5px !important;
  background:transparent !important;
  padding:0 !important;
  margin:0 !important;
  flex:none !important;}
.kh-host .dashboard > nav.dash-menu.secure-menu .secure-menu-label{display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:13px !important;
  line-height:1.1 !important;
  padding:0 !important;
  margin:0 !important;}
.kh-host .dashboard > nav.dash-menu.secure-menu a.logout-link{margin-top:8px !important;
  padding-top:4px !important;
  border-top:1px solid #f1f5f9 !important;
  color:var(--squid-orange) !important;}
@media(max-width:900px){.kh-host .dashboard > nav.dash-menu.secure-menu{max-width:none !important;}.kh-host .dashboard > nav.dash-menu.secure-menu a.secure-menu-link,.kh-host .dashboard > nav.dash-menu.secure-menu a{height:38px !important;min-height:38px !important;}}
.kh-host .dashboard > nav.dash-menu.secure-menu.v105-secure-menu,.kh-host .dashboard > nav.dash-menu.secure-menu{display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:2px !important;
  width:100% !important;
  max-width:250px !important;
  height:auto !important;
  min-height:0 !important;
  padding:10px !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  border-radius:16px !important;
  box-shadow:0 10px 26px rgba(15,23,42,.05) !important;}
.kh-host .dashboard > nav.dash-menu.secure-menu .secure-menu-title{display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  padding:4px 8px 8px !important;
  margin:0 0 6px !important;
  border-bottom:1px solid #f1f5f9 !important;
  font-size:11px !important;
  font-weight:900 !important;
  line-height:1.1 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  color:#64748b !important;}
.kh-host .dashboard > nav.dash-menu.secure-menu a.secure-menu-link,.kh-host .dashboard > nav.dash-menu.secure-menu a{display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:9px !important;
  width:100% !important;
  max-width:100% !important;
  height:36px !important;
  min-height:36px !important;
  max-height:36px !important;
  padding:4px 8px !important;
  margin:0 !important;
  border-radius:10px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  text-decoration:none !important;
  background:transparent !important;
  color:#334155 !important;
  line-height:1 !important;
  font-size:13px !important;
  font-weight:700 !important;}
.kh-host .dashboard > nav.dash-menu.secure-menu a.secure-menu-link:hover,.kh-host .dashboard > nav.dash-menu.secure-menu a:hover{background:#fef2f2 !important;color:#991b1b !important;}
.kh-host .dashboard > nav.dash-menu.secure-menu a.secure-menu-link.active,.kh-host .dashboard > nav.dash-menu.secure-menu a.active{background:#fee2e2 !important;color:#991b1b !important;font-weight:900 !important;}
.kh-host .dashboard > nav.dash-menu.secure-menu .secure-menu-icon{flex:0 0 26px !important;
  width:26px !important;
  height:26px !important;
  min-width:26px !important;
  max-width:26px !important;
  min-height:26px !important;
  max-height:26px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  border-radius:8px !important;
  background:#f8fafc !important;
  border:1px solid #e5e7eb !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;}
.kh-host .dashboard > nav.dash-menu.secure-menu a > img,.kh-host .dashboard > nav.dash-menu.secure-menu .secure-menu-icon > img,.kh-host .dashboard > nav.dash-menu.secure-menu img{flex:0 0 20px !important;
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  min-height:20px !important;
  max-width:20px !important;
  max-height:20px !important;
  display:block !important;
  object-fit:contain !important;
  border-radius:5px !important;
  background:transparent !important;
  padding:0 !important;
  margin:0 !important;}
.kh-host .dashboard > nav.dash-menu.secure-menu .secure-menu-label,.kh-host .dashboard > nav.dash-menu.secure-menu a span:not(.secure-menu-icon){display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  line-height:1.1 !important;
  padding:0 !important;
  margin:0 !important;}
.kh-host .dashboard > nav.dash-menu.secure-menu a.logout-link{margin-top:8px !important;
  padding-top:4px !important;
  border-top:1px solid #f1f5f9 !important;
  color:var(--squid-orange) !important;}
@media(max-width:900px){.kh-host .dashboard > nav.dash-menu.secure-menu{max-width:none !important;}}
.kh-host .dashboard > nav.dash-menu.secure-menu.v106-secure-menu a.secure-menu-link,.kh-host nav.dash-menu.secure-menu.v106-secure-menu a.secure-menu-link{display:flex!important;
  align-items:center!important;}
.kh-host .dashboard > nav.dash-menu.secure-menu.v106-secure-menu .secure-menu-icon,.kh-host nav.dash-menu.secure-menu.v106-secure-menu .secure-menu-icon{flex:0 0 30px!important;
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;}
.kh-host .dashboard > nav.dash-menu.secure-menu.v106-secure-menu .secure-menu-icon img,.kh-host nav.dash-menu.secure-menu.v106-secure-menu .secure-menu-icon img{width:22px!important;
  height:22px!important;
  object-fit:contain!important;
  border-radius:8px!important;
  display:block!important;}
.kh-host .dashboard > nav.dash-menu.secure-menu.v106-secure-menu a.logout-link,.kh-host nav.dash-menu.secure-menu.v106-secure-menu a.logout-link{color:var(--squid-orange)!important;
  border-top:1px solid #f3f4f6!important;
  margin-top:8px!important;
  padding-top:11px!important;
  min-height:44px!important;}
.kh-host .dashboard > nav.dash-menu.secure-menu.v106-secure-menu a.logout-link,.kh-host nav.dash-menu.secure-menu.v106-secure-menu a.logout-link{color:#7f1d1d!important;
  font-weight:950!important;}
.kh-host .dashboard > nav.dash-menu.secure-menu.v106-secure-menu a.logout-link .secure-menu-label,.kh-host nav.dash-menu.secure-menu.v106-secure-menu a.logout-link .secure-menu-label{color:#7f1d1d!important;
  font-weight:950!important;}
.kh-host .inv-batch-row.active{border-color:#2774b8;background:#eaf6ff;box-shadow:0 10px 22px rgba(39,116,184,.12);}
.kh-host .inv-products-table .total{font-weight:900;color:#123b63;}
.kh-host .inventory-list-card-v106e .empty-state{box-shadow:none}
.kh-host .inventory-page-v106f .secure-page-shell{max-width:1180px;margin:0 auto;}
.kh-host .inventory-page-v106f.container{max-width:1440px;width:100%;}
.kh-host .inventory-page-v106f .secure-page-shell{max-width:none!important;width:100%;margin:0!important;}
.kh-host .inventory-page-v106f .account-card.company-orders-card{width:100%;}
.kh-host .v106j-dashboard-pos .btn{background:#fff;color:#1d4ed8;border:0}
.kh-host .v106j-pos-workspace,.kh-host .v106j-pos-basket,.kh-host .v106j-stock-page .account-card{border-radius:24px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 15px 38px rgba(15,23,42,.08)}
.kh-host .v106j-skin-tabs button.active{background:#0f172a;color:#fff}
.kh-host .v106j-pos-cat.active{background:var(--squid-magenta);color:#fff;border-color:var(--squid-magenta)}
.kh-host .v106j-pos-total-row.total{font-size:19px;font-weight:950}
.kh-host .v106j-pos-page.skin-blue .v106j-pos-cat.active,.kh-host .v106j-pos-page.skin-blue .btn.red{background:#2563eb;border-color:#2563eb}
.kh-host .v106j-pos-page.skin-green .v106j-pos-cat.active,.kh-host .v106j-pos-page.skin-green .btn.red{background:#059669;border-color:#059669}
.kh-host .v106k-pos-side nav a:hover,.kh-host .v106k-pos-side nav a.active{background:#1d4ed8;color:#fff}
.kh-host .v106k-pos-skins button.active{background:#fff;color:#0f172a}
.kh-host .v106k-pos-tabs button.active{background:#0f172a;color:#fff;border-color:#0f172a}
.kh-host .v106k-pos-cats button.active{background:#2563eb;color:#fff;border-color:#2563eb}
.kh-host .v106k-pos-payment .total{font-size:20px}
.kh-host .v106k-pos-payment .btn{width:100%;margin-top:8px}
.kh-host .v106k-pos-app.skin-green .v106k-pos-cats button.active,.kh-host .v106k-pos-app.skin-green .btn.red{background:#059669;border-color:#059669}
.kh-host .pos-skin-row-v106l button.active{background:var(--pos-primary);color:#fff}
.kh-host .pos-cats-v106l button.active,.kh-host .pos-cats-v106l button:hover{background:var(--pos-soft);border-color:rgba(20,85,217,.2);color:var(--pos-primary)}
.kh-host .pos-tabs-v106l button.active{background:var(--pos-primary);color:#fff}
.kh-host .pos-modal-v106l{position:fixed;inset:0;background:rgba(15,23,42,.58);z-index:99999;display:grid;place-items:center;padding:18px}
.kh-host .pos-modal-card{position:relative;background:#fff;color:#0f172a;border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.32);width:min(780px,96vw);max-height:92vh;overflow:auto;padding:22px}
.kh-host .pos-modal-card.payment{width:min(860px,96vw)}
.kh-host .pos-modal-card.ticket{width:min(520px,96vw)}
.kh-host .pos-modal-x{position:absolute;right:14px;top:12px;border:0;background:#f1f5f9;border-radius:50%;width:34px;height:34px;font-size:20px;cursor:pointer}
.kh-host .pos-modal-head h2{margin:0;font-size:24px}
.kh-host .pos-modal-head p{margin:5px 0 15px;color:#64748b}
.kh-host .pos-modal-search{width:100%;border:1px solid #dbe3ef;border-radius:15px;padding:13px;margin-bottom:12px}
.kh-host .pos-cats-v106m button.active,.kh-host .pos-cats-v106m button:hover{background:#fff;color:var(--pos-main)}
.kh-host .pos-skin-row-v106m button.active{background:#fff;color:var(--pos-main)}
.kh-host .pos-tabs-v106m button.active{background:var(--pos-main);color:#fff}
.kh-host .pos-skin-row-v106n .skin-dot.active{border-color:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.18),0 12px 24px rgba(0,0,0,.24)}
.kh-host .pos-skin-row-v106n .red{background:linear-gradient(135deg,var(--squid-magenta),#fb7185)}
.kh-host .discount-toggle-v106n button.active{background:var(--pos-accent,#2563eb);color:#fff;border-color:var(--pos-accent,#2563eb)}
.kh-host .pos-full-app-v106n.skin-red .pos-product-v106m button,.kh-host .pos-full-app-v106n.skin-red .pos-client-box-v106m button,.kh-host .pos-full-app-v106n.skin-red .pos-final-actions-v106m .sale,.kh-host .pos-full-app-v106n.skin-red .btn.red{background:var(--squid-orange)!important;color:#fff!important;border-color:var(--squid-orange)!important}
.kh-host .pos-full-app-v106n.skin-red .pos-actions-v106m button,.kh-host .pos-full-app-v106n.skin-red .pos-searchbar-v106m button,.kh-host .pos-full-app-v106n.skin-red .pos-tabs-v106m button,.kh-host .pos-full-app-v106n.skin-red .pos-paymode-tile-v106n button,.kh-host .pos-full-app-v106n.skin-red .pos-modal-card button:not(.pos-modal-x):not(.btn):not(.skin-dot),.kh-host .pos-full-app-v106n.skin-red .pos-product-v106m{color:#0f172a}
.kh-host .pos-full-app-v106n.skin-red .pos-tabs-v106m button.active{background:var(--squid-orange)!important;color:#fff!important}
.kh-host .pos-full-app-v106n.skin-red .pos-cats-v106m button.active,.kh-host .pos-full-app-v106n.skin-red .pos-cats-v106m button:hover{color:var(--squid-orange)!important;background:#fff!important}
.kh-host .paydesk-actions-v106q .btn{min-height:50px;padding:13px 22px!important;font-size:15px}
.kh-host #posTabsV106N.pos-tabs-v106m button.active{background:var(--pos-main,var(--squid-magenta))!important;
  color:#ffffff!important;
  border-color:var(--pos-main,var(--squid-magenta))!important;}
.kh-host .activity-side-v106ze nav a.active,.kh-host .activity-side-v106ze nav a:hover{background:#eef2ff;color:#1d4ed8}
.kh-host .users-view-toggle-v106zf button.active{background:#0f172a;color:#fff;box-shadow:0 8px 18px rgba(15,23,42,.16)}
.kh-host .users-tabs-v106zf button.active{background:var(--squid-magenta);border-color:var(--squid-magenta);color:#fff;box-shadow:0 10px 24px rgba(220,38,38,.18)}
.kh-host .users-table-wrap-v106zf{border:1px solid #e5e7eb;border-radius:18px;overflow:auto}
.kh-host .users-table-v106zf{width:100%;border-collapse:collapse;background:#fff;min-width:860px}
.kh-host .users-table-v106zf th{background:#f8fafc;color:#64748b;text-transform:uppercase;font-size:11px;letter-spacing:.08em;text-align:left;padding:13px 14px;border-bottom:1px solid #e5e7eb}
.kh-host .users-table-v106zf td{padding:14px;border-bottom:1px solid #eef2f7;vertical-align:middle;color:#1f2937}
.kh-host .users-table-v106zf tr:hover td{background:#fff7f7}
.kh-host .users-person-v106zf{display:flex;align-items:center;gap:12px}
.kh-host .users-person-v106zf img{width:46px;height:46px;border-radius:15px;object-fit:cover;background:#f1f5f9}
.kh-host .users-person-v106zf b{display:block;color:#0f172a}
.kh-host .users-person-v106zf span{display:block;color:#64748b;font-size:12px;margin-top:3px}
.kh-host .users-table-v106zf small{display:block;color:#64748b;margin-top:4px}
.kh-host .users-chip-v106zf{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;border:1px solid #e5e7eb;background:#f8fafc;color:#334155}
.kh-host .users-chip-v106zf.group{background:#eef2ff;color:#1d4ed8;border-color:#dbe5ff}
.kh-host .users-chip-v106zf.yes{background:#dcfce7;color:#166534;border-color:#bbf7d0}
.kh-host .users-chip-v106zf.no{background:#f8fafc;color:#475569}
.kh-host .users-card-grid-v106zf{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.kh-host .users-card-v106zf{display:grid;grid-template-columns:58px 1fr;gap:13px;border:1px solid #e5e7eb;border-radius:20px;padding:16px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.06)}
.kh-host .users-card-v106zf>img{width:58px;height:58px;border-radius:18px;object-fit:cover;background:#f1f5f9}
.kh-host .users-card-v106zf h3{margin:0;font-size:16px}
.kh-host .users-card-v106zf p{margin:4px 0 9px;color:#64748b;font-weight:750}
.kh-host .users-card-v106zf div div{display:flex;flex-wrap:wrap;gap:6px}
.kh-host .users-card-v106zf span{background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;padding:5px 8px;font-size:12px;color:#334155}
.kh-host .activity-side-v106zg nav a:hover,.kh-host .activity-side-v106zg nav a.active{background:#eff6ff;color:#1d4ed8}
.kh-host .act-kpi-v106zg.red:before{background:#fee2e2}
.kh-host .act-mini-table-v106zg,.kh-host .act-detail-table-v106zg{width:100%;border-collapse:collapse}
.kh-host .act-mini-table-v106zg th,.kh-host .act-mini-table-v106zg td,.kh-host .act-detail-table-v106zg th,.kh-host .act-detail-table-v106zg td{border-bottom:1px solid #e2e8f0;padding:10px;text-align:left;font-size:12px}
.kh-host .act-mini-table-v106zg th,.kh-host .act-detail-table-v106zg th{color:#64748b;text-transform:uppercase;letter-spacing:.06em;background:#f8fafc}
.kh-host .act-muted-v106zg{color:#64748b;margin:0}
.kh-host .act-modal-card-v106zg{width:min(1180px,96vw);max-height:88vh;overflow:auto;background:#fff;border-radius:26px;padding:22px;box-shadow:0 30px 80px rgba(0,0,0,.35);position:relative}
.kh-host .act-modal-close-v106zg{position:absolute;right:18px;top:14px;border:0;background:#ef4444;color:#fff;border-radius:999px;width:34px;height:34px;font-weight:900;cursor:pointer}
.kh-host .act-detail-head-v106zg{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.kh-host .act-detail-head-v106zg span{background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:6px 10px;font-weight:900}
.kh-host .act-detail-table-wrap-v106zg{overflow:auto;border:1px solid #e2e8f0;border-radius:16px}
.kh-host .act-detail-table-v106zg{min-width:800px}
.kh-host .act-nav-v106zj button.active{background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;box-shadow:0 12px 28px rgba(37,99,235,.22)}
.kh-host .act-nav-v106zj button:not(.active) .ico{background:#eef2ff;color:#4f46e5}
.kh-host .act-prime-v106zk .act-nav-v106zj button.active{background:linear-gradient(135deg,#fb7185,#8b5cf6);box-shadow:0 14px 28px rgba(251,113,133,.18)}
.kh-host .act-prime-v106zk .act-nav-v106zj button:not(.active) .ico{background:#f5f3ff;color:#7c3aed}
.kh-host .act-prime-v106zk .act-nav-v106zj button.active{background:linear-gradient(135deg,#fee2e2,#ffedd5)!important;
  color:#374151!important;
  box-shadow:0 12px 28px rgba(239,68,68,.14)!important;
  border-color:rgba(248,113,113,.35)!important;}
.kh-host .act-prime-v106zk .act-nav-v106zj button.active .ico{background:linear-gradient(135deg,#ef4444,#f97316)!important;
  color:#fff!important;}
.kh-host .mu9-pick{flex-shrink:0;border:1px solid #fde2e2;background:#fff;border-radius:11px;padding:8px 10px;text-align:left;cursor:pointer;display:grid;gap:2px;}
.kh-host .mu9-pick:hover{border-color:#fb923c;background:#fff7f0;}
.kh-host .mu9-pick b{font-size:12px;color:#111827;}
.kh-host .mu9-pick span{font-size:11px;color:#64748b;}
.kh-host .mu9-nil{color:#94a3b8;font-size:12px;padding:12px;text-align:center;}
.kh-host .act116-page{position:fixed;inset:0;z-index:9999;display:grid;grid-template-columns:260px minmax(0,1fr);background:#0f172a;color:#e2e8f0;font-family:Inter,'Segoe UI',Arial,sans-serif;overflow:hidden;}
.kh-host .act116-side{background:#111827;border-right:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;padding:16px;gap:10px;overflow-y:auto;}
.kh-host .act116-logo{display:flex;gap:10px;align-items:center;background:linear-gradient(135deg,#1e3a5f,#1d4ed8);border-radius:14px;padding:12px 14px;}
.kh-host .act116-logo img{width:30px;height:30px;border-radius:8px;object-fit:contain;background:rgba(255,255,255,.1);}
.kh-host .act116-logo b{display:block;font-size:14px;font-weight:900;color:#fff;}
.kh-host .act116-logo span{display:block;font-size:10px;color:#93c5fd;}
.kh-host .act116-user{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 12px;}
.kh-host .act116-user small{display:block;font-size:9px;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.06em;}
.kh-host .act116-user b{display:block;font-size:13px;margin-top:2px;color:#f1f5f9;}
.kh-host .act116-user span{display:block;font-size:11px;color:#64748b;}
.kh-host .act116-nav{display:flex;flex-direction:column;gap:2px;}
.kh-host .act116-nav-btn{border:0;background:transparent;text-align:left;padding:9px 11px;border-radius:10px;font-size:12px;font-weight:700;color:#94a3b8;cursor:pointer;width:100%;}
.kh-host .act116-nav-btn:hover{background:rgba(255,255,255,.06);color:#e2e8f0;}
.kh-host .act116-nav-btn.active{background:rgba(59,130,246,.2);color:#93c5fd;font-weight:900;}
.kh-host .act116-back{margin-top:auto;border:1px solid rgba(255,255,255,.1);background:transparent;border-radius:10px;padding:9px 12px;font-weight:800;font-size:12px;cursor:pointer;color:#94a3b8;text-align:left;}
.kh-host .act116-back:hover{background:rgba(255,255,255,.06);color:#e2e8f0;}
.kh-host .act116-main{overflow-y:auto;padding:18px 22px;display:flex;flex-direction:column;gap:12px;background:#f1f5f9;color:#0f172a;}
.kh-host .act116-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;}
.kh-host .act116-tgl{border:0;border-radius:999px;padding:4px 13px;font-weight:900;font-size:11px;cursor:pointer;background:#e2e8f0;color:#64748b;transition:.15s;}
.kh-host .act116-tgl.on{background:#16a34a;color:#fff;}
.kh-host .act116-kpi{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:14px;box-shadow:0 4px 14px rgba(15,23,42,.06);position:relative;overflow:hidden;}
.kh-host .act116-kpi::before{content:"";position:absolute;right:-20px;top:-20px;width:72px;height:72px;border-radius:50%;opacity:.7;}
.kh-host .act116-kpi span{display:block;color:#64748b;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;}
.kh-host .act116-kpi b{display:block;margin-top:6px;font-size:17px;font-weight:900;letter-spacing:-.03em;position:relative;}
.kh-host .act116-kpi small{display:block;color:#64748b;margin-top:2px;font-size:10px;position:relative;}
.kh-host .act116-bar{display:grid;grid-template-columns:120px 1fr 85px;align-items:center;gap:8px;padding:3px 0;font-size:11px;}
.kh-host .act116-bar span{font-weight:800;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.kh-host .act116-bar-track{height:8px;background:#f1f5f9;border-radius:999px;overflow:hidden;}
.kh-host .act116-bar-track i{display:block;height:100%;background:linear-gradient(90deg,#1d4ed8,#7c3aed);border-radius:999px;}
.kh-host .act116-bar b{text-align:right;color:#1e293b;}
.kh-host .act116-tbl-wrap{overflow:auto;border-radius:10px;border:1px solid #e2e8f0;max-height:260px;}
.kh-host .act116-tbl{width:100%;border-collapse:collapse;min-width:320px;}
.kh-host .act116-tbl th{background:#f8fafc;color:#64748b;font-size:10px;text-transform:uppercase;letter-spacing:.04em;padding:7px 9px;border-bottom:1px solid #e2e8f0;text-align:left;position:sticky;top:0;}
.kh-host .act116-tbl td{padding:6px 9px;border-bottom:1px solid #f1f5f9;font-size:11px;color:#1e293b;}
.kh-host .act116-sec-btn{border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:12px;text-align:left;display:flex;gap:10px;cursor:pointer;box-shadow:0 3px 12px rgba(15,23,42,.04);transition:.14s;align-items:flex-start;}
.kh-host .act116-sec-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,23,42,.10);border-color:#93c5fd;}
.kh-host .act116-sec-ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eff6ff;font-size:18px;flex-shrink:0;}
.kh-host .act116-sec-btn h3{margin:0;font-size:12px;color:#1e293b;}
.kh-host .act116-sec-btn b{display:block;margin-top:2px;font-size:14px;color:#0f172a;}
.kh-host .act116-sec-btn p{margin:3px 0 0;color:#64748b;font-size:10px;line-height:1.35;}
.kh-host .act116-sec-btn em{margin-left:auto;color:#1d4ed8;font-style:normal;font-weight:900;align-self:flex-end;font-size:14px;}
.kh-host .act116-loading{display:flex;align-items:center;gap:10px;padding:24px;color:#64748b;font-weight:800;font-size:13px;}
.kh-host .act116-spin{width:22px;height:22px;border:3px solid #e2e8f0;border-top-color:#1d4ed8;border-radius:50%;animation:act116sp .7s linear infinite;flex-shrink:0;}
.kh-host }

.act116-detail-meta{display:flex;gap:8px;align-items:center;margin-bottom:12px;}
.kh-host .act116-detail-meta span{background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:900;}
.kh-host .act116-detail-meta b{font-size:12px;color:#334155;}
.kh-host .act116-modal-card{background:#fff;border-radius:20px;padding:20px;width:min(1200px,97vw);max-height:88vh;overflow:auto;position:relative;box-shadow:0 28px 76px rgba(10,15,30,.28);color:#0f172a;}
.kh-host .act116-modal-x{position:absolute;right:14px;top:10px;border:0;background:#fee2e2;color:#991b1b;border-radius:50%;width:32px;height:32px;font-size:18px;font-weight:900;cursor:pointer;}
.kh-host .act116-dim{color:#94a3b8;margin:0;font-size:12px;}
@media(max-width:900px){.kh-host .act116-page{grid-template-columns:1fr}.kh-host .act116-side{display:none}.kh-host .act116-header{flex-direction:column}}
.kh-host }


.gr-erp-line,.kh-host .gr-line-header{grid-template-columns: minmax(180px,1.8fr) 88px 88px 56px 120px 90px 90px 80px 120px 90px 34px !important;}
.kh-host .gr-line-header{position:sticky;top:0;z-index:2;
  background:#111827!important;color:#fff!important;border-color:#111827!important;}
.kh-host .gr-line-header span{color:#fff;font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.04em;padding:10px 6px;}
.kh-host .gr-summary{display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  gap: 16px;
  align-items: start !important;}
@media(max-width:1250px){.kh-host .gr-summary{grid-template-columns: 1fr !important;}.kh-host .gr-line-header{display:none !important;}}
.kh-host .line-product-search{position:relative;overflow:visible!important;}
.kh-host .line-product-results{position:absolute;z-index:9999!important;min-width:260px;left:0;right:auto;}
.kh-host .erp-lines,.kh-host .bo-order-lines{overflow:visible!important;}
.kh-host .v60-lines-panel,.kh-host .erp-lines-panel,.kh-host .v59-lines-panel{overflow:visible!important;}
.kh-host .line-product-results button{display:flex!important;align-items:center;gap:10px;width:100%;border:0;background:#fff;padding:10px 12px;text-align:left;cursor:pointer;border-bottom:1px solid #f1f5f9;}
.kh-host .line-product-results button:hover{background:#fef2f2;}
.kh-host .line-product-results b{display:block;font-size:13px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.kh-host .line-product-results small{display:block;font-size:11px;color:#6b7280;white-space:nowrap;}
.kh-host .skin-dark .muted,.kh-host .skin-dark small,.kh-host .skin-dark .pos-muted,.kh-host .skin-dark .picker-list-info small,.kh-host .skin-dark .stock-unit-name,.kh-host .skin-dark .picker-facts span,.kh-host .skin-dark .v106k-pos-product small,.kh-host .skin-dark .v106n-pos-product small,.kh-host .skin-dark .pos-modal-head p,.kh-host .skin-dark .pos-client-list small,.kh-host .skin-dark p.muted{color:#cbd5e1 !important;}
.kh-host .skin-dark .stock-unit-name .muted,.kh-host .skin-dark small.muted,.kh-host .skin-dark .subtle,.kh-host .skin-dark .hint{color:#b6c2d4 !important;}
.kh-host .skin-dark .empty-state h3{color:#f1f5f9 !important;}
.kh-host .skin-dark .empty-state p{color:#cbd5e1 !important;}
.kh-host .dashboard .account-card{border-radius:16px;box-shadow:0 1px 2px rgba(15,23,42,.04);}
.kh-host .dashboard .account-card + .account-card{margin-top:16px;}
.kh-host .dashboard .section-title{margin-bottom:16px;}
.kh-host .dashboard .section-title p{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;}
.kh-host .dashboard .section-title h2{margin:0;font-size:24px;letter-spacing:-.01em;}
.kh-host .dashboard .title-actions .btn{height:38px;display:inline-flex;align-items:center;}
.kh-host .dashboard table{width:100%;border-collapse:collapse;font-size:13px;}
.kh-host .dashboard table thead th{text-align:left;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#64748b;padding:9px 10px;border-bottom:2px solid #e5e7eb;background:#f8fafc;}
.kh-host .dashboard table tbody td{padding:9px 10px;border-bottom:1px solid #eef2f7;vertical-align:middle;}
.kh-host .dashboard table tbody tr:hover{background:#f8fafc;}
.kh-host .dashboard .orders-filter,.kh-host .dashboard .company-filter{display:flex;flex-wrap:wrap;gap:12px;align-items:end;}
.kh-host .dashboard .orders-filter label,.kh-host .dashboard .company-filter label{display:grid;gap:4px;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em;}
.kh-host .dashboard .orders-filter input,.kh-host .dashboard .orders-filter select,.kh-host .dashboard .company-filter input,.kh-host .dashboard .company-filter select{height:36px;border:1.5px solid #e2e8f0;border-radius:9px;padding:0 10px;font-size:13px;background:#fff;}
.kh-host .dashboard .pill,.kh-host .dashboard .status-pill{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;}
.kh-host .dashboard .empty-state{padding:42px 20px;text-align:center;color:#94a3b8;font-size:13px;}
/* ---- overlays the verbatim pages append to <body> (outside the host): same rules, unscoped ---- */
.bo-modal-backdrop{position:fixed;inset:0;background:rgba(17,24,39,.64);z-index:120;display:grid;place-items:center;padding:24px}
.bo-order-modal{width:min(1180px,96vw);max-height:92vh;overflow:auto;background:#f9fafb;border-radius:24px;box-shadow:0 30px 100px rgba(0,0,0,.38);border:1px solid rgba(255,255,255,.35);padding:22px}
.bo-modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}
.bo-modal-head p{margin:0 0 3px;color:var(--squid-magenta);font-size:12px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}
.bo-modal-head h2{margin:0;font-size:28px}
.predictive-wrap{position:relative}
.predictive-wrap input{width:100%;height:44px;border:1px solid #d1d5db;border-radius:12px;padding:0 13px}
.predictive-results{position:absolute;z-index:9999;left:0;right:0;top:50px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 18px 40px rgba(15,23,42,.16);overflow:hidden;max-height:330px;overflow-y:auto}
.predictive-results:empty{display:none}
.predictive-results button{width:100%;border:0;background:#fff;padding:11px 12px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;border-bottom:1px solid #f3f4f6}
.predictive-results button:hover{background:#fef2f2}
.predictive-results b{display:block;color:#111827}
.predictive-results span,.predictive-results small{display:block;color:#6b7280;font-size:12px}
.predictive-loading,.predictive-empty{padding:14px;color:#6b7280;font-size:13px}
.erp-order-modal{width:min(1320px,97vw);background:#f3f4f6;padding:0;overflow:hidden}
.predictive-results button small{line-height:1.35}
.v60-erp-modal{max-width:1500px;width:min(96vw,1500px);}
.product-picker-head .close{background:rgba(255,255,255,.1);color:#fff;border:0;border-radius:999px;width:38px;height:38px;font-size:24px;cursor:pointer;}
.product-picker-list button.active{border-color:var(--squid-orange);background:#fff1f1;box-shadow:0 0 0 2px rgba(185,28,28,.10) inset;}
.bo-modal-backdrop{overscroll-behavior:contain;}
.product-editor-modal .bo-modal-head{position:sticky;top:0;z-index:1;background:linear-gradient(135deg,#111827,#1f2937);color:#fff;border-radius:24px 24px 0 0}
.modal-loading-card{padding:30px;color:#64748b}
.pos-modal-v106l{position:fixed;inset:0;background:rgba(15,23,42,.58);z-index:99999;display:grid;place-items:center;padding:18px}
.pos-modal-card{position:relative;background:#fff;color:#0f172a;border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.32);width:min(780px,96vw);max-height:92vh;overflow:auto;padding:22px}
.pos-modal-card.payment{width:min(860px,96vw)}
.pos-modal-card.ticket{width:min(520px,96vw)}
.pos-modal-x{position:absolute;right:14px;top:12px;border:0;background:#f1f5f9;border-radius:50%;width:34px;height:34px;font-size:20px;cursor:pointer}
.pos-modal-head h2{margin:0;font-size:24px}
.pos-modal-head p{margin:5px 0 15px;color:#64748b}
.pos-modal-search{width:100%;border:1px solid #dbe3ef;border-radius:15px;padding:13px;margin-bottom:12px}
.pos-full-app-v106n.skin-red .pos-actions-v106m button,.pos-full-app-v106n.skin-red .pos-searchbar-v106m button,.pos-full-app-v106n.skin-red .pos-tabs-v106m button,.pos-full-app-v106n.skin-red .pos-paymode-tile-v106n button,.pos-full-app-v106n.skin-red .pos-modal-card button:not(.pos-modal-x):not(.btn):not(.skin-dot),.pos-full-app-v106n.skin-red .pos-product-v106m{color:#0f172a}
.act-modal-card-v106zg{width:min(1180px,96vw);max-height:88vh;overflow:auto;background:#fff;border-radius:26px;padding:22px;box-shadow:0 30px 80px rgba(0,0,0,.35);position:relative}
.act-modal-close-v106zg{position:absolute;right:18px;top:14px;border:0;background:#ef4444;color:#fff;border-radius:999px;width:34px;height:34px;font-weight:900;cursor:pointer}
.act116-modal-card{background:#fff;border-radius:20px;padding:20px;width:min(1200px,97vw);max-height:88vh;overflow:auto;position:relative;box-shadow:0 28px 76px rgba(10,15,30,.28);color:#0f172a;}
.act116-modal-x{position:absolute;right:14px;top:10px;border:0;background:#fee2e2;color:#991b1b;border-radius:50%;width:32px;height:32px;font-size:18px;font-weight:900;cursor:pointer;}
.skin-dark .muted,.skin-dark small,.skin-dark .pos-muted,.skin-dark .picker-list-info small,.skin-dark .stock-unit-name,.skin-dark .picker-facts span,.skin-dark .v106k-pos-product small,.skin-dark .v106n-pos-product small,.skin-dark .pos-modal-head p,.skin-dark .pos-client-list small,.skin-dark p.muted{color:#cbd5e1 !important;}
/* ---- in-page mounts: what Khoodoruth showed as a fixed overlay sits in the page here ---- */
.kh-host .bo-modal-backdrop{position:static!important;inset:auto!important;background:none!important;padding:0!important;display:block!important;z-index:auto!important;backdrop-filter:none!important}
.kh-host .bo-modal-backdrop>*{max-width:none!important;width:auto!important;max-height:none!important;box-shadow:none!important;margin:0!important}
.kh-host #_payModal.kh-inpage>div{position:static!important;max-height:none!important;width:auto!important;max-width:none!important;box-shadow:none!important;border:1px solid var(--line,#e4e7ef)!important;border-radius:14px!important}
.kh-host #_payModal.kh-inpage{padding:0!important}
.kh-host{font-family:inherit;color:var(--ink,#1b1f2a)}
.kh-host .page.container{max-width:none;padding:0}
.kh-host .secure-page-shell{display:block}
.kh-host .btn.red,.kh-host button.btn.red{background:var(--squid-grad);border-color:transparent;color:#fff}
.kh-pick-row{padding:9px 10px;border-bottom:1px solid var(--line,#e4e7ef);cursor:pointer;display:flex;flex-direction:column;gap:2px}
.kh-pick-row:hover{background:var(--surface-alt,#fafbfd)}
.kh-pick-row b{font-size:13.5px}.kh-pick-row small{font-size:11.5px;color:var(--ink-3,#6b7280)}

/* ==========================================================================
   Squid look for the verbatim editors (goods receipt, payments): same
   surfaces, inputs and buttons as the portal's own add/edit pages.
   ========================================================================== */
.kh-host .bo-modal-backdrop .bo-modal-head,.kh-host .erp-head{background:#fff!important;color:var(--ink,#1b1f2a)!important;border:1px solid var(--line,#e4e7ef);border-radius:14px;padding:18px 22px;margin-bottom:14px;box-shadow:none}
.kh-host .bo-modal-head h2,.kh-host .erp-head h2,.kh-host .bo-modal-head h1{color:var(--ink,#1b1f2a)!important;font-size:22px;font-weight:800;margin:2px 0 4px}
.kh-host .bo-modal-head p,.kh-host .erp-head p{color:var(--ink-3,#6b7280)!important}
.kh-host .bo-modal-head .eyebrow,.kh-host .bo-modal-head small,.kh-host .bo-modal-head span:first-child{color:var(--squid-magenta,#e5295c)!important;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.kh-host .bo-panel,.kh-host .erp-top-panel,.kh-host .erp-lines-panel,.kh-host .v60-top-panel,.kh-host .v60-lines-panel,.kh-host .erp-client-box,.kh-host .erp-order-details-box{background:#fff;border:1px solid var(--line,#e4e7ef);border-radius:14px;box-shadow:none}
.kh-host .bo-panel h3,.kh-host .erp-top-panel h3,.kh-host .erp-lines-panel h3{font-size:15px;font-weight:800;color:var(--ink,#1b1f2a)}
.kh-host .gr-line-header,.kh-host .erp-line-header{background:var(--surface-alt,#fafbfd)!important;color:var(--ink-3,#6b7280)!important;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid var(--line,#e4e7ef)}
.kh-host .gr-line-header *,.kh-host .erp-line-header *{color:var(--ink-3,#6b7280)!important}
.kh-host input:not([type=checkbox]):not([type=radio]):not([type=file]),.kh-host select,.kh-host textarea{border:1.4px solid var(--line,#e4e7ef);border-radius:8px;font-family:inherit;font-size:13.5px;color:var(--ink,#1b1f2a);background:#fff;box-sizing:border-box}
.kh-host input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,.kh-host select:focus,.kh-host textarea:focus{outline:0;border-color:var(--squid-navy-600,#1b3478);box-shadow:0 0 0 3px rgba(27,52,120,.12)}
.kh-host label{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2,#454b5c)}
.kh-host .btn{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border:1px solid var(--line,#e4e7ef);border-radius:8px;background:#fff;color:var(--ink,#1b1f2a);font-weight:700;font-size:13px;cursor:pointer}
.kh-host .btn.red,.kh-host button.btn.red{background:var(--squid-grad);border-color:transparent;color:#fff}
.kh-host .btn.dark{background:var(--squid-navy-800,#0a1b3d);border-color:transparent;color:#fff}
/* the editors' × sits in their own head card, never under the command bar */
.kh-host .bo-modal-backdrop>div,.kh-host .bo-order-modal,.kh-host .erp-order-modal{position:relative}
.kh-host .bo-modal-backdrop .close{position:absolute;right:16px;top:14px;z-index:2;width:34px;height:34px;border-radius:8px;border:1px solid var(--line,#e4e7ef);background:#fff;color:var(--ink-2,#454b5c);font-size:18px;line-height:1;cursor:pointer}

/* the Khoodoruth secure pages are grids with their own 250px nav; Squid draws
   the rail, so the page content takes the whole width */
.kh-host .dashboard,.kh-host section.page.dashboard{display:block!important;grid-template-columns:none!important}
.kh-host .secure-page-shell{max-width:none!important;margin:0!important}
.kh-host .cashup-kpis,.kh-host .kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}

/* Squid palette for the verbatim editors' section bars (inline navy → light) */
.kh-host [style*="background:#0A1B3D"],.kh-host [style*="background: #0A1B3D"]{background:var(--surface-alt,#fafbfd)!important;color:var(--ink-2,#454b5c)!important;border-bottom:1px solid var(--line,#e4e7ef)!important}
.kh-host [style*="background:#0A1B3D"] *,.kh-host [style*="background: #0A1B3D"] *{color:var(--ink-2,#454b5c)!important}
.kh-host [style*="background:#0A1B3D"] b,.kh-host [style*="background:#0A1B3D"] strong,.kh-host [style*="background:#0A1B3D"] h2,.kh-host [style*="background:#0A1B3D"] h3{color:var(--ink,#1b1f2a)!important}
/* the payment editor's gradient section bars → Squid light bars */
.kh-host [style*="linear-gradient(90deg,#0A1B3D"],.kh-host [style*="linear-gradient(90deg, #0A1B3D"]{background:var(--surface-alt,#fafbfd)!important;color:var(--ink-3,#6b7280)!important;border-top:1px solid var(--line,#e4e7ef);border-bottom:1px solid var(--line,#e4e7ef)}
.kh-host [style*="linear-gradient(90deg,#0A1B3D"] *{color:var(--ink-3,#6b7280)!important}