/* EMSWIM Muhasebe — bütün yönetim ekranları için kompakt form ve kart teması */
:root{--em-page:#edf3f7;--em-surface:#f8fafc;--em-control:#e8eff5;--em-control-hover:#e0eaf2;--em-border:#c7d6e2;--em-border-soft:#dce6ee;--em-text:#1b3951;--em-muted:#607b90}
html{font-size:14px}
body{background:var(--em-page)!important;color:var(--em-text);line-height:1.45}
main{max-width:1140px;margin:22px auto;padding:0 18px}
h1{font-size:26px;line-height:1.25;letter-spacing:-.03em;margin-bottom:8px}
h2{font-size:18px;line-height:1.3;letter-spacing:-.02em}
h3{font-size:15px;letter-spacing:-.01em}
p{line-height:1.5}
header{min-height:60px}
.card,.record,.tile{border-color:var(--em-border-soft)!important;border-radius:12px!important;box-shadow:0 3px 13px rgba(23,58,86,.045)!important}
.card{background:var(--em-surface)!important;padding:18px!important;margin:14px 0!important}
.grid{column-gap:14px;row-gap:11px}
.grid>.wide{margin-top:1px}
.grid>.wide h3{margin:10px 0 2px;border-bottom:1px solid var(--em-border-soft);padding-bottom:7px;color:#205679}
label{font-size:12px!important;font-weight:600;color:var(--em-muted)!important;margin:0 0 5px!important}
input:not([type=hidden]),select,textarea{width:100%;min-height:36px;padding:7px 10px!important;border:1px solid var(--em-border)!important;border-radius:7px!important;background:var(--em-control)!important;color:var(--em-text)!important;font:inherit;box-shadow:none!important;transition:background .12s,border-color .12s,box-shadow .12s}
input:not([type=hidden]):hover,select:hover,textarea:hover{background:var(--em-control-hover)!important}
input:not([type=hidden]):focus,select:focus,textarea:focus{outline:none!important;border-color:#358bbd!important;background:#f4f9fc!important;box-shadow:0 0 0 3px rgba(40,133,183,.12)!important}
input[type=date],input[type=time],input[type=number]{font-variant-numeric:tabular-nums}
input::placeholder,textarea::placeholder{color:#8da0ae}
textarea{min-height:74px;max-height:180px;resize:vertical;line-height:1.4}
select[multiple]{min-height:74px;max-height:132px;padding:5px 8px!important}
select[multiple] option{padding:4px 6px;border-radius:4px}
button,.tab{min-height:35px;padding:8px 13px!important;border-radius:7px!important;font-size:13px!important;font-weight:650}
button:focus-visible,a:focus-visible{outline:3px solid rgba(34,139,193,.3);outline-offset:2px}
small,.form-intro{font-size:12px;color:var(--em-muted)}
.notice,.error{border-radius:8px;font-size:13px;padding:10px 12px}
.tile{padding:18px!important;min-height:145px!important}
.tile strong{font-size:16px!important}
.tile .symbol{font-size:26px!important}
.record{padding:17px!important;min-height:auto!important}
.record h3{font-size:17px!important}
.record p{margin:6px 0;font-size:12px!important}
.group-stats{padding:10px;margin:12px 0 6px}
.group-stats b{font-size:14px}
.page-heading{margin:17px 0 10px}
.page-heading h1{font-size:25px}
.page-heading p{font-size:13px}
.list-search{min-height:35px!important}
.record-grid{gap:12px}
.login{max-width:410px;margin:9vh auto}
@media(min-width:920px){main>section.card:has(form.grid),main>.card:has(form.grid){max-width:1080px}form.grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}form.grid>div{min-width:0}}
@media(max-width:720px){main{padding:0 12px;margin:14px auto}.card{padding:14px!important}.grid,form.grid{grid-template-columns:1fr!important;gap:10px!important}.wide{grid-column:auto}.tile{min-height:120px!important}input:not([type=hidden]),select{min-height:40px}.page-heading h1{font-size:23px}}
@media(prefers-reduced-motion:reduce){input,select,textarea,.tile,.record{transition:none!important}}
