:root{--bg:#0e151d;--panel:#172331;--panel2:#1d2b39;--line:#2b3b4a;--cyan:#6ec1e4;--text:#f5f8fa;--muted:#93a4b3;--green:#25d366}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;display:flex;min-height:100vh}aside{width:220px;background:#111b25;border-right:1px solid var(--line);padding:28px 20px;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:baseline;gap:7px;letter-spacing:.12em;margin-bottom:34px}.brand b{font-size:28px;color:var(--cyan)}.brand span{font-weight:800}nav a{display:block;color:var(--muted);text-decoration:none;padding:12px 14px;border-radius:10px;margin:4px 0}nav a:hover{background:var(--panel);color:white}main{margin-left:220px;width:calc(100% - 220px);padding:30px 38px 90px;max-width:1500px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}h1,h2,h3,p{margin-top:0}header h1{font-size:29px;margin:3px 0}header small,.eyebrow{color:var(--cyan);font-weight:800;letter-spacing:.16em}.hero{background:linear-gradient(120deg,#172b3b,#16212c);border:1px solid #29445a;border-radius:18px;padding:28px;display:flex;justify-content:space-between;align-items:center}.hero h2{font-size:25px;margin:6px 0}.hero p{color:var(--muted);margin:0}.button,button{background:var(--cyan);color:#09202c;border:0;border-radius:10px;padding:11px 16px;font-weight:800;text-decoration:none;cursor:pointer}.ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.stats article,.panel{background:var(--panel);border:1px solid var(--line);border-radius:15px}.stats article{padding:18px}.stats span,.row span{display:block;color:var(--muted);font-size:13px;margin-top:6px}.stats strong{font-size:30px;display:block;margin-top:8px}.grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.panel{padding:18px}.panel-title,.page-actions{display:flex;justify-content:space-between;align-items:center}.panel-title h3{margin:0}.panel-title a{color:var(--cyan);text-decoration:none;font-size:13px}.row{display:flex;justify-content:space-between;align-items:center;padding:15px 4px;border-bottom:1px solid var(--line);color:white;text-decoration:none}.row:last-child{border:0}.row em{font-size:12px;font-style:normal;color:var(--cyan);background:#203646;padding:7px 9px;border-radius:999px}.quick{display:flex;justify-content:space-between;text-decoration:none;color:white;padding:15px 4px;border-bottom:1px solid var(--line)}.quick span{color:var(--cyan)}.empty{color:var(--muted);padding:30px 5px}.table{padding:4px 18px}.mobile-nav{display:none}.login{display:grid;place-items:center;background:radial-gradient(circle at top,#1f3647,#0e151d 55%)}.login-card{width:min(420px,92vw);background:var(--panel);padding:34px;border:1px solid var(--line);border-radius:20px}.login-card p{color:var(--muted)}.login-card label{display:block;color:var(--muted);font-size:13px}.login-card input{width:100%;background:#0e1720;color:white;border:1px solid var(--line);padding:12px;border-radius:9px;margin-top:5px}.login-card button{width:100%;margin-top:10px}
@media(max-width:760px){aside{display:none}main{margin:0;width:100%;padding:18px 15px 90px}header{margin-bottom:18px}.hero{display:block;padding:21px}.hero .button{display:inline-block;margin-top:17px}.stats{grid-template-columns:1fr 1fr}.stats article{padding:14px}.stats strong{font-size:25px}.grid{grid-template-columns:1fr}.mobile-nav{display:flex;position:fixed;inset:auto 0 0;background:#111b25;border-top:1px solid var(--line);justify-content:space-around;padding:9px 5px calc(9px + env(safe-area-inset-bottom));z-index:9}.mobile-nav a{font-size:12px;padding:8px 7px;margin:0}.row{align-items:flex-start;gap:10px}.row em{white-space:nowrap}header .ghost{font-size:0;padding:10px}header .ghost:after{content:'↪';font-size:18px}}

/* v0.2 Arbeitsoberfläche */
.header-actions,.detail-head>div:last-child,.message-actions{display:flex;align-items:center;gap:10px}.icon-button{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:var(--panel);border:1px solid var(--line);color:var(--cyan);text-decoration:none;font-size:22px}.messages{margin:-10px 0 18px}.messages div{background:#17352e;border:1px solid #28604f;color:#aaf0d5;border-radius:10px;padding:11px 14px}.page-actions{gap:16px;margin-bottom:16px}.search{display:flex;gap:8px;flex:1}.search input,.search select,.field-control{background:#0e1720;color:white;border:1px solid var(--line);border-radius:9px;padding:11px 12px;outline:none}.search input{width:min(420px,100%)}.search select{min-width:150px}.search input:focus,.search select:focus,.field-control:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #6ec1e41c}.form-panel{max-width:900px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-field{display:flex;flex-direction:column;gap:7px}.form-field.wide{grid-column:1/-1}.form-field label{font-size:13px;color:var(--muted);font-weight:700}.field-control{width:100%;font:inherit}.field-control option{background:#14202a}.error{color:#ff8e8e;font-size:12px}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.secondary{display:inline-block;color:var(--text);text-decoration:none;border:1px solid var(--line);padding:10px 14px;border-radius:10px;background:#111c26}.detail-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px;padding:21px 23px;background:linear-gradient(120deg,#172b3b,#14212c);border:1px solid #29445a;border-radius:16px}.detail-head h2{margin:5px 0;font-size:26px}.detail-head p{color:var(--muted);margin:0}.detail-head p a{color:var(--cyan)}.spaced{margin-top:16px}.meta{display:grid;gap:5px}.meta span,.money span{font-size:12px;color:var(--muted);margin-top:12px}.meta b{font-weight:600;line-height:1.5}.money{display:flex;flex-direction:column;justify-content:center}.money strong{font-size:34px;color:var(--cyan);margin:5px 0 10px}.status-bar{display:flex;gap:7px;overflow:auto;padding:2px 0 16px;scrollbar-width:thin}.status-bar form{flex:0 0 auto}.status-step{background:var(--panel);color:var(--muted);border:1px solid var(--line);font-size:12px;padding:9px 11px}.status-step.active{background:#234052;color:white;border-color:var(--cyan)}.status{white-space:nowrap}.status-inquiry{color:#a9dfff!important}.status-part_ordered{color:#ffd28a!important;background:#3a3023!important}.status-part_arrived,.status-ready{color:#9cf2cd!important;background:#1d3c32!important}.status-done{color:#aeb8c1!important;background:#26313a!important}.message-card textarea{width:100%;min-height:105px;resize:vertical;margin:15px 0;background:#0d1720;color:#eaf3f7;border:1px solid var(--line);border-radius:10px;padding:14px;font:inherit;line-height:1.5}.ai-label{font-size:10px;color:var(--cyan);font-weight:800;letter-spacing:.12em}.whatsapp{background:var(--green);color:#071c10;text-decoration:none;border-radius:10px;padding:11px 15px;font-weight:800}
@media(max-width:760px){.page-actions{align-items:stretch;flex-direction:column}.search{display:grid;grid-template-columns:1fr auto}.search select{grid-column:1/-1;grid-row:2}.form-grid{grid-template-columns:1fr}.form-field.wide{grid-column:auto}.detail-head{display:block;padding:18px}.detail-head>div:last-child{margin-top:16px}.status-bar{margin-right:-15px}.message-actions{align-items:stretch;flex-direction:column}.message-actions>*{text-align:center}.header-actions{gap:6px}.row em{font-size:10px}.search input{width:100%}}
.timeline{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.timeline>a{display:flex;gap:14px;align-items:center;background:#101b25;border:1px solid var(--line);border-radius:11px;padding:12px;color:white;text-decoration:none}.timeline time{min-width:100px;text-align:left;color:var(--cyan);font-size:12px;text-transform:capitalize}.timeline time b{display:block;font-size:14px;margin-top:3px}.timeline span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.status-rejected,.status-cancelled{color:#ffaaaa!important;background:#3b2327!important}@media(max-width:760px){.timeline{grid-template-columns:1fr}.search{display:flex;flex-direction:column}.search select{min-width:0}}
.mini-add{background:transparent;color:var(--cyan);padding:0 5px;font-size:12px}.trade-summary>a{display:flex;align-items:center;gap:34px;color:white;text-decoration:none;background:linear-gradient(110deg,#142a38,#18242f);border:1px solid #29445a;border-radius:14px;padding:15px 19px;margin-bottom:16px}.trade-summary strong{display:block;font-size:20px;margin-top:3px}.trade-summary span{color:var(--muted);font-size:12px}.trade-summary b{display:block;color:var(--cyan);margin-top:3px}.trade-summary i{margin-left:auto;color:var(--cyan);font-style:normal;font-size:22px}.trade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.trade-card{display:flex;flex-direction:column;justify-content:space-between;min-height:190px;color:white;text-decoration:none;background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:18px}.trade-card h3{font-size:19px;margin:8px 0}.trade-card p{color:var(--muted)}.trade-card dl{display:grid;grid-template-columns:1fr auto;gap:7px;border-top:1px solid var(--line);padding-top:12px;margin:0}.trade-card dt{color:var(--muted);font-size:12px}.trade-card dd{margin:0;font-weight:700}dialog{width:min(430px,92vw);background:var(--panel);color:white;border:1px solid var(--line);border-radius:16px;padding:23px}dialog::backdrop{background:#02070bb8;backdrop-filter:blur(3px)}dialog form{display:grid;gap:11px}dialog input,dialog select{width:100%;background:#0e1720;color:white;border:1px solid var(--line);border-radius:9px;padding:11px}.dialog-error{color:#ff9e9e;font-size:12px}@media(max-width:900px){.trade-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.trade-grid{grid-template-columns:1fr}.trade-summary>a{gap:18px}.trade-summary i{display:none}}
.finance-summary>a{display:flex;align-items:center;gap:34px;color:white;text-decoration:none;background:linear-gradient(110deg,#142a38,#18242f);border:1px solid #29445a;border-radius:14px;padding:15px 19px;margin-bottom:16px}.finance-summary strong{display:block;font-size:20px;margin-top:3px}.finance-summary span,.finance-summary small{display:block;color:var(--muted);font-size:12px}.finance-summary b{display:block;color:var(--cyan);margin-top:3px}.finance-summary i{margin-left:auto;color:var(--cyan);font-style:normal;font-size:22px}.finance-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.finance-cards article{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}.finance-cards span,.finance-cards small{display:block;color:var(--muted);font-size:12px}.finance-cards strong{display:block;color:var(--cyan);font-size:24px;margin:8px 0}.inline-link{color:var(--cyan);text-decoration:none;margin-left:5px}.muted-copy{color:var(--muted);line-height:1.6}@media(max-width:900px){.finance-cards{grid-template-columns:1fr 1fr}}@media(max-width:600px){.finance-summary>a{display:grid;grid-template-columns:1fr 1fr;gap:14px}.finance-summary>a>div:first-child{grid-column:1/-1}.finance-summary i{display:none}.finance-cards{grid-template-columns:1fr}}
.action-group{display:flex;gap:9px}.part-purchase{display:grid;grid-template-columns:1fr auto;align-items:center;border-top:1px solid var(--line)}.part-purchase:first-of-type{border-top:0}.part-purchase>a{display:flex;align-items:center;justify-content:space-between;gap:18px;color:white;text-decoration:none;padding:14px 4px}.part-purchase span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.part-price{text-align:right}.part-price strong{display:block;margin-bottom:6px}.part-purchase form{padding-left:12px}.receive-button{white-space:nowrap;background:#183c31;color:#9cf2cd;border:1px solid #2f6653;font-size:12px}.inventory-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.inventory-grid>a{display:flex;align-items:center;justify-content:space-between;color:white;text-decoration:none;background:#101b25;border:1px solid var(--line);border-radius:11px;padding:13px}.inventory-grid span,.inventory-grid small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.inventory-grid>a>div:last-child{text-align:center}.inventory-grid strong{font-size:22px;color:var(--cyan)}.status-ordered{color:#ffd28a!important;background:#3a3023!important}.status-shipped{color:#a9dfff!important;background:#203746!important}.status-delivered{color:#9cf2cd!important;background:#1d3c32!important}@media(max-width:760px){.action-group{display:grid;grid-template-columns:1fr 1fr}.action-group a{text-align:center}.part-purchase{grid-template-columns:1fr}.part-purchase form{padding:0 0 12px}.part-purchase form button{width:100%}.inventory-grid{grid-template-columns:1fr}}
@media(max-width:430px){.mobile-nav a{font-size:10px;padding:8px 4px}}
.timeline>a.delivery-event{background:linear-gradient(110deg,#30291a,#272318);border-color:#66542f}.timeline>a.delivery-event time{color:#ffd47b}.timeline>a.appointment-event{border-left:3px solid var(--cyan)}.action-panel{margin-bottom:16px;border-color:#6d5125;background:linear-gradient(120deg,#211d17,#171d23)}.warning-icon{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ffbd52;color:#251707;font-weight:900;margin-right:7px}.warning-icon.small{width:21px;height:21px;flex:0 0 21px;font-size:12px}.action-count{display:grid;place-items:center;min-width:25px;height:25px;border-radius:13px;background:#4a3720;color:#ffd990;font-weight:800;font-size:12px}.action-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.action-list>a{display:flex;align-items:flex-start;gap:10px;color:white;text-decoration:none;background:#161b20;border:1px solid #493b27;border-radius:11px;padding:12px}.action-list>a div{min-width:0}.action-list small,.action-list p{display:block;color:var(--muted);font-size:12px;margin:4px 0 0}.action-list p{color:#e7c78e}.action-list i{margin-left:auto;color:#ffbd52;font-style:normal}.stock-numbers{display:flex!important;gap:14px!important;text-align:center!important}.stock-numbers span{margin:0!important}.stock-numbers strong{display:block;font-size:19px}.stock-numbers span:nth-child(2) strong{color:#ffd47b}.stock-numbers small{margin-top:2px}@media(max-width:760px){.action-list{grid-template-columns:1fr}.stock-numbers{gap:9px!important}.stock-numbers strong{font-size:17px}}
.calculator-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.7fr);gap:16px}.calc-result{background:linear-gradient(145deg,#162b39,#14202a)}.calc-result>strong{display:block;color:var(--cyan);font-size:42px;margin:14px 0}.calc-result>p{color:var(--muted);line-height:1.6}.calc-result dl{display:grid;grid-template-columns:1fr auto;gap:9px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0}.calc-result dt{color:var(--muted)}.calc-result dd{margin:0;font-weight:700}.calc-result form button{width:100%;margin-top:12px}.history-average{color:var(--cyan);font-weight:800}.history-price{text-align:right}.history-price small{display:block;color:var(--muted);font-size:11px;margin-top:3px}@media(max-width:850px){.calculator-layout{grid-template-columns:1fr}.calc-result{order:-1}}@media(max-width:430px){.mobile-nav{justify-content:flex-start;overflow-x:auto}.mobile-nav a{flex:0 0 auto}}
.mobile-menu{display:none}.quick-calculator{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:end;background:linear-gradient(115deg,#172d3a,#13222d);border:1px solid #2c5268;border-radius:13px;padding:14px;margin-top:14px}.quick-price span{display:block;color:var(--muted);font-size:11px}.quick-price strong{display:block;color:var(--cyan);font-size:28px;white-space:nowrap;margin-top:4px}.quick-fields{display:grid;grid-template-columns:repeat(5,minmax(90px,1fr));gap:8px}.quick-field label{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.quick-field input{width:100%;background:#0d1720;color:white;border:1px solid var(--line);border-radius:8px;padding:9px}.quick-check{display:flex;flex-direction:column;align-items:center;text-align:center}.quick-check input{width:auto;margin-top:8px}.quick-calculator>button{white-space:nowrap}.desktop-logout{display:block}@media(max-width:760px){main{padding-bottom:28px}.mobile-nav{display:none!important}.desktop-logout{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{display:grid;place-items:center;width:42px;height:42px;list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:10px;background:#13202a;color:white;font-size:24px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;right:0;top:50px;z-index:30;width:min(280px,calc(100vw - 30px));background:#111b25;border:1px solid #345066;border-radius:13px;padding:8px;box-shadow:0 18px 45px #000a}.mobile-menu nav a{display:block;color:white;text-decoration:none;padding:12px;border-radius:8px}.mobile-menu nav a:hover{background:#1b2b37}.mobile-menu nav form{border-top:1px solid var(--line);margin-top:5px;padding-top:8px}.mobile-menu nav button{width:100%;background:#24313a;color:#d9e4ea}.quick-calculator{grid-template-columns:1fr}.quick-price{text-align:center;border-bottom:1px solid var(--line);padding-bottom:10px}.quick-price strong{font-size:38px}.quick-fields{grid-template-columns:1fr 1fr}.quick-check{grid-column:1/-1;flex-direction:row;justify-content:center;gap:8px}.quick-check input{margin:0;width:auto}.quick-calculator>button{width:100%}}
.attachment-upload{display:grid;grid-template-columns:1.35fr .7fr 1fr auto;align-items:end;gap:9px;background:#101b25;border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:12px}.attachment-upload label{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.attachment-upload input,.attachment-upload select{width:100%;background:#0d1720;color:white;border:1px solid var(--line);border-radius:8px;padding:9px}.attachment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.attachment-card{min-width:0;background:#101b25;border:1px solid var(--line);border-radius:12px;overflow:hidden}.attachment-preview{display:block;height:150px;background:#080e13}.attachment-preview img{width:100%;height:100%;object-fit:cover}.document-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;height:110px;color:var(--cyan);text-decoration:none;background:linear-gradient(145deg,#142938,#101b25)}.document-preview span{font-size:35px}.document-preview b{font-size:12px;margin-top:5px}.attachment-info{padding:11px}.attachment-info>strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-info>span{display:block;color:var(--muted);font-size:10px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-info>div{display:flex;align-items:center;gap:12px;margin-top:9px}.attachment-info a{color:var(--cyan);font-size:12px;text-decoration:none}.attachment-info form{margin-left:auto}.attachment-info form button{background:transparent;color:#ffaaaa;padding:0;font-size:11px}@media(max-width:900px){.attachment-upload{grid-template-columns:1fr 1fr}.attachment-upload>div:first-child{grid-column:1/-1}.attachment-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.attachment-upload{grid-template-columns:1fr}.attachment-upload>div:first-child{grid-column:auto}.attachment-upload button{width:100%}.attachment-grid{grid-template-columns:1fr}.attachment-preview{height:210px}}
.new-order-strip{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;background:linear-gradient(110deg,#163044,#152431);border:1px solid #2b526b;border-radius:12px;padding:10px 14px;margin-bottom:13px}.new-order-strip>span{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:var(--cyan);color:#07151d;font-size:20px}.new-order-strip i{margin-left:auto;color:var(--cyan);font-style:normal}.document-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.document-stats article{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px}.document-stats span{display:block;color:var(--muted);font-size:11px}.document-stats strong{display:block;color:var(--cyan);font-size:24px;margin-top:5px}.general-upload{grid-template-columns:1.2fr .8fr .65fr 1fr auto}.document-folders{margin-top:20px}.section-heading{margin-bottom:12px}.section-heading h2{margin:4px 0}.document-folder{background:var(--panel);border:1px solid var(--line);border-radius:13px;margin-bottom:9px;overflow:hidden}.document-folder summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;padding:14px}.document-folder summary::-webkit-details-marker{display:none}.folder-icon{font-size:28px;color:#ffd47b}.document-folder summary div{min-width:0}.document-folder summary strong,.document-folder summary small{display:block}.document-folder summary small{color:var(--muted);font-size:11px;margin-top:4px}.document-folder summary>b{margin-left:auto;color:var(--cyan);font-size:12px}.document-folder summary>i{color:var(--muted);font-style:normal}.folder-content{border-top:1px solid var(--line);padding:12px}.folder-actions{text-align:right}.folder-actions a{color:var(--cyan);text-decoration:none;font-size:12px}@media(max-width:760px){.document-stats{grid-template-columns:1fr 1fr}.document-stats article:first-child{grid-column:1/-1}.general-upload{grid-template-columns:1fr}.document-folder summary>b{display:none}}
.document-row-end{display:flex;align-items:center;gap:14px}.document-row-end>strong{color:var(--cyan);white-space:nowrap}.document-editor{max-width:1100px}.document-lines-title{margin:25px 0 10px;padding-top:20px;border-top:1px solid var(--line)}.document-line{display:grid;grid-template-columns:36px minmax(260px,1fr) 105px 140px 65px;gap:9px;align-items:end;padding:9px 0;border-bottom:1px solid var(--line)}.document-line label{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.line-position{display:grid;place-items:center;height:42px;color:var(--cyan);font-weight:800}.line-delete{text-align:center}.line-delete input{width:19px;height:19px}.line-error{grid-column:2/-1}.document-position{display:flex;justify-content:space-between;gap:20px;padding:14px 3px;border-bottom:1px solid var(--line)}.document-position span{display:block;color:var(--muted);font-size:12px;margin-top:5px}.document-position>strong{white-space:nowrap;color:var(--cyan)}.document-finalize,.document-actions{display:flex;align-items:center;justify-content:space-between;gap:18px}.document-finalize p,.document-actions p{color:var(--muted);margin:5px 0 0}.document-actions>div:last-child{display:flex;align-items:center;gap:8px}.document-actions form{display:inline-flex}.danger-button{background:#47242a;color:#ffb2b2}.status-paid{color:#9cf2cd!important;background:#1d3c32!important}.status-draft{color:#ffd28a!important;background:#3a3023!important}@media(max-width:760px){.document-row-end{flex-direction:column;align-items:flex-end;gap:5px}.document-line{grid-template-columns:30px 1fr 1fr}.document-line>div:nth-child(2){grid-column:2/-1}.line-delete{grid-column:3}.document-finalize,.document-actions{display:block}.document-finalize form{margin-top:15px}.document-finalize button{width:100%}.document-actions>div:last-child{display:grid;grid-template-columns:1fr 1fr;margin-top:15px}.document-actions>div:last-child>*{text-align:center}.document-actions form button{width:100%}}
.preview-button{background:#243947;color:#bdeaff;border:1px solid #3b6279}@media(max-width:760px){.document-editor .form-actions{display:grid;grid-template-columns:1fr}.document-editor .form-actions>*{width:100%;text-align:center}}
.add-document-line{background:#203646;color:var(--cyan);border:1px solid #31536a;font-size:12px;padding:9px 12px}.document-line .error{display:block;margin-top:5px}.document-line.document-line-removed{display:none!important}.additional-label{margin-top:9px}.line-delete{align-self:center}.line-delete input{display:none}.remove-document-line{background:#3d2529;color:#ffb4b4;border:1px solid #693840;font-size:11px;padding:9px 10px}.document-position small{display:block;color:#d6e0e6;margin-top:4px}@media(max-width:760px){.document-lines-title{align-items:flex-start;gap:12px}.add-document-line{white-space:nowrap}.line-delete{grid-column:2/-1}.remove-document-line{width:100%}}
.document-section-heading{margin-top:30px}.status-open{color:#9cf2cd!important;background:#1d3c32!important}.status-expired{color:#ffb0b0!important;background:#44262a!important}.status-accepted{color:#a9dfff!important;background:#203746!important}
@media(max-width:760px){.commercial-document-panel{overflow:hidden}.commercial-document-panel>.panel-title{display:block}.commercial-document-panel>.panel-title h3{line-height:1.35;margin-bottom:13px}.commercial-create-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.commercial-create-actions a{display:flex;align-items:center;justify-content:center;min-width:0;padding:10px 7px;border:1px solid #31536a;border-radius:9px;background:#203646;font-size:11px!important;line-height:1.25;text-align:center;overflow-wrap:anywhere}.document-editor{width:100%;max-width:100%;overflow:hidden}.document-editor .form-grid{display:grid;grid-template-columns:minmax(0,1fr)}.document-editor .form-field{min-width:0;width:100%}.document-editor input[type="date"]{display:block;min-width:0!important;max-width:100%;width:100%;font-size:16px}.document-line{grid-template-columns:30px minmax(100px,.75fr) minmax(125px,1fr);width:100%;min-width:0}.document-line>.line-description{grid-column:2/-1;min-width:0}.document-line>.line-quantity{grid-column:2;min-width:0}.document-line>.line-price{grid-column:3;min-width:0}.document-line>.line-delete{grid-column:2/-1}.line-quantity input,.line-price input{width:100%;min-width:0;font-size:16px;padding-left:10px;padding-right:6px}.line-quantity input{font-weight:800;color:#fff}}
@media(max-width:370px){.commercial-create-actions{grid-template-columns:1fr}.document-line{grid-template-columns:27px minmax(88px,.7fr) minmax(110px,1fr)}}
.document-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:min(100%,620px);margin-bottom:22px}.document-tab{min-height:48px;padding:11px 18px;background:#151f29;color:var(--muted);border:1px solid var(--line);border-radius:11px;box-shadow:0 3px 10px #0002}.document-tab:hover{color:#e7f5fb;border-color:#3c5365}.document-tab.active{background:#203646;color:#dff5ff;border-color:#4b7892;box-shadow:0 4px 15px #07131d55}.document-tab span{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:7px;padding:0 6px;border-radius:11px;background:#101923;color:var(--cyan);font-size:11px}.document-tab-panel[hidden]{display:none!important}.document-tab-heading{margin:0 2px 12px}.document-tab-heading h2{margin-bottom:4px}.document-tab-heading p{margin:0;color:var(--muted);font-size:13px}
@media(max-width:760px){.document-editor .form-field{overflow:hidden}.document-editor input[type="date"]{-webkit-appearance:none;appearance:none;inline-size:100%!important;min-inline-size:0!important;max-inline-size:100%!important;height:46px;padding:10px 12px;box-sizing:border-box}.document-editor input[type="date"]::-webkit-date-and-time-value{text-align:left;min-width:0}.document-tabs{grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);width:100%;gap:8px;margin-bottom:18px}.document-tab{min-width:0;min-height:44px;padding:10px 5px;font-size:12px;white-space:normal}.document-tab span{margin-left:4px}.document-tab-heading h2{font-size:21px}.document-tab-panel .document-list{padding-left:12px;padding-right:12px}.document-tab-panel .row{gap:10px}.document-tab-panel .row>div:first-child{min-width:0}.document-tab-panel .row span{overflow-wrap:anywhere}}
.file-filter{display:grid;grid-template-columns:minmax(230px,1.25fr) repeat(5,minmax(125px,.7fr)) auto;gap:10px;align-items:end;margin:16px 0}.file-filter label{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.file-filter input,.file-filter select{width:100%;min-width:0;background:#0d1720;color:white;border:1px solid var(--line);border-radius:9px;padding:10px}.file-filter-actions{display:flex;gap:7px}.file-filter-actions>*{white-space:nowrap}.file-view-head{margin-top:22px}.file-tabs{grid-template-columns:repeat(3,1fr);width:min(100%,760px)}.file-tab-panel[hidden]{display:none!important}.file-explorer-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.attachment-info>span+span{margin-top:3px}.attachment-info>span{overflow:hidden;text-overflow:ellipsis}.file-tab-panel>.empty{grid-column:1/-1}
@media(max-width:1100px){.file-filter{grid-template-columns:1fr 1fr 1fr}.file-filter-search{grid-column:1/-1}.file-filter-actions{align-self:end}.file-explorer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.file-filter{grid-template-columns:1fr 1fr;padding:14px}.file-filter-search{grid-column:1/-1}.file-filter-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.file-filter-actions>*{width:100%;text-align:center}.file-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.file-tabs .document-tab{font-size:10px;padding:8px 3px}.file-tabs .document-tab span{display:block;width:max-content;margin:4px auto 0}.file-explorer-grid{grid-template-columns:1fr}.file-view-head{margin-top:18px}}
.pdf-page-preview{position:relative;background:#e8eaec}.pdf-page-preview img{width:100%;height:100%;object-fit:cover;object-position:top center}.pdf-page-preview>span{position:absolute;right:7px;bottom:7px;padding:4px 7px;border-radius:6px;background:#c8343e;color:white;font-size:10px;font-weight:900;box-shadow:0 2px 7px #0005}.pdf-page-preview.preview-failed{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#142938,#101b25)}.pdf-page-preview.preview-failed>span{position:static;font-size:14px;padding:9px 13px}
.file-view-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.file-tabs{margin-bottom:0}.file-view-switch{display:flex;gap:5px;padding:4px;background:#111b25;border:1px solid var(--line);border-radius:11px}.file-view-switch button{display:flex;align-items:center;gap:6px;min-height:40px;padding:8px 11px;background:transparent;color:var(--muted);border:1px solid transparent}.file-view-switch button.active{background:#203646;color:#dff5ff;border-color:#4b7892}.file-view-switch button span{font-size:11px}.file-tab-panel{margin-top:18px}.file-card-size,.file-card-date{display:block;color:var(--muted);font-size:10px;margin-top:3px}
.view-details .attachment-grid{display:block}.view-details .attachment-card{display:grid;grid-template-columns:58px minmax(190px,1.2fr) minmax(170px,.8fr) 90px 135px minmax(90px,auto);gap:12px;align-items:center;min-height:72px;margin-bottom:5px;padding:7px 10px;overflow:visible}.view-details .attachment-preview,.view-details .document-preview{grid-column:1;height:56px;border-radius:7px;overflow:hidden}.view-details .document-preview span{font-size:22px}.view-details .document-preview b{display:none}.view-details .attachment-info{display:contents}.view-details .file-card-name{grid-column:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-details .file-card-type{grid-column:3;min-width:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.view-details .file-card-filename{display:none}.view-details .file-card-size{grid-column:4;margin:0;white-space:nowrap}.view-details .file-card-date{grid-column:5;margin:0;white-space:nowrap}.view-details .file-card-actions{grid-column:6;display:flex;justify-content:flex-end;gap:9px;margin:0}.view-details .file-card-actions form{margin-left:0}.view-details .file-card-actions form button{font-size:11px}.view-details .pdf-page-preview>span{font-size:8px;padding:2px 4px;right:3px;bottom:3px}.view-details .folder-content{overflow-x:auto}
@media(max-width:760px){.file-view-head{display:block}.file-view-switch{width:max-content;margin:10px 0 0 auto}.file-view-switch button span{display:none}.file-tab-panel{margin-top:12px}.view-details .attachment-card{grid-template-columns:52px minmax(0,1fr) auto;gap:5px 10px;min-height:82px;padding:8px}.view-details .attachment-preview,.view-details .document-preview{grid-column:1;grid-row:1/5;height:64px}.view-details .file-card-name{grid-column:2/-1}.view-details .file-card-type{grid-column:2/-1;font-size:10px}.view-details .file-card-size{grid-column:2}.view-details .file-card-date{grid-column:2;font-size:9px}.view-details .file-card-actions{grid-column:3;grid-row:3/5;align-self:end;display:block}.view-details .file-card-actions a{font-size:11px}.view-details .file-card-actions form{margin-top:4px}.view-details .folder-content{overflow:visible}}
.auth-card{width:min(520px,94vw)}.auth-card h1{font-size:26px}.auth-card h2{font-size:20px}.auth-card form p{margin-bottom:15px}.auth-card input,.auth-card select{width:100%;background:#0e1720;color:white;border:1px solid var(--line);padding:12px;border-radius:9px;margin-top:5px}.auth-card a{color:var(--cyan)}.auth-card ul{padding-left:20px;color:var(--muted)}.auth-card button{margin-top:12px}.auth-links{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:24px;padding-top:17px}.auth-links a{display:inline-block;margin:0;padding:0;color:var(--cyan)}.auth-messages p{background:#17352e;border:1px solid #28604f;color:#aaf0d5;border-radius:10px;padding:10px;margin-bottom:14px}.auth-card [role="alert"]{color:#ffaaaa}.auth-card hr{border:0;border-top:1px solid var(--line);margin:20px 0}
.brand-logo{display:block;margin:0 0 30px;text-decoration:none;letter-spacing:normal}.brand-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 5px 14px #0007)}.auth-brand{display:flex;justify-content:center;margin:0 0 28px}.auth-brand img{display:block;width:min(360px,100%);height:auto;filter:drop-shadow(0 8px 20px #0008)}.auth-card{background:linear-gradient(145deg,#192735,#131f2a);box-shadow:0 24px 80px #0008}.auth-page{background:radial-gradient(circle at 50% -10%,#28465c,#0e151d 52%)}

/* iOS zooms focused form controls whose text is smaller than 16px. */
.login-card input,
.login-card select,
.login-card textarea,
.auth-card input,
.auth-card select,
.auth-card textarea {
  font-size: 16px;
}

/* Prevent iOS Safari/PWA auto-zoom on every focused form control. */
@media (max-width: 760px) {
  input,
  select,
  textarea {
    font-size: 16px !important;
  }
}

/* v0.17 visual polish: website-inspired graphite surfaces and consistent UI. */
:root {
  --bg: #0b0e11;
  --panel: #151a1f;
  --panel2: #1b2127;
  --line: #303840;
  --cyan: #76c8e6;
  --text: #f5f7f8;
  --muted: #a1abb4;
  --surface: #10151a;
  --surface-hover: #1a2229;
  --focus: #76c8e633;
}

html { background: var(--bg); }
body { overflow-x: hidden; background: radial-gradient(circle at 72% -18%, #17232b 0, var(--bg) 34rem); }
main { min-width: 0; }
aside { background: #0f1317; box-shadow: 12px 0 34px #0003; z-index: 10; }
nav a { transition: background-color .16s ease, color .16s ease; }
nav a:hover { background: var(--surface-hover); color: var(--text); }

header {
  min-height: 68px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--line);
}
.page-heading small {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-size: 10px;
  letter-spacing: .13em;
}
.page-heading small::before {
  content: '';
  width: 18px;
  height: 2px;
  border-radius: 2px;
  background: var(--cyan);
}
.page-heading h1 { margin: 5px 0 0; letter-spacing: -.025em; }

.stats article,
.panel,
.trade-card,
.finance-cards article,
.document-stats article,
.document-folder {
  background: linear-gradient(145deg, #171d22, #13181d);
  border-color: var(--line);
  box-shadow: 0 10px 28px #0000001f;
}
.stats article { min-width: 0; }
.stats span { min-height: 17px; margin-top: 0; }
.panel-title { gap: 12px; }
.panel-title h3 { min-width: 0; line-height: 1.3; }
.panel-title a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  margin: -8px -8px -8px 0;
  padding: 8px;
  border-radius: 9px;
  white-space: nowrap;
}
.panel-title a:hover { background: var(--surface-hover); }

.button,
button,
.secondary,
.whatsapp,
.icon-button {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform .12s ease, filter .12s ease, border-color .12s ease;
}
.button:hover,
button:hover,
.secondary:hover,
.whatsapp:hover,
.icon-button:hover { filter: brightness(1.08); }
.button:active,
button:active,
.secondary:active,
.whatsapp:active,
.icon-button:active { transform: translateY(1px); }
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible {
  outline: 3px solid var(--focus);
  outline-offset: 2px;
}

.row {
  min-height: 64px;
  gap: 14px;
  transition: background-color .15s ease;
}
.row:hover { background: #ffffff05; }
.row > div:first-child { min-width: 0; }
.row b,
.row span { overflow-wrap: anywhere; }
.row em,
.row > strong,
.status { flex: 0 0 auto; align-self: center; }
.dashboard-grid { margin-top: 16px; }

.search input,
.search select,
.field-control,
.file-filter input,
.file-filter select,
.attachment-upload input,
.attachment-upload select,
dialog input,
dialog select,
.auth-card input,
.auth-card select {
  background: #0e1317;
  border-color: #35404a;
}
.search input:focus,
.search select:focus,
.field-control:focus,
.file-filter input:focus,
.file-filter select:focus,
.attachment-upload input:focus,
.attachment-upload select:focus {
  border-color: var(--cyan);
  box-shadow: 0 0 0 3px var(--focus);
}
.page-actions { flex-wrap: wrap; }
.form-actions { flex-wrap: wrap; }
.detail-head,
.new-order-strip,
.finance-summary > a,
.trade-summary > a {
  background: linear-gradient(120deg, #18242b, #12181d);
  border-color: #35434c;
}
.new-order-strip { min-height: 52px; }
.timeline > a { min-width: 0; background: var(--surface); }
.timeline > a > div { min-width: 0; }
.timeline strong,
.timeline span { overflow-wrap: anywhere; }
.mobile-menu nav { background: #10151a; }

@media (max-width: 760px) {
  main { padding: 14px 14px 34px; }
  header {
    min-height: 58px;
    margin-bottom: 16px;
    padding-bottom: 13px;
  }
  .page-heading small { display: none; }
  .page-heading h1 { margin: 0; font-size: clamp(24px, 7vw, 29px); line-height: 1.1; }
  .header-actions { flex: 0 0 auto; }
  .mobile-menu summary,
  .icon-button { width: 44px; height: 44px; min-height: 44px; }
  .mobile-menu nav a { min-height: 44px; display: flex; align-items: center; }

  .panel { padding: 15px; }
  .panel-title { align-items: center; flex-wrap: wrap; }
  .panel-title a { min-height: 44px; margin: -8px -8px -8px 0; padding: 10px 8px; }
  .stats { gap: 10px; }
  .stats article { padding: 14px 13px; }
  .stats span { font-size: 12px; line-height: 1.25; }

  .row { align-items: center; min-height: 68px; padding: 13px 2px; }
  .row em { align-self: center; font-size: 11px; line-height: 1.2; text-align: center; }
  .row span { line-height: 1.35; }
  .table { padding-left: 14px; padding-right: 14px; }

  .page-actions { gap: 10px; }
  .page-actions > .button,
  .page-actions > .secondary { width: 100%; text-align: center; }
  .page-actions .search button { min-height: 44px; }
  .action-group { min-width: 0; }
  .action-group > * { min-height: 44px; }
  .form-actions > * { min-height: 44px; }

  .detail-head { padding: 17px; }
  .detail-head h2 { font-size: 23px; line-height: 1.2; overflow-wrap: anywhere; }
  .detail-head > div:last-child { flex-wrap: wrap; }
  .detail-head > div:last-child > * { min-height: 44px; }
  .status-bar { margin-right: -14px; padding: 2px 14px 15px 0; scroll-padding-right: 14px; }
  .status-step { min-height: 42px; }

  .timeline > a { align-items: flex-start; padding: 13px; }
  .timeline time { min-width: 94px; }
  .finance-summary > a { padding: 15px; }
  .dashboard-grid { gap: 16px; margin-top: 16px; }
  .dashboard-grid > .panel { min-width: 0; }
  .quick { min-height: 50px; align-items: center; }

  .attachment-card,
  .document-folder,
  .trade-card { min-width: 0; }
  .document-folder summary { min-height: 58px; }
  .file-view-switch button { min-width: 44px; min-height: 44px; }
  .commercial-create-actions a { min-height: 44px; }

  .part-purchase > a,
  .inventory-grid > a { min-width: 0; gap: 12px; }
  .part-purchase > a > div:first-child,
  .inventory-grid > a > div:first-child { min-width: 0; }
  .part-purchase b,
  .part-purchase span,
  .inventory-grid b,
  .inventory-grid span { overflow-wrap: anywhere; }
  .part-price { flex: 0 0 auto; }
  .stock-numbers { flex: 0 0 auto; }
  .document-position { align-items: flex-start; }
  .document-position > div { min-width: 0; }
  .document-position b,
  .document-position small { overflow-wrap: anywhere; }
  .document-position > strong { flex: 0 0 auto; }
  .action-list > a { min-height: 68px; }
  .action-list > a strong,
  .action-list > a small,
  .action-list > a p { overflow-wrap: anywhere; }
  .page-head { margin-bottom: 16px; }
}

@media (max-width: 390px) {
  main { padding-left: 12px; padding-right: 12px; }
  .stats { gap: 8px; }
  .stats article { padding: 12px 11px; }
  .stats strong { font-size: 23px; }
  .timeline > a { display: grid; grid-template-columns: 82px minmax(0, 1fr); gap: 10px; }
  .timeline time { min-width: 0; }
  .row { gap: 8px; }
  .row em { max-width: 42%; white-space: normal; }
  .stock-numbers { gap: 7px !important; }
  .stock-numbers strong { font-size: 15px; }
  .stock-numbers small { font-size: 9px; }
  .document-position { gap: 10px; }
  .document-position > strong { white-space: normal; text-align: right; }
}

/* v0.18 list sorting, PDF cards and targeted iPhone overflow protection. */
.list-sort {
  display: flex;
  align-items: center;
  gap: 9px;
  width: max-content;
  max-width: 100%;
  margin: 0 0 18px;
}
.list-sort label { color: var(--muted); font-size: 12px; font-weight: 700; }
.list-sort select {
  min-height: 42px;
  min-width: 220px;
  max-width: 100%;
  padding: 9px 35px 9px 11px;
  border: 1px solid #35404a;
  border-radius: 9px;
  background: #0e1317;
  color: var(--text);
}

@media (max-width: 760px) {
  html,
  body { width: 100%; max-width: 100%; overflow-x: clip; }
  main { width: 100%; max-width: 100%; overflow-x: clip; }

  .page-actions,
  .search,
  .panel,
  .table,
  .row,
  .row > div,
  .part-purchase,
  .part-purchase > a,
  .document-list,
  .document-row-end { max-width: 100%; min-width: 0; }
  .search select { width: 100%; }
  .row > div:first-child { flex: 1 1 auto; overflow: hidden; }
  .row > div:first-child b,
  .row > div:first-child span { max-width: 100%; }
  .row em.status { max-width: 44%; white-space: normal; overflow-wrap: anywhere; }

  /* Only this inner workflow remains intentionally horizontally scrollable. */
  .status-bar { max-width: calc(100% + 14px); overflow-x: auto; overflow-y: hidden; }

  .list-sort { display: grid; grid-template-columns: 1fr auto; width: 100%; gap: 8px; }
  .list-sort label { grid-column: 1/-1; }
  .list-sort select { width: 100%; min-width: 0; }
  .list-sort button { min-height: 44px; }
}

/* v0.19 iPhone form controls and compact action polish. */
.mobile-home { display: none; }
.mobile-home svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.detail-edit-button { flex: 0 0 auto; min-width: 98px; }
.commercial-create-actions { column-gap: 12px; row-gap: 9px; }
.document-tab span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  vertical-align: middle;
}
.message-card textarea { min-height: 180px; }

.quick-check {
  align-self: stretch;
  justify-content: center;
  gap: 9px;
}
.quick-check input[type="checkbox"] {
  position: relative;
  width: 46px !important;
  min-width: 46px;
  height: 26px;
  margin: 0;
  padding: 0;
  border: 1px solid #46515b;
  border-radius: 999px;
  appearance: none;
  -webkit-appearance: none;
  background: #0d1216;
  cursor: pointer;
  transition: background-color .16s ease, border-color .16s ease;
}
.quick-check input[type="checkbox"]::after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #aeb8c0;
  box-shadow: 0 2px 5px #0008;
  transition: transform .16s ease, background-color .16s ease;
}
.quick-check input[type="checkbox"]:checked {
  border-color: var(--cyan);
  background: #244b5b;
}
.quick-check input[type="checkbox"]:checked::after {
  transform: translateX(20px);
  background: #e7f9ff;
}

@media (max-width: 760px) {
  .mobile-home { display: inline-grid; place-items: center; }
  .page-heading { min-width: 0; }
  .page-heading h1 { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

  .form-panel,
  .form-panel form,
  .form-grid,
  .form-field { width: 100%; max-width: 100%; min-width: 0; }
  .form-field { overflow: hidden; }
  .field-control { min-width: 0; max-width: 100%; }

  input[type="date"],
  input[type="datetime-local"],
  input[type="time"],
  input[type="month"],
  input[type="week"] {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    inline-size: 100% !important;
    min-inline-size: 0 !important;
    max-inline-size: 100% !important;
    height: 46px;
    padding: 10px 11px;
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
  }
  input[type="date"]::-webkit-date-and-time-value,
  input[type="datetime-local"]::-webkit-date-and-time-value,
  input[type="time"]::-webkit-date-and-time-value,
  input[type="month"]::-webkit-date-and-time-value,
  input[type="week"]::-webkit-date-and-time-value {
    min-width: 0;
    text-align: left;
  }

  .order-detail-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px; align-items: end; }
  .order-detail-head > div:first-child { min-width: 0; }
  .order-detail-head .detail-edit-button { margin: 0; min-width: 108px; min-height: 44px; padding: 10px 14px; }
  .commercial-create-actions { gap: 10px; }
  .commercial-create-actions a + a { margin-left: 0; }

  .document-tab span {
    display: inline-flex !important;
    width: auto !important;
    min-width: 24px;
    height: 24px;
    margin-top: 0;
    padding: 0 7px;
  }
  .file-tabs .document-tab span { display: flex !important; margin: 5px auto 0; }

  .message-card textarea { min-height: 230px; line-height: 1.55; }
  .quick-check { min-height: 54px; padding: 7px 0; }
  .quick-check label { margin: 0; font-size: 12px; }
}

@media (max-width: 390px) {
  .header-actions { gap: 5px; }
  .mobile-menu summary,
  .icon-button { width: 42px; height: 42px; min-height: 42px; }
  .order-detail-head { grid-template-columns: 1fr; }
  .order-detail-head .detail-edit-button { width: 100%; margin-top: 2px; }
}

/* v0.20 Ersatzteil-Navigation */
.part-purchase-actions { display: flex; align-items: center; gap: 8px; padding-left: 12px; }
.part-purchase-actions form { padding-left: 0; }
.order-jump { white-space: nowrap; font-size: 12px; padding: 9px 11px; }
.form-extra-action { margin-right: auto; }
@media (max-width: 760px) {
  .part-purchase-actions { display: grid; grid-template-columns: 1fr 1fr; padding: 0 0 12px; }
  .part-purchase-actions > * { width: 100%; text-align: center; }
  .part-purchase-actions form { padding: 0; }
  .form-extra-action { margin-right: 0; width: 100%; text-align: center; }
}

/* v0.21 Umgebungskennzeichnung */
body.test-environment::before { content:""; position:fixed; inset:0 0 auto; height:5px; background:#e98218; z-index:1000; box-shadow:0 2px 12px #e9821855; }
.environment-badge,.sidebar-environment-label,.mobile-environment-label,.test-login-label { display:inline-flex; align-items:center; justify-content:center; border:1px solid #ffad54; border-radius:999px; background:#e98218; color:#211205; font-weight:900; letter-spacing:.12em; }
.environment-badge { margin-left:9px; padding:3px 7px; font-size:9px; vertical-align:2px; }
.sidebar-environment-label { width:100%; margin:-18px 0 18px; padding:6px 9px; font-size:10px; }
.mobile-environment-label { margin:5px 12px 10px; padding:7px 10px; font-size:10px; }
.test-login-label { width:100%; margin:-14px 0 22px; padding:7px 10px; font-size:10px; }
.test-environment .page-heading small { color:#ffad54; }

/* v0.21 Sicherheitsmodul */
.security-module { width:min(650px,94vw); padding:30px; }
.security-module .auth-brand { margin-bottom:20px; }
.security-intro { display:flex; align-items:center; gap:14px; margin:0 0 25px; padding:16px; border:1px solid #345166; border-radius:14px; background:linear-gradient(120deg,#1c3343,#17242f); }
.security-intro>div { min-width:0; }
.security-intro strong,.security-intro small { display:block; }
.security-intro strong { font-size:17px; }
.security-intro small { margin-top:4px; color:var(--muted); line-height:1.4; }
.security-shield { display:grid; place-items:center; flex:0 0 46px; width:46px; height:46px; border-radius:13px; background:#203f52; color:var(--cyan); }
.security-shield svg { width:27px; height:27px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.security-module h1 { margin-bottom:8px; }
.security-module h2 { margin:22px 0 8px; padding-top:18px; border-top:1px solid var(--line); color:#edf7fb; }
.security-module p { color:var(--muted); line-height:1.55; }
.security-module>a[href*="/2fa/"],.security-module p>a[href*="/2fa/"],.security-module li>a[href*="/2fa/"] { display:inline-flex; align-items:center; justify-content:center; min-height:43px; margin:6px 7px 6px 0; padding:10px 14px; border:1px solid #3d647b; border-radius:10px; background:#203a4a; color:#dff5ff; font-weight:800; text-decoration:none; }
.security-module>a[href*="/2fa/"]:hover,.security-module p>a[href*="/2fa/"]:hover,.security-module li>a[href*="/2fa/"]:hover { border-color:var(--cyan); filter:brightness(1.08); }
.security-module form { margin:12px 0; }
.security-module form button { min-height:43px; margin:4px 7px 4px 0; }
.security-module ul { margin:12px 0; padding:12px 14px; border:1px solid var(--line); border-radius:11px; background:#101a23; list-style-position:inside; }
.security-module li { padding:7px 3px; color:#d8e2e8; }
.security-module code { display:block; margin:7px 0; padding:10px; border:1px solid var(--line); border-radius:8px; background:#0b1218; color:#bfeaff; overflow-wrap:anywhere; }
.security-module .auth-links { justify-content:flex-start; }
.security-module .auth-links a { display:inline-flex; min-height:40px; align-items:center; padding:8px 11px; border:1px solid var(--line); border-radius:9px; background:#111b24; text-decoration:none; }
@media(max-width:600px){.security-module{padding:20px 17px}.security-intro{align-items:flex-start;padding:13px}.security-shield{flex-basis:40px;width:40px;height:40px}.security-module>a[href*="/2fa/"],.security-module p>a[href*="/2fa/"],.security-module li>a[href*="/2fa/"]{display:flex;width:100%;margin:7px 0}.security-module form button{width:100%;margin:5px 0}.security-module .auth-links{display:grid;grid-template-columns:1fr}.security-module .auth-links a{justify-content:center}}

/* v0.21.3 Sicherheits-Startseite */
.security-hero{display:flex;align-items:center;gap:18px;padding:24px;background:linear-gradient(120deg,#182d3b,#141e27);border-color:#345166}.security-hero-icon{display:grid;place-items:center;flex:0 0 62px;width:62px;height:62px;border-radius:17px;background:#203f52;color:var(--cyan)}.security-hero-icon svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.security-hero h2{margin:5px 0;font-size:25px}.security-hero p{margin:0;color:var(--muted)}.security-center-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.security-center-card{display:flex;gap:16px;min-height:190px;padding:21px;border:1px solid var(--line);border-radius:15px;background:var(--panel);color:white;text-decoration:none;transition:.15s ease}.security-center-card:hover{transform:translateY(-2px);border-color:#4b7892;box-shadow:0 10px 28px #0003}.security-card-symbol{display:grid;place-items:center;flex:0 0 45px;width:45px;height:45px;border-radius:13px;background:#203646;color:var(--cyan);font-size:25px}.security-center-card>div{display:flex;min-width:0;flex-direction:column}.security-center-card small{color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:.14em}.security-center-card h3{margin:7px 0;font-size:19px}.security-center-card p{color:var(--muted);line-height:1.5}.security-center-card b{margin-top:auto;color:var(--cyan);font-size:12px}.security-note{display:flex;justify-content:space-between;gap:18px;align-items:center}.security-note span{color:var(--muted);font-size:12px;text-align:right}@media(max-width:700px){.security-hero{align-items:flex-start;padding:19px}.security-hero-icon{flex-basis:48px;width:48px;height:48px}.security-hero-icon svg{width:28px;height:28px}.security-hero h2{font-size:21px}.security-center-grid{grid-template-columns:1fr}.security-center-card{min-height:170px;padding:18px}.security-note{display:block}.security-note span{display:block;margin-top:6px;text-align:left}}