:root{--ink:#202020;--muted:#818181;--line:#e7e7e7;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-size:14px;background:#fff}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:1px solid #ddd;background:#fff;border-radius:3px;padding:9px 12px;font-size:12px}button:hover{background:#f0f0f0}button:disabled{opacity:.35;cursor:default}button.primary{background:#202020;color:#fff;border-color:#202020;padding:11px 18px}button.primary:hover{background:#444}input,select,textarea{border:1px solid var(--line);border-radius:3px;padding:10px;background:white;min-width:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #777;outline-offset:2px}label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#777}header{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 28px;background:#111;color:#fff}.brand{display:flex;align-items:center;gap:12px}.mark{font-size:23px;border:1px solid #777;width:32px;height:32px;display:grid;place-items:center}.brand strong{font-size:15px;font-weight:500;letter-spacing:-.3px}.brand span:not(.mark){display:none}.header-actions{display:flex;align-items:center;gap:10px}.header-actions button{background:transparent;color:#ddd;border-color:#444}.header-actions button:hover{background:#333}.local{font-size:11px;color:#888;margin-right:12px}.project{display:flex;align-items:end;gap:16px;padding:22px 28px;border-bottom:1px solid var(--line)}.project-name{flex:1}.project-name input{font-size:20px;letter-spacing:-.6px;border-color:transparent;padding-left:0;font-weight:500}.project-name input:hover,.project-name input:focus{border-bottom-color:#ddd}.project input{height:42px}.date-divider{padding-bottom:14px;color:#aaa}.project-actions{display:flex;gap:8px;align-items:center;height:42px;margin-left:8px}main{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;margin:0 28px;gap:32px}.catalog,.rental{min-width:0}.catalog{border-right:1px solid var(--line);padding-right:28px}.section-heading{display:flex;align-items:center;justify-content:space-between;padding:26px 0 20px}h1,h2{font-size:16px;font-weight:500;margin:0;letter-spacing:-.3px}.count{font-size:11px;color:#888}.catalog-tools{display:flex;gap:8px;padding-bottom:18px}.search{position:relative;flex:1;display:block}.search input{width:100%;padding-left:32px;padding-right:26px;background:#f5f5f5;border:0;height:40px}.search>span{position:absolute;left:10px;top:6px;font-size:23px;color:#777}kbd{position:absolute;right:12px;top:14px;font-size:11px;color:#aaa}.supplier-select{font-size:0;max-width:140px}.supplier-select select{font-size:12px;height:40px;background:#f5f5f5;border:0;max-width:140px}.catalog-body{display:grid;grid-template-columns:124px minmax(0,1fr);gap:18px;min-height:490px}nav{display:flex;flex-direction:column;gap:2px;padding-top:4px}nav button{display:flex;align-items:center;justify-content:space-between;gap:6px;text-align:left;border:0;background:transparent;padding:10px 8px;color:#777;font-size:12px;line-height:1.4}nav button span{font-size:10px;color:#aaa}nav button.active{background:#222;color:white}nav button.active span{color:#aaa}.results{min-width:0}.results-heading{display:flex;justify-content:space-between;gap:8px;padding:12px 0;font-size:11px;border-bottom:1px solid var(--line)}.results-heading strong{font-weight:500}.results-heading span{color:#888;white-space:nowrap}.sub-label{padding:10px 0;font-size:0}.sub-label select{font-size:12px;padding:8px;background:#fafafa}#products{max-height:calc(100vh - 330px);min-height:300px;overflow:auto;scrollbar-width:thin}.product{display:flex;gap:10px;padding:15px 0;border-bottom:1px solid var(--line);align-items:start}.product-main{flex:1;min-width:0}.product-name{display:block;font-size:13px;line-height:1.45;font-weight:500}.product-category{font-size:10px;color:#999;margin-top:5px;line-height:1.5}.add{flex-shrink:0;width:29px;height:29px;padding:0;font-size:20px;border:0;background:#f1f1f1;color:#444}.add.added{background:#222;color:#fff;font-size:11px}.product details{font-size:12px;color:#777;margin-top:6px;line-height:1.5}.product summary{font-size:10px;color:#999;cursor:pointer}.product details p{overflow-wrap:anywhere}a{color:inherit}.catalog-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px 0;font-size:10px;color:#999}.catalog-footer button{font-size:10px;padding:6px 8px;border:0;color:#777}.list-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 0 17px;font-size:10px;color:#999}.tools-menu,.row-tools{position:relative;margin:0;color:#777}.tools-menu summary,.row-tools summary{cursor:pointer;list-style:none;font-size:11px;padding:5px}.tools-menu summary::-webkit-details-marker,.row-tools summary::-webkit-details-marker{display:none}.tools-menu>div,.row-tools>div{position:absolute;right:0;top:28px;z-index:5;background:white;border:1px solid #ddd;box-shadow:0 5px 15px #0001;padding:5px;min-width:145px;display:grid;gap:3px}.tools-menu button,.row-tools button{text-align:left;border:0;white-space:nowrap}.sheet-head,.list-line{display:grid;grid-template-columns:46px minmax(0,1.6fr) minmax(60px,1fr) 24px;align-items:center}.sheet-head{padding:10px 0;border-top:1px solid #222;border-bottom:1px solid #222;font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:#888}.sheet-head span:first-child{text-align:center}.group-title{display:flex;align-items:center;justify-content:space-between;gap:6px;background:#f3f3f3;border-bottom:1px solid #e4e4e4;padding:8px 10px;margin:0;font-size:11px;font-weight:500;line-height:1.5}.group-title>span:first-child{flex:1}.group-actions{display:flex;gap:3px;opacity:0}.group-title:hover .group-actions,.group-title:focus-within .group-actions{opacity:1}.group-actions button{border:0;background:transparent;padding:0 4px;font-size:11px}.list-line{min-height:47px;border-bottom:1px solid var(--line)}.list-line:hover{background:#fafafa}.qty{width:40px;border:0;background:transparent;padding:9px 1px;text-align:center;font-size:12px;-moz-appearance:textfield}.qty::-webkit-inner-spin-button{appearance:none}.qty:hover,.qty:focus{background:#eee}.line-name{font-size:12px;font-weight:400;line-height:1.5;padding:10px 10px 10px 3px}.line-note{font-size:11px;border:0;border-left:1px solid #f1f1f1;background:transparent;border-radius:0;padding:10px 8px;width:100%;color:#777}.line-note:focus{background:#f5f5f5}.line-note::placeholder{color:#bbb}.row-tools summary{font-size:16px;color:#bbb;padding:0}.row-tools[open] summary,.list-line:hover .row-tools summary{color:#333}.empty{padding:70px 20px;text-align:center;color:#999;line-height:1.8;font-size:12px}.empty strong{display:block;color:#555;font-weight:500;font-size:15px;margin-bottom:8px}.project-notes{padding:26px 0 18px;position:relative}.project-notes>span{position:absolute;right:0;top:26px;color:#aaa;font-size:10px}.project-notes textarea{font-size:12px;resize:vertical;line-height:1.6;border-color:#eee}.list-footer{display:flex;justify-content:space-between;border-top:1px solid #ddd;padding:15px 0}.list-footer strong{font-size:12px;font-weight:500}.list-footer span{display:block;font-size:10px;color:#999;margin-top:6px}.app-footer{margin:32px 28px 20px;padding-top:15px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;color:#aaa}#toast{display:none;position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:13px 20px;background:#222;color:white;max-width:90%;font-size:12px;z-index:20;border-radius:3px}#toast.show{display:block}dialog{border:1px solid #ddd;padding:24px;width:min(560px,90vw);color:#222;border-radius:4px}dialog::backdrop{background:#0006}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.saved-row{display:flex;gap:10px;align-items:center;padding:14px 0;border-top:1px solid #eee}.saved-info{flex:1}.saved-info strong{display:block;font-size:14px;font-weight:500}.saved-info span{display:block;font-size:11px;color:#999;margin-top:6px}.confirm-actions{display:flex;justify-content:end;gap:10px;margin-top:20px}#confirmMessage{line-height:1.6}[hidden]{display:none!important}@media(max-width:1050px){main{gap:20px;margin:0 20px}.catalog{padding-right:18px}.catalog-body{grid-template-columns:100px minmax(0,1fr);gap:10px}.project{padding:18px 20px;gap:10px;flex-wrap:wrap}.project-name{flex-basis:100%}.project-actions{margin-left:auto}.supplier-select{max-width:115px}.supplier-select select{max-width:115px}.local{display:none}.sheet-head,.list-line{grid-template-columns:36px minmax(0,1.5fr) minmax(55px,1fr) 20px}.qty{width:32px}}@media(max-width:760px){header{padding:0 16px}.brand strong{font-size:13px}.header-actions{gap:5px}.header-actions button{padding:7px;font-size:11px}.project{padding:16px}.project>label:not(.project-name){flex:1}.date-divider{display:none}.project-actions{margin-top:7px}main{grid-template-columns:1fr;margin:0 16px;gap:0}.catalog{padding-right:0;border-right:0;border-bottom:1px solid #ddd}.catalog-body{grid-template-columns:110px minmax(0,1fr);min-height:240px}#products{max-height:310px;min-height:230px}.sheet-head,.list-line{grid-template-columns:40px minmax(0,1.5fr) minmax(65px,1fr) 24px}.group-actions{opacity:1}.qty{width:36px}.app-footer{margin:24px 16px;gap:16px}.section-heading{padding:22px 0 18px}}@media(hover:none){.group-actions{opacity:1}}
.list-search{margin-bottom:16px}.list-search input{height:38px}.list-scroll{height:clamp(260px,calc(100dvh - 480px),600px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;border-bottom:1px solid var(--line)}.sheet-head{position:sticky;top:0;background:white;z-index:2}.sheet-head,.list-line{grid-template-columns:20px 46px minmax(0,1.6fr) minmax(60px,1fr) 24px}.sheet-head span:nth-child(2){text-align:center}.drag-handle{color:#bbb;cursor:grab;user-select:none;text-align:center;touch-action:none;font-size:16px}.drag-handle:active,.group-title[draggable]:active{cursor:grabbing}.group-title[draggable]{cursor:grab}.group-grab{flex:0!important;color:#aaa;font-size:14px;margin-right:3px}.list-line.last-added,.list-line.last-added:hover{background:#e8f3fc}.last-added .line-note{border-left-color:#d5e7f5}.drop-target{box-shadow:inset 0 2px 0 #80b7dc}.saved-time{color:#666!important;font-size:11px!important}.rental .project-notes{padding-top:16px}.rental .project-notes>span{top:16px}.rental .project-notes textarea{max-height:110px}@media(min-width:761px){.rental{position:sticky;top:0}}@media(max-width:1050px){.sheet-head,.list-line{grid-template-columns:18px 34px minmax(0,1.5fr) minmax(55px,1fr) 20px}}@media(max-width:760px){.sheet-head,.list-line{grid-template-columns:18px 36px minmax(0,1.5fr) minmax(60px,1fr) 24px}.list-scroll{height:380px}.drag-handle{font-size:18px}}

.group-title>span:nth-child(2){flex:1}.list-scroll:focus-visible{outline:1px solid #aaa;outline-offset:2px}
.compiler{width:170px}.compiler input{font-size:13px}.list-selector{display:flex;align-items:center;gap:5px;margin-bottom:16px}.list-selector button{border:0;background:#f4f4f4;padding:9px 14px}.list-selector button[aria-pressed=true]{background:#222;color:#fff}.list-selector button span{margin-left:8px;font-size:10px;opacity:.6}.list-selector #importPdf{margin-left:auto;background:transparent;border:1px solid #ddd}.group-title>span:first-child{flex:1}.group-title{cursor:default!important}.list-scroll{height:clamp(250px,calc(100dvh - 515px),600px)}@media(max-width:1100px){.compiler{width:150px}.project{flex-wrap:wrap}.project-name{min-width:250px}}@media(max-width:760px){.compiler{width:100%}.list-scroll{height:380px}}
#presetDialog{width:min(850px,92vw)}
#presetPreview{max-height:50vh;overflow:auto}
#presetPreview h3{margin:0 0 6px;font-size:15px;font-weight:500}
#presetPreview p{margin:0 0 12px;font-size:12px;color:#777}
.preset-table{width:100%;border-collapse:collapse;font-size:12px}
.preset-table th,.preset-table td{padding:8px;border-bottom:1px solid #ddd;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.preset-table th{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:#888;font-weight:400}
.preset-table .preset-group td{background:#f3f3f3;font-weight:500}
[data-theme="dark"] .preset-table .preset-group td{background:#282f39}
.preset-notes,.preset-table td{white-space:pre-wrap}
/* Quantity steppers and delete button on list rows */
.sheet-head,.list-line{grid-template-columns:20px 92px minmax(0,1.6fr) minmax(60px,1fr) 24px 30px}
.qty-control{display:flex;align-items:center;justify-content:center;gap:1px}
.qty-control .qty{width:34px}
.qty-step{width:24px;height:26px;padding:0;border:1px solid #ddd;background:#fff;font-size:14px;line-height:1;color:#444}
.qty-step:disabled{opacity:.25}
.remove-line{width:24px;height:24px;padding:0;border:1px solid #e3b4b4;background:#fdeeee;color:#c62828;font-size:15px;line-height:1;justify-self:center}
.remove-line:hover{background:#c62828;color:#fff;border-color:#c62828}
@media(max-width:1050px){.sheet-head,.list-line{grid-template-columns:18px 84px minmax(0,1.5fr) minmax(55px,1fr) 20px 28px}.qty-control .qty{width:28px}.qty-step{width:22px}}
@media(max-width:760px){.sheet-head,.list-line{grid-template-columns:18px 88px minmax(0,1.5fr) minmax(50px,1fr) 22px 30px}}
[data-theme="dark"] .qty-step{background:#20262f;border-color:#3b4452;color:#e4e7ec}
[data-theme="dark"] .remove-line{background:#3a1f22;border-color:#7a3238;color:#ff8a8a}
[data-theme="dark"] .remove-line:hover{background:#c62828;color:#fff}