/* Standalone cell screens: visual changes only, no report/export changes. */
@media screen{
 body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:#f3f6fa;color:#14283e;line-height:1.55}
 .container,.page{max-width:1440px;margin-inline:auto}
 .card,.panel,.table-card,.form-card,.kpi,.summary-box,.stat-card{border:1px solid #dce4ec;border-radius:15px;box-shadow:0 5px 20px #14283e08;background:#fff}
 .official-header,.topbar{background:linear-gradient(115deg,#10263e,#1b466d);color:#fff;box-shadow:none}
 .official-header :is(h1,h2,.church-name,.subtitle),.topbar :is(h1,h2,.brand){color:#fff}
 .top-actions,.toolbar{gap:10px;flex-wrap:wrap}.top-actions a,.toolbar a,button,.btn,.btn-small{min-height:44px;border-radius:9px;line-height:1.4}
 input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid #aab9c9;border-radius:9px;min-height:46px;padding:11px 12px;font:inherit;max-width:100%;box-sizing:border-box}
 input[type=checkbox],input[type=radio]{accent-color:#173b6c;width:19px;height:19px}
 .table-wrap{max-width:100%;overflow:auto;border:1px solid #dce4ec;border-radius:12px}
 th{background:#edf2f7;color:#344a60;padding:14px 12px;font-size:12px}td{padding:14px 12px;border-color:#e4eaf0}table{font-variant-numeric:tabular-nums}
 :focus-visible{outline:3px solid #3979b6;outline-offset:3px}
 @media(max-width:700px){.container,.page{width:100%;padding:14px;box-sizing:border-box}.card,.panel{padding:17px}.filter-grid,.form-grid,.grid-2{grid-template-columns:1fr}.official-header{padding:22px 16px;flex-direction:column;align-items:start}.topbar-inner{padding:14px;flex-wrap:wrap;gap:14px}.top-actions{display:flex;flex-wrap:wrap}.kpi-grid,.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-grid>*,.summary-grid>*{min-width:0}input,select,textarea{font-size:16px!important}}
 @media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
}
@media screen{.grid-2>*,.layout>*,.kpi-grid>*,.summary-grid>*{min-width:0}.hero h1,.hero h2{color:#fff}.table-wrap{box-sizing:border-box}.layout{grid-template-columns:minmax(270px,1fr) minmax(0,3fr)}}@media screen and (max-width:900px){.layout{grid-template-columns:minmax(0,1fr)}.grid-2{grid-template-columns:minmax(0,1fr)}.hero{padding:22px 18px;flex-direction:column;align-items:start}.hero-title{min-width:0}.hero h1{font-size:26px}}