/* Quiet presentation layer. No data, permissions or action behavior changes. */
:root{--bg:#f6f7f8;--card:#fff;--ink:#303640;--muted:#69717c;--line:#e5e8ec;--red:#c52b36;--red-dark:#a51f2a;--red-soft:#fbf0f1;--shadow:none}
body{line-height:1.5;-webkit-font-smoothing:antialiased}
.sidebar{background:#fff;color:var(--ink);border-right:1px solid var(--line);gap:16px;padding:20px 14px}
.sidebar .brand{background:#bd2632;border-radius:10px;padding:10px 8px;color:#fff}
.sidebar .brand small{color:#fff0f1}
.sidebar .nav{color:#5d6571;font-weight:550;padding-top:10px;padding-bottom:10px}
.sidebar .nav:hover{background:#f3f4f6;color:#303640}
.sidebar .nav.active{background:#faedef;color:#ab2330;font-weight:650}
.sidebar .nav-group{margin:5px 0}
.sidebar .nav-group summary{color:#535b67;font-weight:600;opacity:1;padding-top:10px;padding-bottom:10px}
.sidebar .nav-group:has(.nav.active)>summary{background:transparent;color:#343c48}
.sidebar .nav-group .nav{font-weight:500;opacity:1}
.sidebar .nav-group .nav.active{font-weight:650}
.sidebar .kitapcik{background:#fafbfc;border:1px solid var(--line);color:#616a77;box-shadow:none}
.sidebar .kitapcik small{color:#6f7783}
.sidebar .status{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;color:#616a77;padding:14px 7px 0}
.sidebar .status-label,.sidebar .status span:last-child{color:#747d89}
.sidebar .mobile-session-control{color:var(--ink)}
.sidebar .mobile-nav-close{background:#f2f4f6;color:#535f6e;border-color:var(--line)}
.sidebar .mobile-session-control{background:#f8f9fa;border-color:var(--line)}
.sidebar .mobile-session-control button{background:#edf0f3;color:#465261;border-color:var(--line)}
main{padding:28px;max-width:1700px}
main>header{padding-bottom:20px;margin-bottom:28px;border-bottom:1px solid var(--line);align-items:center}
main>header h1{font-size:23px;font-weight:600;letter-spacing:-.035em}
main>header .eyebrow{font-size:9px;color:#6b7480;letter-spacing:.12em;font-weight:600}
main>header .subtitle{font-size:11px;color:#757d89;max-width:400px}
.header-actions label{font-weight:500;color:#757d89}
.header-actions select,.header-actions input{border-color:#dfe3e8;border-radius:7px;font-weight:500;background:#fff}
.session-control small{color:#68717d;font-size:11px}
.session-control button{background:transparent;color:#747d89;font-weight:500}
.section-heading{margin-bottom:22px}
.section-heading h2{font-size:21px;font-weight:600;line-height:1.4;letter-spacing:-.03em}
.section-heading .eyebrow{font-size:9px;font-weight:600;letter-spacing:.12em;color:#747d89}
.section-heading>p:not(.eyebrow){font-size:12px;line-height:1.65;margin-top:6px}
main>header .subtitle,.header-actions label,.session-control button,.section-heading .eyebrow,.sidebar .status-label,.sidebar .status span:last-child{color:#66707c}
.panel,.kpi,.branch-profile{box-shadow:none;border-color:var(--line);border-radius:12px;background:#fff}
.panel-title h2,.panel-title h3,.panel h2,.panel h3{font-weight:600}
.kpi strong{font-weight:600;font-variant-numeric:tabular-nums}
.soft-button{background:#f2f3f5;color:#565f6d;font-weight:600}
.soft-button:hover{background:#e9ecf0;color:#303640}
button:focus-visible,summary:focus-visible{outline:2px solid #a72834;outline-offset:3px}
/* Keep warnings legible and semantic colors intact; simplify only neutral surfaces. */
#branch360 .branch-360-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#branch360 .health-card{padding:22px;margin-bottom:0;overflow:hidden}
#branch360 .health-card:before{display:none}
#branch360 .health-head{margin-bottom:12px;align-items:center}
#branch360 .health-head h3{font-size:15px;font-weight:600;line-height:1.5}
#branch360 .health-head small{display:block;font-size:11px;color:#707986;margin-top:3px}
#branch360 .health-score{width:auto;height:auto;min-width:38px;padding:6px 10px;border-radius:7px;background:#f4f5f7;color:#657080;font-size:14px;font-weight:600}
#branch360 .health-metrics{gap:0 24px}
#branch360 .health-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
#branch360 .health-metrics>div{border:0;border-bottom:1px solid #edf0f3;border-radius:0;background:transparent;padding:13px 0}
#branch360 .health-metrics span{font-size:11px;color:#707986}
#branch360 .health-metrics b{font-size:15px;font-weight:550;line-height:1.5;margin-top:3px;font-variant-numeric:tabular-nums}
#branch360 .health-metrics>div:first-child b{font-size:20px;font-weight:600;color:#29323e}
#branch360 .target-line{margin-top:17px}
#branch360 .target-line small{font-size:11px;color:#707986}
#branch360 .target-line b{font-size:12px;font-weight:550;color:#555f6d;font-variant-numeric:tabular-nums}
#branch360 .bar-track{height:4px;background:#edf0f3;margin-top:9px}
#branch360 .target-line i.warn{background:#bd9042}
#branch360 .target-line i.good{background:#52876e}
#branch360 .target-line:last-child{margin-top:14px}
@media(min-width:1500px){#branch360 .branch-360-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:721px) and (max-width:1000px){.sidebar .brand{padding:6px 2px;overflow:hidden}.sidebar .brand>div{display:none}.sidebar .brand-logo{width:44px;height:44px;min-width:0}.sidebar .nav-group .nav.active{background:#c52b36}.sidebar .nav-group .nav{padding-top:4px;padding-bottom:4px}#branch360 .branch-360-grid{grid-template-columns:1fr}}
@media(max-width:720px){main{padding:18px 14px}main>header{align-items:stretch;padding-bottom:16px;margin-bottom:22px;gap:14px}main>header h1{font-size:21px}main>header .subtitle{font-size:11px}.header-actions{gap:7px}.header-actions select,.header-actions input{min-width:0;max-width:100%}.sidebar .brand{padding:10px 8px}#branch360 .branch-360-grid{grid-template-columns:1fr;gap:14px}#branch360 .health-card{padding:18px}#branch360 .health-metrics{gap:0 18px}#branch360 .target-line b{text-align:right;overflow-wrap:anywhere}.sidebar .mobile-session-control small{color:#69717c}}