:root{--support-bg:#f8f4ee;--support-surface:#fffdfa;--support-text:#1c2822;--support-muted:#747b76;--support-line:#ebe2d7;--support-green:#078c63}
.support-shell{min-height:100vh;background:radial-gradient(circle at 78% 7%,rgba(247,219,174,.27),transparent 25%),var(--support-bg);color:var(--support-text)}.support-header{position:relative;height:65px;padding:8px 14px;display:flex;align-items:center;gap:9px}.support-header h1{margin:0;font-family:Georgia,"Noto Serif SC",serif;font-size:24px}.support-header p{margin:3px 0 0;color:#c3a26c;font-family:"Segoe Script","Brush Script MT",cursive;font-size:12px;font-style:italic}.support-header>span{flex:1}.support-header>a,.support-header>button{width:38px;height:42px;display:grid;place-items:center}.support-header .ui-icon{width:24px;height:24px}.support-menu{position:absolute;right:13px;top:54px;z-index:35;width:120px;padding:6px;border:1px solid var(--support-line);border-radius:10px;background:#fff;box-shadow:0 12px 28px rgba(37,31,23,.16)}.support-menu[hidden]{display:none}.support-menu button,.support-menu a{width:100%;height:34px;padding:0 9px;display:flex;align-items:center;border-radius:7px;font-size:9px}.support-menu button:hover,.support-menu a:hover{background:#edf5f0}
.support-main{padding:3px 12px 99px}.support-hero{position:relative;min-height:177px;margin-bottom:8px;overflow:hidden;border:1px solid var(--support-line);border-radius:16px;background:linear-gradient(120deg,#fffdfa 0%,#fff1dd 70%,#f6dfc7);box-shadow:0 5px 16px rgba(49,40,29,.05)}.support-hero-copy{position:relative;z-index:2;width:73%;min-width:0;padding:21px 0 14px 17px}.support-hero-copy h2{margin:0 0 6px;font-family:Georgia,"Noto Serif SC",serif;font-size:18px;line-height:1.25;overflow-wrap:anywhere}.support-hero-copy>p{margin:0;color:#737a76;font-size:9px;line-height:1.45;overflow-wrap:anywhere}.support-hero-copy>div{margin:13px 0;display:flex;flex-wrap:wrap;gap:6px 12px;color:#a07732;font-size:7px}.support-hero-copy>div>span{display:inline-flex;align-items:center;gap:3px;line-height:1.25}.support-hero-copy>a{width:min(190px,100%);min-height:40px;padding:7px 12px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:21px;background:linear-gradient(135deg,#28ac72,#078b5f);color:#fff;font-size:13px;font-weight:800;line-height:1.2;text-align:center;overflow-wrap:anywhere}.support-hero-copy>a .ui-icon{width:20px;height:20px;flex:0 0 auto}.support-agent{position:absolute;right:-15px;bottom:-4px;width:150px;height:165px;display:flex;align-items:flex-end;justify-content:center}.support-agent::before{content:"";position:absolute;width:135px;height:135px;border-radius:50%;background:rgba(244,211,169,.42)}.support-agent img{position:relative;width:124px;height:124px;margin-bottom:17px;border-radius:50%;object-fit:cover;box-shadow:0 8px 20px rgba(76,54,31,.12)}.support-agent span{position:absolute;right:20px;bottom:8px;padding:2px 7px;border-radius:8px;background:#e9bd76;color:#73501d;font-size:7px}
.support-panel{margin-bottom:8px;padding:6px 10px 10px;border:1px solid var(--support-line);border-radius:15px;background:rgba(255,253,250,.9);box-shadow:0 4px 13px rgba(50,42,31,.04)}.support-panel>h2,.support-panel>header{min-height:36px;margin:0;padding:4px 0;display:flex;align-items:center}.support-panel h2{min-width:0;font-family:Georgia,"Noto Serif SC",serif;font-size:15px;line-height:1.3;overflow-wrap:anywhere}.service-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.service-category-grid>a,.service-category-grid>button{min-width:0;min-height:96px;padding:10px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #f0e9df;border-radius:11px;background:#fff}.service-category-grid .ui-icon{width:29px;height:29px;margin-bottom:7px;flex:0 0 auto}.service-category-grid>:nth-child(1){color:#15986b}.service-category-grid>:nth-child(2){color:#d39935}.service-category-grid>:nth-child(3),.service-category-grid>:nth-child(8){color:#367fb9}.service-category-grid>:nth-child(4){color:#8d5bc3}.service-category-grid>:nth-child(5){color:#c18b31}.service-category-grid>:nth-child(6){color:#279266}.service-category-grid>:nth-child(7){color:#ce5263}.service-category-grid strong{max-width:100%;color:#303a35;font-size:10px;line-height:1.25;text-align:center;overflow-wrap:anywhere}.service-category-grid small{max-width:100%;margin-top:4px;color:#8a8f8b;font-size:7px;line-height:1.3;text-align:center;overflow-wrap:anywhere}.service-category-grid .service-ticket-entry{border-color:#cce3d7;background:linear-gradient(145deg,#f4fbf7,#fffdfa);box-shadow:inset 0 0 0 1px rgba(7,140,99,.04)}.service-category-grid .service-ticket-entry .service-entry-icon{width:43px;height:43px;margin-bottom:6px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#e2f4ea,#f3faf6);box-shadow:0 6px 13px rgba(7,140,99,.1)}.service-category-grid .service-ticket-entry .ui-icon{width:24px;height:24px;margin:0}.service-category-grid .service-ticket-entry small{color:#56806b}
.recent-support>header h2{margin:0}.recent-support>header>small{margin-left:8px;color:#87908a;font-size:7px;font-weight:600}.recent-support>header>a{min-height:36px;margin-left:auto;padding:0 4px;display:inline-flex;align-items:center;color:#737a76;font-size:8px}.support-thread-list{min-width:0}.support-thread-list[aria-busy="true"]{opacity:.72}.support-thread-list>a{width:100%;min-width:0;min-height:61px;padding:7px 3px;display:grid;grid-template-columns:35px minmax(0,1fr) minmax(54px,70px) 22px;align-items:center;gap:8px;border-bottom:1px solid var(--support-line)}.support-thread-list>a>div{min-width:0}.thread-symbol{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#e4f4e9;color:#14a06e}.thread-symbol.case{border-radius:8px;background:#fff0d9;color:#cf8f2b}.thread-symbol .ui-icon{width:18px;height:18px}.support-thread-list h3{min-width:0;margin:0 0 4px;display:flex;align-items:center;flex-wrap:wrap;gap:3px;font-size:10px}.support-thread-list h3>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-thread-list h3 em{flex:0 0 auto;padding:2px 5px;border-radius:7px;background:#dff2e6;color:#17865f;font-size:6px;font-style:normal;font-weight:500}.support-thread-list h3 em[data-support-status="waiting"],.support-thread-list h3 em[data-support-status="open"],.support-thread-list h3 em[data-support-status="in_progress"]{background:#fff0d6;color:#be7d25}.support-thread-list h3 em[data-support-status="resolved"]{background:#ededeb;color:#777d79}.support-thread-list h3 em[data-support-status="unread"]{background:#daf1e3;color:#087c56}.support-thread-list p{margin:0;overflow:hidden;color:#828783;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.support-thread-list time{min-width:0;color:#7d837f;font-size:8px;text-align:right;overflow-wrap:anywhere}.support-thread-list b{width:22px;display:grid;place-items:center;color:#858a86;font-size:16px}.support-thread-list b .ui-icon{width:18px;height:18px}.support-thread-state{min-height:106px;padding:17px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.support-thread-state strong{font-size:11px}.support-thread-state p{max-width:310px;margin:6px 0 10px;overflow:visible;color:#7b827d;font-size:8px;line-height:1.6;text-overflow:clip;white-space:normal}.support-thread-state a,.support-thread-state button{min-height:30px;padding:0 14px;display:inline-flex;align-items:center;border:1px solid #bddaca;border-radius:16px;background:#fff;color:#087e59;font-size:8px;font-weight:700}.all-support-link{height:37px;margin-top:7px;display:flex;align-items:center;justify-content:center;border:1px solid var(--support-line);border-radius:18px;font-size:9px;font-weight:800}.all-support-link span{margin-left:auto;margin-right:12px;font-size:15px}
.support-status{position:fixed;left:50%;bottom:92px;z-index:55;margin:0;padding:9px 14px;border-radius:18px;background:rgba(24,35,30,.94);color:#fff;font-size:9px;opacity:0;pointer-events:none;transform:translate(-50%,8px);transition:.2s}.support-status.show{opacity:1;transform:translate(-50%,0)}
.support-modal{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:18px}.support-modal[hidden]{display:none}.support-modal-backdrop{position:absolute;inset:0;background:rgba(19,25,22,.58)}.support-modal>section{position:relative;width:min(100%,340px);padding:24px 20px;border-radius:17px;background:#fffdfa;text-align:center}.support-modal-close{position:absolute;right:9px;top:9px;width:34px;height:34px}.support-modal-close .ui-icon{width:19px;height:19px}.support-modal h2{margin:3px 25px 12px;font-size:18px}.support-modal #supportModalContent{text-align:left}.support-modal #supportModalContent details{padding:9px 0;border-bottom:1px solid var(--support-line);font-size:9px}.support-modal #supportModalContent p{color:#6d746f;font-size:8px;line-height:1.6}.support-modal>section>a{height:37px;margin-top:15px;display:inline-flex;align-items:center;padding:0 18px;border-radius:19px;background:var(--support-green);color:#fff;font-size:10px}
.support-header a:focus-visible,.support-header button:focus-visible,.support-hero a:focus-visible,.service-category-grid a:focus-visible,.service-category-grid button:focus-visible,.support-thread-list a:focus-visible,.support-modal button:focus-visible,.support-modal a:focus-visible{outline:2px solid var(--support-green);outline-offset:2px}
@media(max-width:374px){.support-header{padding-left:9px;padding-right:9px}.support-header h1{font-size:21px}.support-header p{display:none}.support-main{padding-left:8px;padding-right:8px}.support-hero-copy{width:76%;padding-left:13px}.support-hero-copy h2{font-size:16px}.support-hero-copy>a{width:165px}.support-agent{right:-29px}.service-category-grid{gap:5px}.service-category-grid>a,.service-category-grid>button{min-height:89px}.recent-support>header>small{display:none}.support-thread-list>a{grid-template-columns:32px minmax(0,1fr) minmax(47px,57px) 18px;gap:5px}.support-thread-list time{font-size:7px}.support-thread-list b,.support-thread-list b .ui-icon{width:18px}}
@media(prefers-reduced-motion:reduce){.support-status{transition:none}}
