/* ARGMS v2.3.11 - duidelijkere werkruimte en compacte financiële navigatie */
.layout{background:#f5f7fb}
.sidebar{
  background:linear-gradient(180deg,#eaf0f7 0%,#f0f4f9 100%)!important;
  border-right:2px solid #cbd5e1!important;
  box-shadow:8px 0 24px rgba(15,23,42,.07);
  z-index:3
}
.sidebar .nav-group{color:#65738a;font-weight:800}
.sidebar .nav-item{color:#26364d}
.sidebar .nav-item:hover{background:#fff!important}
.sidebar .nav-item.active{background:#fff!important;box-shadow:0 3px 12px rgba(15,23,42,.09),inset 0 0 0 1px #d5e2f2!important}
.main{background:#f8fafc;min-height:calc(100vh - 68px);border-left:10px solid #eef2f7}

.finance-nav2311{display:grid;gap:8px;margin-bottom:18px}
.finance-primary2311,.finance-secondary2311{display:flex;gap:7px;flex-wrap:wrap}
.finance-primary2311{padding:6px;background:#e8edf4;border:1px solid #d6dee9;border-radius:12px;width:max-content;max-width:100%}
.finance-primary2311 button,.finance-secondary2311 button{border:0;cursor:pointer;font:inherit;font-weight:700}
.finance-primary2311 button{padding:9px 16px;border-radius:8px;background:transparent;color:#46566e}
.finance-primary2311 button.active{background:#fff;color:#1d4ed8;box-shadow:0 2px 8px rgba(15,23,42,.1)}
.finance-secondary2311{padding-left:4px}
.finance-secondary2311 button{padding:7px 12px;border-radius:8px;background:#fff;border:1px solid #d9e0ea;color:#526177}
.finance-secondary2311 button.active{background:#eaf1ff;border-color:#b9cdf7;color:#1d4ed8}

.invoice-number2311{display:inline-flex;align-items:center;min-width:112px;padding:7px 10px;border-radius:9px;font-weight:800;border:1px solid transparent}
.invoice-number2311.paid{background:#dcfce7;border-color:#86efac;color:#166534}
.invoice-number2311.open{background:#fee2e2;border-color:#fca5a5;color:#991b1b}
.invoice-number2311.concept{background:#eef2f7;border-color:#cbd5e1;color:#475569}
.invoice-number2311.credit{background:#f3e8ff;border-color:#d8b4fe;color:#7e22ce}

.catalog-price-mode2311{display:inline-flex;gap:4px;padding:4px;background:#e9eef5;border-radius:10px}
.catalog-price-mode2311 button{border:0;background:transparent;padding:8px 13px;border-radius:7px;cursor:pointer;font-weight:750;color:#526177}
.catalog-price-mode2311 button.active{background:#fff;color:#1d4ed8;box-shadow:0 2px 7px rgba(15,23,42,.1)}
.catalog-price2311 strong,.catalog-price2311 small{display:block}.catalog-price2311 small{color:#718096;font-weight:500;margin-top:2px}

.quote-line2311{display:grid;grid-template-columns:170px minmax(220px,2fr) 80px 105px 110px 90px 40px;gap:8px;align-items:end;padding:11px 0;border-bottom:1px solid #e7ebf1}
.quote-line2311 .field{margin:0}
.quote-status2311{font-weight:700}
.quote-actions2311{display:flex;gap:6px;flex-wrap:wrap}
@media(max-width:1100px){.quote-line2311{grid-template-columns:1fr 2fr 80px 110px}.quote-line2311 .quote-unit2311,.quote-line2311 .quote-vat2311{display:none}}
@media(max-width:720px){.quote-line2311{grid-template-columns:1fr 1fr}.finance-primary2311{width:100%}.finance-primary2311 button{flex:1}.main{border-left:0}}