/* Clave's responsive owner and team reporting views. */
body:has(.responsive-dashboard){--app-shell-width:1496px}
body:has(.responsive-dashboard) .app-header{background:#062f70;box-shadow:none}
.page-main:has(.responsive-dashboard)>.page-heading{display:none}
.responsive-dashboard{--rd-red:#9b1c1c;--rd-green:#17643a;color:#000;max-width:1440px;margin:auto;font-family:Roboto,Arial,sans-serif;font-size:14px;line-height:1.5}
.responsive-dashboard *{box-sizing:border-box;min-width:0}
.responsive-dashboard h1,.responsive-dashboard h2,.responsive-dashboard strong{overflow-wrap:anywhere}
.responsive-dashboard h1{font-size:28px;line-height:1.2;margin:0 0 8px}
.responsive-dashboard h2{font-size:18px;line-height:1.35;margin:0 0 10px}
.responsive-dashboard h3{font-size:15px;margin:16px 0 6px}
.responsive-dashboard p{margin:8px 0 14px;overflow-wrap:anywhere}
.responsive-dashboard .bad{color:var(--rd-red)}
.responsive-dashboard .good{color:var(--rd-green)}
.responsive-dashboard .neutral,.responsive-dashboard .muted{color:#000}
.rd-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.rd-card{background:#fff;border:1px solid #dbe7f7;border-radius:12px;padding:20px;margin:0 0 16px}
.rd-periods,.rd-teams{display:grid;gap:16px;margin:20px 0 24px}
.rd-periods .rd-card,.rd-teams .rd-card{margin:0}
.responsive-dashboard .rd-amount{display:block;font-size:32px;line-height:1.2;font-weight:750;margin:12px 0 16px;overflow-wrap:anywhere}
.responsive-dashboard .rd-trend,.responsive-dashboard .rd-target{font-size:14px;font-weight:700;line-height:1.5}
.rd-period-tabs{display:flex;gap:6px;background:#e8effa;padding:4px;border-radius:9px;margin-top:20px}
.rd-period-tabs a{flex:1;text-align:center;text-decoration:none;padding:9px 4px;border-radius:6px;font-weight:700;color:#062f70}
.rd-period-tabs a[aria-current=true]{background:#08439b;color:#fff}
.rd-period:not(.rd-selected){display:none}
.rd-week-switch{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.rd-week-switch a{padding:6px 10px;border:1px solid #b9cce9;border-radius:6px;font-weight:700}
.rd-week-switch a[aria-current=true]{background:#e9f1ff;color:#062f70}
.rd-team-trend{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #e3eaf4}
.rd-team-trend>span{text-align:right;max-width:65%}
.rd-team .button{margin-top:16px}
.rd-person{display:flex;gap:12px;align-items:center;padding:16px 0;border-top:1px solid #e3eaf4;text-decoration:none;color:#000}
.rd-person>span:not(.rd-dot-neutral):not(.rd-open){flex:1}
.rd-person strong,.rd-person>span>span{display:block}
.rd-person .rd-open{flex:0 0 auto;font-size:12px;color:#08439b;text-decoration:underline}
.rd-status-dot,.rd-dot-neutral{flex:0 0 10px;width:10px;height:10px;display:inline-block;vertical-align:middle}
.rd-dot-neutral{border-radius:50%;background:#666}
.rd-scenario summary{font-weight:700;cursor:pointer;font-size:17px}
.rd-scenario{background:#fde8e8}
.rd-calculation{font-size:12px;margin-top:12px}
.rd-calculation summary{cursor:pointer}
.rd-date{font-size:12px}
.rd-scenario-inputs{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.rd-scenario input{display:block;width:100%;margin-top:8px;min-height:44px}
.rd-back{display:inline-block;margin-bottom:16px;font-weight:700}
.rd-links{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0}
.rd-footnote{font-size:12px}
.responsive-dashboard a:focus-visible,.responsive-dashboard input:focus-visible{outline:3px solid #e98c00;outline-offset:3px}
@media(min-width:1000px){.rd-period-tabs{display:none}.rd-periods{grid-template-columns:repeat(4,minmax(0,1fr))}.rd-period:not(.rd-selected){display:block}.rd-teams{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.responsive-dashboard h1{font-size:25px}.rd-card{padding:16px}.rd-heading{gap:4px}.rd-team-trend{display:block}.rd-team-trend>span{display:block;text-align:left;max-width:none}.rd-person .rd-open{font-size:11px;max-width:45px}.responsive-dashboard .rd-amount{font-size:30px}}
