/* Tapu24 desktop account workspaces, built on the shared native palette. */
.t24-account-shell{display:grid;grid-template-columns:228px minmax(0,1fr);align-items:start;gap:24px}
.t24-account-side{position:sticky;inset-block-start:96px;padding:16px;border:1px solid var(--t24-divider);border-radius:18px;background:var(--t24-surface);display:flex;flex-direction:column;gap:16px}
.t24-account-identity{display:flex;gap:12px;align-items:center;padding-block-end:16px;border-block-end:1px solid var(--t24-divider)}
.t24-account-identity>div{display:grid;gap:6px;min-inline-size:0}.t24-account-identity small{font-size:11px;color:var(--t24-body);overflow-wrap:anywhere}
.t24-account-identity .t24-chip{font-size:11px;min-block-size:28px;inline-size:fit-content;padding:4px 8px}
.t24-avatar{display:inline-flex;align-items:center;justify-content:center;inline-size:44px;block-size:44px;flex-shrink:0;border-radius:14px;background:var(--t24-surface-raised);color:var(--t24-primary);font-size:20px;font-weight:700;overflow:hidden}
.t24-avatar--large{inline-size:56px;block-size:56px}.t24-avatar img{inline-size:100%;block-size:100%;object-fit:cover}.t24-avatar svg{inline-size:24px;block-size:24px}
.t24-account-nav{display:grid;gap:4px}.t24-account-nav .t24-nav-link{min-block-size:44px;font-size:13px;padding:10px;gap:8px}.t24-account-nav .t24-nav-link>span:nth-child(2){flex:1}.t24-account-nav .t24-nav-link>svg{inline-size:19px;block-size:19px}
.t24-account-completion{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--t24-body)}.t24-account-completion strong{margin-inline-start:auto}.t24-account-completion progress{inline-size:100%}
.t24-account-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.t24-stat{display:flex;flex-direction:column;gap:7px;padding:20px;border:1px solid var(--t24-divider);border-radius:16px;background:var(--t24-surface);text-decoration:none;color:var(--t24-title)}
.t24-stat>strong,.t24-stat-value{font-size:28px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums;color:var(--t24-primary)}.t24-stat>span,.t24-stat-label{font-size:12px;color:var(--t24-body)}
.t24-account-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.t24-account-tool{display:flex;gap:12px;align-items:center;padding:16px;border:1px solid var(--t24-divider);border-radius:16px;background:var(--t24-surface);text-decoration:none;color:var(--t24-title)}.t24-account-tool:hover{border-color:var(--t24-primary);background:var(--t24-surface-raised)}.t24-account-tool>div{flex:1}.t24-account-tool h3{font-size:16px}.t24-account-tool p{font-size:12px;color:var(--t24-body);margin-block-start:4px}.t24-account-tool>svg{inline-size:18px;block-size:18px}
.t24-account-tool__icon,.t24-account-shortcut-icon{display:flex;align-items:center;justify-content:center;background:var(--t24-surface-raised);border:1px solid var(--t24-divider);color:var(--t24-primary);inline-size:48px;block-size:48px;border-radius:14px;flex-shrink:0}.t24-account-tool__icon svg,.t24-account-shortcut-icon svg{inline-size:24px;block-size:24px}
.t24-account-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px}
.t24-account-metric,.t24-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.t24-account-metric{padding-block:10px;border-block-end:1px solid var(--t24-divider);color:inherit;text-decoration:none;font-size:14px}.t24-account-metric:last-child{border:0}
.t24-account-task{display:grid;gap:8px;padding:16px;border:1px solid var(--t24-divider);border-radius:14px;background:var(--t24-surface-raised)}.t24-account-task h3,.t24-account-task strong{font-size:15px}.t24-account-task p,.t24-account-task span{font-size:13px;color:var(--t24-body)}.t24-account-task .t24-button{justify-self:start}
.t24-reward-card{display:flex;align-items:center;gap:16px;border:1px solid var(--t24-gold);border-radius:18px;padding:20px;background:color-mix(in srgb,var(--t24-gold) 8%,var(--t24-surface))}.t24-reward-card__icon{inline-size:52px;block-size:52px;flex-shrink:0;border-radius:16px;background:var(--t24-gold-accent);color:var(--t24-on-gold);display:flex;align-items:center;justify-content:center}.t24-reward-card__icon svg{inline-size:28px;block-size:28px}.t24-reward-card__body{flex:1;display:grid;gap:6px}.t24-reward-card h2{font-size:18px}.t24-reward-card p,.t24-reward-card small{font-size:12px;color:var(--t24-body)}.t24-reward-card__progress{display:flex;align-items:center;gap:12px;font-size:12px}.t24-reward-card__progress .t24-progress{max-inline-size:260px;accent-color:var(--t24-gold)}.t24-reward-card__balance{display:grid;gap:4px;min-inline-size:92px;border-inline-start:1px solid var(--t24-divider);padding-inline-start:16px;text-align:center;color:var(--t24-gold);text-decoration:none}.t24-reward-card__balance strong{font-size:30px;line-height:1}.t24-reward-card__balance span{font-size:12px;color:var(--t24-body)}
.t24-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.t24-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.t24-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}
.t24-small{font-size:12px}.t24-eyebrow{display:block;font-size:12px;color:var(--t24-primary);margin-block-end:6px}.t24-page{min-inline-size:0}.t24-list{list-style:none;padding:0;margin:0}.t24-list-item{padding-block:10px;border-block-end:1px solid var(--t24-divider)}
.t24-actions,.t24-chips{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.t24-actions form{margin:0}.t24-button--small{min-block-size:44px;font-size:13px;padding:10px 14px}.t24-button--gold{background:var(--t24-gold-accent);color:var(--t24-on-gold)}.t24-button--gold:hover{background:color-mix(in srgb,var(--t24-gold-accent) 90%,var(--t24-surface))}
.t24-check{display:flex;align-items:center;gap:9px;color:var(--t24-body);font-size:14px}.t24-check input{inline-size:18px;block-size:18px;flex-shrink:0}.t24-check>span{display:grid;gap:4px}
.t24-toolbar,.t24-vendor-filter,.t24-material-list-filter{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.t24-toolbar .t24-field,.t24-vendor-filter .t24-field{flex:1;min-inline-size:160px}
.t24-status--warning{border-color:var(--t24-gold);background:color-mix(in srgb,var(--t24-gold) 8%,var(--t24-surface));color:var(--t24-title)}.t24-status>svg{inline-size:24px;block-size:24px}.t24-badge--warning{background:var(--t24-gold-accent);color:var(--t24-on-gold)}.t24-badge--danger{background:var(--t24-error-surface);color:var(--t24-error)}.t24-badge--success{background:var(--t24-success);color:var(--t24-canvas)}.t24-tab.is-active{color:var(--t24-primary);border-block-end-color:var(--t24-primary)}
.t24-card__header h2{font-size:17px}.t24-card__header>svg{inline-size:22px;block-size:22px;color:var(--t24-primary)}.t24-card__body h2{font-size:18px}.t24-card__body h3{font-size:16px}.t24-pagination{display:flex;justify-content:center;padding-block:16px}.t24-pagination svg{inline-size:18px}.t24-pagination nav{display:flex;gap:8px}.t24-pagination nav>div{display:flex;gap:8px;flex-wrap:wrap}
.t24-account-profile-intro{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.t24-account-profile-intro>div{flex:1}.t24-account-logo{inline-size:80px;block-size:80px;object-fit:cover;border-radius:14px}
.t24-account-choice{display:flex;gap:12px;align-items:center;min-block-size:78px;padding:16px;border:1px solid var(--t24-divider);border-radius:16px;cursor:pointer;background:var(--t24-surface)}.t24-account-choice:has(input:checked){border-color:var(--t24-primary);background:var(--t24-surface-raised)}.t24-account-choice span{display:grid;gap:6px}.t24-account-choice small{font-size:12px;color:var(--t24-body)}.t24-account-choice input{inline-size:20px;block-size:20px}
.t24-account-shortcut{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--t24-divider);border-radius:16px;text-decoration:none;color:inherit}.t24-account-shortcut>span:nth-child(2){flex:1}.t24-account-shortcut small{display:block;color:var(--t24-body);font-size:12px}.t24-account-shortcut>svg{inline-size:18px;block-size:18px}.t24-account-history{padding:12px;border:1px solid var(--t24-divider);border-radius:14px}.t24-account-history summary{display:flex;align-items:center;gap:8px;cursor:pointer}.t24-account-history summary svg{inline-size:18px;block-size:18px}.t24-account-history[open]>.t24-stack{padding-block-start:12px}
.t24-account-ad-row{display:grid;grid-template-columns:160px minmax(0,1fr)}.t24-account-ad-media{background:var(--t24-surface-raised);display:flex;align-items:center;justify-content:center;min-block-size:170px}.t24-account-ad-media img{inline-size:100%;block-size:100%;object-fit:cover}.t24-account-ad-media svg{inline-size:40px;block-size:40px;color:var(--t24-primary)}.t24-account-ad-row h2{font-size:17px}.t24-account-ad-row h2 a{color:inherit;text-decoration:none}.t24-account-property-media{display:block;aspect-ratio:16/9;background:var(--t24-surface-raised)}.t24-account-property-media img{inline-size:100%;block-size:100%;object-fit:cover}.t24-account-property-media svg{inline-size:48px;block-size:48px;margin:auto;position:relative;inset-block-start:30%}
.t24-account-file-preview{display:flex;gap:12px;align-items:center;padding:10px;border:1px solid var(--t24-divider);border-radius:14px;font-size:12px;color:var(--t24-body)}.t24-account-file-preview img{inline-size:70px;block-size:70px;object-fit:cover;border-radius:8px}
.t24-access-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,520px);align-items:center;gap:48px;max-inline-size:1080px;margin:24px auto 48px}.t24-access-identity{display:grid;gap:20px;padding:32px}.t24-access-identity>img{inline-size:104px;block-size:104px;object-fit:cover;border-radius:24px}.t24-access-identity h2{font-size:36px;line-height:1.25}.t24-access-identity p{color:var(--t24-body);font-size:16px;line-height:1.8;max-inline-size:400px}.t24-access-services{display:flex;flex-wrap:wrap;gap:12px}.t24-access-services span{display:flex;align-items:center;gap:6px;padding:10px;font-size:13px;border:1px solid var(--t24-divider);border-radius:14px}.t24-access-services svg{inline-size:19px;block-size:19px;color:var(--t24-primary)}.t24-access-card{display:grid;gap:20px;padding:28px;border:1px solid var(--t24-divider);border-radius:24px;background:var(--t24-surface)}.t24-access-legal{padding-block-start:16px;border-block-start:1px solid var(--t24-divider);font-size:12px;color:var(--t24-body);line-height:1.8}.t24-access-otp{font-size:26px;font-variant-numeric:tabular-nums;letter-spacing:10px;text-align:center}.t24-access-password{position:relative;display:flex;gap:8px}.t24-access-password>.t24-input{flex:1;min-inline-size:0}.t24-access-intents{border:0;padding:0;margin:0}.t24-access-intents legend{margin-block-end:10px}.t24-access-intents .t24-account-choice{font-size:13px;min-block-size:64px}
.t24-account-notification-category{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:20px;border:1px solid var(--t24-divider);border-radius:16px}.t24-account-notification-category h3{font-size:16px}.t24-account-notification-category p{font-size:13px}.t24-account-notification-master{padding:16px;border:1px solid var(--t24-divider);border-radius:16px;background:var(--t24-surface-raised)}
/* Business editing: native card sections with an independent, sticky review column. */
.t24-cpe-layout,.t24-material-editor-layout,.t24-vendor-layout,.t24-offer-editor{display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:20px}.t24-cpe-aside,.t24-material-editor-summary,.t24-offer-editor__aside{position:sticky;inset-block-start:96px;display:grid;gap:12px}.t24-cpe-input-action{display:flex;align-items:center;gap:8px}.t24-cpe-input-action .t24-input{min-inline-size:0}.t24-cpe-media-grid,.t24-offer-editor__images{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.t24-cpe-tile,.t24-offer-editor__image{margin:0;padding:10px;border:1px solid var(--t24-divider);border-radius:14px;background:var(--t24-surface-raised)}.t24-cpe-tile img,.t24-offer-editor__image img{inline-size:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}.t24-cpe-tile-actions{display:flex;justify-content:space-between;gap:6px;margin-block-start:8px}.t24-cpe-tile-actions button{min-block-size:38px;min-inline-size:38px;font-size:12px;padding:7px}.t24-cpe-video{inline-size:100%;max-block-size:340px;border-radius:14px;background:var(--t24-canvas)}.t24-cpe-upload,.t24-offer-editor__upload,.t24-vendor-document{padding:16px;border:1px dashed var(--t24-divider);border-radius:16px;display:grid;gap:12px}.t24-cpe-upload.is-dragover{border-color:var(--t24-primary);background:var(--t24-surface-raised)}.t24-cpe-file-trigger input{max-inline-size:200px;font-size:12px}.t24-cpe-cover,.t24-cover{inline-size:100%;max-block-size:200px;object-fit:cover}.t24-cpe-check{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--t24-body)}.t24-cpe-check.is-complete{color:var(--t24-success)}.t24-cpe-discount{display:grid;gap:10px}.t24-cpe-savebar{position:sticky;inset-block-end:12px;margin-block-start:20px;padding:16px;border:1px solid var(--t24-divider);border-radius:18px;background:var(--t24-surface);display:flex;align-items:center;justify-content:space-between;gap:16px}.t24-cpe-progress{block-size:6px;border-radius:10px;background:var(--t24-divider);overflow:hidden}.t24-cpe-progress>span{display:block;block-size:100%;background:var(--t24-primary)}.t24-cpe-price,.t24-vendor-price,.t24-material-quote__price,.t24-vendor-offer__price{font-size:22px;color:var(--t24-primary);font-weight:700}.t24-cpe-price-old{text-decoration:line-through;color:var(--t24-body);font-size:12px}.t24-cpe-error,.t24-vendor-error{color:var(--t24-error);font-size:12px}.t24-cpe-units table,.t24-cpe-batch table{min-inline-size:800px}.t24-cpe-batch input,.t24-cpe-batch select{min-inline-size:85px;padding:10px;font-size:13px}.t24-cpe-row-remove{border:0;border-radius:12px;background:var(--t24-error-surface);color:var(--t24-error);min-inline-size:44px;min-block-size:44px}
.t24-material-form-nav,.t24-offer-editor__steps{display:flex;gap:8px;flex-wrap:wrap}.t24-material-form-nav a,.t24-offer-editor__step{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--t24-divider);border-radius:14px;padding:10px 12px;font-size:13px;color:var(--t24-body);text-decoration:none;background:var(--t24-surface)}.t24-material-form-nav a span,.t24-offer-editor__step span{color:var(--t24-primary)}.t24-material-full,.t24-vendor-full{grid-column:1/-1}.t24-material-facts,.t24-vendor-facts,.t24-vendor-offer__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.t24-material-facts--single,.t24-vendor-facts{grid-template-columns:1fr}.t24-material-facts>div,.t24-vendor-facts>div{padding-block:8px;border-block-end:1px solid var(--t24-divider)}.t24-material-facts dt,.t24-vendor-facts dt,.t24-vendor-offer__facts dt{font-size:12px;color:var(--t24-body)}.t24-material-facts dd,.t24-vendor-facts dd,.t24-vendor-offer__facts dd{margin:4px 0 0;font-size:14px}.t24-material-rfq-row{padding:20px;border:1px solid var(--t24-divider);border-radius:16px;background:var(--t24-surface);display:grid;gap:16px}.t24-material-rfq-row__heading,.t24-material-rfq-row__footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.t24-material-quote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.t24-material-quote{padding:20px;border:1px solid var(--t24-divider);border-radius:16px;background:var(--t24-surface)}.t24-material-quote--selected{border-color:var(--t24-primary)}.t24-material-preserve-lines{white-space:pre-wrap;color:var(--t24-body)}.t24-material-timeline{display:grid;gap:12px;margin:0;padding:0;list-style:none}.t24-material-timeline li{padding:12px;border-inline-start:3px solid var(--t24-primary);background:var(--t24-surface-raised);border-radius:12px}.t24-material-vendor-quote-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px}.t24-material-fieldset,.t24-vendor-spec-group{border:1px solid var(--t24-divider);border-radius:14px;padding:16px}.t24-material-response{padding:16px;background:var(--t24-surface-raised);border-radius:16px}.t24-material-comparison-note{padding:16px;border:1px solid var(--t24-divider);border-radius:14px;font-size:13px}.t24-vendor-identity{display:flex;gap:16px;align-items:start}.t24-vendor-identity>.t24-stack{flex:1}.t24-vendor-progress{inline-size:100%;accent-color:var(--t24-primary)}.t24-vendor-steps{display:grid;gap:16px;padding-inline-start:20px}.t24-vendor-steps span{display:block;font-size:12px}.t24-vendor-offers{display:grid;gap:16px}.t24-vendor-offer{display:grid;grid-template-columns:120px 1fr;border:1px solid var(--t24-divider);border-radius:16px;overflow:hidden;background:var(--t24-surface)}.t24-vendor-offer__image{background:var(--t24-surface-raised);display:flex;align-items:center;justify-content:center}.t24-vendor-offer__image img{inline-size:100%;block-size:100%;object-fit:cover}.t24-vendor-offer__body{padding:16px;display:grid;gap:12px}.t24-vendor-offer__top,.t24-vendor-offer__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.t24-offer-editor__controls{display:flex;gap:8px;flex-wrap:wrap}.t24-offer-editor__range{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.t24-offer-editor__choice{padding:12px;border:1px solid var(--t24-divider);border-radius:14px}.t24-offer-editor__status{padding:16px;background:var(--t24-surface-raised);border-radius:14px;font-size:13px}
.t24-service-service{display:grid;gap:20px}.t24-service-service-head h1{font-size:24px}.t24-service-service form{display:grid;gap:18px;padding:24px;border:1px solid var(--t24-divider);border-radius:18px;background:var(--t24-surface)}.t24-service-service label{display:grid;gap:6px;color:var(--t24-body);font-size:15px}.t24-service-service input,.t24-service-service select,.t24-service-service textarea{inline-size:100%;min-block-size:52px;padding:16px;border:1px solid var(--t24-divider);border-radius:14px;background:var(--t24-surface);color:var(--t24-title);font:inherit}.t24-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.t24-service-contact{padding:16px;border:1px solid var(--t24-divider);border-radius:16px;background:var(--t24-surface-raised)}.t24-service-contact small{display:block;font-size:12px;color:var(--t24-body)}.t24-service-service button[type=submit]{min-block-size:48px;padding:14px 20px;border:0;border-radius:16px;background:var(--t24-primary);color:var(--t24-on-primary);font-weight:700}
/* Conversations preserve read state, quoting, reactions, pinning and pagination. */
.t24-inbox-thread{padding:16px;border-block-end:1px solid var(--t24-divider)}.t24-inbox-thread:last-child{border:0}.t24-inbox-thread.is-unread{background:var(--t24-surface-raised)}.t24-inbox-thread-link{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none}.t24-inbox-thread-content{flex:1;min-inline-size:0;display:grid;gap:4px}.t24-inbox-thread-content strong{font-size:15px}.t24-inbox-preview{font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--t24-body)}.t24-inbox-thread-actions{display:flex;gap:8px;margin-block-start:8px;padding-inline-start:58px}.t24-inbox-presence{inline-size:8px;block-size:8px;border-radius:50%;background:var(--t24-body)}.t24-inbox-presence.is-online{background:var(--t24-success)}.t24-inbox-thread .t24-avatar{position:relative}.t24-inbox-thread .t24-avatar .t24-inbox-presence{position:absolute;inset-inline-end:2px;inset-block-end:2px;border:2px solid var(--t24-surface)}
.t24-conversation{display:flex;flex-direction:column;min-block-size:600px;position:relative}.t24-conversation-header{display:flex;align-items:center;gap:12px;padding:16px;border-block-end:1px solid var(--t24-divider)}.t24-conversation-person{flex:1}.t24-conversation-person h2{font-size:16px}.t24-conversation-person small{display:block;font-size:12px}.t24-conversation-details{position:relative}.t24-conversation-details>summary{list-style:none}.t24-conversation-details-panel{position:absolute;inset-inline-end:0;inset-block-start:52px;z-index:10;inline-size:260px;padding:16px;display:grid;gap:10px}.t24-conversation-context{display:flex;align-items:center;gap:10px;padding:10px 16px;border-block-end:1px solid var(--t24-divider);text-decoration:none;color:var(--t24-body);font-size:13px}.t24-conversation-context svg{inline-size:18px;block-size:18px}.t24-conversation-context span{flex:1}.t24-conversation-history{text-align:center;padding:6px}.t24-conversation-log{min-block-size:300px;block-size:440px;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px;scrollbar-gutter:stable}.t24-chat-message{align-self:flex-start;max-inline-size:min(80%,560px);padding:12px 14px;border:1px solid var(--t24-divider);border-radius:16px 16px 16px 4px;background:var(--t24-surface-raised);color:var(--t24-title)}[dir=rtl] .t24-chat-message{border-radius:16px 16px 4px 16px}.t24-chat-message.is-mine{align-self:flex-end;border-color:color-mix(in srgb,var(--t24-primary) 50%,var(--t24-divider));background:color-mix(in srgb,var(--t24-primary) 16%,var(--t24-surface));border-radius:16px 16px 4px 16px}[dir=rtl] .t24-chat-message.is-mine{border-radius:16px 16px 16px 4px}.t24-chat-message-body{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:plaintext}.t24-chat-message-meta{display:flex;align-items:center;justify-content:end;gap:8px;margin-block-start:6px;font-size:10px;color:var(--t24-body)}.t24-chat-message-menu{position:relative}.t24-chat-message-menu>summary{cursor:pointer;list-style:none;min-inline-size:28px;min-block-size:28px;display:flex;align-items:center;justify-content:center}.t24-chat-message-menu summary svg{inline-size:16px;block-size:16px}.t24-chat-message-options{position:absolute;z-index:5;inset-inline-end:0;inset-block-end:32px;display:flex;gap:4px;padding:8px;border:1px solid var(--t24-divider);border-radius:14px;background:var(--t24-surface)}.t24-chat-message-options button{min-inline-size:38px;min-block-size:38px;border:0;background:transparent;color:var(--t24-title);border-radius:8px}.t24-chat-message-options button:hover{background:var(--t24-surface-raised)}.t24-chat-reactions{display:flex;flex-wrap:wrap;gap:4px}.t24-chat-reactions .t24-chip{min-block-size:28px;font-size:12px;padding:3px 7px}.t24-chat-quote{display:grid;gap:4px;inline-size:100%;text-align:start;padding:10px;margin-block-end:10px;border:0;border-inline-start:3px solid var(--t24-primary);border-radius:8px;color:var(--t24-body);background:var(--t24-surface);font-size:12px}.t24-chat-quote span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}.t24-chat-message.is-highlighted{outline:3px solid var(--t24-gold)}.t24-conversation-composer{padding:16px;border-block-start:1px solid var(--t24-divider);display:grid;gap:12px;background:var(--t24-surface)}.t24-conversation-quick{display:flex;gap:6px;overflow:auto}.t24-conversation-quick .t24-chip{flex-shrink:0;font-size:12px;min-block-size:36px}.t24-conversation-form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px}.t24-conversation-form textarea{min-block-size:74px;max-block-size:180px;font-size:14px}.t24-chat-composer-quote{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:12px;border-inline-start:3px solid var(--t24-primary);border-radius:12px;background:var(--t24-surface-raised)}.t24-chat-composer-quote>div{flex:1;display:grid;gap:4px;font-size:12px}.t24-chat-composer-quote span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-inline-size:420px}.t24-chat-jump{align-self:center;position:absolute;inset-block-end:200px;z-index:5;background:var(--t24-primary);color:var(--t24-on-primary)}
.t24-journey-journey{max-inline-size:800px;margin:24px auto}.t24-journey-card{padding:28px;border:1px solid var(--t24-divider);border-radius:24px;background:var(--t24-surface)}.t24-journey-brand{color:var(--t24-primary);font-size:20px;font-weight:700}.t24-journey-step{font-size:12px;color:var(--t24-body);margin-block:12px}.t24-journey-card h1{font-size:25px}.t24-journey-card p{color:var(--t24-body);font-size:14px}.t24-journey-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-block:24px}.t24-journey-choice{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid var(--t24-divider);border-radius:16px;cursor:pointer}.t24-journey-choice:has(input:checked){border-color:var(--t24-primary);background:var(--t24-surface-raised)}.t24-journey-choice>span:nth-child(2){flex:1}.t24-journey-choice strong{font-size:16px}.t24-journey-choice small{display:block;font-size:12px;color:var(--t24-body);margin-block-start:6px}.t24-journey-check{color:var(--t24-primary);visibility:hidden}.t24-journey-choice:has(input:checked) .t24-journey-check{visibility:visible}.t24-journey-disabled{opacity:.5}.t24-journey-buttons{display:flex;gap:12px;margin-block-start:24px}.t24-journey-buttons button{min-block-size:48px;border:0;padding:14px 24px;border-radius:16px;color:var(--t24-on-primary);background:var(--t24-primary);font-weight:700}.t24-journey-buttons .t24-journey-back{color:var(--t24-primary);background:var(--t24-surface-raised)}#tpSettings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-block-start:20px}#tpSettings label{display:grid;gap:6px;font-size:14px;color:var(--t24-body)}#tpSettings small{font-size:12px}#tpSettings input,#tpSettings select{inline-size:100%;padding:16px;border:1px solid var(--t24-divider);border-radius:14px;color:var(--t24-title);background:var(--t24-surface)}.t24-account-toast{position:fixed;z-index:80;inset-block-end:28px;inset-inline-end:28px;padding:16px 24px;border:1px solid var(--t24-divider);border-radius:16px;background:var(--t24-surface);color:var(--t24-title);opacity:0;pointer-events:none}.t24-account-toast.is-visible{opacity:1}.t24-account-toast.is-error{color:var(--t24-error)}
@media(max-width:1199px){.t24-account-shell{grid-template-columns:200px minmax(0,1fr);gap:16px}.t24-account-overview,.t24-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}.t24-cpe-layout,.t24-material-editor-layout,.t24-vendor-layout,.t24-offer-editor,.t24-material-vendor-quote-layout{grid-template-columns:minmax(0,1fr)}.t24-cpe-aside,.t24-material-editor-summary,.t24-offer-editor__aside{position:static}.t24-account-dashboard-grid{grid-template-columns:1fr}.t24-access-shell{gap:24px}.t24-access-identity{padding:12px}.t24-access-identity h2{font-size:30px}}
@media(max-width:959px){.t24-account-shell{grid-template-columns:1fr}.t24-account-side{position:static}.t24-account-nav{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.t24-account-identity{max-inline-size:400px}.t24-account-completion{max-inline-size:300px}.t24-account-side>form{max-inline-size:200px}.t24-access-shell{grid-template-columns:1fr;max-inline-size:560px}.t24-access-identity{display:none}.t24-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.t24-account-tools,.t24-grid--two,.t24-grid--three,.t24-service-grid,.t24-material-quote-grid,.t24-journey-choices,#tpSettings{grid-template-columns:1fr}.t24-account-ad-row,.t24-vendor-offer{grid-template-columns:1fr}.t24-account-ad-media{max-block-size:180px}.t24-reward-card{flex-wrap:wrap;padding:16px}.t24-reward-card__body{min-inline-size:180px}.t24-reward-card__balance{display:flex;align-items:center;inline-size:100%;gap:10px;border-inline-start:0;border-block-start:1px solid var(--t24-divider);padding:12px 0 0}.t24-account-notification-category{grid-template-columns:1fr}.t24-cpe-savebar{position:static;flex-wrap:wrap}.t24-conversation-form{grid-template-columns:1fr}.t24-conversation-form>button{justify-self:end}.t24-conversation-log{padding:12px}.t24-chat-message{max-inline-size:90%}.t24-chat-composer-quote span{max-inline-size:200px}.t24-access-card{padding:20px}.t24-journey-card{padding:20px}.t24-chat-jump{inset-block-end:260px}}
.t24-favorite-list{display:inline-flex;gap:4px;align-items:center}.t24-favorite-list .t24-icon-button{inline-size:36px;block-size:36px;min-inline-size:36px;padding:8px;border-radius:12px;font-size:16px}.t24-favorite-list .t24-chip{min-block-size:36px;font-size:13px}