/* BYSUR modern console. Additive styles preserve Filament interactions. */
:root{--retail-ink:#181c38;--retail-teal:#4355f9;--retail-mute:#5b6480;--retail-line:#e1e6f2;--retail-paper:#f5f6fb}
.fi-body{background:#f5f6fb}.fi-main{padding-block:2rem}.fi-header-heading{font-weight:750;letter-spacing:-.04em}
.fi-sidebar{background:#fff;border-right:1px solid #e1e6f2}
.fi-sidebar-header,.fi-topbar{background:#fff;border-color:#e1e6f2}.fi-topbar{box-shadow:0 3px 18px #17264b04}
.fi-sidebar-nav{padding:1.25rem 1rem}.fi-sidebar-item a{border-radius:12px;margin-block:3px}
.fi-sidebar-item.fi-active>a,.fi-sidebar-item a[aria-current=page]{background:#edf0ff;color:#3446d3}
.fi-logo:is(img){height:2rem;padding:.55rem!important}
.retail-hero{background:#1c2047;color:#fff;border:0;border-radius:26px;overflow:hidden;padding:clamp(26px,4vw,48px);position:relative}
.retail-hero:after{content:"";position:absolute;right:-100px;top:-150px;width:500px;height:500px;background:radial-gradient(circle,#8a83ff38,transparent 65%);pointer-events:none}
.retail-hero h2{color:white;font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.045em;line-height:1.1;max-width:19ch}
.retail-hero p:last-child{color:#d4d9f1;max-width:49ch}
.retail-hero .retail-eyebrow{color:#bcc4ff}
.retail-hero-art{max-width:330px;width:35%;position:relative;z-index:1}
.retail-indicators>div{border:1px solid #e1e6f2;border-radius:18px;box-shadow:0 5px 18px #17264b04;position:relative;overflow:hidden}
.retail-indicators>div:after{content:"";position:absolute;right:-15px;top:-15px;width:65px;height:65px;border-radius:50%;background:#edf0ff}
.retail-indicators>div:nth-child(2):after{background:#e9f5dd}.retail-indicators>div:nth-child(3):after{background:#fff0de}
.retail-indicators dd{font-size:2.3rem;color:#2636b8}.retail-indicators dd a{text-decoration:none}
.retail-task-grid{gap:20px}.retail-task{border:1px solid #e1e6f2;border-radius:20px;box-shadow:0 6px 20px #17264b05}
.retail-task:hover{border-color:#a1adfc;transform:translateY(-3px);box-shadow:0 12px 25px #17264b0b}
.retail-task>img{height:165px;background:#eef1fc;object-fit:contain;padding:14px}
.retail-task-body{padding:23px}.retail-task h3{font-size:1.2rem;letter-spacing:-.02em}.retail-task h3 span{background:#edf0ff;width:28px;height:28px;text-align:center;border-radius:50%;line-height:28px}
.retail-report-intro{background:linear-gradient(125deg,#edf0ff,#f6f3ff);border:1px solid #dfe4fc;border-radius:22px;padding:26px 30px}
.retail-report-intro h2{font-size:1.5rem;font-weight:750;letter-spacing:-.03em}.retail-report-intro p{color:#505b79;max-width:72ch}
.retail-filter-card{border-radius:20px;box-shadow:0 5px 20px #17264b04;border-color:#e1e6f2}
.fi-page input:not([type=checkbox]):not([type=radio]),.fi-page select,.fi-page textarea{border:1px solid #cdd5e8;border-radius:11px;color:#1c2745}
.fi-page .cat-btn,.fi-btn{border-radius:11px;font-weight:650}
.retail-team-report>.cat-btn{background:#4355f9;box-shadow:0 4px 14px #4355f91c;border:0}
.fi-page .cat-card,.fi-section{border-color:#e1e6f2;border-radius:20px;box-shadow:0 5px 20px #17264b04}
.fi-page th{background:#eef1fa;color:#35405f}.fi-page td,.fi-page th{border-color:#e5e9f2;padding:15px}
.fi-ta-ctn{border-radius:20px;overflow:hidden}.fi-ta-header{background:#fff}
.retail-report-cards{gap:18px!important}
.retail-report-card{background:#fff;border:1px solid #e1e6f2;border-radius:20px;padding:24px;box-shadow:0 5px 20px #17264b04}
.retail-report-card h3{font-size:1.05rem;border-bottom:1px solid #e5e9f2;padding-bottom:16px;margin-bottom:15px;color:#2636b8}
.retail-report-card dt{font-size:.82rem;color:#64718d}.retail-report-card dd{font-size:.92rem}
.cat-btn:focus-visible,.fi-page a:focus-visible,.fi-page button:focus-visible{outline:3px solid #a97810;outline-offset:3px}
@media(min-width:1280px){.fi-main{max-width:1400px}}
@media(max-width:640px){.retail-hero-art{display:block;width:170px;max-height:130px;align-self:center}.retail-hero{flex-direction:column;gap:12px;padding:25px}.retail-hero h2{max-width:none;font-size:2rem}.retail-report-intro{padding:22px}.retail-task>img{height:150px}.retail-task-body{padding:20px}.fi-header-heading{font-size:1.7rem!important}}
@media(prefers-reduced-motion:no-preference){.retail-task{transition:transform .16s ease,box-shadow .16s ease}}
@media(prefers-color-scheme:dark){.dark .fi-body{background:#f5f6fb}}

.h5p-shell .h5p-hero{background:linear-gradient(120deg,#191a3d,#36366b);box-shadow:none}
.h5p-shell .h5p-kicker{color:#d9f58c}.h5p-shell .h5p-step{background:#5147e5}
.h5p-shell .h5p-card{border-color:#e6e6ef}.h5p-shell .h5p-card h3{color:#262544}
.h5p-shell .h5p-card input[type=checkbox]{width:20px;height:20px;display:inline-block;margin-right:8px;accent-color:#5147e5}
.h5p-shell .h5p-card input:focus,.h5p-shell .h5p-card textarea:focus,.h5p-shell .h5p-card select:focus{outline:3px solid #c8c3ff;outline-offset:2px}

/* Team reports: readable cards shared by HR and managers. */
body .retail-team-report .bysur-session-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:24px;margin-top:22px}
body .retail-team-report .bysur-session-card{border:1px solid #e6e6ef;border-top:5px solid #5147e5;border-radius:22px;padding:26px;box-shadow:0 12px 28px #20203f08}
body .retail-team-report .bysur-session-card h3{font-size:1.2rem;line-height:1.35;color:#24233f;margin-bottom:22px}
body .retail-team-report .bysur-session-card dl{gap:14px 20px;grid-template-columns:minmax(80px,.7fr) minmax(0,1.5fr)}
body .retail-team-report .bysur-session-card dt{font-size:.75rem;letter-spacing:.04em;color:#65667d;text-transform:uppercase}
body .retail-team-report .bysur-session-card dd strong{display:inline-block;background:#eeedff;color:#4037a8;border-radius:99px;padding:4px 12px}
@media(max-width:760px){body .retail-team-report .bysur-session-card{padding:20px}.retail-report-intro h2{font-size:1.6rem}}