:root,body.light{--primary:#1976ba;--secondary:#8492a4;--on-primary:#ffffff;--primary-container:#d0e4ff;--on-primary-container:#001d34;--on-secondary:#ffffff;--secondary-container:#d6e4f7;--on-secondary-container:#0f1d2a;--tertiary:#695779;--on-tertiary:#ffffff;--tertiary-container:#f0dbff;--on-tertiary-container:#241532;--error:#ba1a1a;--on-error:#ffffff;--error-container:#ffdad6;--on-error-container:#410002;--background:#fcfcff;--on-background:#1a1c1e;--surface:#f9f9fc;--on-surface:#1a1c1e;--surface-variant:#dee3eb;--on-surface-variant:#42474e;--outline:#73777f;--outline-variant:#c2c7cf;--shadow:#000000;--scrim:#000000;--inverse-surface:#2f3033;--inverse-on-surface:#f1f0f4;--inverse-primary:#9bcbff;--surface-dim:#dadadd;--surface-bright:#f9f9fc;--surface-container-lowest:#ffffff;--surface-container-low:#f4f3f7;--surface-container:#eeedf1;--surface-container-high:#e8e8eb;--surface-container-highest:#e2e2e6;--primary-dark:#145d94;--primary-soft:#e8f2fa;--bg:#f7fafc;--article-radius:26px;--font-family:Fira Sans, sans-serif;}html,body{min-height:100%;}body{font-family:var(--font-family);background:var(--background);color:var(--on-background);min-height:100vh;}.tb2b-page-loader{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:transparent;backdrop-filter:none;transition:opacity .22s ease,visibility .22s ease;pointer-events:none;}.tb2b-page-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none;}.tb2b-page-loader-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;width:min(86vw,12rem);min-height:7.25rem;padding:1rem 1.05rem;border:1px solid var(--outline-variant);border-radius:calc(var(--article-radius) - 6px);background:var(--surface-container-lowest);box-shadow:0 14px 38px color-mix(in srgb,var(--shadow) 14%,transparent);}.tb2b-page-loader-logo{display:block;width:min(8.25rem,58vw);max-width:100%;height:auto;max-height:4.75rem;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 6px 10px color-mix(in srgb,var(--shadow) 10%,transparent));}.tb2b-page-loader small{position:relative;z-index:1;color:var(--on-surface-variant);font-weight:600;letter-spacing:.01em;text-align:center;}body.tb2b-loading{overflow:auto;}@media (prefers-reduced-motion:reduce){.tb2b-page-loader{transition:none;}}header.fixed{background:color-mix(in srgb,var(--surface-container-high) 88%,var(--primary) 12%);border-bottom:1px solid var(--outline-variant);box-shadow:0 1px 2px color-mix(in srgb,var(--shadow) 10%,transparent);}header.fixed nav{background:transparent;color:var(--on-surface);}nav.drawer button.round,nav.left.drawer button.round,nav.drawer a.round,nav.left.drawer a.round{display:flex;align-items:center;justify-content:flex-start;width:100%;border-radius:999px;gap:.75rem;position:relative;}nav.drawer button.round .max,nav.left.drawer button.round .max,nav.drawer a.round .max,nav.left.drawer a.round .max{min-width:0;text-align:left;}.sidebar-support-button{width:calc(100% - 1.25rem) !important;max-width:17.5rem;margin:.25rem auto .45rem;min-height:2.75rem;padding-inline:.9rem !important;align-self:center;box-shadow:none;}.sidebar-support-button .nav-count-badge{margin-left:.6rem;}.nav-count-badge{margin-left:auto;position:static !important;transform:none !important;inset:auto !important;display:inline-flex;align-items:center;justify-content:center;min-width:1.45rem;height:1.45rem;padding:0 .42rem;border-radius:999px;background:var(--error);color:var(--on-error);font-size:.72rem;font-weight:700;line-height:1;flex:0 0 auto;}nav.drawer button.round.active .nav-count-badge,nav.left.drawer button.round.active .nav-count-badge,nav.drawer a.round.active .nav-count-badge,nav.left.drawer a.round.active .nav-count-badge{background:var(--on-primary);color:var(--primary);}main.responsive{display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem;width:100%;max-width:none;min-height:calc(100vh - 5rem);box-sizing:border-box;}main.responsive>article,main.responsive>section,main.responsive>form,main.responsive>.article{margin:0;}header.fixed nav h6{font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}main h1{font-size:clamp(1.75rem,4vw,3rem);line-height:1.08;margin-block:.15rem;}main h2{font-size:clamp(1.25rem,2.4vw,1.75rem);line-height:1.18;margin-block:.1rem;}main h3{font-size:clamp(1.05rem,1.8vw,1.25rem);line-height:1.2;margin-block:.1rem;}.article,section.article,form.article{display:block;border:1px solid var(--outline-variant);border-radius:var(--article-radius);background:var(--surface-container-lowest);color:var(--on-surface);padding:1.25rem;box-shadow:0 1px 2px color-mix(in srgb,var(--shadow) 12%,transparent);}article.dashboard-card,.dashboard-card{border:1px solid var(--outline-variant);border-radius:var(--article-radius);background:var(--surface-container-lowest);color:var(--on-surface);padding:1.25rem;box-shadow:0 1px 2px color-mix(in srgb,var(--shadow) 12%,transparent);margin:0;}.dashboard-hero{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--on-primary);border-color:transparent;}.dashboard-stack,.ui-stack{display:flex;flex-direction:column;gap:1rem;}.dashboard-kpis,.kpi-list,.quick-action-list,.choice-list,.code-list{display:flex;flex-wrap:wrap;gap:.85rem;align-items:stretch;}.dashboard-kpis>.dashboard-card,.kpi-list>.dashboard-card{flex:1 1 190px;min-width:190px;}.kpi-card .row{align-items:center;}.dashboard-icon,.dashboard-mini-icon{display:inline-flex;align-items:center;justify-content:center;padding:8px;flex:0 0 auto;}.dashboard-icon{margin-left:auto;}.dashboard-mini-icon{margin-left:.5rem;color:var(--primary);}.dashboard-columns,.ui-two-columns,.ui-three-columns{display:flex;flex-wrap:wrap;gap:1.25rem;align-items:stretch;}.dashboard-columns>.dashboard-card,.ui-two-columns>.article,.ui-two-columns>section,.ui-two-columns>article,.ui-two-columns>form{flex:1 1 380px;min-width:min(100%,320px);}.dashboard-pie-card{position:relative;overflow:visible;}.portfolio-pie-layout{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;}.portfolio-pie-wrap{position:relative;flex:0 0 13rem;display:flex;align-items:center;justify-content:center;min-height:13rem;}.portfolio-pie{position:relative;width:min(13rem,62vw);aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--outline-variant) 74%,transparent),0 16px 40px color-mix(in srgb,var(--shadow) 12%,transparent);}.portfolio-pie::after{content:"";position:absolute;inset:22%;border-radius:50%;background:var(--surface-container-lowest);box-shadow:inset 0 0 0 1px var(--outline-variant);}.portfolio-pie-center{position:absolute;z-index:1;inset:29%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}.portfolio-pie-center strong{font-size:clamp(1.25rem,4vw,2rem);line-height:1;}.portfolio-pie-center small{color:var(--on-surface-variant);font-weight:600;}.portfolio-pie-tooltip{position:absolute;z-index:12;min-width:9rem;padding:.65rem .75rem;border-radius:.9rem;background:var(--inverse-surface);color:var(--inverse-on-surface);box-shadow:0 14px 34px color-mix(in srgb,var(--shadow) 22%,transparent);pointer-events:none;transform:translateY(-50%);}.portfolio-pie-tooltip strong,.portfolio-pie-tooltip span{display:block;line-height:1.2;}.portfolio-pie-tooltip span{font-size:.86rem;opacity:.88;margin-top:.2rem;}.portfolio-pie-legend{flex:1 1 13rem;display:flex;flex-direction:column;gap:.55rem;min-width:min(100%,13rem);}.portfolio-pie-legend-item{display:flex;align-items:center;gap:.55rem;width:100%;min-height:2.35rem;padding:.45rem .55rem;border-radius:999px;border:1px solid var(--outline-variant);background:var(--surface-container-low);color:var(--on-surface);text-align:left;cursor:pointer;}.portfolio-pie-legend-item:hover,.portfolio-pie-legend-item:focus-visible{background:var(--surface-container);border-color:var(--primary);outline:none;}.portfolio-pie-legend-item .max{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.portfolio-pie-legend-item small{color:var(--on-surface-variant);min-width:3.2rem;text-align:right;}.portfolio-pie-dot{width:.8rem;height:.8rem;border-radius:50%;flex:0 0 .8rem;box-shadow:0 0 0 3px color-mix(in srgb,var(--surface-container-lowest) 70%,transparent);}.ui-three-columns>.article,.ui-three-columns>section,.ui-three-columns>article{flex:1 1 300px;min-width:min(100%,280px);}.quick-action-list>a,.quick-action-list>.button{flex:1 1 180px;justify-content:flex-start;}.choice-list>a,.choice-list>div{flex:1 1 220px;}.code-list code{display:inline-flex;align-items:center;padding:.45rem .65rem;border-radius:1rem;background:var(--surface-container);border:1px solid var(--outline-variant);white-space:normal;}.detail-pairs,.form-pair-list{display:flex;flex-wrap:wrap;gap:.75rem;}.detail-pairs>div,.form-pair-list>.field,.form-pair-list>div{flex:1 1 220px;min-width:min(100%,220px);padding:.75rem;border-radius:1rem;background:var(--surface-container-low);}.detail-pairs span{display:block;color:var(--on-surface-variant);font-size:.85rem;}.detail-pairs strong{display:block;overflow-wrap:anywhere;}.service-choice-article,.service-form-panel,.alert,.system-hero,.profile-header,.contract-detail-article,.device-detail-article,.sim-detail-article,.masterdata-list-item,.portal-user-item,.timeline-item,.audit-compact-item{border:1px solid var(--outline-variant);border-radius:var(--article-radius);background:var(--surface-container-lowest);padding:1rem;box-shadow:0 1px 2px color-mix(in srgb,var(--shadow) 10%,transparent);}.pending-hardware-order{opacity:.72;background:repeating-linear-gradient(135deg,var(--surface-container-lowest),var(--surface-container-lowest) 16px,var(--surface-container-low) 16px,var(--surface-container-low) 32px);border-style:dashed;position:relative;}.pending-hardware-order .button{pointer-events:none;}.pending-hardware-note{display:flex;gap:.65rem;align-items:flex-start;margin-top:.85rem;padding:.85rem;border-radius:calc(var(--article-radius) - 12px);background:var(--surface-container);color:var(--on-surface-variant);}.pending-hardware-note i{color:var(--primary);flex:0 0 auto;}.customer-view-page,.customer-tab-panels,.customer-tab-panel{display:flex;flex-direction:column;gap:1.15rem;width:100%;min-width:0;}.compact-profile-header{display:flex;flex-wrap:wrap;gap:1.25rem;align-items:flex-end;justify-content:space-between;background:linear-gradient(135deg,var(--surface-container-lowest),var(--surface-container-low));}.compact-profile-header .profile-main{display:flex;flex-direction:column;gap:.55rem;flex:1 1 420px;min-width:min(100%,300px);}.compact-profile-header .profile-main h1{margin:0;font-size:clamp(1.55rem,3.2vw,2.65rem);line-height:1.05;}.profile-eyebrow{color:var(--primary);font-weight:700;text-transform:uppercase;letter-spacing:.06em;}.profile-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end;align-items:center;}.profile-actions .button{border-radius:999px;}.badge-row,.advisor-strip{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;}.advisor-strip span{font-weight:400;color:var(--on-surface-variant);}.advisor-strip strong{font-weight:700;}.customer-workspace{display:flex;flex-direction:column;gap:1.15rem;align-items:stretch;}.customer-side-nav{display:flex;flex-wrap:wrap;gap:.65rem;width:100%;position:static;align-self:stretch;padding:.85rem;background:var(--surface-container-lowest);}.customer-side-nav .button{flex:1 1 0;min-width:140px;justify-content:center;border-radius:999px;white-space:nowrap;}.customer-side-nav .button.active{background:var(--primary);color:var(--on-primary);}.customer-tab-panel{scroll-margin-top:5.5rem;}.customer-content-panels{width:100%;min-width:0;display:flex;flex:1 1 auto;flex-direction:column;gap:1.15rem;}.customer-tab-panel.active{display:flex;flex-direction:column;align-items:stretch;width:100%;}.customer-tab-panel>.article,.customer-tab-panel>section,.customer-tab-panel>article{width:100%;box-sizing:border-box;}.masterdata-article{display:flex;flex-direction:column;gap:1.15rem;}.masterdata-title small{display:block;color:var(--on-surface-variant);margin-top:.2rem;}.masterdata-card-layout,.masterdata-secondary-cards{display:flex;flex-wrap:wrap;gap:1rem;align-items:stretch;}.masterdata-top-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:stretch;}.masterdata-top-cards>.masterdata-card{min-width:0;width:100%;}.masterdata-card{display:flex;flex-direction:column;gap:1rem;flex:1 1 auto;min-width:min(100%,280px);padding:1rem;border:1px solid var(--outline-variant);border-radius:calc(var(--article-radius) - 6px);background:var(--surface-container-low);box-shadow:0 1px 2px color-mix(in srgb,var(--shadow) 8%,transparent);}.masterdata-card-large{flex:2 1 520px;}.masterdata-card-head{display:flex;align-items:center;gap:.8rem;}.masterdata-card-head>i{display:inline-flex;align-items:center;justify-content:center;width:2.65rem;height:2.65rem;border-radius:999px;background:var(--primary-container);color:var(--on-primary-container);flex:0 0 auto;}.masterdata-card-head h3{margin:0;font-size:clamp(1.02rem,1.7vw,1.2rem);}.masterdata-card-head small{display:block;color:var(--on-surface-variant);margin-top:.15rem;}.masterdata-details{display:flex;flex-direction:column;gap:.75rem;margin:0;}.masterdata-field{width:100%;min-width:0;padding:.78rem .85rem;border:1px solid color-mix(in srgb,var(--outline-variant) 82%,transparent);border-radius:calc(var(--article-radius) - 12px);background:var(--surface-container-lowest);}.masterdata-field.wide{width:100%;}.masterdata-field.full{width:100%;}.masterdata-label{display:block;margin-bottom:.25rem;font-size:.84rem;font-weight:400;color:var(--on-surface-variant);}.masterdata-value{display:block;font-weight:700;color:var(--on-surface);overflow-wrap:anywhere;}.masterdata-details.compact .masterdata-field{width:100%;}.masterdata-list{display:flex;flex-direction:column;gap:.75rem;}.masterdata-list-item{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;border-radius:calc(var(--article-radius) - 12px);background:var(--surface-container-lowest);}.masterdata-list-main{display:flex;flex-direction:column;gap:.15rem;flex:1 1 220px;}.masterdata-list-main span{font-weight:400;color:var(--on-surface-variant);}.masterdata-list-main strong{font-weight:700;}.masterdata-contact-link{font-weight:700;color:var(--primary);overflow-wrap:anywhere;}.contract-article-list,.device-article-list,.sim-article-list{display:flex;flex-direction:column;gap:1rem;align-items:stretch;}.contract-article-list>.contract-detail-article,.device-article-list>.device-detail-article,.sim-article-list>.sim-detail-article{width:100%;min-width:0;}.contract-detail-article,.device-detail-article,.sim-detail-article{display:flex;flex-direction:column;gap:1rem;}.customer-horizontal-card{display:flex;flex-direction:row;gap:1rem;align-items:stretch;width:100%;}.customer-horizontal-media{flex:0 0 7.5rem;width:7.5rem;min-height:7.5rem;border:1px solid var(--outline-variant);border-radius:calc(var(--article-radius) - 10px);background:var(--surface-container-low);display:flex;align-items:center;justify-content:center;overflow:hidden;}.customer-horizontal-media img{width:100%;height:100%;object-fit:contain;padding:.5rem;}.customer-horizontal-media i{font-size:2.75rem;color:var(--primary);}.contract-horizontal-media{background:var(--primary-container);color:var(--on-primary-container);}.contract-horizontal-media i{color:var(--on-primary-container);}.customer-horizontal-body{display:flex;flex-direction:column;gap:.8rem;flex:1 1 auto;min-width:0;}.contract-detail-header,.device-detail-header{display:flex;gap:.8rem;align-items:flex-start;justify-content:space-between;min-width:0;}.contract-detail-header>div:first-child,.device-detail-header>div:first-child{min-width:0;}.contract-detail-header h3,.device-detail-header h3{overflow-wrap:anywhere;}.contract-detail-header,.device-detail-header{flex-wrap:wrap;}.contract-detail-header>div:first-child,.device-detail-header>div:first-child{flex:1 1 280px;}.contract-detail-header .badge,.device-detail-header .badge{flex:0 0 auto;}.device-detail-header h3,.contract-detail-header h3{margin:0;line-height:1.25;}.contract-detail-badges{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap;justify-content:flex-end;}.horizontal-detail-list{display:flex;flex-wrap:wrap;gap:.65rem 1.35rem;align-items:flex-start;}.horizontal-detail-list>div{flex:0 1 auto;min-width:8.5rem;max-width:16rem;padding:0;background:transparent;border-radius:0;}.horizontal-detail-list span{display:block;font-size:.82rem;font-weight:400;color:var(--on-surface-variant);line-height:1.25;}.horizontal-detail-list strong{display:block;font-weight:700;color:var(--on-surface);overflow-wrap:anywhere;line-height:1.35;}.horizontal-detail-list small{display:block;color:var(--on-surface-variant);overflow-wrap:anywhere;}.customer-single-column-note{display:none;}a.service-choice-article{display:flex;flex-direction:column;gap:.35rem;text-decoration:none;color:var(--on-surface);}.service-choice-article svg{width:2rem;height:2rem;color:var(--primary);}.service-choice-article.disabled{opacity:.55;background:var(--surface-container);}.support-topic-list{display:flex;flex-direction:column;gap:.75rem;margin-block:1rem;}.support-topic-card{display:flex;align-items:center;gap:.85rem;padding:1rem;border:1px solid var(--outline-variant);border-radius:calc(var(--article-radius) - 8px);background:var(--surface-container-lowest);color:var(--on-surface);text-decoration:none;}.support-topic-card{justify-content:flex-start;text-align:left;}.support-topic-card .max{text-align:left;}.support-topic-card>i:last-child{margin-left:auto;}.support-topic-card:hover{background:var(--surface-container-low);}.support-topic-card svg{width:2rem;height:2rem;color:var(--primary);flex:0 0 auto;}.support-topic-card strong{display:block;font-weight:700;}.support-topic-card small{display:block;color:var(--on-surface-variant);}.sidebar-mini-card{display:flex;flex-direction:column;gap:.75rem;margin:.5rem;padding:.85rem;border:1px solid var(--outline-variant);border-radius:calc(var(--article-radius) - 10px);background:var(--surface-container-low);box-shadow:none;}.sidebar-mini-card .row{gap:.65rem;align-items:center;}.sidebar-mini-card i{color:var(--primary);}.sidebar-mini-card strong{font-weight:700;display:block;}.sidebar-mini-card small{display:block;color:var(--on-surface-variant);}.support-modal article{max-height:min(92vh,860px);overflow:auto;}.support-modal-layout{display:flex;gap:1rem;align-items:stretch;}.support-modal-wizard{flex:1 1 560px;min-width:0;display:flex;flex-direction:column;gap:1rem;}.support-modal-history{flex:0 0 330px;min-width:min(100%,280px);display:flex;flex-direction:column;gap:.85rem;border:1px solid var(--outline-variant);border-radius:calc(var(--article-radius) - 8px);background:var(--surface-container-low);padding:1rem;}.support-modal-stepper{display:flex;gap:.5rem;list-style:none;margin:0 0 1rem 0;padding:0;counter-reset:none;}.support-modal-stepper li{display:flex;align-items:center;gap:.45rem;flex:1 1 0;min-width:0;padding:.55rem .65rem;border-radius:999px;background:var(--surface-container);color:var(--on-surface-variant);}.support-modal-stepper li span{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:999px;background:var(--surface-container-high);font-weight:700;}.support-modal-stepper li small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.support-modal-stepper li.active{background:var(--primary-container);color:var(--on-primary-container);}.support-modal-stepper li.done{background:color-mix(in srgb,var(--primary-container) 70%,var(--surface-container));color:var(--on-primary-container);}.support-modal-stepper li.done span,.support-modal-stepper li.active span{background:var(--primary);color:var(--on-primary);}.support-step-title{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.75rem;}.support-step-title h6{margin:0;font-weight:700;}.support-step-title small{color:var(--on-surface-variant);}.support-modal-form{display:flex;flex-direction:column;gap:.85rem;}button.support-topic-card{width:100%;text-align:left;appearance:none;border:1px solid var(--outline-variant);font:inherit;cursor:pointer;}button.support-topic-card.active,.support-topic-card.active{border-color:var(--primary);background:var(--primary-container);color:var(--on-primary-container);}button.support-topic-card.disabled,button.support-topic-card:disabled{cursor:not-allowed;opacity:.55;background:var(--surface-container);}.support-field-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;}.support-field-row>.field{flex:1 1 220px;min-width:min(100%,220px);}.support-modal-actions{display:flex;justify-content:flex-end;gap:.65rem;flex-wrap:wrap;margin-top:.5rem;}.support-modal-status{padding:.85rem 1rem;border-radius:calc(var(--article-radius) - 12px);}.support-modal-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;padding:2rem;border-radius:var(--article-radius);background:var(--surface-container-low);}.support-modal-empty i{font-size:2.25rem;color:var(--primary);}.support-request-list{display:flex;flex-direction:column;gap:.75rem;}.support-request-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;border:1px solid var(--outline-variant);border-radius:calc(var(--article-radius) - 10px);background:var(--surface-container-low);padding:.85rem 1rem;}.support-request-item>div{display:flex;flex-direction:column;gap:.15rem;min-width:0;}.support-request-item span:not(.badge){color:var(--on-surface-variant);overflow-wrap:anywhere;}.service-shell,.service-center-page{display:flex;flex-direction:column;gap:1rem;}.service-form-panel{display:flex;flex-direction:column;gap:.85rem;}.alert{background:var(--error-container);color:var(--on-error-container);}.section-title,.article-title-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;}.section-title h2,.article-title-row h2{flex:1 1 auto;}.row.article{gap:.75rem;align-items:flex-end;flex-wrap:wrap;}.row.article>.field{flex:1 1 220px;min-width:min(100%,220px);}.filter-flex-grid{display:flex;flex-wrap:wrap;gap:.85rem;align-items:flex-end;width:100%;}.filter-flex-grid>.field{flex:1 1 14rem;min-width:min(100%,13rem);margin:0;}.filter-flex-grid>.filter-search-field{flex:1.6 1 18rem;min-width:min(100%,16rem);}.filter-flex-grid>.filter-select-field{flex:1 1 13rem;min-width:min(100%,12rem);}.filter-flex-grid>.button,.filter-flex-grid>a.button{flex:0 0 auto;white-space:nowrap;min-height:3rem;margin:0;}.filter-flex-grid>.live-search-status{align-self:center;white-space:nowrap;color:var(--on-surface-variant);}.filter-flex-grid input,.filter-flex-grid select{width:100%;}.filter-flex-grid .field.border{position:relative;min-height:3.35rem;border-radius:1.05rem;background:var(--surface-container-lowest);box-shadow:0 1px 2px color-mix(in srgb,var(--shadow) 7%,transparent);overflow:visible;}.filter-flex-grid .field.border:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent);}.filter-flex-grid .field.border input,.filter-flex-grid .field.border select{min-height:3.35rem;font:inherit;}.filter-flex-grid .field.border input{padding-right:1rem;}.filter-flex-grid .field.border:has(select){background:linear-gradient(180deg,var(--surface-container-lowest),color-mix(in srgb,var(--surface-container-lowest) 86%,var(--surface-container-low)));}.filter-flex-grid .field.border:has(select)::after{content:"expand_more";font-family:"Material Symbols Outlined";font-weight:400;font-style:normal;font-size:1.35rem;line-height:1;position:absolute;right:.8rem;top:50%;transform:translateY(-50%);color:var(--on-surface-variant);pointer-events:none;z-index:2;}.filter-flex-grid .field.border select{appearance:none;-webkit-appearance:none;background:transparent;border:0;color:var(--on-surface);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:.98rem 2.65rem .38rem .95rem !important;}.filter-flex-grid .field.border select::-ms-expand{display:none;}.filter-flex-grid .field.border:has(select) label{top:.38rem;left:.95rem;transform:none;font-size:.72rem;line-height:1;font-weight:700;letter-spacing:.01em;color:var(--on-surface-variant);background:transparent;padding:0;pointer-events:none;}.filter-flex-grid .field.border:has(select:focus) label{color:var(--primary);}.filter-actions{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;flex:0 0 auto;}.filter-actions>.button,.filter-actions>a.button{margin:0;min-height:3rem;}.filter-summary{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;flex:1 1 100%;margin-top:.1rem;color:var(--on-surface-variant);font-size:.9rem;}.filter-summary .badge{position:static;transform:none;margin:0;}.customer-filter-grid{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;}.customer-filter-grid>.field{margin-bottom:0;}.customer-filter-grid>.filter-primary-field,.customer-filter-grid>.filter-select-field{flex:1 1 calc(33.333% - .75rem);min-width:min(100%,14rem);}.customer-filter-grid>.filter-primary-field{min-width:min(100%,18rem);}.customer-filter-actions{flex:1 1 100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;}.customer-list-table td,.customer-list-table th{vertical-align:middle;}.customer-list-table .customer-status-cell{white-space:nowrap;}.customer-list-table .badge{position:static;transform:none;margin:0;vertical-align:middle;}table{width:100%;}.article table,section.article table{border-collapse:separate;border-spacing:0;}.article table th,.article table td{padding:.75rem .6rem;}.empty,.empty-cell{color:var(--on-surface-variant);}.hardware-shop-hero{background:linear-gradient(135deg,var(--surface-container-lowest),var(--primary-container));}.hardware-filter-mobile{display:block;}.hardware-filter-mobile summary{display:flex;align-items:center;gap:.65rem;cursor:pointer;list-style:none;}.hardware-filter-mobile summary::-webkit-details-marker{display:none;}.hardware-filter-mobile summary i:last-child{margin-left:auto;}.hardware-filter-mobile-form{display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem;margin-top:1rem;align-items:flex-end;}.hardware-filter-mobile-form .button{justify-content:center;}.hardware-request-list{display:flex;flex-direction:column;gap:1rem;}.hardware-request-card{display:flex;flex-direction:column;gap:1rem;border:1px solid var(--outline-variant);border-radius:var(--article-radius);background:var(--surface-container-lowest);padding:1.1rem;box-shadow:0 1px 2px color-mix(in srgb,var(--shadow) 10%,transparent);}.hardware-request-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-wrap:wrap;}.hardware-request-head>div:first-child{flex:1 1 320px;min-width:min(100%,260px);}.hardware-request-head h2{margin:0;line-height:1.25;overflow-wrap:anywhere;}.hardware-request-meta{display:flex;gap:.45rem;flex-wrap:wrap;}.hardware-request-grid{display:flex;gap:.75rem;flex-wrap:wrap;}.hardware-request-grid>div{flex:1 1 190px;min-width:min(100%,190px);padding:.75rem;border-radius:calc(var(--article-radius) - 12px);background:var(--surface-container-low);}.hardware-request-grid span{display:block;font-size:.84rem;font-weight:400;color:var(--on-surface-variant);margin-bottom:.18rem;}.hardware-request-grid strong{font-weight:700;}.hardware-request-actions{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap;}.hardware-request-actions .field{flex:1 1 180px;min-width:min(100%,180px);}.hardware-request-actions .textarea{flex:2 1 320px;}.hardware-request-actions .button{white-space:nowrap;}.pending-hardware-action{display:flex;justify-content:flex-end;margin:.75rem 0 .25rem;}.hardware-status-workflow{display:flex;gap:.55rem;flex-wrap:wrap;list-style:none;padding:0;margin:.15rem 0;}.hardware-status-workflow li{display:flex;align-items:center;gap:.45rem;padding:.45rem .7rem;border-radius:999px;border:1px solid var(--outline-variant);background:var(--surface-container-low);color:var(--on-surface-variant);}.hardware-status-workflow li span{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border-radius:999px;background:var(--surface-container-high);font-size:.78rem;font-weight:700;}.hardware-status-workflow li.done,.hardware-status-workflow li.active{border-color:var(--primary);background:var(--primary-container);color:var(--on-primary-container);}.hardware-status-workflow li.done span,.hardware-status-workflow li.active span{background:var(--primary);color:var(--on-primary);}.hardware-status-workflow li.rejected{border-color:var(--error);background:var(--error-container);color:var(--on-error-container);}.hardware-status-history summary{cursor:pointer;color:var(--primary);font-weight:700;}.hardware-status-history-list{display:flex;flex-direction:column;gap:.55rem;margin-top:.65rem;}.hardware-status-history-list article{padding:.75rem;border-radius:calc(var(--article-radius) - 12px);background:var(--surface-container-low);border:1px solid var(--outline-variant);}.hardware-status-history-list span,.hardware-status-history-list p{display:block;margin:.2rem 0 0;color:var(--on-surface-variant);}.request-center-kpis{display:flex;flex-wrap:wrap;gap:1rem;}.request-center-kpis>.dashboard-card{flex:1 1 180px;}.request-center-kpis strong{display:block;font-size:2rem;line-height:1.1;}.request-center-table td,.request-center-table th{vertical-align:middle;}.request-center-table .button{white-space:nowrap;}.priority-badge.priority-low{background:var(--surface-container-high);color:var(--on-surface-variant);border:1px solid var(--outline-variant);}.priority-badge.priority-normal{background:var(--primary-container);color:var(--on-primary-container);border:1px solid color-mix(in srgb,var(--primary) 35%,var(--outline-variant));}.priority-badge.priority-high{background:var(--tertiary-container);color:var(--on-tertiary-container);border:1px solid color-mix(in srgb,var(--tertiary) 40%,var(--outline-variant));}.priority-badge.priority-critical{background:var(--error-container);color:var(--on-error-container);border:1px solid color-mix(in srgb,var(--error) 45%,var(--outline-variant));}.request-meta-form{display:flex;gap:.55rem;align-items:flex-end;flex-wrap:wrap;min-width:18rem;}.request-meta-form .field{min-width:8.5rem;flex:1 1 8.5rem;}.request-meta-form .textarea{flex:1 1 16rem;}.request-meta-form .button{flex:0 0 auto;}.request-internal-notes,.request-activity-log{display:flex;flex-direction:column;gap:.55rem;margin-top:.55rem;}.request-internal-notes article,.request-activity-log article{padding:.65rem .75rem;border:1px solid var(--outline-variant);border-radius:calc(var(--article-radius) - 14px);background:var(--surface-container-low);}.request-internal-notes strong,.request-activity-log strong{display:block;}.request-internal-notes small,.request-activity-log small{display:block;color:var(--on-surface-variant);}.customer-activity-list{display:flex;flex-direction:column;gap:.75rem;}.customer-activity-item{display:flex;gap:.85rem;align-items:center;flex-wrap:wrap;border:1px solid var(--outline-variant);border-radius:calc(var(--article-radius) - 10px);background:var(--surface-container-lowest);padding:.9rem;}.customer-activity-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:999px;background:var(--primary-container);color:var(--on-primary-container);flex:0 0 auto;}.customer-activity-item strong,.customer-activity-item small{display:block;}.hardware-filter-bar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;}.hardware-filter-bar>.field{min-width:0;}.hardware-filter-bar>.filter-search-field{flex:1.6 1 18rem;}.hardware-filter-bar>.filter-select-field{flex:1 1 0;min-width:12rem;}.hardware-filter-bar>.field:has(select){flex:1 1 0;min-width:12rem;}.hardware-filter-bar>.field:has(input[name="q"]){flex:1.6 1 18rem;}.hardware-filter-bar>.button{flex:0 0 auto;}.hardware-filter-bar.l{display:grid;grid-template-columns:minmax(14rem,1.45fr) repeat(3,minmax(8.5rem,.85fr)) auto;gap:.75rem;align-items:end;width:100%;}.hardware-filter-bar.l>.field,.hardware-filter-bar.l>.filter-search-field,.hardware-filter-bar.l>.filter-select-field,.hardware-filter-bar.l>.field:has(select),.hardware-filter-bar.l>.field:has(input[name="q"]){flex:none;min-width:0;width:100%;}.hardware-filter-bar.l>.filter-actions{display:flex;align-items:flex-end;justify-content:flex-end;gap:.6rem;flex-wrap:nowrap;min-width:max-content;}.hardware-filter-bar.l>.filter-actions>.button,.hardware-filter-bar.l>.filter-actions>a.button{white-space:nowrap;flex:0 0 auto;}.hardware-request-filter-bar>.field:has(select){flex:1 1 0;min-width:0;}.hardware-request-filter-bar>.field:has(input[name="q"]){flex:1.4 1 280px;}.contract-filter-bar{display:grid;grid-template-columns:minmax(14rem,1.35fr) repeat(2,minmax(9rem,.85fr)) auto;gap:.75rem;align-items:end;width:100%;margin:.85rem 0 1rem;padding:.85rem;border:1px solid var(--outline-variant);border-radius:calc(var(--article-radius) - 10px);background:var(--surface-container-lowest);}.contract-filter-bar>.field,.contract-filter-bar>.filter-search-field,.contract-filter-bar>.filter-select-field{flex:none;min-width:0;width:100%;margin:0;}.contract-filter-bar>.filter-actions{display:flex;align-items:flex-end;justify-content:flex-end;gap:.6rem;flex-wrap:nowrap;min-width:max-content;}.contract-filter-bar>.filter-actions>.button,.contract-filter-bar>.filter-actions>a.button{white-space:nowrap;flex:0 0 auto;}.hardware-product-list{display:flex;flex-wrap:wrap;gap:1rem;align-items:stretch;}.hardware-product-card{display:flex;flex-direction:column;flex:1 1 280px;max-width:calc(33.333% - .7rem);min-width:min(100%,280px);border:1px solid var(--outline-variant);border-radius:var(--article-radius);background:var(--surface-container-lowest);box-shadow:0 1px 2px color-mix(in srgb,var(--shadow) 10%,transparent);overflow:hidden;}.hardware-product-image{display:block;background:var(--surface-container-low);aspect-ratio:4/3;overflow:hidden;}.hardware-product-image img{width:100%;height:100%;object-fit:cover;display:block;}.hardware-product-body{display:flex;flex-direction:column;gap:.5rem;padding:1rem;flex:1;}.hardware-product-body h2{margin:0;}.hardware-product-body h2{line-height:1.22;overflow-wrap:anywhere;}.hardware-card-topline small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.hardware-product-body p{margin:0;color:var(--on-surface-variant);}.hardware-chip-row{display:flex;gap:.35rem;flex-wrap:wrap;}.hardware-card-topline{display:flex;align-items:center;justify-content:space-between;gap:.65rem;flex-wrap:wrap;}.hardware-card-availability-list{display:flex;align-items:center;gap:.42rem;flex-wrap:wrap;padding:.45rem 0 .1rem;}.hardware-color-availability-item{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.05rem;height:2.05rem;border-radius:999px;background:var(--surface-container-low);border:1px solid var(--outline-variant);}.hardware-color-availability-item .hardware-color-dot{width:1.15rem;height:1.15rem;}.hardware-card-footer{display:flex;gap:.75rem;align-items:center;justify-content:space-between;margin-top:auto;flex-wrap:wrap;}.hardware-detail-page{display:flex;gap:1rem;align-items:flex-start;flex-wrap:wrap;}.hardware-detail-media{flex:1 1 520px;min-width:min(100%,320px);}.hardware-detail-summary{flex:1 1 360px;min-width:min(100%,320px);display:flex;flex-direction:column;gap:.85rem;}.hardware-image-slider{display:flex;flex-direction:column;gap:.75rem;}.hardware-detail-specs{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--outline-variant);}.hardware-detail-specs h2{margin:0;font-size:1.15rem;}.hardware-main-image{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:calc(var(--article-radius) - 10px);background:var(--surface-container-low);}.hardware-thumbs{display:flex;gap:.5rem;flex-wrap:wrap;}.hardware-thumbs button{width:4rem;height:4rem;overflow:hidden;border:1px solid var(--outline-variant);}.hardware-thumbs button.active{border-color:var(--primary);background:var(--primary-container);}.hardware-thumbs img{width:100%;height:100%;object-fit:cover;border-radius:999px;}.hardware-bundle-card{display:flex;gap:.75rem;align-items:center;padding:1rem;border:1px solid var(--outline-variant);border-radius:calc(var(--article-radius) - 10px);background:var(--primary-container);color:var(--on-primary-container);}.hardware-bundle-card i{font-size:2rem;}.hardware-bundle-card div{display:flex;flex-direction:column;}.hardware-order-form,.hardware-admin-form,.hardware-form-section{display:flex;flex-direction:column;gap:.85rem;}.hardware-form-fields,.hardware-image-inputs{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;}.hardware-form-fields>.field,.hardware-image-inputs>.field{flex:1 1 240px;min-width:min(100%,240px);}.hardware-form-fields-inline>.field{flex:1 1 0;min-width:min(100%,170px);}.hardware-form-fields-inline>.field.textarea{flex:2 1 260px;min-width:min(100%,240px);}.hardware-spec-table th{width:34%;color:var(--on-surface-variant);font-weight:400;text-align:left;}.hardware-spec-table td{font-weight:700;}.support-modal-layout-chat{display:flex;gap:1rem;align-items:stretch;}.support-modal-layout-chat .support-modal-history{order:1;flex:0 0 340px;max-width:360px;}.support-modal-main{order:2;flex:1 1 620px;min-width:0;display:flex;flex-direction:column;gap:1rem;}.support-history-preview{margin:0;padding:1rem;border-radius:calc(var(--article-radius) - 10px);background:var(--surface-container-low);border:1px solid var(--outline-variant);}.support-request-item{width:100%;appearance:none;border:1px solid var(--outline-variant);border-radius:calc(var(--article-radius) - 10px);background:var(--surface-container-low);color:var(--on-surface);padding:.85rem 1rem;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;}.support-request-item.active,.support-request-item:hover{background:var(--primary-container);color:var(--on-primary-container);border-color:var(--primary);}.support-request-text{display:flex;flex-direction:column;gap:.15rem;min-width:0;}.support-request-text span,.support-request-text small{color:inherit;opacity:.78;overflow-wrap:anywhere;}.support-type-list .support-topic-card{justify-content:flex-start;text-align:left;}.message-layout{display:flex;gap:1rem;align-items:stretch;}.message-layout>aside{flex:0 0 340px;max-width:360px;min-width:280px;}.message-layout>.chat-panel{flex:1 1 640px;min-width:0;}.thread-list{display:flex;flex-direction:column;gap:.65rem;}.thread-article{display:flex;flex-direction:column;gap:.25rem;padding:.85rem 1rem;border:1px solid var(--outline-variant);border-radius:calc(var(--article-radius) - 12px);background:var(--surface-container-low);color:var(--on-surface);text-decoration:none;}.thread-article.active,.thread-article:hover{background:var(--primary-container);color:var(--on-primary-container);border-color:var(--primary);}.thread-subject-line{display:flex;gap:.45rem;align-items:center;justify-content:space-between;}.chat-panel,.chat-stream{display:flex;flex-direction:column;gap:.85rem;}.chat-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-wrap:wrap;}.chat-message{max-width:min(78%,720px);border-radius:1.35rem;padding:.85rem 1rem;border:1px solid var(--outline-variant);box-shadow:0 1px 2px color-mix(in srgb,var(--shadow) 8%,transparent);}.chat-message.mine{align-self:flex-start;}.chat-message.incoming{align-self:flex-end;}.chat-message.role-customer{background:var(--surface-container-high);color:var(--on-surface);}.chat-message.role-employee{background:var(--primary);color:var(--on-primary);border-color:var(--primary);}.chat-message.role-admin{background:var(--error);color:var(--on-error);border-color:var(--error);}.chat-message.role-system{background:var(--surface-container);color:var(--on-surface);}.chat-message-meta{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap;font-size:.82rem;opacity:.86;margin-bottom:.35rem;}.chat-message p{margin:.2rem 0 0 0;}.chat-form,.chat-form-row{display:flex;flex-direction:column;gap:.75rem;}.hardware-color-mini-row,.hardware-color-select{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center;}.hardware-color-field{display:flex;flex-direction:column;gap:.45rem;}.hardware-color-dot{display:inline-flex;width:1.15rem;height:1.15rem;border-radius:999px;border:1px solid var(--outline);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--surface) 65%,transparent);flex:0 0 auto;}.hardware-color-swatch-option{width:2.65rem;height:2.65rem;border:1px solid var(--outline-variant);border-radius:999px;background:var(--surface-container-low);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;}.hardware-color-swatch-option input{position:absolute;opacity:0;pointer-events:none;}.hardware-color-swatch-option .hardware-color-dot{width:1.75rem;height:1.75rem;}.hardware-color-swatch-option:has(input:checked){border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent);}.hardware-color-swatch-option.disabled{opacity:.38;cursor:not-allowed;background:var(--surface-container);}.hardware-color-status{color:var(--on-surface-variant);}.hardware-color-option{display:flex;align-items:center;gap:.65rem;min-width:min(100%,180px);padding:.75rem .85rem;border:1px solid var(--outline-variant);border-radius:calc(var(--article-radius) - 12px);background:var(--surface-container-low);cursor:pointer;}.hardware-color-option input{accent-color:var(--primary);}.hardware-color-option:has(input:checked){border-color:var(--primary);background:var(--primary-container);color:var(--on-primary-container);}.hardware-color-option small{display:block;color:inherit;opacity:.72;}.hardware-color-empty{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:calc(var(--article-radius) - 12px);background:var(--surface-container-low);color:var(--on-surface-variant);}.hardware-color-admin-list{display:flex;flex-direction:column;gap:.75rem;}.hardware-color-admin-row{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap;padding:.85rem;border:1px solid var(--outline-variant);border-radius:calc(var(--article-radius) - 12px);background:var(--surface-container-low);}.hardware-color-admin-row>.field{flex:1 1 155px;min-width:min(100%,155px);}.hardware-admin-status-field{display:flex;flex-direction:column;gap:.25rem;align-self:stretch;justify-content:center;min-width:min(100%,155px);}.hardware-admin-status-toggle{appearance:none;cursor:pointer;min-height:2.5rem;justify-content:center;}.hardware-color-inline{display:inline-flex;align-items:center;gap:.45rem;}.hardware-selected-availability{display:flex;flex-direction:column;gap:.3rem;padding:.75rem .85rem;border:1px solid var(--outline-variant);border-radius:calc(var(--article-radius) - 12px);background:var(--surface-container-low);}.hardware-availability-badge>i{font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 20;}.hardware-availability-badge{display:inline-flex;align-items:center;gap:.35rem;width:max-content;max-width:100%;min-height:1.55rem;padding:.24rem .6rem;border-radius:999px;font-size:.76rem;font-weight:800;line-height:1;white-space:nowrap;border:1px solid var(--outline-variant);background:var(--surface-container-high);color:var(--on-surface);}.hardware-availability-badge.compact{font-size:.68rem;padding:.2rem .52rem;}.hardware-availability-badge.in-stock>i{color:var(--primary);}.hardware-availability-badge.ordered>i{color:var(--secondary);}.hardware-availability-badge.out-of-stock>i{color:var(--outline);}.hardware-availability-badge.in-stock{background:color-mix(in srgb,var(--primary-container) 68%,white);color:var(--on-primary-container);border-color:color-mix(in srgb,var(--primary) 35%,var(--outline-variant));}.hardware-availability-badge.ordered{background:var(--secondary-container);color:var(--on-secondary-container);border-color:color-mix(in srgb,var(--secondary) 38%,var(--outline-variant));}.hardware-availability-badge.out-of-stock{background:var(--surface-container-high);color:var(--on-surface-variant);border-color:var(--outline-variant);}header.fixed nav .nav-icon-action{position:relative;overflow:visible;width:2.75rem;height:2.75rem;min-width:2.75rem;padding:0;display:inline-flex;align-items:center;justify-content:center;}header.fixed nav .message-nav-action>.badge,header.fixed nav .nav-icon-action>.badge{position:absolute;right:.08rem;top:.08rem;transform:translate(42%,-42%);z-index:4;min-width:1.22rem;height:1.22rem;padding:0 .34rem;display:inline-flex;align-items:center;justify-content:center;font-size:.66rem;line-height:1;border:2px solid var(--surface);box-shadow:0 1px 4px color-mix(in srgb,var(--shadow) 22%,transparent);pointer-events:none;}.badge,.support-status-badge,.message-status-badge,.role-badge{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;width:max-content;max-width:100%;min-height:1.45rem;padding:.22rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700;line-height:1;white-space:nowrap;vertical-align:middle;}.message-status-badge,.support-status-badge{background:var(--surface-container-high);color:var(--on-surface-variant);border:1px solid color-mix(in srgb,var(--outline-variant) 70%,transparent);}.message-status-badge.active,.support-status-badge.open,.support-status-badge.waiting_employee,.support-status-badge.waiting-customer,.support-status-badge.waiting_customer{background:var(--primary-container);color:var(--on-primary-container);border-color:color-mix(in srgb,var(--primary) 35%,var(--outline-variant));}.message-status-badge.waiting-employee,.support-status-badge.waiting_employee{background:var(--secondary-container);color:var(--on-secondary-container);}.message-status-badge.waiting-customer,.support-status-badge.waiting_customer{background:var(--tertiary-container);color:var(--on-tertiary-container);}.message-status-badge.cancelled,.support-status-badge.completed,.support-status-badge.rejected{background:var(--surface-container-high);color:var(--on-surface-variant);}.role-badge.user-role-customer,.badge.user-role-customer{background:var(--surface-container-high);color:var(--on-surface);border:1px solid var(--outline-variant);}.role-badge.user-role-employee,.badge.user-role-employee{background:var(--primary);color:var(--on-primary);border:1px solid var(--primary);}.role-badge.user-role-admin,.badge.user-role-admin{background:var(--error);color:var(--on-error);border:1px solid var(--error);}.role-badge.user-role-system,.badge.user-role-system{background:var(--surface-container);color:var(--on-surface-variant);border:1px solid var(--outline-variant);}.support-modal article{max-width:min(1100px,96vw);}.support-modal-layout-chat{display:flex;gap:1rem;align-items:stretch;}.support-modal-layout-chat .support-modal-history{flex:0 0 360px;max-width:380px;padding:.85rem;background:var(--surface-container-lowest);border-radius:var(--article-radius);overflow:hidden;}.support-modal-main{min-height:0;}.support-request-list{display:flex;flex-direction:column;gap:.4rem;overflow:auto;padding:.2rem .1rem .35rem;}.support-request-group-title{font-size:.72rem;font-weight:700;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.06em;margin:.75rem .55rem .25rem;}.support-request-item{position:relative;width:100%;display:flex;align-items:flex-start;gap:.78rem;padding:.78rem .8rem;border:0;border-radius:1.35rem;background:transparent;color:var(--on-surface);text-align:left;min-height:4.9rem;box-shadow:none;}.support-request-item:hover,.support-request-item.active{background:var(--surface-container-high);color:var(--on-surface);}.support-request-item.active::before{content:"";position:absolute;left:.25rem;top:50%;transform:translateY(-50%);width:.25rem;height:2.35rem;border-radius:999px;background:var(--primary);}.support-request-avatar,.thread-avatar,.support-chat-avatar{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:999px;flex:0 0 2.75rem;background:var(--primary-container);color:var(--on-primary-container);font-weight:800;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 18%,transparent);margin-top:.08rem;}.support-request-avatar i,.support-chat-avatar i{font-size:1.35rem;}.support-request-text{flex:1 1 auto;display:flex;flex-direction:column;gap:.14rem;min-width:0;text-align:left;}.support-request-topline,.thread-topline{display:flex;align-items:center;justify-content:flex-start;gap:.45rem;min-width:0;text-align:left;}.support-request-topline strong,.thread-topline strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}.support-request-topline small,.thread-topline small{flex:0 0 auto;color:var(--on-surface-variant);font-size:.72rem;}.support-request-subject,.thread-subject-line{display:block;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;}.support-request-snippet,.thread-snippet{display:block;color:var(--on-surface-variant);font-size:.84rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;}.support-request-meta{position:static;margin-left:auto;flex:0 0 auto;display:flex;align-items:flex-start;justify-content:flex-end;max-width:7.8rem;}.support-request-meta .badge,.thread-meta .badge{font-size:.65rem;padding:.18rem .46rem;max-width:7.8rem;overflow:hidden;text-overflow:ellipsis;}.support-chat-header{display:flex;align-items:flex-start;gap:.75rem;padding-bottom:.85rem;border-bottom:1px solid var(--outline-variant);}.support-chat-header h6{margin:0;}.support-chat-stream{display:flex;flex-direction:column;gap:.75rem;min-height:0;padding:.85rem;border-radius:calc(var(--article-radius) - 8px);background:var(--surface-container-lowest);}.message-layout{display:flex;gap:1rem;align-items:stretch;width:100%;}.message-layout>aside{flex:0 0 370px;max-width:390px;min-width:300px;overflow:hidden;}.thread-list{display:flex;flex-direction:column;gap:.4rem;}.thread-article{display:flex;align-items:flex-start;gap:.78rem;min-height:4.9rem;padding:.78rem .8rem;border:0;border-radius:1.35rem;background:transparent;color:var(--on-surface);text-decoration:none;box-shadow:none;text-align:left;}.thread-article:hover,.thread-article.active{background:var(--surface-container-high);color:var(--on-surface);}.thread-article.active .thread-avatar{background:var(--primary);color:var(--on-primary);}.thread-content{display:flex;flex-direction:column;gap:.14rem;flex:1 1 auto;min-width:0;text-align:left;}.thread-meta{align-self:flex-start;margin-left:auto;display:flex;align-items:flex-start;justify-content:flex-end;gap:.25rem;flex:0 0 auto;max-width:7.8rem;}.thread-subject-line{display:block;}.chat-panel{display:flex;flex-direction:column;gap:.85rem;min-width:0;}.chat-stream{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;border-radius:calc(var(--article-radius) - 8px);background:var(--surface-container-lowest);border:1px solid var(--outline-variant);min-height:22rem;}.chat-message{position:relative;max-width:min(74%,720px);border-radius:1.35rem;padding:.72rem .9rem;border:1px solid color-mix(in srgb,var(--outline-variant) 75%,transparent);box-shadow:0 1px 2px color-mix(in srgb,var(--shadow) 8%,transparent);}.chat-message.chat-left{align-self:flex-start;border-bottom-left-radius:.35rem;}.chat-message.chat-right{align-self:flex-end;border-bottom-right-radius:.35rem;}.chat-message.mine{align-self:flex-end;}.chat-message.incoming{align-self:flex-start;}.chat-message.role-customer{background:var(--surface-container-high);color:var(--on-surface);}.chat-message.role-employee{background:var(--primary);color:var(--on-primary);border-color:var(--primary);}.chat-message.role-admin{background:var(--error);color:var(--on-error);border-color:var(--error);}.chat-message.role-system{background:var(--surface-container);color:var(--on-surface-variant);}.chat-message-meta{display:flex;flex-wrap:wrap;gap:.35rem .45rem;align-items:center;font-size:.78rem;line-height:1.2;margin-bottom:.42rem;opacity:.94;}.chat-message-meta .role-badge,.chat-message-meta .badge[class*="user-role-"]{order:-1;flex-basis:100%;margin-bottom:.05rem;align-self:flex-start;}.chat-message.role-admin .chat-message-meta,.chat-message.role-employee .chat-message-meta{color:inherit;}.chat-message p{margin:.15rem 0 0 0;line-height:1.45;overflow-wrap:anywhere;}.support-modal-layout-chat,.message-layout{align-items:stretch;}@media (min-width:701px){.support-modal-layout-chat{min-height:0;}.support-modal-layout-chat .support-modal-history,.support-modal-main{min-height:0;}.support-modal-main{display:flex;flex-direction:column;align-self:stretch;}.support-history-preview,.support-modal-wizard{min-height:0;}.support-request-list,.support-chat-stream{overflow:auto;max-height:calc(78vh - 12rem);}.support-modal-wizard{overflow:auto;flex:1 1 auto;}.message-layout{min-height:calc(100vh - 10rem);height:auto;width:100%;}.message-layout>aside{display:flex;flex-direction:column;min-height:0;}.message-layout>aside .thread-list{flex:1 1 auto;min-height:0;}.chat-panel{display:flex;flex-direction:column;min-height:0;}.chat-stream{flex:1 1 auto;min-height:18rem;overflow:auto;}}.support-request-item,.thread-article{display:grid;grid-template-columns:2.75rem minmax(0,1fr);align-items:start;gap:.75rem;width:100%;min-height:4.7rem;padding:.75rem .8rem;border-radius:1.25rem;text-align:left;}.support-request-item{border:0;background:transparent;box-shadow:none;color:var(--on-surface);}.thread-article{border:0;background:transparent;box-shadow:none;color:var(--on-surface);text-decoration:none;}.support-request-item:hover,.support-request-item.active,.thread-article:hover,.thread-article.active{background:var(--surface-container-high);color:var(--on-surface);}.support-request-item.active::before{left:.18rem;height:2.15rem;}.support-request-avatar,.thread-avatar{grid-column:1;grid-row:1;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:999px;flex:0 0 2.75rem;margin:0;background:var(--primary-container);color:var(--on-primary-container);font-weight:800;text-transform:uppercase;}.support-request-text,.thread-content{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:.16rem;min-width:0;text-align:left;}.support-request-topline,.thread-topline{display:flex;align-items:center;justify-content:flex-start;gap:.4rem;min-width:0;text-align:left;}.support-request-topline strong,.thread-topline strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800;}.support-request-topline .badge,.thread-topline .badge{flex:0 0 auto;font-size:.64rem;min-height:1.22rem;padding:.16rem .44rem;}.support-request-topline small,.thread-topline small{flex:0 0 auto;margin-left:auto;color:var(--on-surface-variant);font-size:.72rem;}.support-request-subject,.thread-subject-line{display:block;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;}.support-request-snippet,.thread-snippet{display:block;color:var(--on-surface-variant);font-size:.84rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;}.support-request-meta,.thread-meta{display:none !important;}@media (min-width:1201px){.hardware-filter-mobile{display:none !important;}}@media (max-width:1200px){.hardware-filter-bar.l{display:none !important;}}@media (min-width:901px){.hardware-request-filter-bar{flex-wrap:nowrap;}.hardware-request-filter-bar>.field:has(select){max-width:260px;}}@media (max-width:900px){.hardware-request-filter-bar>.field,.hardware-request-filter-bar>.button{flex:1 1 100%;min-width:0;}}@media (max-width:700px){.filter-flex-grid>.field,.filter-flex-grid>.button,.filter-flex-grid>a.button,.filter-flex-grid>.filter-actions,.filter-flex-grid>.live-search-status,.customer-filter-grid>.filter-primary-field,.customer-filter-grid>.filter-select-field{flex:1 1 100%;min-width:0;}.filter-flex-grid>.live-search-status{text-align:left;}.customer-filter-actions{align-items:stretch;}.customer-filter-actions>.button,.filter-actions>.button,.filter-actions>a.button{flex:1 1 100%;justify-content:center;}}.appbar-page-title{flex:0 1 260px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.appbar-search-area{position:relative;flex:0 1 min(720px,46vw);width:min(720px,46vw);max-width:min(720px,46vw);margin-inline:auto;z-index:20;}.appbar-search-field{margin:0;width:100%;min-height:2.75rem;background:var(--surface-container-lowest);box-shadow:0 1px 4px color-mix(in srgb,var(--shadow) 10%,transparent);}.appbar-search-field input{font-size:.96rem;font-weight:600;}.appbar-search-field input{order:1;}.appbar-search-field i{order:2;margin-left:auto;padding:0 .75rem 0 .25rem;color:var(--primary);pointer-events:none;}.global-search-suggestions[hidden],.appbar-search-state[hidden]{display:none !important;}.appbar-search-area[aria-busy="true"] .appbar-search-field i{animation:none;color:var(--primary);}.global-search-suggestions,.appbar-search-state{position:absolute;left:50%;top:calc(100% + .55rem);transform:translateX(-50%);width:min(760px,calc(100vw - 2rem));max-height:min(640px,72vh);z-index:60;box-shadow:0 18px 46px color-mix(in srgb,var(--shadow) 24%,transparent);}.global-search-field{margin:0;}.global-search-field input{font-size:clamp(1.1rem,2.4vw,1.45rem);font-weight:700;}.global-search-state{display:flex;align-items:center;gap:.65rem;padding:.75rem .9rem;border:1px solid var(--outline-variant);border-radius:1rem;background:var(--surface-container-lowest);color:var(--on-surface-variant);}.global-search-state>i{font-size:1.35rem;color:var(--primary);}.global-search-state strong{display:block;color:var(--on-surface);}.global-search-state small{display:block;color:var(--on-surface-variant);}.global-search-state.error-text>i,.global-search-state.error-text strong{color:var(--error);}.global-search-results{display:flex;flex-direction:column;gap:.7rem;overflow:auto;padding:.65rem;border:1px solid var(--outline-variant);border-radius:var(--article-radius);background:var(--surface-container-lowest);}.global-search-group{display:flex;flex-direction:column;gap:.35rem;margin:0;padding:.6rem;border:1px solid var(--outline-variant);border-radius:calc(var(--article-radius) - 8px);background:var(--surface-container-low);}.global-search-group-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.15rem .25rem .35rem;}.global-search-result{border-radius:1.2rem;padding:.75rem .85rem;text-decoration:none;color:var(--on-surface);align-items:center;}.global-search-result:hover{background:var(--primary-container);color:var(--on-primary-container);}.global-search-result>i{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:999px;background:var(--surface-container-high);color:var(--primary);flex:0 0 2.4rem;}.global-search-result:hover>i{background:var(--primary);color:var(--on-primary);}.global-search-result .max{display:flex;flex-direction:column;gap:.1rem;min-width:0;}.global-search-result strong,.global-search-result small,.global-search-result span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.global-search-result small,.global-search-result .max>span{color:inherit;opacity:.76;}.global-search-type-badge{flex:0 0 auto;background:var(--surface-container-high);color:var(--on-surface-variant);}.global-search-hit{background:var(--primary-container);color:var(--on-primary-container);border-radius:.35rem;padding:.05rem .18rem;box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 18%,transparent);}.contract-sensitive-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;}.contract-sensitive-row>.field{flex:1 1 16rem;min-width:min(100%,14rem);}.contract-sensitive-row.compact>.field{flex:1 1 12rem;min-width:min(100%,11rem);}.contract-sensitive-row>.secret-field{display:flex;align-items:center;gap:.35rem;padding-right:.4rem;}.secret-field input{flex:1 1 auto;min-width:0;}.secret-field .secret-toggle{flex:0 0 auto;margin-left:.25rem;border-radius:999px;padding:.45rem .7rem;border:1px solid var(--outline-variant);background:var(--surface-container-high);color:var(--on-surface);font-weight:700;line-height:1;white-space:nowrap;}.secret-field .secret-toggle:hover{background:var(--primary-container);color:var(--on-primary-container);border-color:var(--primary);}.table-actions{display:flex;align-items:center;justify-content:flex-end;gap:.45rem;flex-wrap:wrap;}.inline-action-form{display:inline-flex;margin:0;}.customer-tabs{gap:.65rem;align-items:center;}.customer-tabs .button{gap:.45rem;}.email-template-form{display:flex;flex-direction:column;gap:.85rem;}.email-template-form textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;line-height:1.45;}@media (max-width:980px){.masterdata-top-cards{grid-template-columns:1fr;}}@media (max-width:700px){.appbar-search-area{order:8;flex:1 1 100%;width:100%;max-width:100%;margin:.25rem 0 0;}.appbar-search-field{min-height:2.65rem;}.global-search-suggestions,.appbar-search-state{width:calc(100vw - 1.5rem);max-height:68vh;}.global-search-result strong,.global-search-result small,.global-search-result span{white-space:normal;}.global-search-type-badge{display:none;}main.responsive{padding:.75rem;gap:.85rem;}header.fixed nav{gap:.35rem;flex-wrap:wrap;}main h1{font-size:clamp(1.45rem,8vw,2rem);}main h2{font-size:clamp(1.15rem,6vw,1.45rem);}.article,section.article,form.article,article.dashboard-card,.dashboard-card{padding:1rem;border-radius:calc(var(--article-radius) - 8px);}.dashboard-kpis>.dashboard-card,.kpi-list>.dashboard-card,.dashboard-columns>.dashboard-card,.ui-two-columns>.article,.ui-two-columns>section,.ui-two-columns>article,.ui-two-columns>form,.ui-three-columns>.article,.ui-three-columns>section,.ui-three-columns>article{flex-basis:100%;min-width:0;}.dashboard-hero nav,.dashboard-hero .button{width:100%;}.quick-action-list>a,.quick-action-list>.button{flex-basis:100%;}.customer-workspace{flex-direction:column;}.customer-side-nav{position:static;width:100%;flex-basis:auto;}.customer-side-nav .button{flex:1 1 calc(50% - .55rem);min-width:0;}.masterdata-card,.masterdata-card-large,.contract-article-list>.contract-detail-article,.device-article-list>.device-detail-article,.sim-article-list>.sim-detail-article{flex-basis:100%;min-width:0;}.customer-horizontal-card{flex-direction:column;}.customer-horizontal-media{width:100%;min-height:8.5rem;flex-basis:auto;}.horizontal-detail-list>div{min-width:min(100%,9rem);max-width:none;}.masterdata-field,.masterdata-field.wide,.masterdata-field.full{flex-basis:100%;min-width:0;}.compact-profile-header .row .button{flex:1 1 140px;}.article{overflow-x:auto;}.support-modal article{max-height:95vh;}.support-modal-layout{flex-direction:column;}.support-modal-layout-chat .support-modal-history{max-width:none;flex-basis:auto;min-width:0;}.support-modal-main{flex-basis:auto;}.support-modal-history{flex-basis:auto;min-width:0;}.support-modal-stepper{flex-wrap:wrap;}.support-modal-stepper li{flex-basis:calc(50% - .5rem);}.support-modal-actions .button{flex:1 1 140px;}.hardware-product-card{max-width:none;flex-basis:100%;}.hardware-filter-bar>.button{flex:1 1 140px;}.hardware-filter-mobile{display:block;}.hardware-filter-bar.l{display:none !important;}.portfolio-pie-layout{align-items:stretch;}.portfolio-pie-wrap{flex-basis:100%;min-height:11rem;}.portfolio-pie{width:min(11rem,70vw);}.portfolio-pie-legend{flex-basis:100%;}.hardware-detail-page{flex-direction:column;}.hardware-detail-media,.hardware-detail-summary{flex-basis:auto;width:100%;}.message-layout{flex-direction:column;}.message-layout>aside{max-width:none;min-width:0;flex-basis:auto;}.chat-message{max-width:96%;}}.contract-horizontal-card,.device-horizontal-card{align-items:flex-start;}.contract-horizontal-card .customer-horizontal-media,.device-horizontal-card .customer-horizontal-media{display:none;}.contract-horizontal-card .customer-horizontal-body,.device-horizontal-card .customer-horizontal-body{width:100%;flex:1 1 100%;}.contract-detail-header,.device-detail-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem 1rem;width:100%;padding:0;background:transparent;border:0;}.contract-detail-header>div:first-child,.device-detail-header>div:first-child{min-width:0;flex:unset;}.contract-detail-header h3,.device-detail-header h3{margin:0;line-height:1.25;overflow-wrap:anywhere;}.contract-detail-header span:not(.badge):not(.service-fee-badge),.device-detail-header span:not(.badge):not(.service-fee-badge){display:block;margin-top:.15rem;color:var(--on-surface-variant);background:transparent;}.contract-detail-header>.badge,.device-detail-header>.badge,.contract-detail-badges{justify-self:end;align-self:center;margin-left:auto;}.contract-detail-badges{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap;justify-content:flex-end;}.device-horizontal-card .horizontal-detail-list,.contract-horizontal-card .horizontal-detail-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));gap:.75rem 1rem;width:100%;}.device-horizontal-card .horizontal-detail-list>div,.contract-horizontal-card .horizontal-detail-list>div{min-width:0;max-width:none;}.customer-activity-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:.85rem;row-gap:.45rem;}.customer-activity-icon{grid-column:1;grid-row:1 / span 2;}.customer-activity-body{grid-column:2;grid-row:1;min-width:0;}.customer-activity-item>.badge{grid-column:2;grid-row:2;justify-self:center;align-self:center;}.customer-activity-item>.button{grid-column:3;grid-row:1 / span 2;justify-self:end;align-self:center;white-space:nowrap;}@media (max-width:700px){.contract-detail-header,.device-detail-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;}.contract-detail-badges{justify-self:end;}.device-horizontal-card .horizontal-detail-list,.contract-horizontal-card .horizontal-detail-list{grid-template-columns:1fr;}.customer-activity-item{grid-template-columns:auto minmax(0,1fr);}.customer-activity-item>.button{grid-column:1 / -1;grid-row:3;justify-self:end;}.customer-activity-item>.badge{grid-column:2;grid-row:2;}.contract-filter-bar,.contract-document-upload-form{display:flex;flex-direction:column;align-items:stretch;}.contract-filter-bar>.filter-actions{justify-content:stretch;flex-wrap:wrap;}.contract-filter-bar>.filter-actions>.button,.contract-filter-bar>.filter-actions>a.button,.contract-document-upload-form>.button{width:100%;justify-content:center;justify-self:stretch;}}.contract-document-summary{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap;margin:.75rem 0;padding:.85rem;border:1px solid var(--outline-variant);border-radius:calc(var(--article-radius) - 10px);background:var(--surface-container-low);}.contract-document-panel{display:flex;flex-direction:column;gap:.75rem;padding:.85rem;border:1px dashed var(--outline-variant);border-radius:calc(var(--article-radius) - 10px);background:var(--surface-container-low);}.contract-document-head{display:flex;gap:.75rem;align-items:center;justify-content:space-between;flex-wrap:wrap;}.contract-document-head small{display:block;color:var(--on-surface-variant);margin-top:.15rem;}.contract-document-list{display:flex;flex-direction:column;gap:.55rem;}.contract-document-item{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;padding:.7rem;border:1px solid var(--outline-variant);border-radius:calc(var(--article-radius) - 14px);background:var(--surface-container-lowest);}.contract-document-item>i{display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;border-radius:999px;background:var(--primary-container);color:var(--on-primary-container);flex:0 0 auto;}.contract-document-item .max{min-width:14rem;}.contract-document-item small{display:block;color:var(--on-surface-variant);}.contract-document-upload-form{display:grid;grid-template-columns:minmax(8.5rem,.8fr) minmax(12rem,1.15fr) minmax(12rem,1fr) auto;gap:.65rem;align-items:end;margin:0;width:100%;}.contract-document-upload-form>.field{flex:none;min-width:0;width:100%;margin:0;}.contract-document-upload-form>.button{white-space:nowrap;justify-self:end;}.invoice-bulk-result{border:1px solid var(--outline-variant);border-radius:calc(var(--article-radius) - 10px);padding:.85rem;background:var(--surface-container-low);}.invoice-bulk-result summary{cursor:pointer;font-weight:700;}.invoice-summary-grid{display:flex;flex-wrap:wrap;gap:1rem;align-items:stretch;}.invoice-summary-card{flex:1 1 240px;min-width:min(100%,220px);padding:1rem;border:1px solid var(--outline-variant);border-radius:calc(var(--article-radius) - 8px);background:var(--surface-container-low);}.invoice-summary-card strong{display:block;font-size:1.35rem;margin-top:.25rem;}.invoice-table-actions{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end;align-items:center;}.invoice-payment-toggle{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .45rem;border:1px solid var(--outline-variant);border-radius:999px;background:var(--surface);font-size:.78rem;font-weight:700;white-space:nowrap;}.invoice-payment-toggle input{width:1rem;height:1rem;margin:0;accent-color:var(--primary);}.invoice-paid-date{display:block;margin-top:.2rem;color:var(--on-surface-variant);font-size:.72rem;}.invoice-items-list{display:flex;flex-direction:column;gap:.65rem;}.invoice-item-row{display:flex;gap:.75rem;justify-content:space-between;align-items:flex-start;padding:.8rem;border:1px solid var(--outline-variant);border-radius:calc(var(--article-radius) - 12px);background:var(--surface-container-lowest);}.invoice-item-row span{color:var(--on-surface-variant);font-size:.85rem;}.invoice-status-row{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;}.billing-change-list{display:flex;flex-direction:column;gap:.75rem;}.billing-change-item{display:flex;gap:.8rem;align-items:center;justify-content:space-between;padding:.85rem;border:1px solid var(--outline-variant);border-radius:calc(var(--article-radius) - 10px);background:var(--surface-container-lowest);}.billing-change-item .max{min-width:0;}.invoice-customer-list{display:flex;flex-direction:column;gap:.75rem;}.invoice-customer-list .invoice-item-row{align-items:center;}/* v1.29.18 customer masterdata compact rows without forced flex basis */.masterdata-top-cards{display:flex;flex-direction:column;gap:.75rem;align-items:stretch;}.masterdata-top-cards>.masterdata-card{display:grid;grid-template-columns:minmax(13rem,.7fr) minmax(0,1.8fr);gap:1rem;align-items:start;width:100%;padding:.85rem 1rem;flex:0 0 auto;}.masterdata-top-cards .masterdata-card-head{align-items:flex-start;min-width:0;}.masterdata-top-cards .masterdata-card-head>i{width:2.35rem;height:2.35rem;font-size:1.35rem;}.masterdata-top-cards .masterdata-card-head h3{font-size:1rem;line-height:1.2;}.masterdata-top-cards .masterdata-card-head small{font-size:.78rem;line-height:1.3;}.masterdata-top-cards .masterdata-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.55rem .75rem;}.masterdata-top-cards .masterdata-field{padding:.55rem .65rem;background:var(--surface-container-lowest);}.masterdata-top-cards .masterdata-label{margin-bottom:.12rem;font-size:.76rem;}.masterdata-top-cards .masterdata-value{font-size:.92rem;}.masterdata-secondary-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;align-items:start;}.masterdata-secondary-cards>.masterdata-card{min-width:0;width:100%;padding:.9rem;}.masterdata-secondary-cards .masterdata-card-head{padding-bottom:.55rem;border-bottom:1px solid color-mix(in srgb,var(--outline-variant) 70%,transparent);}.masterdata-list{gap:.55rem;}.masterdata-list-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem .75rem;align-items:center;padding:.65rem .75rem;border:1px solid color-mix(in srgb,var(--outline-variant) 72%,transparent);}.phone-masterdata-item .masterdata-list-main,.location-masterdata-item .masterdata-list-main{min-width:0;}.phone-masterdata-item .masterdata-contact-link{font-size:1rem;line-height:1.25;text-decoration:none;}.phone-masterdata-item .badge,.location-masterdata-item .badge{justify-self:end;align-self:center;}.location-masterdata-item{grid-template-columns:minmax(12rem,.75fr) minmax(0,1.25fr) auto;}.location-masterdata-item p{margin:0;color:var(--on-surface);overflow-wrap:anywhere;}.location-masterdata-item .masterdata-list-main span,.phone-masterdata-item .masterdata-list-main span{font-size:.78rem;}.customer-view-page .ui-two-columns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);gap:1rem;align-items:start;}.customer-view-page .ui-two-columns>.article{min-width:0;width:100%;}.customer-view-page .ui-two-columns .masterdata-details.compact{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;}.customer-view-page .ui-two-columns .masterdata-details.compact .masterdata-field{padding:.65rem .7rem;min-width:0;}.customer-view-page .ui-two-columns .masterdata-details.compact .masterdata-label{font-size:.75rem;}.customer-view-page .ui-two-columns .masterdata-details.compact .masterdata-value{font-size:.9rem;}@media (max-width:1100px){.masterdata-top-cards>.masterdata-card{grid-template-columns:1fr;gap:.75rem;}.customer-view-page .ui-two-columns{grid-template-columns:1fr;}.customer-view-page .ui-two-columns .masterdata-details.compact{grid-template-columns:repeat(2,minmax(0,1fr));}}@media (max-width:820px){.masterdata-secondary-cards{grid-template-columns:1fr;}.location-masterdata-item{grid-template-columns:minmax(0,1fr) auto;}.location-masterdata-item p{grid-column:1 / -1;}.customer-view-page .ui-two-columns .masterdata-details.compact{grid-template-columns:1fr;}}/* v1.29.23 badge alignment for contracts, invoices, devices and SIM cards */.contract-detail-header,.device-detail-header{grid-template-columns:minmax(0,1fr) max-content;grid-template-rows:auto auto;align-items:start;column-gap:1rem;}.contract-detail-header>div:first-child,.device-detail-header>div:first-child{grid-column:1;grid-row:1 / span 2;min-width:0;}.contract-detail-header h3,.device-detail-header h3{display:block;margin:0;min-width:0;line-height:1.25;color:var(--on-surface);}.contract-detail-header>div:first-child>span,.device-detail-header>div:first-child>span{display:block;margin-top:.2rem;color:var(--on-surface-variant);line-height:1.3;}.contract-detail-badges{grid-column:2;grid-row:1;justify-self:end;align-self:start;display:flex;align-items:center;justify-content:flex-end;gap:.45rem;flex-wrap:wrap;max-width:100%;}.contract-detail-header>.badge,.device-detail-header>.badge{grid-column:2;grid-row:1;justify-self:end;align-self:start;margin:0;max-width:16rem;overflow:hidden;text-overflow:ellipsis;}.contract-detail-badges .badge,.device-detail-header>.badge,.contract-detail-header>.badge{background:var(--primary-container);color:var(--on-primary-container);border:1px solid color-mix(in srgb,var(--primary) 35%,var(--outline-variant));}.contract-detail-badges .badge.paused,.device-detail-header>.badge.paused{background:var(--surface-container-high);color:var(--on-surface-variant);border-color:var(--outline-variant);}.contract-detail-badges .badge.cancelled,.contract-detail-badges .badge.rejected,.device-detail-header>.badge.cancelled,.device-detail-header>.badge.rejected{background:var(--error-container);color:var(--on-error-container);border-color:color-mix(in srgb,var(--error) 45%,var(--outline-variant));}.service-fee-badge{display:inline-flex;align-items:center;justify-content:center;min-height:1.45rem;padding:.22rem .55rem;border-radius:999px;background:var(--secondary-container);color:var(--on-secondary-container);border:1px solid color-mix(in srgb,var(--secondary) 38%,var(--outline-variant));font-size:.72rem;font-weight:700;line-height:1;white-space:nowrap;}.invoice-card-grid{display:grid;grid-template-columns:minmax(0,1fr) max-content max-content max-content;align-items:center;gap:.7rem 1rem;}.invoice-card-main{min-width:0;display:flex;flex-direction:column;gap:.18rem;}.invoice-card-main strong{overflow-wrap:anywhere;}.invoice-card-main small{color:var(--on-surface-variant);}.invoice-card-badge{justify-self:center;grid-column:2;}.invoice-card-amount{justify-self:end;white-space:nowrap;grid-column:3;}.invoice-card-action{justify-self:end;grid-column:4;}.sim-detail-header{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:start;gap:.65rem 1rem;width:100%;}.sim-detail-header .sim-detail-main{min-width:0;display:flex;flex-direction:column;gap:.15rem;}.sim-detail-header .sim-detail-main strong{display:block;line-height:1.25;overflow-wrap:anywhere;}.sim-detail-header .sim-detail-main small{display:block;color:var(--on-surface-variant);line-height:1.35;}.sim-detail-header>.badge{justify-self:end;align-self:start;background:var(--primary-container);color:var(--on-primary-container);border:1px solid color-mix(in srgb,var(--primary) 35%,var(--outline-variant));}@media (max-width:700px){.contract-detail-header,.device-detail-header,.sim-detail-header{grid-template-columns:minmax(0,1fr);}.contract-detail-header>div:first-child,.device-detail-header>div:first-child{grid-column:1;grid-row:auto;}.contract-detail-badges,.contract-detail-header>.badge,.device-detail-header>.badge,.sim-detail-header>.badge{grid-column:1;grid-row:auto;justify-self:start;max-width:100%;}.invoice-card-grid{grid-template-columns:minmax(0,1fr) max-content;align-items:start;}.invoice-card-badge{grid-column:2;grid-row:1;justify-self:end;}.invoice-card-main{grid-column:1;grid-row:1;}.invoice-card-amount{grid-column:1;grid-row:2;justify-self:start;}.invoice-card-action{grid-column:2;grid-row:2;justify-self:end;}}/* v1.29.24 invoice activity badge and compact SIM secret fields */.customer-activity-item-invoice{grid-template-columns:auto minmax(0,1fr) minmax(7.5rem,auto) auto;grid-template-rows:auto;align-items:center;}.customer-activity-item-invoice .customer-activity-icon{grid-column:1;grid-row:1;}.customer-activity-item-invoice .customer-activity-body{grid-column:2;grid-row:1;}.customer-activity-item-invoice>.badge{grid-column:3;grid-row:1;justify-self:center;align-self:center;text-align:center;max-width:100%;}.customer-activity-item-invoice>.button{grid-column:4;grid-row:1;justify-self:end;align-self:center;}.contract-sensitive-row>.secret-field{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.45rem;padding:.25rem .35rem .25rem .75rem;min-height:3rem;}.secret-prefix{display:inline-flex;align-items:center;justify-content:center;min-width:2.4rem;color:var(--on-surface-variant);font-size:.74rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;}.secret-field input{width:100%;min-width:0;border:0;background:transparent;padding:.35rem 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-weight:700;}.secret-field .secret-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;min-width:2.25rem;padding:0;margin:0;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--on-surface-variant);line-height:1;}.secret-field .secret-toggle i{font-size:1.25rem;}.secret-field .secret-toggle:hover{background:var(--primary-container);color:var(--on-primary-container);border-color:color-mix(in srgb,var(--primary) 35%,transparent);}@media (max-width:700px){.customer-activity-item-invoice{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto auto;align-items:start;}.customer-activity-item-invoice .customer-activity-icon{grid-column:1;grid-row:1 / span 3;}.customer-activity-item-invoice .customer-activity-body{grid-column:2;grid-row:1;}.customer-activity-item-invoice>.badge{grid-column:2;grid-row:2;justify-self:start;align-self:start;margin-top:.1rem;text-align:left;}.customer-activity-item-invoice>.button{grid-column:2;grid-row:3;justify-self:end;align-self:center;margin-top:.25rem;}}/* v1.29.25 visible borders for SIM secret fields */.contract-sensitive-row>.secret-field.field.border{border:1px solid var(--outline-variant);border-radius:1rem;background:var(--surface-container-lowest);box-shadow:0 1px 2px color-mix(in srgb,var(--shadow) 7%,transparent);overflow:hidden;}.contract-sensitive-row>.secret-field.field.border:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent);}.secret-field input{border:0 !important;outline:0;background:transparent;color:var(--on-surface);}.secret-field input::placeholder{color:var(--on-surface-variant);opacity:.75;}.secret-field .secret-toggle{border-color:var(--outline-variant);background:var(--surface-container-low);}/* v1.29.28 help tutorial center */.tb2b-help-button{position:relative;display:inline-flex!important;align-items:center;justify-content:center;width:2.65rem;height:2.65rem;min-width:2.65rem;border:1px solid color-mix(in srgb,var(--primary) 35%,var(--outline-variant));border-radius:999px;background:var(--primary-container)!important;color:var(--on-primary-container)!important;box-shadow:0 3px 12px color-mix(in srgb,var(--shadow) 13%,transparent);}.tb2b-help-button:hover,.tb2b-help-button:focus-visible{background:color-mix(in srgb,var(--primary-container) 82%,var(--primary))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 17%,transparent),0 4px 14px color-mix(in srgb,var(--shadow) 18%,transparent);}.tb2b-help-question{display:inline-flex;align-items:center;justify-content:center;width:1.45rem;height:1.45rem;border-radius:999px;border:2px solid currentColor;font-size:.95rem;font-weight:900;line-height:1;}.tb2b-help-layer[hidden],.tb2b-help-backdrop[hidden],.tb2b-help-modal[hidden],.tb2b-help-card[hidden],.tb2b-help-highlight[hidden]{display:none!important;}.tb2b-help-backdrop{position:fixed;inset:0;z-index:2390;background:color-mix(in srgb,var(--scrim) 26%,transparent);backdrop-filter:blur(2px);}.tb2b-help-modal{position:fixed;z-index:2400;top:50%;left:50%;transform:translate(-50%,-50%);width:min(92vw,560px);max-height:min(86vh,680px);overflow:auto;padding:1.2rem;border:1px solid var(--outline-variant);border-radius:1.5rem;background:var(--surface-container-lowest);color:var(--on-surface);box-shadow:0 24px 70px color-mix(in srgb,var(--shadow) 28%,transparent);display:flex;flex-direction:column;gap:.75rem;}.tb2b-help-modal h5{margin:0;padding-right:2.4rem;line-height:1.2;}.tb2b-help-modal-text{margin:0;color:var(--on-surface-variant);line-height:1.45;}.tb2b-help-tutorials{display:grid;gap:.75rem;margin-top:.25rem;}.tb2b-help-tutorial{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.9rem;border:1px solid var(--outline-variant);border-radius:1.15rem;background:var(--surface-container-low);color:var(--on-surface);text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease;}.tb2b-help-tutorial:not(.is-disabled):hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--outline-variant));background:color-mix(in srgb,var(--primary-container) 35%,var(--surface-container-lowest));transform:translateY(-1px);box-shadow:0 8px 22px color-mix(in srgb,var(--shadow) 13%,transparent);}.tb2b-help-tutorial-icon{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:1rem;background:var(--primary-container);color:var(--on-primary-container);}.tb2b-help-tutorial-icon i{font-size:1.35rem;}.tb2b-help-tutorial-body{display:flex;flex-direction:column;gap:.18rem;min-width:0;}.tb2b-help-tutorial-body strong{font-size:.96rem;line-height:1.25;}.tb2b-help-tutorial-body small{color:var(--on-surface-variant);font-size:.8rem;line-height:1.35;}.tb2b-help-tutorial-arrow{font-size:1.25rem;color:var(--primary);}.tb2b-help-tutorial.is-disabled{cursor:not-allowed;opacity:.72;}.tb2b-help-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap;margin-top:.25rem;}.tb2b-help-highlight{position:fixed;z-index:2410;border:2px solid var(--primary);border-radius:1rem;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 18%,transparent),0 10px 28px color-mix(in srgb,var(--shadow) 16%,transparent);pointer-events:none;transition:top .16s ease,left .16s ease,width .16s ease,height .16s ease;}.tb2b-help-card{position:fixed;z-index:2420;max-width:calc(100vw - 1.5rem);padding:1rem;border:1px solid color-mix(in srgb,var(--primary) 26%,var(--outline-variant));border-radius:1.25rem;background:var(--surface-container-lowest);color:var(--on-surface);box-shadow:0 18px 50px color-mix(in srgb,var(--shadow) 22%,transparent);display:flex;flex-direction:column;gap:.55rem;}.tb2b-help-card h6{margin:0;padding-right:2.1rem;line-height:1.25;}.tb2b-help-card p{margin:0;color:var(--on-surface-variant);line-height:1.45;}.tb2b-help-kicker{align-self:flex-start;display:inline-flex;align-items:center;min-height:1.4rem;padding:.15rem .5rem;border-radius:999px;background:var(--primary-container);color:var(--on-primary-container);font-size:.72rem;font-weight:800;letter-spacing:.02em;}.tb2b-help-close{position:absolute;top:.65rem;right:.65rem;width:2rem;height:2rem;min-width:2rem;border:0;border-radius:999px;background:transparent;color:var(--on-surface-variant);display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;}.tb2b-help-close:hover{background:var(--surface-container-high);color:var(--on-surface);}.tb2b-help-close i{font-size:1.15rem;}.tb2b-help-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap;margin-top:.25rem;}@media (max-width:700px){.tb2b-help-modal{width:calc(100vw - 1.5rem);max-height:calc(100vh - 1.5rem);padding:1rem;}.tb2b-help-modal-actions{justify-content:stretch;}.tb2b-help-modal-actions .button{flex:1 1 auto;}.tb2b-help-card{left:.75rem!important;right:.75rem!important;width:auto!important;}.tb2b-help-actions{justify-content:stretch;}.tb2b-help-actions .button{flex:1 1 auto;}.tb2b-help-tutorial{grid-template-columns:auto minmax(0,1fr);}.tb2b-help-tutorial>.badge,.tb2b-help-tutorial-arrow{grid-column:2;justify-self:start;}}/* v1.29.31 tutorial center card width */.tb2b-help-modal{width:min(94vw,680px);box-sizing:border-box;}.tb2b-help-modal *{box-sizing:border-box;}.tb2b-help-tutorials{width:100%;min-width:0;display:grid;grid-template-columns:1fr;align-items:stretch;}.tb2b-help-tutorial{width:100%;max-width:100%;min-width:0;grid-template-columns:2.75rem minmax(0,1fr) max-content;justify-items:stretch;}.tb2b-help-tutorial-icon{flex:0 0 auto;}.tb2b-help-tutorial-body{min-width:0;width:100%;overflow:hidden;}.tb2b-help-tutorial-body strong,.tb2b-help-tutorial-body small{display:block;max-width:100%;overflow-wrap:anywhere;}.tb2b-help-tutorial>.badge{justify-self:end;align-self:center;white-space:nowrap;max-width:100%;}.tb2b-help-tutorial-arrow{justify-self:end;align-self:center;}@media (max-width:700px){.tb2b-help-modal{width:calc(100vw - 1.5rem);}.tb2b-help-tutorial{grid-template-columns:2.55rem minmax(0,1fr);width:100%;}.tb2b-help-tutorial>.badge,.tb2b-help-tutorial-arrow{grid-column:2;justify-self:start;max-width:100%;}.tb2b-help-tutorial>.badge{white-space:normal;text-align:left;}}