/* Hobiart V8 — common design language for B2B, accounting and CRM. */
:root{color-scheme:light;--bg:#f4f5f2;--bg-soft:#eef1ed;--surface:#fff;--surface-2:#f7f9f6;--stroke:#dce3de;--text:#243b36;--muted:#6d7f78;--primary:#246b5b;--accent:#b79958;--warn:#a86e12;--danger:#b24c50;--success:#28775f;--radius:16px;--shadow:0 6px 22px #173b2d08;--v8-line:#e0e7e1;--v8-soft:#edf4ef}
html{scroll-behavior:auto}body{background:var(--bg)!important;color:var(--text)!important;font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.45}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #67a695;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #7eafa0!important;outline-offset:1px;box-shadow:none!important}button:disabled{opacity:.55;cursor:wait}input,select,textarea{min-height:42px;border-color:var(--stroke)!important;color:var(--text)!important;background:#fff!important;border-radius:10px!important;max-width:100%}input[type=checkbox],input[type=radio]{min-height:20px;width:20px;accent-color:var(--primary)}input::placeholder,textarea::placeholder{color:#88958e}select option{background:#fff;color:var(--text)}.muted,small,.hint{color:var(--muted)}
body.v8-admin .layout{grid-template-columns:252px minmax(0,1fr)}body.v8-admin .sidebar{background:#fafbf9!important;border-right:1px solid var(--v8-line);box-shadow:none;padding:20px 15px;overflow-y:auto;scrollbar-width:thin;height:100dvh;z-index:60}body.v8-admin .brand{background:transparent;border:0;padding:8px 10px 21px;margin-bottom:10px;box-shadow:none;border-bottom:1px solid var(--v8-line);border-radius:0}body.v8-admin .brand-badge{background:#fff;box-shadow:none;border:1px solid var(--v8-line)}body.v8-admin .brand h1{font-size:19px;letter-spacing:-.5px}body.v8-admin .brand p{font-size:10px;letter-spacing:1.4px;text-transform:uppercase}.sidebar-foot{background:#eef3ee!important;border:1px solid var(--v8-line)!important;box-shadow:none}.sidebar-foot p{font-size:11px}
body.v8-admin .main{min-width:0;padding:0 30px 32px}body.v8-admin .section{padding-top:25px}.v8-workspace-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:74px;border-bottom:1px solid var(--v8-line)}.v8-workspace-label{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}.v8-workspace-label strong{display:block;font-size:14px;color:var(--text);letter-spacing:0;text-transform:none;margin-top:2px}.v8-workspace-tools{display:flex;align-items:center;gap:9px}.v8-sync{font-size:11px;color:var(--muted);max-width:210px}.v8-sync::before{content:"";display:inline-block;background:#4d9073;width:6px;height:6px;border-radius:50%;margin-right:7px}.v8-sync.error{color:var(--danger)}.v8-sync.error::before{background:var(--danger)}.v8-menu-toggle{display:none}.v8-menu-overlay{display:none}.v8-app-tabs{display:flex;gap:6px;padding:4px;background:#eaf0eb;border-radius:12px}.v8-app-tabs button{border:0;padding:8px 14px;color:var(--muted);border-radius:8px;background:transparent;cursor:pointer;font-size:12px;font-weight:650}.v8-app-tabs button.active{background:#fff;color:var(--primary);box-shadow:0 2px 5px #1833260b}
.nav-btn{border-radius:9px!important;color:#60736a!important;font-size:12px;padding:10px 13px!important;min-height:40px}.nav-btn span{color:#7a8c82!important;background:#f0f3ed!important;border-color:#dfe6dd!important}.nav-btn:hover,.nav-btn.active{background:#e7f0e9!important;color:#245b48!important;border-color:#d9e7dd!important;transform:none!important}.nav-btn.active{box-shadow:inset 3px 0 #32775f}.acc-nav-toggle{background:transparent!important;color:#2d483b!important;border-color:var(--v8-line)!important;font-size:12px;border-radius:10px!important;padding:12px 14px!important}.acc-nav-toggle.open{background:#eff4ee!important}.acc-subnav-wrap,.b2b-subnav-wrap{border-left-color:#d5dfd6!important}.acc-nav-label{color:#8a978d!important}.nav{gap:5px!important}
.headline h2{font-size:29px!important;letter-spacing:-1.05px;font-weight:650;color:#263e32}.headline p{font-size:12px;line-height:1.7;max-width:750px;color:var(--muted)}.topbar{margin-bottom:22px}.top-actions{align-items:center}.btn{border-radius:10px!important;min-height:40px;padding:10px 14px;box-shadow:none!important;font-size:12px;letter-spacing:.05px}.btn:hover{transform:none!important;filter:brightness(.98)}.btn-primary{background:#286b55!important;border:1px solid #286b55!important;color:#fff!important}.btn-soft{background:#fff!important;border:1px solid #dce4da!important;color:#3e5745!important}.btn-danger{background:#fbf1ef!important;color:#a3443f!important;border-color:#efdad7!important}.btn-warning{color:#99671c!important;background:#fbf4e6!important}
.card,.stat-card,.panel,.table-wrap,.table-shell,.summary-card,.dealer-item,.acc-panel,.acc-table-shell,.acc-account-group,.acc-summary-card,.acc-supplier-kpi,.acc-kpi,.acc-loan-kpi,.crm-stat,.crm-card,.crm-panel,.manual-card,.manual-panel,.manual-order-box,.form-card{background:#fff!important;border-color:var(--v8-line)!important;box-shadow:var(--shadow)!important;border-radius:15px!important;color:var(--text)}.stat-card strong,.card strong,.acc-kpi-value,.acc-summary-card strong,.acc-supplier-kpi strong,.acc-loan-kpi strong{color:var(--text)!important;letter-spacing:-.5px}.acc-kpi{border-top:3px solid #b7d1c0!important;padding:20px!important}.acc-kpi-in{border-top-color:#82aa8a!important}.acc-kpi-out{border-top-color:#d7b1a0!important}.acc-kpi-info{border-top-color:#8eb4c4!important}.acc-kpi-warn{border-top-color:#cdb87e!important}.acc-kpi-label,.acc-kpi-note,.acc-summary-card span,.acc-supplier-kpi span{color:var(--muted)!important}.acc-panel-head,.acc-account-group-head,.acc-modal-head,.modal-head,.modal-header,.crm-panel-head,.crm-column-head{background:#f8faf7!important;color:#304839!important;border-color:var(--v8-line)!important;backdrop-filter:none!important}.acc-panel-head h3{font-size:13px}.acc-panel-body{padding:17px}.acc-toolbar,.acc-rangebar,.toolbar,.filters,.filter-row,.crm-toolbar{background:transparent!important;border-color:var(--v8-line)!important;color:var(--text);gap:10px;box-shadow:none!important}.acc-rangebar{padding:12px 0 18px}.acc-report-note{background:#eef4ed!important;color:#536d50!important;border:1px solid #d9e5d4!important;font-size:12px}.acc-list-row{border-bottom:1px solid #edf0e9!important;background:transparent!important}.acc-list-row strong{font-size:12px}.acc-list-row small{color:var(--muted)!important}.acc-summary-card,.acc-supplier-kpi{padding:16px!important}.acc-summary-card strong{font-size:23px!important}.acc-supplier-kpi strong{font-size:21px!important}
table{color:var(--text)!important;background:#fff!important;border-collapse:collapse!important}th{background:#f4f7f2!important;color:#71806a!important;border-color:#e6ece0!important;text-align:left!important;font-weight:600!important;font-size:10px!important;letter-spacing:.6px;text-transform:uppercase}td{background:transparent!important;border-bottom:1px solid #edf1e9!important;border-color:#e8eee3!important;font-size:12px!important;vertical-align:middle;padding:15px 13px!important}td strong{font-weight:650;color:#2d4536}.acc-clickable:hover,.order-row:hover,tbody tr:hover{background:#f5f8f2!important}.acc-table-shell,.table-wrap{max-width:100%;overflow:auto}.acc-table{min-width:680px}.acc-table-shell:focus-visible{outline:2px solid var(--primary)}
.acc-pill,.pill,.status-pill,.badge,.b2b-accounting-chip,.acc-source-badge{background:#edf3eb!important;color:#46613d!important;border:1px solid #dce8d5!important;box-shadow:none;font-size:10px}.acc-pill-paid,.b2b-accounting-chip.ok,.status-approved,.status-completed{background:#e6f3e9!important;color:#34724a!important;border-color:#c7e4ce!important}.acc-pill-late,.status-rejected{background:#fcefed!important;color:#a1433a!important;border-color:#f0d6d1!important}.acc-pill-open,.b2b-accounting-chip.wait{background:#fff5df!important;color:#8e6a25!important;border-color:#ecdfb8!important}.acc-positive{color:#33744e!important}.acc-negative{color:#ad4747!important}.acc-warning{color:#996f25!important}.acc-installment-status.paid{background:#e8f5eb;color:#357448}.acc-installment-status.open{background:#fff5df;color:#8c6c29}
.modal,.acc-modal,.crm-modal,.crm-detail,.admin-lock-card{background:#fbfcf9!important;border:1px solid var(--v8-line)!important;color:var(--text)!important;box-shadow:0 20px 90px #19312630!important}.modal-wrap,.acc-modal-wrap,.crm-detail-wrap,.crm-modal-wrap{background:#162d265e!important;backdrop-filter:blur(3px)!important}.modal-close,.close-btn,.crm-close,.acc-close{background:#eff3ed!important;color:#41573a!important;border-color:var(--v8-line)!important}.acc-detail-hero,.b2b-transfer-summary,.dealer-detail-summary{background:#edf4eb!important;color:var(--text)!important;border-color:#dae5d3!important}.acc-detail-stat,.b2b-transfer-stat,.dealer-detail-stat{background:#fff!important;border:1px solid #dfe7da!important;color:var(--text)}.acc-detail-stat strong,.b2b-transfer-stat strong{color:#2c4b37!important}.acc-line-card,.acc-line-fields,.acc-mini-stat,.acc-mini-panel,.acc-picker-result,.b2b-diff,.b2b-map-row{background:#fff!important;border-color:var(--v8-line)!important;color:var(--text)!important}.acc-fullpage .acc-modal{max-width:1320px!important}.acc-form-actions{position:sticky;bottom:0;background:#fafcf8!important;border-top:1px solid var(--v8-line);padding:15px 0!important;z-index:3}.acc-field label,.field label,.form-group label{color:#607451!important;font-size:11px;font-weight:600}.acc-form-grid{gap:15px!important}.acc-detail-stat span{color:var(--muted)!important}.acc-balance-card,.acc-balance-row,.acc-quick-report{background:#f2f6ee!important;color:var(--text)!important;border-color:var(--v8-line)!important}.admin-lock{background:#f0f4ed!important}.admin-lock h1{color:#2c4437!important}.admin-lock p{color:var(--muted)!important}
.v8-party-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px}.v8-party-stat{padding:18px 20px;background:#fff;border:1px solid var(--v8-line);border-radius:14px}.v8-party-stat span{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.v8-party-stat strong{font-size:24px;font-weight:650;letter-spacing:-.6px}.v8-party-stat.accent{background:#edf3e9;border-color:#d6e4cc}.v8-inline-actions{display:flex;align-items:center;gap:8px}.v8-contact-initial{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;background:#eaf1e5;border-radius:11px;color:#557049;font-weight:650;margin-right:10px;float:left}.v8-party-name{min-width:140px}.v8-empty{padding:30px;text-align:center;color:var(--muted)}.v8-error-banner{padding:12px 16px;background:#fff3e8;border:1px solid #efd9bc;color:#8d582c;border-radius:10px;margin:12px 0}.v8-error-banner[hidden]{display:none}
.crm-toolbar input{min-width:0}.crm-summary{gap:14px}.crm-stat{padding:18px}.crm-stat strong{font-size:25px;font-weight:650}.crm-board{grid-template-columns:repeat(7,260px);min-width:0;gap:14px}.crm-column{background:#edf2e9!important;border:1px solid #e0e7d8!important;border-radius:14px!important;min-height:260px}.crm-column-head{padding:13px}.crm-column-head strong{font-size:12px}.crm-column-body{min-height:150px;align-content:start}.crm-card{cursor:grab;box-shadow:0 2px 4px #273b2610!important;padding:15px}.crm-card-name{color:#354c34!important;font-size:13px}.crm-phone{color:#64805b!important;font-size:12px}.crm-phone.missing{color:#a47734!important}.crm-alert{background:#edf4e7!important;border-color:#dbe9cd!important;color:#617d43!important;font-size:11px}.crm-alert.hot,.crm-alert.warn{background:#fff4df!important;border-color:#efdfb6!important;color:#966c29!important}.crm-last-note{color:#657460!important}.crm-mini{background:#f4f7ef!important}.crm-mini strong{color:#44563a!important}.crm-tag{color:#627258!important;background:#f1f5eb!important;border-color:#e1e8d9!important}.crm-detail{width:min(740px,100vw);border-left-color:var(--v8-line)!important}.crm-detail-head{background:#f7faf3!important;border-color:var(--v8-line)!important;backdrop-filter:none!important}.crm-history-item{background:#f6f8f2!important;border-color:#e3eadd!important}.v8-crm-switch{display:flex;gap:5px}.v8-crm-switch button{border:1px solid var(--v8-line);padding:9px 13px;border-radius:9px;background:#fff;color:#5d7150;cursor:pointer;font-size:12px}.v8-crm-switch button.active{background:#2b6c50;color:#fff;border-color:#2b6c50}.v8-crm-list{display:grid;gap:10px}.v8-crm-row{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(120px,.75fr) 110px minmax(120px,.75fr) minmax(160px,1fr) auto;align-items:center;gap:14px;padding:16px 18px;background:#fff;border:1px solid var(--v8-line);border-radius:13px}.v8-crm-row p{margin:4px 0 0;font-size:11px;color:var(--muted)}.v8-crm-name{border:0;background:transparent;text-align:left;color:#354c34;font-weight:650;font-size:13px;cursor:pointer;padding:0}.v8-crm-row small{display:block;font-size:10px}.v8-crm-row select{font-size:11px;min-height:36px;width:100%}.v8-crm-row .crm-alert{margin:0}.v8-crm-contact{color:var(--primary);font-size:12px;display:inline-flex;align-items:center;min-height:32px}.crm-orders-table{min-width:440px!important}.v8-status-note{font-size:11px;color:var(--muted);padding:6px 0}
@media(min-width:1440px){body.v8-admin .main{padding-left:40px;padding-right:40px}.v8-workspace-bar{min-height:82px}}
@media(max-width:1180px){body.v8-admin .layout{grid-template-columns:218px minmax(0,1fr)}body.v8-admin .main{padding-left:20px;padding-right:20px}.acc-dashboard-kpis,.acc-summary-grid,.acc-supplier-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v8-crm-row{grid-template-columns:minmax(160px,1.1fr) minmax(120px,1fr) minmax(160px,1fr)}.v8-crm-row>div:nth-child(3){display:none}.acc-line-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v8-sync{display:none}}
@media(max-width:960px){body.v8-admin .layout{display:block}body.v8-admin .sidebar{position:fixed;inset:0 auto 0 0;width:280px;max-width:88vw;transform:translateX(-105%);transition:transform .2s;z-index:2200}body.v8-admin.v8-nav-open .sidebar{transform:translateX(0)}body.v8-admin.v8-nav-open .v8-menu-overlay{display:block;position:fixed;inset:0;background:#17302c65;z-index:2190;border:0}body.v8-admin.v8-nav-open{overflow:hidden}.v8-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--v8-line);border-radius:10px;background:#fff;color:#385841;cursor:pointer;font-size:20px}.v8-workspace-label{display:none}.v8-workspace-bar{position:sticky;top:0;background:#f4f5f2ed;backdrop-filter:blur(8px);z-index:45;min-height:66px}.main{min-width:0}.acc-detail-hero{grid-template-columns:repeat(2,minmax(0,1fr))!important}.acc-detail-name{grid-column:1/-1}.manual-layout,.manual-order-layout,.manual-builder-layout,.acc-picker-layout,.modal-grid{grid-template-columns:1fr!important}.acc-fullpage .acc-modal{width:100%!important}.v8-party-stat{padding:14px}.v8-party-stat strong{font-size:21px}}
@media(max-width:700px){body.v8-admin .main{padding:0 14px 22px}.v8-app-tabs button{padding:8px 10px;font-size:11px}.v8-workspace-tools>.btn{font-size:0;padding:8px 11px}.v8-workspace-tools>.btn::before{content:'↻';font-size:20px}.headline h2{font-size:25px!important}.headline p{font-size:12px;margin-top:7px}.section>.topbar{display:block}.topbar .top-actions{margin-top:14px}.top-actions .btn{flex:1;padding:10px}.topbar{gap:12px}.acc-toolbar,.acc-toolbar-left,.acc-toolbar-right,.acc-rangebar,.filters,.filter-row,.toolbar{flex-wrap:wrap;max-width:100%}.acc-search,.acc-toolbar input,.acc-toolbar select,.acc-rangebar input,.acc-rangebar select{min-width:0!important;flex:1 1 140px;width:100%}.acc-panel-grid,.acc-form-grid,.form-grid,.manual-order-grid,.manual-grid,.manual-customer-grid,.order-edit-grid,.dealer-grid,.form-row{grid-template-columns:1fr!important}.acc-summary-grid,.acc-supplier-kpis,.acc-dashboard-kpis,.stats,.stats-grid,.dashboard-grid,.crm-summary,.acc-loan-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.acc-kpi{padding:15px!important}.acc-kpi-value{font-size:25px!important}.acc-summary-card strong{font-size:20px!important}.acc-kpi-note{font-size:10px!important}.acc-summary-card span{font-size:10px!important}.acc-modal-wrap,.modal-wrap{padding:8px!important}.acc-modal,.modal{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 16px)!important;min-width:0!important;border-radius:15px!important}#accModalWrap.acc-fullpage .acc-modal{min-height:calc(100dvh - 16px)!important}.acc-modal-head{padding:14px!important}.acc-modal-body,.modal-body{padding:14px!important;min-width:0}.acc-line-card{grid-template-columns:1fr!important}.acc-line-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.acc-line-product{min-width:0}.acc-action-group{flex-wrap:wrap!important;gap:6px}.acc-action-group .btn{min-height:38px}.acc-cost-row,.b2b-map-row{grid-template-columns:1fr!important}.acc-detail-stat{padding:12px!important}.acc-detail-stat strong{font-size:19px!important}.b2b-transfer-summary,.dealer-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.acc-form-actions{flex-wrap:wrap;position:sticky}.acc-form-actions .btn{flex:1}.v8-party-stats{grid-template-columns:1fr;gap:8px}.v8-party-stat{display:flex;justify-content:space-between;align-items:center;padding:13px 15px}.v8-party-stat span{margin:0}.v8-party-stat strong{font-size:20px}.v8-crm-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:15px}.v8-crm-row>div:first-child,.v8-crm-row>.crm-alert{grid-column:1/-1}.v8-crm-row>div:nth-child(3){display:block}.v8-crm-row>.btn{grid-column:1/-1}.crm-toolbar{padding:0;gap:9px}.crm-toolbar select{flex:1 1 140px}.crm-toolbar input{flex:1 1 100%}.crm-sync-note{font-size:10px;line-height:1.6;width:100%}.crm-detail{padding:15px;width:100vw}.crm-detail-head{top:-15px;margin:-15px -15px 14px;padding:15px}.crm-detail-grid,.crm-form-grid{grid-template-columns:1fr!important}.crm-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.crm-call-form input,.crm-call-form select,.crm-call-form textarea,input,select,textarea{font-size:16px!important}.v8-card-table,.v8-card-table tbody{display:block!important;min-width:0!important;width:100%!important}.v8-card-table thead{display:none}.v8-card-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;border-bottom:8px solid var(--bg);padding:9px!important;min-width:0}.v8-card-table td{display:block!important;padding:8px!important;border:0!important;min-width:0;white-space:normal!important;overflow-wrap:anywhere}.v8-card-table td:before{content:attr(data-label);display:block;font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:#8a9681;margin-bottom:5px}.v8-card-table td:first-child,.v8-card-table td:last-child{grid-column:1/-1}.v8-card-table td select{width:100%;min-width:0!important}.v8-card-table td[colspan]{grid-column:1/-1}.v8-card-table tr:last-child{border-bottom:0}.order-actions{flex-wrap:wrap}.acc-table-shell{border-radius:12px!important}.crm-board-shell{max-width:100%;scroll-snap-type:x proximity}.crm-column{scroll-snap-align:start}.manual-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.v8-workspace-bar,.v8-menu-overlay,.v8-party-stats{display:none!important}}