/* /sttl_otp_login/static/src/css/otp_login.css */
 .login-container{max-width: 400px; margin: 0 auto; padding: 20px; border-radius: 8px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); background-color: #fff;}.login-header{margin-bottom: 30px; text-align: center;}.login-header h3{color: var(--primary); font-weight: 600; font-size: 24px; margin-bottom: 10px;}.login-header p{color: #666; font-size: 15px;}.otp-form .form-group{margin-bottom: 20px;}.otp-form label{font-weight: 500; color: #555; margin-bottom: 8px; display: block;}.otp-form .form-control{height: 48px; border-radius: 6px; border: 1px solid #ddd; box-shadow: none; transition: border-color 0.3s, box-shadow 0.3s; font-size: 16px;}.otp-form .form-control:focus{border-color: var(--primary); box-shadow: 0 0 0 3px rgba(63, 122, 216, 0.15);}.otp-form .btn-primary{height: 48px; font-size: 16px; font-weight: 600; background-color: var(--primary); border: none; border-radius: 6px; transition: background-color 0.3s;}.otp-form .btn-primary:hover, .otp-form .btn-primary:focus{background-color: #0E3746;}.otp-selection{display: flex; justify-content: center; gap: 15px; margin-bottom: 20px;}.contact-option{display: flex; align-items: center; justify-content: center; gap: 10px; padding: 12px 20px; border: 1px solid #ddd; border-radius: 6px; cursor: pointer; transition: all 0.2s; width: 100%;}.contact-option:hover{border-color: var(--primary); background-color: rgba(63, 122, 216, 0.05);}.contact-option.selected{border-color: var(--primary); background-color: rgba(63, 122, 216, 0.1);}.contact-option i{font-size: 18px; color: var(--primary);}.contact-option .option-text{font-size: 14px;}.contact-option .option-value{font-weight: 500; font-size: 14px; color: #333;}.resend-action{display: block; text-align: center; margin-top: 20px; color: var(--primary); font-weight: 500; cursor: pointer; text-decoration: none; font-size: 14px;}.resend-action:hover{text-decoration: underline;}.otp-input{letter-spacing: 6px; font-size: 20px; text-align: center; font-weight: 600;}.verification-message{text-align: center; margin-bottom: 20px; font-size: 15px; color: #666;}.digital-code-text{font-weight: 600; color: #444;}.timer-text{display: inline-block; margin-left: 5px; color: #999;}.alert{border-radius: 6px; padding: 12px 15px; font-size: 14px; margin-bottom: 20px;}.alert-info{background-color: #e8f4fd; border-color: #cce7fc; color: #0d6efd;}.alert-danger{background-color: #fee8e7; border-color: #fcd3cf; color: #dc3545;}.identifier-section{margin-bottom: 25px;}.identifier-display{text-align: center;}.identifier-edit{background-color: #f8f9fa; padding: 20px; border-radius: 8px; border: 1px solid #e9ecef; margin-bottom: 15px;}.edit-identifier-btn{color: var(--primary); text-decoration: none; font-size: 14px; padding: 5px 10px; border: none; background: none; cursor: pointer; transition: color 0.3s;}.edit-identifier-btn:hover{color: #0E3746; text-decoration: underline;}.edit-identifier-btn i{margin-right: 5px;}.identifier-edit .form-group{margin-bottom: 15px;}.identifier-edit .btn{margin: 0 5px; padding: 8px 16px; font-size: 14px; border-radius: 5px;}.identifier-edit .btn-primary{background-color: var(--primary); border-color: var(--primary); height: auto;}.identifier-edit .btn-secondary{background-color: #6c757d; border-color: #6c757d; color: white; height: auto;}.identifier-edit .btn-secondary:hover{background-color: #5a6268; border-color: #545b62;}.identifier-value{color: var(--primary); font-weight: 600;}@media (max-width: 480px){.identifier-edit .btn{display: block; width: 100%; margin: 5px 0;}.identifier-edit .text-center{text-align: left !important;}}.identifier-display, .identifier-edit{transition: opacity 0.3s ease-in-out;}.btn:disabled{opacity: 0.6; cursor: not-allowed;}

/* /warranty/static/src/scss/warranty_claim_chat.scss */
 body:has(.o_upgrade_scope) .up_claim{max-width: 820px;}body:has(.o_upgrade_scope) .up_toggle{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; min-height: 0; border: none; border-radius: 9px; background: var(--ts-selected-bg); color: var(--ts-secondary); font-family: inherit; font-weight: 600; font-size: 12.5px; line-height: 1.2; cursor: pointer; transition: background-color 0.15s, color 0.15s;}body:has(.o_upgrade_scope) .up_toggle:hover, body:has(.o_upgrade_scope) .up_toggle:focus{background: rgba(14, 55, 70, 0.12); color: var(--ts-primary);}body:has(.o_upgrade_scope) .up_claim_ctx{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 0 0 18px; font-size: 13px;}body:has(.o_upgrade_scope) .up_claim_ctx__item{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: 6px; color: var(--ts-text-muted); text-decoration: none; font-weight: 600;}body:has(.o_upgrade_scope) .up_claim_ctx__item i{color: var(--ts-secondary);}body:has(.o_upgrade_scope) a.up_claim_ctx__item:hover{color: var(--ts-secondary);}body:has(.o_upgrade_scope) .up_claim_ctx .up_chip{margin-top: 0;}body:has(.o_upgrade_scope) .up_chat{position: relative; background: var(--ts-surface); border: 1px solid var(--ts-border); border-radius: var(--ts-radius-card); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 8px 24px rgba(21, 28, 47, 0.06); overflow: hidden; margin-bottom: 18px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}body:has(.o_upgrade_scope) .up_chat__body{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; min-height: 0;}body:has(.o_upgrade_scope) .up_chat__head{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; gap: 10px; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 14px 16px; border-bottom: 1px solid var(--ts-border); background: var(--ts-surface);}body:has(.o_upgrade_scope) .up_chat__title{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 10px; font-weight: 700; color: var(--ts-primary); font-size: 1.05rem;}body:has(.o_upgrade_scope) .up_chat__avatar{width: 30px; height: 30px; border-radius: 999px; background: var(--ts-secondary); color: #fff; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;}body:has(.o_upgrade_scope) .up_chat__actions{display: -webkit-box; display: -webkit-flex; display: flex; gap: 8px; -webkit-flex-wrap: wrap; flex-wrap: wrap;}body:has(.o_upgrade_scope) .warranty-chat-messages{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 14px; padding: 18px 16px; background: var(--ts-bg); overflow-y: auto; min-height: 300px; max-height: 52vh; scroll-behavior: smooth;}@media (min-width: 768px){body:has(.o_upgrade_scope) .warranty-chat-messages{min-height: 340px; max-height: 58vh;}}body:has(.o_upgrade_scope) .chat-message-wrapper{display: -webkit-box; display: -webkit-flex; display: flex; max-width: 86%;}body:has(.o_upgrade_scope) .chat-message-wrapper.user-message{align-self: flex-end; -webkit-box-pack: end; justify-content: flex-end;}body:has(.o_upgrade_scope) .chat-message-wrapper.ai-message{align-self: flex-start;}body:has(.o_upgrade_scope) .chat-message{padding: 11px 15px; border-radius: 16px; font-size: 14.5px; line-height: 1.45; box-shadow: 0 1px 2px rgba(21, 28, 47, 0.06);}body:has(.o_upgrade_scope) .ai-message .chat-message{background: var(--ts-surface); border: 1px solid var(--ts-border); color: var(--ts-text); border-bottom-left-radius: 5px;}body:has(.o_upgrade_scope) .user-message .chat-message{background: var(--ts-primary); color: #fff; border-bottom-right-radius: 5px;}body:has(.o_upgrade_scope) .message-header{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 4px; font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.03em;}body:has(.o_upgrade_scope) .message-sender{font-weight: 700;}body:has(.o_upgrade_scope) .ai-message .message-sender{color: var(--ts-secondary);}body:has(.o_upgrade_scope) .user-message .message-sender{color: rgba(255, 255, 255, 0.85);}body:has(.o_upgrade_scope) .message-time{opacity: 0.7; font-weight: 600;}body:has(.o_upgrade_scope) .message-content{word-wrap: break-word; overflow-wrap: anywhere; white-space: pre-line;}body:has(.o_upgrade_scope) .message-content p:last-child{margin-bottom: 0;}body:has(.o_upgrade_scope) .message-content a{color: inherit; text-decoration: underline;}body:has(.o_upgrade_scope) .ai-message .message-content a{color: var(--ts-secondary);}body:has(.o_upgrade_scope) .message-attachments{margin-top: 8px; font-size: 0.85rem; opacity: 0.9;}body:has(.o_upgrade_scope) .message-attachments .attachment-item img, body:has(.o_upgrade_scope) .message-attachments .img-thumbnail{max-width: 160px; border-radius: 8px; margin-top: 6px;}body:has(.o_upgrade_scope) .no-messages{margin: auto; text-align: center; color: var(--ts-text-muted); padding: 24px;}body:has(.o_upgrade_scope) .no-messages i{font-size: 2.4rem; color: var(--ts-secondary); opacity: 0.85;}body:has(.o_upgrade_scope) .no-messages p{margin: 12px 0 0; line-height: 1.5;}body:has(.o_upgrade_scope) .typing-indicator{display: -webkit-box; display: -webkit-flex; display: flex; gap: 5px; padding: 2px 0;}body:has(.o_upgrade_scope) .typing-indicator span{width: 8px; height: 8px; border-radius: 50%; background: var(--ts-text-muted); opacity: 0.5; animation: up-typing 1s infinite;}body:has(.o_upgrade_scope) .typing-indicator span:nth-child(2){animation-delay: 0.15s;}body:has(.o_upgrade_scope) .typing-indicator span:nth-child(3){animation-delay: 0.3s;}@keyframes up-typing{0%, 60%, 100%{transform: translateY(0); opacity: 0.4;}30%{transform: translateY(-4px); opacity: 0.9;}}body:has(.o_upgrade_scope) .up_chat__foot{padding: 12px 14px; border-top: 1px solid var(--ts-border); background: var(--ts-surface);}body:has(.o_upgrade_scope) .up_composer{display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-end; gap: 8px; background: #fff; border: 1px solid var(--ts-border); border-radius: 14px; padding: 6px 6px 6px 14px; transition: border-color 0.15s, box-shadow 0.15s;}body:has(.o_upgrade_scope) .up_composer:focus-within{border-color: var(--ts-secondary); box-shadow: 0 0 0 3px var(--ts-selected-bg);}body:has(.o_upgrade_scope) .warranty-chat-input{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; border: none; outline: none; resize: none; background: transparent; font-family: inherit; font-size: 16px; line-height: 1.4; color: var(--ts-text); padding: 8px 0; min-height: 26px; max-height: 140px; box-shadow: none; overflow-y: auto;}body:has(.o_upgrade_scope) .warranty-chat-input:focus{box-shadow: none;}body:has(.o_upgrade_scope) .up_composer__attach{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 40px; height: 40px; margin: 0; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; color: var(--ts-text-muted); cursor: pointer; border-radius: 10px; font-size: 18px;}body:has(.o_upgrade_scope) .up_composer__attach:hover{color: var(--ts-secondary); background: var(--ts-selected-bg);}body:has(.o_upgrade_scope) .up_composer__send{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 42px; height: 42px; border: none; border-radius: 11px; background: var(--ts-primary); color: #fff; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; cursor: pointer; transition: background-color 0.15s;}body:has(.o_upgrade_scope) .up_composer__send:hover{background: var(--ts-secondary);}body:has(.o_upgrade_scope) .up_composer__send:disabled{opacity: 0.55; cursor: not-allowed;}body:has(.o_upgrade_scope) .up_composer__hint{display: block; margin-top: 8px; font-size: 12px; color: var(--ts-text-muted);}body:has(.o_upgrade_scope) .up_composer__preview:not(:empty){margin-top: 10px;}body:has(.o_upgrade_scope) .attachment-preview-list{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 8px;}body:has(.o_upgrade_scope) .attachment-preview-item{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 10px; padding: 8px 10px; background: var(--ts-bg); border: 1px solid var(--ts-border); border-radius: 10px; font-size: 13px;}body:has(.o_upgrade_scope) .attachment-preview-item .attachment-icon i{color: var(--ts-secondary); font-size: 1.1rem;}body:has(.o_upgrade_scope) .attachment-preview-item .attachment-info{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; overflow: hidden;}body:has(.o_upgrade_scope) .attachment-preview-item .attachment-name{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--ts-text);}body:has(.o_upgrade_scope) .attachment-preview-item .attachment-size{color: var(--ts-text-muted); font-size: 12px;}body:has(.o_upgrade_scope) .attachment-preview-item .attachment-remove .btn{border: none; color: var(--ts-text-muted); padding: 4px 7px;}body:has(.o_upgrade_scope) .attachment-preview-item .attachment-remove .btn:hover{color: var(--ts-danger); background: rgba(185, 28, 28, 0.08);}body:has(.o_upgrade_scope) .up_done{background: var(--ts-surface); border: 1px solid var(--ts-border); border-radius: var(--ts-radius-card); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 8px 24px rgba(21, 28, 47, 0.06); padding: 32px 22px 26px; text-align: center; margin-bottom: 18px;}body:has(.o_upgrade_scope) .up_done__icon{width: 64px; height: 64px; margin: 0 auto 14px; border-radius: 999px; background: rgba(14, 124, 92, 0.12); color: var(--ts-success); display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; font-size: 32px; animation: up-pop-in 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);}body:has(.o_upgrade_scope) .up_done__title{font-size: 1.5rem; font-weight: 700; color: var(--ts-primary); margin: 0 0 4px;}body:has(.o_upgrade_scope) .up_done__ref{font-size: 14px; color: var(--ts-text-muted); margin: 0 0 14px;}body:has(.o_upgrade_scope) .up_done__ref strong{color: var(--ts-text);}body:has(.o_upgrade_scope) .up_done__next{font-size: 14.5px; line-height: 1.5; color: var(--ts-text); max-width: 460px; margin: 0 auto 16px;}body:has(.o_upgrade_scope) .up_done__inbox{display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-start; gap: 10px; text-align: left; max-width: 460px; margin: 0 auto 22px; padding: 12px 14px; border-radius: var(--ts-radius-input); background: rgba(184, 92, 0, 0.08); border: 1px solid rgba(184, 92, 0, 0.22); font-size: 13.5px; line-height: 1.45; color: var(--ts-text);}body:has(.o_upgrade_scope) .up_done__inbox i{color: var(--ts-warning); font-size: 16px; margin-top: 2px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;}body:has(.o_upgrade_scope) .up_done__actions{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 10px; max-width: 360px; margin: 0 auto;}@media (min-width: 560px){body:has(.o_upgrade_scope) .up_done__actions{flex-direction: row; justify-content: center;}}body:has(.o_upgrade_scope) .up_done__actions .up_btn{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto;}body:has(.o_upgrade_scope) .drag-overlay{position: absolute; inset: 0; z-index: 10; background: rgba(14, 55, 70, 0.92); border: 3px dashed rgba(255, 255, 255, 0.7); border-radius: var(--ts-radius-card); display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center;}body:has(.o_upgrade_scope) .drag-overlay.d-none{display: none;}body:has(.o_upgrade_scope) .drag-overlay-content{text-align: center; color: #fff; padding: 24px;}body:has(.o_upgrade_scope) .drag-overlay-content .drag-icon{margin-bottom: 14px;}body:has(.o_upgrade_scope) .drag-overlay-content .drag-icon i{font-size: 3rem; animation: up-drag-pulse 1.4s infinite;}body:has(.o_upgrade_scope) .drag-overlay-content .drag-text h4{font-weight: 700; margin: 0 0 4px;}body:has(.o_upgrade_scope) .drag-overlay-content .drag-text p{margin: 0; opacity: 0.85;}@keyframes up-drag-pulse{0%, 100%{transform: translateY(0); opacity: 0.85;}50%{transform: translateY(-6px); opacity: 1;}}body:has(.o_upgrade_scope) .up_step_card__bar{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; gap: 10px; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 4px;}body:has(.o_upgrade_scope) .up_step_card__bar .up_step_card__title{margin-bottom: 0;}body:has(.o_upgrade_scope) #traditional_file_preview:not(:empty){margin-top: 10px;}body:has(.o_upgrade_scope) #traditional_file_preview .file-list{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 8px;}body:has(.o_upgrade_scope) #traditional_file_preview .file-item{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 10px; padding: 8px 10px; background: var(--ts-surface); border: 1px solid var(--ts-border); border-radius: 10px; font-size: 13px;}body:has(.o_upgrade_scope) #traditional_file_preview .file-item i{color: var(--ts-secondary);}body:has(.o_upgrade_scope) #traditional_file_preview .file-item .file-info{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; overflow: hidden;}body:has(.o_upgrade_scope) #traditional_file_preview .file-item .file-name{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--ts-text);}body:has(.o_upgrade_scope) #traditional_file_preview .file-item .file-size{color: var(--ts-text-muted);}body:has(.o_upgrade_scope) #traditional_file_preview .file-item .btn{border: none; color: var(--ts-text-muted); padding: 4px 7px;}body:has(.o_upgrade_scope) #traditional_file_preview .file-item .btn:hover{color: var(--ts-danger); background: rgba(185, 28, 28, 0.08);}body:has(.o_upgrade_scope) .up_att_grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px;}@media (min-width: 768px){body:has(.o_upgrade_scope) .up_att_grid{grid-template-columns: repeat(4, 1fr);}}body:has(.o_upgrade_scope) .up_att_card{border: 1px solid var(--ts-border); border-radius: 12px; overflow: hidden; background: var(--ts-surface); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}body:has(.o_upgrade_scope) .up_att_card__img{width: 100%; height: 110px; object-fit: cover;}body:has(.o_upgrade_scope) .up_att_card__icon{height: 110px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; background: var(--ts-bg);}body:has(.o_upgrade_scope) .up_att_card__icon i{font-size: 2.4rem; color: var(--ts-secondary);}body:has(.o_upgrade_scope) .up_att_card__body{padding: 10px 12px;}body:has(.o_upgrade_scope) .up_att_card__name{font-weight: 600; font-size: 13px; color: var(--ts-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}body:has(.o_upgrade_scope) .up_att_card__meta{font-size: 11px; color: var(--ts-text-muted); margin: 2px 0 8px;}body:has(.o_upgrade_scope) .up_att_card__view{font-size: 12px; font-weight: 600; color: var(--ts-secondary); text-decoration: none;}@media (max-width: 640px){body:has(.o_upgrade_scope) .up_claim .up_hero{padding: 2px 8px 8px;}body:has(.o_upgrade_scope) .up_claim .up_hero__check{width: 44px; height: 44px; font-size: 20px; margin-bottom: 8px;}body:has(.o_upgrade_scope) .up_claim .up_hero__title{font-size: 1.2rem;}body:has(.o_upgrade_scope) .up_claim .up_hero__sub{font-size: 13px;}body:has(.o_upgrade_scope) .up_chat{max-height: calc(100vh - 130px); max-height: calc(100dvh - 130px);}body:has(.o_upgrade_scope) .up_chat__body{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-height: 0;}body:has(.o_upgrade_scope) .warranty-chat-messages{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-height: 220px; max-height: none;}body:has(.o_upgrade_scope) .up_chat__foot{padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));}}

/* /warranty/static/src/css/warranty_ai_summary.css */
 .warranty-ai-summary{font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}.warranty-ai-summary .card{border: 1px solid #e3e6f0; box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15); border-radius: 0.35rem; margin-bottom: 1rem; transition: all 0.3s ease;}.warranty-ai-summary .card:hover{box-shadow: 0 0.25rem 2rem 0 rgba(58, 59, 69, 0.25); transform: translateY(-2px);}.warranty-ai-summary .card-header{background: linear-gradient(135deg, #f8f9fc 0%, #f1f3f6 100%); border-bottom: 1px solid #e3e6f0; padding: 0.75rem 1rem; border-radius: 0.35rem 0.35rem 0 0;}.warranty-ai-summary .card-header h6{color: #5a5c69; font-weight: 600; margin: 0; font-size: 0.875rem; display: flex; align-items: center;}.warranty-ai-summary .card-header h6 i{margin-right: 0.5rem; font-size: 1rem;}.warranty-ai-summary .card-body{padding: 1rem; background: #fff;}.warranty-ai-summary .badge{font-size: 0.875rem; padding: 0.375rem 0.75rem; font-weight: 500; border-radius: 0.25rem; display: inline-flex; align-items: center;}.warranty-ai-summary .badge i{margin-right: 0.25rem; font-size: 0.75rem;}.warranty-ai-summary .badge-warning{background-color: #f6c23e; color: #1c1e21;}.warranty-ai-summary .badge-info{background-color: #36b9cc; color: #fff;}.warranty-ai-summary .badge-danger{background-color: #e74a3b; color: #fff;}.warranty-ai-summary .badge-secondary{background-color: #858796; color: #fff;}.warranty-ai-summary .badge-success{background-color: #1cc88a; color: #fff;}.warranty-ai-summary .progress{height: 1.5rem; background-color: #f8f9fc; border-radius: 0.35rem; overflow: hidden;}.warranty-ai-summary .progress-bar{font-weight: 600; font-size: 0.75rem; line-height: 1.5rem; color: #fff; text-align: center; transition: width 0.6s ease;}.warranty-ai-summary .progress-bar.bg-success{background: linear-gradient(45deg, #1cc88a, #13855c);}.warranty-ai-summary .progress-bar.bg-warning{background: linear-gradient(45deg, #f6c23e, #dda20a);}.warranty-ai-summary .progress-bar.bg-danger{background: linear-gradient(45deg, #e74a3b, #c0392b);}.warranty-ai-summary .text-warning{color: #f6c23e !important;}.warranty-ai-summary .text-info{color: #36b9cc !important;}.warranty-ai-summary .text-danger{color: #e74a3b !important;}.warranty-ai-summary .text-primary{color: #4e73df !important;}.warranty-ai-summary .text-success{color: #1cc88a !important;}.warranty-ai-summary .text-muted{color: #858796 !important;}.warranty-ai-summary .bg-primary{background: linear-gradient(135deg, #4e73df 0%, #224abe 100%) !important;}.warranty-ai-summary .bg-light{background-color: #f8f9fc !important;}.warranty-ai-summary code{background-color: #f8f9fc; color: #e74a3b; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-size: 0.875rem; border: 1px solid #e3e6f0;}.warranty-ai-summary ul{padding-left: 1.5rem;}.warranty-ai-summary li{margin-bottom: 0.25rem; color: #5a5c69;}.warranty-ai-summary .collapse{transition: all 0.3s ease;}.warranty-ai-summary .card-header a{color: #5a5c69; text-decoration: none; display: block; width: 100%;}.warranty-ai-summary .card-header a:hover{color: #4e73df; text-decoration: none;}.warranty-ai-summary .card-header a i.fa-chevron-down{transition: transform 0.3s ease;}.warranty-ai-summary .card-header a[aria-expanded="true"] i.fa-chevron-down{transform: rotate(180deg);}.warranty-ai-summary-container .alert{border: 1px solid #bee5eb; background: linear-gradient(135deg, #d1ecf1 0%, #bee5eb 100%); border-radius: 0.5rem; padding: 1.5rem;}.warranty-ai-summary-container .alert-heading{color: #0c5460; font-weight: 600; margin-bottom: 1rem; display: flex; align-items: center;}.warranty-ai-summary-container .alert-heading i{margin-right: 0.5rem; font-size: 1.25rem;}@media (max-width: 768px){.warranty-ai-summary .row{margin: 0;}.warranty-ai-summary .col-md-8, .warranty-ai-summary .col-md-4{padding: 0; margin-bottom: 1rem;}.warranty-ai-summary .card-body{padding: 0.75rem;}.warranty-ai-summary .badge{font-size: 0.75rem; padding: 0.25rem 0.5rem;}}.warranty-ai-summary .loading{opacity: 0.6; pointer-events: none;}.warranty-ai-summary .fade-in{animation: fadeIn 0.5s ease-in;}@keyframes fadeIn{from{opacity: 0; transform: translateY(10px);}to{opacity: 1; transform: translateY(0);}}@media print{.warranty-ai-summary .card{box-shadow: none; border: 1px solid #000; break-inside: avoid;}.warranty-ai-summary .badge{border: 1px solid #000; color: #000 !important; background: #fff !important;}.warranty-ai-summary .progress{border: 1px solid #000;}.warranty-ai-summary .progress-bar{background: #000 !important; color: #fff !important;}}

/* /warranty/static/src/scss/warranty_portal.scss */
 .warranty-portal{font-family: "Roboto", sans-serif; color: var(--body-color); line-height: 1.6;}.warranty-portal h1, .warranty-portal h2, .warranty-portal h3, .warranty-portal h4, .warranty-portal h5, .warranty-portal h6{font-family: "Montserrat", sans-serif; color: var(--heading-color); font-weight: 600; margin-bottom: 1rem;}.warranty-portal .card{border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); border: none; transition: transform 0.2s, box-shadow 0.2s; margin-bottom: 1.5rem; border: 1px solid lightgray; background-color: #ffffff;}.warranty-portal .card:hover{box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}.warranty-portal .card .card-header{background-color: #ffffff; border-bottom: 1px solid var(--gray-black-15); padding: 1.25rem 1.5rem; border-top-left-radius: 8px; border-top-right-radius: 8px;}.warranty-portal .card .card-header h5, .warranty-portal .card .card-header h6, .warranty-portal .card .card-header .h5, .warranty-portal .card .card-header .h6{margin-bottom: 0;}.warranty-portal .card .card-body{padding: 1.5rem; background-color: #ffffff;}.warranty-portal .card .card-footer{padding: 1.25rem 1.5rem; background-color: #ffffff; border-top: 1px solid var(--gray-black-15);}.warranty-portal .btn{border-radius: 6px; font-weight: 500; padding: 0.5rem 1rem; transition: all 0.2s; box-shadow: none; text-align: center; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center;}.warranty-portal .btn:focus, .warranty-portal .btn:active{box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.25);}.warranty-portal .btn.btn-sm{padding: 0.25rem 0.75rem; font-size: 0.875rem;}.warranty-portal .btn.btn-lg{padding: 0.75rem 1.5rem; font-size: 1.125rem;}.warranty-portal .btn.btn-primary{background-color: var(--primary); border-color: var(--primary);}.warranty-portal .btn.btn-primary:hover, .warranty-portal .btn.btn-primary:focus, .warranty-portal .btn.btn-primary:active{background-color: var(--white); color: var(--primary); border-color: var(--primary);}.warranty-portal .btn.btn-outline-secondary{color: var(--primary); border-color: var(--primary);}.warranty-portal .btn.btn-outline-secondary:hover, .warranty-portal .btn.btn-outline-secondary:focus, .warranty-portal .btn.btn-outline-secondary:active{background-color: var(--primary); border-color: var(--primary); color: var(--white);}.warranty-portal .btn-group{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 0.5rem;}.warranty-portal .btn-group .btn{text-align: center;}@media (max-width: 768px){.warranty-portal .btn-group .btn{flex: 1;}}.warranty-portal .button-container, .warranty-portal .btn-container{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 0.5rem; margin-top: 1rem;}.warranty-portal .button-container .btn, .warranty-portal .btn-container .btn{text-align: center;}@media (max-width: 576px){.warranty-portal .button-container, .warranty-portal .btn-container{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 0.75rem;}.warranty-portal .button-container .btn, .warranty-portal .btn-container .btn{width: 100%; margin: 0;}}.warranty-portal .form-control, .warranty-portal .form-select{border-radius: 6px; border: 1px solid var(--border-color); padding: 0.625rem 0.875rem; height: auto; background-color: #ffffff; transition: border-color 0.2s, box-shadow 0.2s;}.warranty-portal .form-control:focus, .warranty-portal .form-select:focus{border-color: var(--primary); box-shadow: 0 0 0 0.2rem var(--focus-ring-color); background-color: #ffffff;}.warranty-portal .form-control:disabled, .warranty-portal .form-control[readonly], .warranty-portal .form-select:disabled, .warranty-portal .form-select[readonly]{background-color: #f8f9fa;}.warranty-portal .input-group{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; align-items: stretch; width: 100%;}.warranty-portal .input-group .input-group-text{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; padding: 0.625rem 0.875rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--gray-900); text-align: center; white-space: nowrap; background-color: var(--gray-100); border: 1px solid var(--border-color); border-radius: 6px 0 0 6px; transition: border-color 0.2s, box-shadow 0.2s;}.warranty-portal .input-group .form-control{position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; width: 1%; min-width: 0; border-radius: 0 6px 6px 0; border-left: 0;}.warranty-portal .input-group .form-control:focus{z-index: 3;}.warranty-portal .input-group.input-group-lg .input-group-text{padding: 0.75rem 1rem; font-size: 1.125rem; line-height: 1.5;}.warranty-portal .input-group.input-group-lg .form-control{padding: 0.75rem 1rem; font-size: 1.125rem; line-height: 1.5;}.warranty-portal .input-group .input-group-text, .warranty-portal .input-group .form-control{height: auto; min-height: 44px;}.warranty-portal .input-group.input-group-lg .input-group-text, .warranty-portal .input-group.input-group-lg .form-control{min-height: 48px;}.warranty-portal textarea.form-control{min-height: 100px;}.warranty-portal .form-label{font-weight: 500; margin-bottom: 0.5rem; color: var(--gray-900);}.warranty-portal .badge{font-weight: 500; letter-spacing: 0.5px; padding: 0.375rem 0.75rem; border-radius: 20px;}.warranty-portal .badge.bg-success{background-color: var(--success) !important;}.warranty-portal .badge.bg-info{background-color: var(--info) !important;}.warranty-portal .badge.bg-warning{background-color: var(--warning) !important; color: var(--gray-900) !important;}.warranty-portal .badge.bg-danger{background-color: var(--danger) !important;}.warranty-portal .alert{border-radius: 8px; border: none; padding: 1rem 1.25rem; margin-bottom: 1.5rem;}.warranty-portal .alert.alert-success{background-color: var(--success-bg-subtle); color: var(--success-text-emphasis);}.warranty-portal .alert.alert-info{background-color: var(--info-bg-subtle); color: var(--info-text-emphasis);}.warranty-portal .alert.alert-warning{background-color: var(--warning-bg-subtle); color: var(--warning-text-emphasis);}.warranty-portal .alert.alert-danger{background-color: var(--danger-bg-subtle); color: var(--danger-text-emphasis);}.warranty-portal .table{margin-bottom: 0;}.warranty-portal .table th{font-weight: 600; color: var(--gray-900); border-top: none; background-color: var(--tertiary-bg);}.warranty-portal .table td, .warranty-portal .table th{padding: 0.875rem 1rem; vertical-align: middle;}.warranty-portal .table.table-striped > tbody > tr:nth-of-type(odd){background-color: var(--secondary-bg);}.warranty-portal .warranty-card{height: 100%; transition: transform 0.2s;}.warranty-portal .warranty-card:hover{transform: translateY(-5px);}.warranty-portal .warranty-card .card-title{font-size: 1.1rem; font-weight: 600;}.warranty-portal .warranty-card .card-title a{color: var(--primary); text-decoration: none;}.warranty-portal .warranty-card .card-title a:hover{text-decoration: underline;}.warranty-portal .warranty-card .product-name{font-weight: 600; font-size: 1.15rem; margin-bottom: 1rem;}.warranty-portal .warranty-card .date-label{color: var(--gray-600); font-size: 0.85rem; margin-bottom: 0.2rem;}.warranty-portal .warranty-card .date-value{font-weight: 500; margin-bottom: 1rem;}.warranty-portal .warranty-card .progress-container{margin: 1.5rem 0;}.warranty-portal .warranty-card .progress-container .progress-label{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; margin-bottom: 0.5rem; font-size: 0.85rem;}.warranty-portal .warranty-card .progress-container .progress-label .start-date{color: var(--gray-600);}.warranty-portal .warranty-card .progress-container .progress-label .end-date{color: var(--gray-600);}.warranty-portal .warranty-card .progress-container .progress-label .progress-percentage{font-weight: 600;}.warranty-portal .warranty-card .progress-container .progress{height: 8px; border-radius: 4px; background-color: var(--gray-200);}.warranty-portal .warranty-card .progress-container .progress .progress-bar{border-radius: 4px;}.warranty-portal .warranty-card .upgrade-message{background-color: var(--info-bg-subtle); border-radius: 6px; padding: 0.75rem; margin: 1rem 0; font-size: 0.9rem; color: var(--info-text-emphasis); border-left: 3px solid var(--info);}.warranty-portal .warranty-card .upgrade-message .warranty-upgrade-container{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 0.75rem;}.warranty-portal .warranty-card .upgrade-message .warranty-upgrade-container .upgrade-text{flex: 1; text-align: justify; line-height: 1.4;}.warranty-portal .warranty-card .upgrade-message .warranty-upgrade-container .upgrade-text i{margin-right: 0.5rem; color: var(--warning);}.warranty-portal .warranty-card .upgrade-message .warranty-upgrade-container .warranty-upgrade-btn{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: center; justify-content: center; background-color: var(--primary); color: white; text-decoration: none; border-radius: 6px; padding: 0.875rem 0.625rem; min-width: 80px; transition: all 0.2s ease; flex-shrink: 0;}.warranty-portal .warranty-card .upgrade-message .warranty-upgrade-container .warranty-upgrade-btn:hover{background-color: var(--primary-text-emphasis); color: white; text-decoration: none; transform: translateY(-1px);}.warranty-portal .warranty-card .upgrade-message .warranty-upgrade-container .warranty-upgrade-btn:focus, .warranty-portal .warranty-card .upgrade-message .warranty-upgrade-container .warranty-upgrade-btn:active{background-color: var(--primary-text-emphasis); color: white; text-decoration: none;}.warranty-portal .warranty-card .upgrade-message .warranty-upgrade-container .warranty-upgrade-btn .upgrade-icon{margin-bottom: 0.3rem;}.warranty-portal .warranty-card .upgrade-message .warranty-upgrade-container .warranty-upgrade-btn .upgrade-icon i{font-size: 1.2rem; display: block;}.warranty-portal .warranty-card .upgrade-message .warranty-upgrade-container .warranty-upgrade-btn .upgrade-label{font-size: 0.8rem; font-weight: 600; text-align: center; line-height: 1.2;}@media (max-width: 768px){.warranty-portal .warranty-card .upgrade-message .warranty-upgrade-container{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 0.75rem;}.warranty-portal .warranty-card .upgrade-message .warranty-upgrade-container .upgrade-text{text-align: left;}.warranty-portal .warranty-card .upgrade-message .warranty-upgrade-container .warranty-upgrade-btn{flex-direction: row; width: 100%; min-height: 48px; padding: 0.75rem 1rem; min-width: auto;}.warranty-portal .warranty-card .upgrade-message .warranty-upgrade-container .warranty-upgrade-btn .upgrade-icon{margin-bottom: 0; margin-right: 0.5rem;}.warranty-portal .warranty-card .upgrade-message .warranty-upgrade-container .warranty-upgrade-btn .upgrade-icon i{font-size: 1rem;}.warranty-portal .warranty-card .upgrade-message .warranty-upgrade-container .warranty-upgrade-btn .upgrade-label{font-size: 0.9rem;}}.warranty-portal .warranty-card .card-actions{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 0.5rem;}.warranty-portal .warranty-card .terms-link{display: block; text-align: center; color: var(--gray-600); font-size: 0.8rem; margin-top: 1rem; text-decoration: none;}.warranty-portal .warranty-card .terms-link:hover{color: var(--gray-800); text-decoration: underline;}.warranty-portal .warranty-card .terms-link i{margin-right: 0.3rem; font-size: 0.75rem;}@media (max-width: 575.98px){.warranty-portal .action-bar{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: stretch !important; gap: 1rem;}.warranty-portal .action-bar h1, .warranty-portal .action-bar h2, .warranty-portal .action-bar h3, .warranty-portal .action-bar h4, .warranty-portal .action-bar h5, .warranty-portal .action-bar h6{font-size: 1.5rem; margin-bottom: 0.5rem; text-align: center;}.warranty-portal .action-bar .btn, .warranty-portal .action-bar .btn-group{width: 100%; justify-content: center;}.warranty-portal .action-bar .btn-group .btn{flex: 1;}.warranty-portal .warranty-card{margin-bottom: 1rem;}.warranty-portal .warranty-card .card-header{padding: 1rem;}.warranty-portal .warranty-card .card-header h5{font-size: 1rem; line-height: 1.3;}.warranty-portal .warranty-card .card-header .d-flex{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: flex-start !important; gap: 0.5rem;}.warranty-portal .warranty-card .card-body{padding: 1rem;}.warranty-portal .warranty-card .card-footer{padding: 1rem;}.warranty-portal .warranty-card .card-footer .d-flex{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 0.5rem;}.warranty-portal .warranty-card .product-name{font-size: 1rem; line-height: 1.4; word-break: break-word; hyphens: auto;}.warranty-portal .warranty-card .upgrade-message .d-flex{flex-direction: column !important; gap: 0.75rem;}.warranty-portal .warranty-card .upgrade-message .d-flex .btn{width: 100%; margin: 0 !important;}.warranty-portal .warranty-card .progress-container{margin: 1rem 0;}.warranty-portal .warranty-card .progress-container .progress-label{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 0.25rem; text-align: center;}.warranty-portal .warranty-card .progress-container .progress-label .progress-percentage{font-size: 0.9rem;}.warranty-portal .filter-pills{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 0.5rem; justify-content: center;}.warranty-portal .filter-pills .btn{flex: 1; min-width: calc(50% - 0.25rem); margin: 0; font-size: 0.875rem;}.warranty-portal .modal-dialog{margin: 0.5rem; max-width: calc(100vw - 1rem); max-height: calc(100vh - 1rem); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}.warranty-portal .modal-dialog .modal-content{border-radius: 8px; max-height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; overflow: hidden;}.warranty-portal .modal-dialog .modal-header{padding: 1rem; -webkit-flex-wrap: wrap; flex-wrap: wrap; flex-shrink: 0;}.warranty-portal .modal-dialog .modal-header .modal-title{font-size: 1.1rem; line-height: 1.3;}.warranty-portal .modal-dialog .modal-body{padding: 1rem; overflow-y: auto; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-height: 0; max-height: calc(100vh - 250px);}.warranty-portal .modal-dialog .modal-body .row{margin: 0;}.warranty-portal .modal-dialog .modal-body .row [class*="col-"]{padding: 0 0.5rem; margin-bottom: 1rem;}.warranty-portal .modal-dialog .modal-body .form-control, .warranty-portal .modal-dialog .modal-body .form-select{font-size: 16px; min-height: 44px;}.warranty-portal .modal-dialog .modal-body .input-group{display: block !important; width: 100% !important; font-size: 0 !important;}.warranty-portal .modal-dialog .modal-body .input-group .input-group-text{display: inline-block !important; vertical-align: baseline !important; font-family: inherit !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.5 !important; color: var(--gray-900) !important; background-color: var(--gray-100) !important; border: 1px solid var(--border-color) !important; border-right: 0 !important; border-radius: 6px 0 0 6px !important; padding: 0.75rem 0.875rem !important; margin: 0 !important; width: 44px !important; height: 44px !important; text-align: center !important; box-sizing: border-box !important; white-space: nowrap !important; position: relative !important; top: 1px !important;}.warranty-portal .modal-dialog .modal-body .input-group .form-control{display: inline-block !important; vertical-align: baseline !important; font-family: inherit !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.5 !important; padding: 0.75rem 0.875rem !important; border: 1px solid var(--border-color) !important; border-left: 0 !important; border-radius: 0 6px 6px 0 !important; height: 44px !important; min-height: 44px !important; box-sizing: border-box !important; width: calc(100% - 44px) !important; margin: 0 !important;}.warranty-portal .modal-dialog .modal-body .input-group .form-control:focus{border-color: var(--primary) !important; box-shadow: 0 0 0 0.2rem var(--focus-ring-color) !important; outline: none !important;}.warranty-portal .modal-dialog .modal-body .input-group.input-group-lg .input-group-text{height: 48px !important; line-height: 48px !important; width: 48px !important; padding: 0 1rem !important; font-size: 16px !important;}.warranty-portal .modal-dialog .modal-body .input-group.input-group-lg .form-control{height: 48px !important; min-height: 48px !important; padding: 0.875rem 1rem !important; font-size: 16px !important; width: calc(100% - 48px) !important;}.warranty-portal .modal-dialog .modal-body .btn{min-height: 44px; font-size: 0.9rem;}.warranty-portal .modal-dialog .modal-body .form-text{line-height: 1.4; word-wrap: break-word; overflow-wrap: break-word; margin-top: 0.5rem !important; margin-bottom: 1rem !important;}.warranty-portal .modal-dialog .modal-body .form-text:last-child{margin-bottom: 1.5rem !important;}.warranty-portal .modal-dialog .modal-body .alert{margin-bottom: 1rem; word-wrap: break-word; overflow-wrap: break-word;}.warranty-portal .modal-dialog .modal-body textarea.form-control{margin-bottom: 1.5rem !important; min-height: 80px !important; resize: none;}.warranty-portal .modal-dialog .modal-body textarea.form-control:last-of-type{margin-bottom: 2rem !important;}.warranty-portal .modal-dialog .modal-body .row .col-12:last-child{margin-bottom: 2rem !important;}.warranty-portal .modal-dialog .modal-body .form-control:last-child, .warranty-portal .modal-dialog .modal-body .form-select:last-child{margin-bottom: 1.5rem !important;}.warranty-portal .modal-dialog .modal-footer{padding: 1rem 1rem 1.5rem 1rem; flex-shrink: 0; background-color: white; border-top: 1px solid var(--gray-black-15); position: sticky !important; bottom: 0; z-index: 1060; padding-bottom: calc(1.5rem + env(safe-area-inset-bottom, 0px));}.warranty-portal .modal-dialog .modal-footer.d-flex{display: -webkit-box !important; display: -webkit-flex !important; display: flex !important;}.warranty-portal .modal-dialog .modal-footer.d-flex.flex-column{flex-direction: column !important; gap: 0.75rem;}.warranty-portal .modal-dialog .modal-footer.d-flex.flex-column .btn{width: 100% !important; min-height: 50px; margin: 0; font-size: 1rem; border-radius: 8px;}}@media (max-width: 575.98px) and (min-width: 576px){.warranty-portal .modal-dialog .modal-footer.d-flex.flex-sm-row{flex-direction: row !important; -webkit-box-pack: end; justify-content: flex-end;}.warranty-portal .modal-dialog .modal-footer.d-flex.flex-sm-row .btn{width: auto !important; min-width: 120px; min-height: 44px;}}@media (max-width: 575.98px){.warranty-portal .modal-dialog .modal-footer .btn{min-height: 50px; margin-bottom: 0.75rem; width: 100%; border-radius: 8px;}.warranty-portal .modal-dialog .modal-footer .btn:last-child{margin-bottom: 0;}.warranty-portal .modal.show .modal-dialog{transform: none !important;}.warranty-portal .modal-dialog-scrollable .modal-content{max-height: calc(100vh - 1rem);}.warranty-portal .modal-dialog-scrollable .modal-body{overflow-y: auto;}.warranty-portal .table-responsive{border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); margin-bottom: 1rem;}.warranty-portal .table-responsive .table{font-size: 0.875rem;}.warranty-portal .table-responsive .table th, .warranty-portal .table-responsive .table td{padding: 0.5rem 0.75rem; white-space: nowrap;}.warranty-portal .table-responsive .table .btn{font-size: 0.75rem; padding: 0.25rem 0.5rem;}.warranty-portal .breadcrumb{font-size: 0.875rem; padding: 0.5rem 0; -webkit-flex-wrap: wrap; flex-wrap: wrap;}.warranty-portal .card{margin-bottom: 1rem;}.warranty-portal .card .card-body .row [class*="col-"]{margin-bottom: 1rem;}.warranty-portal form .mt-4{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 0.75rem; margin-top: 1.5rem;}.warranty-portal form .mt-4 .btn{width: 100%; min-height: 48px; margin: 0; order: 1;}.warranty-portal form .mt-4 .btn.btn-primary{order: 0;}.warranty-portal form .mt-4 .btn.btn-outline-secondary, .warranty-portal form .mt-4 .btn.btn-outline-primary{order: 2;}.warranty-portal .mb-4{margin-bottom: 1rem !important;}.warranty-portal .mb-4 .btn{width: auto; min-width: 120px; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; font-size: 0.9rem; padding: 0.5rem 1rem;}.warranty-portal .table-responsive .table{font-size: 0.8rem;}.warranty-portal .table-responsive .table th:last-child, .warranty-portal .table-responsive .table td:last-child{width: 80px; text-align: center !important; padding: 0.5rem 0.25rem;}.warranty-portal .table-responsive .table .btn{font-size: 0.7rem; padding: 0.25rem 0.5rem; min-width: 60px; white-space: nowrap;}.warranty-portal .form-label{font-size: 0.9rem; font-weight: 600;}.warranty-portal .alert{font-size: 0.9rem; padding: 0.75rem 1rem;}.warranty-portal .empty-state{padding: 2rem 1rem;}.warranty-portal .empty-state i{font-size: 2rem;}.warranty-portal .empty-state h4{font-size: 1.25rem;}.warranty-portal .o_warranty_chat_container{margin: 1rem 0; max-height: 50vh;}.warranty-portal .o_warranty_chat_messages{padding: 0.75rem;}.warranty-portal .warranty-chat-message{max-width: 85%;}.warranty-portal .warranty-chat-message .message-bubble{padding: 0.75rem 1rem; font-size: 0.9rem; line-height: 1.4;}.warranty-portal .o_warranty_chat_input{gap: 0.5rem;}.warranty-portal .o_warranty_chat_input textarea{padding: 0.75rem 1rem; height: 60px; font-size: 16px;}.warranty-portal .o_warranty_chat_input .btn{min-width: 60px;}}@media (min-width: 576px) and (max-width: 767.98px){.warranty-portal .action-bar{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: stretch; text-align: center; gap: 1rem;}.warranty-portal .action-bar .btn-group{justify-content: center;}.warranty-portal .warranty-card .card-header .d-flex{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: center !important; gap: 0.75rem;}.warranty-portal .warranty-card .upgrade-message .d-flex{flex-direction: row !important; align-items: center; gap: 1rem;}.warranty-portal .filter-pills{justify-content: center;}.warranty-portal .filter-pills .btn{min-width: auto; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;}.warranty-portal .modal-dialog{margin: 1rem auto; max-width: calc(100vw - 2rem);}}@media (min-width: 768px) and (max-width: 991.98px){.warranty-portal .action-bar{-webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem;}.warranty-portal .action-bar h1, .warranty-portal .action-bar h2, .warranty-portal .action-bar h3, .warranty-portal .action-bar h4, .warranty-portal .action-bar h5, .warranty-portal .action-bar h6{flex: 1 1 100%; margin-bottom: 0.5rem;}.warranty-portal .warranty-card .product-name{font-size: 1.1rem;}.warranty-portal .warranty-card .upgrade-message .d-flex{align-items: center; gap: 1rem;}.warranty-portal .modal-lg{max-width: 90vw;}}@media (max-width: 768px){.warranty-portal .d-block-mobile{display: block !important;}.warranty-portal .d-none-mobile{display: none !important;}.warranty-portal .text-center-mobile{text-align: center !important;}.warranty-portal .flex-column-mobile{flex-direction: column !important;}.warranty-portal .w-100-mobile{width: 100% !important;}.warranty-portal .text-truncate-mobile{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.warranty-portal .text-break-mobile{word-break: break-word !important; overflow-wrap: break-word !important;}.warranty-portal .card-deck{display: block;}.warranty-portal .card-deck .card{margin-bottom: 1.5rem;}}@media (pointer: coarse){.warranty-portal .btn{min-height: 44px; min-width: 44px;}.warranty-portal .nav-link{min-height: 44px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;}.warranty-portal .form-control, .warranty-portal .form-select{min-height: 44px;}.warranty-portal .fa, .warranty-portal .fas, .warranty-portal .far, .warranty-portal .fab{min-height: 24px; min-width: 24px; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center;}}.warranty-portal .btn:focus, .warranty-portal .form-control:focus{outline: 2px solid var(--primary); outline-offset: 2px;}.warranty-portal .fade-in{animation: fadeIn 0.5s;}@keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}}.warranty-portal .nav-tabs{border-bottom: none;}.warranty-portal .nav-tabs .nav-item{margin-bottom: 0;}.warranty-portal .nav-tabs .nav-link{border: none; color: var(--gray-900); padding: 0.75rem 1.25rem; font-weight: 500;}.warranty-portal .nav-tabs .nav-link.active{color: var(--primary); border-bottom: 2px solid var(--primary); background-color: transparent;}.warranty-portal .nav-tabs .nav-link:hover:not(.active){border-bottom: 2px solid rgba(var(--primary-rgb), 0.3);}.warranty-portal .filter-pills{margin-bottom: 1.5rem;}.warranty-portal .filter-pills .btn{margin-right: 0.5rem; margin-bottom: 0.5rem;}.warranty-portal .filter-pills .btn.btn-primary{background-color: #212529bf; border-color: #212529bf;}.warranty-portal .filter-pills .btn.btn-outline-secondary{background-color: var(--white); border-color: var(--primary); color: var(--primary);}.warranty-portal .filter-pills .btn.btn-outline-secondary:hover{background-color: #212529bf; border-color: #212529bf; color: var(--white);}.warranty-portal .filter-dropdown{margin-bottom: 1.5rem;}.warranty-portal .filter-dropdown .form-select{font-weight: 500; font-size: 1rem; min-height: 48px; padding: 0.75rem 2.5rem 0.75rem 1rem; background-size: 16px 12px; background-position: right 1rem center; cursor: pointer; color: var(--gray-900); background-color: var(--white); border: 2px solid var(--primary); border-radius: 8px;}.warranty-portal .filter-dropdown .form-select:hover{border-color: var(--primary-text-emphasis); box-shadow: 0 2px 8px rgba(var(--primary-rgb), 0.15);}.warranty-portal .filter-dropdown .form-select:focus{border-color: var(--primary); box-shadow: 0 0 0 0.25rem rgba(var(--primary-rgb), 0.25); outline: none;}.warranty-portal .filter-dropdown .form-select::-ms-expand{display: none;}.warranty-portal .filter-dropdown .form-select option{padding: 0.5rem 1rem; font-weight: 500;}.warranty-portal .filter-dropdown .form-select option:checked{background-color: var(--primary); color: var(--white);}.warranty-portal .o_warranty_chat_container{max-height: 600px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; border-radius: 8px; overflow: hidden; margin: 2rem 0;}.warranty-portal .o_warranty_chat_messages{overflow-y: auto; flex: 1; padding: 15px; background-color: #f9f9f9; border-radius: 8px; margin-bottom: 15px;}.warranty-portal .warranty-chat-message{margin-bottom: 15px; max-width: 75%;}.warranty-portal .warranty-chat-message.user{margin-left: auto; text-align: right;}.warranty-portal .warranty-chat-message .message-bubble{padding: 10px 15px; border-radius: 18px; display: inline-block; word-break: break-word;}.warranty-portal .warranty-chat-message.assistant .message-bubble{background-color: var(--info-bg-subtle); border-bottom-left-radius: 5px;}.warranty-portal .warranty-chat-message.user .message-bubble{background-color: var(--primary); color: var(--white); border-bottom-right-radius: 5px;}.warranty-portal .warranty-chat-message .message-time{font-size: 12px; color: var(--gray-600); margin-top: 5px; display: block;}.warranty-portal .o_warranty_chat_input{display: -webkit-box; display: -webkit-flex; display: flex; gap: 10px;}.warranty-portal .o_warranty_chat_input textarea{flex: 1; border-radius: 20px; padding: 12px 15px; resize: none; height: 70px;}.warranty-portal .warranty-chat-typing{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; margin-bottom: 15px; color: var(--gray-600); font-style: italic;}.warranty-portal .typing-indicator{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;}.warranty-portal .typing-indicator span{height: 8px; width: 8px; background: var(--gray-600); border-radius: 50%; display: inline-block; margin-right: 5px; animation: typingBubble 1s infinite ease-in-out;}.warranty-portal .typing-indicator span:nth-child(2){animation-delay: 0.2s;}.warranty-portal .typing-indicator span:nth-child(3){animation-delay: 0.4s;}@keyframes typingBubble{0%, 100%{transform: translateY(0);}50%{transform: translateY(-5px);}}.warranty-portal .warranty-claim-chat-status{padding: 15px; border-radius: 8px; margin-top: 15px;}.warranty-portal .warranty-claim-chat-status.success{background-color: var(--success-bg-subtle); border-left: 4px solid var(--success);}.warranty-portal .action-bar{margin-bottom: 1.5rem; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap;}@media (max-width: 768px){.warranty-portal .action-bar{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: flex-start;}.warranty-portal .action-bar h1, .warranty-portal .action-bar h2, .warranty-portal .action-bar h3, .warranty-portal .action-bar h4, .warranty-portal .action-bar h5, .warranty-portal .action-bar h6{margin-bottom: 1rem;}.warranty-portal .action-bar .btn-group, .warranty-portal .action-bar .btn{margin-bottom: 0.5rem; align-self: flex-start;}}.warranty-portal .empty-state{padding: 3rem 2rem; text-align: center; background-color: var(--white); border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);}.warranty-portal .empty-state i{font-size: 3rem; color: var(--gray-300); margin-bottom: 1.5rem;}.warranty-portal .empty-state h4{margin-bottom: 1rem;}.warranty-portal .empty-state p{margin-bottom: 1.5rem; color: var(--gray-600);}.warranty-portal .sc-claims-container{max-width: 1200px; margin: 0 auto;}.warranty-portal .action-required{border-left: 4px solid #dc3545 !important; background: linear-gradient(135deg, #fff5f5 0%, #ffffff 100%) !important;}.warranty-portal .claim-card{transition: all 0.2s ease; border-radius: 10px; overflow: hidden; margin-bottom: 1rem; border: 1px solid var(--border-color);}.warranty-portal .claim-card:hover{transform: translateY(-2px); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;}.warranty-portal .status-badge{font-size: 0.65rem; padding: 0.3rem 0.6rem; border-radius: 20px; font-weight: 600; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: 0.25rem; text-transform: uppercase; letter-spacing: 0.5px;}.warranty-portal .status-badge i{font-size: 0.7rem;}.warranty-portal .status-badge.status-urgent{background: #dc3545; color: white; animation: pulse-urgent 2s infinite;}.warranty-portal .status-badge.status-action{background: #fd7e14; color: white;}.warranty-portal .status-badge.status-progress{background: #0d6efd; color: white;}.warranty-portal .status-badge.status-success{background: #198754; color: white;}.warranty-portal .status-badge.status-warning{background: #ffc107; color: #000;}@keyframes pulse-urgent{0%, 100%{opacity: 1;}50%{opacity: 0.7;}}.warranty-portal .claim-header{background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); border-bottom: 1px solid #dee2e6;}.warranty-portal .claim-info{font-size: 0.9rem; color: var(--gray-900);}.warranty-portal .claim-meta{color: #6c757d; font-size: 0.8rem;}.warranty-portal .sc-claims-table .table{margin-bottom: 0;}.warranty-portal .sc-claims-table .table thead th{background-color: var(--gray-100); border-top: none; font-weight: 600; color: var(--gray-900); padding: 1rem; vertical-align: middle;}.warranty-portal .sc-claims-table .table tbody tr{transition: all 0.15s ease;}.warranty-portal .sc-claims-table .table tbody tr:hover{background-color: var(--gray-50);}.warranty-portal .sc-claims-table .table tbody tr.action-required{border-left: 4px solid #dc3545; background: linear-gradient(90deg, #fff5f5 0%, #ffffff 15%);}.warranty-portal .sc-claims-table .table tbody tr td{padding: 0.875rem 1rem; vertical-align: middle; border-top: 1px solid var(--gray-200);}.warranty-portal .sc-warranty-card{transition: transform 0.2s ease, box-shadow 0.2s ease;}.warranty-portal .sc-warranty-card:hover{transform: translateY(-2px); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;}.warranty-portal .sc-warranty-card.action-required{border-left: 4px solid #dc3545; background: linear-gradient(135deg, #fff5f5 0%, #ffffff 100%);}.warranty-portal .sc-warranty-card .card-header{background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); border-bottom: 1px solid #dee2e6; padding: 1rem;}.warranty-portal .sc-warranty-card .card-header .card-title{font-size: 1rem; font-weight: 600; line-height: 1.3; margin-bottom: 0.5rem;}.warranty-portal .sc-warranty-card .card-header .card-title a{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; color: inherit; text-decoration: none;}.warranty-portal .sc-warranty-card .card-header .card-title a:hover{text-decoration: none; color: var(--primary);}.warranty-portal .sc-warranty-card .card-header .card-title a i{flex-shrink: 0; margin-right: 0.5rem;}.warranty-portal .sc-warranty-card .card-header .badge{font-size: 0.75rem; padding: 0.4rem 0.8rem; font-weight: 600; line-height: 1.2; display: inline-block;}.warranty-portal .sc-warranty-card .card-header .badge.bg-danger{animation: pulse-urgent 2s infinite;}.warranty-portal .sc-warranty-card .product-name{font-size: 0.95rem; line-height: 1.4; color: var(--gray-900); font-weight: 500;}.warranty-portal .sc-warranty-card .text-break{word-break: break-word; overflow-wrap: break-word;}.warranty-portal .sc-warranty-card .font-monospace{font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Monaco, 'Courier New', monospace; font-size: 0.875rem;}.warranty-portal .empty-claims-state{padding: 3rem 2rem; text-align: center; background-color: var(--white); border-radius: 12px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); border: 1px solid var(--gray-200);}.warranty-portal .empty-claims-state i{font-size: 3.5rem; color: var(--primary); margin-bottom: 1.5rem; opacity: 0.7;}.warranty-portal .empty-claims-state h5{color: var(--gray-900); font-weight: 600; margin-bottom: 0.5rem;}.warranty-portal .empty-claims-state p{color: var(--gray-600); margin-bottom: 0; line-height: 1.5;}.warranty-portal .quick-action-btn{transition: all 0.15s ease; border-radius: 8px; font-weight: 500;}.warranty-portal .quick-action-btn:hover{transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);}.warranty-portal .icon-with-text{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 0.5rem;}.warranty-portal .icon-with-text i{width: 1rem; text-align: center; flex-shrink: 0;}.warranty-portal .priority-high{position: relative;}.warranty-portal .priority-high::after{content: ''; position: absolute; top: 0; right: 0; width: 8px; height: 8px; background-color: #dc3545; border-radius: 50%; border: 2px solid white;}.warranty-portal .loading-shimmer{background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); background-size: 200% 100%; animation: shimmer 1.5s infinite;}@keyframes shimmer{0%{background-position: -200% 0;}100%{background-position: 200% 0;}}@media (max-width: 576px){.warranty-portal .claim-card .card-header h6{font-size: 0.9rem;}.warranty-portal .claim-card .claim-info{font-size: 0.8rem;}.warranty-portal .claim-card .claim-meta{font-size: 0.75rem;}.warranty-portal .sc-claims-table .table{font-size: 0.8rem;}.warranty-portal .sc-claims-table .table th, .warranty-portal .sc-claims-table .table td{padding: 0.5rem 0.75rem;}.warranty-portal .sc-claims-table .table .status-badge{font-size: 0.65rem; padding: 0.2rem 0.5rem;}}form[action="/shop/address/submit"] div:has(> input[required]) > label.col-form-label::after, form[action="/shop/address/submit"] div:has(> select[required]) > label.col-form-label::after, form[action="/shop/address/submit"] .col-form-label:not(.label-optional)::after{content: " *"; color: #dc3545; font-weight: 700; margin-left: 0.15rem;}#errors:not(:empty):has(+ form[action="/shop/address/submit"]){margin-bottom: 1rem; padding: 0.875rem 1rem; border-radius: 6px; border: 1px solid #f5c2c7; background-color: #f8d7da; color: #842029; scroll-margin-top: 80px;}#errors:not(:empty):has(+ form[action="/shop/address/submit"]) p, #errors:not(:empty):has(+ form[action="/shop/address/submit"]) div{margin-bottom: 0;}.o_wsale_required_hint .text-danger{font-size: 1.1em;}

/* /warranty/static/src/scss/warranty_upgrade.scss */
 @font-face{font-family: 'Archivo'; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/warranty/static/src/fonts/archivo-latin.woff2") format("woff2");}body:has(.o_upgrade_scope){--ts-primary: #151c2f; --ts-secondary: #0E3746; --ts-surface: #FFFFFF; --ts-bg: #F2F2F2; --ts-accent-soft: #EAE8DC; --ts-selected-bg: rgba(14, 55, 70, 0.06); --ts-text: #1f2937; --ts-text-muted: #64748B; --ts-border: #E5E7EB; --ts-success: #0E7C5C; --ts-warning: #B85C00; --ts-danger: #B91C1C; --ts-radius-card: 16px; --ts-radius-input: 10px; --ts-radius-btn: 12px; font-family: 'Archivo', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: var(--ts-text); background-color: var(--ts-bg) !important;}body:has(.o_upgrade_scope) #wrapwrap{background-color: var(--ts-bg) !important;}body:has(.o_upgrade_scope) .up_page{max-width: 720px; margin: 0 auto; padding: 1.5rem 1rem 3rem;}body:has(.o_upgrade_scope) .up_section_title{font-size: 1.15rem; font-weight: 700; color: var(--ts-primary); letter-spacing: -0.005em; margin: 4px 0 14px;}body:has(.o_upgrade_scope) .up_page_title{font-size: 1.5rem; font-weight: 700; color: var(--ts-primary); letter-spacing: -0.005em; margin: 0 0 4px;}body:has(.o_upgrade_scope) .up_page_lead{font-size: 14px; color: var(--ts-text-muted); margin: 0 0 20px;}body:has(.o_upgrade_scope) .up_hero{text-align: center; padding: 8px 8px 18px;}body:has(.o_upgrade_scope) .up_hero__check{width: 56px; height: 56px; margin: 0 auto 14px; border-radius: 999px; background: var(--ts-secondary); color: #fff; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; font-size: 26px; box-shadow: 0 4px 16px rgba(14, 55, 70, 0.25); animation: up-pop-in 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);}body:has(.o_upgrade_scope) .up_hero--warning .up_hero__check{background: var(--ts-warning); box-shadow: 0 4px 16px rgba(184, 92, 0, 0.25);}body:has(.o_upgrade_scope) .up_hero--danger .up_hero__check{background: var(--ts-danger); box-shadow: 0 4px 16px rgba(185, 28, 28, 0.25);}body:has(.o_upgrade_scope) .up_hero__title{font-size: 1.4rem; font-weight: 700; color: var(--ts-primary); line-height: 1.25; margin: 0 0 6px;}body:has(.o_upgrade_scope) .up_hero__sub{font-size: 14px; color: var(--ts-text-muted); line-height: 1.5; margin: 0 auto; max-width: 460px;}body:has(.o_upgrade_scope) .up_hero__device{display: inline-block; margin-top: 10px; font-size: 13px; font-weight: 600; color: var(--ts-primary);}@keyframes up-pop-in{from{opacity: 0; transform: scale(0.5);}to{opacity: 1; transform: scale(1);}}body:has(.o_upgrade_scope) .up_note{border-radius: var(--ts-radius-input); padding: 12px 14px; font-size: 14px; line-height: 1.45; margin: 0 0 16px; background: var(--ts-selected-bg); border: 1px solid var(--ts-border); color: var(--ts-text);}body:has(.o_upgrade_scope) .up_note i{color: var(--ts-secondary);}body:has(.o_upgrade_scope) .up_note--warning{background: rgba(184, 92, 0, 0.08); border-color: rgba(184, 92, 0, 0.25);}body:has(.o_upgrade_scope) .up_note--warning i{color: var(--ts-warning);}body:has(.o_upgrade_scope) .up_plan_grid{display: grid; grid-template-columns: 1fr; gap: 14px; margin-bottom: 18px;}body:has(.o_upgrade_scope) .up_card{position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; background: var(--ts-surface); border: 1px solid var(--ts-border); border-radius: var(--ts-radius-card); padding: 22px 18px 20px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 8px 24px rgba(21, 28, 47, 0.06); overflow: hidden;}body:has(.o_upgrade_scope) .up_card::before{content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--ts-border);}body:has(.o_upgrade_scope) .up_card--best{border-color: var(--ts-secondary); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 12px 32px rgba(14, 55, 70, 0.12);}body:has(.o_upgrade_scope) .up_card--best::before{background: var(--ts-primary);}body:has(.o_upgrade_scope) .up_card__badge{position: absolute; top: 14px; right: 14px; background: var(--ts-primary); color: #fff; font-size: 11px; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; padding: 4px 10px; border-radius: 999px;}body:has(.o_upgrade_scope) .up_card__label{font-size: 14px; font-weight: 600; color: var(--ts-text-muted); letter-spacing: 0.01em;}body:has(.o_upgrade_scope) .up_card__price{margin: 6px 0 14px;}body:has(.o_upgrade_scope) .up_card__amount{font-size: 2.1rem; font-weight: 700; color: var(--ts-primary); line-height: 1.1;}body:has(.o_upgrade_scope) .up_card__term{display: block; font-size: 13px; color: var(--ts-text-muted); margin-top: 2px;}body:has(.o_upgrade_scope) .up_card__features{list-style: none; padding: 0; margin: 0 0 18px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 9px;}body:has(.o_upgrade_scope) .up_card__features li{display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-start; gap: 9px; font-size: 14px; line-height: 1.35; color: var(--ts-text);}body:has(.o_upgrade_scope) .up_card__features i{flex: 0 0 18px; margin-top: 2px; color: var(--ts-success); font-size: 14px;}body:has(.o_upgrade_scope) .up_card__form{margin-top: auto; margin-bottom: 0;}body:has(.o_upgrade_scope) .up_btn{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-family: 'Archivo', sans-serif; font-weight: 600; font-size: 16px; padding: 14px 24px; min-height: 52px; border-radius: var(--ts-radius-btn); text-decoration: none; text-align: center; cursor: pointer; transition: background-color 0.15s, transform 0.05s, box-shadow 0.15s, border-color 0.15s; position: relative;}body:has(.o_upgrade_scope) .up_btn:active{transform: translateY(1px);}body:has(.o_upgrade_scope) .up_btn--primary{background: var(--ts-primary); border: 1px solid var(--ts-primary); color: #fff; box-shadow: 0 1px 2px rgba(21, 28, 47, 0.16);}body:has(.o_upgrade_scope) .up_btn--primary:hover, body:has(.o_upgrade_scope) .up_btn--primary:focus{background: var(--ts-secondary); border-color: var(--ts-secondary); color: #fff; box-shadow: 0 3px 8px rgba(21, 28, 47, 0.18);}body:has(.o_upgrade_scope) .up_btn--primary.disabled, body:has(.o_upgrade_scope) .up_btn--primary:disabled{opacity: 0.55; cursor: not-allowed; box-shadow: none;}body:has(.o_upgrade_scope) .up_btn--outline{background: #fff; border: 1.5px solid var(--ts-border); color: var(--ts-primary);}body:has(.o_upgrade_scope) .up_btn--outline:hover, body:has(.o_upgrade_scope) .up_btn--outline:focus{border-color: var(--ts-secondary); color: var(--ts-secondary);}body:has(.o_upgrade_scope) .up_btn--block{width: 100%;}body:has(.o_upgrade_scope) .up_btn--primary.ts-loading{color: transparent !important; pointer-events: none;}body:has(.o_upgrade_scope) .up_btn--primary.ts-loading::after{content: ""; position: absolute; top: 50%; left: 50%; width: 18px; height: 18px; margin: -9px 0 0 -9px; border: 2px solid rgba(255, 255, 255, 0.4); border-top-color: #fff; border-radius: 999px; animation: up-spin 0.7s linear infinite;}@keyframes up-spin{to{transform: rotate(360deg);}}body:has(.o_upgrade_scope) .up_notnow{text-align: center; margin: 4px 0 20px;}body:has(.o_upgrade_scope) .up_notnow a{color: var(--ts-text-muted); font-size: 14px; font-weight: 500; text-decoration: underline; text-underline-offset: 3px;}body:has(.o_upgrade_scope) .up_notnow a:hover{color: var(--ts-primary);}body:has(.o_upgrade_scope) .up_footer_note{border-top: 1px solid var(--ts-border); padding-top: 16px; margin-top: 4px; margin-bottom: 16px; font-size: 13px; color: var(--ts-text-muted); line-height: 1.5;}body:has(.o_upgrade_scope) .up_footer_note i{color: var(--ts-secondary); margin-right: 4px;}body:has(.o_upgrade_scope) .up_device_summary{background: var(--ts-surface); border: 1px solid var(--ts-border); border-radius: var(--ts-radius-input); padding: 0 14px; margin: 4px 0 20px;}body:has(.o_upgrade_scope) .up_device_summary summary{list-style: none; cursor: pointer; padding: 14px 0; font-size: 14px; font-weight: 600; color: var(--ts-primary); display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 8px;}body:has(.o_upgrade_scope) .up_device_summary summary::-webkit-details-marker{display: none;}body:has(.o_upgrade_scope) .up_device_summary summary::before{content: "\f107"; font-family: "FontAwesome"; color: var(--ts-text-muted); transition: transform 0.15s;}body:has(.o_upgrade_scope) .up_device_summary summary i{color: var(--ts-secondary);}body:has(.o_upgrade_scope) .up_device_summary[open] summary::before{transform: rotate(180deg);}body:has(.o_upgrade_scope) .up_device_summary .up_device_summary__body{padding: 0 0 14px; font-size: 14px; color: var(--ts-text);}body:has(.o_upgrade_scope) .up_device_summary .up_device_summary__body .up_device_summary__name{font-weight: 600; color: var(--ts-primary);}body:has(.o_upgrade_scope) .up_device_list{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 14px; margin-bottom: 24px;}body:has(.o_upgrade_scope) .up_device_row{background: var(--ts-surface); border: 1px solid var(--ts-border); border-radius: var(--ts-radius-card); padding: 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 14px;}body:has(.o_upgrade_scope) .up_device_row__name{display: block; font-size: 16px; font-weight: 700; color: var(--ts-primary);}body:has(.o_upgrade_scope) .up_device_row__meta{display: block; font-size: 13px; color: var(--ts-text-muted); margin-top: 2px;}body:has(.o_upgrade_scope) .up_chip{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 600;}body:has(.o_upgrade_scope) .up_chip--ok{background: rgba(14, 124, 92, 0.1); color: var(--ts-success);}body:has(.o_upgrade_scope) .up_chip--danger{background: rgba(185, 28, 28, 0.1); color: var(--ts-danger);}body:has(.o_upgrade_scope) .up_device_row__actions{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 10px;}body:has(.o_upgrade_scope) .up_device_row__actions .up_btn{width: 100%;}body:has(.o_upgrade_scope) .up_empty{background: var(--ts-surface); border: 1px dashed var(--ts-border); border-radius: var(--ts-radius-card); padding: 28px 20px; text-align: center; color: var(--ts-text-muted); font-size: 14px;}body:has(.o_upgrade_scope) .up_why{background: var(--ts-selected-bg); border: 1px solid var(--ts-border); border-radius: var(--ts-radius-card); padding: 18px; margin-bottom: 20px;}body:has(.o_upgrade_scope) .up_why h5{font-size: 15px; font-weight: 700; color: var(--ts-primary); margin: 0 0 8px;}body:has(.o_upgrade_scope) .up_why p{font-size: 14px; color: var(--ts-text-muted); line-height: 1.5; margin: 0;}body:has(.o_upgrade_scope) .up_status_card{max-width: 460px; margin: 24px auto; text-align: center; background: var(--ts-surface); border: 1px solid var(--ts-border); border-radius: var(--ts-radius-card); padding: 36px 24px 32px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 12px 32px rgba(21, 28, 47, 0.08);}body:has(.o_upgrade_scope) .up_status_card__icon{width: 72px; height: 72px; margin: 0 auto 20px; border-radius: 999px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #fff; background: var(--ts-secondary); box-shadow: 0 4px 16px rgba(14, 55, 70, 0.25);}body:has(.o_upgrade_scope) .up_status_card--warning .up_status_card__icon{background: var(--ts-warning); box-shadow: 0 4px 16px rgba(184, 92, 0, 0.25);}body:has(.o_upgrade_scope) .up_status_card--danger .up_status_card__icon{background: var(--ts-danger); box-shadow: 0 4px 16px rgba(185, 28, 28, 0.25);}body:has(.o_upgrade_scope) .up_status_card__title{font-size: 1.4rem; font-weight: 700; color: var(--ts-primary); margin: 0 0 10px;}body:has(.o_upgrade_scope) .up_status_card__text{font-size: 14px; color: var(--ts-text-muted); line-height: 1.55; margin: 0 0 8px;}body:has(.o_upgrade_scope) .up_status_card__actions{margin-top: 22px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 10px;}body:has(.o_upgrade_scope) .up_status_card__actions .up_btn{width: 100%;}body:has(.o_upgrade_scope) .up_contact_grid{display: grid; grid-template-columns: 1fr; gap: 14px; margin-bottom: 18px;}body:has(.o_upgrade_scope) .up_contact_card{background: var(--ts-selected-bg); border: 1px solid var(--ts-border); border-radius: var(--ts-radius-card); padding: 18px; text-align: center;}body:has(.o_upgrade_scope) .up_contact_card h5{font-size: 14px; font-weight: 700; color: var(--ts-primary); margin: 0 0 8px;}body:has(.o_upgrade_scope) .up_contact_card h5 i{color: var(--ts-secondary); margin-right: 6px;}body:has(.o_upgrade_scope) .up_contact_card .up_contact_card__value{font-size: 1.1rem; font-weight: 700; color: var(--ts-secondary); margin: 0; word-break: break-word;}body:has(.o_upgrade_scope) .up_contact_card .up_contact_card__hint{font-size: 12px; color: var(--ts-text-muted); margin: 6px 0 0;}@media (min-width: 768px){body:has(.o_upgrade_scope) .up_page{padding: 2.5rem 1.5rem 3.5rem;}body:has(.o_upgrade_scope) .up_hero__title{font-size: 1.65rem;}body:has(.o_upgrade_scope) .up_section_title{font-size: 1.3rem;}body:has(.o_upgrade_scope) .up_plan_grid{grid-template-columns: repeat(2, 1fr); gap: 18px;}body:has(.o_upgrade_scope) .up_plan_grid:not(.up_plan_grid--single) > .up_card:last-child:nth-child(odd){grid-column: 1 / -1; justify-self: center; width: calc(50% - 9px);}body:has(.o_upgrade_scope) .up_plan_grid--single{grid-template-columns: minmax(0, 420px); justify-content: center;}body:has(.o_upgrade_scope) .up_contact_grid{grid-template-columns: repeat(2, 1fr);}body:has(.o_upgrade_scope) .up_device_row{flex-direction: row; align-items: center; justify-content: space-between;}body:has(.o_upgrade_scope) .up_device_row__actions{flex-direction: row; flex-shrink: 0;}body:has(.o_upgrade_scope) .up_device_row__actions .up_btn{width: auto;}body:has(.o_upgrade_scope) .up_status_card__actions{flex-direction: row; justify-content: center;}body:has(.o_upgrade_scope) .up_status_card__actions .up_btn{width: auto;}}.mt-5:has(> #faqAccordion) > h4{font-size: 1.15rem; font-weight: 700; color: #151c2f; letter-spacing: -0.005em; margin: 0 0 14px;}#faqAccordion .accordion, #faqAccordion .s_accordion{background: transparent;}#faqAccordion .accordion-item{background: #ffffff; border: 1px solid #e5e7eb; border-radius: 10px !important; margin-bottom: 10px; overflow: hidden; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);}#faqAccordion .accordion-button{background: #ffffff !important; color: #151c2f !important; font-weight: 600; font-size: 15px; padding: 16px 18px; box-shadow: none !important; --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23151c2f'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230E3746'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}#faqAccordion .accordion-button:not(.collapsed){background: rgba(14, 55, 70, 0.06) !important; color: #151c2f !important;}#faqAccordion .accordion-button:focus{box-shadow: none !important; border-color: transparent;}#faqAccordion .accordion-body{padding: 4px 18px 18px; color: #64748b; font-size: 14px; line-height: 1.55;}#faqAccordion .accordion-body p{margin: 0 0 8px;}#faqAccordion .accordion-body ul{margin: 0 0 8px; padding-left: 20px;}#faqAccordion .accordion-body li{margin-bottom: 4px;}#faqAccordion .accordion-body > :last-child{margin-bottom: 0;}

/* /warranty/static/src/scss/warranty_claim_prepare.scss */
 body:has(.o_upgrade_scope) .up_back{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; font-size: 13px; font-weight: 600; color: var(--ts-text-muted); text-decoration: none; margin-bottom: 6px;}body:has(.o_upgrade_scope) .up_back:hover, body:has(.o_upgrade_scope) .up_back:focus{color: var(--ts-secondary);}body:has(.o_upgrade_scope) .up_prepare .up_hero{padding-top: 4px;}body:has(.o_upgrade_scope) .up_checklist{list-style: none; margin: 0 0 20px; padding: 12px 14px; background: var(--ts-surface); border: 1px solid var(--ts-border); border-radius: var(--ts-radius-input); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 10px 18px;}body:has(.o_upgrade_scope) .up_checklist__item{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: var(--ts-text-muted);}body:has(.o_upgrade_scope) .up_checklist__dot{width: 22px; height: 22px; border-radius: 999px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; font-size: 11px; background: var(--ts-bg); border: 1px solid var(--ts-border); color: var(--ts-text-muted); -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;}body:has(.o_upgrade_scope) .up_checklist__item.is-active{color: var(--ts-primary);}body:has(.o_upgrade_scope) .up_checklist__item.is-active .up_checklist__dot{border-color: var(--ts-secondary); color: var(--ts-secondary);}body:has(.o_upgrade_scope) .up_checklist__item.is-done{color: var(--ts-success);}body:has(.o_upgrade_scope) .up_checklist__item.is-done .up_checklist__dot{background: var(--ts-success); border-color: var(--ts-success); color: #fff;}body:has(.o_upgrade_scope) .up_step_card{background: var(--ts-surface); border: 1px solid var(--ts-border); border-radius: var(--ts-radius-card); padding: 20px 18px; margin-bottom: 16px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 8px 24px rgba(21, 28, 47, 0.06);}body:has(.o_upgrade_scope) .up_step_card__title{font-size: 1.1rem; font-weight: 700; color: var(--ts-primary); margin: 0 0 4px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 9px;}body:has(.o_upgrade_scope) .up_step_card__title i{color: var(--ts-secondary); font-size: 1rem;}body:has(.o_upgrade_scope) .up_step_card__hint{font-size: 13px; color: var(--ts-text-muted); margin: 0 0 16px;}body:has(.o_upgrade_scope) .up_step_card__hint--muted{font-size: 12px; margin: 10px 0 0;}body:has(.o_upgrade_scope) .up_field{margin-bottom: 14px;}body:has(.o_upgrade_scope) .up_field label{display: block; font-size: 13px; font-weight: 600; color: var(--ts-text); margin-bottom: 6px;}body:has(.o_upgrade_scope) .up_field .form-control, body:has(.o_upgrade_scope) .up_field .form-select{width: 100%; min-height: 48px; padding: 10px 14px; font-size: 16px; font-family: inherit; color: var(--ts-text); background-color: #fff; border: 1px solid var(--ts-border); border-radius: var(--ts-radius-input); transition: border-color 0.15s, box-shadow 0.15s;}body:has(.o_upgrade_scope) .up_field .form-control:focus, body:has(.o_upgrade_scope) .up_field .form-select:focus{outline: none; border-color: var(--ts-secondary); box-shadow: 0 0 0 3px var(--ts-selected-bg);}body:has(.o_upgrade_scope) .up_field .form-control.is-invalid, body:has(.o_upgrade_scope) .up_field .form-select.is-invalid{border-color: var(--ts-danger);}body:has(.o_upgrade_scope) .up_field .form-control:disabled, body:has(.o_upgrade_scope) .up_field .form-select:disabled{background-color: var(--ts-bg); color: var(--ts-text-muted);}body:has(.o_upgrade_scope) .up_field_row{display: grid; grid-template-columns: 1fr; gap: 0 14px;}@media (min-width: 560px){body:has(.o_upgrade_scope) .up_field_row{grid-template-columns: 1fr 1fr;}}body:has(.o_upgrade_scope) .up_req{color: var(--ts-danger);}body:has(.o_upgrade_scope) .up_optional{color: var(--ts-text-muted); font-weight: 400; font-size: 12px;}body:has(.o_upgrade_scope) .up_hint_box{background: var(--ts-selected-bg); border: 1px solid var(--ts-border); border-radius: var(--ts-radius-input); padding: 12px 14px; font-size: 13px; color: var(--ts-text);}body:has(.o_upgrade_scope) .up_hint_box strong i{color: var(--ts-secondary);}body:has(.o_upgrade_scope) .up_hint_box ul{margin: 8px 0 0; padding-left: 18px;}body:has(.o_upgrade_scope) .up_hint_box li{margin-bottom: 4px; line-height: 1.4;}body:has(.o_upgrade_scope) .up_drop{position: relative; border: 1.5px dashed var(--ts-border); border-radius: var(--ts-radius-input); background: var(--ts-bg); transition: border-color 0.15s, background-color 0.15s; cursor: pointer; margin-bottom: 12px;}body:has(.o_upgrade_scope) .up_drop:hover, body:has(.o_upgrade_scope) .up_drop.is-dragover{border-color: var(--ts-secondary); background: var(--ts-selected-bg);}body:has(.o_upgrade_scope) .up_drop__input{position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}body:has(.o_upgrade_scope) .up_drop__inner{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 14px; padding: 18px 16px; pointer-events: none;}body:has(.o_upgrade_scope) .up_drop__icon{font-size: 26px; color: var(--ts-secondary); -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;}body:has(.o_upgrade_scope) .up_drop__text{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 2px; font-size: 14px;}body:has(.o_upgrade_scope) .up_drop__text strong{color: var(--ts-primary);}body:has(.o_upgrade_scope) .up_drop__text span{color: var(--ts-text-muted); font-size: 13px;}body:has(.o_upgrade_scope) .up_drop__browse{color: var(--ts-secondary); text-decoration: underline; font-weight: 600;}body:has(.o_upgrade_scope) .up_filelist{list-style: none; margin: 0 0 16px; padding: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 8px;}body:has(.o_upgrade_scope) .up_filelist:empty{margin-bottom: 0;}body:has(.o_upgrade_scope) .up_filelist__item{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 10px; padding: 10px 12px; background: var(--ts-surface); border: 1px solid var(--ts-border); border-radius: var(--ts-radius-input); font-size: 13px;}body:has(.o_upgrade_scope) .up_filelist__icon{color: var(--ts-secondary); -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;}body:has(.o_upgrade_scope) .up_filelist__name{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ts-text);}body:has(.o_upgrade_scope) .up_filelist__remove{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; border: none; background: transparent; color: var(--ts-text-muted); cursor: pointer; padding: 4px 6px; border-radius: 6px;}body:has(.o_upgrade_scope) .up_filelist__remove:hover{color: var(--ts-danger); background: rgba(185, 28, 28, 0.08);}body:has(.o_upgrade_scope) .up_filelist__remove:disabled{opacity: 0.4; cursor: default;}body:has(.o_upgrade_scope) .up_filelist__item.is-uploading{opacity: 0.75;}body:has(.o_upgrade_scope) .up_filelist__bar{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; height: 4px; border-radius: 999px; background: var(--ts-border); overflow: hidden;}body:has(.o_upgrade_scope) .up_filelist__bar span{display: block; height: 100%; width: 0; background: var(--ts-secondary); transition: width 0.2s ease;}body:has(.o_upgrade_scope) .up_filelist__item.is-error{border-color: rgba(185, 28, 28, 0.4);}body:has(.o_upgrade_scope) .up_filelist__item.is-error .up_filelist__name{color: var(--ts-danger);}body:has(.o_upgrade_scope) .up_prepare_submit{margin-top: 4px;}body:has(.o_upgrade_scope) .up_claimpick_meta{margin: 0 0 16px; display: grid; gap: 8px;}body:has(.o_upgrade_scope) .up_claimpick_meta__row{display: -webkit-box; display: -webkit-flex; display: flex; align-items: baseline; justify-content: space-between; gap: 12px; font-size: 14px;}body:has(.o_upgrade_scope) .up_claimpick_meta__row dt{margin: 0; color: var(--ts-text-muted); font-weight: 600; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;}body:has(.o_upgrade_scope) .up_claimpick_meta__row dd{margin: 0; color: var(--ts-text); text-align: right; word-break: break-word;}

/* /warranty/static/src/scss/warranty_claim_detail.scss */
 body:has(.o_upgrade_scope) .up_claim_detail{color: var(--ts-text);}body:has(.o_upgrade_scope) .up_claim_detail .up_back{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; font-size: 13px; font-weight: 600; color: var(--ts-text-muted); text-decoration: none; margin-bottom: 14px;}body:has(.o_upgrade_scope) .up_claim_detail .up_back:hover, body:has(.o_upgrade_scope) .up_claim_detail .up_back:focus{color: var(--ts-secondary);}body:has(.o_upgrade_scope) .up_claim_detail .card{background: var(--ts-surface) !important; border: 1px solid var(--ts-border); border-radius: var(--ts-radius-card); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 8px 24px rgba(21, 28, 47, 0.06); overflow: hidden;}body:has(.o_upgrade_scope) .up_claim_detail .card-header, body:has(.o_upgrade_scope) .up_claim_detail .card-header.bg-white{background: var(--ts-surface) !important; border-bottom: 1px solid var(--ts-border); padding: 16px 18px;}body:has(.o_upgrade_scope) .up_claim_detail .card-body{padding: 18px; background: var(--ts-surface) !important;}body:has(.o_upgrade_scope) .up_claim_detail h6{font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--ts-text-muted) !important; margin-bottom: 0;}body:has(.o_upgrade_scope) .up_claim_detail hr{border-color: var(--ts-border); opacity: 1;}body:has(.o_upgrade_scope) .up_claim_detail a{color: var(--ts-secondary); font-weight: 600; text-decoration: none;}body:has(.o_upgrade_scope) .up_claim_detail .up_claim_head{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 14px;}@media (min-width: 768px){body:has(.o_upgrade_scope) .up_claim_detail .up_claim_head{flex-direction: row; align-items: center; justify-content: space-between;}}body:has(.o_upgrade_scope) .up_claim_detail .up_claim_head__eyebrow{display: block; font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: var(--ts-text-muted); margin-bottom: 2px;}body:has(.o_upgrade_scope) .up_claim_detail .up_claim_head__title h3{margin: 0; font-size: 1.5rem; font-weight: 700; color: var(--ts-primary); letter-spacing: -0.01em; word-break: break-word;}body:has(.o_upgrade_scope) .up_claim_detail .up_claim_head__actions{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: flex-start; gap: 10px;}@media (min-width: 480px){body:has(.o_upgrade_scope) .up_claim_detail .up_claim_head__actions{flex-direction: row; align-items: center;}}@media (max-width: 767px){body:has(.o_upgrade_scope) .up_claim_detail .up_claim_head__actions{width: 100%;}body:has(.o_upgrade_scope) .up_claim_detail .up_claim_head__actions .btn{width: 100%;}}body:has(.o_upgrade_scope) .up_claim_detail .up_kv{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 10px;}body:has(.o_upgrade_scope) .up_claim_detail .up_kv__row{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 2px;}@media (min-width: 480px){body:has(.o_upgrade_scope) .up_claim_detail .up_kv__row{flex-direction: row; align-items: baseline; gap: 12px;}}body:has(.o_upgrade_scope) .up_claim_detail .up_kv__k{font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; color: var(--ts-text-muted);}@media (min-width: 480px){body:has(.o_upgrade_scope) .up_claim_detail .up_kv__k{flex: 0 0 140px;}}body:has(.o_upgrade_scope) .up_claim_detail .up_kv__v{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; font-size: 14.5px; color: var(--ts-text);}body:has(.o_upgrade_scope) .up_claim_detail .up_issue{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 12px;}body:has(.o_upgrade_scope) .up_claim_detail .up_issue .up_chip{margin-top: 0;}body:has(.o_upgrade_scope) .up_claim_detail .up_chip--issue{align-self: flex-start; background: var(--ts-selected-bg); color: var(--ts-secondary);}body:has(.o_upgrade_scope) .up_claim_detail .up_chip--issue i{color: var(--ts-secondary);}body:has(.o_upgrade_scope) .up_claim_detail .up_issue__problem{font-size: 14.5px; line-height: 1.55; color: var(--ts-text); margin: 0;}body:has(.o_upgrade_scope) .up_claim_detail .up_issue_desc{white-space: pre-line; font-size: 14.5px; line-height: 1.55; color: var(--ts-text); margin: 0;}body:has(.o_upgrade_scope) .up_claim_detail .badge{font-size: 12px; font-weight: 600; padding: 5px 11px; border-radius: 999px; letter-spacing: 0.01em;}body:has(.o_upgrade_scope) .up_claim_detail .badge.bg-success{background: rgba(14, 124, 92, 0.12) !important; color: var(--ts-success) !important;}body:has(.o_upgrade_scope) .up_claim_detail .badge.bg-danger{background: rgba(185, 28, 28, 0.1) !important; color: var(--ts-danger) !important;}body:has(.o_upgrade_scope) .up_claim_detail .badge.bg-info{background: var(--ts-selected-bg) !important; color: var(--ts-secondary) !important;}body:has(.o_upgrade_scope) .up_claim_detail .badge.bg-primary{background: var(--ts-primary) !important; color: #fff !important;}body:has(.o_upgrade_scope) .up_claim_detail .badge.bg-secondary{background: var(--ts-bg) !important; color: var(--ts-text-muted) !important;}body:has(.o_upgrade_scope) .up_claim_detail .alert{border-radius: var(--ts-radius-input); border: 1px solid var(--ts-border); padding: 12px 14px; font-size: 14px; background: var(--ts-selected-bg) !important; color: var(--ts-text);}body:has(.o_upgrade_scope) .up_claim_detail .alert-danger{background: rgba(185, 28, 28, 0.08) !important; border-color: rgba(185, 28, 28, 0.25); color: var(--ts-text);}body:has(.o_upgrade_scope) .up_claim_detail .alert-danger i{color: var(--ts-danger);}body:has(.o_upgrade_scope) .up_claim_detail .alert-success{background: rgba(14, 124, 92, 0.08) !important; border-color: rgba(14, 124, 92, 0.25);}body:has(.o_upgrade_scope) .up_claim_detail .alert-success i{color: var(--ts-success);}body:has(.o_upgrade_scope) .up_claim_detail .alert-warning{background: rgba(184, 92, 0, 0.08) !important; border-color: rgba(184, 92, 0, 0.25);}body:has(.o_upgrade_scope) .up_claim_detail .alert-warning i{color: var(--ts-warning);}body:has(.o_upgrade_scope) .up_claim_detail .alert-info{background: var(--ts-selected-bg) !important; border-color: var(--ts-border);}body:has(.o_upgrade_scope) .up_claim_detail .alert-info i{color: var(--ts-secondary);}body:has(.o_upgrade_scope) .up_claim_detail .alert-link{color: var(--ts-secondary); font-weight: 700;}body:has(.o_upgrade_scope) .up_claim_detail .nav-tabs{border-bottom: none; gap: 6px;}body:has(.o_upgrade_scope) .up_claim_detail .nav-tabs .nav-link{border: none; border-radius: 8px; color: var(--ts-text-muted); font-weight: 600; font-size: 14px; padding: 8px 14px;}body:has(.o_upgrade_scope) .up_claim_detail .nav-tabs .nav-link:hover{color: var(--ts-secondary); background: var(--ts-selected-bg);}body:has(.o_upgrade_scope) .up_claim_detail .nav-tabs .nav-link.active{color: var(--ts-primary); background: var(--ts-selected-bg);}body:has(.o_upgrade_scope) .up_claim_detail .btn{border-radius: 10px; font-weight: 600; font-size: 14px; padding: 9px 16px; transition: background-color 0.15s, border-color 0.15s, color 0.15s;}body:has(.o_upgrade_scope) .up_claim_detail .btn-sm{padding: 7px 12px; font-size: 13px;}body:has(.o_upgrade_scope) .up_claim_detail .btn-primary, body:has(.o_upgrade_scope) .up_claim_detail .btn-secondary, body:has(.o_upgrade_scope) .up_claim_detail .btn-success, body:has(.o_upgrade_scope) .up_claim_detail .btn-warning{background: var(--ts-primary) !important; border-color: var(--ts-primary) !important; color: #fff !important; filter: none !important;}body:has(.o_upgrade_scope) .up_claim_detail .btn-primary:hover, body:has(.o_upgrade_scope) .up_claim_detail .btn-primary:focus, body:has(.o_upgrade_scope) .up_claim_detail .btn-primary:active, body:has(.o_upgrade_scope) .up_claim_detail .btn-primary:focus-visible, body:has(.o_upgrade_scope) .up_claim_detail .btn-secondary:hover, body:has(.o_upgrade_scope) .up_claim_detail .btn-secondary:focus, body:has(.o_upgrade_scope) .up_claim_detail .btn-secondary:active, body:has(.o_upgrade_scope) .up_claim_detail .btn-secondary:focus-visible, body:has(.o_upgrade_scope) .up_claim_detail .btn-success:hover, body:has(.o_upgrade_scope) .up_claim_detail .btn-success:focus, body:has(.o_upgrade_scope) .up_claim_detail .btn-success:active, body:has(.o_upgrade_scope) .up_claim_detail .btn-success:focus-visible, body:has(.o_upgrade_scope) .up_claim_detail .btn-warning:hover, body:has(.o_upgrade_scope) .up_claim_detail .btn-warning:focus, body:has(.o_upgrade_scope) .up_claim_detail .btn-warning:active, body:has(.o_upgrade_scope) .up_claim_detail .btn-warning:focus-visible{background: var(--ts-secondary) !important; border-color: var(--ts-secondary) !important; color: #fff !important;}body:has(.o_upgrade_scope) .up_claim_detail .btn-outline-secondary{background: #fff !important; border: 1.5px solid var(--ts-border); color: var(--ts-primary) !important;}body:has(.o_upgrade_scope) .up_claim_detail .btn-outline-secondary:hover, body:has(.o_upgrade_scope) .up_claim_detail .btn-outline-secondary:focus, body:has(.o_upgrade_scope) .up_claim_detail .btn-outline-secondary:active, body:has(.o_upgrade_scope) .up_claim_detail .btn-outline-secondary:focus-visible{border-color: var(--ts-secondary); color: var(--ts-secondary) !important; background: #fff !important;}body:has(.o_upgrade_scope) .up_claim_detail .up_ai_log{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 14px; padding: 4px 0;}body:has(.o_upgrade_scope) .up_claim_detail .modal-content{background: var(--ts-surface) !important; border: none; border-radius: var(--ts-radius-card); overflow: hidden; box-shadow: 0 24px 60px rgba(21, 28, 47, 0.22);}body:has(.o_upgrade_scope) .up_claim_detail .modal-header, body:has(.o_upgrade_scope) .up_claim_detail .modal-header.bg-light{background: var(--ts-surface) !important; border-bottom: 1px solid var(--ts-border); padding: 16px 18px;}body:has(.o_upgrade_scope) .up_claim_detail .modal-title{font-weight: 700; color: var(--ts-primary); font-size: 1.1rem;}body:has(.o_upgrade_scope) .up_claim_detail .modal-title i{color: var(--ts-secondary) !important;}body:has(.o_upgrade_scope) .up_claim_detail .modal-body{padding: 18px; background: var(--ts-surface) !important;}body:has(.o_upgrade_scope) .up_claim_detail .modal-footer, body:has(.o_upgrade_scope) .up_claim_detail .modal-footer.bg-light{background: var(--ts-surface) !important; border-top: 1px solid var(--ts-border); padding: 14px 18px;}body:has(.o_upgrade_scope) .up_claim_detail .up_modal_lead{font-size: 14px; line-height: 1.5; color: var(--ts-text-muted); margin: 0 0 18px;}body:has(.o_upgrade_scope) .up_claim_detail .form-label, body:has(.o_upgrade_scope) .up_claim_detail .form-check-label strong, body:has(.o_upgrade_scope) .up_claim_detail label.form-label{font-weight: 600; font-size: 13px; color: var(--ts-text);}body:has(.o_upgrade_scope) .up_claim_detail .form-control, body:has(.o_upgrade_scope) .up_claim_detail .form-select{min-height: 46px; padding: 10px 14px; font-size: 16px; color: var(--ts-text); background-color: #fff; border: 1px solid var(--ts-border); border-radius: var(--ts-radius-input); box-shadow: none;}body:has(.o_upgrade_scope) .up_claim_detail .form-control:focus, body:has(.o_upgrade_scope) .up_claim_detail .form-select:focus{border-color: var(--ts-secondary); box-shadow: 0 0 0 3px var(--ts-selected-bg);}body:has(.o_upgrade_scope) .up_claim_detail .form-control-lg, body:has(.o_upgrade_scope) .up_claim_detail .input-group-lg .form-control{min-height: 50px;}body:has(.o_upgrade_scope) .up_claim_detail .up_amount{display: -webkit-box; display: -webkit-flex; display: flex; align-items: stretch; border: 1px solid var(--ts-border); border-radius: var(--ts-radius-input); overflow: hidden; background: #fff; transition: border-color 0.15s, box-shadow 0.15s;}body:has(.o_upgrade_scope) .up_claim_detail .up_amount:focus-within{border-color: var(--ts-secondary); box-shadow: 0 0 0 3px var(--ts-selected-bg);}body:has(.o_upgrade_scope) .up_claim_detail .up_amount__cur{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; padding: 0 14px; background: var(--ts-bg); color: var(--ts-text-muted); font-weight: 600; border-right: 1px solid var(--ts-border);}body:has(.o_upgrade_scope) .up_claim_detail .up_amount__input{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; min-height: 46px; padding: 10px 14px; border: none; outline: none; background: transparent; font-family: inherit; font-size: 15px; color: var(--ts-text); -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield;}body:has(.o_upgrade_scope) .up_claim_detail .up_amount__input::-webkit-outer-spin-button, body:has(.o_upgrade_scope) .up_claim_detail .up_amount__input::-webkit-inner-spin-button{-webkit--webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0;}body:has(.o_upgrade_scope) .up_claim_detail input[type="file"].form-control{padding: 7px 12px;}body:has(.o_upgrade_scope) .up_claim_detail input[type="file"]::file-selector-button{margin: -7px 12px -7px -12px; padding: 8px 14px; border: none; border-right: 1px solid var(--ts-border); background: var(--ts-bg); color: var(--ts-primary); font-weight: 600; font-size: 13px; cursor: pointer; transition: background-color 0.15s, color 0.15s;}body:has(.o_upgrade_scope) .up_claim_detail input[type="file"]::file-selector-button:hover{background: var(--ts-selected-bg); color: var(--ts-secondary);}body:has(.o_upgrade_scope) .up_claim_detail .form-text{font-size: 12px; color: var(--ts-text-muted);}body:has(.o_upgrade_scope) .up_claim_detail .form-text + .form-text{margin-top: 2px;}body:has(.o_upgrade_scope) .up_claim_detail .up_drop_hint{margin: 2px 0 8px;}body:has(.o_upgrade_scope) .up_claim_detail .up_drop--filled{border-style: solid; border-color: var(--ts-secondary); background: var(--ts-selected-bg);}body:has(.o_upgrade_scope) .up_claim_detail .up_drop--filled .up_drop__icon{color: var(--ts-success);}body:has(.o_upgrade_scope) .up_claim_detail .up_drop--filled .up_drop__title{color: var(--ts-primary);}body:has(.o_upgrade_scope) .up_claim_detail .form-check.border{border: 1px solid var(--ts-border) !important; border-radius: var(--ts-radius-input); transition: border-color 0.15s, background-color 0.15s;}body:has(.o_upgrade_scope) .up_claim_detail .form-check.border:hover{border-color: var(--ts-secondary) !important; background: var(--ts-selected-bg);}body:has(.o_upgrade_scope) .up_claim_detail .form-check-input:checked{background-color: var(--ts-secondary); border-color: var(--ts-secondary);}body:has(.o_upgrade_scope) .up_claim_detail .form-check-input:focus{box-shadow: 0 0 0 3px var(--ts-selected-bg); border-color: var(--ts-secondary);}body:has(.o_upgrade_scope) .up_claim_detail #comm-card{scroll-margin-top: 90px;}body:has(.o_upgrade_scope) .up_claim_detail .up_msg_cta{border: 1px solid var(--ts-primary); background-color: transparent;}body:has(.o_upgrade_scope) .up_claim_detail .up_msg_cta, body:has(.o_upgrade_scope) .up_claim_detail .up_msg_cta:visited{color: var(--ts-primary);}body:has(.o_upgrade_scope) .up_claim_detail .up_msg_cta:hover, body:has(.o_upgrade_scope) .up_claim_detail .up_msg_cta:focus, body:has(.o_upgrade_scope) .up_claim_detail .up_msg_cta:active{color: #fff; background-color: var(--ts-primary); border-color: var(--ts-primary);}body:has(.o_upgrade_scope) .up_claim_detail .up_msg_cta:focus-visible{box-shadow: 0 0 0 3px var(--ts-selected-bg);}body:has(.o_upgrade_scope) .up_claim_detail .up_msg_intro{margin-bottom: 16px; padding-bottom: 14px; border-bottom: 1px solid var(--ts-border);}body:has(.o_upgrade_scope) .up_claim_detail .up_msg_intro__title{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; margin: 0 0 4px; font-weight: 700; color: var(--ts-primary);}body:has(.o_upgrade_scope) .up_claim_detail .up_msg_intro__title i{color: var(--ts-secondary);}body:has(.o_upgrade_scope) .up_claim_detail .up_msg_intro__text{margin: 0; font-size: 14px; color: var(--ts-text-muted);}

/* /warranty/static/src/scss/warranty_portal_lists.scss */
 body:has(.o_upgrade_scope) .up_note--success{background: rgba(14, 124, 92, 0.08); border-color: rgba(14, 124, 92, 0.25); color: var(--ts-text);}body:has(.o_upgrade_scope) .up_note--success i{color: var(--ts-success);}body:has(.o_upgrade_scope) .up_note--danger{background: rgba(185, 28, 28, 0.08); border-color: rgba(185, 28, 28, 0.25); color: var(--ts-text);}body:has(.o_upgrade_scope) .up_note--danger i{color: var(--ts-danger);}body:has(.o_upgrade_scope) .up_page:has(.up_listhead){max-width: 1200px;}body:has(.o_upgrade_scope) .up_detailpage{max-width: 1200px; margin: 0 auto; padding: 1.5rem 1rem 3rem;}body:has(.o_upgrade_scope) .up_claim_grid{display: grid; grid-template-columns: 1fr; gap: 12px; margin-bottom: 24px;}@media (min-width: 1024px){body:has(.o_upgrade_scope) .up_claim_grid{grid-template-columns: repeat(2, 1fr);}}body:has(.o_upgrade_scope) .up_pcard__alert{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: 6px; margin-bottom: 12px; padding: 6px 10px; border-radius: 8px; background: rgba(184, 92, 0, 0.1); color: var(--ts-warning); font-size: 12.5px; font-weight: 700; text-decoration: none;}body:has(.o_upgrade_scope) .up_pcard__alert:hover{background: rgba(184, 92, 0, 0.16); color: var(--ts-warning);}body:has(.o_upgrade_scope) .up_actions_sub{margin-top: 12px; text-align: center;}@media (min-width: 560px){body:has(.o_upgrade_scope) .up_actions_sub{text-align: left;}}body:has(.o_upgrade_scope) .up_sublink{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--ts-text-muted); text-decoration: none;}body:has(.o_upgrade_scope) .up_sublink:hover{color: var(--ts-secondary);}body:has(.o_upgrade_scope) .up_listhead{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 12px; margin-bottom: 16px;}@media (min-width: 768px){body:has(.o_upgrade_scope) .up_listhead{flex-direction: row; align-items: center; justify-content: space-between;}}body:has(.o_upgrade_scope) .up_listhead__title{font-size: 1.5rem; font-weight: 700; color: var(--ts-primary); letter-spacing: -0.005em; margin: 0;}@media (max-width: 767px){body:has(.o_upgrade_scope) .up_listhead .up_btn{width: 100%;}}body:has(.o_upgrade_scope) .up_filters{display: none; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; margin-bottom: 20px;}@media (min-width: 768px){body:has(.o_upgrade_scope) .up_filters{display: -webkit-box; display: -webkit-flex; display: flex;}}body:has(.o_upgrade_scope) .up_filters__pill{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; padding: 7px 16px; border-radius: 999px; font-size: 13px; font-weight: 600; text-decoration: none; color: var(--ts-text-muted); background: var(--ts-surface); border: 1px solid var(--ts-border); transition: color 0.15s, background-color 0.15s, border-color 0.15s;}body:has(.o_upgrade_scope) .up_filters__pill:hover, body:has(.o_upgrade_scope) .up_filters__pill:focus{color: var(--ts-secondary); border-color: var(--ts-secondary);}body:has(.o_upgrade_scope) .up_filters__pill.is-active{color: #fff; background: var(--ts-primary); border-color: var(--ts-primary);}body:has(.o_upgrade_scope) .up_filters_mobile{margin-bottom: 20px;}@media (min-width: 768px){body:has(.o_upgrade_scope) .up_filters_mobile{display: none;}}body:has(.o_upgrade_scope) .up_filters_mobile .form-select{width: 100%; min-height: 48px; padding: 10px 14px; font-size: 16px; font-family: inherit; color: var(--ts-text); background-color: #fff; border: 1px solid var(--ts-border); border-radius: var(--ts-radius-input);}body:has(.o_upgrade_scope) .up_filters_mobile .form-select:focus{outline: none; border-color: var(--ts-secondary); box-shadow: 0 0 0 3px var(--ts-selected-bg);}body:has(.o_upgrade_scope) .up_card_grid{display: grid; grid-template-columns: 1fr; gap: 16px; margin-bottom: 24px;}@media (min-width: 768px){body:has(.o_upgrade_scope) .up_card_grid{grid-template-columns: repeat(2, 1fr);}}@media (min-width: 1024px){body:has(.o_upgrade_scope) .up_card_grid{grid-template-columns: repeat(3, 1fr);}}body:has(.o_upgrade_scope) .up_card_grid .up_step_card{margin-bottom: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}body:has(.o_upgrade_scope) .up_pcard__head{display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 12px;}body:has(.o_upgrade_scope) .up_pcard__ident{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 10px; min-width: 0; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto;}body:has(.o_upgrade_scope) .up_pcard__head .up_chip{white-space: nowrap; flex-shrink: 0;}body:has(.o_upgrade_scope) .up_pcard__idtext{min-width: 0;}body:has(.o_upgrade_scope) .up_pcard__title{display: block; font-size: 16px; font-weight: 700; color: var(--ts-primary); text-decoration: none; line-height: 1.3; word-break: break-word;}body:has(.o_upgrade_scope) .up_pcard__title:hover{color: var(--ts-secondary);}body:has(.o_upgrade_scope) .up_pcard__code{font-size: 12px; font-weight: 600; color: var(--ts-text-muted); margin-top: 2px; word-break: break-word;}body:has(.o_upgrade_scope) .up_pcard__coverage{font-size: 13px; color: var(--ts-text-muted); margin-bottom: 12px;}body:has(.o_upgrade_scope) .up_pcard__coverage i{color: var(--ts-secondary);}body:has(.o_upgrade_scope) .up_pcard__title--lg{font-size: 1.25rem;}body:has(.o_upgrade_scope) .up_group_label{font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--ts-primary); border-top: 1px solid var(--ts-border); padding-top: 14px; margin: 16px 0 10px;}body:has(.o_upgrade_scope) .up_devtile{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 40px; height: 40px; border-radius: 10px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; background: var(--ts-selected-bg); color: var(--ts-secondary); font-size: 18px;}body:has(.o_upgrade_scope) .up_pcard__foot{margin-top: auto; padding-top: 14px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 10px;}body:has(.o_upgrade_scope) .up_pcard__foot .up_btn{width: 100%;}body:has(.o_upgrade_scope) .up_termslink{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: 6px; justify-content: center; font-size: 13px; font-weight: 600; color: var(--ts-text-muted); text-decoration: none;}body:has(.o_upgrade_scope) .up_termslink:hover{color: var(--ts-secondary);}body:has(.o_upgrade_scope) .up_link_warn{color: var(--ts-warning); font-weight: 600; text-decoration: none;}body:has(.o_upgrade_scope) .up_link_warn:hover{text-decoration: underline;}body:has(.o_upgrade_scope) .up_detail_actions{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 10px; margin-top: 16px;}@media (min-width: 560px){body:has(.o_upgrade_scope) .up_detail_actions{flex-direction: row;}}body:has(.o_upgrade_scope) .up_progress{margin-bottom: 14px;}body:has(.o_upgrade_scope) .up_progress__label{font-size: 13px; font-weight: 600; color: var(--ts-text); margin-bottom: 6px;}body:has(.o_upgrade_scope) .up_progress__label.is-danger{color: var(--ts-danger);}body:has(.o_upgrade_scope) .up_progress__label.is-warning{color: var(--ts-warning);}body:has(.o_upgrade_scope) .up_progress__track{height: 10px; border-radius: 999px; background: var(--ts-border); overflow: hidden;}body:has(.o_upgrade_scope) .up_progress__fill{height: 100%; border-radius: 999px; background: var(--ts-success);}body:has(.o_upgrade_scope) .up_progress__fill.is-danger{background: var(--ts-danger);}body:has(.o_upgrade_scope) .up_progress__fill.is-warning{background: var(--ts-warning);}body:has(.o_upgrade_scope) .up_trialcta{border-top: 1px solid var(--ts-border); margin: 4px 0 14px; padding-top: 12px;}body:has(.o_upgrade_scope) .up_trialcta__text{font-size: 13px; color: var(--ts-text-muted); line-height: 1.45; margin: 0 0 10px;}body:has(.o_upgrade_scope) .up_trialnote{font-size: 13px; color: var(--ts-text-muted); line-height: 1.5; margin: 10px 0 4px;}body:has(.o_upgrade_scope) .up_link{color: var(--ts-secondary); font-weight: 600; text-decoration: underline; text-underline-offset: 2px;}body:has(.o_upgrade_scope) .up_link:hover{color: var(--ts-primary);}body:has(.o_upgrade_scope) .up_btn--auto{width: 100%;}@media (min-width: 560px){body:has(.o_upgrade_scope) .up_btn--auto{width: auto; min-width: 240px;}}body:has(.o_upgrade_scope) .up_chip{border-radius: 8px; line-height: 1.25; text-align: left;}body:has(.o_upgrade_scope) .up_chip--info{background: rgba(14, 55, 70, 0.1); color: var(--ts-secondary);}body:has(.o_upgrade_scope) .up_chip--muted{background: var(--ts-bg); color: var(--ts-text-muted);}body:has(.o_upgrade_scope) .up_chip--warning{background: rgba(184, 92, 0, 0.12); color: var(--ts-warning);}body:has(.o_upgrade_scope) .up_claim_head__actions .up_chip{margin-top: 0;}body:has(.o_upgrade_scope) .up_claimcard{background: var(--ts-surface); border: 1px solid var(--ts-border); border-radius: var(--ts-radius-card); padding: 16px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 10px; height: 100%;}body:has(.o_upgrade_scope) .up_claimcard--muted{opacity: 0.7;}body:has(.o_upgrade_scope) .up_claimcard--action{border-color: rgba(184, 92, 0, 0.35); border-left: 3px solid var(--ts-warning);}body:has(.o_upgrade_scope) .up_claimcard__head{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 12px; min-width: 0;}body:has(.o_upgrade_scope) .up_claimcard__id{min-width: 0; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto;}body:has(.o_upgrade_scope) .up_claimcard__titlerow{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 8px;}body:has(.o_upgrade_scope) .up_claimcard__titlerow .up_chip{margin-top: 0;}body:has(.o_upgrade_scope) .up_claimcard__name{font-size: 15px; font-weight: 700; color: var(--ts-primary); text-decoration: none;}body:has(.o_upgrade_scope) .up_claimcard__name:hover{color: var(--ts-secondary);}body:has(.o_upgrade_scope) .up_claimcard__flag{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; font-size: 12px; font-weight: 700; color: var(--ts-warning);}body:has(.o_upgrade_scope) .up_claimcard__meta{display: block; font-size: 13px; color: var(--ts-text-muted); margin-top: 3px;}body:has(.o_upgrade_scope) .up_claimcard__hint{font-style: italic;}body:has(.o_upgrade_scope) .up_claimcard__foot{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 6px;}body:has(.o_upgrade_scope) .up_claimcard__foot .up_chip{margin-top: 0;}body:has(.o_upgrade_scope) .up_claimcard__foot .up_btn{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; padding: 9px 16px; min-height: 40px; font-size: 14px;}

/* /warranty/static/src/scss/warranty_account.scss */
 body:has(.o_upgrade_scope) .up_btn--sm{min-height: 40px; padding: 8px 14px; font-size: 14px;}body:has(.o_upgrade_scope) .up_field .form-select.up_locked{pointer-events: none; background-color: var(--ts-bg); color: var(--ts-text-muted);}body:has(.o_upgrade_scope) .up_modal{background: var(--ts-surface) !important; border: none; border-radius: var(--ts-radius-card); overflow: hidden; box-shadow: 0 24px 60px rgba(21, 28, 47, 0.22);}body:has(.o_upgrade_scope) .up_modal .modal-header{background: var(--ts-surface) !important; border-bottom: 1px solid var(--ts-border); padding: 16px 18px;}body:has(.o_upgrade_scope) .up_modal .modal-body{background: var(--ts-surface) !important; padding: 18px;}body:has(.o_upgrade_scope) .up_modal .modal-footer{background: var(--ts-surface) !important; border-top: 1px solid var(--ts-border); padding: 14px 18px; gap: 8px;}body:has(.o_upgrade_scope) .up_modal .modal-title{font-weight: 700; color: var(--ts-primary); font-size: 1.1rem;}body:has(.o_upgrade_scope) .up_identity{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; gap: 10px 14px; padding: 2px 0;}body:has(.o_upgrade_scope) .up_identity__info{-webkit-box-flex: 1; -webkit-flex: 1 1 0; flex: 1 1 0; min-width: 0;}body:has(.o_upgrade_scope) .up_identity__label{font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; color: var(--ts-text-muted); margin-bottom: 2px;}body:has(.o_upgrade_scope) .up_identity__value{font-size: 15px; font-weight: 600; color: var(--ts-text); word-break: break-word;}body:has(.o_upgrade_scope) .up_identity__meta .up_chip{margin-top: 0;}body:has(.o_upgrade_scope) .up_identity__actions{display: -webkit-box; display: -webkit-flex; display: flex; gap: 8px; -webkit-flex-wrap: wrap; flex-wrap: wrap;}body:has(.o_upgrade_scope) .up_identity__actions form{margin: 0;}@media (max-width: 559px){body:has(.o_upgrade_scope) .up_identity__actions{width: 100%;}body:has(.o_upgrade_scope) .up_identity__actions form{flex: 1;}body:has(.o_upgrade_scope) .up_identity__actions .up_btn{width: 100%;}}body:has(.o_upgrade_scope) .up_identity__divider{height: 1px; background: var(--ts-border); margin: 14px 0;}body:has(.o_upgrade_scope) .up_account_actions{display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: column-reverse; gap: 10px; margin-top: 6px;}@media (min-width: 560px){body:has(.o_upgrade_scope) .up_account_actions{flex-direction: row; -webkit-box-pack: end; justify-content: flex-end;}}@media (max-width: 559px){body:has(.o_upgrade_scope) .up_account_actions .up_btn{width: 100%;}}body:has(.o_upgrade_scope) .up_verify_card{max-width: 460px; margin: 0 auto; text-align: center;}body:has(.o_upgrade_scope) .up_verify__icon{width: 56px; height: 56px; margin: 0 auto 14px; border-radius: 999px; background: var(--ts-selected-bg); color: var(--ts-secondary); display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; font-size: 24px;}body:has(.o_upgrade_scope) .up_verify__title{font-size: 1.4rem; font-weight: 700; color: var(--ts-primary); margin: 0 0 6px;}body:has(.o_upgrade_scope) .up_verify__lead{font-size: 14px; color: var(--ts-text-muted); margin: 0 0 20px;}body:has(.o_upgrade_scope) .up_verify__target{color: var(--ts-primary); font-weight: 700; white-space: nowrap;}body:has(.o_upgrade_scope) .up_otp_input{height: 56px; letter-spacing: 10px; font-size: 24px; font-weight: 700; text-align: center;}body:has(.o_upgrade_scope) .up_otp_input::placeholder{letter-spacing: 8px; color: var(--ts-border);}body:has(.o_upgrade_scope) .up_verify__resend{margin: 16px 0 0;}body:has(.o_upgrade_scope) .up_linkbtn{background: none; border: none; padding: 0; color: var(--ts-secondary); font-weight: 600; font-size: 14px; cursor: pointer;}body:has(.o_upgrade_scope) .up_linkbtn:hover{text-decoration: underline;}body:has(.o_upgrade_scope) .up_linkbtn.is-disabled, body:has(.o_upgrade_scope) .up_linkbtn:disabled{color: var(--ts-text-muted); cursor: not-allowed; opacity: 0.6; text-decoration: none;}body:has(.o_upgrade_scope) .up_resend_timer{font-variant-numeric: tabular-nums;}body:has(.o_upgrade_scope) .up_verify__cancel{display: inline-block; margin-top: 12px; color: var(--ts-text-muted); font-size: 13px; text-decoration: none;}body:has(.o_upgrade_scope) .up_verify__cancel:hover{color: var(--ts-primary); text-decoration: underline;}

/* /warranty/static/src/css/dealer_portal.css */
 .dealer-portal{font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #F2F2F2; min-height: 100vh;}.dealer-portal .dealer-header{background: linear-gradient(135deg, #0E3746 0%, #151c2f 100%); color: white; padding: 2rem 0; border-radius: 15px; margin-bottom: 2rem; box-shadow: 0 10px 25px rgba(14, 55, 70, 0.2);}.dealer-portal .dealer-header h1{color: white; font-weight: 600; margin-bottom: 0.5rem;}.dealer-portal .dealer-header p{color: rgba(255, 255, 255, 0.9); font-size: 1.1rem;}.dealer-portal .dealer-brand{text-align: right;}.dealer-portal .dealer-brand .badge{font-size: 0.95rem; font-weight: 500; border-radius: 25px; padding: 0.75rem 1.5rem; background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2);}.dealer-portal .dealer-branding{align-items: center;}.dealer-portal .dealer-logo{flex-shrink: 0;}.dealer-portal .dealer-logo-img{width: 60px; height: 60px; object-fit: contain; border-radius: 10px; background: white; padding: 5px; border: 2px solid rgba(255, 255, 255, 0.2); transition: all 0.3s ease;}.dealer-portal .dealer-logo-img:hover{transform: scale(1.05); border-color: rgba(255, 255, 255, 0.4);}.dealer-portal .dealer-info{text-align: right; min-width: 0;}.dealer-portal .dealer-name{font-size: 1.1rem; line-height: 1.2; margin-bottom: 2px;}.dealer-portal .dealer-type{font-size: 0.85rem; opacity: 0.9; line-height: 1.1;}.dealer-portal .nav-tabs-modern{border: none; background: white; border-radius: 15px; padding: 0.5rem; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);}.dealer-portal .nav-tabs-modern .nav-link{border: none; border-radius: 10px; padding: 0.75rem 1.5rem; font-weight: 500; color: #6c757d; transition: all 0.3s ease; margin: 0 0.25rem;}.dealer-portal .nav-tabs-modern .nav-link:hover{background-color: #EAE8DC; color: #0E3746;}.dealer-portal .nav-tabs-modern .nav-link.active{background: linear-gradient(135deg, #0E3746 0%, #151c2f 100%); color: white; box-shadow: 0 3px 10px rgba(14, 55, 70, 0.3);}.dealer-portal .filter-pills{margin-bottom: 1.5rem;}.dealer-portal .filter-pills .btn{border-radius: 25px; font-weight: 500; transition: all 0.3s ease; position: relative; overflow: hidden;}.dealer-portal .filter-pills .btn-primary{background: linear-gradient(135deg, #0E3746 0%, #151c2f 100%); border: none; box-shadow: 0 3px 10px rgba(14, 55, 70, 0.3); color: white;}.dealer-portal .filter-pills .btn-outline-secondary{border-color: #dee2e6; color: #6c757d; background: white;}.dealer-portal .filter-pills .btn-outline-secondary:hover{background-color: #0E3746; border-color: #0E3746; color: white; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(14, 55, 70, 0.2);}.dealer-portal .card{border: none; border-radius: 15px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08); transition: all 0.3s ease; overflow: hidden; background: white;}.dealer-portal .card:hover{transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);}.dealer-portal .card-header{background: #EAE8DC; border-bottom: 1px solid #dee2e6; font-weight: 600; padding: 1rem 1.5rem; color: #151c2f;}.dealer-portal .card-body{padding: 1.5rem;}.dealer-portal .card.border-0.shadow-sm{background: white; transition: all 0.3s ease;}.dealer-portal .card.border-0.shadow-sm:hover{transform: translateY(-3px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important;}.dealer-portal .table{border-collapse: separate; border-spacing: 0;}.dealer-portal .table th{background: #EAE8DC; color: #151c2f; font-weight: 600; text-transform: uppercase; font-size: 0.85rem; letter-spacing: 0.5px; border: none; padding: 1rem;}.dealer-portal .table td{padding: 1rem; border-top: 1px solid #f1f3f4; vertical-align: middle;}.dealer-portal .table-hover tbody tr:hover{background-color: rgba(14, 55, 70, 0.05);}.dealer-portal .badge{font-weight: 500; padding: 0.5rem 0.75rem; border-radius: 25px; font-size: 0.8rem;}.dealer-portal .badge.bg-success{background: #28a745 !important; color: white;}.dealer-portal .badge.bg-warning{background: #ffc107 !important; color: #151c2f !important;}.dealer-portal .badge.bg-danger{background: #dc3545 !important; color: white;}.dealer-portal .badge.bg-info{background: #17a2b8 !important; color: white;}.dealer-portal .badge.bg-primary{background: #0E3746 !important; color: white;}.dealer-portal .badge.bg-secondary{background: #6c757d !important; color: white;}.dealer-portal .btn{border-radius: 25px; font-weight: 500; padding: 0.6rem 1.5rem; transition: all 0.3s ease; border: none; position: relative; overflow: hidden;}.dealer-portal .btn-primary{background: linear-gradient(135deg, #0E3746 0%, #151c2f 100%); box-shadow: 0 3px 10px rgba(14, 55, 70, 0.3); color: white;}.dealer-portal .btn-primary:hover{transform: translateY(-2px); box-shadow: 0 5px 15px rgba(14, 55, 70, 0.4); background: linear-gradient(135deg, #0d3240 0%, #131a2a 100%); color: white;}.dealer-portal .btn-outline-primary{border: 2px solid #0E3746; color: #0E3746; background: transparent;}.dealer-portal .btn-outline-primary:hover{background: linear-gradient(135deg, #0E3746 0%, #151c2f 100%); border-color: transparent; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(14, 55, 70, 0.3); color: white;}.dealer-portal .btn-outline-secondary{color: var(--primary); border-color: var(--primary);}.dealer-portal .btn-outline-secondary:hover, .dealer-portal .btn-outline-secondary:focus, .dealer-portal .btn-outline-secondary:active{background-color: var(--primary); border-color: var(--primary); color: var(--white);}.dealer-portal .btn-secondary{background: #6c757d; color: white;}.dealer-portal .btn-sm{padding: 0.4rem 1rem; font-size: 0.85rem;}.dealer-portal .warranty-claim-card{transition: all 0.3s ease; border-radius: 15px; overflow: hidden;}.dealer-portal .warranty-claim-card:hover{transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);}.dealer-portal .warranty-claim-card .card-header{background: #EAE8DC; padding: 1rem 1.25rem;}.dealer-portal .warranty-claim-card .card-title a{color: #151c2f; text-decoration: none; font-weight: 600;}.dealer-portal .warranty-claim-card .card-title a:hover{color: #0E3746;}.dealer-portal .warranty-claim-card .card-footer{background: #F2F2F2; border-top: 1px solid #dee2e6; padding: 1rem 1.25rem;}.dealer-portal .empty-state{padding: 3rem 2rem; text-align: center; color: #6c757d;}.dealer-portal .empty-state i{color: #dee2e6; margin-bottom: 1rem;}.dealer-portal .empty-state h4{color: #151c2f; margin-bottom: 1rem; font-weight: 600;}.dealer-portal .empty-state p{font-size: 1.1rem; line-height: 1.6;}.dealer-portal .empty-state a{color: #0E3746; text-decoration: none; font-weight: 500;}.dealer-portal .empty-state a:hover{text-decoration: underline;}.dealer-portal .form-control{border-radius: 10px; border: 2px solid #e9ecef; padding: 0.75rem 1rem; transition: all 0.3s ease; font-size: 0.95rem;}.dealer-portal .form-control:focus{border-color: #0E3746; box-shadow: 0 0 0 0.2rem rgba(14, 55, 70, 0.1);}.dealer-portal .form-label{font-weight: 600; color: #151c2f; margin-bottom: 0.5rem;}.dealer-portal .form-text{color: #6c757d; font-size: 0.85rem; margin-top: 0.5rem;}.dealer-portal .alert{border-radius: 15px; border: none; padding: 1rem 1.25rem; margin-bottom: 1.5rem; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);}.dealer-portal .alert-success{background: #d4edda; color: #155724;}.dealer-portal .alert-warning{background: #fff3cd; color: #856404;}.dealer-portal .alert-danger{background: #f8d7da; color: #721c24;}.dealer-portal .alert-info{background: #d1ecf1; color: #0c5460;}.dealer-portal .dropdown-menu{border: none; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); border-radius: 10px;}.dealer-portal .dropdown-item:hover{background-color: #EAE8DC; color: #151c2f;}@media (max-width: 992px){.dealer-portal .dealer-header{padding: 1.75rem 0;}.dealer-portal .dealer-branding{justify-content: center !important; margin-top: 1rem;}.dealer-portal .dealer-info{text-align: center !important;}.dealer-portal .dealer-logo-img{width: 50px; height: 50px;}.dealer-portal .dealer-name{font-size: 1rem;}}@media (max-width: 768px){.dealer-portal .dealer-header{padding: 1.5rem 0; margin-bottom: 1.5rem;}.dealer-portal .dealer-header .container-fluid{padding-left: 1rem !important; padding-right: 1rem !important;}.dealer-portal .dealer-header h1{font-size: 1.4rem;}.dealer-portal .dealer-header p{font-size: 1rem;}.dealer-portal .dealer-branding{flex-direction: column; text-align: center; margin-top: 1.5rem;}.dealer-portal .dealer-logo{margin-right: 0 !important; margin-bottom: 0.75rem;}.dealer-portal .dealer-logo-img{width: 45px; height: 45px;}.dealer-portal .dealer-info{text-align: center !important;}.dealer-portal .filter-pills{justify-content: center !important;}.dealer-portal .filter-pills .btn{margin-bottom: 0.5rem; font-size: 0.85rem; padding: 0.4rem 0.8rem;}.dealer-portal .nav-tabs-modern{padding: 0.25rem;}.dealer-portal .nav-tabs-modern .nav-link{padding: 0.6rem 1rem; font-size: 0.9rem;}.dealer-portal .table-responsive{font-size: 0.85rem;}.dealer-portal .table th, .dealer-portal .table td{padding: 0.75rem 0.5rem;}.dealer-portal .card-body{padding: 1rem;}.dealer-portal .card-header{padding: 0.875rem 1rem; font-size: 0.95rem;}}@media (max-width: 576px){.dealer-portal .dealer-header{padding: 1.25rem 0;}.dealer-portal .dealer-header .container-fluid{padding-left: 0.75rem !important; padding-right: 0.75rem !important;}.dealer-portal .dealer-header h1{font-size: 1.25rem; text-align: center;}.dealer-portal .dealer-header p{font-size: 0.9rem; text-align: center;}.dealer-portal .dealer-branding{margin-top: 1rem;}.dealer-portal .dealer-logo-img{width: 40px; height: 40px;}.dealer-portal .dealer-name{font-size: 0.95rem;}.dealer-portal .dealer-type{font-size: 0.8rem;}.dealer-portal .btn{width: 100%; margin-bottom: 0.5rem; padding: 0.75rem 1rem;}.dealer-portal .btn-group .btn{width: auto; margin-bottom: 0; padding: 0.4rem 0.8rem;}.dealer-portal .filter-pills .btn{width: auto; margin: 0.25rem;}.dealer-portal .nav-tabs-modern .nav-link{padding: 0.5rem 0.75rem; font-size: 0.85rem;}.dealer-portal .table-responsive{font-size: 0.8rem;}.dealer-portal .table th, .dealer-portal .table td{padding: 0.5rem 0.25rem;}.dealer-portal .card-body{padding: 0.75rem;}.dealer-portal .table th:nth-child(3), .dealer-portal .table td:nth-child(3){display: none;}.dealer-portal .table th:nth-child(5), .dealer-portal .table td:nth-child(5){display: none;}}.dealer-portal .fade-in{animation: dealerFadeIn 0.6s ease-in;}@keyframes dealerFadeIn{from{opacity: 0; transform: translateY(20px);}to{opacity: 1; transform: translateY(0);}}.dealer-portal .loading{position: relative; pointer-events: none;}.dealer-portal .loading::after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.8); border-radius: inherit; z-index: 1;}.dealer-portal .loading::before{content: ''; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin: -10px 0 0 -10px; border: 2px solid #0E3746; border-top-color: transparent; border-radius: 50%; animation: dealerSpin 1s linear infinite; z-index: 2;}@keyframes dealerSpin{to{transform: rotate(360deg);}}.dealer-portal.connection-brand .dealer-header{background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);}.dealer-portal.connection-brand .nav-tabs-modern .nav-link.active{background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);}.dealer-portal.connection-brand .btn-primary{background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);}.dealer-portal.connection-brand .filter-pills .btn-primary{background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);}@media print{.dealer-portal{background: white !important;}.dealer-portal .card{box-shadow: none !important; border: 1px solid #dee2e6 !important;}.dealer-portal .btn, .dealer-portal .nav-tabs-modern, .dealer-portal .filter-pills{display: none !important;}.dealer-portal .dealer-header{background: #F2F2F2 !important; color: #151c2f !important;}}.dealer-portal .table tbody tr.expiring-soon-row{background-color: rgba(255, 193, 7, 0.1) !important; border-left: 4px solid #ffc107; transition: all 0.3s ease;}.dealer-portal .table tbody tr.expiring-soon-row:hover{background-color: rgba(255, 193, 7, 0.2) !important; box-shadow: 0 2px 8px rgba(255, 193, 7, 0.3);}.dealer-portal .table .text-warning{color: #ffc107 !important;}@keyframes subtle-pulse{0%{border-left-color: #ffc107;}50%{border-left-color: #e0a800;}100%{border-left-color: #ffc107;}}.dealer-portal .table tbody tr.expiring-soon-row{animation: subtle-pulse 3s ease-in-out infinite;}.dealer-portal ::-webkit-scrollbar{width: 8px;}.dealer-portal ::-webkit-scrollbar-track{background: #f1f1f1; border-radius: 10px;}.dealer-portal ::-webkit-scrollbar-thumb{background: linear-gradient(135deg, #0E3746 0%, #151c2f 100%); border-radius: 10px;}.dealer-portal ::-webkit-scrollbar-thumb:hover{background: linear-gradient(135deg, #0d3240 0%, #131a2a 100%);}.dealer-portal h1, .dealer-portal h2, .dealer-portal h3, .dealer-portal h4, .dealer-portal h5{color: #151c2f;}.dealer-portal .text-primary{color: #0E3746 !important;}.dealer-portal .fw-medium, .dealer-portal .fw-bold{color: #151c2f;}.dealer-portal a:not(.btn):not(.nav-link){color: #0E3746; text-decoration: none;}.dealer-portal a:not(.btn):not(.nav-link):hover{color: #151c2f; text-decoration: underline;}.dealer-portal .kpi-card{background: #fff; border-radius: 12px; box-shadow: 0 2px 8px rgba(14, 55, 70, 0.08); padding: 1.25rem 1rem; text-align: center; transition: box-shadow 0.2s ease, transform 0.2s ease;}.dealer-portal .kpi-card:hover{box-shadow: 0 6px 20px rgba(14, 55, 70, 0.14); transform: translateY(-2px);}.dealer-portal .kpi-icon{font-size: 1.75rem; margin-bottom: 0.5rem;}.dealer-portal .kpi-value{font-size: 2rem; font-weight: 700; line-height: 1.1; color: #151c2f;}.dealer-portal .kpi-label{font-size: 0.78rem; color: #6c757d; margin-top: 0.25rem; text-transform: uppercase; letter-spacing: 0.04em;}.dealer-portal .kpi-active .kpi-icon{color: #198754;}.dealer-portal .kpi-expiring .kpi-icon{color: #ffc107;}.dealer-portal .kpi-claims .kpi-icon{color: #fd7e14;}.dealer-portal .kpi-customers .kpi-icon{color: #0dcaf0;}.dealer-portal .chart-container{position: relative; height: 280px;}@media (max-width: 575.98px){.dealer-portal .kpi-value{font-size: 1.5rem;}.dealer-portal .chart-container{height: 220px;}}

/* /insurance_trial_signup/static/src/css/trial_signup.css */
 .trial-signup-form .card-body{background-color: white !important;}.trial-signup-form .card-body input, .trial-signup-form .card-body select, .trial-signup-form .card-body textarea{background-color: white !important;}.trial-signup-form input:not([type="checkbox"]):not([type="radio"]), .trial-signup-form select, .trial-signup-form textarea{font-size: 16px !important; height: 48px !important; padding: 12px 16px !important; border: 1px solid #D1D5DB !important; border-radius: 8px !important; width: 100% !important; box-sizing: border-box !important; transition: border-color 0.2s ease, box-shadow 0.2s ease;}.trial-signup-form textarea{height: auto !important; min-height: 48px !important; resize: vertical;}.trial-signup-form .input-group input:not([type="checkbox"]):not([type="radio"]), .trial-signup-form .input-group select{height: 48px !important;}.trial-signup-form .input-group-text{height: 48px !important; display: flex !important; align-items: center !important; padding: 0 12px !important; font-size: 16px !important; border: 1px solid #D1D5DB !important; background-color: #F8FAFC !important;}.trial-signup-form .input-group-text:first-child{border-radius: 8px 0 0 8px !important; border-right: none !important;}.trial-signup-form .input-group .input-group-text:first-child + input{border-radius: 0 8px 8px 0 !important; border-left: none !important;}.trial-signup-form .input-group-text:last-child{border-radius: 0 8px 8px 0 !important; border-left: none !important;}.trial-signup-form .input-group input + .input-group-text{border-radius: 0 8px 8px 0 !important; border-left: none !important;}.trial-signup-form .input-group input:has(+ .input-group-text){border-radius: 8px 0 0 8px !important; border-right: none !important;}.trial-signup-form .input-group input:not(:last-child){border-radius: 8px 0 0 8px !important;}.trial-signup-form .input-group input:focus + .input-group-text, .trial-signup-form .input-group .input-group-text:first-child + input:focus{border-color: #1B2A4A !important;}.trial-signup-form .input-group:focus-within .input-group-text{border-color: #1B2A4A !important;}.trial-signup-form .input-group:focus-within input{border-color: #1B2A4A !important;}.trial-signup-form input:not([type="checkbox"]):not([type="radio"]):focus, .trial-signup-form select:focus, .trial-signup-form textarea:focus{border-color: #1B2A4A !important; outline: none !important; box-shadow: 0 0 0 3px rgba(27, 42, 74, 0.1) !important;}.trial-signup-form label{font-size: 14px !important; font-weight: 600 !important; color: #374151 !important; display: block;}.trial-signup-form input::placeholder, .trial-signup-form textarea::placeholder{color: #9CA3AF !important; font-size: 15px !important;}.trial-signup-form .form-group{margin-bottom: 20px !important;}.trial-signup-form .custom-control{padding-left: 1.75rem; min-height: auto; display: flex; align-items: center;}.trial-signup-form .custom-control-input{width: 15px; height: 15px;}.trial-signup-form .custom-control-label{padding-left: 0.5rem; line-height: 1.4; font-size: 14px !important;}.trial-signup-form .custom-control-label::before, .trial-signup-form .custom-control-label::after{width: 15px; height: 15px; top: 0.125rem;}@media (max-width: 640px){.trial-signup-form .custom-control{min-height: 48px;}.trial-signup-form .custom-control-input{width: 16px; height: 16px;}.trial-signup-form .custom-control-label{font-size: 15px !important; padding-left: 0.75rem;}.trial-signup-form .custom-control-label::before, .trial-signup-form .custom-control-label::after{width: 16px; height: 16px; top: 0.25rem;}}.trial-signup-form .btn{min-height: 48px !important; padding: 12px 24px !important; font-size: 16px !important; font-weight: 600; border-radius: 8px !important;}.trial-signup-form .btn-lg{min-height: 56px !important; padding: 16px 32px !important; font-size: 18px !important;}.trial-signup-form .btn-sm{min-height: 44px !important; padding: 10px 16px !important; font-size: 14px !important;}.trial-signup-form .form-text, .trial-signup-form small{font-size: 13px !important; line-height: 1.4; margin-top: 4px;}.trial-signup-form .consent-help-text{display: block; font-weight: 400; margin-top: 4px;}@media (max-width: 640px){.trial-signup-form .row .col-md-6, .trial-signup-form .row .col-md-4{width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; margin-bottom: 20px;}.trial-signup-form h4{margin-top: 2rem !important; margin-bottom: 1.5rem !important; font-size: 1.25rem !important;}.trial-signup-form .custom-control-inline{display: block !important; margin-bottom: 10px;}.trial-signup-form .input-group{flex-wrap: nowrap;}.trial-signup-form #device-search-results{max-height: 300px; overflow-y: auto;}.trial-signup-form #selected-device-display .d-flex{flex-direction: column !important; align-items: flex-start !important;}.trial-signup-form #selected-device-display .btn{margin-top: 10px; width: 100%;}}@media (max-width: 480px){.trial-signup-form .container{padding-left: 15px !important; padding-right: 15px !important;}.trial-signup-form .card{margin: 0 !important; border-radius: 12px !important;}.trial-signup-form .card-body{padding: 1.25rem !important;}.trial-header-text{font-size: 1.25rem !important;}}.trial-header-text{text-align: center; line-height: 1.4; font-size: 1.5rem; font-weight: 600;}.trial-header-line{display: block; margin-bottom: 0.25rem;}.trial-header-line:last-child{margin-bottom: 0;}.trial-sub-benefits{margin-top: 1rem; padding-top: 0.75rem; border-top: 1px solid rgba(255, 255, 255, 0.2);}.trial-sub-benefits .sub-benefit-item{display: flex; align-items: center; justify-content: center; margin-bottom: 0.5rem; font-size: 14px; font-weight: 500; color: rgba(255, 255, 255, 0.95); line-height: 1.3;}.trial-sub-benefits .sub-benefit-item:last-child{margin-bottom: 0;}.trial-sub-benefits .sub-benefit-icon{width: 16px; height: 16px; margin-right: 0.5rem; flex-shrink: 0; color: rgba(255, 255, 255, 0.9); stroke-width: 2.5;}@media (max-width: 768px){.trial-sub-benefits{margin-top: 0.75rem; padding-top: 0.5rem;}.trial-sub-benefits .sub-benefit-item{font-size: 13px; margin-bottom: 0.4rem; justify-content: flex-start; text-align: left; padding: 0 1rem;}.trial-sub-benefits .sub-benefit-icon{width: 14px; height: 14px; margin-right: 0.4rem;}}@media (max-width: 480px){.trial-sub-benefits .sub-benefit-item{font-size: 12px; padding: 0 0.75rem;}.trial-sub-benefits .sub-benefit-icon{width: 13px; height: 13px; margin-right: 0.35rem;}}.lucide-icon{display: inline-block; vertical-align: middle; stroke-width: 2; stroke: currentColor; fill: none; flex-shrink: 0;}.lucide-icon-lg{width: 32px; height: 32px; color: #1B2A4A;}.lucide-icon-sm{width: 16px; height: 16px; color: #64748B; margin-right: 0.5rem;}@media (max-width: 768px){.lucide-icon-lg{width: 28px; height: 28px;}}.protection-benefits-section{background-color: #F2F2F2; padding: 1.25rem 1.5rem; border-bottom: 1px solid #e0e0e0;}.benefits-row{display: flex; justify-content: center; align-items: center; gap: 2rem; flex-wrap: wrap;}.benefit-item{display: flex; flex-direction: column; align-items: center; text-align: center; flex: 1; min-width: 120px; max-width: 150px;}.benefit-icon{font-size: 1.5rem; margin-bottom: 0.5rem; display: block;}.benefit-text{font-size: 0.875rem; font-weight: 500; color: #333; line-height: 1.2;}@media (max-width: 768px){.benefits-row{gap: 1.5rem;}.benefit-item{min-width: 100px; flex: 0 1 calc(50% - 1rem);}.benefit-icon{font-size: 1.25rem; margin-bottom: 0.25rem;}.benefit-text{font-size: 0.8rem;}}@media (max-width: 480px){.protection-benefits-section{padding: 1rem;}.benefits-row{gap: 1rem;}.benefit-item{min-width: 80px;}}.trust-strip-section{background-color: #F8FAFC; padding: 0.875rem 1.5rem; margin: 1.5rem 0; border-radius: 0.5rem;}.trust-items-row{display: flex; justify-content: center; align-items: center; gap: 0; flex-wrap: nowrap;}.trust-item{display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 500; color: #64748B; text-align: center; flex: 1; padding: 0 1.5rem;}.trust-item:not(:last-child){border-right: 1px solid #E2E8F0;}.trust-item .lucide-icon-sm{color: #64748B;}@media (max-width: 768px){.trust-strip-section{padding: 0.75rem 1rem; margin: 1rem 0;}.trust-item{font-size: 12px; padding: 0 1rem;}}@media (max-width: 480px){.trust-strip-section{padding: 1rem 1.25rem; margin: 1rem 0; background-color: #F8FAFC; border-radius: 0.5rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);}.trust-items-row{flex-direction: column; gap: 14px; align-items: stretch;}.trust-item{font-size: 13px; font-weight: 500; color: #475569; text-align: left; padding: 16px 20px; background: white; border: 1px solid #F1F5F9; border-radius: 8px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03); transition: all 0.2s ease; flex: none; width: 100%; min-height: 44px; display: flex; align-items: center; justify-content: flex-start;}.trust-item:not(:last-child){border-right: none; border-bottom: none;}.trust-item:hover{background: #FAFBFC; border-color: #E2E8F0;}.trust-item .lucide-icon-sm{color: #64748B; margin-right: 0.75rem; flex-shrink: 0;}}.urgency-message-section{background: none; padding: 0; margin: 0; border: none; text-align: center;}.urgency-text{font-size: 14px; color: #1B2A4A; text-align: center; font-style: italic; padding: 12px 0; margin: 16px 0; background: none; font-weight: normal; line-height: 1.4;}@media (max-width: 768px){.urgency-text{font-size: 13px;}}@media (max-width: 480px){.urgency-text{font-size: 12px;}}.trial-signup-form .btn-primary.btn-lg[type="submit"]{background: #1B2A4A !important; border-color: #1B2A4A !important; color: #FFFFFF !important; font-size: 18px !important; font-weight: 700 !important; padding: 16px 48px !important; border-radius: 12px !important; width: 100%; cursor: pointer; transition: background 0.2s ease, border-color 0.2s ease; border: none !important; text-transform: none; letter-spacing: normal; line-height: 1.2;}.trial-signup-form .btn-primary.btn-lg[type="submit"]:hover{background: #2A3F6A !important; border-color: #2A3F6A !important; color: #FFFFFF !important; transform: none;}.trial-signup-form .btn-primary.btn-lg[type="submit"]:focus, .trial-signup-form .btn-primary.btn-lg[type="submit"]:active{background: #2A3F6A !important; border-color: #2A3F6A !important; color: #FFFFFF !important; box-shadow: 0 0 0 3px rgba(27, 42, 74, 0.25) !important;}@media (min-width: 768px){.trial-signup-form .btn-primary.btn-lg[type="submit"]{max-width: 400px; margin: 0 auto; display: block;}}.trial-signup-form #clear-device-search{background: transparent !important; border: none !important; color: #9CA3AF !important; font-size: 16px !important; padding: 8px 12px !important; opacity: 0.8; transition: opacity 0.2s ease, color 0.2s ease; cursor: pointer; display: none;}.trial-signup-form #clear-device-search:hover{opacity: 1 !important; color: #6B7280 !important; background: transparent !important;}.trial-signup-form #clear-device-search:focus{outline: none !important; color: #374151 !important; opacity: 1 !important;}.trial-signup-form #device-search-results{border-radius: 8px; border: 1px solid #E5E7EB; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); background: white; overflow: hidden;}.trial-signup-form #device-search-results .list-group{border-radius: 8px; border: none;}.trial-signup-form #device-search-results .list-group-item{background-color: white !important; border: none !important; border-bottom: 1px solid #F3F4F6 !important; padding: 12px 16px !important; transition: background-color 0.2s ease; cursor: pointer; font-size: 15px; color: #374151;}.trial-signup-form #device-search-results .list-group-item:last-child{border-bottom: none !important;}.trial-signup-form #device-search-results .list-group-item:hover{background-color: #F9FAFB !important;}.trial-signup-form #device-search-results .list-group-item:active, .trial-signup-form #device-search-results .list-group-item.active{background-color: #EEF2FF !important; color: #1B2A4A !important;}.trial-signup-form #manual-entry-link-container{padding: 12px 16px; background-color: #F9FAFB; border-top: 1px solid #F3F4F6;}.trial-signup-form #manual-entry-link{color: #6B7280; text-decoration: none; font-size: 13px; transition: color 0.2s ease;}.trial-signup-form #manual-entry-link:hover{color: #1B2A4A; text-decoration: underline;}.trial-signup-form #selected-device-display{background-color: #F0F9FF !important; border: 1px solid #7DD3FC !important; color: #0C4A6E !important; border-radius: 8px; padding: 12px 16px;}.trial-signup-form #selected-device-display strong{color: #0C4A6E;}.trial-signup-form #change-device-btn{background: transparent; border: 1px solid #7DD3FC; color: #0369A1; padding: 6px 12px; border-radius: 6px; font-size: 13px; transition: all 0.2s ease;}.trial-signup-form #change-device-btn:hover{background: #E0F2FE; border-color: #0369A1; color: #0C4A6E;}@media (min-width: 768px){.trial-signup-form .protection-benefits-section + .card-body{padding-top: 20px;}.trial-signup-form .card-body h4{margin-top: 20px !important; margin-bottom: 20px !important;}.trial-signup-form .trust-strip-section{margin-bottom: 12px;}.trial-signup-form .urgency-text{margin-bottom: 0px;}.trial-signup-form .urgency-message-section{margin-bottom: 8px;}.trial-signup-form .urgency-message-section + .form-group{margin-top: 0px !important;}}

/* /insurance_trial_signup/static/src/scss/trial_signup_survey.scss */
 @font-face{font-family: 'Archivo'; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/insurance_trial_signup/static/src/fonts/archivo-latin.woff2") format("woff2");}body:has(.o_trial_signup_scope){--ts-primary: #151c2f; --ts-secondary: #0E3746; --ts-surface: #FFFFFF; --ts-bg: #F2F2F2; --ts-accent-soft: #EAE8DC; --ts-selected-bg: rgba(14, 55, 70, 0.06); --ts-text: #1f2937; --ts-text-muted: #64748B; --ts-border: #E5E7EB; --ts-success: #0E7C5C; --ts-danger: #B91C1C; --ts-radius-card: 16px; --ts-radius-input: 10px; --ts-radius-btn: 12px; font-family: 'Archivo', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: var(--ts-text); background-color: var(--ts-bg) !important; background-image: none !important; overscroll-behavior-y: contain; touch-action: pan-y;}body:has(.o_trial_signup_scope) #wrapwrap{background-image: none !important; background-color: var(--ts-bg) !important; overscroll-behavior-y: contain;}@media (min-width: 768px){body:has(.o_trial_signup_scope) #wrapwrap{background-image: radial-gradient(ellipse 60vw 50vh at 18% 28%, rgba(14, 55, 70, 0.06) 0%, transparent 55%), radial-gradient(ellipse 55vw 45vh at 82% 78%, rgba(21, 28, 47, 0.05) 0%, transparent 55%) !important; background-attachment: fixed; background-repeat: no-repeat;}}body:has(.o_trial_signup_scope) .o_survey_wrap, body:has(.o_trial_signup_scope) :root .o_survey_wrap{min-height: auto !important;}body:has(.o_trial_signup_scope) .o_container_small.o_survey_form.mb-5{margin-bottom: 0 !important;}body:has(.o_trial_signup_scope) header#top, body:has(.o_trial_signup_scope) header#top.o_header_affixed, body:has(.o_trial_signup_scope) header#top.o_header_is_scrolled, body:has(.o_trial_signup_scope) header#top.o_transitioning, body:has(.o_trial_signup_scope) header.o_header_standard, body:has(.o_trial_signup_scope) header.o_header_standard.o_header_affixed, body:has(.o_trial_signup_scope) header.o_header_standard.o_header_is_scrolled, body:has(.o_trial_signup_scope) header.o_header_standard.o_transitioning, body:has(.o_trial_signup_scope) header.o_header_overlay, body:has(.o_trial_signup_scope) header.o_header_overlay.o_header_affixed, body:has(.o_trial_signup_scope) header.o_header_overlay.o_header_is_scrolled, body:has(.o_trial_signup_scope) header.o_header_overlay.o_transitioning{position: static !important; transform: none !important; transition: none !important; top: auto !important;}body:has(.o_trial_signup_scope) header.o_header_affixed.o_top_fixed_element, body:has(.o_trial_signup_scope) .o_header_affixed:not(#top){display: none !important;}body:has(.o_trial_signup_scope) h1, body:has(.o_trial_signup_scope) h2, body:has(.o_trial_signup_scope) h3, body:has(.o_trial_signup_scope) h4, body:has(.o_trial_signup_scope) h5, body:has(.o_trial_signup_scope) h6, body:has(.o_trial_signup_scope) .o_survey_title, body:has(.o_trial_signup_scope) .o_survey_finished h1, body:has(.o_trial_signup_scope) label, body:has(.o_trial_signup_scope) .form-label{font-family: 'Archivo', system-ui, sans-serif; color: var(--ts-primary); font-weight: 600; letter-spacing: -0.005em;}body:has(.o_trial_signup_scope) p, body:has(.o_trial_signup_scope) div, body:has(.o_trial_signup_scope) span, body:has(.o_trial_signup_scope) a, body:has(.o_trial_signup_scope) li{font-family: inherit;}body:has(.o_trial_signup_scope) .o_survey_description, body:has(.o_trial_signup_scope) .text-muted{color: var(--ts-text-muted) !important;}body:has(.o_trial_signup_scope) a.o_skip_to_content, body:has(.o_trial_signup_scope) a[href="#wrap"]:first-of-type{position: absolute !important; left: -9999px;}body:has(.o_trial_signup_scope) a.o_skip_to_content:focus, body:has(.o_trial_signup_scope) a[href="#wrap"]:first-of-type:focus{left: 16px; top: 8px; z-index: 2000; background: #fff; padding: 6px 12px; border-radius: 6px;}body:has(.o_trial_signup_scope) .o_container_small.o_survey_form{max-width: 640px; width: 100%; margin: 0 auto; padding: 1.5rem 1rem 3rem;}body:has(.o_trial_signup_scope) .o_survey_form > form, body:has(.o_trial_signup_scope) .o_survey_form > .o_survey_form_content{background: var(--ts-surface); border-radius: var(--ts-radius-card); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 12px 32px rgba(21, 28, 47, 0.08); padding: 22px 20px 26px; margin-top: 0; position: relative; overflow: hidden;}body:has(.o_trial_signup_scope) .o_survey_form > form::before, body:has(.o_trial_signup_scope) .o_survey_form > .o_survey_form_content::before{content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--ts-primary); z-index: 1;}body:has(.o_trial_signup_scope) .o_survey_form > form:has(> .ts_promo_banner)::before, body:has(.o_trial_signup_scope) .o_survey_form > .o_survey_form_content:has(> .ts_promo_banner)::before{display: none;}body:has(.o_trial_signup_scope) .o_survey_nav{display: none !important;}body:has(.o_trial_signup_scope) .o_survey_start > .mb32 > .oe_no_empty:first-child{display: none;}body:has(.o_trial_signup_scope) .o_survey_nav{margin-bottom: 4px; padding: 0 4px;}body:has(.o_trial_signup_scope) .o_survey_nav h1{font-size: 1.4rem; line-height: 1.25; margin-bottom: 6px;}body:has(.o_trial_signup_scope) .o_survey_title{font-size: 1.35rem; line-height: 1.3; margin-bottom: 8px;}body:has(.o_trial_signup_scope) .o_survey_progress_wrapper{min-width: 0; max-width: 100%; padding-left: 16px; padding-right: 16px;}body:has(.o_trial_signup_scope) .o_survey_progress{height: 8px !important; background: rgba(21, 28, 47, 0.08) !important; border-radius: 999px; overflow: hidden; margin-top: 6px;}body:has(.o_trial_signup_scope) .o_survey_progress .progress-bar{background: var(--ts-primary) !important; border-radius: 999px; transition: width 0.3s ease;}body:has(.o_trial_signup_scope) .ts_step_label{font-size: 13px; font-weight: 500; color: var(--ts-text-muted); letter-spacing: 0; text-transform: none; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: baseline; gap: 6px; -webkit-flex-wrap: wrap; flex-wrap: wrap;}body:has(.o_trial_signup_scope) .ts_step_label__section{color: var(--ts-primary); font-weight: 600;}body:has(.o_trial_signup_scope) .ts_step_label__sep{color: var(--ts-text-muted); opacity: 0.5; font-weight: 400;}body:has(.o_trial_signup_scope) .o_survey_brand_message{background: transparent !important; border: 0 !important;}body:has(.o_trial_signup_scope) .o_survey_brand_message > div:first-child:not(.o_survey_navigation_wrapper){display: none !important;}body:has(.o_trial_signup_scope) .o_survey_navigation_wrapper{display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: inline-flex !important; gap: 8px;}body:has(.o_trial_signup_scope) .o_survey_navigation_wrapper .btn.o_survey_navigation_submit{width: 44px !important; min-width: 44px !important; max-width: 44px !important; height: 44px !important; min-height: 44px !important; padding: 0 !important; margin: 0 !important; background: #fff !important; color: var(--ts-primary) !important; border: 1.5px solid var(--ts-border) !important; border-radius: var(--ts-radius-input) !important; box-shadow: 0 1px 2px rgba(21, 28, 47, 0.06) !important; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; transition: background-color 0.15s, border-color 0.15s, color 0.15s, box-shadow 0.15s;}body:has(.o_trial_signup_scope) .o_survey_navigation_wrapper .btn.o_survey_navigation_submit i{padding: 0 !important; font-size: 18px; color: var(--ts-primary);}body:has(.o_trial_signup_scope) .o_survey_navigation_wrapper .btn.o_survey_navigation_submit:hover:not(:disabled), body:has(.o_trial_signup_scope) .o_survey_navigation_wrapper .btn.o_survey_navigation_submit:focus:not(:disabled){background: var(--ts-primary) !important; border-color: var(--ts-primary) !important; color: #fff !important; box-shadow: 0 3px 8px rgba(21, 28, 47, 0.18) !important;}body:has(.o_trial_signup_scope) .o_survey_navigation_wrapper .btn.o_survey_navigation_submit:hover:not(:disabled) i, body:has(.o_trial_signup_scope) .o_survey_navigation_wrapper .btn.o_survey_navigation_submit:focus:not(:disabled) i{color: #fff;}body:has(.o_trial_signup_scope) .o_survey_navigation_wrapper .btn.o_survey_navigation_submit:disabled, body:has(.o_trial_signup_scope) .o_survey_navigation_wrapper .btn.o_survey_navigation_submit[disabled]{opacity: 0.35; cursor: not-allowed; box-shadow: none !important;}body:has(.o_trial_signup_scope) .form-control, body:has(.o_trial_signup_scope) .form-select, body:has(.o_trial_signup_scope) input.o_survey_question_text_box, body:has(.o_trial_signup_scope) input[type="text"], body:has(.o_trial_signup_scope) input[type="email"], body:has(.o_trial_signup_scope) input[type="tel"], body:has(.o_trial_signup_scope) input[type="number"], body:has(.o_trial_signup_scope) input[type="date"], body:has(.o_trial_signup_scope) select, body:has(.o_trial_signup_scope) textarea{min-height: 48px; font-size: 16px; line-height: 1.4; padding: 12px 14px !important; border: 1px solid var(--ts-border); border-radius: var(--ts-radius-input) !important; background: #fff !important; color: var(--ts-text); transition: border-color 0.15s, box-shadow 0.15s; box-shadow: none; width: 100%;}body:has(.o_trial_signup_scope) .form-control::placeholder, body:has(.o_trial_signup_scope) .form-select::placeholder, body:has(.o_trial_signup_scope) input.o_survey_question_text_box::placeholder, body:has(.o_trial_signup_scope) input[type="text"]::placeholder, body:has(.o_trial_signup_scope) input[type="email"]::placeholder, body:has(.o_trial_signup_scope) input[type="tel"]::placeholder, body:has(.o_trial_signup_scope) input[type="number"]::placeholder, body:has(.o_trial_signup_scope) input[type="date"]::placeholder, body:has(.o_trial_signup_scope) select::placeholder, body:has(.o_trial_signup_scope) textarea::placeholder{color: #9CA3AF;}body:has(.o_trial_signup_scope) .form-control:focus, body:has(.o_trial_signup_scope) .form-control:focus-visible, body:has(.o_trial_signup_scope) .form-select:focus, body:has(.o_trial_signup_scope) .form-select:focus-visible, body:has(.o_trial_signup_scope) input.o_survey_question_text_box:focus, body:has(.o_trial_signup_scope) input.o_survey_question_text_box:focus-visible, body:has(.o_trial_signup_scope) input[type="text"]:focus, body:has(.o_trial_signup_scope) input[type="text"]:focus-visible, body:has(.o_trial_signup_scope) input[type="email"]:focus, body:has(.o_trial_signup_scope) input[type="email"]:focus-visible, body:has(.o_trial_signup_scope) input[type="tel"]:focus, body:has(.o_trial_signup_scope) input[type="tel"]:focus-visible, body:has(.o_trial_signup_scope) input[type="number"]:focus, body:has(.o_trial_signup_scope) input[type="number"]:focus-visible, body:has(.o_trial_signup_scope) input[type="date"]:focus, body:has(.o_trial_signup_scope) input[type="date"]:focus-visible, body:has(.o_trial_signup_scope) select:focus, body:has(.o_trial_signup_scope) select:focus-visible, body:has(.o_trial_signup_scope) textarea:focus, body:has(.o_trial_signup_scope) textarea:focus-visible{outline: none; border-color: var(--ts-secondary); box-shadow: 0 0 0 3px rgba(14, 55, 70, 0.2);}body:has(.o_trial_signup_scope) .form-control:disabled, body:has(.o_trial_signup_scope) .form-control[disabled], body:has(.o_trial_signup_scope) .form-select:disabled, body:has(.o_trial_signup_scope) .form-select[disabled], body:has(.o_trial_signup_scope) input.o_survey_question_text_box:disabled, body:has(.o_trial_signup_scope) input.o_survey_question_text_box[disabled], body:has(.o_trial_signup_scope) input[type="text"]:disabled, body:has(.o_trial_signup_scope) input[type="text"][disabled], body:has(.o_trial_signup_scope) input[type="email"]:disabled, body:has(.o_trial_signup_scope) input[type="email"][disabled], body:has(.o_trial_signup_scope) input[type="tel"]:disabled, body:has(.o_trial_signup_scope) input[type="tel"][disabled], body:has(.o_trial_signup_scope) input[type="number"]:disabled, body:has(.o_trial_signup_scope) input[type="number"][disabled], body:has(.o_trial_signup_scope) input[type="date"]:disabled, body:has(.o_trial_signup_scope) input[type="date"][disabled], body:has(.o_trial_signup_scope) select:disabled, body:has(.o_trial_signup_scope) select[disabled], body:has(.o_trial_signup_scope) textarea:disabled, body:has(.o_trial_signup_scope) textarea[disabled]{background: #F8FAFC !important; color: var(--ts-text-muted); cursor: not-allowed;}body:has(.o_trial_signup_scope) textarea{min-height: 96px;}body:has(.o_trial_signup_scope) .ts_native_date_input{-webkit--webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 48px; line-height: 1.4; color: var(--ts-text); font-family: 'Archivo', sans-serif;}body:has(.o_trial_signup_scope) .ts_native_date_input::-webkit-datetime-edit-fields-wrapper{color: var(--ts-text);}body:has(.o_trial_signup_scope) .ts_native_date_input:empty, body:has(.o_trial_signup_scope) .ts_native_date_input:invalid{color: #9CA3AF;}body:has(.o_trial_signup_scope) .ts_native_date_input::-webkit-calendar-picker-indicator{color: var(--ts-secondary); opacity: 0.7; cursor: pointer; padding: 4px;}body:has(.o_trial_signup_scope) .ts_native_date_input::-webkit-calendar-picker-indicator:hover{opacity: 1;}body:has(.o_trial_signup_scope) .o_survey_form .o_survey_question_text_box, body:has(.o_trial_signup_scope) .o_survey_form .o_survey_question_date, body:has(.o_trial_signup_scope) .o_survey_form .o_survey_question_datetime, body:has(.o_trial_signup_scope) .o_survey_form .o_survey_question_numerical_box{border: 1px solid var(--ts-border);}body:has(.o_trial_signup_scope) .o_survey_form .o_survey_question_text_box:focus, body:has(.o_trial_signup_scope) .o_survey_form .o_survey_question_date:focus, body:has(.o_trial_signup_scope) .o_survey_form .o_survey_question_datetime:focus, body:has(.o_trial_signup_scope) .o_survey_form .o_survey_question_numerical_box:focus{border-color: var(--ts-secondary); box-shadow: 0 0 0 3px rgba(14, 55, 70, 0.2);}body:has(.o_trial_signup_scope) .input-group{border: 1px solid var(--ts-border); border-radius: var(--ts-radius-input); background: #fff; overflow: hidden; transition: border-color 0.15s, box-shadow 0.15s; -webkit-flex-wrap: nowrap; flex-wrap: nowrap;}body:has(.o_trial_signup_scope) .input-group:focus-within{border-color: var(--ts-secondary); box-shadow: 0 0 0 3px rgba(14, 55, 70, 0.2);}body:has(.o_trial_signup_scope) .input-group > .input-group-text, body:has(.o_trial_signup_scope) .input-group > .form-control, body:has(.o_trial_signup_scope) .input-group > .btn, body:has(.o_trial_signup_scope) .input-group > input, body:has(.o_trial_signup_scope) .input-group > select, body:has(.o_trial_signup_scope) .input-group > textarea{border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; min-height: 46px;}body:has(.o_trial_signup_scope) .input-group > .input-group-text{color: var(--ts-text-muted); padding: 0 4px 0 14px !important; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;}body:has(.o_trial_signup_scope) .input-group > .form-control, body:has(.o_trial_signup_scope) .input-group > input[type="text"], body:has(.o_trial_signup_scope) .input-group > input[type="email"], body:has(.o_trial_signup_scope) .input-group > input[type="tel"], body:has(.o_trial_signup_scope) .input-group > input[type="search"]{padding-left: 8px !important;}body:has(.o_trial_signup_scope) .input-group > .btn{color: var(--ts-text-muted) !important; padding: 0 14px !important; min-height: 46px; font-size: 14px; font-weight: 500; background: transparent !important; border: 0 !important; width: auto; box-shadow: none;}body:has(.o_trial_signup_scope) .input-group > .btn:hover, body:has(.o_trial_signup_scope) .input-group > .btn:focus{color: var(--ts-primary) !important; background: var(--ts-selected-bg) !important; box-shadow: none !important;}body:has(.o_trial_signup_scope) .form-check, body:has(.o_trial_signup_scope) .o_survey_form_choice .form-check{padding: 0; margin-bottom: 10px; position: relative;}body:has(.o_trial_signup_scope) .form-check .form-check-input, body:has(.o_trial_signup_scope) .o_survey_form_choice .form-check .form-check-input{position: absolute; opacity: 0; pointer-events: none;}body:has(.o_trial_signup_scope) .form-check .form-check-label, body:has(.o_trial_signup_scope) .o_survey_form_choice .form-check .form-check-label{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 52px; padding: 12px 16px; border: 1.5px solid var(--ts-border); border-left-width: 1.5px; border-radius: var(--ts-radius-input); background: #fff; color: var(--ts-text); font-weight: 500; font-size: 15px; cursor: pointer; transition: border-color 0.15s, background-color 0.15s, transform 0.05s; user-select: none;}body:has(.o_trial_signup_scope) .form-check .form-check-label::after, body:has(.o_trial_signup_scope) .o_survey_form_choice .form-check .form-check-label::after{content: ""; flex: 0 0 22px; width: 22px; height: 22px; border-radius: 999px; background: var(--ts-secondary) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") center/14px 14px no-repeat; opacity: 0; transform: scale(0.6); transition: opacity 0.15s, transform 0.15s;}body:has(.o_trial_signup_scope) .form-check:hover .form-check-label, body:has(.o_trial_signup_scope) .o_survey_form_choice .form-check:hover .form-check-label{border-color: var(--ts-secondary);}body:has(.o_trial_signup_scope) .form-check .form-check-input:checked + .form-check-label, body:has(.o_trial_signup_scope) .form-check .o_survey_selected, body:has(.o_trial_signup_scope) .o_survey_form_choice .form-check .form-check-input:checked + .form-check-label, body:has(.o_trial_signup_scope) .o_survey_form_choice .form-check .o_survey_selected{border-color: var(--ts-secondary); border-left-width: 4px; padding-left: 13px; background: var(--ts-selected-bg); color: var(--ts-primary);}body:has(.o_trial_signup_scope) .form-check .form-check-input:checked + .form-check-label::after, body:has(.o_trial_signup_scope) .form-check .o_survey_selected::after, body:has(.o_trial_signup_scope) .o_survey_form_choice .form-check .form-check-input:checked + .form-check-label::after, body:has(.o_trial_signup_scope) .o_survey_form_choice .form-check .o_survey_selected::after{opacity: 1; transform: scale(1);}body:has(.o_trial_signup_scope) .form-check .form-check-input:focus-visible + .form-check-label, body:has(.o_trial_signup_scope) .o_survey_form_choice .form-check .form-check-input:focus-visible + .form-check-label{box-shadow: 0 0 0 3px rgba(14, 55, 70, 0.2);}body:has(.o_trial_signup_scope) .o_survey_choice_btn{display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; align-items: center; gap: 12px; min-height: 52px; padding: 12px 16px !important; border: 1.5px solid var(--ts-border) !important; border-radius: var(--ts-radius-input) !important; background: #fff; color: var(--ts-text) !important; font-weight: 500 !important; font-size: 15px; cursor: pointer; transition: border-color 0.15s, background-color 0.15s; width: 100%;}body:has(.o_trial_signup_scope) .o_survey_choice_btn:hover{border-color: var(--ts-secondary) !important;}body:has(.o_trial_signup_scope) .o_survey_choice_btn.o_survey_selected{border-color: var(--ts-secondary) !important; border-left-width: 4px !important; padding-left: 13px !important; background: var(--ts-selected-bg) !important; color: var(--ts-primary) !important;}body:has(.o_trial_signup_scope) .o_dyn_composite_category_options .form-check{margin-bottom: 8px;}body:has(.o_trial_signup_scope) .o_dyn_composite_section + .o_dyn_composite_section{margin-top: 20px;}body:has(.o_trial_signup_scope) .o_dyn_composite_section .form-label{font-size: 13px; margin-bottom: 10px; color: var(--ts-text-muted); font-weight: 500; text-transform: none; letter-spacing: 0;}body:has(.o_trial_signup_scope) .o_dyn_composite_device_results .list-group-item, body:has(.o_trial_signup_scope) .o_dyn_device_results .list-group-item{border-color: var(--ts-border); padding: 12px 14px; font-size: 15px; color: var(--ts-text); background: #fff; transition: background-color 0.1s;}body:has(.o_trial_signup_scope) .o_dyn_composite_device_results .list-group-item:hover, body:has(.o_trial_signup_scope) .o_dyn_device_results .list-group-item:hover{background: var(--ts-selected-bg); color: var(--ts-primary);}body:has(.o_trial_signup_scope) .o_dyn_composite_device_results .list-group-item:first-child, body:has(.o_trial_signup_scope) .o_dyn_device_results .list-group-item:first-child{border-top-left-radius: var(--ts-radius-input); border-top-right-radius: var(--ts-radius-input);}body:has(.o_trial_signup_scope) .o_dyn_composite_device_results .list-group-item:last-child, body:has(.o_trial_signup_scope) .o_dyn_device_results .list-group-item:last-child{border-bottom-left-radius: var(--ts-radius-input); border-bottom-right-radius: var(--ts-radius-input);}body:has(.o_trial_signup_scope) .ts_device_empty{text-align: center; padding: 20px 16px; border: 1px dashed var(--ts-border); border-radius: var(--ts-radius-input); background: #FAFAFA; color: var(--ts-text-muted);}body:has(.o_trial_signup_scope) .ts_device_empty > svg{display: block; margin: 0 auto 8px; color: var(--ts-secondary); opacity: 0.7;}body:has(.o_trial_signup_scope) .ts_device_empty .ts_device_empty__title{color: var(--ts-primary); font-weight: 600; font-size: 15px; margin-bottom: 4px;}body:has(.o_trial_signup_scope) .ts_device_empty .ts_device_empty__hint{font-size: 13px; color: var(--ts-text-muted); margin: 0 0 14px;}body:has(.o_trial_signup_scope) .ts_device_empty .ts_device_empty__use{display: inline-block; background: var(--ts-primary) !important; color: #fff !important; border: 1px solid var(--ts-primary) !important; border-radius: var(--ts-radius-btn); padding: 10px 18px; font-family: 'Archivo', sans-serif; font-size: 14px; font-weight: 600; line-height: 1.3; min-height: auto; width: auto; max-width: 100%; cursor: pointer; transition: background-color 0.15s, transform 0.05s; box-shadow: 0 1px 2px rgba(21, 28, 47, 0.12);}body:has(.o_trial_signup_scope) .ts_device_empty .ts_device_empty__use:hover, body:has(.o_trial_signup_scope) .ts_device_empty .ts_device_empty__use:focus{background: var(--ts-secondary) !important; border-color: var(--ts-secondary) !important;}body:has(.o_trial_signup_scope) .ts_device_empty .ts_device_empty__use:active{transform: translateY(1px);}body:has(.o_trial_signup_scope) .ts_device_empty .ts_device_empty__retry{display: block; margin: 10px auto 0; background: transparent; border: 0; color: var(--ts-secondary); font-size: 13px; font-weight: 500; padding: 6px 8px; cursor: pointer; text-decoration: underline; text-underline-offset: 3px;}body:has(.o_trial_signup_scope) .ts_device_empty .ts_device_empty__retry:hover, body:has(.o_trial_signup_scope) .ts_device_empty .ts_device_empty__retry:focus{color: var(--ts-primary); text-decoration: underline;}body:has(.o_trial_signup_scope) .o_dyn_composite_device_selected, body:has(.o_trial_signup_scope) .o_dyn_device_selected{background: rgba(14, 124, 92, 0.08) !important; border: 1px solid rgba(14, 124, 92, 0.3) !important; color: var(--ts-primary) !important; border-radius: var(--ts-radius-input); padding: 12px 14px;}body:has(.o_trial_signup_scope) .o_dyn_composite_device_hint{font-size: 13px; color: var(--ts-text-muted);}body:has(.o_trial_signup_scope) .btn-primary, body:has(.o_trial_signup_scope) .btn-secondary, body:has(.o_trial_signup_scope) button[type="submit"]{background: var(--ts-primary) !important; border: 1px solid var(--ts-primary) !important; color: #fff !important; font-family: 'Archivo', sans-serif; font-weight: 600; font-size: 16px; padding: 14px 24px; border-radius: var(--ts-radius-btn); min-height: 52px; width: 100%; letter-spacing: 0.01em; transition: background-color 0.15s, transform 0.05s, box-shadow 0.15s; box-shadow: 0 1px 2px rgba(21, 28, 47, 0.16); position: relative;}body:has(.o_trial_signup_scope) .btn-primary:hover, body:has(.o_trial_signup_scope) .btn-primary:focus, body:has(.o_trial_signup_scope) .btn-secondary:hover, body:has(.o_trial_signup_scope) .btn-secondary:focus, body:has(.o_trial_signup_scope) button[type="submit"]:hover, body:has(.o_trial_signup_scope) button[type="submit"]:focus{background: var(--ts-secondary) !important; border-color: var(--ts-secondary) !important; color: #fff !important; box-shadow: 0 3px 8px rgba(21, 28, 47, 0.18);}body:has(.o_trial_signup_scope) .btn-primary:active, body:has(.o_trial_signup_scope) .btn-secondary:active, body:has(.o_trial_signup_scope) button[type="submit"]:active{transform: translateY(1px); box-shadow: 0 1px 2px rgba(21, 28, 47, 0.18);}body:has(.o_trial_signup_scope) .btn-primary.disabled, body:has(.o_trial_signup_scope) .btn-primary:disabled, body:has(.o_trial_signup_scope) .btn-secondary.disabled, body:has(.o_trial_signup_scope) .btn-secondary:disabled, body:has(.o_trial_signup_scope) button[type="submit"].disabled, body:has(.o_trial_signup_scope) button[type="submit"]:disabled{background: var(--ts-primary) !important; border-color: var(--ts-primary) !important; opacity: 0.55; cursor: not-allowed; box-shadow: none;}body:has(.o_trial_signup_scope) .btn-primary.ts-loading, body:has(.o_trial_signup_scope) .btn-secondary.ts-loading, body:has(.o_trial_signup_scope) button[type="submit"].ts-loading{color: transparent !important; pointer-events: none; opacity: 1 !important;}body:has(.o_trial_signup_scope) .btn-primary.ts-loading::after, body:has(.o_trial_signup_scope) .btn-secondary.ts-loading::after, body:has(.o_trial_signup_scope) button[type="submit"].ts-loading::after{content: ""; position: absolute; top: 50%; left: 50%; width: 18px; height: 18px; margin: -9px 0 0 -9px; border: 2px solid rgba(255, 255, 255, 0.4); border-top-color: #fff; border-radius: 999px; animation: ts-spin 0.7s linear infinite;}@keyframes ts-spin{to{transform: rotate(360deg);}}body:has(.o_trial_signup_scope) .ts_finish_overlay{position: fixed; inset: 0; z-index: 2000; background: var(--ts-bg); display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 32px 20px; animation: ts-fade-in 0.2s ease-out;}body:has(.o_trial_signup_scope) .ts_finish_overlay__inner{max-width: 360px; width: 100%; text-align: center;}body:has(.o_trial_signup_scope) .ts_finish_overlay__check{width: 72px; height: 72px; margin: 0 auto 22px; border-radius: 999px; background: var(--ts-secondary); color: #fff; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 24px rgba(14, 55, 70, 0.25); animation: ts-pop-in 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);}body:has(.o_trial_signup_scope) .ts_finish_overlay__check svg{width: 36px; height: 36px;}body:has(.o_trial_signup_scope) .ts_finish_overlay__title{font-family: 'Archivo', sans-serif; font-size: 1.4rem; font-weight: 700; color: var(--ts-primary); margin-bottom: 10px;}body:has(.o_trial_signup_scope) .ts_finish_overlay__text{font-size: 14px; color: var(--ts-text-muted); line-height: 1.5; margin: 0 0 24px;}body:has(.o_trial_signup_scope) .ts_finish_overlay__spinner{width: 28px; height: 28px; margin: 0 auto; border: 2.5px solid rgba(14, 55, 70, 0.15); border-top-color: var(--ts-secondary); border-radius: 999px; animation: ts-spin 0.7s linear infinite;}@keyframes ts-fade-in{from{opacity: 0;}to{opacity: 1;}}@keyframes ts-pop-in{from{opacity: 0; transform: scale(0.5);}to{opacity: 1; transform: scale(1);}}body:has(.o_trial_signup_scope) #enter-tooltip, body:has(.o_trial_signup_scope) .o_survey_enter{display: none !important;}body:has(.o_trial_signup_scope) .row > .col-12.text-center{margin-top: 24px;}body:has(.o_trial_signup_scope) .text-danger{color: var(--ts-danger) !important;}body:has(.o_trial_signup_scope) .o_survey_question_error{background: rgba(185, 28, 28, 0.08); border: 1px solid rgba(185, 28, 28, 0.25); color: var(--ts-danger); border-radius: var(--ts-radius-input); padding: 10px 14px; font-size: 14px; margin-top: 12px;}body:has(.o_trial_signup_scope) .ts_promo_banner{background: var(--ts-primary); color: #fff; padding: 16px 20px 14px; margin: -22px -20px 16px; text-align: center;}body:has(.o_trial_signup_scope) .ts_promo_banner__lead{font-size: 12px; font-weight: 500; color: rgba(255, 255, 255, 0.78); margin-bottom: 4px; letter-spacing: 0.02em; text-transform: uppercase;}body:has(.o_trial_signup_scope) .ts_promo_banner__title{font-family: 'Archivo', system-ui, sans-serif; font-size: 1.15rem; font-weight: 600; line-height: 1.25; color: #fff; margin: 0;}body:has(.o_trial_signup_scope) .ts_promo_banner__title strong{font-weight: 700; color: #fff;}body:has(.o_trial_signup_scope) .ts_promo_subs{list-style: none; padding: 0; margin: 10px 0 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 6px; align-items: flex-start; text-align: left;}body:has(.o_trial_signup_scope) .ts_promo_sub{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 500; color: rgba(255, 255, 255, 0.92); line-height: 1.3;}body:has(.o_trial_signup_scope) .ts_promo_sub svg{flex: 0 0 16px; width: 16px; height: 16px; color: #fff; opacity: 0.95;}body:has(.o_trial_signup_scope) .ts_benefits_grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-bottom: 18px;}body:has(.o_trial_signup_scope) .ts_benefit_item{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: center; -webkit-box-pack: start; justify-content: flex-start; text-align: center; gap: 6px; padding: 14px 8px; background: #fff; border: 1px solid var(--ts-border); border-radius: var(--ts-radius-input);}body:has(.o_trial_signup_scope) .ts_benefit_item svg{color: var(--ts-secondary); flex: 0 0 32px;}body:has(.o_trial_signup_scope) .ts_benefit_item__label{font-family: 'Archivo', system-ui, sans-serif; font-size: 13px; font-weight: 600; color: var(--ts-primary); line-height: 1.25;}body:has(.o_trial_signup_scope) .ts_start_hero{text-align: center; padding: 8px 8px 8px;}body:has(.o_trial_signup_scope) .ts_start_hero__logo{height: 56px; width: auto; margin-bottom: 16px;}body:has(.o_trial_signup_scope) .ts_start_hero__title{font-size: 1.5rem; font-weight: 700; color: var(--ts-primary); margin-bottom: 8px;}body:has(.o_trial_signup_scope) .ts_start_hero__tagline{font-size: 15px; color: var(--ts-text-muted); margin-bottom: 0; line-height: 1.5;}body:has(.o_trial_signup_scope) .ts_trust_strip{background: transparent; border: 0; border-top: 1px solid var(--ts-border); border-radius: 0; padding: 14px 0 0; margin-top: 18px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px;}body:has(.o_trial_signup_scope) .ts_trust_item{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: center; -webkit-box-pack: start; justify-content: flex-start; gap: 6px; color: var(--ts-text-muted); font-size: 12px; font-weight: 500; text-align: center; line-height: 1.35; text-wrap: balance;}body:has(.o_trial_signup_scope) .ts_trust_item svg{flex: 0 0 18px; width: 18px; height: 18px; color: var(--ts-secondary); opacity: 0.85;}body:has(.o_trial_signup_scope) .ts_signup_consent{margin: 16px auto 0; max-width: 32rem; font-size: 13px; line-height: 1.5; text-align: center; color: var(--ts-text-muted, #6b7280);}body:has(.o_trial_signup_scope) .ts_signup_consent a{color: var(--ts-text-muted, #6b7280); text-decoration: underline; text-underline-offset: 2px;}body:has(.o_trial_signup_scope) .ts_signup_consent a:hover, body:has(.o_trial_signup_scope) .ts_signup_consent a:focus{color: var(--ts-secondary);}body:has(.o_trial_signup_scope) .ts_urgency_note{margin-top: 16px; font-size: 14px; color: var(--ts-secondary); font-style: italic; text-align: center; line-height: 1.5;}body:has(.o_trial_signup_scope) .ts_section_chip{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px 5px 10px; margin-bottom: 14px; background: var(--ts-selected-bg); color: var(--ts-secondary); border-radius: 999px; font-size: 12px; font-weight: 600; letter-spacing: 0.01em; line-height: 1.2;}body:has(.o_trial_signup_scope) .ts_section_chip svg{width: 14px; height: 14px; flex: 0 0 14px;}body:has(.o_trial_signup_scope) .o_survey_finished{text-align: center; padding: 12px 0;}body:has(.o_trial_signup_scope) .o_survey_finished h1{display: none;}body:has(.o_trial_signup_scope) .o_survey_finished > .row{display: none;}body:has(.o_trial_signup_scope) .ts_done_card{text-align: center; padding: 24px 16px 28px; max-width: 420px; margin: 0 auto;}body:has(.o_trial_signup_scope) .ts_done_card__check{width: 64px; height: 64px; margin: 0 auto 18px; border-radius: 999px; background: var(--ts-secondary); color: #fff; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 16px rgba(14, 55, 70, 0.25);}body:has(.o_trial_signup_scope) .ts_done_card__check svg{width: 32px; height: 32px;}body:has(.o_trial_signup_scope) .ts_done_card--failed .ts_done_card__check{background: #B85C00; box-shadow: 0 4px 16px rgba(184, 92, 0, 0.25);}body:has(.o_trial_signup_scope) .ts_done_card--failed .ts_done_card__spinner{border-color: rgba(184, 92, 0, 0.15); border-top-color: #B85C00;}body:has(.o_trial_signup_scope) .ts_done_card__title{font-family: 'Archivo', sans-serif; font-size: 1.5rem; font-weight: 700; color: var(--ts-primary); margin-bottom: 8px;}body:has(.o_trial_signup_scope) .ts_done_card__text{font-size: 14px; color: var(--ts-text-muted); line-height: 1.5; margin: 0 0 18px;}body:has(.o_trial_signup_scope) .ts_done_card__spinner{width: 22px; height: 22px; margin: 0 auto; border: 2px solid rgba(14, 55, 70, 0.15); border-top-color: var(--ts-secondary); border-radius: 999px; animation: ts-spin 0.7s linear infinite;}body:has(.o_trial_signup_scope) .o_dyn_composite_condition{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 8px;}body:has(.o_trial_signup_scope) .o_dyn_composite_condition > .form-label{flex: 1 0 100%;}body:has(.o_trial_signup_scope) .o_dyn_composite_condition .form-check{flex: 1 1 calc(50% - 4px); min-width: 140px; margin-bottom: 0;}@media (min-width: 768px){body:has(.o_trial_signup_scope) .o_container_small.o_survey_form{max-width: 680px; padding: 1.5rem 1.5rem 3rem;}body:has(.o_trial_signup_scope) .o_survey_form > form, body:has(.o_trial_signup_scope) .o_survey_form > .o_survey_form_content{padding: 40px 40px;}body:has(.o_trial_signup_scope) .o_survey_title{font-size: 1.5rem;}body:has(.o_trial_signup_scope) .btn-primary, body:has(.o_trial_signup_scope) .btn-secondary, body:has(.o_trial_signup_scope) button[type="submit"]{max-width: 400px; margin-left: auto; margin-right: auto; display: block;}body:has(.o_trial_signup_scope) .ts_start_hero{padding: 16px 16px 8px;}body:has(.o_trial_signup_scope) .ts_start_hero__logo{height: 64px;}body:has(.o_trial_signup_scope) .ts_start_hero__title{font-size: 1.75rem;}body:has(.o_trial_signup_scope) .ts_trust_strip{grid-template-columns: repeat(3, 1fr); padding: 18px 20px;}body:has(.o_trial_signup_scope) .ts_trust_item{font-size: 13px;}body:has(.o_trial_signup_scope) .ts_benefits_grid{grid-template-columns: repeat(4, 1fr);}body:has(.o_trial_signup_scope) .ts_promo_banner{padding: 18px 24px 16px;}body:has(.o_trial_signup_scope) .ts_promo_banner__title{font-size: 1.3rem;}body:has(.o_trial_signup_scope) .ts_promo_subs{flex-direction: row; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; text-align: left; margin-top: 8px;}body:has(.o_trial_signup_scope) .ts_promo_sub{font-size: 12px;}}

/* /warranty_social_auth/static/src/scss/social_auth.scss */
 .o_survey_start .tf_social_btn_icon{position: absolute; left: 24px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px;}.o_survey_start .tf_social_google_btn .tf_social_btn_icon{height: 18px;}.o_survey_start .tf_social_apple_btn .tf_social_btn_icon{height: 20px;}.o_survey_start .tf_social_btn_icon_email{height: 16px;}.o_survey_start .tf_social_google_btn{position: relative; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; padding: 14px 24px; font-family: 'Archivo', sans-serif; font-weight: 600; font-size: 16px; letter-spacing: 0.01em; border-radius: var(--ts-radius-btn, 12px); background-color: #ffffff; color: var(--ts-primary, #151c2f); border: 1px solid #80868b; box-shadow: 0 1px 2px rgba(21, 28, 47, 0.12); transition: box-shadow 0.15s, border-color 0.15s;}.o_survey_start .tf_social_google_btn:hover, .o_survey_start .tf_social_google_btn:focus{background-color: #ffffff; color: var(--ts-primary, #151c2f); border-color: #5f6368; box-shadow: 0 3px 8px rgba(60, 64, 67, 0.2);}.o_survey_start .tf_social_apple_btn{position: relative; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; padding: 14px 24px; font-family: 'Archivo', sans-serif; font-weight: 600; font-size: 16px; letter-spacing: 0.01em; border-radius: var(--ts-radius-btn, 12px); background-color: #ffffff; color: #000000; border: 1px solid #80868b; box-shadow: 0 1px 2px rgba(21, 28, 47, 0.12); transition: box-shadow 0.15s, border-color 0.15s;}.o_survey_start .tf_social_apple_btn:hover, .o_survey_start .tf_social_apple_btn:focus{background-color: #ffffff; color: #000000; border-color: #5f6368; box-shadow: 0 3px 8px rgba(60, 64, 67, 0.2);}.o_survey_start .tf_social_google_btn:focus-visible, .o_survey_start .tf_social_apple_btn:focus-visible{outline: 2px solid var(--ts-primary, #151c2f); outline-offset: 2px;}.o_survey_start .tf_social_apple_btn + .tf_social_google_btn, .o_survey_start .tf_social_google_btn + .tf_social_apple_btn{margin-top: 0.5rem;}.o_survey_start .tf_social_divider{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; text-align: center; color: #9ca3af; font-size: 0.85rem; margin: 0.75rem auto;}.o_survey_start .tf_social_divider::before, .o_survey_start .tf_social_divider::after{content: ""; flex: 1; border-bottom: 1px solid #e5e7eb;}.o_survey_start .tf_social_divider span{padding: 0 0.75rem;}@media (min-width: 768px){.o_survey_start .tf_social_google_btn, .o_survey_start .tf_social_apple_btn, .o_survey_start .tf_social_divider{max-width: 400px; margin-left: auto; margin-right: auto;}}.o_survey_start:has(.tf_social_google_btn, .tf_social_apple_btn) button[type="submit"].btn{background: transparent !important; border: 1px solid var(--ts-primary, #151c2f) !important; color: var(--ts-primary, #151c2f) !important; box-shadow: none !important;}.o_survey_start:has(.tf_social_google_btn, .tf_social_apple_btn) button[type="submit"].btn:hover, .o_survey_start:has(.tf_social_google_btn, .tf_social_apple_btn) button[type="submit"].btn:focus{background: var(--ts-primary, #151c2f) !important; border-color: var(--ts-primary, #151c2f) !important; color: #ffffff !important;}.o_survey_start:has(.tf_social_google_btn, .tf_social_apple_btn) button[type="submit"].btn.disabled, .o_survey_start:has(.tf_social_google_btn, .tf_social_apple_btn) button[type="submit"].btn:disabled{background: transparent !important; border-color: var(--ts-primary, #151c2f) !important; color: var(--ts-primary, #151c2f) !important; opacity: 0.55;}.o_survey_start:has(.tf_social_google_btn, .tf_social_apple_btn) button[type="submit"].btn.ts-loading::after{border-color: rgba(21, 28, 47, 0.25); border-top-color: var(--ts-primary, #151c2f);}.o_survey_start:has(.tf_social_google_btn, .tf_social_apple_btn) button[type="submit"].btn:focus-visible{outline: 2px solid var(--ts-primary, #151c2f); outline-offset: 2px;}.otp-identifier-form .tf_social_login_buttons{margin-top: 0.5rem;}.otp-identifier-form .tf_social_google_btn, .otp-identifier-form .tf_social_apple_btn{position: relative; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; padding: 12px 24px; font-size: 16px; font-weight: 600; border-radius: 6px; transition: box-shadow 0.15s, border-color 0.15s, background-color 0.15s;}.otp-identifier-form .tf_social_btn_icon{position: absolute; left: 24px; top: 50%; transform: translateY(-50%); width: 20px; height: 18px;}.otp-identifier-form .tf_social_apple_btn .tf_social_btn_icon{height: 20px;}.otp-identifier-form .tf_social_google_btn{background-color: #ffffff; color: #151c2f; border: 1px solid #80868b;}.otp-identifier-form .tf_social_google_btn:hover, .otp-identifier-form .tf_social_google_btn:focus{background-color: #ffffff; color: #151c2f; border-color: #5f6368; box-shadow: 0 3px 8px rgba(60, 64, 67, 0.2);}.otp-identifier-form .tf_social_apple_btn{background-color: #ffffff; color: #000000; border: 1px solid #80868b;}.otp-identifier-form .tf_social_apple_btn:hover, .otp-identifier-form .tf_social_apple_btn:focus{background-color: #ffffff; color: #000000; border-color: #5f6368; box-shadow: 0 3px 8px rgba(60, 64, 67, 0.2);}.otp-identifier-form .tf_social_google_btn:focus-visible, .otp-identifier-form .tf_social_apple_btn:focus-visible{outline: 2px solid #151c2f; outline-offset: 2px;}.otp-identifier-form .tf_social_apple_btn + .tf_social_google_btn, .otp-identifier-form .tf_social_google_btn + .tf_social_apple_btn{margin-top: 0.5rem;}.otp-identifier-form .tf_social_divider{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; text-align: center; color: #9ca3af; font-size: 0.85rem; margin: 0.75rem auto;}.otp-identifier-form .tf_social_divider::before, .otp-identifier-form .tf_social_divider::after{content: ""; flex: 1; border-bottom: 1px solid #e5e7eb;}.otp-identifier-form .tf_social_divider span{padding: 0 0.75rem;}body:has(.o_trial_signup_scope) input[readonly].o_survey_question_text_box, body:has(.o_trial_signup_scope) input[readonly].form-control{background: #f8fafc !important; color: var(--ts-text-muted, #64748b) !important; border-color: var(--ts-border, #e5e7eb) !important; cursor: not-allowed;}body:has(.o_trial_signup_scope) input[readonly].o_survey_question_text_box:focus, body:has(.o_trial_signup_scope) input[readonly].o_survey_question_text_box:focus-visible, body:has(.o_trial_signup_scope) input[readonly].form-control:focus, body:has(.o_trial_signup_scope) input[readonly].form-control:focus-visible{border-color: var(--ts-border, #e5e7eb) !important; box-shadow: none !important;}.tf_social_notice{display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-start; gap: 12px; padding: 16px 18px; background: var(--ts-surface, #ffffff); border: 1px solid var(--ts-border, #e5e7eb); border-radius: var(--ts-radius-card, 16px); box-shadow: 0 1px 2px rgba(21, 28, 47, 0.04), 0 10px 28px rgba(21, 28, 47, 0.06); color: var(--ts-text, #1f2937); font-size: 14.5px; line-height: 1.55;}.tf_social_notice a{color: var(--ts-secondary, #0e3746); text-underline-offset: 2px;}.tf_social_notice__mark{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 26px; height: 26px; margin-top: 1px; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--ts-selected-bg, rgba(14, 55, 70, 0.06)); color: var(--ts-secondary, #0e3746); font-size: 12px;}.tf_social_notice__body{min-width: 0;}.tf_social_notice__lead{margin: 0; font-weight: 600;}.tf_social_released_lead{margin: 0 0 16px; padding: 0 0 14px; border-bottom: 1px solid var(--ts-border, #e5e7eb); font-size: 13.5px; line-height: 1.55; color: var(--ts-text, #1f2937);}.tf_social_released_lead strong{font-weight: 600; overflow-wrap: anywhere;}.tf_social_released_help{margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--ts-border, #e5e7eb); font-size: 12.5px; line-height: 1.55; color: var(--ts-text-muted, #64748b);}.tf_social_released_help p{margin: 0;}.tf_social_released_help strong{color: var(--ts-text, #1f2937); font-weight: 600; overflow-wrap: anywhere;}.tf_social_released_help__title{font-weight: 600; color: var(--ts-text, #1f2937); margin-bottom: 2px !important;}.tf_social_notice__pairs{margin: 10px 0 0;}.tf_social_notice__pairs dt{font-size: 11px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--ts-text-muted, #64748b); margin: 0;}.tf_social_notice__pairs dd{margin: 1px 0 0; font-weight: 600; overflow-wrap: anywhere;}.tf_social_notice__pairs dt + dd + dt{margin-top: 8px;}.tf_social_notice__foot{margin: 10px 0 0; font-size: 13.5px; color: var(--ts-text-muted, #64748b);}.tf_social_page{max-width: 680px; margin: 0 auto; padding: 32px 16px 64px;}.tf_social_panel{background: var(--ts-surface, #ffffff); border: 1px solid var(--ts-border, #e5e7eb); border-radius: var(--ts-radius-card, 16px); box-shadow: 0 1px 2px rgba(21, 28, 47, 0.04), 0 12px 32px rgba(21, 28, 47, 0.07); padding: 28px 24px; color: var(--ts-text, #1f2937);}.tf_social_panel__title{margin: 0 0 10px; font-size: 24px; font-weight: 700; line-height: 1.25; color: var(--ts-primary, #151c2f); text-wrap: balance;}.tf_social_panel__intro{margin: 0 0 22px; font-size: 15px; line-height: 1.6; color: var(--ts-text, #1f2937);}.tf_social_panel__intro strong{font-weight: 600; overflow-wrap: anywhere;}.tf_social_options{display: grid; gap: 12px; margin-bottom: 22px;}.tf_social_option{border: 1px solid var(--ts-border, #e5e7eb); border-radius: var(--ts-radius-input, 10px); padding: 16px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 8px;}.tf_social_option__label{margin: 0; font-size: 11px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--ts-text-muted, #64748b);}.tf_social_option__value{margin: 0; font-size: 15px; font-weight: 600; overflow-wrap: anywhere;}.tf_social_option--pick{border-color: var(--ts-secondary, #0e3746); box-shadow: 0 0 0 1px var(--ts-secondary, #0e3746);}.tf_social_option__pick{margin: 0 0 6px; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ts-secondary, #0e3746);}.tf_social_option__note{margin: 0; font-size: 13.5px; line-height: 1.5; color: var(--ts-text-muted, #64748b);}.tf_social_option__note i{color: var(--ts-success, #0e7c5c); margin-right: 4px;}.tf_social_option__note--empty{font-style: italic;}.tf_social_split{margin: 20px 0 0; padding: 14px 16px; border: 1px solid #e3cba8; border-left: 3px solid var(--ts-warning, #b85c00); border-radius: var(--ts-radius-input, 10px); background: #fbf4e9;}.tf_social_split p{margin: 0; font-size: 14px; line-height: 1.55; color: var(--ts-text, #1f2937);}.tf_social_split p + p{margin-top: 8px; color: var(--ts-text-muted, #64748b);}.tf_social_choice_btn{display: block; width: 100%; margin-top: 4px; padding: 12px 16px; font-size: 15px; font-weight: 600; text-align: center; border-radius: var(--ts-radius-btn, 12px); border: 1px solid transparent; cursor: pointer; transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;}.tf_social_choice_btn--primary{background: var(--ts-primary, #151c2f); color: #ffffff;}.tf_social_choice_btn--primary:hover, .tf_social_choice_btn--primary:focus{background: #0f1524; color: #ffffff;}.tf_social_choice_btn--outline{background: #ffffff; color: var(--ts-primary, #151c2f); border-color: var(--ts-border, #e5e7eb);}.tf_social_choice_btn--outline:hover, .tf_social_choice_btn--outline:focus{border-color: var(--ts-primary, #151c2f); color: var(--ts-primary, #151c2f);}.tf_social_choice_btn:focus-visible{outline: 2px solid var(--ts-primary, #151c2f); outline-offset: 2px;}.tf_social_panel__foot{border-top: 1px solid var(--ts-border, #e5e7eb); padding-top: 16px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 10px; font-size: 13.5px; color: var(--ts-text-muted, #64748b);}.tf_social_panel__foot p{margin: 0;}.tf_social_panel__foot a{color: var(--ts-secondary, #0e3746);}.tf_social_textlink{background: none; border: 0; padding: 0; font: inherit; font-weight: 500; color: var(--ts-secondary, #0e3746); text-decoration: underline; text-underline-offset: 2px; cursor: pointer; align-self: flex-start;}