:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#18302d;background:#f3f5f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.hidden{display:none!important}.topbar{height:72px;display:flex;align-items:center;gap:11px;padding:0 max(24px,calc((100vw - 1180px)/2));background:#fff;border-bottom:1px solid #e3e9e1;font-size:18px;letter-spacing:-.02em}.topbar strong{font-weight:800}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:#fff;background:#1e5b48;font-weight:800}.topbar .ghost{margin-left:auto}.ghost,.secondary{border:1px solid #d2dcd3;background:#fff;color:#245844;border-radius:12px;padding:11px 16px;font-weight:700}.auth-layout{min-height:calc(100vh - 72px);display:grid;grid-template-columns:1fr 440px;align-items:center;gap:9%;max-width:1180px;margin:auto;padding:64px 24px}.intro{max-width:570px}.eyebrow{color:#3b7e5d;font-size:12px;font-weight:800;letter-spacing:.16em}.intro h1{font-size:clamp(39px,5vw,66px);line-height:1.08;letter-spacing:-.055em;margin:14px 0 22px}.intro>p:not(.eyebrow){font-size:19px;line-height:1.6;color:#5f706b;max-width:470px}.privacy-note{margin-top:36px;background:#e6eee7;color:#37644d;padding:16px 18px;border-radius:14px;line-height:1.5;font-size:14px}.card{background:#fff;border:1px solid #e0e8df;border-radius:22px;box-shadow:0 20px 50px #18302d0a;padding:26px}.auth-card{padding:22px 28px 30px}.tabs{display:flex;background:#f2f5f1;border-radius:14px;padding:5px;margin-bottom:30px}.tab{flex:1;border:0;background:transparent;border-radius:10px;padding:12px 8px;color:#688078;font-weight:700}.tab.active{background:#fff;color:#194a38;box-shadow:0 2px 7px #152b2814}h2{font-size:26px;letter-spacing:-.035em;margin:0 0 6px}h3{font-size:19px;letter-spacing:-.02em;margin:0 0 20px}.muted{color:#6e7e78;line-height:1.5}.auth-card .muted{margin:0 0 26px}label{display:block;font-size:14px;font-weight:700;margin:0 0 18px}label input,label select,label textarea{display:block;width:100%;min-height:50px;border:1px solid #cad7cf;border-radius:12px;padding:12px 14px;margin-top:8px;background:#fff;color:#18302d;outline:none}label input, label select{height:50px}label input:focus,label select:focus,label textarea:focus{border-color:#2d805a;box-shadow:0 0 0 3px #2d805a22}small{display:block;color:#74837e;margin-top:5px}.primary{border:0;background:#1f6349;color:#fff;border-radius:12px;padding:14px 20px;min-height:49px;font-weight:750}.primary:hover{background:#15543d}.full{width:100%;margin-top:4px}.form-message{min-height:20px;color:#a23f35;font-size:13px;margin:12px 0 0}.form-message.ok{color:#28714d}.workspace{max-width:1180px;margin:auto;padding:42px 24px 90px}.welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.welcome h1{margin:3px 0 6px;font-size:clamp(30px,4vw,45px);letter-spacing:-.04em}.welcome .muted{margin:0}.pill{background:#e1eee4;color:#246044;padding:9px 14px;border-radius:999px;font-size:13px;font-weight:800}.next-card{background:#214e3e;color:#fff;box-shadow:none}.next-card p{margin-bottom:0;color:#dcebe0;line-height:1.5}.section-heading{margin:38px 0 20px}.section-heading h2{font-size:30px}.owner-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.owner-grid .card{box-shadow:none}.optional{font-weight:400;color:#899791}.setup-panel{margin-top:20px;border-color:#b5d8bd;background:#eff8f0;box-shadow:none}.setup-panel p{color:#476451;line-height:1.5}.list-card{margin-top:20px;box-shadow:none}.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ecf0ea;padding:15px 0}.list-row:first-child{border-top:0}.list-row strong{display:block}.list-row small{margin-top:3px}.list-row .actions{display:flex;gap:8px}.list-row button{padding:8px 11px}.empty{color:#72847a}.danger{color:#a8443d}.error{color:#a8443d}.workspace-nav{display:flex;gap:8px;background:#e8eee7;padding:5px;border-radius:14px;width:max-content;max-width:100%;margin-bottom:24px}.workspace-nav .tab{min-width:150px}.catalog-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-top:14px}.catalog-heading .muted{margin:8px 0 0}.catalog-search{display:flex;align-items:end;justify-content:space-between;gap:16px;box-shadow:none;margin:22px 0}.catalog-search label{margin:0;flex:1;max-width:500px}.catalog-search .muted{padding-bottom:14px;white-space:nowrap}.product-list{display:grid;gap:12px}.product-card{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;box-shadow:none}.product-card h3{margin:0 0 5px}.product-card p{margin:0;max-width:550px;white-space:pre-wrap}.product-price small{font-size:11px;letter-spacing:.1em;font-weight:800}.product-price strong{display:block;font-size:20px;white-space:nowrap}.product-actions{display:flex;gap:8px}.product-actions button{min-height:44px}.product-editor{margin-top:22px;box-shadow:none}.editor-head{display:flex;justify-content:space-between;align-items:start;gap:10px}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.owner-cost-fields{border-top:1px solid #e8eee7;padding-top:18px;margin-top:8px}.product-editor h3{margin:0 0 22px}.product-editor #supplier-panel,.product-editor #price-history-panel{border-top:1px solid #e8eee7;padding-top:24px;margin-top:24px}.detail-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px;padding:12px 0;border-bottom:1px solid #ecf0ea}.detail-row small{width:100%}.product-editor #archive-product{margin-top:28px}@media(max-width:790px){.auth-layout{grid-template-columns:1fr;gap:24px;align-items:start;padding-top:36px}.intro h1{font-size:42px}.intro>p:not(.eyebrow){font-size:16px}.privacy-note{margin-top:20px}.auth-card{max-width:540px;width:100%;margin:auto}.owner-grid{grid-template-columns:1fr}.product-card{grid-template-columns:1fr auto}.product-actions{grid-column:1/-1}}@media(max-width:480px){.topbar{height:64px;padding:0 16px}.auth-layout{padding:25px 16px 48px}.intro h1{font-size:36px}.privacy-note{display:none}.auth-card{padding:18px 18px 24px;border-radius:18px}.workspace{padding:26px 16px 60px}.welcome{align-items:flex-start;flex-direction:column}.card{padding:20px}.list-row{align-items:flex-start;flex-direction:column}.list-row .actions{width:100%}.list-row button{flex:1}.workspace-nav{width:100%}.workspace-nav .tab{min-width:0}.catalog-heading{align-items:stretch;flex-direction:column}.catalog-search{align-items:stretch;flex-direction:column}.catalog-search .muted{padding:0}.product-card{grid-template-columns:1fr;gap:12px}.product-actions{grid-column:auto}.product-actions button{flex:1}.editor-grid{grid-template-columns:1fr;gap:0}}

.price-dialog{width:min(420px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #d2dcd3;border-radius:20px;padding:24px;background:#fff;color:#18302d;box-shadow:0 24px 70px #152b2840}
.price-dialog::backdrop{background:#152b2880}
.price-dialog h3{margin-bottom:8px}
.price-dialog .muted{margin:0 0 22px}
.dialog-actions{display:flex;justify-content:flex-end;gap:10px}
.dialog-actions button{min-height:49px}
@media(max-width:480px){.dialog-actions button{flex:1}}

.catalog-search select{min-height:50px;border:1px solid #cad7cf;border-radius:12px;padding:10px 12px;background:#fff;color:#18302d}
.paint-card{display:grid;grid-template-columns:1fr auto;gap:5px 18px;align-items:center;box-shadow:none}
.paint-card strong,.paint-card>div,.paint-card small{grid-column:1}
.paint-card strong{font-size:17px}
.paint-card button{grid-column:2;grid-row:1/4;min-height:44px}
#paint-fields textarea{min-height:96px}
#paint-form .primary{margin-right:8px}
@media(max-width:600px){.workspace-nav{width:100%;overflow-x:auto}.workspace-nav .tab{min-width:0;white-space:nowrap}.catalog-search{align-items:stretch;flex-direction:column}.catalog-search label{max-width:none}.paint-card{grid-template-columns:1fr}.paint-card button{grid-column:1;grid-row:auto;margin-top:8px}.paint-card>div{overflow-wrap:anywhere}#paint-form .primary,#paint-form #delete-paint{width:100%;margin:0 0 8px}}

.company-section{border-top:1px solid #e8eee7;padding-top:24px;margin-top:24px}
.company-section .editor-head{align-items:center;flex-wrap:wrap;margin-bottom:18px}
.company-section h3{margin:0 0 4px}
.company-section .muted{margin:0}
.company-price-row{display:grid;grid-template-columns:1.3fr 1fr;gap:0 16px;padding:18px;margin-bottom:12px;border:1px solid #dce7dd;border-radius:16px;background:#f8faf7}
.company-price-row label:nth-child(3){grid-column:1/-1}
.company-profit{align-self:center;font-weight:700;color:#245844;padding-bottom:10px}
.company-price-row .ghost{justify-self:end;align-self:start}
.editor-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
@media(max-width:600px){.company-price-row{grid-template-columns:1fr}.company-price-row label:nth-child(3){grid-column:1}.company-price-row .ghost{justify-self:stretch}.editor-actions button,.company-section .editor-head button{width:100%}}

.product-list .product-editor{margin:0;scroll-margin-top:16px}
.product-list .product-card{scroll-margin-top:16px}

.paint-list{width:100%;max-width:100%;overflow-x:auto;border:1px solid #dce7dd;border-radius:16px;background:#fff;box-shadow:0 4px 20px #18302d08}
.table-hint{margin:0 0 8px;color:#6b7e73;font-size:12px}
.paint-table{border-collapse:collapse;width:max-content;min-width:100%;font-size:13px;line-height:1.35}
.paint-table th,.paint-table td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid #edf1eb;max-width:260px;min-width:100px;overflow-wrap:anywhere;white-space:pre-wrap}
.paint-table th{background:#edf4ee;color:#365946;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.paint-table tbody tr:nth-child(even):not(.paint-editor-row){background:#fafcf9}
.paint-table tbody tr.paint-row:hover{background:#eef7ef}
.paint-table .paint-customername,.paint-table .paint-customer-name{color:#165f46;font-weight:800}
.paint-table .paint-product,.paint-table .paint-name{color:#2558a2;font-weight:800}
.paint-table .paint-colorcode,.paint-table .paint-code,.paint-table .paint-colorname{color:#87489c;font-weight:750}
.paint-table .paint-base,.paint-table .paint-base-name{color:#9b5a14;font-weight:750}
.paint-table .paint-customeraddress,.paint-table .paint-customer-address{min-width:180px}
.paint-table .paint-recordedprice,.paint-table .paint-price{color:#186c59;font-weight:750;white-space:nowrap}
.paint-table .paint-action{background:#fff}
.paint-table tr:nth-child(even) .paint-action{background:#fafcf9}
.paint-table .paint-action button{white-space:nowrap;min-height:42px;padding:8px 12px}
.paint-table th,.paint-table td{min-width:125px}
.paint-table .paint-action{min-width:130px}
.paint-table .paint-colorname{min-width:140px}
.paint-sales-table,.paint-formula-table{table-layout:fixed;width:100%;min-width:0}
.paint-sales-table.paint-table th,.paint-sales-table.paint-table td,.paint-formula-table.paint-table th,.paint-formula-table.paint-table td{min-width:0;max-width:none;padding:11px 8px;font-size:12px}
.paint-sales-table.paint-table th,.paint-formula-table.paint-table th{font-size:10px;white-space:normal}
.paint-sales-table.paint-table .paint-customeraddress,.paint-sales-table.paint-table .paint-product,.paint-sales-table.paint-table .paint-colorname,.paint-formula-table.paint-table .paint-action{min-width:0}
.paint-sales-table.paint-table .paint-action,.paint-formula-table.paint-table .paint-action{min-width:0}
.paint-sales-table.paint-table .paint-action button,.paint-formula-table.paint-table .paint-action button{min-height:42px;padding:7px 8px;font-size:12px;white-space:normal}
.paint-list .paint-editor-row .product-editor{width:min(750px,calc(100vw - 110px))}
.paint-table .paint-row{cursor:pointer}
.paint-table .paint-row:focus-visible{outline:3px solid #2d805a;outline-offset:-3px}
.paint-table .paint-row.is-open{background:#f3f8f3}
.paint-table .paint-editor-row td{padding:12px;max-width:none;min-width:0;background:#f8faf8}
.paint-table .paint-editor-row .product-editor{width:min(750px,calc(100vw - 110px));margin:0;box-shadow:none;scroll-margin-top:16px}
.paint-table .paint-editor-row label{min-width:0}
.paint-list{overflow:visible}
.paint-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin-top:16px}
.paint-detail{padding:10px 0;border-bottom:1px solid #e7eee7;min-width:0;overflow-wrap:anywhere}
.paint-detail dt{margin-bottom:5px;color:#6b7e73;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.paint-detail dd{margin:0;white-space:pre-wrap;line-height:1.45}
.paint-editor-actions{display:flex;gap:8px;align-items:center}
.paint-editor-actions button{min-height:42px}
#close-paint{min-width:42px;padding:8px;font-size:23px;line-height:1}
@media(max-width:850px){
  .table-hint{display:none}
  .paint-list{overflow:visible;border:0;background:transparent;box-shadow:none}
  .paint-table,.paint-table tbody{display:block;width:100%;min-width:0}
  .paint-sales-table{width:100%;min-width:0;table-layout:auto}
  .paint-formula-table{width:100%;min-width:0;table-layout:auto}
  .paint-table thead{display:none}
  .paint-table .paint-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px;margin-bottom:12px;padding:16px;border:1px solid #dce7dd;border-radius:15px;background:#fff!important;box-shadow:0 3px 12px #18302d0a}
  .paint-table .paint-row.is-open{border-color:#9fc9ad;background:#f8fbf8!important}
  .paint-table .paint-row td{display:block;min-width:0;max-width:none;padding:0;border:0;background:transparent!important;white-space:pre-wrap}
  .paint-sales-table.paint-table .paint-row td{min-width:0;max-width:none;padding:0;font-size:13px}
  .paint-formula-table.paint-table .paint-row td{min-width:0;max-width:none;padding:0;font-size:13px}
  .paint-table .paint-row td::before{content:attr(data-label);display:block;margin-bottom:3px;color:#73847b;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
  .paint-table .paint-row .paint-customername,.paint-table .paint-row .paint-customer-name,.paint-table .paint-row .paint-name{font-size:15px}
  .paint-table .paint-row .paint-customeraddress,.paint-table .paint-row .paint-customer-address,.paint-table .paint-row .paint-description,.paint-table .paint-row .paint-ingredients,.paint-table .paint-row .paint-raw-ingredients{grid-column:span 2}
  .paint-table .paint-row .paint-action{grid-column:1/-1;box-shadow:none}
  .paint-table .paint-row .paint-action::before{display:none}
  .paint-table .paint-row .paint-action button{width:100%;min-height:46px}
  .paint-table .paint-editor-row,.paint-table .paint-editor-row td{display:block;width:100%;max-width:none;min-width:0}
  .paint-table .paint-editor-row td{padding:0 0 12px;border:0;background:transparent}
  .paint-table .paint-editor-row .product-editor{width:100%;margin:0 0 4px;padding:20px;border-radius:15px}
}
.depo-controls,.depo-actions,.depo-company-head,.depo-debt-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.depo-month-summary{display:flex;gap:24px;flex-wrap:wrap;margin:0 0 10px;color:#315c49}
.depo-warning-box{margin-bottom:16px;padding:16px 20px;box-shadow:none}.depo-warning-box summary{cursor:pointer;font-weight:750;color:#855a19}.depo-warning-box p{white-space:pre-wrap;overflow-wrap:anywhere;border-top:1px solid #eee5d5;padding-top:8px}
.depo-company-head{justify-content:space-between}.depo-company-head h3{margin:0 0 5px;color:#165f46}.depo-company-head p{margin:0}.depo-list{display:grid;gap:18px}.depo-form{margin:16px 0;background:#f8fbf8;box-shadow:none}.depo-form h3{margin:0 0 16px}.depo-actions{margin-top:16px}.depo-summary{display:flex;gap:20px;flex-wrap:wrap;margin:18px 0;padding:14px;background:#f2f7f1;border-radius:12px}.depo-month{margin-top:20px;border-top:1px solid #dde8dc}.depo-month h4{margin:16px 0;color:#315c49;text-transform:capitalize}.depo-debt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 0;border-top:1px solid #e7eee5}.depo-field{min-width:0;overflow-wrap:anywhere}.depo-field small{display:block;margin-bottom:4px;color:#677a6e;font-size:11px;font-weight:800;text-transform:uppercase}.depo-field strong{font-size:14px;white-space:pre-wrap;font-weight:650}.depo-amount strong{font-size:17px;color:#165f46}.depo-paid strong{color:#b23c36}.depo-partial strong{color:#9a6600}.depo-comment{grid-column:1/-1;padding:12px;background:#fff7e7;border-left:4px solid #d39a2d;border-radius:8px}.depo-debt-actions,.depo-payment-panel{grid-column:1/-1}.depo-payment-panel{padding:14px;border-radius:12px;background:#f6f9f5}.depo-payment-panel h5{margin:0 0 8px;font-size:15px}.depo-payment-panel p{white-space:pre-wrap;overflow-wrap:anywhere}.depo-controls label{margin:0}
@media(max-width:850px){.depo-debt{grid-template-columns:repeat(2,minmax(0,1fr))}.depo-company-head{align-items:flex-start}.depo-company-head button{min-height:44px}}
@media(max-width:600px){.depo-debt{grid-template-columns:1fr 1fr}.depo-comment,.depo-debt-actions,.depo-payment-panel{grid-column:1/-1}.depo-company-head button,.depo-actions button{width:100%;min-height:46px}.depo-actions{display:grid;grid-template-columns:1fr 1fr}.depo-company-head{display:block}.depo-company-head button{margin-top:12px}}
#depo-page .section-heading{align-items:flex-end;flex-wrap:wrap}
#depo-page .section-heading>div:first-child{min-width:0;flex:1 1 280px}
.depo-controls{flex:0 1 auto;align-items:end;gap:8px}
.depo-controls label{flex:0 0 105px;min-width:105px;margin:0}
.depo-controls select{width:100%;min-width:105px;margin-top:6px}
.depo-controls button{min-height:50px;white-space:nowrap}
.depo-search{padding:16px 20px;margin:16px 0 18px;box-shadow:none}
.depo-sheet-sync{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0;padding:14px 18px;box-shadow:none}.depo-sheet-sync p{margin:4px 0 0}.depo-sheet-sync .depo-actions{margin:0}.button-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.depo-search label{margin:0;max-width:none}
.depo-search input{margin-top:6px}
.depo-company-head>.depo-actions{margin:0}
#close-paint{min-width:76px;min-height:42px;padding:8px 14px;font-size:14px;line-height:1.2}
@media(max-width:600px){.depo-controls{display:grid;grid-template-columns:minmax(100px,1fr) 1fr 1fr;width:100%}.depo-controls label{min-width:0;flex:auto}.depo-controls select{min-width:0}.depo-controls button{min-height:50px;padding:9px 8px}.depo-search{padding:14px 16px}.depo-company-head>.depo-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:12px}.depo-company-head>.depo-actions button{margin:0;min-width:0}.depo-debt>.depo-field:nth-child(5){grid-column:1/-1}}
@media(max-width:600px){.depo-sheet-sync{display:block}.depo-sheet-sync .depo-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:12px}.depo-sheet-sync .depo-actions>*{min-height:44px}}
.depo-debt>.depo-form{grid-column:1/-1;width:100%;min-width:0;margin:10px 0 4px;padding:26px;border-radius:16px}
.depo-debt>.depo-form .editor-grid{gap:20px 24px}
.depo-debt>.depo-form label{min-width:0;margin:0}
.depo-debt>.depo-form textarea,.depo-payment-panel textarea{min-height:94px;resize:vertical}
.depo-form-hint{margin:-8px 0 24px;font-size:13px}
.depo-debt>.depo-form .depo-actions{margin-top:26px}
.depo-source-notes{margin:16px 0;padding:15px 18px;border:1px solid #ead9ae;border-radius:12px;background:#fffaf0}
.depo-source-notes summary{cursor:pointer;color:#785315;font-weight:750}
.depo-source-note{margin-top:10px;padding:11px 14px;border-left:3px solid #d6a34d;border-radius:7px;background:#fff;white-space:pre-wrap}
.depo-source-note strong{font-weight:500}
.depo-source-note-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;margin-top:10px}
.depo-source-note-row .depo-source-note{margin:0}
.depo-source-note-row>.depo-form{grid-column:1/-1;margin:0;padding:20px}
.depo-source-note-row>button{margin-top:5px;white-space:nowrap}
.depo-source-cell{color:#73847b;font-size:12px;margin-right:auto}
.depo-completed-history{margin:16px 0;padding:14px 16px;border:1px solid #cfe1d3;border-radius:12px;background:#f5faf5}
.depo-completed-history>summary{cursor:pointer;color:#165f46;font-weight:800}
.depo-completed-history>p{margin:8px 0 4px}
.depo-completed-debt{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-top:12px;padding:13px 14px;border:1px solid #d7e3d8;border-radius:10px;background:#fff}
.depo-completed-debt-context{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 16px}
.depo-completed-debt>.depo-payment-history{grid-column:1/-1;width:100%}
.depo-completed-debt>.depo-actions,.depo-completed-debt>.depo-form{grid-column:1/-1;margin:0}
.depo-payment{display:flex;align-items:start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:10px 0;padding:14px 16px;border:1px solid #dde8dc;border-radius:10px;background:#fff}
.depo-payment>div:first-child{display:grid;gap:3px;min-width:0;overflow-wrap:anywhere}
.depo-payment small{color:#64786d}
.depo-payment>.depo-form{flex:1 0 100%;margin:0;padding:20px}
.depo-payment-panel>.depo-form{margin-top:18px}
.depo-payment-history{margin-top:20px;padding-top:18px;border-top:1px solid #d7e3d8}
.depo-payment-history-head{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:12px}
.depo-payment-history-head h5{margin:0 0 4px}.depo-payment-history-head p{margin:0}
.depo-history-event{margin:10px 0;padding:13px 15px;border:1px solid #d7e3d8;border-left:4px solid #478b68;border-radius:9px;background:#fff}
.depo-history-edited{border-left-color:#c48b2a}.depo-history-deleted{border-left-color:#b84d45}
.depo-history-event-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.depo-history-event-head time,.depo-history-event>small{color:#64786d}
.depo-history-details{display:grid;gap:4px;margin-top:8px;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:600px){.depo-debt>.depo-form{padding:22px 18px}.depo-debt>.depo-form .editor-grid,.depo-payment .editor-grid{grid-template-columns:1fr;gap:18px}.depo-payment>button{width:100%;min-height:44px}}
@media(max-width:600px){.depo-source-note-row{grid-template-columns:1fr}.depo-source-note-row>button{width:100%;min-height:44px}.depo-source-note-row>.depo-form{grid-column:1}}
@media(max-width:600px){.depo-payment-history-head{display:block}.depo-payment-history-head button{width:100%;min-height:44px;margin-top:12px}}
@media(max-width:700px){.depo-completed-debt{grid-template-columns:1fr}.depo-completed-debt-context{grid-template-columns:1fr 1fr}.depo-completed-debt>button{width:100%;min-height:44px}}
.depo-search{display:flex;align-items:end;gap:14px}
.depo-search label:first-child{flex:1}
.depo-search label:last-child{flex:0 0 170px}
.depo-company{padding:16px 20px;border-radius:14px;box-shadow:none}
.depo-company+.depo-company{margin-top:0}
.depo-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.depo-company:not(.is-collapsed){grid-column:1/-1}
.depo-company.is-collapsed .depo-summary{display:none}
.depo-company-head h3{margin:0;font-size:17px}
.depo-company-head .muted{font-size:12px}
.depo-company-head .depo-remaining{margin:3px 0 0;color:#165f46;font-size:13px;font-weight:800}
.depo-company-head>.depo-actions button{min-height:38px;padding:7px 11px;font-size:12px}
.depo-company .depo-summary{gap:18px;margin:10px 0 0;padding:10px 12px}
.depo-company .depo-summary .depo-field strong{font-size:13px}
.depo-company.is-collapsed .depo-company-body{display:none}
.depo-month{margin-top:10px;border:1px solid #e0e9dd;border-radius:10px;background:#fff}
.depo-month>summary{padding:10px 14px;cursor:pointer;color:#315c49;font-weight:750;list-style-position:inside}
.depo-month[open]>summary{border-bottom:1px solid #e0e9dd;background:#f5f9f4}
.depo-month .depo-month-summary{padding:9px 14px;margin:0;border-bottom:1px solid #edf1eb}
.depo-month-note-count{display:block;margin:9px 14px;color:#7c6b48}
.depo-debt{grid-template-columns:minmax(115px,1fr) minmax(100px,1fr) minmax(90px,1fr) minmax(100px,1fr) auto;align-items:center;gap:7px 12px;padding:9px 14px;border-top:1px solid #edf1eb}
.depo-debt .depo-field small{font-size:10px;margin:0}
.depo-debt .depo-field strong{font-size:12px}
.depo-debt .depo-amount strong{font-size:14px}
.depo-debt.is-collapsed>.depo-field:nth-child(4),.depo-debt.is-collapsed>.depo-field:nth-child(6),.depo-debt.is-collapsed>.depo-field:nth-child(7),.depo-debt.is-collapsed>.depo-comment,.depo-debt.is-collapsed>.depo-form,.depo-debt.is-collapsed>.depo-payment-panel{display:none}
.depo-debt>.depo-field:nth-child(5){grid-column:4}
.depo-debt:not(.is-collapsed){background:#fbfdfb}
.depo-debt:not(.is-collapsed)>.depo-field:nth-child(4),.depo-debt:not(.is-collapsed)>.depo-field:nth-child(6),.depo-debt:not(.is-collapsed)>.depo-field:nth-child(7){grid-column:span 1}
.depo-debt .depo-debt-actions{grid-column:5;grid-row:1;justify-content:end}
.depo-debt.is-collapsed .depo-debt-actions .depo-source-cell{display:none}
.depo-debt .depo-debt-actions button{min-height:35px;padding:6px 10px;font-size:12px}
.depo-debt .depo-source-cell{display:none}
.depo-debt:not(.is-collapsed) .depo-source-cell{display:block;flex:1 0 100%}
.depo-debt:not(.is-collapsed)>.depo-comment,.depo-debt:not(.is-collapsed)>.depo-form,.depo-debt:not(.is-collapsed)>.depo-payment-panel{grid-column:1/-1}
.depo-payment-actions{display:flex;gap:7px;flex-wrap:wrap}
@media(max-width:1100px){.depo-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.depo-debt{grid-template-columns:repeat(4,minmax(0,1fr))}.depo-debt .depo-debt-actions{grid-column:4;grid-row:1}.depo-debt>.depo-field:nth-child(5){grid-column:3}}
@media(max-width:600px){.depo-list{grid-template-columns:1fr}.depo-search{display:grid;grid-template-columns:1fr 140px}.depo-search label:last-child{min-width:0}.depo-company{padding:14px}.depo-company-head>.depo-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.depo-company-head>.depo-actions button{font-size:11px;padding:7px 5px}.depo-debt{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}.depo-debt>.depo-field:first-child{grid-column:1;grid-row:1}.depo-debt>.depo-field:nth-child(2){grid-column:1;grid-row:2}.depo-debt>.depo-field:nth-child(3){grid-column:2;grid-row:2}.depo-debt>.depo-field:nth-child(5){grid-column:1/-1;grid-row:3}.depo-debt .depo-debt-actions{grid-column:2;grid-row:1}.depo-debt:not(.is-collapsed)>.depo-field:nth-child(4),.depo-debt:not(.is-collapsed)>.depo-field:nth-child(6),.depo-debt:not(.is-collapsed)>.depo-field:nth-child(7){grid-column:1/-1}}
.workspace-nav .tab{min-width:150px;min-height:52px;display:grid;place-items:center;font-size:13px;line-height:1.25;text-align:center;text-transform:none;letter-spacing:0}
.import-toggle{margin-left:auto;min-height:44px;white-space:nowrap}
.import-panel{margin:0 0 18px;box-shadow:none}
.import-panel h3{margin-bottom:14px}
.import-panel label{max-width:560px}
.import-panel .muted{margin-bottom:0}
@media(max-width:600px){.workspace-nav .tab{min-width:122px;padding:10px 8px}.import-toggle{width:100%;margin-left:0}}
.topbar #theme-toggle{margin-left:auto;white-space:nowrap;font-size:13px}
.topbar #logout{margin-left:0}
.delete-dialog .danger-button{background:#a8443d}
.delete-dialog .danger-button:hover{background:#87342f}
@media(max-width:480px){.topbar{gap:7px;font-size:15px}.topbar #theme-toggle{padding:8px;min-width:0}.topbar #logout{padding:8px}}
:root[data-theme="dark"]{color-scheme:dark;color:#e9f1eb;background:#111c19}
:root[data-theme="dark"] body{background:#111c19;color:#e9f1eb}
:root[data-theme="dark"] .topbar,:root[data-theme="dark"] .card,:root[data-theme="dark"] .catalog-list .catalog-table,:root[data-theme="dark"] .catalog-table .catalog-row,:root[data-theme="dark"] .catalog-table .catalog-detail-row td,:root[data-theme="dark"] .paint-table .paint-row,:root[data-theme="dark"] .price-dialog,:root[data-theme="dark"] .depo-month,:root[data-theme="dark"] .depo-payment{background:#1c2c27!important;color:#e9f1eb;border-color:#385249}
:root[data-theme="dark"] .workspace-nav,:root[data-theme="dark"] .tabs,:root[data-theme="dark"] .depo-summary,:root[data-theme="dark"] .depo-payment-panel,:root[data-theme="dark"] .depo-form,:root[data-theme="dark"] .company-price-row,:root[data-theme="dark"] .catalog-table .catalog-detail-row td{background:#23382f!important;border-color:#385249}
:root[data-theme="dark"] .tab.active,:root[data-theme="dark"] .ghost,:root[data-theme="dark"] .secondary,:root[data-theme="dark"] label input,:root[data-theme="dark"] label select,:root[data-theme="dark"] label textarea,:root[data-theme="dark"] .catalog-search select{background:#2b4237;color:#e9f1eb;border-color:#496657}
:root[data-theme="dark"] .tab,:root[data-theme="dark"] .muted,:root[data-theme="dark"] small,:root[data-theme="dark"] .empty,:root[data-theme="dark"] .catalog-detail-block h4,:root[data-theme="dark"] .depo-field small{color:#b6c9bd}
:root[data-theme="dark"] .tab.active,:root[data-theme="dark"] .catalog-name,:root[data-theme="dark"] .catalog-selling,:root[data-theme="dark"] .depo-company-head h3,:root[data-theme="dark"] .depo-remaining,:root[data-theme="dark"] .depo-amount strong{color:#9ce0b5}
:root[data-theme="dark"] .catalog-table th,:root[data-theme="dark"] .depo-month[open]>summary{background:#294334;color:#cce9d3}
:root[data-theme="dark"] .depo-comment,:root[data-theme="dark"] .depo-source-notes{background:#493b25;color:#f8e8bf;border-color:#967b42}
:root[data-theme="dark"] .depo-debt:not(.is-collapsed),:root[data-theme="dark"] .catalog-company{background:#25392f;color:#e9f1eb;border-color:#385249}
:root[data-theme="dark"] .danger{color:#ffaaa3}
:root[data-theme="dark"] .delete-dialog .danger-button{background:#a8443d;color:#fff}
:root[data-theme="dark"] .privacy-note,:root[data-theme="dark"] .pill,:root[data-theme="dark"] .setup-panel{background:#294334;color:#d8eadd;border-color:#496657}
:root[data-theme="dark"] .paint-list,:root[data-theme="dark"] .catalog-list,:root[data-theme="dark"] .catalog-table .catalog-editor-row td,:root[data-theme="dark"] .depo-source-note{background:#1c2c27;color:#e9f1eb;border-color:#385249}
:root[data-theme="dark"] .catalog-company strong,:root[data-theme="dark"] .catalog-profit,:root[data-theme="dark"] .depo-month>summary,:root[data-theme="dark"] .depo-source-notes summary{color:#a4d7ff}
:root[data-theme="dark"] .catalog-company small,:root[data-theme="dark"] .depo-payment small,:root[data-theme="dark"] .depo-month-note-count{color:#b6c9bd}
:root[data-theme="dark"] .depo-paid strong,:root[data-theme="dark"] .error{color:#ffaaa3}
:root[data-theme="dark"] .depo-partial strong{color:#f6cf83}
@media(max-width:600px){
  .paint-details{grid-template-columns:1fr}
  .paint-table .paint-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;padding:14px}
  .paint-table .paint-row .paint-customeraddress,.paint-table .paint-row .paint-customer-address,.paint-table .paint-row .paint-description,.paint-table .paint-row .paint-ingredients,.paint-table .paint-row .paint-raw-ingredients{grid-column:1/-1}
  .paint-table .paint-editor-row .product-editor{padding:16px}
}

.catalog-list{width:100%;max-width:100%;overflow-x:auto;border:1px solid #dce7dd;border-radius:16px;background:#fff}
.catalog-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:14px;line-height:1.4}
.catalog-table th,.catalog-table td{padding:15px 18px;text-align:left;vertical-align:top;border-bottom:1px solid #e9eee8;min-width:0;overflow-wrap:anywhere;white-space:pre-wrap}
.catalog-table th{background:#edf4ee;color:#365946;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.catalog-table tbody tr:nth-child(even):not(.catalog-editor-row){background:#fafcf9}
.catalog-table .catalog-name{color:#165f46;font-weight:850;line-height:1.28;letter-spacing:-.015em;min-width:190px}
.catalog-table .catalog-name>span{display:inline-block;max-width:100%;padding:4px 8px;border-radius:8px;background:#f1f6f2;font-size:clamp(16px,1.15vw,18px);line-height:1.25;white-space:normal;overflow-wrap:anywhere}
.catalog-table .catalog-selling{color:#165f46;font-weight:850;white-space:normal;overflow:hidden}
.catalog-price-content{display:flex;align-items:center;gap:8px;width:100%;min-width:0;max-width:100%}
.catalog-table .catalog-price-content>span{display:flex;align-items:center;justify-content:center;flex:1 1 auto;width:0;min-width:0;min-height:32px;box-sizing:border-box;padding:5px 8px;border-radius:9px;background:#dff1e4;text-align:center;font-size:clamp(18px,1.3vw,20px);line-height:1.16;letter-spacing:-.015em;white-space:nowrap;overflow-wrap:normal;word-break:keep-all}
.catalog-table .catalog-price-content>span:only-child{width:100%}
.catalog-table .catalog-price-content>span.catalog-price-missing{font-size:14px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
.catalog-table .catalog-buying{white-space:nowrap}
.catalog-table .catalog-companies{min-width:280px;max-width:380px}
.catalog-company{display:grid;gap:2px;padding:5px 0;border-bottom:1px solid #e3ebe2}
.catalog-company:last-child{border-bottom:0}
.catalog-company strong{color:#2558a2}
.catalog-company small{margin:0;color:#62756c;white-space:pre-wrap}
.catalog-profit{color:#17644e;font-weight:750}
.catalog-table .catalog-actions{min-width:130px}
.catalog-actions button{display:block;width:100%;min-height:42px;margin-bottom:7px;white-space:nowrap}
.catalog-table .catalog-editor-row td{padding:12px;max-width:none;min-width:0;background:#f8faf8}
.catalog-table .catalog-editor-row .product-editor{width:min(750px,calc(100vw - 110px));margin:0;box-shadow:none}
.catalog-table{min-width:0}
.catalog-table th{white-space:normal;font-size:11px}
.catalog-table .catalog-name{width:29%;min-width:0;font-size:16px}
.catalog-table .catalog-selling{width:17%}
.catalog-table .catalog-buying{width:17%}
.catalog-table .catalog-stock{width:10%}
.catalog-table .catalog-actions{width:27%;min-width:0}
.catalog-table .catalog-actions button{display:inline-block;width:auto;margin:0 7px 0 0}
.catalog-table .catalog-detail-row td{padding:16px 18px 20px;background:#f8fbf8}
.catalog-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 24px}
.catalog-detail-block{min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}
.catalog-detail-block h4{margin:0 0 6px;color:#60766b;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.catalog-detail-block p{margin:0;line-height:1.5}
.catalog-detail-block.catalog-companies{grid-column:1/-1;max-width:none;min-width:0}
.catalog-company-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.catalog-company{padding:11px 13px;border:1px solid #dce7dd;border-radius:11px;background:#fff}
.catalog-list{display:grid;gap:16px;overflow:visible;border:0;background:transparent}
.catalog-sheets{display:flex;gap:8px;overflow-x:auto;padding:4px 0 10px;scrollbar-width:thin}
.catalog-sheet{flex:none;border:1px solid #d2dcd3;border-radius:11px;background:#fff;color:#245844;padding:12px 18px;min-height:46px;font-weight:750}
.catalog-sheet.active{background:#1f6349;color:#fff;border-color:#1f6349}
.catalog-section-tools{margin:0 0 16px}
.catalog-section-tools>button{min-height:44px}
.catalog-section-tools form{margin-top:10px;max-width:520px}
.catalog-section{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;border-radius:12px;background:#dfe6df;color:#243f34;font-weight:800}
.catalog-section .ghost{min-height:38px;padding:7px 12px}
.catalog-section-edit{display:flex;align-items:center;gap:8px;width:100%}
.catalog-section-edit input{flex:1;min-width:0;min-height:42px;padding:8px 12px;border:1px solid #a9bcac;border-radius:9px}
.catalog-section-edit button{min-height:42px;padding:8px 12px}
.catalog-table .catalog-name{width:27%}
.catalog-table .catalog-selling{width:18%}
.catalog-table .catalog-size{width:12%;font-weight:700;color:#3c6651}
.catalog-table .catalog-buying{width:14%}
.catalog-table .catalog-stock{width:7%}
.catalog-table .catalog-actions{width:22%}
:root[data-theme="dark"] .catalog-sheet,:root[data-theme="dark"] .catalog-section-edit input{background:#2b4237;color:#e9f1eb;border-color:#496657}
:root[data-theme="dark"] .catalog-sheet.active{background:#498366;color:#fff}
:root[data-theme="dark"] .catalog-section{background:#3b5145;color:#f1f5ef}
.catalog-list .catalog-table{border:1px solid #dce7dd;border-radius:15px;border-spacing:0;background:#fff;box-shadow:0 4px 16px #18302d0a}
.catalog-list .catalog-table{border-collapse:separate}
.catalog-section-group{display:grid;gap:6px;padding:0 10px 12px;border:1px solid #bacdbe;border-radius:14px;background:#f2f7f2;box-shadow:0 4px 16px #18302d0a}
.catalog-section-group>.catalog-section{margin:0 -10px;padding:15px 18px;border-radius:13px 13px 0 0;background:#d4e2d5;border-bottom:1px solid #bacdbe;font-size:15px}
.catalog-section-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.catalog-section-controls button{min-height:38px}
.catalog-product{position:relative;min-width:0;margin-left:22px}
.catalog-product>.catalog-move{position:absolute;z-index:2;top:50%;left:0;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid #c7d9cb;border-radius:12px;background:#fff;box-shadow:0 2px 9px #18302d1c;cursor:grab;touch-action:none;font-size:24px;line-height:1}
.catalog-move:active{cursor:grabbing}
.catalog-drop-target{outline:3px solid #2a9065;outline-offset:-3px}
.catalog-section-group>.catalog-table{box-shadow:none}
.catalog-section-group>.catalog-product>.catalog-table{box-shadow:none}
.catalog-section-group>.catalog-table:last-child{margin-bottom:0}
.catalog-selling{position:relative}
.catalog-table .catalog-price-edit{display:inline-grid;place-items:center;flex:0 0 32px;width:32px;height:32px;min-width:32px;min-height:32px;box-sizing:border-box;margin:0;padding:0;border-radius:8px;vertical-align:middle;font-size:20px;line-height:1}
.catalog-price-edit:focus-visible{outline:2px solid #17644e;outline-offset:2px}
.catalog-table tbody tr:nth-child(even):not(.catalog-editor-row){background:transparent}
.catalog-table .catalog-detail-row td{border-bottom:0}
@media(max-width:850px){
  .catalog-list{overflow:visible;border:0;background:transparent}
  .catalog-table,.catalog-table tbody{display:block;width:100%;min-width:0}
  .catalog-table thead{display:none}
  .catalog-table .catalog-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;border:1px solid #dce7dd;border-bottom:0;border-radius:15px 15px 0 0;background:#fff!important}
  .catalog-list .catalog-table{border:0;box-shadow:none;background:transparent}
  .catalog-table .catalog-row td{display:block;min-width:0;max-width:none;width:auto;padding:0;border:0;white-space:pre-wrap}
  .catalog-table .catalog-row td::before{content:attr(data-label);display:block;margin-bottom:3px;color:#73847b;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
  .catalog-table .catalog-row .catalog-actions{grid-column:1/-1;display:flex;gap:8px}
  .catalog-table .catalog-row .catalog-name{grid-column:1/-1}
  .catalog-table .catalog-row .catalog-selling{grid-column:1/-1}
  .catalog-table .catalog-row .catalog-name>span{font-size:18px}
  .catalog-table .catalog-row .catalog-price-content>span{font-size:17px}
  .catalog-table .catalog-row .catalog-price-content>span.catalog-price-long{font-size:14px;letter-spacing:-.025em}
  .catalog-table .catalog-row .catalog-price-content>span.catalog-price-very-long{font-size:12px;letter-spacing:-.035em}
  .catalog-table .catalog-row .catalog-price-content>span.catalog-price-missing{font-size:14px}
  .catalog-price-only .catalog-selling{grid-column:1/-1}
  .catalog-table .catalog-actions::before{display:none!important}
  .catalog-actions button{flex:1;margin:0}
  .catalog-table .catalog-detail-row,.catalog-table .catalog-detail-row td,.catalog-table .catalog-editor-row,.catalog-table .catalog-editor-row td{display:block;width:100%;max-width:none;min-width:0}
  .catalog-table .catalog-detail-row td{padding:0 16px 16px;margin-bottom:12px;border:1px solid #dce7dd;border-top:0;border-radius:0 0 15px 15px}
  .catalog-detail-grid{grid-template-columns:1fr;gap:14px}
  .catalog-table .catalog-editor-row td{padding:0 0 12px;border:0;background:transparent}
  .catalog-table .catalog-editor-row .product-editor{width:100%;padding:20px;border-radius:15px}
}
:root[data-theme="dark"] .catalog-table .catalog-editor-row td,:root[data-theme="dark"] .catalog-table .catalog-detail-row td,:root[data-theme="dark"] .catalog-table .catalog-row,:root[data-theme="dark"] .catalog-company{background:#23382f!important;color:#e9f1eb;border-color:#385249}
:root[data-theme="dark"] .catalog-table th{background:#294334;color:#cce9d3}
:root[data-theme="dark"] .catalog-table .catalog-name,:root[data-theme="dark"] .catalog-table .catalog-selling{color:#9ce0b5}
:root[data-theme="dark"] .catalog-table .catalog-name>span{background:#31483b;color:#dcf1e2}
:root[data-theme="dark"] .catalog-table .catalog-price-content>span{background:#2d503a;color:#c9f2d4}
:root[data-theme="dark"] .catalog-section-group{background:#293d32;border-color:#607869}
:root[data-theme="dark"] .catalog-section-group>.catalog-section{background:#476452;border-color:#607869}

/* Softer dark palette with readable paint records and controls. */
.topbar #theme-toggle{display:grid;place-items:center;width:42px;height:42px;min-width:42px;padding:0;font-size:23px;line-height:1}
:root[data-theme="dark"]{background:#25342e;color:#f2f5ee}
:root[data-theme="dark"] body{background:#25342e;color:#f2f5ee}
:root[data-theme="dark"] .topbar,:root[data-theme="dark"] .card,:root[data-theme="dark"] .price-dialog,:root[data-theme="dark"] .depo-month,:root[data-theme="dark"] .depo-payment,:root[data-theme="dark"] .depo-history-event{background:#33473b!important;color:#f2f5ee;border-color:#607869}
:root[data-theme="dark"] .workspace-nav,:root[data-theme="dark"] .tabs,:root[data-theme="dark"] .depo-summary,:root[data-theme="dark"] .depo-form,:root[data-theme="dark"] .depo-payment-panel,:root[data-theme="dark"] .company-price-row{background:#405749!important;color:#f2f5ee;border-color:#607869}
:root[data-theme="dark"] .ghost,:root[data-theme="dark"] .secondary,:root[data-theme="dark"] .tab.active,:root[data-theme="dark"] label input,:root[data-theme="dark"] label select,:root[data-theme="dark"] label textarea,:root[data-theme="dark"] .catalog-search select{background:#476052;color:#f5f7f1;border-color:#718d78}
:root[data-theme="dark"] label input::placeholder,:root[data-theme="dark"] label textarea::placeholder{color:#d1dfd3;opacity:1}
:root[data-theme="dark"] .tab,:root[data-theme="dark"] .muted,:root[data-theme="dark"] small,:root[data-theme="dark"] .paint-detail dt,:root[data-theme="dark"] .table-hint{color:#d1dfd3}
:root[data-theme="dark"] .depo-payment-history{border-color:#607869}:root[data-theme="dark"] .depo-history-event-head time{color:#d1dfd3}
:root[data-theme="dark"] .depo-completed-history,:root[data-theme="dark"] .depo-completed-debt{background:#33473b;color:#f2f5ee;border-color:#607869}:root[data-theme="dark"] .depo-completed-history>summary{color:#b9efcb}
:root[data-theme="dark"] .paint-list{background:#34483d;color:#f2f5ee;border-color:#607869}
:root[data-theme="dark"] .paint-table th{background:#789482;color:#10291f;border-color:#607869}
:root[data-theme="dark"] .paint-table td{color:#f2f5ee;border-color:#607869}
:root[data-theme="dark"] .paint-table tbody tr:nth-child(odd):not(.paint-editor-row),:root[data-theme="dark"] .paint-table tbody tr:nth-child(even):not(.paint-editor-row){background:#34483d!important}
:root[data-theme="dark"] .paint-table tbody tr:nth-child(even):not(.paint-editor-row){background:#405548!important}
:root[data-theme="dark"] .paint-table .paint-row:hover,:root[data-theme="dark"] .paint-table .paint-row.is-open{background:#4c6654!important}
:root[data-theme="dark"] .paint-table .paint-action,:root[data-theme="dark"] .paint-table tr:nth-child(even) .paint-action{background:transparent!important}
:root[data-theme="dark"] .paint-table .paint-customername,:root[data-theme="dark"] .paint-table .paint-customer-name{color:#b9efcb}
:root[data-theme="dark"] .paint-table .paint-product,:root[data-theme="dark"] .paint-table .paint-name{color:#c2ddff}
:root[data-theme="dark"] .paint-table .paint-colorcode,:root[data-theme="dark"] .paint-table .paint-code,:root[data-theme="dark"] .paint-table .paint-colorname{color:#efc3fb}
:root[data-theme="dark"] .paint-table .paint-base,:root[data-theme="dark"] .paint-table .paint-base-name{color:#ffd89b}
:root[data-theme="dark"] .paint-table .paint-recordedprice,:root[data-theme="dark"] .paint-table .paint-price{color:#b5f1e3}
:root[data-theme="dark"] .paint-table .paint-row td::before{color:#d1dfd3}
:root[data-theme="dark"] .paint-table .paint-editor-row td{background:#405749!important;color:#f2f5ee}
@media(max-width:850px){:root[data-theme="dark"] .paint-table .paint-row,:root[data-theme="dark"] .paint-table .paint-row.is-open{border-color:#718d78;box-shadow:none}}
.catalog-preview{display:grid;gap:8px;margin-top:16px}
.catalog-preview-sheet{border:1px solid #dce7dd;border-radius:12px;overflow:hidden}
.catalog-preview-sheet summary{padding:12px 14px;cursor:pointer;font-weight:750}
.catalog-preview-list{max-height:360px;overflow:auto;border-top:1px solid #dce7dd}
.catalog-preview-row{display:flex;justify-content:space-between;gap:14px;padding:9px 14px;border-top:1px solid #e7eee7;font-size:13px}
.catalog-preview-row span{white-space:nowrap}
.catalog-preview-status{margin:14px 0 0;padding:12px 14px;border-radius:10px;background:#edf7ef;color:#225f3e}
.catalog-preview-status.warning{background:#fff1df;color:#8a4c00}
.catalog-price-change span:last-child{font-weight:750;color:#246f4b}
.catalog-mismatch{border-color:#d99a58}
:root[data-theme="dark"] .catalog-preview-sheet,:root[data-theme="dark"] .catalog-preview-list,:root[data-theme="dark"] .catalog-preview-row{border-color:#607869}
:root[data-theme="dark"] .catalog-preview-status{background:#405f4b;color:#d8f5df}
:root[data-theme="dark"] .catalog-preview-status.warning{background:#664d32;color:#ffe1b8}
:root[data-theme="dark"] .catalog-price-change span:last-child{color:#b9efcb}
@media(max-width:600px){.catalog-preview-row{display:grid;gap:3px}.catalog-preview-row span{white-space:normal}}

/* Katalog actions use one consistent touch target at every screen width. */
.catalog-table .catalog-actions button{display:block;width:100%;min-height:46px;margin:0;text-align:center;white-space:normal;line-height:1.25}
.catalog-table .catalog-actions button+button{margin-top:10px}
.catalog-price-only .catalog-name{width:65%}
.catalog-price-only .catalog-selling{width:35%}
@media(max-width:850px){.catalog-table .catalog-row .catalog-actions{display:block}}
:root[data-theme="dark"] .catalog-product>.catalog-move{background:#33473b;color:#dce7da;border-color:#718d78;box-shadow:0 2px 9px #0d191780}

/* Softer catalog text in dark mode, including sizes and destructive actions. */
:root[data-theme="dark"] .catalog-table .catalog-name,
:root[data-theme="dark"] .catalog-table .catalog-selling{color:#c5dccb}
:root[data-theme="dark"] .catalog-table .catalog-size,
:root[data-theme="dark"] .catalog-table .catalog-buying,
:root[data-theme="dark"] .catalog-table .catalog-stock,
:root[data-theme="dark"] .catalog-table .catalog-detail-block p{color:#d8e2d8}
:root[data-theme="dark"] .catalog-section{color:#dce7da}
:root[data-theme="dark"] .catalog-table .catalog-company strong,
:root[data-theme="dark"] .catalog-table .catalog-profit{color:#c7d9e2}
:root[data-theme="dark"] .catalog-table .catalog-actions button{color:#e1e9df}
:root[data-theme="dark"] .catalog-table .catalog-actions button.danger{color:#efc0b7}

/* Persistent-login choice keeps credentials out of browser-readable storage. */
.remember-login{display:flex;align-items:flex-start;gap:11px;margin-top:-3px;font-weight:400;cursor:pointer}
.remember-login input{display:block;width:19px;height:19px;min-height:0;margin:2px 0 0;padding:0;accent-color:#1f6349;flex:0 0 auto}
.remember-login span{display:block}
.remember-login strong{display:block;color:#244d3e;font-size:14px}
.remember-login small{margin-top:2px;font-weight:400}
:root[data-theme="dark"] .remember-login strong{color:#e9f1eb}

/* Keep list filtering within reach without covering the content. */
.sticky-search{position:sticky;top:12px;z-index:20;box-shadow:0 10px 30px #18302d1a}
.back-to-top{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:50;display:grid;place-items:center;width:50px;height:50px;padding:0;border:0;border-radius:50%;background:#1f6349;color:#fff;box-shadow:0 10px 28px #18302d4d;font-size:25px;font-weight:800;line-height:1;transition:transform .18s ease,opacity .18s ease}
.back-to-top:hover{background:#15543d;transform:translateY(-2px)}
.back-to-top:focus-visible{outline:3px solid #90caaa;outline-offset:3px}
:root[data-theme="dark"] .sticky-search{box-shadow:0 10px 30px #07110e80}
:root[data-theme="dark"] .back-to-top{background:#79bd91;color:#10251c}
@media(max-width:600px){.sticky-search{top:8px}.back-to-top{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){.back-to-top{transition:none;scroll-behavior:auto}}

/* Semantic action colors make adjacent controls easier to distinguish. */
button[class*="action-"],a[class*="action-"]{transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;box-shadow:0 1px 2px #18302d12}
button[class*="action-"]:hover:not(:disabled),a[class*="action-"]:hover{transform:translateY(-1px)}
.action-save{background:#1f6349!important;border-color:#1f6349!important;color:#fff!important}
.action-save:hover:not(:disabled){background:#15543d!important;border-color:#15543d!important}
.action-add{background:#e3f4e9!important;border-color:#9acbad!important;color:#17603b!important}
.action-add:hover:not(:disabled){background:#d2ebdb!important;border-color:#76b58d!important}
.action-edit{background:#fff2cd!important;border-color:#dfbd60!important;color:#725000!important}
.action-edit:hover:not(:disabled){background:#f9e5a9!important;border-color:#caa23b!important}
.action-view{background:#e8f2ff!important;border-color:#a8c7eb!important;color:#225b90!important}
.action-view:hover:not(:disabled){background:#d7e9fd!important;border-color:#82acd9!important}
.action-payment{background:#f0e9fb!important;border-color:#c6ace7!important;color:#613b8b!important}
.action-payment:hover:not(:disabled){background:#e5d8f7!important;border-color:#a985d5!important}
.action-sync{background:#e2f4f4!important;border-color:#92c9ca!important;color:#176064!important}
.action-sync:hover:not(:disabled){background:#ceeaea!important;border-color:#68afb1!important}
.action-copy{background:#eef0ff!important;border-color:#b8bee9!important;color:#46529a!important}
.action-copy:hover:not(:disabled){background:#dfe3fb!important;border-color:#969fd8!important}
.action-restore{background:#ffecda!important;border-color:#e2ad75!important;color:#844610!important}
.action-restore:hover:not(:disabled){background:#f9dcc0!important;border-color:#ca8b4d!important}
.action-cancel{background:#f1f3f2!important;border-color:#c9cfcb!important;color:#4f5d57!important}
.action-cancel:hover:not(:disabled){background:#e3e7e4!important;border-color:#aeb8b1!important}
.action-danger{background:#fbe7e5!important;border-color:#dda7a2!important;color:#963c34!important}
.action-danger:hover:not(:disabled){background:#f4d3cf!important;border-color:#c77e76!important;color:#7f2f29!important}
.delete-dialog .action-danger{background:#a8443d!important;border-color:#a8443d!important;color:#fff!important}
.delete-dialog .action-danger:hover:not(:disabled){background:#87342f!important;border-color:#87342f!important}
button[class*="action-"]:focus-visible,a[class*="action-"]:focus-visible{outline:3px solid #427fca;outline-offset:2px}
:root[data-theme="dark"] .action-save{background:#3f956a!important;border-color:#66b789!important;color:#081a11!important}
:root[data-theme="dark"] .action-add{background:#315c43!important;border-color:#619576!important;color:#dff5e6!important}
:root[data-theme="dark"] .action-edit{background:#66582d!important;border-color:#a58c43!important;color:#fff0ba!important}
:root[data-theme="dark"] .action-view{background:#304f69!important;border-color:#5e88aa!important;color:#e2f1ff!important}
:root[data-theme="dark"] .action-payment{background:#51406b!important;border-color:#8066a2!important;color:#f0e6ff!important}
:root[data-theme="dark"] .action-sync{background:#285a5b!important;border-color:#559394!important;color:#ddf7f7!important}
:root[data-theme="dark"] .action-copy{background:#414a72!important;border-color:#707cae!important;color:#edf0ff!important}
:root[data-theme="dark"] .action-restore{background:#684725!important;border-color:#a77540!important;color:#ffe8cf!important}
:root[data-theme="dark"] .action-cancel{background:#3d4a43!important;border-color:#66766d!important;color:#e6ece8!important}
:root[data-theme="dark"] .action-danger{background:#673b38!important;border-color:#a7655f!important;color:#ffe5e2!important}
:root[data-theme="dark"] .delete-dialog .action-danger{background:#a8443d!important;border-color:#c56f67!important;color:#fff!important}
@media(prefers-reduced-motion:reduce){button[class*="action-"],a[class*="action-"]{transition:none}button[class*="action-"]:hover:not(:disabled),a[class*="action-"]:hover{transform:none}}