/* Task-led workspaces. All layout uses normal flow, including the login header. */
:root{--brand-blue:#00a8d6;--brand-lime:#94c12e;--navy:#073746;--ink:#173541;--muted:#617983;--line:#dce6e8;--canvas:#f2f6f7}
.desk-shell{background:var(--canvas)}
.desk-shell .content{padding-top:28px}
.desk-topbar.topbar{min-height:64px}
.desk-nav.nav button{font-size:12px;min-height:42px;color:#526c77}
.desk-nav-group>p{font-size:10px}
.desk-breadcrumb h1{font-size:14px}
.desk-shell .btn{font-size:13px;min-height:40px;border-radius:6px;padding:9px 16px}
.desk-shell .btn.small{font-size:12px;min-height:34px}
.desk-shell input,.desk-shell select{font-size:13px;min-height:38px}
.desk-shell .page-head p{font-size:13px;line-height:1.65}
.desk-shell .data-table th{font-size:11px;letter-spacing:.025em;color:#5d7680;padding:13px 15px}
.desk-shell .data-table td{font-size:13px;padding:15px;line-height:1.5}
.desk-shell .data-table td small{font-size:11px;margin-top:4px;color:#6f8790}
.desk-shell .badge,.desk-shell .order-status{font-size:10px;max-width:240px}
.desk-shell .kpi .kpi-top small{font-size:12px}
.desk-shell .kpi .sub{font-size:11px}
.desk-shell .catalog-tabs button{font-size:12px}
.grid-result,.grid-footer{font-size:11px}
.grid-tools button,.grid-columns summary,.grid-footer button{font-size:11px}
.workspace-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 32px;background:#fff;border-bottom:1px solid var(--line);min-height:59px}
.workspace-tabs{display:flex;align-self:stretch;gap:28px}
.workspace-tabs>button{display:flex;align-items:center;gap:9px;position:relative;border:0;background:none;color:#7b8f96;font-size:13px;font-weight:600;padding:15px 2px;white-space:nowrap}
.workspace-tabs svg{width:18px;height:18px}
.workspace-tabs>button.active{color:#006c83}
.workspace-tabs>button.active:after{content:'';height:3px;background:#00a8cf;position:absolute;bottom:0;left:0;right:0;border-radius:3px 3px 0 0}
.workspace-live{display:flex;align-items:center;gap:8px;color:#718b94;font-size:10px}
.workspace-live small{margin-left:10px;padding:3px 6px;border:1px solid var(--line);border-radius:3px;font-size:9px}
.operation-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:27px}
.operation-kicker{font-size:10px;letter-spacing:.13em;font-weight:700;color:#55818f}
.operation-page-head h2{font-size:clamp(27px,2.4vw,37px);font-weight:550;letter-spacing:-.045em;line-height:1.15;margin:12px 0 10px;color:#153c4c}
.operation-page-head p{font-size:13px;color:#6b8590;line-height:1.65;margin:0;max-width:680px}
.operation-head-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}
.date-control{display:flex;align-items:center;border:1px solid #d3dfe3;border-radius:6px;background:#fff;height:40px;overflow:hidden}
.date-control button{border:0;background:none;width:30px;align-self:stretch;color:#5b7e8a}
.date-control button:hover{background:#ecf4f5}
.date-control input{border:0!important;background:transparent;font-size:12px!important;box-shadow:none;width:135px;min-width:0;min-height:36px;padding:7px}
.supply-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:23px}
.supply-kpis>button{background:#fff;border:1px solid var(--line);border-radius:8px;padding:19px 21px;text-align:left;display:grid;grid-template-columns:1fr 18px;gap:13px;color:var(--ink);position:relative;overflow:hidden}
.supply-kpis>button:first-child{border-top:3px solid #00a8cf;padding-top:17px}
.supply-kpis>button>span{font-size:12px;font-weight:500;color:#68828e;grid-column:1/-1}
.supply-kpis strong{font-size:35px;font-weight:550;letter-spacing:-.05em;line-height:1}
.supply-kpis svg{width:18px;height:18px;align-self:center;color:#a2b8c1}
.supply-kpis>button:hover{border-color:#8dbdca}
.supply-dashboard{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:23px;align-items:stretch}
.otif-panel{background:#083b4e;border-radius:9px;padding:25px 28px;color:#fff;position:relative;overflow:hidden}
.otif-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.otif-heading .operation-kicker{color:#8dc8d6;font-size:9px}
.otif-heading h3{font-size:22px;letter-spacing:-.025em;font-weight:500;margin:9px 0 0}
.metric-period{font-size:10px;color:#adcbd4;border:1px solid #ffffff29;border-radius:4px;padding:6px 8px;white-space:nowrap}
.otif-main{display:flex;gap:32px;align-items:center;margin:25px 0 24px}
.otif-dial{width:170px;height:170px;border-radius:50%;padding:9px;flex-shrink:0;background:conic-gradient(#97ce4c 0deg var(--otif-angle),#315a69 var(--otif-angle) 360deg)}
.otif-dial.no-data{background:#315a69}
.otif-dial>div{border-radius:50%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:#083b4e}
.otif-dial strong{font-size:43px;font-weight:450;letter-spacing:-.06em;line-height:1}
.otif-dial strong small{font-size:20px;color:#b4d0d7;margin-left:3px}
.otif-dial span{font-size:10px;color:#a9c8d1;letter-spacing:.04em}
.otif-explanation h4{font-size:22px;line-height:1.2;letter-spacing:-.025em;font-weight:450;margin:0 0 12px;color:#e2f5f7}
.otif-explanation p{font-size:11px;line-height:1.75;color:#abc7d1;max-width:245px;margin:0 0 13px}
.otif-formula{color:#a2dba6;font-size:10px;line-height:1.6}
.otif-breakdown{border-top:1px solid #ffffff23;border-bottom:1px solid #ffffff23;padding:16px 0;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}
.otif-breakdown>div{display:grid;grid-template-columns:6px 1fr;gap:8px;align-items:center;padding:0 13px;border-right:1px solid #ffffff20}
.otif-breakdown>div:first-child{padding-left:0}.otif-breakdown>div:last-child{border-right:0}
.otif-breakdown i{width:6px;height:6px;border-radius:50%;background:#5e7b87}
.otif-breakdown .dot-success{background:#a3d552}.otif-breakdown .dot-late{background:#f4ad72}
.otif-breakdown span{font-size:10px;color:#b9d1d8;line-height:1.5}
.otif-breakdown b{grid-column:2;font-size:23px;font-weight:450}
.otif-definition{font-size:10px;color:#9bbdc9;margin-top:15px;line-height:1.8}.otif-definition summary{cursor:pointer}.otif-definition p{max-width:590px}
.supply-attention{background:#fff;border:1px solid var(--line);border-radius:9px;padding:26px}
.supply-attention h3{font-size:22px;font-weight:500;line-height:1.25;letter-spacing:-.03em;margin:12px 0 24px;max-width:240px}
.supply-attention>button{display:flex;align-items:center;gap:15px;width:100%;padding:18px 0;background:none;border:0;border-bottom:1px solid var(--line);text-align:left;color:var(--ink)}
.supply-attention>button>span{flex:1;display:grid;gap:7px}
.supply-attention b{font-size:12px;font-weight:600}.supply-attention small{font-size:11px;line-height:1.6;color:#7a929b}
.supply-attention>button>strong{font-size:27px;font-weight:450;letter-spacing:-.04em}.supply-attention svg{width:16px;height:16px;color:#9eb3bb}
.supply-data-note{display:flex;align-items:center;gap:12px;margin-top:20px;color:#78919a;font-size:11px;line-height:1.7}.supply-data-note svg{width:21px;height:21px;flex-shrink:0}
.supply-program{margin-top:32px}.supply-program .section-heading h3{font-size:21px}
.supply-pipeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));background:white;border:1px solid var(--line);border-radius:7px;margin-bottom:17px;padding:13px 0}
.supply-pipeline>button{padding:9px 15px;border:0;border-right:1px solid var(--line);background:none;display:grid;grid-template-columns:8px 1fr;gap:7px;text-align:left;align-items:center}.supply-pipeline>button:last-child{border:0}
.supply-pipeline span{font-size:11px;color:#68828c}.supply-pipeline b{grid-column:2;font-size:24px;font-weight:500}
.stage-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#adbcc1;flex-shrink:0}
.stage-asignado{background:#6897b9}.stage-planta{background:#dbab4b}.stage-ruta{background:#00a2ca}.stage-destino{background:#8c78af}.stage-entregado{background:#6eab47}
.supply-live-list{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#fff}
.supply-live-list>button{display:grid;grid-template-columns:125px minmax(100px,1fr) 120px 70px 15px;gap:20px;align-items:center;width:100%;text-align:left;padding:17px 22px;border:0;border-bottom:1px solid var(--line);background:#fff;color:var(--ink)}
.supply-live-list>button:last-child{border:0}.supply-live-list>button:hover{background:#f6fafb}.supply-live-list>button>div{display:grid;gap:5px}.supply-live-list b,.supply-live-list strong{font-size:12px;font-weight:600}.supply-live-list small{font-size:11px;color:#8399a2}.supply-live-list time{font-size:12px;color:#64818f}
.programme-surface{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.programme-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:20px;border-bottom:1px solid var(--line)}
.programme-search{display:flex;align-items:center;gap:10px;flex:1;min-width:180px;background:#f5f8f9;border:1px solid #dfe7ea;padding:0 12px;border-radius:5px}
.programme-search svg{width:17px;height:17px;color:#8ca5af}.programme-search input{background:none;border:0;box-shadow:none;flex:1;min-width:0;padding:9px 0}
.programme-stages{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;padding:0 16px;border-bottom:1px solid var(--line);overflow-x:auto}
.programme-stages>button{position:relative;display:grid;grid-template-columns:7px 1fr;gap:8px 7px;align-items:center;background:none;border:0;border-bottom:3px solid transparent;color:#7e929b;padding:21px 10px 17px;text-align:left;min-width:110px}
.programme-stages>button:first-child{grid-template-columns:1fr}.programme-stages strong{font-size:27px;font-weight:450;letter-spacing:-.04em;color:#4b6e7e}.programme-stages>button>span{grid-column:1/-1;font-size:11px;white-space:nowrap}.programme-stages>button.active{border-bottom-color:#009ac3;background:#f3f9fb;color:#006b88}.programme-stages>button.active strong{color:#006b88}
.programme-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 20px;font-size:11px;color:#7b929c;background:#fcfdfd}
.segmented{display:flex;background:#eaf0f3;border-radius:5px;padding:3px;gap:3px}.segmented button{border:0;background:none;color:#7a909b;font-size:11px;padding:6px 12px;border-radius:3px}.segmented button.active{background:#fff;color:#164a60;box-shadow:0 1px 3px #0c374b13}
.programme-table.table-card{border:0;border-top:1px solid var(--line);border-radius:0}.programme-table .table-wrap{max-height:70vh}
.phase-badge{display:inline-flex;gap:6px;align-items:center;white-space:nowrap;background:#edf1f3;color:#67818e;border-radius:4px;padding:6px 8px;font-size:10px;font-weight:600}
.phase-badge i{width:5px;height:5px;border-radius:50%;background:currentColor}.phase-asignado{background:#edf2fa;color:#6383aa}.phase-planta{background:#fbf4e6;color:#b08935}.phase-ruta{background:#e7f5fa;color:#008bb3}.phase-destino{background:#f1edf8;color:#8c70ad}.phase-entregado{background:#edf5e9;color:#649141}
.sap-state{font-size:11px;color:#8397a0;white-space:nowrap}.sap-state.success{color:#5a9158}.sap-state.warn{color:#b17d37}
.journey-mini{display:flex;gap:3px;align-items:center}.journey-mini i{height:5px;width:12px;background:#e1e9ed;border-radius:1px}.journey-mini i.done{background:#42ab95}.journey-mini>span{font-size:10px;margin-left:5px;color:#8da2ab}
.programme-open{font-size:11px;color:#007d9f;border:0;background:none;font-weight:600;white-space:nowrap;padding:8px 0}
.programme-empty{text-align:center;padding:50px 20px;color:#8da1a9}.programme-empty>span{display:block;font-size:35px;color:#cad8de}.programme-empty h3{font-size:16px;font-weight:500;color:#527887}.programme-empty p{font-size:12px;line-height:1.7}
.delivery-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,1fr);gap:13px;overflow-x:auto;align-items:start;background:#f3f7f8;padding:20px;min-height:330px}
.delivery-column>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.delivery-column>header>b{font-size:12px;color:#829aa4}.delivery-card{display:block;width:100%;padding:17px 15px;text-align:left;background:#fff;border:1px solid #dbe5ea;border-radius:6px;margin-bottom:10px;box-shadow:0 2px 5px #0e3a4b06}.delivery-card>span{font-size:10px;color:#7d96a2}.delivery-card h3{font-size:13px;font-weight:600;line-height:1.5;margin:10px 0 6px;color:#30596b}.delivery-card p{font-size:10px;line-height:1.5;color:#8ba0aa;margin:0 0 17px}.delivery-card footer{border-top:1px solid #edf1f3;padding-top:12px;display:flex;justify-content:space-between;font-size:10px;color:#7d96a2}.delivery-card footer>b{font-weight:600;color:#52778a}.board-empty{font-size:11px;color:#a1b3bb;text-align:center;padding:25px 0}
/* The back action and brand can never overlap at any breakpoint. */
.login-page{display:grid;grid-template-columns:minmax(400px,1fr) minmax(0,1fr);min-height:100dvh;background:#fff}
.login-panel{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding:40px clamp(30px,5vw,85px);min-width:0;overflow:auto}
.login-entry-header{display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:100%;position:relative;flex-shrink:0}
.login-entry-header .login-back{position:static!important;inset:auto!important;margin:0!important;width:auto;min-height:35px;padding:5px 11px;border:0;background:#f0f5f7;align-self:flex-start;color:#5b7b88}
.login-entry-header .login-back b{position:static;width:auto;height:auto;clip:auto;overflow:visible;font-size:11px;font-weight:600}.login-entry-header .login-back span{font-size:17px}
.login-entry-header .brand{position:static;margin:0!important;padding:0!important;flex-wrap:nowrap;gap:13px;max-width:100%}
.login-entry-header .brand-logo{width:150px;height:44px;object-fit:contain}
.login-entry-header .product-name{font-size:20px;padding-left:13px;border-left:1px solid #dbe5e8;letter-spacing:.1em;flex-shrink:0}
.login-entry-header .brand-symbol{display:none}
.login-portal-label{margin-top:42px;line-height:1.7}
.login-panel h1{margin:12px 0 15px;font-size:clamp(34px,3.5vw,48px);line-height:1.08;font-weight:500;letter-spacing:-.05em;color:#133e52}
.login-panel>p{font-size:13px;line-height:1.75;color:#7a929d;max-width:410px;margin-bottom:24px}
.login-form{margin:0!important;width:100%;max-width:410px;gap:17px}
.login-form .field label{font-size:12px;color:#536e7c}.login-form input{border-color:#dbe5ea;border-radius:5px;min-height:46px;padding:12px 14px;font-size:14px;background:#fbfcfd;box-shadow:none}
.login-form .btn.primary{min-height:46px;background:#007eaa;font-size:13px;border-radius:5px;margin-top:7px}
.login-help{max-width:410px;line-height:1.7;margin-top:18px}.login-help button{font-size:11px;color:#587c8d}
.login-panel .access-note{font-size:10px;color:#90a5af;max-width:380px;margin:15px 0 0;line-height:1.75}
.login-visual{display:flex!important;flex-direction:column;justify-content:center;align-items:stretch;background:#07394c!important;padding:clamp(30px,5vw,80px)!important;min-width:0}
.login-visual-copy{order:0;margin:0 0 54px;max-width:none}.login-visual-copy .eyebrow{font-size:10px;color:#7fb6c9;letter-spacing:.15em}
.login-visual .login-visual-copy h2{font-size:clamp(30px,3.2vw,46px);line-height:1.15;font-weight:450;letter-spacing:-.04em;color:#fff;margin:23px 0 18px}
.login-visual .login-visual-copy p{font-size:12px;line-height:1.8;color:#a4c2cf;max-width:340px}
.login-process{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;border-top:1px solid #ffffff24;padding-top:21px;margin-top:30px}
.login-process>span{display:flex;flex-direction:column;gap:9px;color:#b5d2dc;font-size:10px;white-space:nowrap}.login-process b{font-size:11px;color:#7fbdce;letter-spacing:.09em;font-weight:400}
.login-visual .route-stage{order:1;margin:0;min-height:210px;max-height:240px;padding:20px;background:#ffffff02;border:1px solid #ffffff20}
.login-visual .route-stage .route-network{opacity:.7}.login-visual .route-nodes{display:none}.login-visual .route-metric{display:none}.login-visual .route-code strong{font-size:18px}.login-visual .route-stage-head{font-size:9px}.login-panel:before{display:none}
@media(min-width:1600px){.supply-dashboard{grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr)}.otif-main{gap:50px;margin:30px 0}.otif-dial{width:185px;height:185px}.operation-page-head h2{font-size:37px}}
@media(max-width:1200px){.operation-page-head{align-items:flex-start;flex-wrap:wrap}.operation-head-actions{justify-content:flex-start}.supply-kpis{gap:10px}.supply-kpis>button{padding:16px}.supply-dashboard{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);gap:16px}.otif-panel{padding:22px}.otif-main{gap:20px}.otif-dial{width:140px;height:140px}.otif-dial strong{font-size:35px}.otif-explanation h4{font-size:20px}.otif-breakdown>div{padding:0 8px}.supply-attention{padding:22px}.supply-pipeline>button{padding:8px 12px}.workspace-live{display:none}}
@media(max-width:950px){.supply-dashboard{grid-template-columns:1fr}.supply-attention{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:22px}.supply-attention>.operation-kicker,.supply-attention>h3,.supply-data-note{grid-column:1/-1}.supply-attention h3{max-width:none;margin-bottom:8px}.supply-attention>button{gap:10px}.supply-attention>button>strong{font-size:24px}.supply-attention>button>svg{display:none}.otif-main{gap:35px}.otif-explanation p{max-width:320px}.workspace-bar{padding:0 22px}.login-page{grid-template-columns:minmax(340px,1fr) minmax(0,1fr)}.login-panel{padding:30px}.login-visual{padding:32px!important}.login-process{grid-template-columns:1fr 1fr;row-gap:20px}}
@media(max-width:700px){.login-page{display:block}.login-panel{min-height:100dvh;justify-content:flex-start;padding:26px 25px 40px}.login-visual{display:none!important}.login-entry-header{gap:25px}.login-entry-header .brand-logo{width:145px}.login-portal-label{margin-top:37px}.login-panel h1{font-size:38px}.login-form,.login-help{max-width:none}.workspace-bar{padding:0 16px;min-height:54px}.workspace-tabs{gap:26px}.workspace-tabs>button{font-size:12px;padding:15px 0;gap:7px}.workspace-tabs svg{width:16px;height:16px}.operation-page-head{margin-bottom:22px;gap:17px}.operation-page-head h2{font-size:30px;max-width:330px}.operation-page-head p{font-size:12px}.operation-kicker{font-size:9px}.supply-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.supply-kpis>button{padding:16px}.supply-kpis>button>span{font-size:11px}.supply-kpis strong{font-size:30px}.supply-dashboard{gap:16px}.otif-panel{padding:22px 20px}.otif-heading h3{font-size:21px}.metric-period{font-size:9px;padding:5px}.otif-main{gap:21px;margin:25px 0}.otif-dial{width:125px;height:125px;padding:7px}.otif-dial strong{font-size:31px}.otif-dial strong small{font-size:15px}.otif-dial span{font-size:8px}.otif-explanation h4{font-size:20px}.otif-explanation p{font-size:10px}.otif-formula{font-size:9px}.otif-breakdown span{font-size:9px}.otif-breakdown b{font-size:21px}.supply-attention{display:block;padding:23px}.supply-attention h3{font-size:21px}.supply-attention>button>strong{font-size:28px}.supply-attention>button>svg{display:block}.supply-pipeline{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 0}.supply-pipeline>button:nth-child(3){border:0}.supply-pipeline span{font-size:10px}.supply-pipeline b{font-size:22px}.supply-live-list>button{grid-template-columns:95px minmax(0,1fr);gap:12px;padding:16px}.supply-live-list .phase-badge{justify-self:start}.supply-live-list time{text-align:right}.supply-live-list>button>span:last-child{display:none}.supply-live-list strong{font-size:11px;line-height:1.5}.supply-live-list small{font-size:10px;line-height:1.6}.programme-toolbar{padding:15px;gap:10px}.programme-search{order:2;flex-basis:100%;min-width:0}.programme-stages{grid-template-columns:repeat(7,105px);padding:0 5px}.programme-stages>button{min-width:105px;padding:16px 10px}.programme-stages strong{font-size:25px}.programme-caption{padding:13px 15px;font-size:10px}.programme-caption>span{max-width:170px;line-height:1.6}.delivery-board{grid-auto-columns:235px;padding:15px}.desk-shell .page-head h2{font-size:28px}.desk-shell .data-table td{font-size:12px}.desk-shell .data-table th{font-size:10px}.desk-shell .badge{font-size:9px}}
.order-relations{border:1px solid #c9e0e8;background:#f3f9fb;border-radius:7px;margin:22px 0;padding:22px}
@media(max-width:700px){.operation-head-actions{width:100%;min-width:0;flex-shrink:1;gap:10px}.operation-head-actions .date-control{flex:1;min-width:150px}.operation-head-actions .date-control input{width:100%;min-width:0}.operation-head-actions>.btn{font-size:11px;padding:9px 12px}}
.order-relations header>span{font-size:9px;letter-spacing:.13em;color:#5e8b9a;font-weight:700}.order-relations h3{font-size:18px;font-weight:550;color:#235169;margin:9px 0 20px;letter-spacing:-.02em}
.relation-selectors{display:grid;grid-template-columns:1fr 1fr;gap:22px}.relation-selectors>.field{min-width:0}.relation-selectors input,.relation-selectors select{background:white;min-height:43px;font-size:13px!important}
.relation-selectors select{margin-top:7px;width:100%;text-overflow:ellipsis;overflow:hidden}.relation-selectors label{font-size:11px!important;line-height:1.6}.relation-selectors #orderSiteSearch{min-height:32px;font-size:11px!important;padding:7px 10px;margin-bottom:8px}
.order-relations>p{font-size:10px;line-height:1.7;color:#7293a0;margin:15px 0 0}.order-relations .lookup-results{border-radius:4px}.order-relations .lookup-results>span{display:block;padding:14px}.order-relations .lookup-results b{font-size:12px}.master-prefilled{background:#f5f8f9!important;color:#66808c!important;border-color:#e2e9ed!important}
@media(max-width:650px){.order-relations{padding:17px}.relation-selectors{grid-template-columns:1fr;gap:18px}.order-relations h3{font-size:17px}.relation-selectors input{width:100%}.workspace-tabs{gap:22px}}
@media(prefers-reduced-motion:reduce){.login-panel>*{animation:none!important}}
.order-history{border:1px solid #cbdde3;border-left:3px solid #0085a6;background:#fff;border-radius:7px;margin:0 0 22px;padding:20px;min-width:0}
.order-history[hidden]{display:none}.order-history>header{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.history-kicker{font-size:9px;letter-spacing:.1em;color:#527e90;font-weight:650}.order-history h3{font-size:18px;margin:7px 0;color:#235169;font-weight:550}.history-scope{display:flex;border:1px solid #d9e5e9;border-radius:5px;padding:3px;gap:3px}.history-scope button{border:0;background:transparent;color:#597789;padding:8px 11px;font-size:11px;border-radius:3px}.history-scope button.active{background:#e6f3f6;color:#006f90;font-weight:650}.history-scope button[hidden]{display:none}
.order-history .history-hint,.order-history #orderHistoryStatus{font-size:11px;line-height:1.7;color:#6b8692;margin:8px 0}.order-history #orderHistoryStatus{color:#28708a}.history-reference-label{display:block;font-size:11px;margin:17px 0 7px;color:#456879}.order-history #orderHistoryReference{width:100%;min-width:0;max-width:100%;font-size:12px;background:#f5f9fa;border-color:#d5e3e9;text-overflow:ellipsis}.history-reference-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:12px 0;color:#8399a3;font-size:10px}.history-values{display:grid;grid-template-columns:1fr 1fr;gap:1px 20px}.history-value{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf2f4;padding:11px 0;min-width:0}.history-value>div{min-width:0}.history-value small{display:block;font-size:10px;color:#7b919d;margin-bottom:4px}.history-value strong{display:block;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;font-weight:500;color:#315e72;max-height:90px;overflow:auto}.history-value button,.history-material-list button{background:#f0f7f9;border:1px solid #d3e5ec;color:#007999;padding:7px 10px;border-radius:4px;font-size:11px;flex-shrink:0}.order-history button:disabled{opacity:.45;cursor:not-allowed}.history-fill-row{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin:15px 0}.history-fill-row>small{font-size:10px;color:#8397a1;line-height:1.6;max-width:320px}.history-materials{border-top:1px solid #e2ebef;margin-top:18px;padding-top:14px}.history-materials summary{cursor:pointer;font-size:12px;color:#2b637a;list-style-position:inside}.history-materials summary b{background:#ebf3f6;font-size:10px;border-radius:12px;padding:3px 7px;margin-left:5px}.history-materials p{font-size:10px;line-height:1.7;color:#8298a4}.history-material-list>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid #edf2f4}.history-material-list>div>div{min-width:0}.history-material-list b{display:block;font-size:12px;font-weight:500;color:#315e72;overflow-wrap:anywhere}.history-material-list small{display:block;font-size:10px;color:#8097a3;margin-top:5px;line-height:1.6}.history-material-list .history-warning{color:#aa7632}.history-order-note{display:block;border-top:1px solid #edf2f4;padding-top:12px;margin-top:15px;font-size:9px;color:#8da2ac;line-height:1.7}.history-applied{border-color:#6cb4c5!important;background:#f5fbfc!important}.history-material-source{grid-column:1/-1;color:#538799;font-size:10px;line-height:1.6}
@media(max-width:650px){.order-history{padding:16px}.history-values{grid-template-columns:1fr}.history-reference-meta{flex-direction:column;gap:5px}.history-scope{width:100%}.history-scope button{flex:1}.history-fill-row .btn{width:100%}.order-history h3{font-size:17px}.history-material-list>div{gap:10px}}
.relation-selectors>.field{align-content:start}.relation-selectors #orderCustomerSearch{height:44px}.order-history #orderHistoryReference{height:44px;padding:10px 12px;border:1px solid #d5e3e9;border-radius:4px;color:#315e72}
.order-history .history-toggle{padding:5px 0;border:0;background:none;color:#007999;font-size:11px}.order-history [hidden]{display:none!important}