.home-view{background: var(--vaadin-background-color,#f4f6f8);overflow: auto}.home-content{box-sizing: border-box;margin: 0 auto;max-width: 84rem;padding: 3rem 2.5rem 4rem;width: 100%}.home-heading h1{font-size: clamp(2rem,3vw,2.75rem);line-height: 1.15;margin: 0}.home-heading span{color: var(--vaadin-text-color-secondary,#5f6670);display: block;font-size: 1.125rem;margin-top: 0.75rem}.home-section-title{font-size: 1.375rem;margin: 3rem 0 1.25rem}.home-shortcuts{display: grid;gap: 1.25rem;grid-template-columns: repeat(4,minmax(0,1fr))}.home-shortcut{background: var(--vaadin-background-container,#fff);border: 1px solid var(--vaadin-border-color-secondary,#d9dde3);border-radius: var(--vaadin-radius-l,0.75rem);box-shadow: 0 1px 3px color-mix(in srgb,var(--vaadin-text-color,#172033) 12%,transparent);box-sizing: border-box;color: var(--vaadin-text-color,#172033);display: flex;flex-direction: column;min-height: 15rem;padding: 1.75rem;text-decoration: none;transition: border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease}.home-shortcut:hover{border-color: color-mix(in srgb,#e30613 42%,var(--vaadin-border-color,#aeb4bd));box-shadow: 0 10px 28px color-mix(in srgb,var(--vaadin-text-color,#172033) 14%,transparent);transform: translateY(-2px)}.home-shortcut:focus-visible{outline: 3px solid color-mix(in srgb,#e30613 55%,transparent);outline-offset: 3px}.home-shortcut-featured{background: linear-gradient(135deg,var(--vaadin-background-container,#fff),color-mix(in srgb,var(--vaadin-background-container,#fff) 92%,#e30613));border-color: rgba(227,6,19,0.3);border-top: 4px solid #e30613;grid-column: span 2;grid-row: span 2;min-height: 31.25rem;padding: 2.5rem}.home-shortcut-icon{color: var(--vaadin-text-color,#172033);height: 2.75rem;margin-bottom: 1.75rem;width: 2.75rem}.home-shortcut-featured .home-shortcut-icon{color: #e30613;height: 5rem;width: 5rem}.home-shortcut-title{font-size: 1.25rem;font-weight: 700;line-height: 1.25}.home-shortcut-featured .home-shortcut-title{font-size: 2rem}.home-shortcut-description{color: var(--vaadin-text-color-secondary,#5f6670);line-height: 1.55;margin-top: 0.625rem}.home-shortcut-featured .home-shortcut-description{font-size: 1.125rem;max-width: 30rem}.home-shortcut-action{align-items: center;display: flex;font-weight: 700;gap: 0.625rem;justify-content: space-between;margin-top: auto;padding-top: 1.5rem}.home-shortcut-featured .home-shortcut-action{border-top: 1px solid rgba(227,6,19,0.15);color: #e30613;font-size: 1.125rem}.home-shortcut-arrow{height: 1.25rem;transition: transform 160ms ease;width: 1.25rem}.home-shortcut:hover .home-shortcut-arrow{transform: translateX(4px)}@media (max-width: 760px){.login-view{padding: 1rem}.login-card{display: block;min-height: auto;max-width: 24rem}.login-form-panel{min-height: calc(100vh - 2rem);padding: 1.5rem}.login-image-panel{display: none}}@media (max-width: 960px){.home-shortcuts{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.tim-list-toolbar{align-items: flex-end;flex-wrap: wrap}.tim-list-toolbar vaadin-text-field{flex-basis: 100%;max-width: none}.tim-list-toolbar vaadin-combo-box{flex: 1 1 11rem}}@media (max-width: 640px){.home-content{padding: 2rem 1rem 3rem}.home-section-title{margin-top: 2.25rem}.home-shortcuts{grid-template-columns: 1fr}.home-shortcut,.home-shortcut-featured{grid-column: auto;grid-row: auto;min-height: 14rem;padding: 1.5rem}.home-shortcut-featured .home-shortcut-icon{height: 3.5rem;width: 3.5rem}.home-shortcut-featured .home-shortcut-title{font-size: 1.625rem}}.tim-customer-view{background: var(--lumo-contrast-5pct);overflow: auto}.tim-customer-content{box-sizing: border-box;margin: 0 auto;max-width: 58rem;padding: 2.5rem 2rem 3rem;width: 100%}.tim-customer-heading{border-left: 4px solid #e30613;margin-bottom: 2rem;padding-left: 1rem}.tim-customer-heading h1{font-size: 1.75rem;line-height: 1.25;margin: 0}.tim-customer-heading p{color: var(--lumo-secondary-text-color);margin: 0.375rem 0 0}.sim-type-control{min-height: 4.5rem}.tim-customer-dialog-form{box-sizing: border-box;display: flex;flex-direction: column;gap: 0.75rem;padding: 0;max-width: 100%;min-width: 0}.tim-registration-section{background: var(--vaadin-background-container,#fff);box-sizing: border-box;border: 1px solid var(--vaadin-border-color-secondary,#d9dde3);border-radius: var(--vaadin-radius-m,0.5rem);display: flex;flex-direction: column;gap: 0.875rem;padding: 1rem 1.25rem 1.125rem;max-width: 100%;min-width: 0}.tim-registration-section:first-child{border: 1px solid var(--vaadin-border-color-secondary,#d9dde3);padding: 1rem 1.25rem 1.125rem !important}.tim-registration-section-title{color: var(--vaadin-text-color,#172033);font-size: 0.875rem;font-weight: 700;letter-spacing: 0;text-transform: uppercase}.tim-registration-modality vaadin-radio-button{background: var(--lumo-contrast-5pct);border: 1px solid var(--lumo-contrast-10pct);margin: 0;min-width: 9rem;padding: 0.45rem 0.85rem}.tim-registration-modality{align-self: flex-start;max-width: 100%;width: fit-content}.tim-registration-modality::part(group-field){display: flex;flex-direction: row}.tim-registration-modality vaadin-radio-button:first-of-type{border-radius: 4px 0 0 4px}.tim-registration-modality vaadin-radio-button:last-of-type{border-left: 0;border-radius: 0 4px 4px 0}.tim-registration-modality vaadin-radio-button[checked]{background: color-mix(in srgb,var(--lumo-primary-color) 12%,transparent);border-color: var(--lumo-primary-color)}.tim-registration-inline-action,.tim-registration-iccid-selector{gap: 0.75rem;max-width: 100%;min-width: 0}.tim-registration-inline-action vaadin-text-field,.tim-registration-iccid-selector vaadin-text-field{min-width: 0}.tim-registration-inline-action vaadin-button,.tim-registration-iccid-selector vaadin-button{flex-shrink: 0}.tim-registration-phone-lookup{box-sizing: border-box;max-width: 100%;min-width: 0;width: 100%}.tim-registration-lookup-feedback{min-height: 1.25rem}.tim-registration-carrier-result{display: inline-block;font-size: 0.75rem;font-weight: 600;padding-top: 0.2rem}.tim-registration-carrier-success{color: var(--lumo-success-text-color)}.tim-registration-carrier-error{color: var(--lumo-error-text-color)}.tim-registration-iccid-selector vaadin-text-field[readonly],.tim-registration-iccid-details vaadin-text-field[readonly]{--vaadin-input-field-background: var(--lumo-contrast-5pct)}.tim-registration-iccid-field{cursor: pointer}.tim-registration-iccid-field::part(input-field){cursor: pointer}.tim-registration-iccid-details{background: transparent;border: 0;border-radius: 0;padding: 0}vaadin-dialog-overlay.tim-registration-dialog::part(content){overflow-x: hidden}.tim-registration-dialog::part(overlay){border-radius: var(--vaadin-radius-l,0.75rem)}.tim-registration-dialog::part(header){align-items: center;border-top: 3px solid #e30613;border-bottom: 1px solid var(--vaadin-border-color-secondary,#d9dde3);padding: 1rem 1.5rem 0.875rem}.tim-registration-dialog::part(content){padding: 1rem 1.5rem}.tim-registration-dialog::part(footer){align-items: center;border-top: 1px solid var(--vaadin-border-color-secondary,#d9dde3);gap: 0.625rem;padding: 0.75rem 1.5rem}.tim-registration-abr-action{margin-right: auto}.tim-list-content{max-width: none;padding: 2rem clamp(1.25rem,2.5vw,3rem) 2.5rem}.tim-deleted-list-content{max-width: none;padding: 2rem clamp(1.25rem,2.5vw,3rem) 2.5rem}.tim-deleted-list-content .tim-customer-heading{margin-bottom: 1.25rem}.tim-deleted-list-content vaadin-text-field{margin-bottom: 1rem;max-width: 38rem}.tim-deleted-list-content vaadin-grid{border: 1px solid var(--lumo-contrast-10pct);border-radius: 6px}.tim-list-header{gap: 1.5rem;margin-bottom: 1rem}.tim-list-header .tim-customer-heading{margin-bottom: 0}.tim-list-add{flex-shrink: 0;margin-top: 0.25rem}.tim-status-summary{align-items: stretch;border-bottom: 1px solid var(--vaadin-border-color-secondary,#343a44);box-sizing: border-box;display: flex;gap: 0.375rem;margin-bottom: 1rem;overflow-x: auto;padding: 0 0.25rem;width: 100%}.tim-status-summary-button{--vaadin-button-background: transparent;--vaadin-button-border-width: 0;--vaadin-button-shadow: none;background: transparent;border: 0;border-bottom: 2px solid transparent;border-radius: 0;box-shadow: none;color: var(--vaadin-text-color-secondary,#aab0ba);flex-shrink: 0;margin: 0;min-height: 2.75rem;padding: 0 0.625rem}.tim-status-summary-button::part(label){align-items: center;display: inline-flex;gap: 0.4375rem;white-space: nowrap}.tim-status-summary-button:hover,.tim-status-summary-selected{background: var(--lumo-contrast-5pct);color: var(--vaadin-text-color,#f3f4f6)}.tim-status-summary-selected{border-bottom-color: #60a5fa}.tim-status-summary-count{align-items: center;border: 1px solid currentColor;border-radius: 999px;display: inline-flex;font-size: 0.75rem;height: 1.35rem;justify-content: center;min-width: 1.35rem;padding: 0 0.25rem;box-sizing: border-box;flex-shrink: 0}.tim-status-summary-awaiting-tim{color: #fbbf24}.tim-status-summary-awaiting-customer{color: #fb923c}.tim-status-summary-scheduled{color: #60a5fa}.tim-status-summary-error{color: #f87171}.tim-loading-button[data-loading]::part(label)::before{animation: tim-button-spin 0.7s linear infinite;border: 2px solid currentColor;border-radius: 50%;border-right-color: transparent;box-sizing: border-box;content: "";display: inline-block;height: 1rem;margin-right: 0.5rem;vertical-align: -0.15rem;width: 1rem}.tim-loading-button[data-loading]::part(prefix){display: none}.tim-schedule-weekend-warning{background: color-mix(in srgb,#f59e0b 9%,transparent);border-left: 3px solid #f59e0b;border-radius: 0.25rem;color: var(--vaadin-text-color-secondary,#5f6670);display: block;font-size: 0.8125rem;line-height: 1.4;margin-top: 0.5rem;padding: 0.5rem 0.75rem}@keyframes tim-button-spin{to{transform: rotate(360deg)}}.tim-list-toolbar{gap: 0.75rem;margin-bottom: 1rem}.tim-list-toolbar vaadin-text-field{min-width: 18rem}.tim-list-toolbar vaadin-combo-box{min-width: 11.5rem}.tim-list-clear-filters{flex: 0 0 2.5rem;width: 2.5rem}.tim-list-grid{box-sizing: border-box;min-width: 0;width: 100%}.tim-list-grid-scroll{background: var(--lumo-base-color);border: 1px solid var(--lumo-contrast-10pct);border-radius: 6px;box-sizing: border-box;max-width: 100%;overflow-x: auto;overflow-y: hidden}.tim-list-grid-scroll vaadin-grid{min-width: 70rem;width: 100%}.tim-list-grid vaadin-grid::part(header-cell){color: var(--vaadin-text-color-secondary,#c6cad1);font-size: 0.75rem;font-weight: 700;min-height: 2.75rem;text-transform: none}.tim-list-grid vaadin-grid::part(body-cell){min-height: 3.55rem;padding-left: 0.75rem;padding-right: 0.75rem}.tim-list-grid vaadin-grid::part(tim-list-row-error){background: color-mix(in srgb,#ef4444 6%,transparent)}.tim-list-customer-name{color: var(--vaadin-text-color,#f3f4f6);font-weight: 650;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.tim-list-phone{font-variant-numeric: tabular-nums;white-space: nowrap}.tim-list-status,.tim-list-hubsoft{border: 1px solid currentColor;border-radius: 4px;box-sizing: border-box;display: inline-flex;font-size: 0.6875rem;font-weight: 700;line-height: 1.2;padding: 0.3rem 0.5rem;white-space: nowrap}.tim-list-status-success,.tim-list-hubsoft-linked{background: color-mix(in srgb,#22c55e 12%,transparent);color: #4ade80}.tim-list-status-warning{background: color-mix(in srgb,#eab308 12%,transparent);color: #facc15}.tim-list-status-customer{background: color-mix(in srgb,#f97316 12%,transparent);color: #fb923c}.tim-list-status-error{background: color-mix(in srgb,#ef4444 14%,transparent);color: #f87171}.tim-list-status-scheduled{background: color-mix(in srgb,#3b82f6 14%,transparent);color: #60a5fa}.tim-list-status-pending{background: color-mix(in srgb,#38bdf8 10%,transparent);color: #7dd3fc}.tim-list-hubsoft-pending{background: color-mix(in srgb,#94a3b8 8%,transparent);color: var(--vaadin-text-color-secondary,#b7bdc7)}.tim-list-status-time,.tim-list-status-date{display: block}.tim-list-status-age{color: var(--vaadin-text-color,#f3f4f6);display: block;font-weight: 650;white-space: nowrap}.tim-list-status-date{color: var(--vaadin-text-color-secondary,#9ca3af);font-size: 0.7rem;font-variant-numeric: tabular-nums;margin-top: 0.15rem;white-space: nowrap}.tim-list-row-actions{align-items: center;display: flex;gap: 0.35rem;justify-content: flex-end;min-height: 2.25rem;width: 100%}.tim-list-primary-action{min-width: 8.5rem}.tim-list-details-action{flex: 0 0 2.25rem;width: 2.25rem}.tim-list-pagination{border-top: 1px solid var(--lumo-contrast-10pct);box-sizing: border-box;justify-content: flex-start;min-height: 3rem;padding: 0.375rem 0.75rem;width: 100%}.tim-list-pagination span{color: var(--lumo-secondary-text-color);min-width: 6.5rem;text-align: center}.tim-list-pagination .tim-list-total{text-align: right}.tim-list-pagination .tim-list-page-size-label{min-width: auto;white-space: nowrap}.tim-list-page-size{flex: 0 0 5.25rem}.tim-csv-example{background: var(--lumo-contrast-5pct);border: 1px solid var(--lumo-contrast-10pct);border-radius: 4px;box-sizing: border-box;font-family: monospace;font-size: var(--lumo-font-size-xs);margin-top: 0;overflow-wrap: anywhere;padding: 0.75rem;white-space: pre-wrap}.tim-csv-download{align-items: center;border: 1px solid var(--lumo-primary-color-50pct);border-radius: var(--lumo-border-radius-m);color: var(--lumo-primary-text-color);display: inline-flex;font-weight: 600;gap: 0.5rem;margin-bottom: 1rem;min-height: var(--lumo-size-m);padding: 0 var(--lumo-space-m);text-decoration: none;width: fit-content}.tim-csv-download:hover{background: var(--lumo-primary-color-10pct)}.hubsoft-service-name,.hubsoft-service-id{display: block}.hubsoft-service-name{font-weight: 600}.hubsoft-service-id,.hubsoft-link-context{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s)}.hubsoft-link-context{margin: 0 0 0.75rem}.tim-details-dialog::part(overlay){border-radius: var(--vaadin-radius-l,0.75rem)}.tim-details-dialog::part(header){align-items: center;border-top: 3px solid #e30613;padding: 1rem 1.5rem 0.875rem}.tim-details-dialog::part(content){padding: 0 1.5rem 1rem}.tim-details-dialog::part(footer){border-top: 1px solid var(--vaadin-border-color-secondary,#d9dde3);gap: 0.625rem;padding: 0.75rem 1.5rem}.tim-details-dialog::part(footer)>vaadin-button:first-child{margin-right: auto}.tim-iccid-change-dialog::part(overlay){border-radius: var(--vaadin-radius-l,0.75rem)}.tim-iccid-change-dialog::part(header){align-items: center;border-bottom: 1px solid var(--vaadin-border-color-secondary,#d9dde3);padding: 1rem 1.5rem}.tim-iccid-change-dialog::part(content){padding: 1.25rem 1.5rem}.tim-iccid-change-dialog::part(footer){background: var(--vaadin-background-container,#fff);border-top: 1px solid var(--vaadin-border-color-secondary,#d9dde3);gap: 0.5rem;padding: 0.75rem 1.5rem}.tim-iccid-change-title{flex: 1;font-size: 1.25rem;margin: 0}.tim-iccid-change-body{display: flex;flex-direction: column;gap: 1.25rem}.tim-iccid-change-context{align-items: center;background: color-mix(in srgb,#2563eb 7%,var(--vaadin-background-container,#fff));border: 1px solid color-mix(in srgb,#2563eb 24%,transparent);border-radius: var(--vaadin-radius-m,0.5rem);display: flex;gap: 0.875rem;padding: 0.875rem 1rem}.tim-iccid-change-context-icon{align-items: center;background: #2563eb;border-radius: 50%;color: #fff;display: flex;height: 2.25rem;justify-content: center;width: 2.25rem}.tim-iccid-change-context-icon vaadin-icon{height: 1.125rem;width: 1.125rem}.tim-iccid-change-context-label,.tim-iccid-change-context-value{display: block}.tim-iccid-change-context-label{color: var(--vaadin-text-color-secondary,#5f6670);font-size: 0.75rem;font-weight: 650}.tim-iccid-change-context-value{font-variant-numeric: tabular-nums;font-weight: 700;margin-top: 0.125rem}.tim-iccid-change-selection{display: flex;flex-direction: column;gap: 0.5rem}.tim-iccid-change-step-title{font-size: 0.9375rem;font-weight: 700}.tim-iccid-change-grid{border: 1px solid var(--vaadin-border-color-secondary,#d9dde3);border-radius: var(--vaadin-radius-m,0.5rem);overflow: hidden}.tim-iccid-change-selection-status{color: var(--vaadin-text-color-secondary,#5f6670);font-size: 0.8125rem;min-height: 1.25rem}.tim-iccid-change-selection-status-selected{color: var(--vaadin-primary-text-color,#1d4ed8);font-weight: 650}.tim-iccid-change-disposition{background: var(--vaadin-background-container,#fff);border: 1px solid var(--vaadin-border-color-secondary,#d9dde3);border-radius: var(--vaadin-radius-m,0.5rem);box-sizing: border-box;padding: 0.75rem 1rem;width: 100%}.tim-iccid-change-disposition vaadin-radio-button{margin-right: 1.5rem}@media (max-width: 640px){.tim-iccid-change-dialog::part(header),.tim-iccid-change-dialog::part(content),.tim-iccid-change-dialog::part(footer){padding-left: 1rem;padding-right: 1rem}.tim-iccid-change-disposition vaadin-radio-button{display: flex;margin-right: 0}}.tim-details-title{flex-grow: 1;font-size: 1.375rem;margin: 0}.tim-details-body{display: flex;flex-direction: column;gap: 0.75rem}.tim-details-identity{align-items: center;background: var(--vaadin-background-container,#fff);border: 1px solid var(--vaadin-border-color-secondary,#d9dde3);border-radius: var(--vaadin-radius-m,0.5rem);display: grid;gap: 1.25rem;grid-template-columns: auto minmax(10rem,1.4fr) minmax(9rem,1fr) minmax(10rem,1fr) auto;padding: 1rem}.tim-details-avatar{align-items: center;background: color-mix(in srgb,#2563eb 12%,var(--vaadin-background-container,#fff));border-radius: 50%;color: #1d4ed8;display: flex;font-size: 1.25rem;font-weight: 700;height: 3.25rem;justify-content: center;width: 3.25rem}.tim-details-section{background: var(--vaadin-background-container,#fff);border: 1px solid var(--vaadin-border-color-secondary,#d9dde3);border-radius: var(--vaadin-radius-m,0.5rem);padding: 1rem 1.25rem 1.125rem}.tim-details-section-heading{align-items: center;display: flex;gap: 0.625rem;margin-bottom: 1rem}.tim-details-section-icon{color: #2563eb;height: 1.25rem;width: 1.25rem}.tim-details-section-title{font-size: 1rem;font-weight: 700}.tim-details-grid{display: grid;gap: 1rem 1.5rem;grid-template-columns: repeat(4,minmax(0,1fr))}.tim-details-item{display: flex;flex-direction: column;gap: 0.25rem;min-width: 0}.tim-details-label{color: var(--vaadin-text-color-secondary,#5f6670);font-size: 0.8125rem;font-weight: 600}.tim-details-value{color: var(--vaadin-text-color,#172033);line-height: 1.4;overflow-wrap: anywhere}.tim-details-value-empty{color: var(--vaadin-text-color-secondary,#5f6670)}.tim-details-status{border: 1px solid;border-radius: 999px;font-size: 0.8125rem;font-weight: 700;justify-self: end;padding: 0.45rem 0.75rem;text-align: center}.tim-details-status-pending{background: color-mix(in srgb,#f59e0b 10%,var(--vaadin-background-container,#fff));border-color: color-mix(in srgb,#f59e0b 55%,transparent);color: light-dark(#9a5800,#ffc766)}.tim-details-status-success{background: color-mix(in srgb,#16a34a 10%,var(--vaadin-background-container,#fff));border-color: color-mix(in srgb,#16a34a 50%,transparent);color: light-dark(#08732c,#66dc8b)}.tim-details-status-error{background: color-mix(in srgb,#dc2626 10%,var(--vaadin-background-container,#fff));border-color: color-mix(in srgb,#dc2626 50%,transparent);color: light-dark(#a11212,#ff8585)}.tim-details-status-neutral{border-color: var(--vaadin-border-color-secondary,#d9dde3);color: var(--vaadin-text-color-secondary,#5f6670)}.tim-details-carrier-actions{align-items: center;display: flex;flex-wrap: wrap;gap: 0.5rem;margin-top: 0.375rem}.tim-details-carrier-button{margin-left: -0.5rem}.tim-details-carrier-result{border: 1px solid currentColor;border-radius: 999px;font-size: 0.75rem;font-weight: 700;line-height: 1.25;padding: 0.25rem 0.5rem;width: fit-content}.tim-details-carrier-success{background: color-mix(in srgb,#16a34a 10%,var(--vaadin-background-container,#fff));color: light-dark(#08732c,#66dc8b)}.tim-details-carrier-error{background: color-mix(in srgb,#dc2626 10%,var(--vaadin-background-container,#fff));color: light-dark(#a11212,#ff8585)}.tim-details-timeline{display: grid;grid-template-columns: repeat(4,minmax(0,1fr))}.tim-details-timeline-item{border-top: 2px dashed var(--vaadin-border-color-secondary,#d9dde3);padding: 1.125rem 1rem 0;position: relative;text-align: center}.tim-details-timeline-item::before{background: var(--vaadin-background-container,#fff);border: 3px solid #9299a5;border-radius: 50%;content: "";height: 0.75rem;left: calc(50% - 0.5rem);position: absolute;top: -0.55rem;width: 0.75rem}.tim-details-timeline-item-active::before{border-color: #2563eb}.tim-details-timeline-item-completed{border-top-color: #2563eb}.tim-details-timeline-item-completed::before{background: #2563eb;border-color: #2563eb;box-shadow: inset 0 0 0 3px var(--vaadin-background-container,#fff)}.tim-details-timeline-item-skipped{border-top-color: var(--vaadin-border-color-secondary,#d9dde3)}.tim-details-timeline-item-skipped::before{background: var(--vaadin-background-container,#fff);border-color: var(--vaadin-border-color-secondary,#9299a5)}.tim-details-timeline-item-skipped .tim-details-label,.tim-details-timeline-item-skipped .tim-details-value{color: var(--vaadin-text-color-secondary,#5f6670)}.tim-details-timeline-item-active .tim-details-label,.tim-details-timeline-item-active .tim-details-value{color: #2563eb;font-weight: 700}.tim-details-hubsoft{align-items: center;background: color-mix(in srgb,#2563eb 4%,var(--vaadin-background-container,#fff));border: 1px solid var(--vaadin-border-color-secondary,#d9dde3);border-radius: var(--vaadin-radius-m,0.5rem);display: flex;flex-wrap: wrap;gap: 0.75rem;padding: 0.75rem}.tim-details-hubsoft-icon{color: #2563eb}.tim-details-hubsoft-message{flex-grow: 1}.tim-details-hubsoft-hint{color: var(--vaadin-text-color-secondary,#5f6670);font-size: 0.8125rem}.tim-details-hubsoft-metadata{border-top: 1px solid var(--vaadin-border-color-secondary,#d9dde3);display: grid;gap: 1rem;grid-template-columns: repeat(3,minmax(0,1fr));padding-top: 0.75rem;width: 100%}@media (max-width: 640px){.tim-customer-content{padding: 1.5rem 1rem 2rem}.tim-customer-heading h1{font-size: 1.5rem}.tim-registration-modality vaadin-radio-button{box-sizing: border-box;min-width: 0;width: 50%}.tim-registration-inline-action,.tim-registration-iccid-selector{align-items: stretch;flex-direction: column}.tim-registration-inline-action vaadin-button,.tim-registration-iccid-selector vaadin-button{width: 100%}.tim-list-header{align-items: stretch;flex-direction: column}.tim-list-add{margin-top: 0;width: 100%}.tim-list-toolbar{align-items: stretch;flex-direction: column}.tim-list-toolbar vaadin-text-field,.tim-list-toolbar vaadin-combo-box,.tim-list-toolbar vaadin-button{max-width: none;width: 100%}.tim-list-toolbar .tim-list-clear-filters{align-self: flex-end;width: 2.5rem}.tim-list-pagination{flex-wrap: wrap;padding-left: 0.375rem;padding-right: 0.375rem}.tim-list-pagination span{min-width: 5.5rem}.tim-list-pagination .tim-list-total,.tim-list-pagination .tim-list-page-size-label,.tim-list-pagination .tim-list-page-size{order: 2}.tim-list-pagination .tim-list-total{flex-basis: auto !important;min-width: 5rem;text-align: left}.tim-details-dialog::part(header),.tim-details-dialog::part(content),.tim-details-dialog::part(footer){padding-left: 1rem;padding-right: 1rem}.tim-details-dialog::part(footer){align-items: stretch;flex-direction: column}.tim-details-dialog::part(footer)>vaadin-button{margin: 0;width: 100%}.tim-details-identity,.tim-details-grid,.tim-details-timeline,.tim-details-hubsoft-metadata{grid-template-columns: 1fr}.tim-details-identity{align-items: start}.tim-details-status{justify-self: start}.tim-details-timeline{gap: 1rem}.tim-details-timeline-item{border-left: 2px dashed var(--vaadin-border-color-secondary,#d9dde3);border-top: 0;padding: 0 0 0 1.25rem;text-align: left}.tim-details-timeline-item::before{left: -0.55rem;top: 0.125rem}}