/* Approved premium portal skin. Backend IDs and workflow hooks remain unchanged. */
.prototype-history-layout .hist-table th:nth-child(4),.prototype-history-layout .hist-table td:nth-child(4),.prototype-history-layout .hist-table th:nth-child(5),.prototype-history-layout .hist-table td:nth-child(5){display:table-cell!important}
:root{
  --blue:#061f43;--blue2:#0b376c;--gold:#DFB943;--gold-light:#DFB943;
  --gold-dark:#082B5A;--bg:#e9eef5;--bg2:#fff;--bg3:#f4f7fb;
  --border:#cbd6e2;--text:#10233f;--text-dim:#627188;--radius:10px;
  --shadow:0 16px 45px rgba(10,35,67,.1)
}
@font-face{font-family:Montserrat;src:url('../fonts/Montserrat-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url('../fonts/Montserrat-Bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
html{background:var(--bg)}
body{font-family:Montserrat,'Segoe UI',Arial,sans-serif;background:radial-gradient(circle at 75% 0,rgba(30,91,151,.1),transparent 34%),var(--bg);color:var(--text)}

/* Permanent premium sidebar */
body>header{position:fixed;inset:0 auto 0 0;width:318px;height:100vh;z-index:110;background:linear-gradient(165deg,#04162f 0%,#082c59 54%,#031429 100%);border:0;border-left:6px solid var(--gold);box-shadow:18px 0 60px rgba(2,17,40,.24),inset -1px 0 rgba(255,255,255,.1)}
body>header::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.045),transparent 28%,transparent 76%,rgba(223,185,67,.035))}
.hdr{position:relative;z-index:1;max-width:none;height:100%;padding:22px 18px 22px 19px;display:grid;grid-template-columns:minmax(0,1.72fr) minmax(0,1fr);grid-template-rows:96px auto 1fr auto auto;align-items:center;gap:0 13px}
.hdr>a{display:flex;align-items:center;min-width:0}
.hdr-logo-primary{width:100%!important;height:auto!important;max-width:none!important;transform:scale(1.04);transform-origin:left center;filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 0 7px #fff) drop-shadow(0 0 18px rgba(255,255,255,.78)) drop-shadow(0 0 30px rgba(255,255,255,.36))}
.hdr-logo-anx{width:100%!important;height:auto!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;border-radius:0!important;transform:scale(1.05);transform-origin:right center;filter:brightness(1.04) saturate(1.12) contrast(1.1) drop-shadow(0 0 6px rgba(255,255,255,.68)) drop-shadow(0 0 19px rgba(75,119,207,.72))}
.hdr-divider{display:none}.hdr-text{grid-column:1/-1;align-self:start;border-top:1px solid rgba(255,255,255,.13);padding:20px 12px 0}.hdr-name{font-size:.72rem;letter-spacing:.18em;color:#b8c7d9;text-transform:uppercase}.hdr-sub{display:none}
.sidebar-support{grid-column:1/-1;align-self:end;margin-top:auto;padding:18px;border:1px solid rgba(223,185,67,.28);border-radius:8px;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.06);display:grid}.sidebar-support span{font-size:.72rem;color:#9cafc6}.sidebar-support a{color:var(--gold-light);font-size:1.15rem;font-weight:900;text-decoration:none}.sidebar-support small{color:#aebbd0}
.backend-badge{display:flex!important;align-items:center;gap:8px;color:var(--text-dim)!important;font-size:.78rem}.backend-badge .dot{width:9px;height:9px;border-radius:50%;background:#35cf86;box-shadow:0 0 0 4px rgba(53,207,134,.12),0 0 11px rgba(53,207,134,.4)}.backend-badge.fail .dot{background:#f87171}.sidebar-meta{grid-column:1/-1;grid-row:6;display:flex;gap:16px;margin:14px 8px 0}.sidebar-meta a{font-size:.72rem;color:#94a5ba;text-decoration:none}.sidebar-meta a:hover{color:#fff}

/* Sidebar navigation uses the existing tab controls */
.tabs-wrap{position:fixed;z-index:120;top:156px;left:25px;width:274px;background:transparent;border:0;box-shadow:none}
.tabs-inner{max-width:none;margin:0;padding:0;display:grid;gap:7px}
.tab-btn{width:100%;height:50px;margin:0;padding:0 15px;display:flex;align-items:center;gap:14px;border:1px solid rgba(255,255,255,.09);border-left:3px solid transparent;border-radius:7px;background:linear-gradient(90deg,rgba(255,255,255,.045),rgba(255,255,255,.015));color:#d4deea;font-size:.82rem;font-weight:700;text-align:left;box-shadow:inset 0 1px rgba(255,255,255,.035);transition:.18s}
.tab-btn svg,.portal-nav-symbol{width:25px;color:#9eb6d2;flex:0 0 25px;text-align:center;font-size:1.15rem}.tab-btn:hover{transform:translateX(2px);border-color:rgba(223,185,67,.45);background:linear-gradient(90deg,rgba(223,185,67,.12),rgba(255,255,255,.035));color:#fff}.tab-btn.active{color:#fff;border:1px solid rgba(223,185,67,.55);border-left:4px solid var(--gold-light);background:linear-gradient(100deg,rgba(223,185,67,.27),rgba(223,185,67,.06) 72%);box-shadow:inset 0 1px rgba(255,255,255,.14),0 8px 24px rgba(0,0,0,.14)}.tab-btn.active svg{color:var(--gold-light);filter:drop-shadow(0 0 7px rgba(223,185,67,.6))}

/* Main workspace */
.container{max-width:none;margin:0 0 0 318px;padding:26px 28px 64px;min-height:100vh}
.panel-hdr{margin-bottom:16px}.panel-hdr::before{content:'AUSTRIA NEXT 24';display:block;margin-bottom:5px;color:var(--gold-dark);font-size:.72rem;letter-spacing:.18em;font-weight:900}.panel-hdr h2{font-size:2.3rem;line-height:1;color:var(--blue);letter-spacing:-.035em}.panel-hdr h2 span{color:var(--blue)}.panel-hdr p{font-size:.88rem;margin-top:7px}
.card{border:1px solid var(--border);border-left:5px solid var(--gold);border-radius:12px;padding:23px;background:#fff;box-shadow:var(--shadow)}
.card-title{font-size:.71rem;letter-spacing:.12em;color:var(--blue);border:0;margin-bottom:16px;padding:0}
label{font-size:.7rem;color:#43546a;font-weight:800;letter-spacing:.03em}.section-sub{display:flex;align-items:center;gap:14px;margin:28px 0 15px;border:0;color:var(--blue);font-size:.78rem}.section-sub::after{content:"";height:2px;border-radius:999px;background:linear-gradient(90deg,var(--gold),rgba(223,185,67,.08));flex:1}.section-sub.first-section{margin-top:0}
input,select{min-height:43px;padding:0 12px;border:1px solid var(--border);border-radius:6px;background:#fbfcfe;color:var(--text);font-family:inherit}input:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(223,185,67,.14)}
.grid-2,.grid-3,.order-grid{gap:12px}.pickup-time-grid{gap:12px}

/* Calculator: compact full form + live result */
#panel-rechner{display:grid;grid-template-columns:minmax(590px,1.55fr) minmax(300px,.65fr);gap:18px;align-items:start;max-width:1460px;margin:auto}#panel-rechner>.panel-hdr{grid-column:1/-1;margin-bottom:0}#rechner-form{grid-column:1}#rechner-result{grid-column:2;position:sticky;top:26px;border-left-width:1px;padding:0 20px 18px;overflow:hidden}#panel-rechner:has(#rechner-result[style*="display: none"]) #rechner-form{grid-column:1/-1;max-width:980px}
#rechner-form{padding:17px 22px 15px}#rechner-form .grid-3,#rechner-form .grid-2{gap:10px}#rechner-form input,#rechner-form select{min-height:41px}#rechner-form .btn-primary{min-height:44px;margin-top:13px}
.calculator-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.calculator-heading::before{display:none}.calculator-heading>div{min-width:0}.calculator-eyebrow{display:block;margin-bottom:7px;color:var(--gold);font-size:.78rem;font-weight:900;letter-spacing:.18em}.calculator-signup{min-width:158px;min-height:46px;padding:0 22px;flex:0 0 auto}
.calculator-section-title{display:flex;align-items:center;gap:10px;margin:2px 0 10px}.calculator-section-title:not(:first-of-type){margin-top:14px}.calculator-section-title>span{display:grid;width:29px;height:29px;flex:0 0 29px;place-items:center;border-radius:50%;background:var(--blue);color:var(--gold);font-size:.69rem;font-weight:900;box-shadow:0 0 0 2px rgba(223,185,67,.25)}.calculator-section-title>div{display:grid}.calculator-section-title strong{color:var(--text);font-size:1rem}.calculator-section-title small{color:var(--text-dim);font-size:.72rem;font-weight:500}.calculator-grid+.calculator-grid{margin-top:9px}
.calculator-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.calculator-option-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:53px;padding:8px 11px;border:1px solid var(--border);border-radius:7px;background:#f9fbfe;text-transform:none;letter-spacing:0;cursor:pointer}.calculator-option-card input[type=checkbox]{appearance:none!important;display:block!important;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;margin:0!important;padding:0!important;border:2px solid #708197!important;border-radius:4px!important;background-color:#fff!important;background-position:center!important;background-repeat:no-repeat!important;background-size:16px 16px!important;opacity:1!important}.calculator-option-card input[type=checkbox]:checked{border-color:var(--gold)!important;background-color:var(--gold)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23061f43' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' d='M5 12l4 4L19 6'/%3E%3C/svg%3E")!important;box-shadow:0 0 0 3px rgba(223,185,67,.18)}.calculator-option-card input[type=checkbox]:focus-visible{outline:3px solid rgba(11,55,108,.3);outline-offset:2px}.calculator-option-card span{display:grid}.calculator-option-card strong{color:var(--text);font-size:.78rem}.calculator-option-card small{color:var(--text-dim);font-size:.68rem;font-weight:500}.calculator-option-card em{color:#35618e;font-size:.7rem;font-style:normal}.calculator-insurance-field{margin-top:9px}.calculator-time-field{margin-top:9px}
.result-header{margin:0 -20px 17px;padding:22px 24px;border-radius:0;background:linear-gradient(145deg,#061f43,#0b376c);border-bottom:3px solid var(--gold)}.result-price{font-size:2.65rem}.info-grid{gap:9px;margin-bottom:14px}.info-item{padding:10px 12px;border:1px solid #e1e7ef;background:#f7f9fc}.price-rows{margin-bottom:14px}.price-row{padding:9px 12px}.note-box{margin-bottom:13px}.cta-row{display:grid;gap:8px}.cta-row>*{width:100%;text-align:center;text-decoration:none}.booking-help{display:none}

/* Premium controls */
.btn-primary,.btn-gold{border:1px solid #c99100;border-radius:6px;background:linear-gradient(180deg,#f7d865 0%,#e9b82b 48%,#dca510 100%);color:var(--blue);font-family:inherit;font-weight:900;box-shadow:inset 0 1px rgba(255,255,255,.9),inset 0 -1px rgba(122,82,0,.18),0 7px 17px rgba(190,137,0,.24);text-shadow:0 1px rgba(255,255,255,.45)}.btn-primary:hover,.btn-gold:hover{background:linear-gradient(180deg,#ffe582,#efbf31 52%,#dfa60c);box-shadow:inset 0 1px #fff,0 9px 22px rgba(190,137,0,.32)}
.btn-secondary,.btn-logout,.hbtn{border:1px solid #9baabd;border-radius:6px;background:linear-gradient(180deg,#fff,#eef2f7);color:var(--blue);font-family:inherit;font-weight:700;box-shadow:inset 0 1px #fff,0 5px 13px rgba(15,39,71,.09)}.btn-secondary:hover,.btn-logout:hover,.hbtn:hover{border-color:var(--gold-dark);color:var(--blue)}

/* Login, orders, history, address book and documents */
#panel-auftrag,#panel-history{max-width:1280px;margin:auto}.kunde-badge{padding:15px 18px;border:1px solid #a8d9c1;border-left:5px solid #2dbd78;border-radius:9px;background:#effaf5}.portal-tabs{gap:8px;border:0;margin:0 0 13px}.ptab{min-height:45px;padding:0 18px;border:1px solid var(--border);border-radius:7px;background:linear-gradient(180deg,#fff,#eef2f7);font-family:inherit;font-weight:800}.ptab.active{color:var(--blue);border-color:var(--gold);border-bottom:3px solid var(--gold);background:#fff}
#login-card{max-width:720px;margin:30px auto;border-left-color:var(--blue);padding:28px 30px}.order-live-summary{border-radius:9px;background:linear-gradient(145deg,#061f43,#0b376c);border-bottom:4px solid var(--gold);box-shadow:0 14px 34px rgba(4,26,55,.15)}.order-live-summary-label{color:#a8bad1}.order-live-summary-value{color:#fff}.address-book-tools{border:1px solid var(--border);border-left:5px solid var(--gold);border-radius:9px;background:#f7f9fc}.svs-box,.agb-row{border-radius:8px;background:#f7f9fc}.pal-row{padding:12px;border:1px solid #d9e1eb;border-radius:8px;background:#fafbfd}
.history-filters{padding:14px;border:1px solid var(--border);border-left:4px solid var(--gold);border-radius:8px;background:#f7f9fc}.hist-table{overflow:hidden;border-radius:8px}.hist-table th{background:#edf2f7;color:#5d6e84}.hist-table td{padding:13px 10px}.hist-detail-row td{background:#f7f9fc!important}.success-box{border-left:5px solid #2dbd78;border-radius:10px}
.modal-overlay{backdrop-filter:blur(4px)}.modal-box{border:1px solid var(--border);border-top:4px solid var(--gold);border-radius:12px;box-shadow:0 24px 70px rgba(3,22,48,.28)}
body>footer{margin-left:318px;background:var(--blue);border-top:3px solid var(--gold)}

/* Consistent NEXT 24 gold wordmark treatment */
.panel-hdr::before,.result-prod,#ols-product,.card-title{font-weight:900}.panel-hdr::before,.result-prod{color:var(--gold-dark)}

@media(max-width:1180px){#panel-rechner{grid-template-columns:1fr}#panel-rechner>.panel-hdr,#rechner-form,#rechner-result{grid-column:1}#rechner-result{position:static}.pal-row{grid-template-columns:repeat(4,minmax(90px,1fr))}}
@media(max-width:900px){body>header{position:relative;width:100%;height:auto;min-height:116px;border-left:0;border-bottom:4px solid var(--gold)}.hdr{height:auto;min-height:112px;padding:12px 16px;grid-template-columns:190px 96px 1fr;grid-template-rows:auto;gap:12px}.hdr-logo-primary,.hdr-logo-anx{transform:none}.hdr-text,.sidebar-support,.hdr .backend-badge,.sidebar-meta{display:none!important}.tabs-wrap{position:sticky;top:0;left:0;width:100%;padding:7px 8px;background:var(--blue);box-shadow:0 8px 20px rgba(3,22,48,.2)}.tabs-inner{display:flex;overflow-x:auto;gap:6px}.tab-btn{min-width:165px;height:45px}.container{margin-left:0;padding:22px 16px 48px}body>footer{margin-left:0}.address-book-row,.history-filters{grid-template-columns:1fr 1fr}.order-live-summary{position:static;grid-template-columns:1fr 1fr}}
@media(max-width:620px){.hdr{grid-template-columns:minmax(160px,1.7fr) minmax(84px,1fr)}.panel-hdr h2{font-size:2rem}.calculator-heading{align-items:stretch;display:grid}.calculator-signup{width:100%}.calculator-option-grid{grid-template-columns:1fr}.calculator-option-card em{grid-column:2}.card,#login-card{padding:18px 14px}.grid-2,.grid-3,.order-grid,.order-grid.triple,.pickup-time-grid,.address-book-row,.history-filters,.order-live-summary{grid-template-columns:1fr}.span2{grid-column:1}.pal-row{grid-template-columns:1fr 1fr}.portal-tabs{display:grid;grid-template-columns:1fr 1fr}.modal-box{padding:20px 16px}.btn-primary,input,select,button{min-height:44px}}

/* Complete premium portal views – order, history, address book, documents and dialogs */
.portal-utility-bar{height:70px;margin-left:318px;padding:0 30px;display:flex;align-items:center;justify-content:flex-end;gap:24px;background:#fff;border-bottom:1px solid #d8e0eb;box-shadow:0 5px 20px rgba(6,31,66,.06)}
.portal-utility-kicker{margin-right:auto}
.portal-utility-kicker{font-size:11px;letter-spacing:.16em;font-weight:900;color:#8290a3}.portal-login-quick{min-width:180px;min-height:46px;padding:0 24px;border:1px solid #9eb0c6;border-radius:7px;background:linear-gradient(180deg,#fff,#edf2f8);color:var(--blue);font:800 15px/1 var(--font);box-shadow:0 8px 22px rgba(8,38,78,.09)}
#panel-addresses,#panel-documents{max-width:1280px;margin:0 auto}.premium-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:24px;padding:4px 0 18px;border-bottom:1px solid #dbe3ed}.premium-eyebrow{display:block;margin-bottom:8px;color:var(--gold-dark);font-size:11px;font-weight:900;letter-spacing:.16em}.premium-page-heading h2{margin:0;color:var(--blue);font-size:clamp(30px,3vw,44px);line-height:1}.premium-page-heading p{margin:9px 0 0;color:var(--text-dim);font-size:15px}
.premium-login-gate{max-width:720px;margin:50px auto;padding:48px 34px;text-align:center;border:1px solid #d7e0eb;border-left:6px solid var(--gold);border-radius:12px;background:#fff;box-shadow:0 18px 45px rgba(6,31,66,.10)}.premium-gate-icon{display:grid;width:64px;height:64px;margin:0 auto 18px;place-items:center;border-radius:50%;background:var(--blue);color:var(--gold);font-size:30px}.premium-login-gate h3{margin:0 0 10px;color:var(--blue);font-size:24px}.premium-login-gate p{max-width:560px;margin:0 auto 24px;color:var(--text-dim)}
.premium-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px;padding:16px;border:1px solid #d7e0eb;border-left:5px solid var(--gold);border-radius:10px;background:#fff;box-shadow:0 10px 28px rgba(6,31,66,.07)}.premium-toolbar label{flex:1}.premium-toolbar input{width:100%}.premium-filter-group{display:flex;gap:7px}.premium-filter-group button{min-height:42px;padding:0 18px;border:1px solid #cad5e2;border-radius:7px;background:#f5f7fa;color:var(--blue);font-weight:800}.premium-filter-group button.active{border-color:var(--gold);background:var(--blue);color:#fff;box-shadow:inset 4px 0 var(--gold)}
.premium-address-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.premium-address-card{position:relative;overflow:hidden;padding:22px;border:1px solid #d6dfeb;border-radius:11px;background:#fff;box-shadow:0 13px 34px rgba(6,31,66,.08)}.premium-address-card::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--gold)}.premium-address-card header{display:flex;justify-content:space-between;margin-bottom:15px}.premium-address-card header span{color:var(--gold-dark);font-size:10px;font-weight:900;letter-spacing:.12em}.premium-address-card h3{margin:0 0 10px;color:var(--blue);font-size:20px}.premium-address-card p{min-height:82px;margin:0;color:#56667b;line-height:1.55}.premium-address-card dl{display:grid;gap:7px;margin:16px 0;padding-top:14px;border-top:1px solid #e4e9f0}.premium-address-card dl div{display:grid;grid-template-columns:75px 1fr;gap:8px}.premium-address-card dt{color:#8491a2;font-size:12px}.premium-address-card dd{margin:0;color:var(--blue);font-size:12px;font-weight:700}.premium-address-card footer{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.premium-empty{grid-column:1/-1;padding:42px;text-align:center;border:1px dashed #b8c5d5;border-radius:10px;background:#fff;color:var(--text-dim)}
.premium-status-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.premium-status-cards article{position:relative;overflow:hidden;padding:19px 22px;border:1px solid #d7e0eb;border-radius:10px;background:#fff;box-shadow:0 10px 25px rgba(6,31,66,.07)}.premium-status-cards article::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--gold)}.premium-status-cards span{display:block;color:#8190a3;font-size:10px;font-weight:900;letter-spacing:.13em}.premium-status-cards strong{display:block;margin:5px 0;color:var(--blue);font-size:31px}.premium-status-cards small{color:var(--text-dim)}
.premium-data-panel{overflow:hidden;border:1px solid #d7e0eb;border-radius:11px;background:#fff;box-shadow:0 15px 38px rgba(6,31,66,.08)}.premium-data-panel>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;border-bottom:1px solid #dfe6ee;background:#f7f9fc}.premium-data-panel>header b,.premium-data-panel>header small{display:block}.premium-data-panel>header b{color:var(--blue);font-size:16px}.premium-data-panel>header small{margin-top:3px;color:var(--text-dim)}.premium-data-panel>header input{max-width:360px}.premium-loading{padding:38px;text-align:center;color:var(--text-dim)}.premium-document-list article{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:15px 20px;border-bottom:1px solid #e4e9f0}.premium-document-list article:last-child{border-bottom:0}.premium-document-list b,.premium-document-list small{display:block}.premium-document-list b{color:var(--blue)}.premium-document-list small{margin-top:4px;color:var(--text-dim)}.premium-doc-icon{display:grid;width:43px;height:43px;place-items:center;border-radius:8px;background:var(--blue);color:#fff;font-size:10px;font-weight:900}.premium-doc-status{padding:5px 9px;border-radius:999px;background:#e9f8f1;color:#18754b;font-size:9px;font-weight:900;letter-spacing:.08em}
.premium-editor-overlay{display:none;z-index:10000;padding:24px;background:rgba(3,22,48,.68);backdrop-filter:blur(8px)}.portal-modal-open{overflow:hidden}.premium-editor-box{position:relative;width:min(760px,96vw);max-height:92vh;overflow:auto;padding:30px}.premium-signup-box{width:min(880px,96vw)}.premium-modal-close{position:absolute;top:14px;right:14px;width:42px;height:42px;border:1px solid #cad5e2;border-radius:50%;background:#fff;color:var(--blue);font-size:25px}.premium-editor-box h3{margin:0 0 20px;color:var(--blue);font-size:28px}.premium-editor-grid{gap:14px;margin-top:14px}.premium-editor-actions,.premium-wizard-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px;padding-top:18px;border-top:1px solid #dfe6ee}.premium-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 20px}.premium-progress span{padding:12px 8px;text-align:center;border:1px solid #d4deea;border-radius:7px;background:#f4f7fb;color:#758399;font-size:11px;font-weight:800}.premium-progress span.active{border-color:var(--gold);background:var(--blue);color:#fff;box-shadow:inset 4px 0 var(--gold)}.signup-step{display:none}.signup-step.active{display:block}.signup-step>p{color:var(--text-dim)}.premium-check-card{display:flex;align-items:flex-start;gap:12px;margin-top:16px;padding:15px;border:1px solid #d8e1ec;border-radius:8px;background:#f6f8fb;text-transform:none;letter-spacing:0}.premium-check-card input{flex:0 0 auto;width:20px!important;height:20px!important;min-height:20px!important;margin-top:2px}.premium-check-card b,.premium-check-card small{display:block}.premium-check-card small{margin-top:4px;color:var(--text-dim)}.premium-activation-box{padding:20px;border-left:5px solid var(--gold);border-radius:8px;background:linear-gradient(145deg,#061f43,#0b376c);color:#fff}.premium-activation-box strong{color:var(--gold);font-size:20px}.premium-activation-box p{margin-bottom:0;color:#d9e5f2}.signup-interface-note{padding:12px;border-radius:7px;background:#fff8dc;color:#6a5208!important}.signup-ready{border-color:#c59a1f!important;background:#fff8dc!important;color:#5c4704!important}
.premium-order-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:0 0 18px}.premium-order-progress button{min-height:48px;padding:0 12px;border:1px solid #d1dbe7;border-radius:7px;background:#f3f6fa;color:#718096;font-weight:800}.premium-order-progress button.active{border-color:var(--gold);background:var(--blue);color:#fff;box-shadow:inset 5px 0 var(--gold)}.premium-order-step{display:none}.premium-order-step.active{display:block}.premium-order-step>.section-sub:first-child{margin-top:0!important}.premium-order-wizard-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px;padding-top:17px;border-top:1px solid #dfe6ee}.premium-order-wizard-actions .btn-gold,.premium-order-wizard-actions .btn-ghost{min-width:180px}
.premium-login-signup{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:18px;padding-top:14px;border-top:1px solid #e0e6ee;color:var(--text-dim);font-size:13px}.premium-login-signup .link-btn{font-weight:900;color:var(--blue)}
.premium-login-close{display:none;position:absolute;top:14px;right:14px;width:40px;height:40px;border:1px solid #cad5e2;border-radius:50%;background:#fff;color:var(--blue);font-size:24px}.portal-login-modal::before{content:"";position:fixed;inset:0;z-index:9998;background:rgba(3,22,48,.7);backdrop-filter:blur(7px)}#login-card.transfer-login-modal{display:block!important;position:fixed;z-index:9999;left:50%;top:50%;width:min(720px,calc(100vw - 32px));max-height:90vh;margin:0;overflow:auto;transform:translate(-50%,-50%);border-top:4px solid var(--gold);box-shadow:0 28px 80px rgba(0,0,0,.38)}#login-card.transfer-login-modal .premium-login-close{display:block}
#panel-history .card,#ptab-panel-new>.card{border-left:5px solid var(--gold);box-shadow:0 16px 42px rgba(6,31,66,.09)}#panel-history .panel-hdr,#panel-auftrag .panel-hdr{padding-bottom:17px;border-bottom:1px solid #dbe3ed}.hist-table th{background:var(--blue);color:#fff}.hist-table tbody tr.hist-order-row:hover td{background:#fff9e8}.hbtn{min-height:38px}.hbtn.storno{color:#9e2432;border-color:#e0b4ba}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1100px){.premium-address-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.portal-utility-bar{height:58px;margin-left:0;padding:0 16px}.portal-utility-kicker{display:none}.premium-page-heading{align-items:flex-start}.premium-address-grid{grid-template-columns:1fr}.premium-document-list article{grid-template-columns:44px minmax(0,1fr) auto}.premium-document-list .premium-doc-status{display:none}}
@media(max-width:620px){.portal-login-quick{width:100%;min-width:0}.premium-page-heading{display:grid}.premium-page-heading .btn-gold{width:100%}.premium-toolbar{display:grid}.premium-filter-group{overflow-x:auto}.premium-status-cards{grid-template-columns:1fr}.premium-document-list article{grid-template-columns:40px 1fr}.premium-document-list article>.btn-ghost{grid-column:1/-1;width:100%}.premium-progress,.premium-order-progress{grid-template-columns:1fr 1fr}.premium-wizard-actions,.premium-order-wizard-actions{display:grid;grid-template-columns:1fr 1fr}.premium-wizard-actions span,.premium-order-wizard-actions span{grid-column:1/-1;grid-row:1;text-align:center}.premium-editor-box{padding:24px 16px}.premium-address-card footer{grid-template-columns:1fr}}
@media(max-width:560px){.portal-utility-bar .backend-badge{display:none!important}}

/* Exact visual reference: peherstorfer-premium-prototype/portal.html */
body{font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif}
body>header{width:380px}
.hdr{padding:25px 20px 22px;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);grid-template-rows:132px auto 1fr auto auto auto;gap:0 12px}
.hdr-text{padding:22px 8px 0}.hdr-name{font-size:.78rem;color:#b9c7d8}
.sidebar-support{padding:20px 18px}.hdr .backend-badge{grid-column:1/-1;align-self:end;margin:15px 8px 0;padding-top:15px;border-top:1px solid rgba(255,255,255,.12);color:#c7d3e2!important;font-weight:800}
.sidebar-meta{grid-row:auto;margin-top:13px}
.tabs-wrap{top:207px;left:29px;width:340px}.tabs-inner{gap:9px}.tab-btn{height:62px;padding:0 18px;font-size:1rem;border-radius:8px}.tab-btn svg,.portal-nav-symbol{width:28px;flex-basis:28px}
.container{margin-left:380px;padding:22px 36px 70px}
.portal-utility-bar{display:none!important}
#panel-rechner{grid-template-columns:minmax(650px,1.65fr) minmax(310px,.65fr);gap:22px;max-width:1400px}
#panel-rechner>.panel-hdr{padding:0 0 2px}.panel-hdr::before{margin-bottom:7px;color:var(--gold);font-size:.78rem}.panel-hdr h2{font-size:3rem}.panel-hdr p{font-size:1rem;color:#5f718a}
.portal-login-quick{min-width:218px;min-height:62px;border-color:rgba(223,185,67,.85);background:linear-gradient(180deg,#123e72,#062753);color:#fff;font-size:1.05rem;box-shadow:0 10px 25px rgba(3,23,52,.2)}.portal-login-quick span{margin-right:8px;color:var(--gold)}
#rechner-form{padding:23px 28px 18px}.calculator-section-title{margin-bottom:13px}.calculator-section-title:not(:first-of-type){margin-top:18px}.calculator-section-title>span{width:38px;height:38px;flex-basis:38px;font-size:.78rem}.calculator-section-title strong{font-size:1.08rem}.calculator-section-title small{font-size:.78rem}
#rechner-form input,#rechner-form select{min-height:47px;font-weight:700}.calculator-option-card{min-height:62px}.calculator-time-field{margin-top:13px}#rechner-form .btn-primary{min-height:53px;font-size:1.05rem}
#rechner-result{top:22px;padding:0 24px 20px;border-left-width:1px}.result-header{display:grid;margin:0 -24px;padding:30px;border-bottom:3px solid var(--gold)}.result-header>div{text-align:left!important}.result-header>div:nth-child(2) .result-label{display:none}.result-label{font-size:.72rem;letter-spacing:.13em}.result-price{font-size:3.15rem;margin:8px 0}.result-prod{font-size:1.05rem;color:var(--gold)!important;text-align:left}
.prototype-availability{display:flex;align-items:center;gap:13px;margin:0 -24px 8px;padding:20px 24px;background:#effaf5;border-bottom:1px solid #cfeadd}.prototype-availability .dot{width:11px;height:11px;border-radius:50%;background:#2dbd78;box-shadow:0 0 0 5px rgba(45,189,120,.12)}.prototype-availability div{display:grid}.prototype-availability strong{font-size:1rem}.prototype-availability small{color:#567265;font-size:.83rem}
#rechner-result .info-grid,#rechner-result .note-box{display:none}.price-rows{margin:4px 0 12px}.price-row{padding:14px 2px;background:transparent;border-bottom:1px solid #dbe3ed}.price-row.total{font-size:1.06rem}.cta-row{gap:10px}.cta-row>*{min-height:58px;font-size:1rem}.cta-row .btn-ghost{display:none}
body>footer{margin-left:380px}

@media(max-width:1180px){#panel-rechner{grid-template-columns:1fr}#rechner-result{position:relative;top:0}}
@media(max-width:900px){body>header{width:100%}.container{margin-left:0;padding:22px 16px 48px}.tabs-wrap{top:0;left:0;width:100%}.hdr .backend-badge{display:none!important}body>footer{margin-left:0}}
@media(max-width:620px){.panel-hdr h2{font-size:2.35rem}.portal-login-quick{width:100%;min-width:0;min-height:52px}#rechner-form{padding:18px 14px}.calculator-section-title>span{width:34px;height:34px;flex-basis:34px}}

/* Exact order and history workspaces */
#panel-auftrag,#panel-history{max-width:1400px}.prototype-order-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}.prototype-order-layout>.card{min-width:0;padding:0;overflow:hidden}.prototype-order-layout>.card>.card-title{display:block;padding:22px 24px 0}.premium-order-progress{gap:0;margin:18px 0 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#f5f8fc}.premium-order-progress button{border:0;border-radius:0;border-bottom:3px solid transparent;background:transparent}.premium-order-progress button.active{border-color:var(--gold);background:#fff;color:var(--blue);box-shadow:none}.premium-order-step{padding:22px 24px 18px}.premium-order-wizard-actions{margin:0;padding:15px 22px;background:#f5f8fc}.prototype-order-price{padding:28px 24px;border-radius:12px;border-bottom:4px solid var(--gold);background:linear-gradient(145deg,#061f43,#0b376c);color:#fff;box-shadow:0 16px 40px rgba(8,31,60,.18)}.prototype-order-price>span{font-size:.68rem;letter-spacing:.13em;color:#a8bad1;font-weight:850}.prototype-order-price>strong{display:block;margin:10px 0;font-size:2.65rem;line-height:1.08}.prototype-order-price>b{color:var(--gold);font-size:1.05rem}.prototype-order-price ul{list-style:none;margin:20px 0;padding:18px 0;border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);display:grid;gap:10px}.prototype-order-price li::before{content:'✓';margin-right:9px;color:var(--gold)}.prototype-order-price>div{display:grid}.prototype-order-price small{color:#9fb1c8}.prototype-order-price a{color:var(--gold);font-size:1.1rem;font-weight:900;text-decoration:none}
.prototype-history-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.65fr);gap:18px;align-items:start}.prototype-history-layout>.card{min-width:0;padding:0;overflow:hidden;border-left-width:1px}.prototype-history-layout>.card>div:first-child{padding:18px 20px 10px}.prototype-history-layout .history-filters{margin:0 18px 15px}.prototype-history-layout #hist2-content{overflow:auto}.prototype-history-detail{overflow:hidden;border:1px solid #c8d3e0;border-radius:12px;background:#fff;box-shadow:0 15px 40px rgba(9,35,67,.08)}.prototype-detail-head{padding:22px;background:linear-gradient(145deg,#061f43,#0b376c);color:#fff;border-bottom:3px solid var(--gold)}.prototype-detail-head>span{font-size:.66rem;letter-spacing:.13em;color:#aabbd0}.prototype-detail-head h3{margin:7px 0;font-size:1.65rem}.prototype-detail-head>b{display:inline-flex;padding:5px 9px;border-radius:999px;background:#e7f4ff;color:#0c5e93;font-size:.7rem}.prototype-detail-empty{padding:35px 22px;color:var(--text-dim)}.prototype-detail-route{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:18px;border-bottom:1px solid var(--border)}.prototype-detail-route div{display:grid}.prototype-detail-route small{font-size:.6rem;color:var(--text-dim);font-weight:850}.prototype-detail-route span{font-size:.72rem;color:#788598}.prototype-detail-route em{font-style:normal;color:var(--gold);font-size:1.2rem}.prototype-timeline{list-style:none;margin:0;padding:20px;display:grid;gap:17px}.prototype-timeline li{position:relative;display:grid;padding-left:24px}.prototype-timeline li::before{content:'';position:absolute;left:0;top:4px;width:11px;height:11px;border:2px solid #b9c5d3;border-radius:50%;background:#fff}.prototype-timeline li.done::before{border-color:#2dbd78;background:#2dbd78}.prototype-timeline li.current::before{border-color:var(--gold);box-shadow:0 0 0 4px rgba(223,185,67,.17)}.prototype-timeline small{color:var(--text-dim)}.prototype-detail-actions{display:flex;gap:9px;padding:0 18px 18px}.prototype-detail-actions>*{flex:1}
.prototype-order-price{position:sticky;top:22px}
@media(max-width:1180px){.prototype-order-layout,.prototype-history-layout{grid-template-columns:1fr}.prototype-order-price{position:static;display:grid;grid-template-columns:1fr auto}.prototype-order-price ul,.prototype-order-price>div{grid-column:1/-1}}
@media(max-width:1435px){#panel-rechner{grid-template-columns:1fr}#panel-rechner>.panel-hdr,#rechner-form,#rechner-result{grid-column:1}#rechner-result{position:relative;top:0}}
@media(max-width:620px){.prototype-order-price{display:block}.premium-order-step{padding:17px 14px}.premium-order-wizard-actions{padding:12px 14px}.prototype-detail-route{grid-template-columns:1fr}.prototype-detail-route em{transform:rotate(90deg)}}

/* Reference port: authenticated subpages */
#panel-auftrag,#panel-history,#panel-addresses,#panel-documents{max-width:1400px;margin:0 auto}
.order-page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 17px;padding:0;border:0}.order-page-heading::before{display:none}.order-page-heading .premium-eyebrow{margin-bottom:7px;color:var(--gold);font-size:.78rem}.order-page-heading h2{margin:0;font-size:3rem}.order-page-heading p{margin:7px 0 0}.order-heading-actions{display:flex;align-items:center;gap:9px}.transfer-badge{padding:11px 14px;border:1px solid #a8d9c1;border-radius:7px;background:#effaf5;color:#187449;font-size:.8rem;font-weight:850}.order-heading-actions .btn-logout{min-height:43px;padding:0 14px}
.order-customer-meta{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;border:0!important}
#panel-auftrag>.booking-help,#order-area>.portal-tabs{display:none!important}.prototype-order-layout>.order-wizard>.card-title{display:none}.prototype-order-layout>.order-wizard{padding:0}.prototype-order-layout .premium-order-progress{margin:0}.prototype-order-layout .premium-order-step{padding:24px 28px 18px}
.prototype-transport-title{display:flex;align-items:center;gap:12px;margin:0 0 17px}.prototype-transport-title>span{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:50%;background:var(--blue);color:var(--gold);font-size:.78rem;font-weight:900;box-shadow:0 0 0 2px rgba(223,185,67,.28)}.prototype-transport-title>div{display:grid;gap:2px}.prototype-transport-title b{color:var(--blue);font-size:1.05rem}.prototype-transport-title small{color:var(--text-dim);font-size:.76rem}.prototype-transport-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.prototype-transport-grid label,.prototype-transport-time{position:relative;display:grid;gap:5px;font-size:.72rem;font-weight:800;color:#425269}.prototype-transport-grid input,.prototype-transport-time input{width:100%;min-height:46px;padding:0 13px;border:1px solid var(--border);border-radius:7px;background:#fbfcfe;color:var(--text);font-weight:750}.prototype-transport-grid input[readonly],.prototype-transport-time input[readonly]{background:#f5f8fc}.prototype-input-note{position:absolute;right:13px;bottom:14px;color:#65758a;font-size:.68rem}.prototype-transport-time{margin-top:13px}.prototype-transport-bottom{grid-template-columns:1fr 1fr;margin-top:13px}.prototype-advanced-load{margin-top:14px;border-top:1px solid var(--border)}.prototype-advanced-load>summary{padding:12px 2px;color:#28527f;font-size:.72rem;font-weight:850;cursor:pointer}.prototype-advanced-load[open]{padding-top:5px}.prototype-advanced-load[open]>summary{margin-bottom:10px}.prototype-advanced-load .section-sub{margin-top:14px}.premium-order-wizard-actions>span{color:var(--text-dim);font-size:.78rem}.hist-table td small{display:block;margin-top:3px;color:var(--text-dim)}
.prototype-pallet-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-top:13px}.prototype-pallet-grid label{position:relative;display:grid;gap:5px;min-width:0;color:#425269;font-size:.72rem;font-weight:800;text-align:left}.prototype-pallet-grid input{width:100%;min-width:0;min-height:46px;padding:0 13px;border:1px solid var(--border);border-radius:7px;background:#fbfcfe;color:var(--text);font-weight:750;text-align:center}
#panel-history .premium-page-heading{margin-bottom:18px;padding:0;border:0}#panel-history .premium-page-heading h2{font-size:3rem}.prototype-history-layout>.data-panel>div:first-child{padding:18px 20px}.prototype-history-layout .hist-table th{background:#f5f8fb;color:#748196}.prototype-history-layout .hist-table td{font-size:.78rem}
#panel-addresses .premium-page-heading,#panel-documents .premium-page-heading{margin-bottom:18px;padding:0;border:0}#panel-addresses .premium-page-heading h2,#panel-documents .premium-page-heading h2{font-size:3rem}
@media(max-width:900px){.order-page-heading{display:grid;align-items:start}.order-heading-actions{margin-top:12px}.prototype-transport-grid{grid-template-columns:1fr 1fr}.prototype-pallet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.order-page-heading h2,#panel-history .premium-page-heading h2,#panel-addresses .premium-page-heading h2,#panel-documents .premium-page-heading h2{font-size:2.35rem}.order-heading-actions{display:grid!important}.prototype-transport-grid,.prototype-transport-bottom{grid-template-columns:1fr}.prototype-pallet-grid{grid-template-columns:1fr 1fr}.prototype-order-layout .premium-order-step{padding:18px 14px}}

/* Portal refinement 2026-09-13: login, confirmation and interactive order history */
#login-card{position:relative;width:min(650px,100%);margin:28px auto;padding:36px 38px;border:1px solid #d4deea;border-top:5px solid var(--gold);border-left-width:1px;border-radius:24px;background:#fff;box-shadow:0 24px 60px rgba(5,28,59,.18)}
.premium-login-header{margin:-4px -38px 0;padding:0 38px 23px;border-bottom:1px solid #dbe3ed;background:#fff}.premium-login-header .premium-eyebrow{display:block;margin-bottom:17px;color:var(--gold);font-size:.78rem;font-weight:900;letter-spacing:.16em}.premium-login-header h3{max-width:520px;margin:0;color:var(--blue);font-size:2.15rem;line-height:1.12}.premium-login-intro{margin:29px 0 22px;color:#687992;font-size:1.02rem;line-height:1.55}.premium-login-fields{display:grid;grid-template-columns:1fr;gap:17px}.premium-login-fields>div{display:grid;gap:7px}.premium-login-fields label{color:#425269;font-size:.78rem;font-weight:850}.premium-login-fields input{width:100%;min-height:59px;padding:0 14px;border:1px solid #ccd8e6;border-radius:8px;background:#fff}.premium-login-options{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 4px}.premium-login-options label{display:flex;align-items:center;gap:10px;color:#425269;font-size:.85rem;font-weight:800}.premium-login-options input{appearance:auto!important;width:20px!important;height:20px!important;min-height:20px!important;margin:0!important;accent-color:var(--blue)}.premium-login-options .link-btn{color:#0d4f8a;font-weight:850}#login-card #login-btn{width:100%;min-height:59px;margin-top:0;font-size:1rem}#login-card.transfer-login-modal{width:min(650px,calc(100vw - 32px));padding:36px 38px;border-radius:24px}.premium-login-close{top:28px;right:28px;width:48px;height:48px;border:0;background:#eef3f8;font-size:28px}
.premium-signup-box{width:min(1120px,calc(100vw - 40px));min-height:min(650px,calc(100vh - 48px));padding:40px 46px}.premium-signup-box h3{font-size:2.1rem}.premium-signup-box input,.premium-signup-box select{min-height:50px}
#confirm-modal .modal-box{width:min(720px,calc(100vw - 24px));max-width:720px;max-height:94vh;padding:29px 30px 27px;border:1px solid #cdd8e5;border-top:4px solid var(--gold);border-radius:11px;background:#fff;box-shadow:0 25px 70px rgba(3,24,52,.28)}#confirm-modal .modal-title{color:var(--blue);font-size:1.28rem;font-weight:900}#confirm-modal .modal-sub{margin:5px 0 20px;color:#6b7b91;font-size:.8rem}#confirm-modal .modal-section{margin:15px 0 7px;padding-bottom:7px;border-bottom:1px solid #cad5e2;color:var(--blue);font-size:.68rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}#confirm-modal .modal-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:5px 0;font-size:.78rem}#confirm-modal .mr-l{color:#6f7f95}#confirm-modal .mr-v{max-width:68%;color:#142c4b;font-weight:750;text-align:right}#confirm-modal .modal-price{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:17px;padding:17px 18px;border:1px solid #cad7e6;border-radius:8px;background:#f5f8fc}#confirm-modal .modal-price-label{color:var(--blue);font-size:.68rem;font-weight:900}#confirm-modal .modal-price-hint{margin-top:3px;color:#6b7b91;font-size:.58rem}#confirm-modal .modal-price-val{color:var(--blue);font-size:1.65rem;font-weight:900;white-space:nowrap}#confirm-modal #ms-paletten .modal-row{padding:5px 0}
.history-table-scroll{width:100%;overflow-x:auto}.prototype-history-layout .hist-table{width:100%;min-width:750px;border-collapse:collapse;table-layout:fixed}.prototype-history-layout .hist-table th:nth-child(1){width:24%}.prototype-history-layout .hist-table th:nth-child(2){width:18%}.prototype-history-layout .hist-table th:nth-child(3){width:15%}.prototype-history-layout .hist-table th:nth-child(4){width:20%}.prototype-history-layout .hist-table th:nth-child(5){width:12%}.prototype-history-layout .hist-table th:nth-child(6){width:11%}.prototype-history-layout .hist-table th,.prototype-history-layout .hist-table td{padding:14px 14px}.hist-order-row{cursor:pointer;outline:none;transition:background-color .16s ease,box-shadow .16s ease}.hist-order-row:hover td,.hist-order-row:focus-visible td{background:#fff9e8!important}.hist-order-row.selected td{background:#fff9e8!important}.hist-order-row.selected td:first-child{box-shadow:inset 4px 0 var(--gold)}.hist-order-row td strong{display:block;color:var(--blue);font-size:.82rem}.hist-order-row td small{display:block;margin-top:3px;color:#6d7e94;font-size:.65rem}.hist-route{white-space:nowrap;color:#142c4b}.history-detail-link{padding:2px 0;border:0;border-bottom:1px solid var(--gold);background:transparent;color:#07528f;font:inherit;font-weight:850;cursor:pointer}.hist-actions{display:flex;align-items:center;gap:8px}.s-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:.68rem;font-weight:850;line-height:1.2;white-space:nowrap}.s-badge.s-delivered{background:#e1f6eb;color:#087346}.s-badge.s-transit{background:#e3f2ff;color:#075f96}.s-badge.s-ready{background:#e8f4f0;color:#176a57}.s-badge.s-new{background:#fff2c9;color:#8b6500}.s-badge.s-info{background:#eaeafa;color:#4c4b8d}.s-badge.s-danger{background:#fde8ea;color:#9d2533}.prototype-detail-head>.s-badge{padding:6px 10px;font-size:.68rem}.prototype-detail-head>.s-badge.s-delivered{background:#e1f6eb;color:#087346}.prototype-detail-head>.s-badge.s-transit{background:#e3f2ff;color:#075f96}.prototype-detail-head>.s-badge.s-ready{background:#e8f4f0;color:#176a57}.prototype-detail-head>.s-badge.s-new{background:#fff2c9;color:#8b6500}.prototype-detail-head>.s-badge.s-info{background:#eaeafa;color:#4c4b8d}.prototype-detail-head>.s-badge.s-danger{background:#fde8ea;color:#9d2533}
@media(max-width:700px){#login-card,#login-card.transfer-login-modal{padding:29px 20px;border-radius:18px}.premium-login-header{margin:0 -20px;padding:0 20px 20px}.premium-login-header h3{padding-right:46px;font-size:1.7rem}.premium-login-intro{margin:22px 0 18px;font-size:.92rem}.premium-login-options{align-items:flex-start;flex-direction:column}.premium-login-close{top:18px;right:18px}.premium-signup-box{width:calc(100vw - 20px);min-height:calc(100vh - 20px);padding:28px 16px}#confirm-modal .modal-box{padding:23px 18px}#confirm-modal .modal-row{gap:12px}#confirm-modal .mr-v{max-width:62%}#confirm-modal .modal-price{align-items:flex-start;flex-direction:column}#confirm-modal .modal-price-val{align-self:flex-end}.prototype-history-layout>.card{overflow:hidden}.prototype-history-layout #hist2-content{overflow:visible}}

/* Final order check: aligned with the authenticated portal workspace */
#confirm-review{margin-top:18px}.confirm-review[hidden]{display:none!important}#confirm-review .confirm-shell{width:100%;padding:0;overflow:hidden;border:1px solid #c9d5e3;border-left:5px solid var(--gold);border-radius:15px;background:#fff;box-shadow:0 16px 38px rgba(3,24,52,.12)}
.confirm-heading{display:flex;align-items:center;gap:14px;padding:25px 29px 19px;border-bottom:1px solid #d9e2ec}.confirm-step{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border:2px solid var(--gold);border-radius:50%;background:var(--blue);color:var(--gold);font-size:.78rem;font-weight:900}.confirm-heading .modal-title{font-size:1.35rem!important}.confirm-heading .modal-sub{margin:4px 0 0!important;font-size:.82rem!important}
.confirm-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px 29px 12px}.confirm-overview-card{min-width:0;padding:17px 18px;border:1px solid #d3deea;border-radius:9px;background:#f6f8fb}.confirm-overview-card span{display:block;margin-bottom:8px;color:#66778e;font-size:.7rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.confirm-overview-card strong{display:block;color:var(--blue);font-size:1.02rem;line-height:1.35;overflow-wrap:anywhere}.confirm-overview-card .confirm-service{color:var(--gold-dark)}
.confirm-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 29px 12px}.confirm-detail-panel,.confirm-price-panel{min-width:0;padding:16px 18px;border:1px solid #d8e1ec;border-radius:9px;background:#fff}.confirm-detail-panel h3,.confirm-price-panel h3{margin:0 0 9px;padding-bottom:9px;border-bottom:2px solid #e6b923;color:var(--blue);font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}#confirm-review .modal-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:6px 0;font-size:.78rem}#confirm-review .mr-l{color:#6f7f95}#confirm-review .mr-v{max-width:66%;color:#142c4b;font-weight:750;text-align:right}
.confirm-price-panel{margin:0 29px 18px;padding:16px 18px 18px;background:#fbfcfe}.confirm-price-rows{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}#confirm-review .modal-price{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:13px 0 0;padding:17px 18px;border:1px solid #bfd0e2;border-radius:8px;background:#f1f6fc}#confirm-review .modal-price-label{color:var(--blue);font-size:.68rem;font-weight:900}#confirm-review .modal-price-hint{margin-top:3px;color:#6b7b91;font-size:.62rem}#confirm-review .modal-price-val{color:var(--blue);font-size:1.85rem;font-weight:900;white-space:nowrap}
.confirm-actions{position:static;display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(250px,1fr);align-items:center;gap:16px;padding:16px 29px;border-top:1px solid #d6e0eb;background:#f6f8fb}.confirm-actions>span{color:#6b7b91;font-size:.78rem;text-align:center}.confirm-actions button{width:100%;min-height:52px;margin:0!important}
@media(max-width:760px){#confirm-review .confirm-shell{border-left-width:4px}.confirm-heading{padding:20px 17px 16px}.confirm-overview-grid,.confirm-detail-grid{grid-template-columns:1fr;padding-left:17px;padding-right:17px}.confirm-price-panel{margin-left:17px;margin-right:17px}.confirm-price-rows{grid-template-columns:1fr}.confirm-actions{grid-template-columns:1fr;padding:14px 17px}.confirm-actions>span{grid-row:1}.confirm-actions .btn-secondary{grid-row:2}.confirm-actions .btn-primary{grid-row:3}#confirm-review .mr-v{max-width:60%}#confirm-review .modal-price{align-items:center;flex-direction:row}#confirm-review .modal-price-val{align-self:auto}}

/* Form hierarchy: field captions centered, values and explanatory copy retain their reading alignment */
#rechner-form label,#panel-auftrag label,#panel-history label,#panel-addresses label,#panel-documents label,#login-card label,#signup-modal label{text-align:center}
#panel-auftrag label>input,#panel-auftrag label>select,#panel-auftrag label>textarea,#login-card label>input,#signup-modal label>input,#signup-modal label>select,#signup-modal label>textarea{text-align:left}
#panel-auftrag .prototype-pallet-grid input{text-align:center}
#panel-auftrag .agb-row label,#panel-auftrag .checkbox-line label,#panel-auftrag .save-address label,#login-card .premium-login-options label,#signup-modal .premium-check-card{text-align:left}

/* The order wizard exposes the real product and time-option choices. */
#panel-auftrag .prototype-transport-grid select,#panel-auftrag .prototype-transport-time select{display:block;width:100%;min-height:46px;padding:0 13px;border:1px solid var(--border);border-radius:7px;background:#fbfcfe;color:var(--text);font-weight:750;appearance:auto;cursor:pointer}
#panel-auftrag .prototype-transport-grid select:disabled,#panel-auftrag .prototype-transport-time select:disabled{cursor:not-allowed;background:#f5f8fc;color:#65758a}

/* PEH-PUNKT1 02.10.2026: Preisrechner - Formular und Preisuebersicht in getrennten Spalten, keine Ueberlagerung ab 1436 px */
@media(min-width:1436px){
  #panel-rechner{grid-template-columns:minmax(0,1fr) 340px}
  #panel-rechner #rechner-form,
  #panel-rechner:has(#rechner-result[style*="display: none"]) #rechner-form{grid-column:1;max-width:none;min-width:0}
  #panel-rechner #rechner-result{grid-column:2;min-width:0}
}

/* PEH-PUNKT3: Statuspunkt folgt dem Zustand (wird geprueft = gelb, erreichbar = gruen, nicht verfuegbar = rot) */
.backend-badge .dot{background:#35cf86;box-shadow:0 0 0 4px rgba(53,207,134,.12),0 0 11px rgba(53,207,134,.4)}
.backend-badge.checking .dot{background:#DFB943;box-shadow:0 0 0 4px rgba(223,185,67,.14),0 0 11px rgba(223,185,67,.45)}
.backend-badge.fail .dot{background:#f87171;box-shadow:0 0 0 4px rgba(248,113,113,.16),0 0 11px rgba(248,113,113,.5)}

/* PEH-PUNKT8: neutraler Zustand der Verfuegbarkeitszeile, solange keine Route berechnet ist */
.prototype-availability.idle{background:#f3f6fa;border-bottom-color:#dde5ee}
.prototype-availability.idle .dot{background:#9aa8b8;box-shadow:none}

/* PEH-PUNKT15 Hubwagen als Hinweis statt Checkbox */
.calculator-option-card.calculator-option-note{cursor:default;background:#f3f8f4;border-color:#b9d8c1}
.calculator-option-note .note-check{display:block;width:22px;height:22px;border-radius:50%;background:#2e8b57 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' d='M5 12l4 4L19 6'/%3E%3C/svg%3E") center/14px 14px no-repeat}
.calculator-option-note em{color:#2e8b57;font-weight:800}
.calculator-option-note{text-align:center}.calculator-option-note span,.calculator-option-note em{text-align:center}

/* PEH-PUNKT17 Registrierung: Pflichtfeld-Hinweis */
.signup-required-note{margin:6px 0 10px;font-size:.74rem;color:var(--text-dim)}

/* PEH-PUNKT29b Seitenleiste: bei niedrigen Fenstern scrollen statt ueberlappen */
@media(min-width:1001px){.portal-sidebar{overflow-y:auto;overflow-x:hidden}.portal-sidebar>.hdr{height:auto;min-height:100%}}
@media(min-width:1001px) and (max-height:820px){.tabs-wrap{top:198px}.tabs-inner{gap:6px}.tab-btn{height:46px;padding:0 16px;font-size:.95rem}}
@media(min-width:1001px) and (max-height:620px){.sidebar-support{display:none}}

/* 20261003 Lesbarkeit: Mindestschriftgroessen */
label,.field-label{font-size:.8rem!important}
.calculator-option-card small,.calculator-option-card span,.premium-field small,.field-hint,.hint{font-size:.78rem}
.portal-utility-kicker{font-size:12px}

/* 20261003 Preisrechner: Anzahl und Gewicht gleich breit wie die PLZ-Felder */
@media(min-width:700px){#rechner-form .grid-3:has(#r-pal){grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 20261003 Preisrechner: gleiche Hoehe Hebebuehne/Zusatzversicherung und Formular/Zusammenfassung */
#rechner-form .calculator-option-grid{align-items:stretch}
#rechner-form .calculator-option-card{height:100%;min-height:82px}
@media(min-width:1000px){.portal-view:has(>#rechner-result){align-items:stretch}#rechner-result{height:auto}}
@media(min-width:1000px){#rechner-result{align-self:stretch!important}}

/* 20261003 Auftrag erstellen: Pflichtfeld-Hinweis pro Schritt */
.wizard-step-issues{border:1px solid #f0b5ae;background:#fff4f2;color:#a3261c;border-radius:10px;padding:12px 16px;margin:0 0 18px;font-size:.88rem;line-height:1.5}
.wizard-step-issues ul{margin:6px 0 0 18px;padding:0}.wizard-step-issues li{margin:2px 0}
.wizard-field-error{margin:5px 0 0;font-size:.78rem;color:#a3261c;font-weight:600}

/* 20261003 Auftrag erstellen: Produktfeld ueber die volle Breite, Text sichtbar */
.prototype-transport-grid:has(#wizard-product){grid-template-columns:repeat(2,minmax(0,1fr))}
.prototype-transport-grid:has(#wizard-product)>label:has(#wizard-product){grid-column:1/-1}
#wizard-product,#o-prod{text-overflow:ellipsis}

/* 20261003 Zahlenfelder zentriert */
input[type=number],input[inputmode=numeric],#r-plz-ab,#r-plz-zu,#o-abs-plz,#o-emp-plz,#o-svs-wert,#su-zip,#su-billing-zip,.pal-row input{text-align:center}
#wizard-pickup-zip,#wizard-delivery-zip,#wizard-pallets,#wizard-weight,#wizard-length,#wizard-width,#wizard-height,#o-abs-plz,#o-emp-plz,#r-plz-ab,#r-plz-zu{text-align:center!important}
#o-datum,#o-pickup-start,#o-pickup-end,#wizard-date,#o-abs-ort,#o-emp-ort,#r-datum,input[type=date],input[type=time]{text-align:center!important}
input[type=date]::-webkit-datetime-edit,input[type=time]::-webkit-datetime-edit{text-align:center}
@supports (-webkit-appearance:none){input[type=date],input[type=time]{justify-content:center}}

/* 20261003 Einheiten kg / cm im Feld */
#r-gew,#wizard-weight,input[id^="p-gew-"],#r-len,#r-wid,#r-hei,#wizard-length,#wizard-width,#wizard-height,input[id^="p-len-"],input[id^="p-wid-"],input[id^="p-hei-"]{padding-left:38px!important;padding-right:38px!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:auto 14px!important;-moz-appearance:textfield}
#r-gew::-webkit-inner-spin-button,#wizard-weight::-webkit-inner-spin-button,input[id^="p-gew-"]::-webkit-inner-spin-button,#r-len::-webkit-inner-spin-button,#r-wid::-webkit-inner-spin-button,#r-hei::-webkit-inner-spin-button,#wizard-length::-webkit-inner-spin-button,#wizard-width::-webkit-inner-spin-button,#wizard-height::-webkit-inner-spin-button,input[id^="p-len-"]::-webkit-inner-spin-button,input[id^="p-wid-"]::-webkit-inner-spin-button,input[id^="p-hei-"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
#r-gew,#wizard-weight,input[id^="p-gew-"]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='26' height='14'><text x='0' y='11' font-family='Arial,sans-serif' font-size='12' font-weight='700' fill='%238290a3'>kg</text></svg>")!important}
#r-len,#r-wid,#r-hei,#wizard-length,#wizard-width,#wizard-height,input[id^="p-len-"],input[id^="p-wid-"],input[id^="p-hei-"]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='26' height='14'><text x='0' y='11' font-family='Arial,sans-serif' font-size='12' font-weight='700' fill='%238290a3'>cm</text></svg>")!important}


/* Portal responsive refinement 2026-10-10: retain the existing visual design. */
#panel-auftrag .prototype-order-layout > .card {
  container: order-form / inline-size;
}
#panel-history .prototype-history-layout > .card {
  container: history-list / inline-size;
}

/* A field row responds to the space inside its card, including the sidebar. */
#panel-auftrag :is(.prototype-transport-grid, .prototype-pallet-grid, .order-grid) > *,
#panel-history .history-filters > *,
#panel-auftrag :is(input, select, textarea),
#panel-history .history-filters :is(input, select) {
  min-width: 0;
  max-width: 100%;
}
#panel-auftrag .order-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#panel-auftrag .order-grid.triple { grid-template-columns: minmax(0, 2fr) repeat(2, minmax(0, 1fr)); }
#panel-auftrag :is(.prototype-transport-grid, .prototype-pallet-grid, .order-grid, .pickup-time-grid) {
  gap: 12px;
  align-items: end;
}
#panel-auftrag .premium-order-step :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]), select) {
  height: 46px;
  min-height: 46px;
}
#panel-auftrag .pal-row {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}
#panel-auftrag .pal-row > :nth-child(6) { grid-column: 1 / -2; }
#panel-auftrag .pal-row > :last-child { grid-column: -2 / -1; }
#panel-auftrag .pal-row :is(input, .pal-del) { min-height: 46px; }
#panel-auftrag .pal-row .pal-del { width: 46px; }
#panel-auftrag .pal-row > :last-child { justify-self: end; }
#panel-auftrag .address-book-row { grid-template-columns: minmax(0, 1fr) repeat(3, auto); }
#panel-auftrag .address-book-row > * { min-width: 0; max-width: 100%; }
#panel-auftrag #confirm-review .modal-price { flex-wrap: wrap; gap: 12px; }
#panel-auftrag #confirm-review .modal-price > div:first-child { flex: 1 1 150px; min-width: 0; }
#panel-auftrag #confirm-review .modal-price-val {
  min-width: 0;
  max-width: 100%;
  margin-left: auto;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: right;
}
#panel-auftrag .prototype-order-price > strong { min-width: 0; overflow-wrap: anywhere; }

@supports (container-type: inline-size) {
  #panel-auftrag .prototype-pallet-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  @container order-form (max-width: 680px) {
    #panel-auftrag :is(.prototype-pallet-grid, .pal-row) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    #panel-auftrag .order-grid.triple { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #panel-auftrag .order-grid.triple > :first-child { grid-column: 1 / -1; }
    #panel-auftrag .address-book-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    #panel-auftrag .address-book-row > select { grid-column: 1 / -1; }
    #panel-auftrag .address-book-row > button { width: 100%; min-height: 46px; padding-left: 10px; padding-right: 10px; white-space: normal; }
    #panel-auftrag .premium-order-wizard-actions {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      align-items: stretch;
      gap: 10px 14px;
    }
    #panel-auftrag .premium-order-wizard-actions > span {
      grid-column: 1 / -1;
      grid-row: 1;
      text-align: center;
    }
    #panel-auftrag .premium-order-wizard-actions > button { min-width: 0; width: 100%; }
    #panel-auftrag .confirm-actions { grid-template-columns: minmax(0, 1fr); }
    #panel-auftrag .confirm-actions > span { grid-row: 1; }
    #panel-auftrag .confirm-actions > .btn-secondary { grid-row: 2; }
    #panel-auftrag .confirm-actions > .btn-primary { grid-row: 3; }
  }
  @container order-form (max-width: 440px) {
    #panel-auftrag :is(.prototype-pallet-grid, .pal-row) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #panel-auftrag :is(.prototype-transport-grid, .prototype-transport-bottom, .order-grid, .order-grid.triple, .address-book-row, .pickup-time-grid) {
      grid-template-columns: minmax(0, 1fr);
    }
    #panel-auftrag .order-grid > .span2 { grid-column: auto; }
    #panel-auftrag :is(.confirm-overview-grid, .confirm-detail-grid, .confirm-price-rows) {
      grid-template-columns: minmax(0, 1fr);
    }
  }
}
@supports not (container-type: inline-size) {
  #panel-auftrag :is(.prototype-pallet-grid, .pal-row) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  @media (max-width: 620px) {
    #panel-auftrag :is(.prototype-pallet-grid, .pal-row) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
}

/* Keep one intentional horizontal scroll area for a genuinely wide order table. */
#panel-history .prototype-history-layout #hist2-content { overflow: visible; }
#panel-history .history-table-scroll { min-width: 0; max-width: 100%; }
#panel-history .hist-table .hist-route { white-space: normal; overflow-wrap: anywhere; }
#panel-history .hist-table td strong { overflow-wrap: anywhere; }
#panel-history .history-filters {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
#panel-history .history-filters > button { grid-column: 1 / -1; width: 100%; }
@container history-list (min-width: 840px) {
  #panel-history .history-filters { grid-template-columns: repeat(4, minmax(0, 1fr)) auto; }
  #panel-history .history-filters > button { grid-column: auto; }
}
@container history-list (max-width: 440px) {
  #panel-history .history-filters { grid-template-columns: minmax(0, 1fr); }
}
#panel-history .prototype-detail-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
}
#panel-history .prototype-detail-actions > * {
  min-width: 0;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
}
.premium-filter-group { flex-wrap: wrap; }

/* Dynamic viewport limits preserve scrolling when content or the keyboard needs it. */
#signup-modal .premium-signup-box {
  min-height: min(650px, calc(100dvh - 48px));
  max-height: calc(100dvh - 48px);
}
#login-card.transfer-login-modal { max-height: calc(100dvh - 32px); }
@media (min-width: 701px) and (max-height: 850px) {
  #signup-modal .premium-signup-box { padding-top: 22px; padding-bottom: 22px; }
  #signup-modal .premium-signup-box :is(input:not([type=checkbox]), select) { min-height: 48px; }
  #signup-modal .premium-editor-grid { gap: 10px; margin-top: 12px; }
  #signup-modal .premium-progress { margin-bottom: 10px; }
  #signup-modal .premium-wizard-actions { margin-top: 12px; padding-top: 12px; }
}
@media (max-width: 700px) {
  #signup-modal .premium-signup-box {
    min-height: 0;
    max-height: calc(100dvh - 24px);
  }
  #signup-modal.premium-editor-overlay { padding: 12px; }
  html body .premium-filter-group { overflow-x: visible; }
}
@media (max-width: 600px) {
  #panel-auftrag .premium-order-step :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]), select) {
    height: 48px;
    min-height: 48px;
  }
}