.to-panel.to-support{padding:24px;background:#f2f5fa;border:1px solid #e3eaf4;border-radius:21px;max-width:1320px;--ink:#23364f}.to-panel.to-support .to-top{position:relative;border:0;border-radius:16px;padding:28px 32px;min-height:205px;background:radial-gradient(ellipse at 10% 60%,#376a9d55,transparent 60%),linear-gradient(125deg,#102137,#203d61);overflow:hidden;gap:30px;color:#fff}.to-panel.to-support .to-top:after{content:'';position:absolute;left:-55px;top:-110px;width:350px;height:350px;border:1px solid #a4c6e61b;border-radius:50%;pointer-events:none}.to-panel.to-support .to-eyebrow{color:#8cafd6;font-size:9px;letter-spacing:2px}.to-panel.to-support .to-top h2{font-size:29px;color:#fff;margin:9px 0 6px;font-weight:750;line-height:1.7}.to-panel.to-support .to-top p{color:#adbed5;font-size:12px;max-width:620px}.to-support-summary{display:flex;align-items:center;gap:12px;margin-top:19px;flex-wrap:wrap}.to-support-summary>span{display:inline-flex;align-items:center;gap:6px;border:1px solid #a3c8f025;background:#ffffff08;border-radius:7px;padding:5px 10px;color:#cfdef1;font-size:10px}.to-support-summary svg{width:15px;height:15px;color:#8cbafb}.to-support-art{position:relative;flex-shrink:0;width:190px;height:142px;margin-left:20px}.to-art-ticket{position:absolute;width:125px;height:90px;border:1px solid #8ab6e54f;border-radius:15px;box-shadow:0 13px 25px #07162b33}.to-art-back{top:2px;left:8px;transform:rotate(-13deg);background:linear-gradient(130deg,#2d577f,#294561);display:grid;place-items:center}.to-art-back svg{width:37px;height:37px;color:#a6c9ed}.to-art-front{top:43px;right:0;transform:rotate(8deg);background:linear-gradient(145deg,#e5f0ff,#c7dcf6);padding:17px}.to-art-front>svg{width:24px;height:24px;color:#4880c3}.to-art-front>i{position:absolute;left:14px;top:20px;width:7px;height:7px;background:#4fac98;border-radius:50%;box-shadow:0 0 0 4px #4fac9814}.to-art-front>b{display:block;height:4px;width:60px;background:#759dce55;border-radius:10px;margin-top:8px}.to-art-front>b+b{width:40px;margin-top:5px}.to-art-check{position:absolute;right:-5px;top:27px;width:31px;height:31px;display:grid;place-items:center;background:#b6e9d7;border:3px solid #1e3958;border-radius:50%;color:#288e71}.to-art-check svg{width:18px;height:18px}
.to-panel.to-support .to-stats{gap:12px;margin:20px 0}.to-panel.to-support .to-stat{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;text-align:right;min-height:117px;padding:14px 14px 10px;border-radius:12px;border-color:#e0e7f1;background:#fff;box-shadow:0 3px 15px #24456803;transition:transform .18s,border-color .18s,box-shadow .18s;overflow:visible}.to-panel.to-support .to-stat:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 40%,white);box-shadow:0 9px 20px #18355709}.to-panel.to-support .to-stat.is-active{border-color:color-mix(in srgb,var(--accent) 65%,white);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,white),white);box-shadow:0 5px 16px #1769ff09}.to-panel.to-support .to-stat-icon{grid-column:1;grid-row:1;width:31px;height:31px;display:grid;place-items:center;color:var(--accent);border-radius:9px;background:color-mix(in srgb,var(--accent) 9%,white);margin:0}.to-panel.to-support .to-stat-icon svg{width:21px;height:21px;color:var(--accent);stroke-width:1.6}.to-panel.to-support .to-stat-icon i{display:none}.to-panel.to-support .to-stat>span:nth-child(2){grid-column:1;grid-row:2;font-size:10px;color:#657a96;white-space:normal;line-height:1.7}.to-panel.to-support .to-stat strong{grid-column:2;grid-row:1/span 2;align-self:center;font-size:28px;font-weight:700;line-height:1.2;color:var(--accent)}.to-panel.to-support .to-stat-foot{grid-column:1/-1;grid-row:3;justify-content:space-between;margin:6px 0 0;padding:7px 0 0;border-top:1px solid #edf1f7;font-size:8px;color:#9ba9bd;gap:4px}.to-panel.to-support .to-stat-foot svg{width:12px;height:12px}
.to-panel.to-support .to-tools{padding:15px 17px;border-color:#e0e8f3;border-radius:13px;background:#fff;gap:15px;margin-bottom:15px;box-shadow:0 3px 15px #24456802}.to-panel.to-support .to-tools>strong{font-size:12px;color:#314a6a}.to-panel.to-support .to-tools>strong>span{font-size:10px}.to-panel.to-support .to-filter{flex-basis:500px;gap:8px!important;grid-template-columns:repeat(3,minmax(115px,1fr)) auto}.to-panel.to-support .to-picker{border-color:#e5ebf4!important;background:#f8fafd!important;border-radius:9px!important}.to-panel.to-support .to-picker summary{padding:8px 11px!important}.to-panel.to-support .to-picker small{font-size:8px}.to-panel.to-support .to-picker b{font-size:10px;margin-top:4px}.to-panel.to-support .to-filter-btn{font-size:10px!important;border-radius:9px!important;padding:10px 14px!important}.to-panel.to-support .to-picker-options{box-shadow:0 12px 28px #183b6f1c}
.to-panel.to-support .to-tickets{gap:11px}.to-panel.to-support .to-ticket{padding:17px 18px;gap:18px;grid-template-columns:minmax(190px,1.5fr) minmax(130px,1fr) minmax(100px,.7fr) minmax(135px,1fr) auto;border:1px solid #e1e8f3;border-inline-start:3px solid var(--accent);border-radius:12px;box-shadow:0 3px 15px #1b3a6503;min-height:104px;transition:box-shadow .18s,border-color .18s}.to-panel.to-support .to-ticket:hover{border-color:#c9daf4;border-inline-start-color:var(--accent);box-shadow:0 7px 22px #16386108;background:#fff}.to-panel.to-support .to-row-icon{width:39px;height:43px;border-radius:11px;background:color-mix(in srgb,var(--accent) 7%,white)}.to-panel.to-support .to-row-icon svg{width:24px;height:24px;stroke-width:1.45}.to-panel.to-support .to-subject h3{font-size:13px;margin:4px 0 5px;color:#203c5f}.to-panel.to-support .to-subject small{font-size:9px;color:#91a0b6}.to-panel.to-support .to-owner{font-size:9px;padding:1px 8px;background:#f1f5fb;color:#8498b3}.to-panel.to-support .to-agent b{font-size:11px;color:#43617f}.to-panel.to-support .to-agent small{font-size:9px;color:#99a8bc;margin-bottom:3px}.to-panel.to-support .to-avatar{width:32px;height:32px;border-radius:10px;background:#f0f5fc}.to-panel.to-support .to-avatar svg{width:17px;height:17px}.to-panel.to-support .to-state>span{font-size:9px;padding:4px 9px;border-radius:7px}.to-panel.to-support .to-state small{font-size:9px;margin-top:6px}.to-panel.to-support .to-date time{font-size:10px;font-variant-numeric:tabular-nums;color:#6c819e}.to-panel.to-support .to-date small{font-size:9px;margin-top:5px}.to-panel.to-support .to-view{border:1px solid #dce8fb;border-radius:8px;background:#f0f6ff;padding:9px 11px;color:#3378dc!important;font-size:10px}.to-panel.to-support .to-view:hover{background:#1769ff;color:#fff!important;border-color:#1769ff}.to-panel.to-support .to-view svg{width:14px;height:14px}.to-panel.to-support .to-empty{padding:40px 20px;border-color:#dce5f3}.to-panel.to-support .to-empty>svg{padding:12px;box-sizing:content-box;background:#eef4ff;border-radius:18px;width:32px;height:32px}.to-panel.to-support .to-footer{padding:0 3px;font-size:10px;margin-top:22px;color:#7f93af}.to-panel.to-support .to-footer span{font-size:9px;color:#a0adbf}
@container(max-width:1080px){.to-panel.to-support .to-ticket{grid-template-columns:minmax(170px,1.5fr) minmax(115px,1fr) minmax(100px,.8fr) auto;gap:14px}.to-panel.to-support .to-date{display:none}.to-panel.to-support .to-inline-date{display:block;direction:ltr;text-align:right;font-size:9px;margin-top:3px;color:#9ba8bb}.to-panel.to-support .to-stats{gap:9px}.to-panel.to-support .to-stat{padding:12px 10px 8px}.to-panel.to-support .to-stat strong{font-size:25px}}
@container(max-width:800px){.to-panel.to-support .to-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.to-panel.to-support .to-stat{min-height:109px;padding:12px 14px 8px}.to-panel.to-support .to-filter{width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr)) auto}.to-panel.to-support .to-top{padding:26px}.to-support-art{width:160px;transform:scale(.85);margin-left:0}.to-panel.to-support .to-top h2{font-size:26px}.to-panel.to-support .to-top p{font-size:11px}}
@container(max-width:620px){.to-panel.to-support .to-top{padding:23px 21px;min-height:0;display:block}.to-support-art{display:none}.to-panel.to-support .to-top h2{font-size:24px}.to-panel.to-support .to-eyebrow{font-size:8px}.to-support-summary{margin-top:15px;gap:8px}.to-support-summary>span{font-size:9px;padding:4px 8px}.to-panel.to-support .to-stats{gap:8px;margin:15px 0}.to-panel.to-support .to-stat{padding:11px 9px 7px;min-height:103px}.to-panel.to-support .to-stat strong{font-size:24px}.to-panel.to-support .to-stat>span:nth-child(2){font-size:9px}.to-panel.to-support .to-stat-foot{font-size:7px}.to-panel.to-support .to-ticket{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px;min-height:0}.to-panel.to-support .to-subject{grid-column:1;grid-row:1}.to-panel.to-support .to-state{grid-column:2;grid-row:1;text-align:left}.to-panel.to-support .to-agent{grid-column:1;grid-row:2}.to-panel.to-support .to-agent small{display:none}.to-panel.to-support .to-view{grid-column:2;grid-row:2;font-size:9px;padding:7px 9px}.to-panel.to-support .to-row-icon{width:32px;height:37px}.to-panel.to-support .to-subject h3{font-size:12px}.to-panel.to-support .to-owner{display:none}.to-panel.to-support .to-agent b{font-size:10px}.to-panel.to-support .to-tools{padding:12px}.to-panel.to-support .to-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.to-panel.to-support .to-filter-btn{min-height:51px}}
@media(max-width:650px){.to-panel.to-support{padding:13px;border-radius:15px}}@media(prefers-reduced-motion:reduce){.to-panel.to-support .to-ticket,.to-panel.to-support .to-stat{transition:none}.to-panel.to-support .to-stat:hover{transform:none}}
#wpbody-content>.to-panel.to-support{max-width:1320px;margin:24px auto}
@media(max-width:650px){#wpbody-content>.to-panel.to-support{margin:12px 10px 12px 0}}

/* Match the customer's ticket SVG and colored dot in the staff statistics. */
.to-panel.to-support .to-stat-icon{background:transparent;color:#7f8d9f;position:relative}.to-panel.to-support .to-stat-icon svg{color:#7f8d9f;stroke-width:1.25;width:29px;height:29px}.to-panel.to-support .to-stat-icon i{display:block;position:absolute;left:-1px;top:6px;width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:var(--accent);box-sizing:content-box}
.to-support .to-top .to-staff-new{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:9px 15px;border-radius:11px;background:#fff;color:#1769ff;border:1px solid #ffffff60;font-size:12px;text-decoration:none;width:fit-content}.to-support .to-top .to-staff-new svg{width:18px;height:18px}
/* Explicit foreground prevents the shared white button text from disappearing. */
.to-panel.to-support .to-top a.to-btn.to-staff-new,.to-panel.to-support .to-top a.to-btn.to-staff-new:visited{background:#1769ff!important;color:#fff!important;border:1px solid #4d96ff!important;box-shadow:0 4px 12px #071d3b26;opacity:1}.to-panel.to-support .to-top a.to-btn.to-staff-new svg{color:#fff!important;stroke:currentColor}.to-panel.to-support .to-top a.to-btn.to-staff-new:hover{background:#0d58df!important;color:#fff!important}