html{background:#f8f9fa}#root{min-height:100vh}:root{color:#1f2937;background:#f6f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{height:100%}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}body.support-attachment-popup-open{position:fixed;inset:0;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.7}a{color:inherit;text-decoration:none}.auth-screen{background:#eef2f7;align-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#fff;border:1px solid #d9dde5;border-radius:8px;gap:18px;width:100%;max-width:520px;margin:0 auto;padding:28px;display:grid;box-shadow:0 16px 40px #0f172a1f}.auth-card.compact{justify-items:center;max-width:260px}.auth-card-head{border-bottom:1px solid #e0e1e3;margin:-4px -4px 0;padding:4px 4px 18px}.auth-brand{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:14px;display:grid}.auth-brand img{background:#f8fafc;border:1px solid #e0e1e3;border-radius:8px;width:48px;height:48px;padding:8px}.auth-card h1{margin:0;font-size:24px;line-height:1.2}.login-form{gap:14px;display:grid}.login-form label{gap:7px;display:grid}.login-form label span{color:#374151;font-size:14px;font-weight:800}.login-form input{color:#111827;background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-height:42px;padding:9px 11px}.login-form input:focus{border-color:#4338ca;outline:none;box-shadow:0 0 0 3px #4338ca26}.login-password-field{gap:7px;display:grid}.login-password-label-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.login-password-label-row label{color:#374151;font-size:14px;font-weight:800}.login-password-reset-link{text-align:right;justify-self:auto;font-size:12px}.login-password-input{position:relative}.login-form .login-password-input input{width:100%;padding-right:46px}.login-password-input button{color:#4338ca;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex;position:absolute;top:50%;right:3px;transform:translateY(-50%)}.login-password-input button:hover,.login-password-input button:focus-visible{color:#312e81;background:#eef2ff;outline:none}.login-password-input button:focus-visible{box-shadow:0 0 0 2px #4338ca40}.login-password-input button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:20px;height:20px}.reset-password-visibility-control{color:#4338ca;background:0 0;border:0;align-items:center;gap:5px;padding:3px 0;font-size:12px;font-weight:800;display:inline-flex}.reset-password-visibility-control:hover,.reset-password-visibility-control:focus-visible{color:#312e81;outline:none;text-decoration:underline}.reset-password-visibility-control:focus-visible{border-radius:4px;box-shadow:0 0 0 2px #4338ca40}.reset-password-visibility-control svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:16px;height:16px}.auth-link-button{font:inherit;background:0 0;border:0;margin-inline:auto;padding:0}.auth-link-button:disabled{cursor:wait;opacity:.65}.login-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 12px;font-size:14px;font-weight:700}.auth-success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;padding:12px;font-size:14px;font-weight:700;line-height:1.5}.auth-copy{margin:0;font-size:14px;line-height:1.5}.auth-link{color:#4338ca;text-underline-offset:3px;justify-self:start;font-size:14px;font-weight:800;text-decoration:underline}.primary-button,.ghost-button{border-radius:8px;min-height:38px;font-weight:800}.primary-button{color:#fff;background:#4338ca;border:1px solid #4338ca;padding:10px 14px}.primary-button.block{justify-content:center;width:100%}.primary-button:hover{background:#3730a3}.ghost-button{color:#374151;background:#fff;border:1px solid #cbd5e1;grid-area:1/2/span 2;padding:8px 12px}.ghost-button:hover{background:#f8fafc}.admin-shell{grid-template-columns:260px 1fr;height:100vh;display:grid;overflow:hidden}.admin-sidebar{background:#fff;border-right:1px solid #d9dde5;flex-direction:column;align-self:start;min-width:0;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.brand-block{border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:20px;display:flex}.xi-brand-icon{border-radius:10px;flex:none;width:40px;height:40px;display:block}.brand-copy{gap:2px;min-width:0;display:grid}.brand-block strong{text-overflow:ellipsis;white-space:nowrap;font-size:18px;display:block;overflow:hidden}.brand-copy span{color:#6b7280;font-size:13px}.nav-list,.nav-group,.nav-group-items{display:block}.nav-group-label{color:#6b7280;letter-spacing:.08em;text-transform:uppercase;margin:16px 0 8px;padding:0 10px;font-size:12px}.nav-group:first-child .nav-group-label{margin-top:0}.nav-item{color:#6b7280;background:0 0;border:0;border-left:4px solid #0000;border-radius:0 8px 8px 0;align-items:center;gap:10px;width:100%;margin:4px 0;padding:12px 12px 12px 10px;font-weight:700;text-decoration:none;display:flex}.nav-item:hover,.nav-item.active{color:#4f46e5;background:#eef2ff;border-left-color:#4f46e5}.nav-dot{box-shadow:none;background:#d9dde5;border-radius:99px;flex:none;width:9px;height:9px}.nav-item.active .nav-dot{background:#4f46e5;box-shadow:0 0 0 3px #4f46e524}.nav-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sidebar-request-counter{color:#fff;font-variant-numeric:tabular-nums;background:#dc2626;border-radius:999px;flex:none;justify-content:center;align-items:center;min-width:22px;height:22px;margin-left:auto;padding:0 7px;font-size:11px;font-weight:800;line-height:1;display:inline-flex;box-shadow:0 0 0 3px #dc262624}.sidebar-profile-entry{width:100%;margin-top:auto;padding-top:16px}.profile-button{color:#1f2937;background:#fff;border:1px solid #d9dde5;border-left:4px solid #0000;border-radius:0 8px 8px 0;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:2px 10px;width:100%;padding:12px;display:grid;box-shadow:0 8px 20px #1f293714}.profile-button:hover,.profile-button.active{background:#eef2ff;border-left-color:#4f46e5}.profile-main-link{color:inherit;grid-column:1/-1;grid-template-columns:40px minmax(0,1fr);gap:2px 10px;min-width:0;text-decoration:none;display:grid}.profile-main-link.active .profile-meta strong{color:#4338ca}.profile-summary{grid-column:1/-1;grid-template-columns:40px minmax(0,1fr);gap:2px 10px;min-width:0;display:grid}.profile-avatar{color:#fff;letter-spacing:0;background:#0ea5e9;border:1px solid #d9dde5;border-radius:999px;flex:none;justify-content:center;align-self:start;align-items:center;width:40px;height:40px;font-size:13px;font-weight:900;display:inline-flex}.profile-avatar.customer{background:#4f46e5}.profile-avatar.large,.profile-avatar.lg{width:54px;height:54px;font-size:16px}.profile-meta{min-width:0}.profile-meta strong,.profile-meta small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile-meta strong{font-size:14px}.profile-meta small{color:#6b7280;margin-top:2px;font-size:12px}.profile-logout-button{color:#6b7280;background:0 0;border:0;grid-column:2;justify-self:start;padding:4px 0 0;font-size:12px;font-weight:800}.profile-logout-button:hover{color:#4338ca}.admin-main{grid-template-rows:auto minmax(0,1fr);min-width:0;height:100vh;min-height:0;display:grid;overflow:hidden}.admin-topbar{-webkit-backdrop-filter:saturate(160%)blur(12px);backdrop-filter:saturate(160%)blur(12px);z-index:20;background:#ffffffeb;border-bottom:1px solid #d9dde5;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-crumb{flex-direction:column;gap:2px;min-width:0;display:flex}.topbar-crumb small{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar-crumb h1{color:#1f2937;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:24px;font-weight:700;line-height:1.2;overflow:hidden}.top-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.global-search{position:relative}.global-search input{color:#1f2937;background:#fff;border:1px solid #d9dde5;border-radius:8px;outline:none;width:560px;max-width:38vw;min-height:44px;padding:11px 16px 11px 40px}.global-search input:focus{border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e524}.global-search-icon{color:#6b7280;pointer-events:none;z-index:1;position:absolute;top:12px;left:16px}.global-results,.notification-menu{z-index:30;background:#fff;border:1px solid #d9dde5;border-radius:8px;max-height:480px;padding:8px;position:absolute;top:calc(100% + 8px);overflow:auto;box-shadow:0 20px 60px #0f172a29}.global-results{left:0;right:0}.global-result,.notification-item{color:#1f2937;text-align:left;background:#fff;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:54px;padding:10px 12px;display:flex}.global-result:hover,.global-result.active,.notification-item:hover{background:#eef2ff}.global-result b,.global-result small,.notification-item strong,.notification-item small{text-overflow:ellipsis;white-space:nowrap;max-width:400px;display:block;overflow:hidden}.global-result b,.notification-item strong{font-size:14px}.global-result small,.notification-item small,.notification-item em{color:#6b7280;margin-top:2px;font-size:12px}.global-result-type,.notification-item span{color:#6b7280;white-space:nowrap;font-size:12px;font-weight:800}.global-result-empty{color:#6b7280;padding:12px;font-weight:700}.global-result-empty.error{color:#991b1b}.btn{color:#1a1a1a;background:#fff;border:1px solid #e0e1e3;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 16px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{border-color:#4f46e5;box-shadow:0 4px 6px #00000012}.btn.primary{color:#fff;background:#4f46e5;border-color:#4f46e5}.btn.danger,.danger-button{color:#fff;background:#dc2626;border:1px solid #dc2626;border-radius:8px;justify-content:center;width:100%;min-height:44px;padding:12px 16px;font-weight:700;display:inline-flex}.notification-center{position:relative}.notification-bell{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #d9dde5;border-radius:8px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid;position:relative}.notification-bell:hover,.notification-bell:focus-visible{border-color:#4f46e5;outline:none;box-shadow:0 4px 12px #4f46e529}.notification-bell svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:20px;height:20px;display:block}.notification-dot{background:#dc2626;border-radius:999px;width:10px;height:10px;position:absolute;top:7px;right:8px;box-shadow:0 0 0 3px #fff}.notification-menu{width:min(600px,100vw - 32px);max-height:min(680px,100vh - 112px);padding:0;right:0;overflow:hidden}.notification-head{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:12px 14px;display:flex}.notification-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.notification-count{color:#047857;white-space:nowrap;background:#ecfdf5;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.notification-count.has-unread{color:#4338ca;background:#eef2ff}.notification-refresh-button{grid-column:auto;padding-top:0}.notification-head-actions{align-items:center;gap:10px;display:flex}.notification-filter{color:#1f2937;border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;padding:9px 14px;font-size:12px;font-weight:800;display:flex}.notification-filter input{width:16px;height:16px;margin:0}.notification-list{max-height:min(500px,100vh - 260px);display:grid;overflow-y:auto}.notification-item{border-bottom:1px solid #eef0f4;border-radius:0;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:4px 16px;min-height:0;padding:12px 14px;display:grid}.notification-item>span{grid-area:1/2}.notification-item>strong,.notification-item>small,.notification-item>em{text-overflow:clip;white-space:normal;grid-column:1;max-width:none;overflow:visible}.notification-item.unread{background:#eff6ff;box-shadow:inset 4px 0 #4f46e5}.notification-item.unread:hover{background:#dff1fd}.notification-item:last-child{border-bottom:0}.notification-item>small{line-height:1.45}.notification-item em{font-style:normal}.admin-content{box-sizing:border-box;width:100%;min-width:0;max-width:1550px;height:100%;min-height:0;margin:0 auto;padding:24px 28px 28px;overflow-y:auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.grid{gap:16px;display:grid}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.portal-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);margin-top:16px}.card{background:#fff;border:1px solid #d9dde5;border-radius:8px;min-width:0;padding:18px;box-shadow:0 6px 16px #0f172a0d}.card h2,.card h3{margin:0 0 8px}.profile-page{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)}.profile-page-heading{border-bottom:1px solid #e5e7eb;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:18px;display:flex}.profile-page-heading p{margin:4px 0 0}.profile-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.profile-detail-grid div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;min-width:0;padding:12px}.profile-detail-grid dt{color:#6b7280;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:800}.profile-detail-grid dd{overflow-wrap:anywhere;margin:4px 0 0;font-size:14px;font-weight:800}.profile-actions{align-content:start}.profile-actions p{font-size:14px;line-height:1.5}@media (width<=900px){.profile-page,.profile-detail-grid{grid-template-columns:1fr}}.muted,.eyebrow{color:#6b7280}.kpi strong{color:#1f2937;overflow-wrap:anywhere;margin:7px 0;font-size:28px;line-height:1;display:block}.overview-page{gap:16px;display:grid}.dashboard-state{color:#6b7280;text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:180px;padding:24px;font-weight:700;display:flex}.dashboard-state.error{color:#b91c1c;flex-direction:column}.dashboard-kpi{color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:block}.dashboard-kpi:hover,.dashboard-kpi:focus-visible{border-color:#a5b4fc;transform:translateY(-1px);box-shadow:0 10px 22px #4f46e51a}.dashboard-kpi:focus-visible,.dashboard-campaign-card:focus-visible,.dashboard-onboarding-card:focus-visible,.dashboard-task:focus-visible{outline-offset:2px;outline:2px solid #4f46e5}.dashboard-main-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);align-items:start;gap:16px;display:grid}.dashboard-campaigns-card,.dashboard-tasks-card{padding:0}.dashboard-card-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.dashboard-campaigns-card>.dashboard-card-head,.dashboard-tasks-card>.dashboard-card-head{border-bottom:1px solid #e5e7eb;padding:18px}.dashboard-card-head h2{margin:0 0 4px}.dashboard-card-head p{color:#6b7280;margin:0;font-size:13px}.dashboard-campaign-list{gap:10px;padding:16px 18px 18px;display:grid}.dashboard-campaign-card{color:inherit;border:1px solid #e5e7eb;border-radius:8px;gap:12px;padding:14px;text-decoration:none;transition:background .15s,border-color .15s;display:grid}.dashboard-campaign-card:hover{background:#f8fafc;border-color:#c7d2fe}.dashboard-campaign-card>header{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;display:flex}.dashboard-campaign-card>header>div{gap:3px;min-width:0;display:grid}.dashboard-campaign-card>header strong,.dashboard-campaign-card>header span:not(.campaign-status){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-campaign-card>header span:not(.campaign-status),.dashboard-campaign-progress small,.dashboard-campaign-progress>div:first-child span{color:#6b7280;font-size:12px}.dashboard-campaign-progress{gap:6px;display:grid}.dashboard-campaign-progress>div:first-child{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.dashboard-campaign-empty{margin:0;font-size:13px}.dashboard-campaign-card>footer,.dashboard-onboarding-card>footer{color:#6b7280;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.dashboard-campaign-card>footer strong,.dashboard-onboarding-card>footer strong{color:#4338ca}.dashboard-side-stack{gap:16px;display:grid}.dashboard-onboarding-card{color:inherit;gap:14px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:grid}.dashboard-onboarding-card:hover{border-color:#c7d2fe;box-shadow:0 10px 22px #4f46e514}.dashboard-onboarding-progress{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.dashboard-task-list{max-height:440px;padding:8px 18px 18px;display:grid;overflow-y:auto}.dashboard-task{color:inherit;border-bottom:1px solid #e5e7eb;grid-template-columns:5px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;text-decoration:none;display:grid}.dashboard-task:last-child{border-bottom:0}.dashboard-task:hover>span:nth-child(2)>strong{color:#4338ca}.dashboard-task-severity{background:#4f46e5;border-radius:99px;align-self:stretch;min-height:34px}.dashboard-task-severity.yellow{background:#d97706}.dashboard-task-severity.red{background:#dc2626}.dashboard-task>span:nth-child(2){gap:2px;min-width:0;display:grid}.dashboard-task strong,.dashboard-task small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-task small,.dashboard-task em{color:#6b7280;font-size:11px}.dashboard-task em{font-style:normal;font-weight:800}.dashboard-empty{color:#6b7280;text-align:center;padding:28px 18px;font-weight:700}.help-page{gap:16px;display:grid}.help-followup-card{justify-content:space-between;align-items:center;gap:24px;display:flex}.help-followup-card h2,.help-faq-card h2{margin:0}.help-followup-card p,.section-heading p{margin:5px 0 0}.section-eyebrow{color:#4f46e5;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:900;display:block}.section-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.count-badge{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;flex:none;padding:6px 9px;font-size:12px;font-weight:800}.status-pill{border-radius:999px;flex:none;padding:6px 9px;font-size:12px;font-weight:900}.status-pill.success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.help-faq-card{gap:16px;display:grid}.help-faq-list{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.help-faq-item{background:#fff;border-bottom:1px solid #e5e7eb}.help-faq-item:last-child{border-bottom:0}.help-faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:15px 16px;font-weight:800;list-style:none;display:flex}.help-faq-item summary::-webkit-details-marker{display:none}.help-faq-item summary:hover{background:#f8fafc}.help-faq-item summary:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #4f46e5}.help-faq-chevron{color:#64748b;background:#fff;border:1px solid #d9dde5;border-radius:999px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:0;transition:border-color .16s,box-shadow .16s,color .16s,transform .16s;display:inline-flex}.help-faq-chevron:before{content:"";border-bottom:2px solid;border-right:2px solid;width:7px;height:7px;transform:translateY(-2px)rotate(45deg)}.help-faq-item summary:hover .help-faq-chevron{color:#4338ca;border-color:#4f46e5;box-shadow:0 3px 10px #4f46e529}.help-faq-item[open] .help-faq-chevron{transform:rotate(180deg)}.help-faq-item p{color:#475569;max-width:920px;margin:0;padding:0 48px 16px 16px;line-height:1.6}.campaigns-page{padding:0;overflow:hidden}.campaigns-page-head{justify-content:space-between;align-items:flex-start;gap:20px;padding:18px;display:flex}.campaigns-page-head h2{margin:0 0 5px}.campaigns-page-head p{margin:0}.campaign-archive-count{color:#4b5563;background:#f3f4f6;border:1px solid #d9dde5;border-radius:999px;flex:none;padding:7px 10px;font-size:12px;font-weight:800}.campaign-list-controls{border-top:1px solid #e5e7eb;grid-template-columns:minmax(240px,1fr) minmax(190px,240px) auto;align-items:end;gap:12px;padding:14px 18px;display:grid}.campaign-list-controls label{gap:6px;min-width:0;display:grid}.campaign-list-controls label>span{color:#6b7280;text-transform:uppercase;font-size:11px;font-weight:800}.campaign-list-controls input,.campaign-list-controls select{color:#1f2937;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-width:0;min-height:42px;padding:9px 11px}.campaign-list-controls input:focus,.campaign-list-controls select:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e524}.campaign-list-actions{justify-content:flex-end;align-items:center;gap:9px;min-height:42px;display:flex}.campaign-filter-reset{color:#4b5563;background:#fff;border:1px solid #d9dde5;border-radius:8px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;line-height:1;display:inline-flex}.campaign-filter-reset svg{width:18px;height:18px;display:block}.campaign-filter-reset:hover{color:#4f46e5;border-color:#4f46e5}.campaign-list-count{color:#6b7280;white-space:nowrap;font-size:12px;font-weight:800}.campaign-list{border-top:1px solid #e5e7eb;width:100%;min-width:0}.campaign-list-header,.campaign-list-row{grid-template-columns:minmax(260px,2.35fr) minmax(170px,.9fr) minmax(215px,1.08fr) minmax(150px,.8fr);gap:16px;width:100%;display:grid}.campaign-list-header{background:#f8fafc;border-bottom:1px solid #d9dde5;padding:9px 16px}.campaign-sort-button{appearance:none;color:#6b7280;text-align:left;text-transform:uppercase;background:0 0;border:0;justify-self:start;align-items:center;gap:6px;min-height:26px;padding:0;font-size:11px;font-weight:900;display:inline-flex}.campaign-sort-button:hover,.campaign-sort-button.active{color:#4f46e5}.campaign-sort-mark{flex:none;font-size:13px;line-height:1}.campaign-list-body{display:grid}.campaign-tree-group{border-bottom:1px solid #e5e7eb;min-width:0;display:grid}.campaign-tree-group:last-child,.campaign-tree-group .campaign-list-row:last-child{border-bottom:0}.campaign-list-row{background:#fff;border-bottom:1px solid #e5e7eb;align-items:start;padding:14px 16px}.campaign-list-row-link{cursor:pointer}.campaign-list-row-link:hover{background:#f8faff}.campaign-list-row-link:focus-visible{z-index:1;outline:none;position:relative;box-shadow:inset 0 0 0 2px #4f46e5}.appointments-page{padding:0;overflow:visible}.appointments-page-head{justify-content:space-between;align-items:flex-start;gap:20px;padding:18px;display:flex}.appointments-page-head h2{margin:0 0 5px}.appointments-page-head p{margin:0}.appointment-total-count{color:#4b5563;background:#f3f4f6;border:1px solid #d9dde5;border-radius:999px;flex:none;padding:7px 10px;font-size:12px;font-weight:800}.appointment-list-controls{border-top:1px solid #e5e7eb;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:12px;padding:14px 18px;display:grid}.appointment-list-controls label{gap:6px;min-width:0;display:grid}.appointment-list-controls label>span{color:#6b7280;text-transform:uppercase;font-size:11px;font-weight:800}.appointment-list-controls input,.appointment-list-controls select{color:#1f2937;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-width:0;min-height:42px;padding:9px 11px}.appointment-list-controls input:focus,.appointment-list-controls select:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e524}.appointment-list-actions{justify-content:flex-end;align-items:center;gap:9px;min-height:42px;display:flex}.appointment-filter-dropdown .support-filter-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.appointment-list-count{color:#6b7280;white-space:nowrap;font-size:12px;font-weight:800}.appointment-list{border-top:1px solid #e5e7eb;min-width:0}.appointment-list-header,.appointment-list-row{grid-template-columns:minmax(145px,.8fr) minmax(190px,1.05fr) minmax(230px,1.3fr) minmax(130px,.65fr) minmax(145px,.75fr);gap:16px;width:100%;display:grid}.appointment-list-header{background:#f8fafc;border-bottom:1px solid #d9dde5;padding:9px 16px}.appointment-sort-button{appearance:none;color:#6b7280;text-align:left;text-transform:uppercase;background:0 0;border:0;justify-self:start;align-items:center;gap:6px;min-height:26px;padding:0;font-size:11px;font-weight:900;display:inline-flex}.appointment-sort-button:hover,.appointment-sort-button.active{color:#4f46e5}.appointment-column-label{color:#6b7280;text-transform:uppercase;align-self:center;font-size:11px;font-weight:900}.appointment-list-body{display:grid}.appointment-list-row{cursor:pointer;background:#fff;border-bottom:1px solid #e5e7eb;align-items:start;padding:14px 16px}.appointment-list-row:hover{background:#f8faff}.appointment-list-row:focus-visible{z-index:1;outline:none;position:relative;box-shadow:inset 0 0 0 2px #4f46e5}.appointment-list-cell{gap:5px;min-width:0;display:grid}.appointment-list-cell>strong,.appointment-list-cell>span{overflow-wrap:anywhere;min-width:0}.appointment-list-cell>strong{color:#1f2937;font-size:13px}.appointment-list-cell .muted{font-size:12px;line-height:1.4}.appointment-list-message,.appointment-detail-message{color:#6b7280;text-align:center;justify-content:center;align-items:center;gap:12px;min-height:120px;padding:24px;font-weight:700;display:flex}.appointment-list-message.error,.appointment-detail-message.error{color:#991b1b}.appointment-detail-page{gap:14px;display:grid}.appointment-detail-toolbar{align-items:center;gap:10px;display:flex}.appointment-detail-card{padding:0;overflow:hidden}.appointment-detail-head{padding:20px}.appointment-detail-head .eyebrow{text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:900;display:block}.appointment-detail-head h2{overflow-wrap:anywhere;margin:0;font-size:20px}.appointment-detail-status-line{flex-wrap:wrap;align-items:center;gap:8px;margin-top:9px;display:flex}.appointment-detail-status-line .muted{font-size:13px;font-weight:700}.appointment-detail-body{border-top:1px solid #e5e7eb;gap:0;display:grid}.appointment-detail-section-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.appointment-detail-section-head h3{margin:0}.appointment-detail-section-head p{margin:5px 0 0}.appointment-detail-section-head>span{color:#6b7280;font-size:12px;font-weight:800}.appointment-comment-list{align-content:start;gap:10px;max-height:min(520px,58vh);margin-top:14px;padding:2px;display:grid;overflow-y:auto}.appointment-comment{border:1px solid #e5e7eb;border-radius:8px;justify-self:start;width:fit-content;min-width:0;max-width:min(720px,88%);padding:12px}.appointment-comment.customer{background:#eef2ff;border-color:#c7d2fe;justify-self:end}.appointment-comment.xiller{background:#f8fafc}.appointment-comment>div{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.appointment-comment span{color:#6b7280;font-size:12px;font-weight:700}.appointment-comment p{overflow-wrap:anywhere;white-space:pre-wrap;margin:8px 0 0;line-height:1.5}.appointment-feedback-form{gap:14px;max-width:680px;margin-top:14px;display:grid}.appointment-feedback-form label{gap:7px;display:grid}.appointment-feedback-form label>span{color:#374151;font-size:12px;font-weight:900}.appointment-feedback-form select,.appointment-feedback-form textarea{color:#1f2937;font:inherit;background:#fff;border:1px solid #d9dde5;border-radius:8px;padding:10px 11px}.appointment-feedback-form textarea{resize:none;min-height:44px;max-height:220px}.appointment-feedback-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:700}.appointment-detail-group{border-bottom:1px solid #e5e7eb;padding:18px 20px}.appointment-detail-group:last-child{border-bottom:0}.appointment-detail-group h3{margin:0;font-size:15px}.appointment-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 0;display:grid}.appointment-detail-grid div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;min-width:0;padding:11px}.appointment-detail-grid dt{color:#6b7280;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:900}.appointment-detail-grid dd{color:#1f2937;overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:800;line-height:1.4}.appointment-summary-group p{color:#4b5563;overflow-wrap:anywhere;margin:12px 0 0;font-size:14px;line-height:1.55}.campaign-list-row:last-child{border-bottom:0}.campaign-list-row.archived{background:#fafafa}.campaign-list-row.campaign-stage-row{background:#fbfcff}.campaign-list-row.campaign-stage-row.archived{background:#f7f7f8}.campaign-list-cell{gap:5px;min-width:0;display:grid}.campaign-list-cell>strong,.campaign-list-cell>span{overflow-wrap:anywhere;min-width:0}.campaign-tree-name{grid-template-columns:30px minmax(0,1fr);align-items:start;gap:8px;min-width:0;display:grid}.campaign-tree-name-content{gap:5px;min-width:0;display:grid}.campaign-tree-name-content>strong{overflow-wrap:anywhere;min-width:0;font-size:14px}.campaign-tree-toggle,.campaign-tree-toggle-spacer{justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.campaign-tree-toggle{color:#68717f;background:0 0;border:1px solid #0000;border-radius:6px;padding:0;font-size:12px;font-weight:900}.campaign-tree-toggle:hover,.campaign-tree-toggle:focus-visible{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.campaign-stage-branch{border-bottom:1px solid #aeb7c5;border-left:1px solid #aeb7c5;justify-self:end;width:18px;height:18px;margin-right:3px;display:block}.campaign-status{text-overflow:ellipsis;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;width:max-content;max-width:100%;padding:4px 9px;font-size:12px;font-weight:800;display:inline-flex;overflow:hidden}.campaign-status.preparation,.campaign-status.review,.campaign-status.paused{color:#d97706;background:#fff7ed;border-color:#fed7aa}.campaign-status.live{color:#00a854;background:#eaf8f0;border-color:#bbf7d0}.campaign-status.completed,.campaign-status.archived{color:#7a7a7a;background:#f8f9fa;border-color:#e0e1e3}.campaign-call-summary{justify-content:space-between;align-items:center;gap:10px;display:flex}.campaign-progress{background:#e5e7eb;border-radius:999px;width:100%;height:8px;overflow:hidden}.campaign-progress>span{height:100%;display:block}.campaign-progress.green>span{background:#16a34a}.campaign-progress.yellow>span{background:#d97706}.campaign-progress.red>span{background:#dc2626}.campaign-progress.gray>span{background:#9ca3af}.campaign-list-cell .muted{font-size:12px;line-height:1.4}.campaign-list-message{color:#6b7280;text-align:center;justify-content:center;align-items:center;gap:12px;min-height:120px;padding:24px;font-weight:700;display:flex}.campaign-list-message.error{color:#991b1b}.campaign-detail-page{gap:14px;display:grid}.campaign-detail-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.secondary-button{color:#374151;background:#fff;border:1px solid #d9dde5;border-radius:8px;justify-content:center;align-items:center;min-height:38px;padding:8px 12px;font-size:13px;font-weight:800;display:inline-flex}.secondary-button:hover{color:#4338ca;border-color:#4f46e5}.secondary-button.ghost-button{color:#6b7280;background:0 0;border-color:#0000}.secondary-button.ghost-button:hover{color:#4338ca;border-color:#0000}.campaign-detail-card{padding:0;overflow:hidden}.campaign-detail-head{justify-content:space-between;align-items:start;padding:20px 20px 16px;display:flex}.campaign-detail-head .eyebrow{text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:900;display:block}.campaign-detail-head h2{overflow-wrap:anywhere;margin:0;font-size:20px}.campaign-detail-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-left:20px;display:flex}.campaign-detail-actions .secondary-button,.campaign-detail-actions .btn{width:auto;min-height:38px;padding:9px 11px}.campaign-detail-status-line{flex-wrap:wrap;align-items:center;gap:8px;margin-top:9px;display:flex}.campaign-detail-status-line .muted{font-size:13px;font-weight:700}.campaign-detail-tabs{border-top:1px solid #e5e7eb;border-bottom:1px solid #d9dde5;gap:2px;padding:0 20px;display:flex;overflow-x:auto}.campaign-detail-tabs button{color:#667085;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;min-height:45px;padding:10px 14px;font-size:13px;font-weight:800}.campaign-detail-tabs button:hover,.campaign-detail-tabs button.active{color:#4338ca;border-bottom-color:#4f46e5}.campaign-detail-body{padding:20px}.campaign-detail-overview{grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:16px;display:grid}.campaign-detail-main-column,.campaign-detail-side-column{align-content:start;gap:16px;min-width:0;display:grid}.detail-panel,.campaign-tab-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:0;padding:16px}.detail-panel h3,.campaign-tab-panel h3{margin:0;font-size:15px}.detail-panel-head,.detail-tab-head{justify-content:space-between;align-items:start;gap:14px;display:flex}.detail-panel-head p,.detail-tab-head p{margin:5px 0 0;font-size:13px;line-height:1.45}.detail-panel-head>strong,.detail-tab-head>strong{color:#1f2937;overflow-wrap:anywhere;text-align:right;flex:none;font-size:14px}.campaign-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 0;display:grid}.campaign-detail-facts div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;min-width:0;padding:11px}.campaign-detail-facts dt{color:#6b7280;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:900}.campaign-detail-facts dd{color:#1f2937;overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:800;line-height:1.4}.detail-panel>.campaign-progress{margin-top:14px}.detail-results-panel{color:inherit;cursor:pointer;text-align:left}.detail-results-panel:hover,.detail-results-panel:focus-visible{border-color:#4f46e5}.campaign-detail-progress-copy{color:#6b7280;justify-content:space-between;gap:10px;margin-top:8px;font-size:12px;font-weight:700;display:flex}.campaign-stage-summary-list{gap:8px;margin-top:15px;display:grid}.campaign-stage-summary{background:#fbfcff;border:1px solid #e0e7ff;border-radius:8px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:10px 11px;display:grid}.campaign-stage-summary>div{gap:5px;min-width:0;display:grid}.campaign-stage-summary>div>strong,.campaign-stage-summary>strong{overflow-wrap:anywhere;font-size:13px}.campaign-stage-summary>strong{color:#374151;text-align:right;white-space:nowrap}.detail-empty-copy{color:#6b7280;margin:15px 0 0;font-size:13px;font-weight:700}.campaign-timeline{gap:18px;margin:16px 0 0;padding:0;list-style:none;display:grid}.campaign-timeline li{grid-template-columns:16px minmax(0,1fr);gap:10px;min-width:0;display:grid;position:relative}.campaign-timeline li:not(:last-child):after{content:"";background:#d9dde5;width:2px;height:calc(100% + 18px);position:absolute;top:15px;left:7px}.campaign-timeline li>span{z-index:1;background:#fff;border:3px solid #aeb7c5;border-radius:50%;width:16px;height:16px;position:relative}.campaign-timeline li.complete>span{border-color:#16a34a}.campaign-timeline li.current>span{border-color:#4f46e5}.campaign-timeline strong,.campaign-timeline small{overflow-wrap:anywhere;display:block}.campaign-timeline strong{font-size:13px}.campaign-timeline small{color:#6b7280;margin-top:3px;font-size:12px;font-weight:700}.campaign-timeline .muted-step>span{border-color:#d9dde5}.action-summary-panel{gap:8px;display:grid}.detail-status-link{color:#374151;text-align:left;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;min-height:42px;padding:9px 10px;font-size:13px;font-weight:800;display:flex}.detail-status-link:hover{color:#4338ca;border-color:#a5b4fc}.detail-file-progress{gap:7px;margin-top:4px;display:grid}.detail-file-progress>span{color:#6b7280;font-size:12px;font-weight:700}.detail-item-list{gap:10px;margin-top:16px;display:grid}.detail-list-item{border:1px solid #e5e7eb;border-radius:8px;min-width:0;padding:13px}.detail-list-item-head{justify-content:space-between;align-items:start;gap:14px;display:flex}.detail-list-item-head>div{gap:4px;min-width:0;display:grid}.detail-list-item-head strong{overflow-wrap:anywhere;font-size:14px}.detail-list-item-head span:not(.detail-state){color:#6b7280;font-size:12px;font-weight:700}.detail-state{text-align:center;border:1px solid #0000;border-radius:999px;flex:none;padding:4px 8px;font-size:12px;font-weight:800}.detail-state.green{color:#16803a;background:#eaf8f0;border-color:#bbf7d0}.detail-state.yellow{color:#b45309;background:#fff7ed;border-color:#fed7aa}.detail-state.red{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.detail-state.gray{color:#667085;background:#f8f9fa;border-color:#e0e1e3}.detail-list-item p{color:#4b5563;overflow-wrap:anywhere;margin:10px 0 0;font-size:13px;line-height:1.5}.detail-list-item-meta{color:#6b7280;flex-wrap:wrap;gap:8px 14px;margin-top:10px;font-size:12px;font-weight:700;display:flex}.campaign-detail-message{color:#6b7280;text-align:center;justify-content:center;align-items:center;gap:12px;min-height:220px;padding:24px;font-weight:700;display:flex}.campaign-detail-message.error{color:#991b1b}@media (width<=900px){body{overflow:auto}.admin-shell{grid-template-columns:1fr;height:auto;overflow:visible}.admin-sidebar{border-bottom:1px solid #d9dde5;border-right:0;height:auto;position:static;overflow:visible}.admin-main{height:auto;overflow:visible}.admin-topbar{flex-direction:column;align-items:flex-start;padding:16px}.top-actions{justify-content:flex-start;width:100%}.global-search{width:min(420px,100%)}.global-search input{width:100%;max-width:none}.admin-content{padding:24px 16px}.kpi-grid,.portal-grid,.dashboard-main-grid{grid-template-columns:1fr}.campaign-list-controls{grid-template-columns:minmax(0,1fr) minmax(190px,.65fr)}.campaign-list-actions{grid-column:1/-1;justify-content:flex-start}.campaign-list-header{display:none}.campaign-list-body{padding:0 16px}.campaign-list-row{border:0;border-bottom:1px solid #e5e7eb;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px 0}.campaign-list-row.campaign-stage-row{padding-left:28px}.campaign-list-row:last-child{border-bottom:0}.campaign-detail-overview{grid-template-columns:1fr}.appointment-list-header{display:none}.appointment-list-body{padding:0 16px}.appointment-list-row{border:0;border-bottom:1px solid #e5e7eb;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px 0}.appointment-list-cell:before{color:#6b7280;content:attr(data-label);text-transform:uppercase;font-size:11px;font-weight:900}.appointment-detail-toolbar{flex-direction:column;align-items:flex-start}.campaign-list-cell:before{color:#6b7280;content:attr(data-label);text-transform:uppercase;font-size:11px;font-weight:900}}@media (width<=620px){.help-followup-card,.section-heading{flex-direction:column;align-items:stretch}.count-badge{align-self:flex-start}}@media (width<=560px){.auth-card{padding:22px}.ghost-button{grid-area:auto}.top-actions{grid-template-columns:1fr;display:grid}.btn,.global-search,.notification-center{width:100%}.notification-menu,.global-results{width:calc(100vw - 32px);left:0;right:auto}.notification-head{flex-direction:column;align-items:flex-start}.campaigns-page-head{display:grid}.dashboard-card-head,.dashboard-campaign-card>header,.dashboard-campaign-card>footer,.dashboard-onboarding-card>footer{flex-direction:column;align-items:flex-start}.dashboard-card-head .btn{width:100%}.dashboard-task{grid-template-columns:5px minmax(0,1fr);align-items:start}.dashboard-task em{grid-column:2}.dashboard-task strong,.dashboard-task small{text-overflow:clip;white-space:normal;overflow:visible}.campaign-archive-count{justify-self:start}.campaign-list-controls,.campaign-list-row,.appointment-list-controls,.appointment-list-row{grid-template-columns:1fr}.campaign-detail-toolbar,.detail-panel-head,.detail-tab-head,.campaign-detail-head{flex-direction:column;align-items:flex-start}.campaign-detail-actions{justify-content:flex-start;width:100%;margin-top:14px;margin-left:0}.campaign-detail-facts{grid-template-columns:1fr}.campaign-stage-summary{grid-template-columns:18px minmax(0,1fr);align-items:start}.campaign-stage-summary>strong{text-align:left;grid-column:2}.campaign-detail-tabs{padding:0 12px}.campaign-detail-body,.campaign-detail-head{padding-left:14px;padding-right:14px}.campaign-list-row.campaign-stage-row{padding-left:22px}.campaign-list-actions{align-items:center}.appointments-page-head{display:grid}.appointment-total-count{justify-self:start}.appointment-list-actions{grid-column:auto}.appointment-detail-grid{grid-template-columns:1fr}.appointment-detail-head,.appointment-detail-group{padding-left:14px;padding-right:14px}}.detail-state.blue{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.campaign-approvals-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px;display:grid}.approval-list-column,.approval-preview-column,.approval-preview-content,.approval-selection-list{align-content:start;gap:8px;min-width:0;display:grid}.approval-panel-head{margin-bottom:2px}.approval-selection-card{appearance:none;color:inherit;cursor:pointer;font:inherit;text-align:left;background:#fff;gap:6px;width:100%;padding:10px;transition:border-color .16s,box-shadow .16s;display:grid}.approval-selection-card.selected{border-color:#818cf8;box-shadow:0 0 0 3px #6366f11a}.approval-selection-card:hover,.approval-selection-card:focus-visible{border-color:#818cf8;outline:none}.approval-preview-card{background:#fff;border:1px solid #e5e7eb;border-radius:9px;min-height:240px;padding:12px}.approval-preview-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.approval-preview-content{margin-top:10px}.approval-preview-content h3{overflow-wrap:anywhere;margin:0}.approval-preview-empty{color:#6b7280;text-align:center;justify-content:center;align-items:center;min-height:160px;padding:18px;font-size:13px;font-weight:700;display:flex}.approval-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.approval-meta-grid>div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;min-width:0;padding:8px 10px}.approval-meta-grid dt{color:#6b7280;text-transform:uppercase;font-size:11px;font-weight:800}.approval-meta-grid dd{overflow-wrap:anywhere;margin:4px 0 0;font-size:13px;font-weight:800}.approval-document-preview,.approval-resolution{border:1px solid #e5e7eb;border-radius:8px;padding:10px}.approval-document-preview{background:#f8fafc}.approval-document-preview p,.approval-resolution p{overflow-wrap:anywhere;white-space:pre-wrap;margin:8px 0 0;line-height:1.55}.approval-preserve-lines{overflow-wrap:anywhere;white-space:pre-wrap}.approval-file-action{border:1px solid #dbeafe;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:10px;display:flex}.approval-file-action>div{gap:3px;min-width:0;display:grid}.approval-file-action strong,.approval-file-action span{overflow-wrap:anywhere}.approval-file-action span{color:#6b7280;font-size:12px;font-weight:700}.approval-decision-panel{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:10px;display:flex}.approval-decision-panel>div{flex-wrap:wrap;gap:8px;display:flex}.approval-resolution{gap:8px;display:grid}.approval-resolution.success{background:#f0fdf4;border-color:#bbf7d0}.approval-resolution.warning{background:#fff7ed;border-color:#fed7aa}.approval-resolution>span{color:#6b7280;font-size:12px;font-weight:700}.approval-resolution .secondary-button{justify-self:start}.portal-modal-backdrop,.portal-drawer-backdrop{z-index:120;background:#0f172a7a;position:fixed;inset:0}.portal-modal-backdrop{justify-content:center;align-items:center;padding:20px;display:flex}.portal-confirm-dialog{background:#fff;border-radius:10px;width:100%;max-width:520px;padding:22px;box-shadow:0 24px 70px #0f172a40}.portal-confirm-dialog h3{margin:0}.portal-confirm-dialog p{color:#4b5563;line-height:1.55}.portal-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.portal-drawer-backdrop{justify-content:flex-end;display:flex}.portal-request-drawer{background:#fff;width:min(560px,100%);max-width:560px;height:100%;padding:20px;overflow-y:auto;box-shadow:-18px 0 55px #0f172a33}.portal-request-drawer>header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;padding-bottom:14px;display:flex}.portal-request-drawer h3{margin:0}.portal-request-drawer header p{margin:5px 0 0}.drawer-close-button{color:#374151;background:#f8fafc;border:1px solid #d9dde5;border-radius:8px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;line-height:1;display:inline-flex}.change-request-form{gap:14px;display:grid}.change-request-form label{gap:6px;display:grid}.change-request-form label>span{color:#374151;font-size:12px;font-weight:800}.change-request-form input,.change-request-form select,.change-request-form textarea{color:#111827;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;min-width:0;padding:10px 11px}.change-request-form input[readonly]{color:#4b5563;background:#f3f4f6}.change-request-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.portal-action-summary,.portal-action-warning,.portal-action-note{border:1px solid #d9dde5;border-radius:8px;margin:0;padding:12px}.portal-action-summary,.portal-action-warning{gap:4px;display:grid}.portal-action-summary span,.portal-action-warning span,.portal-action-note{color:#5b6472;font-size:13px;line-height:1.5}.portal-action-warning{background:#fff7ed;border-color:#fed7aa}.portal-topup-options{border:0;gap:10px;margin:0;padding:0;display:grid}.portal-topup-option{cursor:pointer;background:#fff;border:1px solid #d9dde5;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:10px;padding:12px;display:grid}.portal-topup-option.selected{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.portal-topup-option>span{gap:4px;display:grid}.portal-topup-option small{color:#5b6472;font-size:13px;line-height:1.5}.portal-topup-invoice-note{background:#f8fafc;border-radius:6px;grid-column:2;padding:8px}.portal-topup-invoice-note strong{color:#111827;margin-bottom:3px;display:block}.portal-action-attachments{border-top:1px solid #e5e7eb;gap:10px;padding-top:14px;display:grid}.portal-action-attachments-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.portal-action-attachments-head>div{gap:2px;display:grid}.portal-action-attachments-head strong{color:#111827;font-size:13px}.portal-action-attachments-head small,.portal-action-attachments-head>span{color:#6b7280;font-size:12px}.portal-action-attachments-head>span{background:#f3f4f6;border-radius:999px;padding:4px 8px;font-weight:800}.portal-capture-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.portal-capture-card{color:#111827;cursor:pointer;text-align:left;background:#fff;border:1px solid #d9dde5;border-radius:8px;gap:4px;min-width:0;padding:11px;display:grid}.portal-capture-card:hover:not(:disabled),.portal-file-card:hover:not(.disabled){border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.portal-capture-card:disabled,.portal-file-card.disabled{cursor:not-allowed;opacity:.55}.portal-capture-card strong{font-size:13px}.portal-capture-card span{color:#6b7280;font-size:12px}.portal-widget-button{background:#f8faff;border-color:#a5b4fc}.portal-widget-button strong{color:#1d4ed8}.portal-file-card{position:relative}.portal-file-card input{cursor:pointer;opacity:0;position:absolute;inset:0}.portal-attachment-summary{color:#6b7280;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;gap:6px;padding:9px 10px;font-size:12px;display:grid}.portal-attachment-summary.has-files{background:#fff}.portal-attachment-item{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.portal-attachment-item+.portal-attachment-item{border-top:1px solid #eef0f3;padding-top:6px}.portal-attachment-item>span{gap:2px;min-width:0;display:grid}.portal-attachment-item strong{color:#374151;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.portal-attachment-item small{color:#6b7280}.portal-attachment-item button{color:#4b5563;background:#f8fafc;border:1px solid #d9dde5;border-radius:7px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:18px;line-height:1;display:inline-flex}.support-requests-head-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.support-requests-page{gap:0;display:grid}.support-requests-list-page{padding:0;overflow:visible}.support-requests-head{justify-content:space-between;align-items:center;gap:18px;padding:16px;display:flex}.support-requests-head h2,.support-requests-head p{margin:0}.support-request-controls{border-top:1px solid #e5e7eb;grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:10px;padding:16px;display:grid}.support-request-controls label{gap:6px;min-width:0;display:grid}.support-request-controls label>span{color:#374151;font-size:12px;font-weight:800}.support-request-controls input,.support-request-controls select{color:#1f2937;background:#fff;border:1px solid #d9dde5;border-radius:8px;width:100%;min-width:0;min-height:40px;padding:9px 10px}.support-request-filter-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.support-filter-menu-wrap{position:relative}.support-filter-icon-button{color:#4b5563;background:#fff;border:1px solid #d9dde5;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex;position:relative}.support-filter-icon-button:hover,.support-filter-icon-button.active{color:#4338ca;background:#eef2ff;border-color:#6366f1}.support-filter-icon-button svg{width:20px;height:20px}.support-filter-icon-button>span{color:#fff;background:#4f46e5;border-radius:999px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;font-weight:900;display:inline-flex;position:absolute;top:-6px;right:-6px}.support-filter-dropdown{z-index:20;background:#fff;border:1px solid #d9dde5;border-radius:10px;width:min(680px,100vw - 48px);max-height:min(620px,100vh - 180px);display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 18px 45px #0f172a2e}.support-filter-dropdown>header,.support-filter-dropdown>footer{justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.support-filter-dropdown>header{border-bottom:1px solid #e5e7eb}.support-filter-dropdown>header span{color:#4338ca;background:#eef2ff;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.support-filter-dropdown>footer{border-top:1px solid #e5e7eb;justify-content:flex-end}.support-filter-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:16px;display:grid}.support-filter-groups label{grid-template-columns:1fr;gap:6px;min-width:0;display:grid}.support-filter-groups label span{color:#374151;overflow-wrap:anywhere;font-size:12px;font-weight:800}.support-filter-groups select{width:100%}.support-request-filter-actions strong{color:#6b7280;white-space:nowrap;font-size:12px}.support-requests-table{padding:0;overflow:hidden}.support-requests-table-head,.support-request-row{grid-template-columns:minmax(0,.82fr) minmax(0,1.22fr) minmax(96px,.32fr) minmax(0,1.36fr);gap:14px;display:grid}.support-requests-table-head{color:#6b7280;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:11px;font-weight:900}.support-requests-table-head button{color:inherit;font:inherit;text-align:left;text-transform:uppercase;background:0 0;border:0;padding:0}.support-request-row{background:#fff;border-bottom:1px solid #e5e7eb;outline:none;align-items:start;padding:14px 16px;transition:background .16s,box-shadow .16s}.support-request-row:hover{background:#eef2ff}.support-inbox-table-wrap{border-top:1px solid #e5e7eb;overflow-x:auto}.support-inbox-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:13px}.support-inbox-table th,.support-inbox-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e5e7eb;padding:11px 8px}.support-inbox-table th{color:#6b7280;text-transform:uppercase;background:#f8fafc;font-size:11px;font-weight:900}.support-inbox-table th:first-child{width:18%}.support-inbox-table th:nth-child(2){width:14%}.support-inbox-table th:nth-child(3){width:12%}.support-inbox-table th:nth-child(4){width:9%}.support-inbox-table th:nth-child(5){width:28%}.support-inbox-table th:nth-child(6){width:7%}.support-inbox-table th:nth-child(7){width:12%}.support-inbox-table th button{color:inherit;cursor:pointer;font:inherit;text-align:left;text-transform:inherit;background:0 0;border:0;padding:0}.support-inbox-table th button:hover,.support-inbox-table th button.active{color:#4338ca}.support-inbox-table th button:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid #4f46e5}.support-inbox-table tbody tr{cursor:pointer}.support-inbox-table tbody tr:hover td{background:#eef2ff}.support-inbox-table tbody tr.has-new-messages td{background:linear-gradient(#4f46e50d,#4f46e50d),#fff}.support-inbox-table tbody tr.has-new-messages td:first-child{box-shadow:inset 4px 0 #4f46e5}.support-inbox-stacked{gap:4px;min-width:0;display:grid}.support-inbox-stacked>strong,.support-inbox-stacked>span,.support-inbox-stacked>small{text-overflow:ellipsis;min-width:0;overflow:hidden}.support-inbox-stacked small{color:#6b7280;font-size:12px}.support-inbox-subject .detail-state{justify-self:start;margin-top:4px}.support-inbox-title-line{align-items:center;gap:7px;min-width:0;display:flex}.support-inbox-title-line strong{text-overflow:ellipsis;min-width:0;overflow:hidden}.support-new-message-count{color:#fff;background:#dc2626;border-radius:999px;flex:none;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:10px;font-weight:900;display:inline-flex;box-shadow:0 0 0 3px #dc262624}.support-inbox-pill{border-radius:999px;max-width:100%;padding:5px 10px;font-size:11px;font-weight:800;display:inline-flex}.support-inbox-pill.blue{color:#0369a1;background:#eaf6fe}.support-inbox-pill.gray{color:#6b7280;background:#f3f4f6}.support-inbox-pill.priority-low{color:#4b5563;background:#f3f4f6}.support-inbox-pill.priority-medium{color:#92400e;background:#fef3c7}.support-inbox-pill.priority-high{color:#991b1b;background:#fee2e2}.support-inbox-message{line-clamp:2;overflow-wrap:anywhere;white-space:pre-wrap;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.support-request-row:last-child{border-bottom:0}.support-request-row.targeted{background:#eef2ff;box-shadow:inset 4px 0 #6366f1}.support-request-cell{align-content:start;gap:6px;min-width:0;display:grid}.support-request-cell>strong,.support-request-cell>span,.support-request-cell time{overflow-wrap:anywhere}.support-request-cell time{color:#4b5563;font-size:12px;font-weight:700}.request-summary-cell>span:not(.detail-state){color:#6b7280;font-size:12px;font-weight:700}.request-summary-cell .detail-state{justify-self:start}.support-request-comments{gap:8px}.support-request-comment-preview{gap:2px;display:grid}.support-request-comment-preview strong{font-size:12px}.support-request-comment-preview span{color:#4b5563;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.support-requests-empty{color:#6b7280;text-align:center;padding:32px 16px;font-weight:700}.support-request-detail-page{gap:16px;display:grid}.support-request-detail-toolbar{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;display:flex}.support-ticket-summary-head h2,.support-ticket-summary-head p{margin:0}.support-ticket-summary-card .card-head{align-items:center;padding:12px 14px 0}.support-ticket-summary-card .card-body{padding:10px 14px 14px}.support-ticket-summary-card,.support-request-attachments-card,.support-request-chat-card{gap:16px;display:grid}.support-request-attachments-card h3,.support-request-chat-card h3{margin:0}.support-ticket-field-list{grid-template-columns:minmax(110px,.72fr) minmax(130px,.82fr) minmax(180px,1.18fr) minmax(100px,.64fr) minmax(110px,.64fr);gap:8px;display:grid}.support-ticket-field{white-space:nowrap;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;min-width:0;padding:6px 8px;display:flex}.support-ticket-field>span:first-child{color:#6b7280;letter-spacing:.04em;text-transform:uppercase;flex:none;font-size:10px;font-weight:900}.support-ticket-field strong{text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;line-height:1.2;overflow:hidden}.support-request-attachments{gap:7px;display:grid}.support-request-attachments span{color:#4b5563;font-size:13px}.support-request-chat-history{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;gap:12px;max-height:520px;padding:16px;display:grid;overflow-y:auto}.support-request-chat-message{display:flex}.support-request-chat-message.customer{justify-content:flex-end}.support-request-chat-bubble{background:#fff;border:1px solid #e5e7eb;border-radius:10px;gap:4px;max-width:82%;padding:10px 12px;display:grid}.support-request-chat-message.customer .support-request-chat-bubble{background:#eef2ff;border-color:#c7d2fe}.support-request-chat-bubble small{color:#6b7280;font-size:11px}.support-request-chat-bubble p{white-space:pre-wrap;margin:4px 0 0}.support-request-chat-composer{gap:10px;display:grid}.support-request-chat-composer textarea{resize:vertical;min-height:88px}.support-ticket-detail .chat-window{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.support-ticket-detail .chat-history{align-content:start;gap:12px;height:360px;padding:16px;display:grid;overflow:auto}.support-ticket-detail .chat-message{display:flex}.support-ticket-detail .chat-message.customer{justify-content:flex-end}.support-ticket-detail .chat-bubble{background:#fff;border:1px solid #e5e7eb;border-radius:8px;gap:4px;max-width:82%;padding:10px 12px;display:grid}.support-ticket-detail .chat-message.customer .chat-bubble{background:#eef2ff;border-color:#c7d2fe}.support-ticket-detail .chat-bubble small{color:#6b7280;font-size:11px}.support-ticket-detail .chat-bubble p{white-space:pre-wrap;margin:4px 0 0}.support-ticket-detail .chat-composer{background:#fff;border-top:1px solid #e5e7eb;grid-template-columns:1fr 48px;align-items:end;gap:10px;padding:12px;display:grid}.support-ticket-detail .chat-composer textarea{resize:vertical;min-height:52px;max-height:110px}.support-ticket-detail .send-icon-btn{justify-content:center;align-items:center;width:48px;height:48px;padding:0;font-size:18px;display:inline-flex}.support-detail-page{grid-template-rows:auto minmax(0,1fr);gap:10px;min-width:0;height:100%;min-height:0;max-height:100%;display:grid;overflow:hidden}.support-detail-page>.detail-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.support-detail-page>.detail-toolbar .secondary-button:last-child{margin-left:auto}.support-detail-page .detail-card{flex-direction:column;min-width:0;min-height:0;padding:0;display:flex}.support-detail-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;padding:12px 14px 0;display:flex}.support-detail-head .card-title{margin:0;font-size:16px;line-height:1.3}.support-detail-updated-text{color:#6b7280;margin-top:2px;font-size:12px}.support-detail-layout{flex-direction:column;flex:1;gap:12px;min-width:0;min-height:0;padding:12px 14px 14px;display:flex;overflow:hidden}.support-detail-stack{flex-direction:column;flex:1;gap:12px;min-width:0;min-height:0;display:flex}.support-detail-page .mini-card{background:#fff;border:1px solid #d9dde5;border-radius:8px;padding:10px}.support-ticket-info-card{min-width:0;padding:8px}.support-ticket-info-grid{grid-template-columns:repeat(auto-fit,minmax(min(132px,100%),1fr));gap:4px;margin-top:4px;display:grid}.support-detail-page .support-ticket-field{white-space:normal;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;align-content:start;gap:1px;min-height:40px;padding:5px 7px;display:grid;position:relative}.support-detail-page .support-ticket-field>span:first-child{letter-spacing:0;text-transform:none;font-size:10px}.support-detail-page .support-ticket-field strong,.support-detail-page .support-ticket-field .support-ticket-value{color:#1f2937;overflow-wrap:anywhere;text-align:left;white-space:normal;font-size:12px;font-weight:700}.support-ticket-chat-card{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.support-chat-window{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;flex:1;min-width:0;height:auto;min-height:0;margin-top:8px;display:flex}.support-chat-history{flex:1;align-content:start;gap:10px;min-height:0;max-height:none;padding:12px;display:grid;overflow-y:auto}.support-chat-message{justify-content:flex-start;min-width:0;display:flex}.support-chat-message.customer{justify-content:flex-end}.support-chat-bubble{background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:fit-content;min-width:0;max-width:min(620px,88%);padding:10px}.support-chat-message.customer .support-chat-bubble{background:#eaf6fe;border-color:#bfdbfe}.support-chat-meta{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 12px;display:flex}.support-chat-meta b{font-size:13px}.support-chat-meta span{color:#6b7280;font-size:12px;font-weight:700}.support-chat-bubble p{overflow-wrap:anywhere;white-space:pre-wrap;margin:8px 0 0}.support-chat-composer{background:#fff;border-top:1px solid #e5e7eb;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;padding:10px;display:grid}.support-chat-closed{background:#fffbeb;border-top:1px solid #fde68a;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.support-chat-closed>div{min-width:0}.support-chat-closed strong{color:#92400e;font-size:13px;display:block}.support-chat-closed p{color:#78350f;margin:4px 0 0;font-size:12px;line-height:1.45}.support-chat-closed .primary-button{flex:none}@media (width<=620px){.support-chat-closed{flex-direction:column;align-items:stretch}.support-chat-closed .primary-button{width:100%}}.support-chat-reply-field{gap:4px;width:100%;min-width:0;display:grid}.support-chat-reply-field textarea{color:#1f2937;resize:none;background:#fff;border:1px solid #d9dde5;border-radius:8px;width:100%;min-height:40px;max-height:220px;padding:8px 10px}.support-chat-reply-field .field-label{color:#1f2937;font-size:12px;font-weight:800}.support-chat-send-button{min-height:40px}.support-attachment-card{padding:0;display:block}.support-attachment-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;list-style:none;display:flex}.support-attachment-summary::-webkit-details-marker{display:none}.support-attachment-summary small{color:#6b7280;font-weight:700}.support-attachment-summary>span:first-child{gap:3px;min-width:0;display:grid}.support-attachment-toggle{color:#6b7280;font-size:20px;line-height:1;transition:transform .16s;display:inline-flex}.support-attachment-card[open] .support-attachment-toggle{transform:rotate(90deg)}.support-attachment-card-body{margin-top:4px}.support-attachment-browser{align-items:start;gap:0;display:block}.support-attachment-count{color:#3730a3;background:#e0e7ff;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800}.support-attachment-list{gap:6px;min-width:0;margin-top:0;display:grid}@media (width>=901px){.support-detail-page{height:100%;max-height:100%}.appointment-detail-page{grid-template-rows:auto minmax(0,1fr);height:calc(100vh - 124px);min-height:0;overflow:hidden}.appointment-detail-card,.support-detail-page .detail-card{flex-direction:column;min-height:0;display:flex}.appointment-detail-head{flex:none;padding:14px 16px}.appointment-detail-body{flex:1;grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;overflow:hidden}.appointment-detail-group{border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb;padding:12px 14px}.appointment-detail-group:nth-child(2n){border-right:0}.appointment-comments-group,.appointment-feedback-group{border-bottom:0}.appointment-detail-grid{gap:7px;margin-top:9px}.appointment-detail-grid div{padding:8px}.appointment-summary-group p{margin-top:8px;font-size:13px;line-height:1.45}.appointment-comment-list{flex:1;min-height:0;max-height:none}.appointment-comments-group,.appointment-feedback-group{min-height:0;overflow-y:auto}.appointment-comments-group{flex-direction:column;display:flex;overflow:hidden}.appointment-feedback-form{gap:9px;margin-top:9px}.support-detail-page .detail-card,.support-detail-layout,.support-detail-stack,.support-ticket-chat-card{min-height:0}.support-detail-page .detail-card,.support-ticket-chat-card{flex-direction:column;display:flex}.support-detail-layout{flex:1;overflow:hidden}.support-detail-stack{flex-direction:column;display:flex;overflow:hidden}.support-detail-page .support-ticket-info-card,.support-detail-page .support-attachment-card{flex:none}.support-ticket-chat-card,.support-chat-history{flex:1}.support-chat-history{min-height:0}.support-attachment-card-body{max-height:none}.support-detail-page .support-attachment-browser{min-height:auto}}@media (width>=1100px){.appointment-detail-body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr))}.appointment-detail-group:nth-child(2n){border-right:1px solid #e5e7eb}.appointment-detail-group:nth-child(3),.appointment-feedback-group{border-right:0}.appointment-summary-group,.appointment-feedback-group{border-bottom:0;overflow-y:auto}.appointment-comments-group{border-bottom:0}}.support-attachment-item{color:#1f2937;cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:8px;width:100%;min-width:0;min-height:48px;padding:8px 10px;display:flex;position:relative}.support-attachment-item:hover,.support-attachment-item.active{border-color:#0ea5e9;box-shadow:0 6px 18px #0ea5e91f}.support-attachment-item.active{background:#eaf6fe}.support-attachment-item-text{flex-direction:column;gap:2px;min-width:0;display:flex}.support-attachment-item-inline-meta{flex:none;align-items:center;gap:8px;min-width:0;display:inline-flex}.support-attachment-item-inline-type{color:#6b7280;white-space:nowrap;flex:none;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.support-attachment-item-text small{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;overflow:hidden}.support-attachment-item-download{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;padding:0;display:inline-flex}.support-attachment-item-download:hover,.support-attachment-item-download:focus-visible{color:#0c4a6e;border-color:#0ea5e9}.support-attachment-item-download:disabled{cursor:not-allowed;opacity:.6}.support-attachment-preview-title>span:last-child{gap:2px;min-width:0;display:grid}.support-attachment-preview-title small{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;overflow:hidden}.support-attachment-preview{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;grid-template-rows:1fr;gap:10px;min-width:0;height:min(58vh,560px);min-height:min(58vh,560px);padding:12px;display:grid;overflow:hidden}.support-attachment-preview--pdf{gap:0;padding:0}.support-attachment-preview-empty,.support-attachment-preview--empty,.support-attachment-preview--file{min-height:100px}.support-attachment-preview--image,.support-attachment-preview--video,.support-attachment-preview--audio,.support-attachment-preview--pdf,.support-attachment-preview--text{min-height:inherit;height:100%}.support-attachment-preview--video .support-attachment-preview video,.support-attachment-preview--image .support-attachment-preview img,.support-attachment-preview--audio .support-attachment-preview audio,.support-attachment-preview--pdf .support-attachment-pdf-preview,.support-attachment-preview--text .support-attachment-text-preview{height:100%;max-height:100%}.support-attachment-preview--audio .support-attachment-preview audio{min-height:54px}.support-attachment-preview--file .support-attachment-preview-empty,.support-attachment-preview--empty .support-attachment-preview-empty{min-height:100%}.support-attachment-preview-head{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;display:flex}.support-attachment-preview-body{flex:1;justify-content:stretch;align-items:stretch;width:100%;min-width:0;min-height:0;display:flex;overflow:hidden}.support-attachment-preview-body>*{flex:auto;width:100%;min-height:0}.support-attachment-preview-title{grid-template-columns:minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.support-attachment-preview audio,.support-attachment-preview video{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%}.support-attachment-preview img,.support-attachment-preview video{object-fit:contain;background:#111827;border-radius:8px;width:100%;height:100%;min-height:0;max-height:100%;display:block}.support-attachment-pdf-preview{background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;height:100%;min-height:0;display:block}.support-attachment-preview--pdf .support-attachment-pdf-preview{border:0;border-radius:0;height:100%;min-height:min(58vh,560px)}.support-attachment-text-preview{color:#1f2937;white-space:pre-wrap;background:#fff;border:1px solid #e5e7eb;border-radius:8px;height:100%;max-height:100%;margin:0;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.5;overflow:auto}.support-attachment-preview-empty{color:#6b7280;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:8px;place-items:center;gap:6px;min-height:180px;padding:18px;display:grid}.support-attachment-preview--audio .support-attachment-preview-empty{place-items:flex-start stretch;padding:12px}.support-attachment-preview-empty b{color:#1f2937}.support-attachment-preview-empty span{font-size:12px;line-height:1.4}.support-attachment-preview-empty.error{color:#991b1b;border-color:#fecaca}.support-attachment-item b,.support-attachment-preview-title b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.support-attachment-popup-backdrop{z-index:250;background:#0f172a99;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.support-attachment-popup{background:#fff;border:1px solid #d9dde5;border-radius:10px;flex-direction:column;gap:12px;width:min(100vw,1320px);max-width:min(100vw,1320px);height:min(90vh,920px);min-height:0;max-height:min(90vh,920px);padding:12px;display:flex;box-shadow:0 24px 70px #0f172a59}.support-attachment-popup-head{flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;display:flex}.support-attachment-popup-head-content{flex:1;gap:4px;min-width:0;padding-right:8px;display:grid}.support-attachment-popup-head-content b{color:#111827;font-size:16px;line-height:1.25}.support-attachment-popup-head-content small{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.support-attachment-popup-close{background:0 0;border-color:#d1d5db;border-radius:8px;justify-content:center;align-items:center;width:34px;min-width:34px;min-height:34px;margin-left:auto;padding:0;font-size:18px;font-weight:700;line-height:1;display:inline-flex}.support-attachment-popup-body{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;flex:1;align-self:stretch;width:100%;min-width:0;min-height:min(58vh,560px);display:grid;overflow:hidden}.support-attachment-popup-body>img,.support-attachment-popup-body>video,.support-attachment-popup-body>audio,.support-attachment-popup-body>iframe,.support-attachment-popup-body>pre,.support-attachment-popup-body>.support-attachment-preview-empty{width:100%;min-height:0}.support-attachment-popup-body>img,.support-attachment-popup-body>video,.support-attachment-popup-body>iframe,.support-attachment-popup-body>.support-attachment-text-preview,.support-attachment-popup-body>.support-attachment-preview-empty{height:100%}@media (width<=620px){.support-attachment-popup{width:calc(100vw - 18px);max-height:92vh;padding:12px}.support-attachment-popup-body{min-height:0}}@media (width<=900px){.support-attachment-browser{flex-direction:column;gap:12px;display:flex}.support-attachment-preview-empty,.support-attachment-preview img,.support-attachment-preview video,.support-attachment-preview audio{width:100%}}@media (width<=620px){.support-attachment-preview-head{flex-direction:column}}@media (width<=1050px){.support-request-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.support-request-filter-actions{grid-column:1/-1;justify-content:flex-start}.support-requests-table-head{display:none}.support-requests-table-body{padding:0 16px}.support-request-row{border:0;border-bottom:1px solid #e5e7eb;grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 0}.support-request-cell:before{color:#6b7280;content:attr(data-label);text-transform:uppercase;font-size:10px;font-weight:900}.support-request-row.targeted{margin:0 -8px;padding-left:8px;padding-right:8px;box-shadow:inset 3px 0 #6366f1}}@media (width<=900px){.campaign-approvals-layout{grid-template-columns:1fr}}@media (width<=760px){.support-inbox-table,.support-inbox-table tbody,.support-inbox-table tr,.support-inbox-table td{width:100%;display:block}.support-inbox-table thead{display:none}.support-inbox-table tbody tr{border-bottom:1px solid #d9dde5;gap:0;padding:8px 12px;display:grid}.support-inbox-table td{border:0;grid-template-columns:94px minmax(0,1fr);gap:4px;padding:7px 0;display:grid}.support-inbox-table td:before{color:#6b7280;content:attr(data-label);text-transform:uppercase;font-size:10px;font-weight:900}}@media (width<=560px){.approval-meta-grid,.change-request-field-grid,.support-request-row,.support-request-controls{grid-template-columns:1fr}.support-request-filter-actions{grid-column:auto}.support-filter-dropdown{width:calc(100vw - 48px);left:0;right:auto}.support-filter-groups{grid-template-columns:1fr}.approval-file-action,.approval-decision-panel,.support-requests-head{flex-direction:column;align-items:stretch}.approval-file-action .secondary-button,.approval-decision-panel button,.portal-dialog-actions button{width:100%}.support-ticket-field-list{grid-template-columns:1fr}.support-ticket-detail .chat-composer{grid-template-columns:1fr 40px;padding:8px}.support-ticket-detail .send-icon-btn{width:40px;height:40px}.portal-dialog-actions{flex-direction:column-reverse}.portal-request-drawer{max-width:none}.campaign-detail-actions,.support-requests-head-actions{grid-template-columns:1fr;width:100%;display:grid}.campaign-detail-actions .secondary-button,.campaign-detail-actions .btn,.support-requests-head-actions .primary-button{width:100%}}.portal-toast-stack{z-index:200;pointer-events:none;gap:10px;width:min(390px,100vw - 32px);display:grid;position:fixed;bottom:24px;right:24px}.portal-toast{color:#1e3a8a;pointer-events:auto;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;grid-template-columns:28px minmax(0,1fr) 28px;align-items:start;gap:10px;width:100%;padding:12px;display:grid;box-shadow:0 16px 40px #0f172a29}.portal-toast.success{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.portal-toast.error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.portal-toast-icon{border:1px solid;border-radius:999px;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.portal-toast-copy{gap:2px;line-height:1.35;display:grid}.portal-toast-copy>span{font-size:13px}.portal-toast>button{color:currentColor;cursor:pointer;background:0 0;border:0;padding:0;font-size:22px;line-height:1}.customer-file-progress{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;gap:9px;margin:16px 0;padding:14px 16px;display:grid}.customer-file-progress>div:first-child{justify-content:space-between;gap:16px;font-size:13px;display:flex}.customer-file-scope-note{color:#3730a3;background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px;margin:0 0 16px;padding:12px 14px;font-size:13px}.customer-files-layout{grid-template-columns:minmax(260px,.8fr) minmax(0,1.4fr);align-items:start;gap:18px;display:grid}.customer-file-task-list{gap:10px;display:grid}.customer-file-task{appearance:none;text-align:left;cursor:pointer;width:100%}.customer-file-task:hover,.customer-file-task.selected{background:#f5f7ff;border-color:#818cf8}.customer-file-task .detail-list-item-head>span:first-child{gap:3px;display:grid}.customer-file-task .detail-list-item-head small,.customer-file-task-copy{color:#6b7280;font-size:12px;font-weight:500}.customer-file-task-copy{margin:9px 0;line-height:1.45;display:block}.customer-file-upload-panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}.customer-file-upload-panel>header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px;display:flex}.customer-file-upload-panel h4,.customer-file-upload-panel p{margin:0}.customer-file-upload-panel header p{color:#6b7280;margin-top:5px;font-size:13px}.customer-file-rejected-note,.customer-file-locked,.customer-file-error{border-radius:10px;margin:16px 18px 0;padding:12px 14px}.customer-file-rejected-note{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;gap:4px;display:grid}.customer-file-rejected-note span,.customer-file-locked,.customer-file-error{font-size:13px}.customer-file-locked{color:#065f46;background:#ecfdf5;border:1px solid #d1fae5;margin-bottom:18px}.customer-file-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;margin:0}.customer-uploaded-file-list{gap:7px;padding:12px 14px;display:grid}.customer-uploaded-file{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.customer-uploaded-file>div:first-child{gap:3px;min-width:0;display:grid}.customer-uploaded-file>div:first-child strong{overflow-wrap:anywhere}.customer-uploaded-file>div:first-child span,.customer-uploaded-file>div:first-child small{color:#6b7280;font-size:12px}.customer-uploaded-file-actions{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.customer-file-action-button{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.customer-file-action-button svg{flex:none;width:15px;height:15px}.customer-file-upload-form{border-top:1px solid #e5e7eb;gap:10px;padding:18px;display:grid}.customer-file-upload-form label{gap:7px;font-weight:700;display:grid}.customer-file-upload-form input[type=file]{background:#f8faff;border:1px dashed #a5b4fc;border-radius:10px;width:100%;padding:11px}.customer-file-upload-form small{color:#6b7280}.customer-file-upload-conditions{color:#4b5563;background:#f8fafc;border:1px solid #e5e7eb;border-radius:9px;gap:4px;padding:10px 12px;font-size:12px;line-height:1.45;display:grid}@media (width<=820px){.customer-files-layout{grid-template-columns:1fr}.customer-file-progress>div:first-child,.customer-file-upload-panel>header,.customer-uploaded-file{flex-direction:column}.customer-uploaded-file>div:last-child{justify-content:flex-start}.portal-toast-stack{width:auto;bottom:16px;left:16px;right:16px}.customer-uploaded-file-actions{justify-content:flex-start;width:100%}}@media (width<=520px){.portal-capture-grid{grid-template-columns:1fr}}