/* CARAVELLO / Workshop edition — visual system inspired by real automotive service dashboards.
   Deliberately restrained: ink, paper, workshop blue, hard edges and readable data. */
:root{--nav:#101419;--ink:#1d242d;--ink-muted:#737d89;--line:#dfe3e8;--surface:#fff;--radius:8px}
html{background:#f2f3f5}body{background:#f2f3f5;color:#20262e;font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.app-shell{background:#f2f3f5}.sidebar{width:236px;background:#11151a;color:#e9edf2;border-right:1px solid #252b33;padding:25px 15px 17px}.brand{display:block;padding:0 8px 24px;border-bottom:1px solid #2b3038;margin-bottom:25px}.brand-logo{width:100%;height:auto;max-height:78px;object-fit:contain;object-position:left center;display:block}.brand-caption{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:9px;color:#8e9aa9;font-size:8px;letter-spacing:1.7px;font-weight:700}.brand-caption-line{height:1px;width:18px;background:#3d4652}.sidebar-section-label{font-size:9px;letter-spacing:1.35px;color:#687482;padding:0 12px 11px;font-weight:750}.side-nav{gap:3px}.nav-link{position:relative;border-radius:5px;padding:11px 12px;color:#aab3bf;gap:11px;font-size:12px;font-weight:550;transition:background .15s,color .15s}.nav-link:hover{background:#20262e;color:#fff}.nav-link.active{background:#202a36;color:#fff;font-weight:650}.nav-link.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 2px 2px 0;background:#1884ff}.nav-link .ico{width:16px;height:16px}.sidebar-bottom{margin-top:auto}.side-credit{border-top:1px solid #2b3038;margin:16px 8px 0;padding-top:14px;color:#929daa;font-size:10px;line-height:1.7}.side-credit small{color:#6c7887;font-size:8px;letter-spacing:.7px}.pulse-dot,.online-dot{width:6px;height:6px;background:#28b67a;margin-right:6px}
.main-area{min-width:0}.topbar{height:62px;background:#fff;border-bottom:1px solid #dfe3e8;padding:0 34px}.breadcrumb{font-size:10px;letter-spacing:.8px;color:#7c8794}.breadcrumb span{padding:0 8px;color:#c4cad1}.breadcrumb strong{color:#222a33}.breadcrumb .breadcrumb-brand{color:#202832;font-weight:800;letter-spacing:1px}.breadcrumb .breadcrumb-brand b{background:#eaf3ff;color:#0869d7;padding:4px 5px;border-radius:3px;font-size:9px}.topbar-right{gap:15px;font-size:11px;color:#7a8592}.topbar-divider{border-color:#e2e6eb}.location-label{color:#596776;font-size:9px;letter-spacing:.65px;font-weight:750}.content{max-width:1700px;padding:30px 34px 55px}.page-heading{margin-bottom:24px}.page-heading h1{font-size:29px;letter-spacing:-.9px;font-weight:760;color:#171d24}.page-heading p{font-size:12px;color:#7c8793;margin-top:7px}.eyebrow{color:#1477e8;font-size:9px;letter-spacing:1.5px;margin-bottom:8px}.button{border-radius:5px;min-height:39px;font-size:11px;padding:10px 14px;box-shadow:none;transition:background .12s,border-color .12s}.button:hover:not(:disabled){transform:none}.button.primary{background:#0878ed;border-color:#0878ed;color:#fff;box-shadow:none}.button.primary:hover:not(:disabled){background:#0065d4;border-color:#0065d4}.button.secondary{background:#fff;border-color:#d6dce3;color:#313b47}.button.secondary:hover:not(:disabled){background:#f4f7fa;border-color:#b8c2ce}.text-button{color:#086ed8;font-size:11px}.text-button:hover{color:#034d9c}.input{height:39px;border-radius:5px;background:#fff;border-color:#d7dde4;color:#202832;font-size:12px}.input:focus,.search-field:focus-within{border-color:#2687f4;box-shadow:0 0 0 3px rgba(8,120,237,.09)}.input::placeholder{color:#a0a9b4}.select,.select.slim{background:#fff;color:#343d48;border-color:#d7dde4}.option{background:#fff}.search-field{background:#fff;border:1px solid #d7dde4;border-radius:5px}.search-field input{color:#202832}.search-field .ico{color:#8a96a4}
/* Home: compact editorial header, not a giant marketing banner */
.hero{background:#fff;border:1px solid #dfe3e8;border-radius:7px;padding:29px 31px 45px;margin-bottom:25px;min-height:225px;box-shadow:none;isolation:isolate}.hero:before{display:none}.hero:after{inset:auto 0 0;height:3px;opacity:1;background:linear-gradient(90deg,#0878ed 0 18%,#202832 18% 100%)}.hero-copy{max-width:520px}.hero-kicker{color:#687584;font-size:9px;letter-spacing:1.4px;margin-bottom:14px}.hero-kicker span{background:#0878ed;box-shadow:none;width:5px;height:5px}.hero h1{font-size:clamp(30px,3vw,39px);font-weight:780;letter-spacing:-1.5px;line-height:1.06;color:#171d24}.hero h1 span{color:#0878ed}.hero p{font-size:12px;line-height:1.65;color:#727e8b;max-width:370px;margin-top:12px}.hero-buttons{margin-top:19px;gap:8px}.hero-buttons .button{min-height:38px}.hero-art{right:27px;top:36px;width:36%;height:140px}.hero-art:before{display:none}.hero-art img{max-width:360px;max-height:140px;filter:none}.hero-bottom{left:31px;right:31px;bottom:14px;border-top:1px solid #edf0f3;color:#8c97a3;padding-top:10px;font-size:8px;letter-spacing:1.25px}
.inline-toolbar{margin-bottom:13px}.section-label{font-size:12px;color:#28313b}.section-label-sub{color:#8b95a1;font-size:10px;font-weight:450}.metric{background:#fff;border:1px solid #dfe3e8;border-radius:6px;padding:19px 20px;min-height:130px;box-shadow:none}.metric:before{left:20px;width:24px;height:2px;background:#aab5c2}.metric-label{color:#687482;font-size:10px;font-weight:650}.metric-label .ico{stroke:#8491a0}.metric-value{font-size:27px;font-weight:760;letter-spacing:-1.1px;color:#1c242d;margin-top:18px}.metric-foot{font-size:10px;color:#8c96a2;margin-top:5px}.dark-metric{background:#17212d;border-color:#17212d}.dark-metric:before{background:#1986ff;box-shadow:none}.dark-metric .metric-label{color:#aeb9c7}.dark-metric .metric-label .ico{stroke:#5da7ff}.dark-metric .metric-value{color:#fff}.dark-metric .metric-foot{color:#a0adbc}.dashboard-grid{gap:16px}.panel,.data-panel,.cart-panel{background:#fff;border:1px solid #dfe3e8;border-radius:7px;box-shadow:none}.panel-heading{padding:19px 20px 16px}.panel-heading h2{font-size:13px;font-weight:750;color:#202832;letter-spacing:-.2px}.panel-heading h2+span,.panel-heading span:not(.counter){font-size:10px;color:#8994a0;margin-top:4px}.table-scroll{border-radius:0 0 7px 7px}th{background:#f7f8fa;color:#87919d;border-color:#e8ebef;font-size:9px;letter-spacing:.75px;padding:11px 15px}td{color:#525e6b;border-bottom-color:#edf0f3;font-size:11px;padding:13px 15px}tbody tr:hover{background:#f8fafc}.table-primary{color:#202832}.table-sub{color:#929ca7}.muted{color:#8994a0!important}.status.confirmed{background:#e7f7ef;color:#168455}.status.cancelled{background:#fff0f0;color:#bd4b4b}.stock-list{min-height:185px}.stock-item{border-color:#edf0f3}.stock-avatar,.product-icon{background:#eef5ff;border:1px solid #dceaff;color:#0878ed;border-radius:5px}.stock-item-info strong{color:#29333e}.stock-item-info small{color:#929ca7}.stock-item-count{color:#b36b25}.counter{background:#eef5ff;color:#086ed8;border-radius:4px}.flat-action{background:#fafbfc;border-top-color:#e8ebef;color:#086ed8;font-size:11px}.flat-action:hover{background:#f1f6fc}.empty-state{color:#929ca7}.empty-state strong{color:#515d69}.empty-state span{color:#87929e}.empty-state .ico{stroke:#98a4b1}.empty-table{color:#929ca7}
/* Product and POS workbench */
.table-caption,.catalog-count{color:#8b96a2;font-size:10px}.stock-chip{color:#187d53;background:#e6f6ed;border-radius:4px}.stock-chip.low{color:#a95a1a;background:#fff1e3}.icon-btn{color:#687584;border-radius:5px}.icon-btn:hover{color:#126bd0;border-color:#cbdcf0;background:#f2f7fd}.icon-btn.danger:hover{background:#fff1f1;color:#c34e4e}.data-panel{background:#fff}.pos-catalog{min-height:570px}.pos-search-row,.settings-panel .panel-heading{border-color:#e7ebef}.product-card{background:#fff;border:1px solid #e1e5ea;border-radius:6px;min-height:158px;padding:15px;box-shadow:none}.product-card:hover:not(:disabled){border-color:#6daaf1;background:#fbfdff;box-shadow:0 0 0 1px rgba(8,120,237,.08)}.product-card:disabled{background:#f6f7f8;opacity:.62}.product-card-name{color:#242d37;font-size:12px}.product-card-code{color:#929ca7}.product-card-price{color:#096ed7;font-size:16px}.product-card-stock{color:#8b96a2}.category-chip{color:#65788c;font-size:9px;background:#f2f4f6;padding:4px 6px;border-radius:3px}.cart-panel{background:#fff;border-color:#d8dee6;position:sticky;top:14px}.cart-head{background:#f8f9fb;border-bottom:1px solid #e3e7ec;padding:18px 19px 15px}.cart-head h2{color:#202832}.cart-item{border-color:#edf0f3}.cart-item-content strong,.cart-item-right strong{color:#29333e}.cart-item-content small{color:#929ca7}.qty-button{background:#fff;border-color:#d8dfe7;color:#126ed5;border-radius:4px}.qty-button:hover:not(:disabled){background:#eef5ff}.qty-value{color:#202832}.remove-link{color:#c15b5b}.cart-fields{border-color:#e7ebef;padding:15px 19px}.cart-fields label,.settings-form label,.form-grid label{color:#596674}.cart-fields .input,.settings-form .input,.form-grid .input{color:#202832;background:#fff}.field-optional{color:#9aa3ad}.cart-totals{background:#f7f9fb;border-color:#e4e8ed;padding:14px 19px}.cart-totals>div{color:#737f8c}.cart-totals strong{color:#333e49}.cart-totals .cart-grand{border-top-color:#dfe4ea;color:#202832}.cart-grand strong{color:#0878ed;font-size:22px}.checkout{width:calc(100% - 38px);margin:15px 19px 0}.checkout-note{color:#939da8}
.report-metrics{border-color:#dfe3e8;background:#fff;border-radius:7px}.report-metrics>div{border-color:#e8ebef}.report-metrics span{color:#7d8894}.report-metrics strong{color:#202832}.report-metrics .report-profit{background:#f0f6ff}.report-profit strong{color:#086ed8}.positive{color:#188458}.negative{color:#c04e4e}.fine-print{color:#8b96a2}.backup-icon{background:#edf5ff;color:#0878ed;border-radius:6px}.backup-panel p{color:#7d8894}.notice-panel{background:#fff8ed;color:#a56b28;border-color:#f0dfc4;border-radius:6px}.notice-panel p{color:#8b7a63}.modal-scrim{background:rgba(12,18,25,.56);backdrop-filter:blur(1px)}.modal{background:#fff;border:1px solid #dce2e9;border-radius:8px;box-shadow:0 18px 60px rgba(10,20,30,.22)}.modal-heading{border-bottom:1px solid #edf0f3;padding-bottom:14px;margin-bottom:19px}.modal-heading h2{color:#202832}.product-margin-preview{background:#eff6ff;border:1px solid #d7e8ff;color:#245c98;border-radius:5px}.modal-actions{border-color:#e7ebef}.receipt-layout{border-color:#e0e5eb;background:#fff}.receipt-header{border-color:#dfe4e9}.receipt-brand{color:#202832}.receipt-sub,.receipt-number,.receipt-info,.receipt-footer{color:#7f8a96}.receipt-info strong{color:#202832}.receipt-line{border-color:#edf0f3}.receipt-total{color:#202832}.receipt-cancelled{color:#bf4e4e}.toast{background:#182b40;color:#fff;border:1px solid #243c56;border-radius:6px;box-shadow:0 8px 28px rgba(20,30,40,.17)}.toast.error{background:#8f3434;border-color:#a84a4a}
@media(max-width:1250px){.sidebar{width:220px}.hero-art{width:34%;right:20px}.hero-copy{max-width:480px}.content{padding-left:26px;padding-right:26px}.metrics{gap:10px}.metric{padding:18px 16px}.metric:before{left:16px}}
@media(max-width:1000px){.sidebar{width:250px;box-shadow:8px 0 28px rgba(0,0,0,.18)}.hero-art{width:31%;opacity:.9}.topbar{padding:0 22px}.content{padding:24px 22px 48px}}
@media(max-width:760px){.topbar{height:58px}.content{padding:20px 16px 45px}.hero{padding:25px 22px 44px;min-height:245px}.hero-art{display:none}.hero-copy{max-width:100%}.hero-bottom{left:22px;right:22px}.report-metrics>div:nth-child(1),.report-metrics>div:nth-child(2){border-bottom-color:#e8ebef}.report-metrics>div:nth-child(2){border-right:0}.pos-layout{gap:13px}.cart-panel{position:static}}
@media(max-width:470px){.content{padding:17px 12px 40px}.hero{padding:23px 17px 43px;min-height:255px}.hero h1{font-size:32px}.hero p{font-size:11px}.hero-bottom{left:17px;right:17px;font-size:7px}.hero-buttons{gap:7px}.hero-buttons .button{padding:9px 10px;font-size:10px}.section-label-sub{display:none}.metric{padding:15px 12px;min-height:125px}.metric:before{left:12px}.metric-value{font-size:clamp(18px,5vw,24px)}.product-card{padding:12px}.topbar-right{font-size:9px}.page-heading h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){.button,.nav-link,.product-card{transition:none}}