*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;min-height:100vh;background-color:#f9fafb;color:#111827}.container{width:100%;max-width:480px;margin:0 auto;padding:1.5rem 1rem}@media (min-width:768px){.container{max-width:720px}}.admin-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:.75rem 1rem;display:flex;align-items:center;gap:1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.admin-logo{font-weight:700;font-size:.9375rem;color:#111827;white-space:nowrap}.admin-nav{display:flex;gap:.25rem;overflow-x:auto}.admin-nav a{color:#6b7280;text-decoration:none;white-space:nowrap;font-size:.875rem;padding:.375rem .625rem;border-radius:.375rem;transition:background .1s,color .1s}.admin-nav a:hover{color:#111827;background:#f3f4f6}.admin-container{width:100%;max-width:1024px;margin:0 auto;padding:1.5rem 1rem}.card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;margin-bottom:.75rem}.card-grid{display:grid;grid-template-columns:1fr;grid-gap:.75rem;gap:.75rem}@media (min-width:480px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.card-grid{grid-template-columns:repeat(3,1fr)}}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:.5rem;gap:.5rem;margin-bottom:1rem}.badge{display:inline-block;padding:.125rem .5rem;border-radius:9999px;font-size:.6875rem;font-weight:600;letter-spacing:.02em}.badge-green{background:#d1fae5;color:#065f46}.badge-red{background:#fee2e2;color:#991b1b}.badge-blue{background:#dbeafe;color:#1e40af}.badge-yellow{background:#fef3c7;color:#92400e}.badge-gray{background:#f3f4f6;color:#374151}.tag{display:inline-block;padding:.125rem .5rem;border-radius:.25rem;font-size:.6875rem;font-weight:500;margin:0 .25rem .25rem 0;color:#fff}.link{color:#2563eb;text-decoration:none}.link:hover{text-decoration:underline}.section-title{font-size:.6875rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;margin:1.25rem 0 .5rem}.stat-row{display:flex;gap:1.25rem;flex-wrap:wrap;margin-top:.625rem}.stat{font-size:.75rem;color:#6b7280;line-height:1.2}.stat strong{display:block;font-size:1.125rem;font-weight:700;color:#111827}.message{padding:.5rem .75rem;border-radius:.5rem;margin-bottom:.5rem;font-size:.875rem;line-height:1.4}.message-USER{background:#f3f4f6}.message-ASSISTANT{background:#dbeafe}.message-HUMAN{background:#d1fae5}.message-SYSTEM{background:#fef3c7;font-size:.75rem;color:#6b7280}.message-role{font-size:.6875rem;font-weight:700;color:#9ca3af;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.04em}.inbox-layout{display:flex;height:calc(100vh - 7.5rem);border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden;background:#fff}.inbox-sidebar{display:block;width:100%;overflow-y:auto;border-right:1px solid #e5e7eb;flex-shrink:0}.inbox-body{flex:1 1;flex-direction:column;overflow:hidden;min-width:0}.inbox-body,.inbox-detail .inbox-sidebar{display:none}.inbox-detail .inbox-body{display:flex}@media (min-width:640px){.inbox-sidebar{width:300px}.inbox-body{display:flex}.inbox-detail .inbox-sidebar{display:block}}.inbox-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;position:-webkit-sticky;position:sticky;top:0;background:#fff;z-index:2}.inbox-sidebar-title{font-weight:700;font-size:.875rem;color:#111827}.inbox-item{display:block;padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;text-decoration:none;color:inherit;transition:background .1s}.inbox-item:hover{background:#f9fafb}.inbox-item-active{background:#eff6ff!important;border-left:3px solid #2563eb}.inbox-item-name{font-weight:600;font-size:.875rem;color:#111827}.inbox-item-sub{font-size:.75rem;color:#6b7280;margin-top:.125rem}.inbox-item-preview{font-size:.8125rem;color:#374151;margin-top:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-item-meta{display:flex;gap:.25rem;margin-top:.375rem;flex-wrap:wrap;align-items:center}.chat-header{padding:.875rem 1rem;border-bottom:1px solid #e5e7eb;background:#fff;flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;z-index:5}.chat-header-badges{display:flex;gap:.375rem;flex-wrap:wrap;margin-top:.375rem}.chat-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-top:.625rem;padding-top:.625rem;border-top:1px solid #f3f4f6}.btn-disabled{padding:.3125rem .75rem;border-radius:.375rem;font-size:.8125rem;font-weight:500;border:1px solid #e5e7eb;background:#f9fafb;color:#9ca3af;cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chat-actions-note{font-size:.6875rem;color:#9ca3af;font-style:italic}.chat-back{display:block;font-size:.875rem;margin-bottom:.5rem}@media (min-width:640px){.chat-back{display:none}}.chat-messages{padding:1rem;display:flex;flex-direction:column;gap:.625rem;background:#f9fafb;flex:1 1;min-height:0;overflow-y:auto}.bubble{max-width:78%;padding:.5rem .75rem;border-radius:.75rem;font-size:.875rem;line-height:1.4}.bubble-USER{align-self:flex-start;background:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:.25rem}.bubble-ASSISTANT{background:#dbeafe;color:#1e3a8a}.bubble-ASSISTANT,.bubble-HUMAN{align-self:flex-end;border-bottom-right-radius:.25rem}.bubble-HUMAN{background:#d1fae5;color:#065f46}.bubble-SYSTEM{align-self:center;background:#fef3c7;color:#92400e;font-size:.75rem;text-align:center;max-width:90%;border-radius:.375rem}.bubble-role{font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem}.bubble-role,.bubble-time{font-size:.625rem;color:#9ca3af}.bubble-time{margin-top:.25rem}.chat-meta{padding:1rem;border-top:1px solid #e5e7eb;background:#fff;flex-shrink:0}.error-box{background:#fee2e2;color:#991b1b}.error-box,.success-box{padding:1rem;border-radius:.5rem;font-size:.875rem}.success-box{background:#dcfce7;color:#166534}.page-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:1.25rem}.page-title{font-size:1.25rem;font-weight:700}.page-subtitle{font-size:.875rem;color:#6b7280}.inbox-actions-panel{background:#fff;border-top:2px solid #e5e7eb;flex-shrink:0}.chat-reply-form{padding:.875rem 1rem 0}.chat-reply-textarea{width:100%;border:1px solid #d1d5db;border-radius:.5rem;padding:.625rem .75rem;font-size:.875rem;font-family:inherit;line-height:1.4;resize:vertical;color:#111827;background:#fff;transition:border-color .15s}.chat-reply-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.15)}.chat-reply-textarea:disabled{background:#f9fafb;color:#9ca3af}.chat-reply-footer{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.5rem;padding-bottom:.875rem}.chat-reply-note{font-size:.6875rem;color:#9ca3af;font-style:italic;flex:1 1;min-width:0}.chat-mode-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;padding:.625rem 1rem .875rem;border-top:1px solid #f3f4f6}.btn-primary{padding:.4375rem 1rem;border-radius:.375rem;font-size:.8125rem;font-weight:600;border:none;background:#2563eb;color:#fff;cursor:pointer;transition:background .15s;white-space:nowrap}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-primary:disabled{background:#bfdbfe;cursor:not-allowed}.btn-secondary{padding:.3125rem .75rem;border-radius:.375rem;font-size:.8125rem;font-weight:500;border:1px solid #d1d5db;background:#fff;color:#374151;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.btn-secondary:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.btn-secondary:disabled{color:#9ca3af;cursor:not-allowed}.status-success{color:#065f46;background:#d1fae5}.status-error,.status-success{font-size:.8125rem;border-radius:.375rem;padding:.375rem .75rem;margin-top:.5rem;flex-basis:100%}.status-error{color:#991b1b;background:#fee2e2}.agent-preview-section{background:#fff;border-top:1px solid #e5e7eb;padding:.875rem 1rem;flex-shrink:0}.preview-card{background:#f0f7ff;border:1px solid #bfdbfe;border-radius:.5rem;padding:.875rem 1rem;margin-top:.75rem}.preview-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.625rem;flex-wrap:wrap}.badge-dry-run{display:inline-block;padding:.125rem .5rem;border-radius:9999px;font-size:.6875rem;font-weight:600;background:#fef3c7;color:#92400e;letter-spacing:.02em}.preview-content{font-size:.875rem;line-height:1.5;color:#1e3a8a;margin-bottom:.75rem;white-space:pre-wrap;word-break:break-word}.preview-meta{display:flex;flex-wrap:wrap;gap:.375rem 1rem;font-size:.75rem;color:#6b7280;margin-bottom:.625rem}.preview-notice{font-size:.75rem;color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:.375rem;padding:.375rem .625rem;margin-top:.5rem;font-style:italic}.preview-log-id{font-size:.6875rem;color:#d1d5db;margin-top:.375rem}.inbox-filters{display:flex;gap:.25rem;flex-wrap:wrap;padding:.5rem .75rem;border-bottom:1px solid #e5e7eb;background:#fafafa}.inbox-filter-link{font-size:.75rem;font-weight:500;color:#6b7280;text-decoration:none;padding:.25rem .625rem;border-radius:9999px;border:1px solid transparent;transition:background .1s,color .1s,border-color .1s;white-space:nowrap}.inbox-filter-link:hover{background:#f3f4f6;color:#111827}.inbox-filter-active{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe;font-weight:600}.client-header{background:#f0fdf4;border-bottom:1px solid #6ee7b7;padding:.75rem 1rem;display:flex;align-items:center;gap:1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.client-logo{font-weight:700;font-size:.9375rem;color:#065f46;white-space:nowrap}.client-nav{display:flex;gap:.25rem;overflow-x:auto;flex:1 1}.client-nav a{color:#047857;text-decoration:none;white-space:nowrap;font-size:.875rem;padding:.375rem .625rem;border-radius:.375rem;transition:background .1s,color .1s}.client-nav a:hover{color:#065f46;background:#d1fae5}.btn-danger{color:#b91c1c;border-color:#fca5a5}.btn-danger:hover:not(:disabled){background:#fff1f2;border-color:#f87171}.runtime-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid #f3f4f6;font-size:.8125rem}.runtime-row:last-child{border-bottom:none}.runtime-label{color:#6b7280;flex-shrink:0}.runtime-value{font-weight:500;color:#111827;text-align:right}.notice-warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:.375rem}.notice-info,.notice-warning{padding:.5rem .75rem;font-size:.8125rem;margin-top:.625rem;line-height:1.4}.notice-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;border-radius:.375rem}.notice-note{background:#f9fafb;border:1px solid #e5e7eb;color:#6b7280;border-radius:.375rem;padding:.5rem .75rem;font-size:.75rem;margin-top:.75rem;line-height:1.4;font-style:italic}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.8125rem;font-weight:500;color:#374151;margin-bottom:.375rem}.form-input{width:100%;font-size:.875rem;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem .625rem;line-height:1.5;transition:border-color .15s}.form-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px rgba(99,102,241,.15)}.form-input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}textarea.form-input{resize:vertical;min-height:7rem}select.form-input{cursor:pointer}.form-section-title{font-size:.6875rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.875rem}.form-check-row{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.form-check-row input[type=checkbox]{width:1rem;height:1rem;accent-color:#2563eb;flex-shrink:0;cursor:pointer}.form-check-label{font-size:.875rem;font-weight:500;color:#374151}.landing-container{width:100%;max-width:960px;margin:0 auto;padding-left:1.25rem;padding-right:1.25rem}.landing-nav{background:#fff;border-bottom:1px solid #e5e7eb;padding:.875rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:20}.landing-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:960px;margin:0 auto;padding:0 1.25rem}.landing-logo{font-weight:700;font-size:1rem;color:#1e40af;white-space:nowrap}.landing-nav-links{display:flex;align-items:center;gap:1rem}.landing-nav-link{font-size:.875rem;color:#6b7280;text-decoration:none;transition:color .15s}.landing-nav-link:hover{color:#111827}.landing-hero{background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff;padding:4rem 0 3.5rem;text-align:center}.landing-hero-title{font-size:1.75rem;font-weight:800;line-height:1.2;margin-bottom:1.125rem;letter-spacing:-.015em}@media (min-width:640px){.landing-hero-title{font-size:2.5rem}}.landing-hero-sub{font-size:1rem;color:#bfdbfe;max-width:600px;margin:0 auto 1.75rem;line-height:1.65}@media (min-width:640px){.landing-hero-sub{font-size:1.125rem}}.landing-hero-ctas{display:flex;justify-content:center;gap:.875rem;flex-wrap:wrap;margin-bottom:1.5rem}.btn-hero-primary{display:inline-block;padding:.75rem 1.75rem;background:#fff;color:#1d4ed8;border-radius:.5rem;font-weight:700;font-size:.9375rem;text-decoration:none;transition:background .15s;white-space:nowrap}.btn-hero-primary:hover{background:#eff6ff}.btn-hero-secondary{display:inline-block;padding:.75rem 1.75rem;background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5);border-radius:.5rem;font-weight:600;font-size:.9375rem;text-decoration:none;transition:border-color .15s,background .15s;white-space:nowrap}.btn-hero-secondary:hover{border-color:#fff;background:rgba(255,255,255,.1)}.landing-hero-note{font-size:.8125rem;color:#93c5fd}.landing-section{padding:3.5rem 0;background:#fff}.landing-section-alt{background:#f8fafc}.landing-section-title{font-size:1.375rem;font-weight:700;color:#111827;margin-bottom:2rem;text-align:center}@media (min-width:640px){.landing-section-title{font-size:1.625rem}}.landing-feature-grid{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}@media (min-width:540px){.landing-feature-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.landing-feature-grid{grid-template-columns:repeat(4,1fr)}}.landing-feature-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.375rem 1.25rem;transition:box-shadow .15s}.landing-feature-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.07)}.landing-feature-title{font-size:.9375rem;font-weight:700;color:#111827;margin-bottom:.5rem}.landing-feature-desc{font-size:.875rem;color:#6b7280;line-height:1.6}.landing-benefits-list{list-style:none;display:flex;flex-direction:column;gap:1rem;max-width:640px;margin:0 auto}.landing-benefit-item{display:flex;align-items:flex-start;gap:.875rem;font-size:.9375rem;color:#374151;line-height:1.55}.landing-check{color:#16a34a;font-weight:700;font-size:1rem;flex-shrink:0;margin-top:.1rem}.landing-check-blue{color:#2563eb}.landing-steps{display:flex;flex-direction:column;gap:1rem;max-width:680px;margin:0 auto}.landing-step{display:flex;align-items:flex-start;gap:1.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.25rem 1.375rem}.landing-step-number{font-size:1.5rem;font-weight:800;color:#bfdbfe;flex-shrink:0;line-height:1;min-width:2.75rem;padding-top:.125rem}.landing-step-title{font-weight:700;font-size:.9375rem;color:#111827;margin-bottom:.375rem}.landing-step-desc{font-size:.875rem;color:#6b7280;line-height:1.55}.landing-status-card{background:#f0f9ff;border:1px solid #bae6fd;border-radius:1rem;padding:2.5rem 1.5rem;text-align:center;max-width:560px;margin:0 auto}.landing-status-badge{display:inline-block;background:#0ea5e9;color:#fff;font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:9999px;padding:.25rem .875rem;margin-bottom:1.125rem}.landing-status-title{font-size:1.25rem;font-weight:700;color:#0c4a6e;margin-bottom:.75rem}.landing-status-text{font-size:.9375rem;color:#0369a1;line-height:1.65}.landing-footer{background:#111827;color:#9ca3af;padding:2.5rem 0;text-align:center}.landing-footer-links{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:1rem}.landing-footer-link{font-size:.875rem;color:#9ca3af;text-decoration:none;transition:color .15s}.landing-footer-link:hover{color:#f9fafb}.landing-footer-copy{font-size:.8125rem;color:#6b7280}.legal-page{max-width:720px;margin:0 auto;padding:2.5rem 1.25rem 5rem}.legal-back{display:inline-block;font-size:.875rem;color:#6b7280;text-decoration:none;margin-bottom:1.75rem;transition:color .15s}.legal-back:hover,.legal-title{color:#111827}.legal-title{font-size:1.625rem;font-weight:800;margin-bottom:.375rem;line-height:1.2}.legal-date{font-size:.8125rem;color:#9ca3af;margin-bottom:2.5rem}.legal-section{margin-bottom:2.25rem}.legal-section h2{font-size:1rem;font-weight:700;color:#111827;margin-bottom:.75rem;padding-bottom:.375rem;border-bottom:1px solid #f3f4f6}.legal-section p{font-size:.9375rem;color:#374151;line-height:1.75;margin-bottom:.75rem}.legal-section p:last-child{margin-bottom:0}.legal-section ul{list-style:disc;padding-left:1.375rem;display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.legal-section li{font-size:.9375rem;color:#374151;line-height:1.65}.contact-page{max-width:540px;margin:0 auto;padding:2.5rem 1.25rem 5rem}.contact-title{font-size:1.625rem;font-weight:800;color:#111827;margin-bottom:1rem}.contact-text{font-size:.9375rem;color:#6b7280;line-height:1.65;margin-bottom:1.5rem}.contact-email{font-size:1.0625rem;color:#2563eb;font-weight:600;word-break:break-all;text-decoration:none;display:inline-block}.contact-email:hover{text-decoration:underline}.contact-note{font-size:.8125rem;color:#9ca3af;line-height:1.55;font-style:italic}.appointment-calendar{display:flex;flex-direction:column;gap:.25rem}.appointment-day-group{margin-bottom:.875rem}.appointment-day-header{font-size:.6875rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.06em;padding:.375rem 0;border-bottom:2px solid #e5e7eb;margin-bottom:.5rem}.appointment-day-header-today{color:#2563eb;border-color:#bfdbfe}.appointment-day-header-past{color:#d1d5db;border-color:#f3f4f6}.appointment-item{display:flex;gap:.75rem;align-items:flex-start;padding:.625rem .75rem;border-radius:.5rem;background:#fff;margin-bottom:.375rem;border:1px solid #e5e7eb;border-left-width:3px}.appointment-item-past{opacity:.55}.appointment-time{font-size:.75rem;font-weight:700;color:#374151;white-space:nowrap;padding-top:.125rem;min-width:2.625rem}.appointment-info{flex:1 1;min-width:0}.appointment-title{font-weight:600;font-size:.875rem;color:#111827;line-height:1.3}.appointment-phone{font-size:.75rem;color:#6b7280;margin-top:.125rem}.appointment-notes{font-size:.75rem;color:#9ca3af;margin-top:.25rem;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appointment-status{flex-shrink:0;padding-top:.125rem}.auto-refresh-bar{display:flex;align-items:center;flex-wrap:wrap;gap:.375rem;padding:.3125rem 1rem;background:#f9fafb;border-bottom:1px solid #f3f4f6;font-size:.6875rem;color:#9ca3af;min-height:1.875rem}.auto-refresh-label{color:#6b7280}.auto-refresh-time{color:#9ca3af}.btn-refresh{margin-left:auto;padding:.1875rem .5rem;font-size:.6875rem;line-height:1.5;border-radius:.25rem;border:1px solid #d1d5db;background:#ffffff;color:#374151;cursor:pointer;white-space:nowrap;transition:background .15s}.btn-refresh:hover{background:#f3f4f6}.btn-refresh:active{background:#e5e7eb}.conversation-meta-panel{max-height:38vh;overflow-y:auto;flex-shrink:0;border-top:1px solid #e5e7eb}.conversation-messages-panel{overflow-y:auto;max-height:52vh;border:1px solid #e5e7eb;border-radius:.5rem;background:#f9fafb;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}@media (min-width:640px){.conversation-messages-panel{max-height:60vh}}.conversation-section-collapsible{border-top:1px solid #e5e7eb;margin-top:.5rem}.conversation-section-collapsible:first-of-type{margin-top:0}.conversation-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:.625rem 0;background:none;border:none;text-align:left;font-family:inherit}.conversation-section-toggle:hover .conversation-section-toggle-label{color:#374151}.conversation-section-toggle-label{font-size:.6875rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em}.conversation-section-toggle-icon{font-size:.625rem;color:#9ca3af;flex-shrink:0;margin-left:.5rem}.conversation-section-content{padding-bottom:.75rem}.settings-tabs-nav{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem;margin-bottom:1.25rem}.settings-tab-btn{padding:.625rem .375rem;font-size:.8125rem;font-weight:500;border:1.5px solid #e5e7eb;border-radius:.5rem;background:#f9fafb;color:#6b7280;cursor:pointer;text-align:center;transition:background .12s,color .12s,border-color .12s;line-height:1.25}.settings-tab-btn:hover{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.settings-tab-active{background:#1d4ed8!important;color:#fff!important;border-color:#1d4ed8!important;font-weight:600!important}@media (min-width:640px){.settings-tabs-nav{display:flex;flex-direction:row;gap:0;border-bottom:2px solid #e5e7eb;margin-bottom:1.5rem;grid-template-columns:unset}.settings-tab-btn{border:none;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#6b7280;padding:.625rem 1.25rem;margin-bottom:-2px;font-size:.875rem}.settings-tab-btn:hover{background:#f9fafb;color:#1d4ed8;border-bottom-color:#bfdbfe;border-radius:0}.settings-tab-active{background:transparent!important;color:#1d4ed8!important;border-color:transparent transparent #1d4ed8!important;font-weight:600!important}}