/* Owned retail workspace, scoped to Filament. No remote font or script. */
:root{--retail-ink:#132f3b;--retail-teal:#146d60;--retail-mute:#52656b;--retail-line:#dbe3de;--retail-paper:#fcfbf7}
.fi-body{background:var(--retail-paper)}
.fi-sidebar-header,.fi-topbar{border-color:var(--retail-line)}
.retail-home{color:var(--retail-ink)}
.retail-hero{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:clamp(1.5rem,4vw,3rem);background:#e8f0e9;border:1px solid #d3e3d9;border-radius:1.25rem}
.retail-eyebrow{font-size:.72rem;font-weight:750;letter-spacing:.13em;color:var(--retail-teal);margin:0 0 .8rem;text-transform:uppercase}
.retail-hero h2{font-size:clamp(1.65rem,3vw,2.8rem);line-height:1.16;letter-spacing:-.035em;font-weight:750;max-width:42rem;margin:0 0 1rem}
.retail-hero p:last-child{max-width:37rem;line-height:1.65;color:#425e5d}
.retail-hero-art{width:32%;max-width:320px;height:auto}
.retail-indicators{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0 .7rem}
.retail-indicators>div{display:flex;flex-direction:column-reverse;gap:.2rem;padding:1.25rem 1.5rem;background:white;border:1px solid var(--retail-line);border-radius:1rem}
.retail-indicators dt{font-size:.88rem;color:var(--retail-mute)}
.retail-indicators dd{font-size:2rem;font-weight:750;line-height:1.2;letter-spacing:-.04em}
.retail-caption{font-size:.8rem;color:var(--retail-mute);line-height:1.6}
.retail-section-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:2rem 0 1rem}
.retail-section-heading h2{font-size:1.35rem;font-weight:750;letter-spacing:-.02em}
.retail-section-heading span{font-size:.8rem;color:var(--retail-mute)}
.retail-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.retail-task{display:flex;flex-direction:column;background:white;border:1px solid var(--retail-line);border-radius:1rem;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 3px 12px #122d3a04}
.retail-task:hover{border-color:#6f9e8b;box-shadow:0 8px 25px #122d3a0d}
.retail-task>img{width:100%;height:145px;object-fit:cover}
.retail-task-body{padding:1.4rem}
.retail-task h3{font-size:1.12rem;font-weight:750;line-height:1.4;margin:0 0 .65rem}
.retail-task h3 span{float:right;color:var(--retail-teal)}
.retail-task-body>p:last-child{color:var(--retail-mute);font-size:.88rem;line-height:1.65;margin:0}
.retail-empty{padding:2rem;border:1px dashed #94afa2;border-radius:1rem;background:#fff;grid-column:1/-1}
.retail-empty h3{font-size:1.15rem;font-weight:700;margin-bottom:.7rem}
.retail-task:focus-visible,.retail-indicators a:focus-visible,.fi-page a:focus-visible,.fi-page button:focus-visible,.fi-page summary:focus-visible{outline:3px solid #146d60;outline-offset:4px}
.fi-page{color:var(--retail-ink)}
.fi-page h2,.fi-page h3{letter-spacing:-.015em}
.fi-page select,.fi-page input:not([type=checkbox]):not([type=radio]),.fi-page textarea{min-height:44px;max-width:100%;border:1px solid #97ada3;border-radius:.5rem;padding:.6rem .75rem;background:#fff;color:#132f3b}
.fi-page button:not(.fi-icon-btn),.fi-page summary{min-height:44px}
.fi-page table{border-collapse:collapse}
.fi-page th,.fi-page td{padding:.8rem;vertical-align:top;border-bottom:1px solid var(--retail-line)}
.fi-page th{background:#f2f5ef;font-size:.78rem;font-weight:750}
.fi-page .cat-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.25rem}
.fi-page .cat-card{border-color:var(--retail-line);border-radius:1rem;background:#fff;padding:1.4rem;min-width:0}
.fi-page .cat-card h3{font-size:1.2rem;font-weight:750}
.fi-page .cat-btn{min-height:44px;border-color:#94afa2;color:#145c51;font-weight:650;border-radius:.5rem;padding:.55rem .85rem}
.fi-page .cat-small{color:var(--retail-mute)}
.cat-course-art{width:calc(100% + 2.8rem);max-width:none;height:150px;object-fit:cover;margin:-1.4rem -1.4rem 1.2rem;border-radius:1rem 1rem 0 0}
.retail-filter-card{padding:1.5rem;background:white;border:1px solid var(--retail-line);border-radius:1rem}
.retail-report-intro{padding:1.5rem;background:#e8f0e9;border-radius:1rem;color:#132f3b}
.retail-report-intro h2{font-size:1.3rem;font-weight:750;margin-bottom:.5rem}
.retail-report-intro p{line-height:1.6;color:#425e5d}
@media(max-width:1000px){.retail-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.retail-hero-art{display:none}.retail-task-grid,.retail-indicators{grid-template-columns:minmax(0,1fr)}.retail-indicators>div{flex-direction:row;align-items:center;justify-content:space-between}.retail-indicators dd{font-size:1.6rem}.retail-section-heading{align-items:start;flex-direction:column}.retail-task>img{height:140px}}
.dark .fi-body,.dark .fi-page{--retail-ink:#edf4ef;--retail-mute:#c0d0c8;--retail-line:#466056;--retail-paper:#152c29}
.dark .retail-task,.dark .retail-indicators>div,.dark .retail-empty,.dark .retail-filter-card,.dark .fi-page .cat-card{background:#1d3732}
.dark .retail-task .retail-eyebrow{color:#9ed7bc}
.dark .fi-page select,.dark .fi-page input:not([type=checkbox]):not([type=radio]),.dark .fi-page textarea{background:#1d3732;color:#edf4ef}
.dark .fi-page th{background:#25463b}
.dark .fi-page .cat-btn{color:#a8e0c5}
@media(prefers-reduced-motion:reduce){.retail-task{transition:none}}

/* The close action belongs inside the mobile drawer, above its own content. */
.retail-sidebar-close{display:none}
@media(max-width:1023px){.retail-sidebar-close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;margin-inline-start:auto;border:1px solid var(--retail-line);border-radius:.65rem;color:var(--retail-ink);background:var(--retail-paper)}.retail-sidebar-close:focus-visible{outline:3px solid var(--retail-teal);outline-offset:2px}}

/* Report filters remain usable without relying on uncompiled Tailwind utilities. */
.retail-report-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.retail-report-filters label{display:flex;flex-direction:column;gap:.45rem;min-width:0;font-weight:600}
.retail-report-filters input,.retail-report-filters select{width:100%;min-width:0;min-height:44px;font-weight:400}
.retail-team-report>.cat-btn{display:inline-flex;margin:1rem 0;padding:.7rem 1.2rem;background:#006c66;color:#fff;border-radius:.6rem;min-height:44px}
.retail-report-table{max-width:100%;overflow-x:auto;margin-top:1rem;border:1px solid var(--retail-line);border-radius:.75rem}
.retail-report-table table{min-width:880px;width:100%;border-collapse:collapse}
.retail-report-reference{display:block;margin-top:.35rem;color:#526a69;font-size:.75rem}
@media(max-width:900px){.retail-report-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.retail-report-filters{grid-template-columns:1fr}.retail-filter-card{padding:1rem}}

.retail-report-table table{min-width:1400px}
.retail-report-table th:nth-child(1){width:160px}
.retail-report-table th:nth-child(2){width:260px}
.retail-report-table th:nth-child(3){width:280px}
.retail-report-table td:nth-child(4),.retail-report-table td:nth-child(9){min-width:130px}
.retail-report-table td{vertical-align:top}

.retail-guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1rem 0}.retail-guide-card{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border:1px solid var(--retail-line);border-radius:1rem;background:#fff;color:#123b37;min-height:120px}.retail-guide-card span{color:#006c66}.retail-guide-card:hover,.retail-guide-card:focus-visible{outline:2px solid #006c66;outline-offset:3px}
