/* Scoped polish of the existing XMETROV surfaces. */
:root{--accent-hover:color-mix(in srgb,var(--accent),black 12%);--accent-soft:var(--selected-bg);--accent-border:color-mix(in srgb,var(--accent),white 70%);--accent-text:var(--selected-text)}
.button.primary{box-shadow:none}
.button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.button:hover{transform:none}
.button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.material-heading{margin-bottom:16px}
.material-heading .subtitle{margin-top:4px}
.material-tabs{margin-bottom:12px}
.material-toolbar{margin-bottom:14px}
.material-characteristics{gap:8px;margin-bottom:8px}
.material-filter .x-dropdown-trigger{min-height:40px}
.material-selected-summary{font-size:12px;color:var(--muted);margin:8px 0 14px;line-height:1.5}
.toolbar-count{font-size:11px;color:var(--muted)}
.material-selection-context{padding:12px 14px;border-color:var(--accent-border);background:var(--accent-soft);margin:0 0 16px}
.selection-order-info strong{font-size:14px}
.selection-order-info span,.selection-order-info p{font-size:11px;line-height:1.5}
.material-add-success>div{grid-template-columns:1fr}
.calculation-panel .purchase-action{padding:16px 20px}
.purchase-action p{overflow-wrap:anywhere}
.calculation-panel .purchase-action:before{font-size:11px;margin-bottom:10px}
.calculation-panel .batch-summary{gap:12px}
.calculation-panel #saving{font-size:15px}
.saving-basis{font-size:11px}
#product{overflow:visible}
.material-workspace{align-items:start}
.calculation-panel{height:auto;max-height:none;overflow:visible}
.purchase-item-preview{margin-top:12px;font-size:12px;color:var(--muted);line-height:1.5}
.purchase-item-preview>span:first-child{display:block;font-weight:500;color:var(--text);margin-bottom:4px}
.purchase-item-preview p{margin:2px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.purchase-row{padding-top:20px;padding-bottom:20px}
.purchase-next>p{font-size:12px;line-height:1.5}
.purchase-money>strong{font-size:23px;letter-spacing:-.4px}
#purchase-detail .purchase-detail-header{padding:20px 24px 16px}
#purchase-detail .purchase-detail-body{padding:20px 24px 28px}
.purchase-timeline.simple{margin:16px 0 20px;gap:8px}
.purchase-timeline.simple .is-current{font-weight:650;color:var(--accent-text)}
.purchase-timeline.simple .is-done{color:var(--muted)}
.purchase-scenario-controls{padding:12px 14px;background:var(--bg);margin:0 0 16px}
.purchase-scenario-links:empty{display:none}
.purchase-scenario-links{margin-bottom:10px}
.purchase-delivery-date small{color:var(--muted)}
.purchase-delivery-date input{margin:0}
#purchase-detail .purchase-order-hero{background:var(--accent-soft);padding:20px;margin-bottom:16px}
#purchase-detail .purchase-order-hero>div:first-child>strong{font-size:20px;margin:8px 0 14px}
#purchase-detail .purchase-order-hero p{font-size:14px;line-height:1.6}
#purchase-detail .purchase-order-hero a:not(.button){font-size:14px;margin-top:12px}
#purchase-detail .purchase-order-actions{gap:8px}
#purchase-detail .purchase-detail-actions{padding:12px 24px calc(12px + env(safe-area-inset-bottom));gap:8px}
#purchase-detail .purchase-detail-actions .button{min-height:46px}
#purchase-detail .purchase-detail-actions p{font-size:10px}
#purchase-detail .purchase-costs{margin-top:16px}
.purchase-items-accordion>summary{padding:8px 0}
.purchase-items-subtotal{padding:10px 0 14px}
#purchase-detail .purchase-order-date{margin:12px 0}
.purchase-order-date>span{display:block;font-size:11px;color:var(--accent-text)}
.purchase-order-date>strong{display:block;font-size:17px;line-height:1.5;font-variant-numeric:tabular-nums}
.material-filter .x-dropdown-trigger>span{min-width:0}
@media(max-width:600px){.material-filter .x-dropdown-trigger{padding-left:10px;padding-right:10px;font-size:12px}.purchase-order-date>strong{font-size:16px}}
#purchase-detail .purchase-detail-item{padding:16px 0}
.attention-live{margin-bottom:24px}
.attention-live .panel-heading{padding:16px 20px}
.attention-live .attention-task{display:flex;align-items:flex-start;padding:14px 20px}
.attention-live .attention-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;gap:3px 20px}
.attention-live .attention-actions{grid-column:2;grid-row:1/4;margin:0;align-self:center}
.attention-live .attention-title{font-size:14px}
.attention-live .attention-meta,.attention-live .attention-desc{font-size:12px}
.overview-grid{align-items:start}
.overview-grid>.panel{min-height:0}
@media(min-width:901px) and (orientation:landscape){main:has(.material-heading){height:auto;display:block;padding-bottom:24px}.calculation-panel{position:sticky;top:20px;max-height:none;overflow:visible}.material-workspace{min-height:0}#product .offers-scroll{overflow:visible;max-height:none}}
@media(max-width:900px){.material-characteristics{grid-template-columns:repeat(2,minmax(0,1fr))}.material-filter .x-dropdown-trigger{min-height:44px}.material-selection-context{gap:8px}.material-add-success .button{min-height:44px}.attention-live .attention-copy{display:block}.attention-live .attention-actions{margin-top:10px}}
@media(max-width:600px){.material-characteristics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px}.material-filter>span{font-size:11px;margin-bottom:4px}.material-selected-summary{font-size:11px;margin:8px 0 12px}.material-heading .subtitle{font-size:12px}.material-selection-context{padding:10px 12px}.selection-order-info p{display:none}.selection-order-info strong{font-size:13px}.material-selection-context>.button{min-height:42px}.material-tabs .tab{padding:8px 0}.material-toolbar{margin-bottom:12px}#purchase-detail{width:100%;max-width:100%;height:100dvh}#purchase-detail .purchase-detail-header{padding:18px 16px 14px}#purchase-detail .purchase-detail-body{padding:18px 16px 24px}#purchase-detail .purchase-detail-actions{padding-left:16px;padding-right:16px}.purchase-timeline.simple{gap:5px}.purchase-timeline.simple li{font-size:10px}.purchase-scenario-links .button{width:auto;flex:1}.attention-live .attention-task{padding:14px 16px}.purchase-row{gap:14px}.purchase-money>strong{font-size:23px}}