*{box-sizing:border-box} :root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#252525;background:#f2f2f2;font-size:15px;line-height:1.5;--green:#85bf39;--dark-green:#396016;--muted:#707070;--line:#dedede;--white:#fff}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button{border:1px solid var(--line);border-radius:9px;padding:10px 16px;background:#fff;color:inherit;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}button:hover{background:#f6f6f6}button.primary,.primary{background:var(--green);border-color:var(--green);color:#17270a}button.primary:hover{background:#77ad32}button.quiet{border-color:transparent;background:transparent}button.danger{color:#a02f2f}button.small{padding:6px 10px;font-size:13px}.icon{width:20px;height:20px;display:inline-block;flex:none;vertical-align:middle;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.2;letter-spacing:-.9px;font-weight:680}h2{font-size:19px;letter-spacing:-.35px;font-weight:650}h3{font-size:15px}p+p{margin-top:10px}.muted,.hint{color:var(--muted)}.hint{font-size:13px;margin-top:7px}.eyebrow{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:#707070;font-weight:650;margin-bottom:10px}.stack{display:grid;gap:20px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.between{display:flex;align-items:center;justify-content:space-between;gap:18px}.end{justify-content:flex-end}.grow{flex:1}.sidebar{position:fixed;inset:0 auto 0 0;width:228px;background:#ebebeb;padding:30px 16px 18px;display:flex;flex-direction:column;z-index:20;border-right:1px solid #e1e1e1}.brand{padding:0 12px 28px;min-height:86px}.brand strong{display:block;font-size:20px;letter-spacing:-.8px}.brand small{display:block;color:#666;margin-top:3px;font-size:12px}.brand img{max-width:176px;height:42px;object-fit:contain;object-position:left}.nav{display:grid;gap:5px}.nav a{display:flex;align-items:center;gap:12px;border-radius:9px;padding:11px 13px;color:#555;position:relative;font-size:14px}.nav a:hover{background:#e2e2e2}.nav a.active{background:#fff;color:#252525;font-weight:650;box-shadow:0 1px 3px #00000006}.nav a.active:before{content:"";position:absolute;width:4px;left:-3px;top:10px;bottom:10px;border-radius:3px;background:var(--green)}.sidebar-bottom{margin-top:auto;padding:24px 12px 0}.sidebar-bottom button{font-size:12px;padding:5px 0;color:#666}.user-block{border-top:1px solid #d7d7d7;padding-top:17px;margin-top:12px;display:flex;align-items:center;gap:9px}.avatar{height:33px;width:33px;display:grid;place-items:center;background:#ddd;border-radius:50%;font-weight:650;font-size:12px}.user-block strong{display:block;font-size:12px}.topbar{margin-left:228px;padding:15px 34px;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#f8f8f8;font-size:12px;color:#666}.local-dot{width:7px;height:7px;background:#75a631;border-radius:50%;display:inline-block;margin-right:7px}.topbar button{padding:5px 9px;font-size:12px}.main{margin-left:228px;padding:32px 34px 70px;max-width:1740px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.page-heading p{margin-top:9px;font-size:14px;color:#707070}.card{background:#fff;border:1px solid #e1e1e1;border-radius:13px;padding:25px;box-shadow:0 2px 5px #00000002}.card-header{margin-bottom:22px}.card-header p{color:#707070;font-size:14px;margin-top:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.three-col{grid-template-columns:1fr 1fr 1fr}.form-grid .wide{grid-column:1/-1}label.field{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#555;font-weight:550}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;border:1px solid #d7d7d7;border-radius:7px;background:#fff;color:#252525;padding:10px 12px;font-weight:400;min-width:0}input:focus,select:focus,textarea:focus{border-color:#6a9d2e;outline:2px solid #85bf3922}textarea{resize:vertical;min-height:84px}input[type=checkbox],input[type=radio]{accent-color:#77ad32}input[type=file]{font-size:13px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #ededed}.two-columns{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.subtle{background:#fafafa}.note{border-left:3px solid #b9cf9a;padding:12px 16px;background:#f7f9f3;border-radius:0 7px 7px 0;color:#526045;font-size:13px}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;background:#f0f0f0;color:#666;border-radius:5px;font-size:11px;white-space:nowrap;font-weight:550}.pill.green{background:#edf4e4;color:#49672a}.pill.red{background:#faeded;color:#9a4444}.pill.amber{background:#f8f1df;color:#8b6d2a}.steps{display:flex;gap:0;margin:0 0 26px;overflow:auto;padding-bottom:2px}.step{display:flex;align-items:center;gap:9px;color:#888;font-size:12px;padding:0 15px 0 0;white-space:nowrap}.step:after{content:"›";margin-left:6px;color:#b8b8b8;font-size:17px}.step:last-child:after{display:none}.step-number{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#e5e5e5;font-size:11px}.step.done{color:#555}.step.done .step-number{background:#e2edD5;color:#456c1b}.step.current{color:#252525;font-weight:650}.step.current .step-number{background:var(--green);color:#23390b}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{background:#fff;border:1px solid #e1e1e1;border-radius:12px;padding:23px}.stat p{font-size:12px;color:#707070}.stat strong{font-size:29px;display:block;margin-top:11px;font-weight:650;letter-spacing:-1px}.stat small{display:block;font-size:12px;color:#777;margin-top:4px}.hero{background:#fff;border:1px solid #dedede;border-radius:14px;padding:32px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:25px}.hero h2{font-size:25px}.hero p{color:#707070;margin-top:8px;font-size:14px;max-width:600px}.hero-icon{width:76px;height:76px;border-radius:18px;background:#edf3e5;display:grid;place-items:center;color:#638b32}.hero-icon .icon{width:34px;height:34px}.list{display:grid}.list-item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #ececec}.list-item:last-child{border-bottom:0}.list-item strong{font-size:14px}.list-item small{display:block;color:#777;margin-top:4px}.searchbar{display:flex;align-items:center;gap:12px;margin-bottom:22px}.searchbar input{max-width:420px}.table-wrap{overflow:auto}table.data{width:100%;border-collapse:collapse;font-size:14px;text-align:left}table.data th{font-size:11px;color:#777;font-weight:550;background:#f7f7f7;padding:12px 15px;white-space:nowrap}table.data td{border-bottom:1px solid #ececec;padding:17px 15px}table.data td small{display:block;color:#777;font-size:12px;margin-top:3px}table.data tr:last-child td{border:0}.clickable{cursor:pointer}.clickable:hover{background:#fafafa}.money{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.empty{text-align:center;padding:50px 20px;color:#777}.empty .icon{width:35px;height:35px;color:#999;margin-bottom:10px}.empty h3{color:#333;margin-bottom:7px}.empty button{margin-top:18px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-grid dt{font-size:12px;color:#777}.detail-grid dd{margin:4px 0 18px;white-space:pre-line}.project-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:22px}.project-menu{padding:10px}.project-menu a{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:7px;font-size:13px;color:#666}.project-menu a.active{background:#f1f1f1;color:#252525;font-weight:650}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.action-tile{display:flex;align-items:flex-start;text-align:left;white-space:normal;justify-content:flex-start;padding:20px;gap:15px}.action-tile .icon{color:#6d963e}.action-tile strong{display:block;font-size:14px}.action-tile span small{display:block;font-size:12px;color:#777;font-weight:400;margin-top:5px}.doc-context{display:flex;gap:30px;padding:17px 22px;background:#f7f7f7;border:1px solid #e5e5e5;border-radius:10px;margin-bottom:20px}.doc-context small{display:block;color:#777;font-size:11px;margin-bottom:3px}.doc-context strong{font-size:13px}.editor-head{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px;margin-bottom:20px}.editor-texts{margin-bottom:20px}details summary{cursor:pointer;font-weight:550;font-size:14px;display:flex;align-items:center;justify-content:space-between;list-style:none}details summary:after{content:"+";font-size:20px;color:#888}details[open] summary:after{content:"−"}details[open] summary{margin-bottom:20px}.positions-header{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:18px}.position-labels,.position-row{display:grid;grid-template-columns:36px minmax(180px,1fr) 90px 83px 115px 110px 30px;gap:12px;align-items:start}.position-labels{font-size:11px;color:#777;background:#f6f6f6;padding:10px 8px}.position-row{border-bottom:1px solid #e8e8e8;padding:19px 8px}.position-no{font-size:13px;font-weight:600;padding-top:9px}.position-row input,.position-row select{padding:8px;font-size:13px}.position-main input{font-weight:600}.position-main textarea{font-size:12px;min-height:44px;border:0;padding:7px 0;line-height:1.5;margin-top:3px}.position-main .row{gap:10px;margin-top:7px}.position-main .row select{width:auto;max-width:180px;padding:4px 7px;font-size:11px;color:#666}.text-button{border:0;background:none;color:#777;font-size:11px;padding:4px 0}.line-total{font-size:14px;font-weight:600;text-align:right;padding-top:9px;white-space:nowrap}.line-total small{font-size:10px;font-weight:400;display:block;color:#888;white-space:normal;margin-top:4px}.remove-row{border:0;background:none;color:#999;padding:7px 0}.position-row.heading-row{grid-template-columns:36px minmax(0,1fr) 30px;background:#fafafa}.position-row.text-row{grid-template-columns:36px minmax(0,1fr) 30px}.text-row textarea{min-height:60px}.add-rows{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.editor-bottom{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;margin-top:25px}.totals{width:100%;font-size:13px}.totals>div{display:flex;justify-content:space-between;gap:20px;margin-bottom:10px}.totals .total{font-size:20px;font-weight:650;border-top:1px solid #ddd;padding-top:12px;margin-top:12px}.totals .section-total{font-size:11px;color:#777}.save-indicator{font-size:11px;color:#777;display:flex;align-items:center;gap:6px}.save-indicator:before{content:"";height:6px;width:6px;border-radius:50%;background:#8caa67}.back{font-size:12px;color:#777;display:inline-block;margin-bottom:14px}.document-actions{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:14px;background:#ffffffed;backdrop-filter:blur(8px);border-top:1px solid #e3e3e3;padding:16px 20px;margin:25px -1px -1px;border-radius:0 0 12px 12px;z-index:3}.drawer{max-width:660px!important;width:94vw!important;margin:0 0 0 auto!important;border-radius:14px 0 0 14px!important;min-height:100dvh}.tabs{display:flex;gap:7px;border-bottom:1px solid #e4e4e4;margin:18px 0;padding-bottom:12px}.tabs button{border:0;padding:8px 12px;font-size:13px;color:#777;background:#f5f5f5}.tabs button.active{color:#252525;background:#e7eedf}.catalog-list{display:grid;gap:12px;margin-top:18px}.catalog-item{border:1px solid #e3e3e3;border-radius:9px;padding:17px}.catalog-item p{font-size:12px;color:#777;margin-top:5px}.catalog-item h3{font-size:14px}.supplier-offer{display:grid;grid-template-columns:1fr 100px 100px 65px;gap:8px;align-items:center;border-top:1px solid #eee;margin-top:10px;padding-top:10px;font-size:12px}.best-price{color:#3d7319;font-weight:650}.in-stock{color:#488322}.out-stock{color:#a54444}.payment-amount{font-size:34px;font-weight:650;letter-spacing:-1px}.timeline{border-left:1px solid #ddd;padding-left:20px;margin-left:5px}.timeline>div{position:relative;padding-bottom:22px;font-size:13px}.timeline>div:before{content:"";position:absolute;left:-25px;top:6px;width:8px;height:8px;background:#c6c6c6;border:2px solid #fff;border-radius:50%}.timeline small{display:block;font-size:11px;color:#888;margin-top:3px}dialog{border:1px solid #ddd;border-radius:14px;padding:28px;width:min(580px,94vw);max-height:93dvh;box-shadow:0 20px 100px #0002;color:#252525}dialog::backdrop{background:#25252566;backdrop-filter:blur(2px)}.dialog-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.dialog-title button{border:0;padding:5px;background:none}.dialog-title h2{font-size:21px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(20px);background:#30352b;color:#fff;padding:13px 22px;border-radius:9px;font-size:13px;opacity:0;pointer-events:none;z-index:1000;box-shadow:0 5px 20px #0002;transition:opacity .2s,transform .2s;max-width:90vw}#toast.show{opacity:1;transform:translateX(-50%)}.login{min-height:100dvh;display:grid;grid-template-columns:1.1fr 1fr;background:#fff}.login-intro{padding:8vh 8vw;background:#efefed;display:flex;flex-direction:column;justify-content:space-between}.login-intro .brand{padding:0}.login-intro h1{font-size:clamp(35px,4vw,60px);line-height:1.07;max-width:600px;letter-spacing:-2.6px}.login-intro h1 em{font-style:normal;color:#658f30}.login-intro p{color:#777;max-width:440px;font-size:15px;line-height:1.8;margin-top:25px}.login-form{display:flex;align-items:center;justify-content:center;padding:45px}.login-form>div{width:100%;max-width:360px}.login-form form{margin-top:32px;display:grid;gap:18px}.login-form .primary{width:100%;margin-top:6px}.login-journey{display:flex;gap:8px;flex-wrap:wrap;margin-top:35px}.login-journey span{border:1px solid #d7d7d7;padding:8px 12px;border-radius:7px;font-size:12px;color:#666}.logo-preview{height:80px;width:220px;object-fit:contain;object-position:left}.preview-dialog{width:900px;max-width:97vw;background:#e7e7e7;padding:0}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;position:sticky;top:0;background:#fff;z-index:5;gap:12px;border-bottom:1px solid #ddd}.preview-wrap{overflow:auto;padding:22px}.paper{width:210mm;min-height:297mm;background:white;margin:0 auto;color:#252525;font:10pt Arial,sans-serif;position:relative;display:flex;flex-direction:column;padding:0 20mm 12mm 25mm;box-shadow:0 3px 16px #0001}.paper-header{height:94mm;flex:none;position:relative}.paper-logo{position:absolute;top:15mm;right:0;max-width:64mm;max-height:24mm;object-fit:contain}.paper-brand{position:absolute;right:0;top:15mm;text-align:right;width:64mm;font-size:16pt;font-weight:bold;overflow-wrap:anywhere}.paper-address{position:absolute;left:0;top:45mm;width:80mm;height:45mm}.paper-sender{font-size:7.2pt;border-bottom:.2mm solid #ddd;padding-bottom:1mm;white-space:nowrap;height:5mm;overflow:hidden}.paper-recipient{position:absolute;top:17.7mm;left:0;width:80mm;font-size:11pt;line-height:4.5mm;white-space:pre-line}.paper-meta{position:absolute;top:48mm;right:0;width:72mm;font-size:8pt;display:grid;grid-template-columns:40mm 1fr;gap:1.3mm 2mm}.paper-meta span:nth-child(even){text-align:right;overflow-wrap:anywhere}.paper-draft{position:absolute;top:40mm;left:0;font-size:7pt;color:#777}.paper h1{font-size:18pt;font-weight:bold;letter-spacing:0;margin:0 0 6mm;overflow-wrap:anywhere}.paper-building{border-bottom:.2mm solid #ddd;padding-bottom:3mm;margin-bottom:6mm;white-space:pre-line;overflow-wrap:anywhere}.paper-building strong{display:block;font-size:8pt;color:#777;text-transform:uppercase;margin-bottom:2mm}.paper-text{white-space:pre-wrap;line-height:1.5;font-size:9.5pt;margin:0 0 5mm;overflow-wrap:anywhere}.paper-table{width:100%;border-collapse:collapse;font-size:9pt;table-layout:fixed}.paper-table th{text-align:left;font-size:8pt;background:#f2f2f2;padding:3mm 1.5mm;vertical-align:top}.paper-table td{padding:3mm 1.5mm;border-bottom:.2mm solid #ddd;vertical-align:top;overflow-wrap:anywhere}.paper-table td:last-child,.paper-table th:last-child{text-align:right}.paper-table td:nth-last-child(2),.paper-table th:nth-last-child(2){text-align:right}.paper-table .description{font-size:8pt;color:#666;line-height:1.4;margin-top:1.5mm;white-space:pre-wrap}.paper-table .heading td{font-weight:bold;background:#fafafa}.paper-table tr{break-inside:avoid}.paper-table thead{display:table-header-group}.paper-summary{display:grid;grid-template-columns:1fr 82mm;gap:8mm;margin-top:6mm;break-inside:avoid}.paper-summary .totals{font-size:9pt}.paper-summary .totals>div{margin-bottom:3mm}.paper-summary .totals .total{font-size:12pt;background:#f2f2f2;padding:3mm 1mm}.paper-footer{margin-top:auto;padding-top:14mm;font-size:7pt;color:#666}.paper-footer-grid{border-top:.2mm solid #ccc;padding-top:3mm;display:grid;grid-template-columns:1fr 1fr 1fr;gap:5mm;overflow-wrap:anywhere}.paper-footer-grid strong{color:#333}.paper-footer-note{text-align:right;margin-top:4mm;font-size:6.5pt;color:#888}.paper-content{padding-bottom:8mm}.error-box{padding:12px 15px;background:#fff1f0;border:1px solid #edd0ce;color:#a33c36;border-radius:7px;font-size:13px;margin-bottom:18px}.mobile-menu{display:none}
@media(min-width:1500px){.main{padding-left:50px;padding-right:50px}}@media(max-width:1150px){.sidebar{width:200px}.topbar,.main{margin-left:200px}.main{padding:26px 22px}.topbar{padding:14px 22px}.two-columns{grid-template-columns:minmax(0,1fr) 250px}.position-labels,.position-row{grid-template-columns:30px minmax(140px,1fr) 65px 65px 90px 85px 22px;gap:8px}.editor-bottom{grid-template-columns:1fr 300px;gap:20px}.stats{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.sidebar{width:72px;padding:24px 9px}.sidebar .brand{padding:0 6px 24px;min-height:auto}.sidebar .brand strong{font-size:0}.sidebar .brand strong:before{content:"H";font-size:26px;color:#6b9638}.sidebar .brand img{width:45px;height:35px}.sidebar .brand small,.nav a span,.sidebar-bottom .user-name,.sidebar-bottom>button{display:none}.nav a{justify-content:center;padding:13px}.sidebar-bottom{padding:20px 8px 0}.user-block{justify-content:center}.topbar,.main{margin-left:72px}.two-columns{grid-template-columns:1fr}.two-columns>aside{display:none}.editor-head{grid-template-columns:1fr 1fr}.editor-head>:first-child{grid-column:1/-1}.project-layout{grid-template-columns:1fr}.project-menu{display:flex;overflow:auto}.project-menu a{white-space:nowrap;gap:10px}.login-intro{padding:7vh 6vw}.login-form{padding:35px}.login-intro h1{font-size:42px}.login-journey{display:none}.doc-context{gap:20px;flex-wrap:wrap}.position-labels{display:none}.position-row{grid-template-columns:30px minmax(0,1fr) 80px 80px 95px 90px 22px;gap:7px}.positions.card{padding:16px}.position-main{grid-column:2/7}.position-row>[data-col=quantity]{grid-column:2}.position-row>[data-col=total]{grid-column:5/7}.remove-row{grid-column:7;grid-row:1}.position-no{grid-row:1}.position-row.heading-row,.position-row.text-row{grid-template-columns:30px 1fr 25px}.heading-row .remove-row,.text-row .remove-row{grid-column:3}.heading-row .position-main{grid-column:2}.text-row textarea{grid-column:2}.preview-toolbar{flex-wrap:wrap}.supplier-offer{grid-template-columns:1fr 90px 85px 60px}}
@media(max-width:600px){h1{font-size:26px}.main{padding:24px 14px 50px}.topbar{padding:12px 14px}.topbar>span:last-child{display:none}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:20px}.page-heading .row{width:100%}.card{padding:20px}.form-grid,.three-col,.detail-grid{grid-template-columns:1fr}.stats{gap:10px}.stat{padding:16px}.stat strong{font-size:24px}.hero{padding:23px;align-items:flex-start;flex-direction:column}.hero-icon{display:none}.action-grid{grid-template-columns:1fr}.editor-head{grid-template-columns:1fr}.doc-context{padding:15px;gap:15px}.positions-header{align-items:flex-start;flex-direction:column}.positions-header .row{gap:5px}.positions-header button{font-size:12px;padding:8px}.position-row{grid-template-columns:25px minmax(50px,1fr) 60px 75px 80px 18px;gap:6px;padding:15px 0}.position-main{grid-column:2/6}.remove-row{grid-column:6}.position-row>[data-col=quantity]{grid-column:2}.position-row>[data-col=unit]{grid-column:3}.position-row>[data-col=price]{grid-column:4/6}.position-row>[data-col=total]{grid-column:4/6;text-align:right}.editor-bottom{grid-template-columns:1fr;gap:15px}.document-actions{align-items:stretch;flex-direction:column;padding:14px}.document-actions .row{justify-content:flex-end}.login{grid-template-columns:1fr}.login-intro{padding:28px}.login-intro h1{font-size:35px;letter-spacing:-1px;margin-top:30px}.login-intro p{display:none}.login-intro>small{display:none}.login-form{padding:30px}.login-form h2{font-size:22px}.login-form form{margin-top:20px}.supplier-offer{grid-template-columns:1fr 80px}.steps{margin-bottom:20px}.step{font-size:11px;padding-right:10px}.preview-wrap{padding:10px}.preview-dialog{max-height:96dvh}.row button{white-space:normal}.two-columns aside{display:none}}
@media print{@page{size:A4;margin:0}body{background:#fff}#app,#toast,.preview-toolbar{display:none!important}body>dialog:not(.preview-dialog){display:none!important}dialog.preview-dialog{position:static;display:block!important;margin:0;padding:0;border:0;border-radius:0;width:210mm;max-width:none;max-height:none;overflow:visible;box-shadow:none;background:#fff}dialog::backdrop{display:none}.preview-wrap{padding:0;overflow:visible}.paper{box-shadow:none;margin:0;min-height:297mm}button{display:none!important}.paper-table tr{break-inside:avoid}.paper-table thead{display:table-header-group}.paper-footer{break-inside:avoid}}
@media(max-width:700px){.position-row{grid-template-columns:24px minmax(0,1fr) minmax(0,1fr) 22px;gap:8px}.position-main{grid-column:2/4}.remove-row{grid-column:4}.position-row>[data-col=quantity]{grid-column:2}.position-row>[data-col=unit]{grid-column:3}.position-row>[data-col=price],.position-row>[data-col=total]{grid-column:2/4}.form-actions{flex-wrap:wrap}.form-actions>button{width:100%}.payment-amount{font-size:28px}.stats .stat strong{font-size:21px!important}.between{flex-wrap:wrap}.payment-card table{min-width:450px}}
.beleg-tabs{display:flex;gap:28px;align-items:center;border-bottom:1px solid #dadada;margin:-4px 0 24px}.beleg-tabs a{display:flex;gap:9px;align-items:center;padding:13px 3px;color:#777;font-size:14px;border-bottom:3px solid transparent;margin-bottom:-1px}.beleg-tabs a:hover{color:#252525}.beleg-tabs a.active{color:#252525;border-bottom-color:#85bf39;font-weight:650}

.position-insert{margin:18px 0 10px;display:grid;gap:10px}.position-insert-search{width:100%;display:flex;align-items:center;gap:12px;min-height:56px;padding:14px 18px;text-align:left;border:1px solid #d5d5d5;background:#fff;border-radius:9px;color:#626262;font-size:16px;box-shadow:0 1px 3px #00000008}.position-insert-search span{flex:1}.position-insert-search:hover{border-color:#85bf39;background:#fafbf8}.position-insert-search:focus-visible{outline:2px solid #658f30;outline-offset:3px}.position-insert>.row{flex-wrap:wrap}@media print{.position-insert{display:none!important}}

.supplier-offer{grid-template-columns:minmax(90px,1fr) 90px 105px 95px}.supplier-offer button{min-height:40px;width:100%;padding:8px 10px}@media(max-width:600px){.supplier-offer{grid-template-columns:minmax(0,1fr) 105px}.supplier-offer button{grid-column:2}}

/* A separate action strip keeps the move control out of the number and input columns. */
.position-row,.position-row.heading-row,.position-row.text-row{position:relative;padding-top:54px}.position-no{display:flex;align-items:flex-start;justify-content:center;padding-top:8px}.row-drag-handle{position:absolute;right:8px;top:8px;width:auto;min-width:112px;height:36px;min-height:36px;gap:6px;padding:5px 10px;border:1px solid #dedede;border-radius:6px;background:#fafafa;color:#666;font-size:12px;line-height:1;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.row-drag-handle>span{font-size:21px}.row-drag-handle:hover{border-color:#85bf39;color:#456b1d;background:#f8faf5}.row-drag-handle:active,.row-dragging,.row-dragging *{cursor:grabbing!important}.row-dragging{user-select:none;-webkit-user-select:none}.row-drag-handle:focus-visible{outline:2px solid #658f30;outline-offset:2px}.position-row.is-drag-ready,.position-row.is-dragging{background:#f1f7e9;box-shadow:inset 0 0 0 2px #7eaf43;border-radius:8px;opacity:1}.position-row.is-dragging .row-drag-handle{background:#e1edcf;border-color:#6c9c32;color:#345618}.position-row.is-drop-target:not(.is-dragging){background:#f8faf5;box-shadow:inset 0 0 0 1px #c3d8aa;border-radius:6px}.row-drop-indicator{position:fixed;height:4px;background:#669b2d;pointer-events:none;z-index:1102;border-radius:2px;box-shadow:0 0 0 2px #fff;transform:translateY(-2px)}.row-drop-indicator:after{content:"";position:absolute;left:-3px;top:-3px;width:10px;height:10px;border-radius:50%;background:#669b2d}.row-drop-label{position:absolute;left:8px;bottom:7px;max-width:calc(100% - 16px);white-space:normal;background:#edf5e4;border:1px solid #99bd73;padding:4px 10px;border-radius:5px;color:#304c18;font-size:12px;font-weight:650;line-height:18px}.row-drag-preview{position:fixed;max-height:230px;overflow:hidden;padding:14px 16px;background:#fff;border:2px solid #85bf39;border-radius:9px;box-shadow:0 8px 28px #0003;font-size:12px;pointer-events:none;z-index:1101}.row-drag-preview>strong{display:block;font-size:14px;margin:8px 0;white-space:normal}.drag-preview-status{font-size:11px;font-weight:650;color:#4a6f27}.drag-preview-description{white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;color:#626262}.drag-preview-values{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid #e4e8de;margin-top:10px;padding-top:9px;color:#444}@media(max-width:600px){.position-row,.position-row.heading-row,.position-row.text-row{padding-top:60px}.row-drag-handle{top:8px;right:4px;height:42px;min-height:42px;min-width:116px}.row-drag-preview{max-height:205px}}@media print{.row-drag-handle,.row-drop-indicator,.row-drag-preview{display:none!important}}

/* Dedicated document bars: primary action stays at the right, never wraps alone to the left. */
.page-heading.document-heading{display:flex;flex-direction:column;align-items:stretch;gap:18px}.document-title-line{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.document-title-line h1{overflow-wrap:anywhere}.document-title-line #doc-status{flex:none;margin-top:5px}.document-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e3e3e3;padding-top:14px}.doc-tools{display:flex;gap:5px;flex:none}.doc-tools button{font-size:0;padding:8px;width:36px;height:36px;gap:0}.doc-tools button .icon{width:19px;height:19px}.doc-action-controls{display:flex;justify-content:flex-end;align-items:center;gap:12px;min-width:0}.doc-secondary-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}.doc-action-controls>button.primary{flex:none;min-height:44px;white-space:nowrap}.doc-secondary-actions button{padding:9px 12px;font-size:13px}.document-actions{display:grid;grid-template-columns:minmax(120px,1fr) auto;align-items:center;gap:16px;padding:14px 16px}.doc-action-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}.doc-action-meta .save-indicator{font-size:11px}.document-actions .doc-action-controls{justify-self:end}.document-actions .doc-tools{margin:0}@media(max-width:760px){.document-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.document-toolbar .doc-action-controls{width:100%;justify-content:flex-end}.document-actions{grid-template-columns:1fr;gap:10px}.doc-action-meta{justify-content:space-between;flex-wrap:nowrap}.document-actions .doc-action-controls{width:100%;justify-self:stretch}}@media(max-width:480px){.doc-action-controls{display:grid;grid-template-columns:1fr;width:100%;gap:8px}.doc-secondary-actions{justify-content:flex-end}.doc-action-controls>button.primary{width:100%;justify-self:end}.document-title-line{gap:10px}.document-heading h1{font-size:25px}.document-actions{padding:10px 12px}.doc-action-meta .save-indicator{font-size:10px}.doc-tools button{height:32px;width:32px}}

button.cancel-button{background:#ba3e36;border-color:#ba3e36;color:#fff}button.cancel-button:hover{background:#a7342d;border-color:#a7342d}button.cancel-button:focus-visible{outline:2px solid #963028;outline-offset:3px}

/* Matching compact dimensions for preview and completion, at both document bars. */
.doc-action-controls button[data-action="back-project"],.doc-action-controls button[data-action="preview"],.doc-action-controls>button[data-action="finish"]{width:160px;min-width:160px;height:40px;min-height:40px;padding:9px 10px;font-size:13px;white-space:nowrap}

.payment-note{margin-top:18px}.payment-note label.field{gap:4px}

.send-success-dialog .send-success-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#edf5e4;color:#4b7627;border-radius:50%;margin-bottom:16px}.send-success-icon .icon{width:28px;height:28px}

.document-list-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;white-space:nowrap}.document-more-button{width:34px;height:34px;min-width:34px;padding:0;font-size:25px;line-height:1;border-color:transparent;background:transparent;color:#666}.document-more-button:hover{background:#f0f0f0;border-color:#ddd}.document-more-menu{position:fixed;inset:auto;margin:0;width:270px;max-width:calc(100vw - 16px);padding:14px;border:1px solid #dedede;border-radius:10px;background:#fff;box-shadow:0 8px 28px #0002;color:#252525}.document-more-menu h3{margin:0 0 10px;font-size:13px}.document-menu-item{display:flex;width:100%;justify-content:flex-start;margin:4px 0;padding:10px 12px;font-size:13px}.document-more-menu .hint{font-size:12px;line-height:1.5}.document-menu-item:disabled{cursor:not-allowed}

/* Invoice-type selection: quiet surfaces, clear position/quantity pairing. */
dialog.invoice-setup-dialog{width:760px;max-width:calc(100vw - 28px)}.invoice-setup-dialog form>.field{margin:18px 0}.invoice-setup-dialog [hidden]{display:none!important}.billing-position-list{max-height:38vh;overflow:auto;border:1px solid #ddd;border-radius:8px;margin:14px 0}.billing-position-choice{display:grid;grid-template-columns:minmax(0,1fr) 155px;gap:20px;padding:16px;border-bottom:1px solid #e7e7e7;align-items:center}.billing-position-choice:last-child{border:0}.billing-position-choice>label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.billing-position-choice input[type=checkbox]{width:20px;height:20px;flex:none;accent-color:#6c9c32}.billing-position-choice small{display:block;font-size:12px;color:#737373;margin-top:5px}.billing-position-choice .field{font-size:12px;gap:4px}.billing-notice{margin-bottom:20px}.billing-notice>button{margin-left:18px}.billing-notice p{margin-top:8px}.billing-totals .billing-deduction{border-top:1px solid #e3e3e3;padding-top:10px;margin-top:8px}.billing-deduction small{display:block;font-size:11px;color:#777}.billing-settlement{border-top:1px solid #ddd;margin-top:20px;padding-top:16px;font-size:13px}.billing-settlement h3{font-size:14px}.billing-settlement>div{padding:10px 0}.paper .billing-settlement{font-size:8pt}.paper .billing-settlement h3{font-size:9pt}.paper .billing-settlement .hint{font-size:7pt}.paper .billing-settlement>div{break-inside:avoid}.paper .billing-totals{font-size:8pt}@media(max-width:540px){.billing-position-choice{grid-template-columns:1fr;gap:10px}.billing-position-choice .field{margin-left:30px;max-width:190px}.billing-notice>button{display:block;margin:10px 0}}

.invoice-setup-dialog .invoice-tax-fields{display:grid;grid-template-columns:minmax(0,1fr) 155px;gap:18px;margin-top:20px}.invoice-setup-dialog #tax-setup-rate{margin-top:0!important}.invoice-setup-dialog #tax-setup-info{font-size:12px;margin-top:12px!important;padding:10px 12px}.invoice-setup-dialog .form-actions{margin-top:20px;padding-top:16px}.invoice-setup-dialog #advance-setup>.hint{margin-top:14px;margin-bottom:12px}@media(max-width:540px){.invoice-setup-dialog .invoice-tax-fields{grid-template-columns:1fr}}

.paper-summary>.billing-settlement{grid-column:1/-1}.paper-summary:has(.billing-totals){break-inside:auto}.paper .billing-deduction{break-inside:avoid}

/* Keep the performance period together, within the right-hand document metadata. */
.paper-meta{width:78mm;grid-template-columns:29mm minmax(0,47mm)}.paper-meta .paper-period-value{white-space:nowrap;overflow-wrap:normal;font-variant-numeric:tabular-nums}

/* Approved middle ground: flat rows, clear separation and visible actions. */
.document-table-wrap{max-width:100%;overflow:visible;container-type:inline-size}.document-table,.document-table thead,.document-table tbody{display:block;width:100%}.document-table thead tr,.document-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) 94px 145px 116px;gap:12px;align-items:center}.document-table thead tr{padding:0 16px 8px}.document-table thead th{width:auto;background:transparent;padding:0;font-size:11px;white-space:normal}.document-table tbody{display:grid;gap:10px}.document-table tbody tr{padding:16px;border:1px solid #dededc!important;border-radius:9px;background:#fff;min-width:0}.document-table tbody td{display:block;min-width:0;padding:0;border:0!important;overflow-wrap:anywhere}.document-table .document-identity strong{font-size:15px;display:block;margin-bottom:5px}.document-table .document-reference{font-size:11px;color:#888;margin-bottom:8px}.document-table .document-customer{display:block;font-size:13px}.document-table td small{font-size:12px;line-height:1.5;margin-top:4px}.document-table .document-status .pill{font-size:11px;white-space:normal;line-height:1.4}.document-table .document-amount{text-align:right}.document-table .document-amount strong{display:block;font-size:17px;white-space:nowrap;font-variant-numeric:tabular-nums}.document-table .document-amount small{font-size:11px;white-space:nowrap}.document-table .document-list-actions{justify-content:flex-end;gap:8px}.document-table .document-open-button{min-width:76px;min-height:40px;flex:none;font-size:13px;padding:9px 12px}.document-table .document-more-button{flex:none;width:32px;min-width:32px;height:40px;border:1px solid #dedede;background:#fff;font-size:24px}
@container(max-width:560px){.document-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.document-table tbody tr{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:16px}.document-table .document-identity{grid-column:1;grid-row:1}.document-table .document-status{grid-column:2;grid-row:1;justify-self:end;align-self:start;text-align:right}.document-table .document-amount{grid-column:1;grid-row:2;text-align:left}.document-table .document-amount strong{font-size:16px}.document-table .document-amount small{white-space:normal}.document-table .document-actions-cell{grid-column:2;grid-row:2;align-self:center}}

/* Project folders share the approved flat-row overview, with room for activation. */
.project-table thead tr,.project-table tbody tr{grid-template-columns:minmax(0,1fr) 160px 95px}.completed-project-table thead tr,.completed-project-table tbody tr{grid-template-columns:minmax(0,1fr) 140px 230px}.project-table .document-status small{font-size:11px;color:#777}.project-table .project-activate-button{min-height:40px;padding:9px 12px;font-size:13px;white-space:nowrap;flex:none}
@container(max-width:560px){.project-table tbody tr{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.project-table .document-actions-cell{grid-column:1/-1;grid-row:2}.project-table .document-list-actions{flex-wrap:wrap}.project-table .document-status small{white-space:normal}}

.project-file-list{margin-top:16px}.project-file-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid #e7e7e7}.project-file-row:last-child{border:0}.project-file-row>div{min-width:0;overflow-wrap:anywhere}.project-file-row strong{font-size:13px}.project-file-row small{display:block;color:#777;font-size:11px;margin-top:4px}.project-file-row button{flex:none}.project-files-menu{justify-content:flex-start}.project-files-menu span{margin-left:8px;color:#888;font-size:12px}#project-upload-status{margin-top:12px;font-size:13px}@media(max-width:480px){.project-file-row{align-items:flex-start;flex-direction:column}}

.upload-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.upload-category-button{justify-content:flex-start;gap:12px;min-height:58px;padding:14px;text-align:left}.upload-category-button .icon{color:#6d8b45;flex:none}.upload-target{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #dedede;border-radius:8px;padding:10px 12px;margin-top:18px;background:#fafaf9}.upload-target>span{display:flex;align-items:center;gap:8px}@media(max-width:400px){.upload-category-grid{grid-template-columns:1fr}.upload-target{align-items:flex-start;flex-direction:column}}

.project-file-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:none}dialog.project-file-preview{width:1100px;max-width:96vw;padding:0;overflow:auto;background:#fff}.project-file-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;border-bottom:1px solid #dedede;background:#fff;position:sticky;top:0;z-index:2}.project-file-preview-toolbar>div:first-child{min-width:0}.project-file-preview-toolbar h2{font-size:17px;overflow-wrap:anywhere}.project-file-preview-toolbar p{font-size:12px;color:#777;margin-top:5px}.project-file-preview-body{background:#ededeb;display:flex;align-items:center;justify-content:center;min-height:280px;padding:16px}.project-pdf-frame{width:100%;height:70dvh;border:0;background:#fff}.project-image-preview{display:block;max-width:100%;max-height:72dvh;object-fit:contain}.project-file-preview-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 20px;font-size:12px}.project-file-preview-footer a{color:#4d7428;text-decoration:underline}@media(max-width:600px){.project-file-preview-toolbar{align-items:flex-start;flex-direction:column;gap:12px;padding:14px}.project-file-preview-toolbar .project-file-actions{width:100%;justify-content:flex-end}.project-file-preview-body{padding:8px}.project-file-actions button{font-size:12px;padding:8px}.project-pdf-frame{height:64dvh}.project-file-row{flex-wrap:wrap}}

.project-file-preview-body.is-pdf{display:block;padding:0}.project-pdf-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;background:#fafaf9;border-bottom:1px solid #dedede}.project-pdf-controls>div{display:flex;gap:8px;align-items:center}.project-pdf-controls button{min-width:34px;min-height:34px;padding:6px 9px;font-size:12px}#project-pdf-counter{font-size:12px;min-width:88px;text-align:center}#project-pdf-status{font-size:12px;color:#777;padding:0 16px}#project-pdf-status:not(:empty){padding:12px 16px}.project-pdf-pages{overflow:auto;max-height:65dvh;min-height:260px;padding:16px;background:#e9e9e7}.project-pdf-pages canvas{display:block;margin:0 auto;background:#fff;box-shadow:0 2px 10px #0002}.project-pdf-pages canvas:not([width]){display:none}@media(max-width:600px){.project-pdf-controls{flex-wrap:wrap;padding:10px}.project-pdf-controls>div{gap:5px}.project-pdf-pages{padding:8px}}

.project-pdf-reader .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.project-file-actions>.document-more-button{width:34px;min-width:34px;min-height:36px;flex:none;border:1px solid #dedede;background:#fff}.document-more-menu h3{overflow-wrap:anywhere}.document-menu-item.danger{color:#a73730}

/* Gleiche Abmessungen für Projekt-Kopfaktionen, auch nach Reaktivierung. */
.project-heading-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:208px;max-width:100%;height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:15px;font-weight:550;white-space:nowrap;box-sizing:border-box}

/* Positionsnummer im Zeilenkopf: lange GAEB-Nummern überlagern keine Texte. */
.position-no{min-width:0}
.position-no>span{position:absolute;left:8px;top:18px;max-width:calc(100% - 150px);overflow-wrap:anywhere;line-height:18px;text-align:left}
.position-main{min-width:0}
#rows textarea{display:block;width:100%;max-height:none;overflow:hidden;resize:none;overflow-wrap:anywhere;white-space:pre-wrap;box-sizing:border-box}
#rows .position-main textarea[data-row-key="description"]{font-size:13px;line-height:1.55;min-height:54px;padding:8px 0}
#rows textarea[data-row-key="title"]{font-weight:600;font-size:13px;line-height:20px;min-height:40px;border:1px solid #d7d7d7;padding:9px 10px;margin-top:0;background:#fff}
#rows .text-row>textarea{line-height:1.55}

/* Ausrichtung für zusammengefasste Textzellen statt der Zahlenregel. */
.paper-table td[colspan],.paper-table .heading td,.paper-table td:first-child{text-align:left}
.paper-table td:first-child{white-space:nowrap;overflow-wrap:normal;font-variant-numeric:tabular-nums}

.gaeb-preamble-editor{grid-column:2;min-width:0;border:1px solid #e3e3e3;border-radius:8px;padding:12px;background:#fafafa}.gaeb-preamble-editor summary{overflow-wrap:anywhere}.gaeb-preamble-editor textarea{margin-top:14px;font-size:13px;line-height:1.55}.paper-preamble-title{font-size:10pt;margin:0 0 3mm;text-align:left;break-after:avoid}.paper-table tr.paper-text-row{break-inside:auto}.paper-free-text{text-align:left;line-height:1.5}.paper-free-text>div{orphans:3;widows:3}

.gaeb-fixed-note{margin-bottom:18px}.position-row.gaeb-fixed-row{padding-top:44px}.gaeb-fixed-row textarea[readonly],.gaeb-fixed-row input[readonly]{background:#fafafa;color:#353535;border-color:transparent;cursor:default}.gaeb-fixed-row select:disabled{opacity:1;color:#555;background:#f5f5f5;cursor:default}.gaeb-fixed-row [data-row-key="price"]{border-color:#9dbd78;background:#fff}.gaeb-fixed-row .gaeb-preamble-editor textarea[readonly]{background:transparent}

/* Preisbezeichnung außerhalb des Eingabefeldes, genug Breite auf Tablets. */
.position-price{display:flex;flex-direction:column;gap:5px;min-width:0;font-weight:400}.position-price>span{font-size:11px;line-height:15px;color:#666;white-space:normal;overflow-wrap:normal}.position-price>input{width:100%;min-width:0;text-align:right;font-variant-numeric:tabular-nums;min-height:40px}.position-price>input::placeholder{color:#888}
@media(min-width:701px) and (max-width:900px){.position-row>.position-price{grid-column:4/7;grid-row:2}.position-row>[data-col=total]{grid-column:4/7;grid-row:3}}

/* Preisbeschriftung über der Zeile: Eingabefelder bleiben oben bündig. */
.position-price{position:relative;gap:0}.position-price>span{position:absolute;left:0;bottom:calc(100% + 5px)}.position-price>input{height:40px}
@media(max-width:900px){.position-row:not(.heading-row):not(.text-row)>.position-main{margin-bottom:20px}}
@media(max-width:700px){.position-row>.position-price{margin-top:20px}}

.position-row>[data-col="unit"],.position-row>[data-col="quantity"]{height:40px}

/* Fertigstellen bleibt bündig zur ersten Aktion, auch wenn Vorschau umbricht. */
.doc-action-controls>button[data-action="finish"]{align-self:flex-start}

/* Drei gleich große Aktionen nebeneinander, auch in schmalen Leisten. */
.doc-action-controls:has(>button:is([data-action="finish"],[data-action="from-offer"],[data-action="gaeb-export"],[data-action="payment"])){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:496px;max-width:100%;gap:8px;align-items:start}
.doc-action-controls:has(>button:is([data-action="finish"],[data-action="from-offer"],[data-action="gaeb-export"],[data-action="payment"]))>.doc-secondary-actions{display:contents}
.doc-action-controls:has(>button:is([data-action="finish"],[data-action="from-offer"],[data-action="gaeb-export"],[data-action="payment"])) button[data-action="back-project"],.doc-action-controls:has(>button:is([data-action="finish"],[data-action="from-offer"],[data-action="gaeb-export"],[data-action="payment"])) button[data-action="preview"],.doc-action-controls>button:is([data-action="finish"],[data-action="from-offer"],[data-action="gaeb-export"],[data-action="payment"]){width:100%;min-width:0;height:40px;min-height:40px;margin:0;padding:8px 6px}
@media(max-width:480px){.doc-action-controls:has(>button:is([data-action="finish"],[data-action="from-offer"],[data-action="gaeb-export"],[data-action="payment"])) button{font-size:11px;white-space:normal;line-height:1.15}.doc-action-controls:has(>button:is([data-action="finish"],[data-action="from-offer"],[data-action="gaeb-export"],[data-action="payment"])) button .icon{width:16px;height:16px}.doc-action-controls:has(>button:is([data-action="finish"],[data-action="from-offer"],[data-action="gaeb-export"],[data-action="payment"])){gap:5px}}

.doc-action-controls>button[data-action="from-offer"]{align-self:flex-start;font-size:13px;white-space:nowrap}

.doc-action-controls>button[data-action="gaeb-export"]{align-self:flex-start;font-size:13px;white-space:nowrap}

/* Freigegebenes Dashboard: Arbeit und Überblick */
.dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.dashboard-stats .stat{padding:20px 16px;min-width:0}.dashboard-stats .stat strong{font-size:clamp(20px,2vw,29px);overflow-wrap:anywhere}.dashboard-stats .stat p{min-height:32px}.dashboard-stats .stat:hover{border-color:#b9c8a7}.dashboard-stats .overdue{border-top:3px solid #c98b4f}.dashboard-stats .overdue strong{color:#94602f}.dashboard-quick{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:25px}.dashboard-quick>span{font-size:12px;color:#777}.dashboard-quick>a{display:inline-flex;align-items:center;gap:7px;border:1px solid #dedede;border-radius:8px;padding:10px 13px;background:#fff;font-size:13px}.dashboard-quick>a.primary{background:var(--green);border-color:var(--green)}.dashboard-quick button{font-size:13px}.dashboard-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dashboard-columns>.card{min-width:0}.dashboard-item{display:flex;gap:12px;padding:18px 0;border-top:1px solid #eee;margin-top:12px}.dashboard-item+.dashboard-item{margin-top:0}.dashboard-mark{flex:none;width:29px;height:29px;background:#f5f5f5;border-radius:7px;display:grid;place-items:center;color:#666}.dashboard-mark.warn{color:#a16b33;background:#fbf4eb}.dashboard-mark .icon{width:17px;height:17px}.dashboard-item>div{min-width:0}.dashboard-item strong{display:block;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.dashboard-item small{display:block;font-size:12px;color:#777;margin-top:5px;line-height:1.6;overflow-wrap:anywhere}.dashboard-item a,.dashboard-item button{display:inline-flex;margin-top:9px;color:#4b7427;font-size:12px}.dashboard-item button{padding:4px 0}.dashboard-item .pill{margin-top:10px;font-size:11px}.dashboard-arrow{margin-left:auto;color:#888}.dashboard-all{display:block;color:#557d2e;font-size:12px;margin-top:8px}.dashboard-empty{font-size:13px;color:#777;line-height:1.7;margin-top:20px}.dashboard-project:hover strong{color:#4b7427}@media(max-width:700px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-stats .stat p{min-height:0}.dashboard-stats .stat strong{font-size:25px}}@media(max-width:700px){.dashboard-columns{grid-template-columns:1fr}.dashboard-quick>span{width:100%}.dashboard-stats{gap:10px}.dashboard-stats .stat{padding:16px 12px}.dashboard-stats .stat strong{font-size:22px}.dashboard-quick{gap:8px}.dashboard-quick>a,.dashboard-quick button{font-size:12px;padding:9px}}

.dunning-letter{border:1px solid #ddd;background:#fff;padding:22px;margin:20px 0;border-radius:8px}.dunning-letter p{white-space:pre-wrap;margin-top:18px;line-height:1.7;overflow-wrap:anywhere}

/* Einheitliche Aktionen im Mahnwesen */
.dunning-table td{vertical-align:top}.dunning-table .dunning-actions-cell{width:172px}.dunning-actions-cell>.hint{margin:0 0 10px;min-height:20px}.dunning-actions{display:grid;grid-template-columns:156px;gap:8px}.dunning-actions>button{width:156px;height:38px;min-height:38px;padding:6px 10px;font-size:13px;margin:0;white-space:nowrap}.dunning-actions>button:disabled{cursor:default}@media(max-width:600px){.dunning-table{min-width:580px}.dunning-actions{grid-template-columns:148px}.dunning-actions>button{width:148px;height:40px}}

.contacts-import-dialog{width:min(940px,96vw);max-width:96vw}.contacts-mapping label{min-width:0}.contacts-mapping select{max-width:100%}.contacts-import-dialog .table-wrap{border:1px solid #eee;margin-top:10px}

.contacts-import-actions{position:sticky;bottom:-1px;background:#fff;border-top:1px solid #e5e5e5;padding:15px 0 3px;margin-top:20px;z-index:2}.contacts-import-dialog summary{cursor:pointer;font-weight:550}

.contacts-choice{width:20px;height:20px;accent-color:var(--green);cursor:pointer}.contacts-choice-list td{vertical-align:top}.contacts-choice-list td:first-child{width:80px}.contacts-choice-list tr:has(.contacts-choice:not(:checked)){background:#fafafa;color:#888}

.contacts-email-preview{min-width:210px;max-width:300px;overflow-wrap:anywhere}.contacts-email-preview>span{display:block;font-size:12px}.contacts-email-preview small{font-size:11px}

/* Symmetrische Projektstatus-Auswahl mit einheitlichem Pfeilabstand */
.project-status-field{width:180px;max-width:100%;flex:none;gap:6px}.project-status-field>span{display:block;font-size:12px;line-height:16px;margin:0}.project-status-field>select{appearance:none;-webkit-appearance:none;display:block;width:100%;height:42px;min-height:42px;line-height:20px;padding:10px 42px 10px 14px;margin:0;font-size:14px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px 16px;cursor:pointer}@media(forced-colors:active){.project-status-field>select{appearance:auto;background-image:none}}

.beleg-tabs{align-items:center;flex-wrap:wrap}

.doc-action-controls>.project-lv-trigger{grid-column:3;grid-row:2;width:100%;min-width:0;height:40px;min-height:40px;padding:8px 6px;margin:0;font-size:13px;line-height:20px;white-space:nowrap}.document-toolbar:has(.project-lv-trigger){align-items:flex-start}.document-toolbar:has(.project-lv-trigger)>.doc-tools{padding-top:2px}@media(max-width:480px){.doc-action-controls>.project-lv-trigger{font-size:11px;line-height:1.15;white-space:normal}}

.doc-action-controls>.supplier-order-trigger{grid-column:2;grid-row:2;width:100%;min-width:0;height:40px;min-height:40px;padding:8px 5px;margin:0;font-size:12px;line-height:18px;white-space:nowrap}.supplier-order-dialog{width:min(940px,96vw);max-width:96vw}.supplier-order-line{border:1px solid #dedede;padding:18px;border-radius:8px;margin-top:16px}.supplier-order-dialog .form-actions{flex-wrap:wrap}.supplier-order-dialog .form-actions button{white-space:normal}.supplier-order-dialog form>.row .field{flex:1;min-width:180px}@media(max-width:480px){.doc-action-controls>.supplier-order-trigger{font-size:11px;line-height:1.15;white-space:normal}}

.doc-action-controls>.supplier-order-trigger{white-space:normal;gap:6px;padding:4px 6px;font-size:12px;line-height:14px;overflow:hidden}.supplier-order-trigger>.icon{width:16px;height:16px}.supplier-order-trigger>span{display:block;min-width:0;text-align:center;line-height:14px}.supplier-order-mainrow{display:grid;grid-template-columns:minmax(0,1fr) 100px 85px auto;align-items:end;gap:14px}.supplier-order-identity{align-self:center;min-width:0}.supplier-order-identity strong{display:block;font-size:14px;overflow-wrap:anywhere}.supplier-order-identity small{display:block;color:#777;font-size:12px;margin-top:4px;overflow-wrap:anywhere}.supplier-order-mainrow .field{min-width:0}.supplier-order-mainrow .field>input{height:40px}.supplier-order-mainrow>button{height:40px}.supplier-order-final-actions{position:sticky;bottom:-1px;background:#fff;border-top:1px solid #e5e5e5;padding:14px 0 2px;z-index:2}.supplier-order-final-actions>button{min-width:150px;height:42px}@media(max-width:700px){.supplier-order-mainrow{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.supplier-order-identity{grid-column:1/-1}.supplier-order-mainrow>button{grid-column:1/-1;justify-self:end}.supplier-order-final-actions>button{min-width:0;flex:1}}

.supplier-auto-info{margin-top:18px;border-left:3px solid #85bf39;background:#f7f9f4;padding:12px 15px}.supplier-auto-info>strong{font-size:14px}.supplier-order-group{margin-top:20px;border:1px solid #dcdcdc;border-radius:10px;padding:16px;background:#fafafa}.supplier-order-group .supplier-order-line{background:#fff}.supplier-order-identity>.field{margin-top:10px}.supplier-order-group>.between{flex-wrap:wrap}.supplier-order-group h3{overflow-wrap:anywhere}

/* Bestellschein: Auswahl und beide Aktionen auf einer Grundlinie. */
.supplier-order-add-actions{align-items:flex-end;gap:12px}
.supplier-order-add-actions>button{flex:0 0 160px;width:160px;height:42px;padding:8px 10px;font-size:13px}
.supplier-order-add-actions>.field{flex:1;min-width:180px}
.supplier-order-add-actions select{height:42px}
@media(max-width:650px){.supplier-order-add-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.supplier-order-add-actions>.field{grid-column:1/-1;grid-row:1;min-width:0}.supplier-order-add-actions>button{width:100%;min-width:0;height:42px;white-space:normal}.supplier-order-add-actions>button:first-child{grid-column:1;grid-row:2}.supplier-order-add-actions>button:last-child{grid-column:2;grid-row:2}}

.supplier-order-list-dialog{width:min(1250px,96vw)}
.supplier-order-price-choice{max-width:300px;margin-top:20px}
.supplier-order-list-group{margin-top:22px}
.supplier-order-list-group>h3{margin-bottom:10px}
.supplier-order-table-scroll{overflow-x:auto;border:1px solid #ddd;border-radius:8px}
.supplier-order-table{width:100%;min-width:700px;border-collapse:collapse;font-size:12px;table-layout:auto}
.supplier-order-table th,.supplier-order-table td{padding:10px 9px;text-align:left;border-bottom:1px solid #e5e5e5;vertical-align:middle}
.supplier-order-table th{background:#f4f4f4;font-weight:600;white-space:nowrap}
.supplier-order-table td{overflow-wrap:anywhere}
.supplier-order-table td:first-child{width:42px;text-align:center}
.supplier-order-table .supplier-order-title{min-width:150px;max-width:350px}
.supplier-order-table td:has(input[inputmode]){width:95px;min-width:95px}
.supplier-order-table input[inputmode]{width:80px;padding:8px}
.supplier-order-table tr.is-excluded{background:#f1f1f1;color:#999}
.supplier-order-table tr.is-excluded td:not(:first-child){opacity:.55}
.supplier-order-table input[type=checkbox]{width:18px;height:18px;cursor:pointer}
.supplier-order-list-dialog .supplier-order-final-actions{position:static;margin-top:20px}

.supplier-order-preview-tabs{display:flex;flex-wrap:wrap;gap:10px;padding:14px 20px 0}
.supplier-order-preview-hint{padding:0 20px 10px}
.supplier-order-list-dialog .supplier-order-final-actions>button{width:150px;min-width:0}
@media(max-width:600px){.supplier-order-list-dialog .supplier-order-final-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.supplier-order-list-dialog .supplier-order-final-actions>button{width:100%;padding:8px;font-size:12px}}

.doc-action-controls>.supplier-request-trigger{grid-column:1;grid-row:2;width:100%;min-width:0;height:40px;min-height:40px;padding:4px 6px;margin:0;font-size:12px;line-height:14px;white-space:normal;gap:6px;overflow:hidden}.supplier-request-trigger>.icon{width:16px;height:16px}.supplier-request-trigger>span{display:block;min-width:0;text-align:center;line-height:14px}

/* Langer Aktionsname: volle Breite für lesbare, zentrierte Beschriftung. */
.doc-action-controls>.supplier-request-trigger{padding:4px 8px;gap:0;font-weight:550}
.supplier-request-trigger>.supplier-request-label{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:1px;line-height:14px}
.supplier-request-label>span{font-size:12px;white-space:nowrap;letter-spacing:-.15px}
.supplier-request-label>small{font-size:11px;line-height:13px;color:#6b6b6b;font-weight:400}
@media(max-width:480px){.supplier-request-label>span{font-size:10px;letter-spacing:-.2px}.supplier-request-label>small{font-size:10px}}

.doc-action-controls>.supplier-request-trigger{padding:4px 5px;gap:4px}
.supplier-request-trigger>.icon{width:14px;height:14px}
.supplier-request-trigger>.supplier-request-label{width:auto;flex:1;min-width:0}
.supplier-request-label>span{font-size:11px;letter-spacing:-.3px}
.supplier-request-label>small{color:inherit;font-size:11px;font-weight:550}
@media(max-width:480px){.supplier-request-label>span{font-size:9px;letter-spacing:-.3px}.supplier-request-label>small{font-size:10px}.supplier-request-trigger>.icon{width:12px;height:12px}}

.supplier-new-link,.supplier-open-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;white-space:nowrap}
.supplier-filters{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:16px}.supplier-filters>.field:first-child{flex:1;min-width:180px}.supplier-filters>.field{min-width:140px}.supplier-filters>button{height:43px}.supplier-tabs{display:flex;gap:24px;border-bottom:1px solid #ddd;margin-bottom:20px}.supplier-tabs>a{padding:12px 0}.supplier-tabs>a[aria-current]{border-bottom:3px solid #85bf39;font-weight:600}.supplier-value{white-space:pre-wrap;overflow-wrap:anywhere}
.sidebar .nav{min-height:0;overflow-y:auto;flex-shrink:1}.sidebar .sidebar-bottom{flex-shrink:0}
@media(max-width:600px){.supplier-filters>.field{flex:1;min-width:0}.supplier-filters>.field:first-child{flex-basis:100%}}

.supplier-table .document-identity{width:38%}.supplier-table td:nth-child(2){width:37%;overflow-wrap:anywhere}.supplier-table td:nth-child(3){width:25%}.supplier-table td:nth-child(3) .row{gap:8px}

.supplier-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;align-items:start}.supplier-form-section+.supplier-form-section{margin-top:26px;padding-top:24px;border-top:1px solid #e3e3e3}.supplier-form-section h2{margin-bottom:18px}.supplier-address-fields{display:grid;grid-template-columns:2fr .8fr 1.3fr 1.2fr;gap:16px}.supplier-number-help{align-self:center}.supplier-next-card>h2{margin:16px 0 12px}.supplier-next-card p{color:#707070;margin-top:8px;font-size:14px}.supplier-next-card li+li{margin-top:20px}.supplier-next-card ol{padding-left:22px}.supplier-more-fields{background:#f7f7f7;border:1px solid #ddd;border-radius:8px;padding:15px;margin-top:24px}.supplier-more-fields textarea{margin-top:14px}.supplier-form-card input[readonly]{background:#f5f5f5;color:#777}.supplier-search-row{display:flex;gap:14px;align-items:end}.supplier-search-row>.field{flex:1}.supplier-search-row>button{min-width:130px;height:44px}.supplier-filter-row{display:flex;align-items:end;gap:18px;margin-top:16px}.supplier-filter-row>.field{width:220px}.supplier-filter-row>a{padding-bottom:10px}.supplier-list-summary{display:flex;align-items:center;gap:12px;margin:25px 0 15px}.supplier-list-summary>span{margin-right:auto}.supplier-list-summary>.field{flex-direction:row;align-items:center}.supplier-full-table{min-width:880px}.supplier-full-table td{vertical-align:middle}.supplier-full-table td:first-child{min-width:160px}.supplier-full-table td small{display:block;color:#777;font-size:12px;margin-top:5px}.supplier-full-table .pill{white-space:normal;font-size:12px}.supplier-full-table-wrap{overflow-x:auto}.supplier-list-links{display:flex;gap:8px}.supplier-pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:20px}.supplier-status-list{margin:20px 0}.supplier-status-list>div{display:grid;grid-template-columns:1fr 1.3fr;gap:16px;padding:14px 0;border-top:1px solid #e3e3e3}.supplier-status-list dd{margin:0;color:#707070}.supplier-linked-articles{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.supplier-linked-articles>div{border-top:1px solid #e5e5e5;padding-top:12px}.supplier-linked-articles small{display:block;color:#777;margin-top:4px}.supplier-omd-demo{border-left:3px solid #85bf39}
@media(max-width:1100px){.supplier-form-layout{grid-template-columns:1fr}.supplier-address-fields{grid-template-columns:1fr 1fr}.supplier-next-card{display:block}.supplier-form-card .three-col{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.supplier-address-fields,.supplier-form-card .three-col,.supplier-linked-articles{grid-template-columns:1fr}.supplier-search-row,.supplier-filter-row,.supplier-pagination,.supplier-list-summary{flex-wrap:wrap}.supplier-search-row>.field{flex-basis:100%}.supplier-filter-row>.field{width:auto;flex:1}.supplier-filter-row>a{flex-basis:100%}.supplier-status-list>div{grid-template-columns:1fr;gap:5px}.supplier-list-summary>.field{flex-wrap:wrap}}

/* Fertige Rechnungen: dieselbe Aktionsreihe wie Vorschau/Fertigstellen. */
.doc-action-controls>button[data-action="payment"]{align-self:flex-start;font-size:13px}
@media(max-width:480px){.doc-action-controls:has(>button[data-action="payment"]){grid-template-columns:repeat(2,minmax(0,1fr))}.doc-action-controls:has(>button[data-action="payment"]) button[data-action="back-project"]{grid-column:1/-1}.doc-action-controls:has(>button[data-action="payment"]) button{white-space:normal;line-height:1.15}.document-actions:has(button[data-action="payment"]){min-width:0;max-width:100%}.document-actions:has(button[data-action="payment"]) .doc-action-meta{width:auto;max-width:100%}}

.doc-action-controls>.measurement-trigger{grid-column:3;grid-row:2;width:100%;min-width:0;height:40px;min-height:40px;padding:8px 6px;margin:0;font-size:13px;line-height:18px;white-space:normal}
.measurement-note{width:100%;min-width:150px}
@media(max-width:480px){.doc-action-controls:has(>button[data-action="payment"])>.measurement-trigger{grid-column:2;grid-row:3}}

.measurement-summary{margin:24px 0 10px auto;max-width:410px;border-top:1px solid #ddd;padding-top:14px}.measurement-summary>div{display:flex;justify-content:space-between;gap:22px;padding:7px 0}.measurement-summary .measurement-gross{border-top:1px solid #ddd;margin-top:8px;padding-top:14px}

/* Aufmaß: kompakte Tabelle beibehalten, nur vorhandene Werte editierbar. */
.supplier-order-table .measurement-pos{width:65px;padding:8px}
.supplier-order-table .measurement-title{width:100%;min-width:170px;padding:8px}
.supplier-order-table .measurement-unit{width:88px;padding:8px}

.measurement-compact-table input.measurement-pos:not([type=checkbox]){width:65px}
.measurement-compact-table input.measurement-unit:not([type=checkbox]){width:88px}
.measurement-compact-table td:has(.measurement-pos){width:83px}
.measurement-compact-table td:has(.measurement-unit){width:106px}

.mail-extra-attachments{margin-top:22px;padding-top:20px;border-top:1px solid #dedede}.mail-extra-file{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:10px;border:1px solid #e3e3e3;border-radius:7px}.mail-extra-file>span{display:flex;align-items:center;gap:10px;min-width:0;overflow-wrap:anywhere}.mail-extra-file small{display:block;color:#777;font-size:12px}.mail-extra-file>button{flex-shrink:0}

.mail-measurement-choice{display:flex;align-items:center;gap:12px;min-width:0;cursor:pointer;flex:1}.mail-measurement-choice input{flex:none;width:18px;height:18px}.mail-measurement-choice span{overflow-wrap:anywhere}

.gaeb-second-file.is-disabled{opacity:.5}.gaeb-second-file input:disabled{background:#ededed;cursor:not-allowed}

/* X83-Export direkt unter Projekt LV, gleiche Abmessungen oben/unten. */
.doc-action-controls>.own-gaeb-export-trigger{grid-column:3;grid-row:3;width:100%;min-width:0;height:40px;min-height:40px;padding:4px 6px;margin:0;font-size:13px;line-height:16px;white-space:normal;gap:6px}.own-gaeb-export-trigger>span{min-width:0}.own-gaeb-export-trigger>.icon{width:18px;height:18px}@media(max-width:480px){.doc-action-controls>.own-gaeb-export-trigger{font-size:11px;line-height:1.15}}

.doc-action-controls>.gaeb-invoice-trigger{grid-column:3;grid-row:3;font-size:13px;white-space:normal;line-height:16px}

/* Responsive document positions: preserve readable units instead of squeezing fields. */
.positions{container-type:inline-size;container-name:positions}
.positions .position-row:not(.heading-row):not(.text-row){grid-template-columns:30px minmax(0,1fr) 24px;gap:12px}
.positions .position-row:not(.heading-row):not(.text-row)>.position-main{grid-column:2;grid-row:1;margin-bottom:0;min-width:0}
.positions .position-row:not(.heading-row):not(.text-row)>.remove-row{grid-column:3;grid-row:1}
.position-values{grid-column:2;display:grid;grid-template-columns:minmax(80px,1fr) minmax(120px,1fr) minmax(120px,1fr) minmax(110px,1fr);gap:12px;min-width:0;align-items:start;margin-top:12px}
.position-value,.position-values>.position-price{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0;font-weight:400;position:static}
.position-value>span,.position-values>.position-price>span{position:static;font-size:11px;line-height:16px;color:#666}
.position-values input,.position-values select{width:100%;height:40px;min-width:0}
.position-values select{padding-right:24px}
.position-values .line-total{padding-top:9px;min-height:40px;overflow-wrap:anywhere;white-space:normal}
.position-total>span{text-align:right}
@container positions (min-width:1050px){
 .positions .position-row:not(.heading-row):not(.text-row){grid-template-columns:36px minmax(200px,1fr) minmax(480px,1fr) 30px}
 .positions .position-row:not(.heading-row):not(.text-row)>.remove-row{grid-column:4}
 .position-values{grid-column:3;grid-row:1;margin-top:0}
}
@container positions (max-width:570px){
 .position-values{grid-column:1/-1;grid-template-columns:repeat(2,minmax(120px,1fr));gap:14px 8px}
}
@container positions (max-width:247px){
 .position-values{grid-template-columns:minmax(0,1fr)}
 .position-total>span,.position-values .line-total{text-align:left}
}
/* Both action bars respond to their actual available width. */
.document-toolbar,.document-actions{container-type:inline-size;container-name:documentbar;min-width:0}
.document-actions{grid-template-columns:minmax(0,1fr) minmax(0,496px)}
.document-toolbar .doc-action-controls,.document-actions .doc-action-controls{min-width:0;max-width:100%}
@container documentbar (max-width:540px){
 .doc-action-controls:has(>button){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:8px}
 .doc-action-controls:has(>button)>button,.doc-action-controls:has(>button) .doc-secondary-actions>button{grid-column:auto!important;grid-row:auto!important;width:100%;min-width:0;height:auto;min-height:44px;padding:8px;font-size:13px;white-space:normal;line-height:18px}
 .doc-action-controls>.doc-secondary-actions{display:contents}
 .doc-action-controls button[data-action="back-project"]{grid-column:1/-1!important}
 .doc-action-controls .supplier-request-label>span,.doc-action-controls .supplier-request-label>small{font-size:12px;letter-spacing:normal}
}
@container documentbar (max-width:320px){
 .doc-action-controls:has(>button){grid-template-columns:minmax(0,1fr)!important}
}
@container positions (max-width:650px){
 .document-actions{grid-template-columns:minmax(0,1fr);position:static}
 .document-actions .doc-action-controls{width:100%;justify-self:stretch}
}

.position-insert{min-width:0}
.position-insert-search{min-width:0;white-space:normal}
.position-insert-search>span{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){
 .document-actions{position:static;grid-template-columns:minmax(0,1fr)}
 .doc-action-meta{flex-wrap:wrap}
}

@media(max-width:600px){
 .document-title-line{flex-wrap:wrap}
 .document-title-line #doc-status{min-width:0;max-width:100%}
}

/* Align the move control with the right edge of the description field. */
.position-row>.row-drag-handle{grid-column:2 / 3;right:0}

/* First-customer registration and returning-customer sign-in. */
.access-layout .login-form>div{max-width:480px}
.access-lead{margin:12px 0 20px;font-size:14px;line-height:1.7}
.access-layout .login-form{padding:40px}
.access-layout .login-form form{margin-top:22px;gap:15px}
.access-switch{margin-top:20px;font-size:14px}
.access-switch button{padding:5px 7px;color:#426a21}
.access-prototype-note{font-size:12px;line-height:1.6;color:#777;border-top:1px solid #ddd;padding-top:18px;margin-top:24px}
.access-status-symbol{width:48px;height:48px;background:#e7eedf;color:#4e792d;display:grid;place-items:center;border-radius:50%;margin-bottom:20px}
.access-mail-preview{background:#fafafa;border:1px solid #ddd;border-radius:10px;padding:22px;margin:20px 0}
.access-mail-preview p{margin:12px 0}
.access-mail-preview .primary{width:100%;white-space:normal}
.access-test-tools{padding:15px;border:1px dashed #ccc;border-radius:8px;margin-top:24px;font-size:13px}
.access-test-tools p{margin:12px 0;color:#707070}
.access-test-tools button{white-space:normal}
@media(max-width:900px){.access-layout{grid-template-columns:1fr}.access-layout .login-intro{padding:24px 30px}.access-layout .login-intro>div:nth-child(2),.access-layout .login-intro>small{display:none}.access-layout .login-intro .brand{min-height:0}.access-layout .login-form{padding:30px 24px;align-items:flex-start}}

.host-save-error{position:fixed;bottom:12px;left:12px;right:12px;z-index:10000;border:1px solid #bc7770;background:#fff1ee;padding:14px;border-radius:9px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.host-save-error[hidden]{display:none}.host-save-error span{flex:1;min-width:180px}.provider-main{max-width:1200px;margin:40px auto;padding:24px}
/* Field labels are shown on each responsive position group. */
.position-labels[hidden]{display:none}
.sidebar{overflow-y:auto}
.sidebar>.brand,.sidebar>.nav,.sidebar>.sidebar-bottom{flex-shrink:0}

/* Empty-state actions stay below the explanation, including link buttons. */
.empty-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:18px}.empty-actions>button,.empty-actions>a{margin:0}.empty-actions>a{display:inline-flex;align-items:center;justify-content:center;max-width:100%;white-space:normal}.empty-actions>.hint{padding:10px 0}