/* E.K.İ.M. Planlama ve Yönetim Merkezi: scoped, responsive school-admin design. */
.ekpm{max-width:1500px;margin:0 auto;color:#18314b}
.ekpm *{box-sizing:border-box}
.ekpm-head{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(115deg,#153e62,#225f90);border-radius:18px;padding:27px 30px;color:#fff;margin-bottom:16px}
.ekpm-head h1{margin:5px 0 7px;font-size:clamp(22px,2.4vw,32px);color:#fff}
.ekpm-head p{margin:0;color:#e0edfa}
.ekpm-eyebrow{font-size:12px;letter-spacing:.12em;font-weight:750}
.ekpm-head button{border:1px solid #ffffff99;color:white;background:#ffffff16;border-radius:10px;padding:11px 15px;cursor:pointer}
.ekpm-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.ekpm-stats>div{display:flex;flex-direction:column;gap:5px;background:#fff;border:1px solid #d8e5f1;border-radius:14px;padding:17px 20px;box-shadow:0 3px 12px #153e620c}
.ekpm-stats b{font-size:29px;color:#175684}
.ekpm-stats span{font-size:13px;color:#536d84}
.ekpm-card{background:#fff;border:1px solid #dbe6ef;border-radius:16px;padding:20px 22px;margin-bottom:18px;box-shadow:0 4px 17px #153e620b}
.ekpm-card h2{font-size:19px;color:#153e62;margin:0 0 16px}
.ekpm-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ekpm-fields label,.ekpm-list-head label{display:flex;flex-direction:column;font-weight:650;gap:6px;font-size:13px;color:#31516f;min-width:0}
.ekpm-fields input,.ekpm-fields select,.ekpm-fields textarea,.ekpm-list-head select{display:block;width:100%;border:1px solid #c7d8e6;border-radius:9px;padding:10px 11px;background:#fff;color:#1a354f;font:inherit;min-height:40px}
.ekpm-fields input:focus,.ekpm-fields select:focus,.ekpm-fields textarea:focus{outline:2px solid #5ca1d2;outline-offset:1px}
.ekpm-fields .ekpm-full{grid-column:span 2}
.ekpm-form-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap;margin-top:15px}
.ekpm-form-footer small{margin-right:auto;color:#62758a;max-width:550px}
.ekpm button{cursor:pointer}
.ekpm-form-footer button{border:1px solid #c5d9e9;border-radius:9px;padding:11px 15px;background:#edf4fa;color:#214c6e}
.ekpm-form-footer .primary{background:#1b638f;color:#fff;border-color:#1b638f}
.ekpm-list-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.ekpm-list-head h2{margin:0 auto 0 0}
.ekpm-list-head label{width:min(190px,40%)}
.ekpm-scroll{max-width:100%;overflow:auto}
.ekpm table{width:100%;min-width:780px;border-collapse:collapse;font-size:13px}
.ekpm th,.ekpm td{text-align:left;padding:12px 10px;border-bottom:1px solid #e3ebf3;vertical-align:top}
.ekpm th{background:#edf4fa;color:#1e506f;white-space:nowrap}
.ekpm td small{display:block;color:#6b7d8d;margin-top:5px;font-size:12px;overflow-wrap:anywhere}
.ekpm td small.ekpm-late{color:#af3e30;font-weight:700}
.ekpm-actions{min-width:155px}
.ekpm-actions button{padding:5px 8px;margin:0 5px 5px 0;font-size:12px;background:#edf5fb;border:1px solid #cfdeea;border-radius:7px;color:#205e84}
.ekpm-actions [data-plan-delete]{color:#a63d3d;background:#fff4f4;border-color:#efd9d9}
.ekpm-foot{font-size:12px;color:#607389;margin:0 4px 18px}
@media(max-width:1100px){.ekpm-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
 .ekpm-head{flex-direction:column;align-items:stretch;padding:20px 16px}
 .ekpm-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ekpm-stats>div{padding:12px 13px}
 .ekpm-card{padding:15px 12px}
 .ekpm-fields{grid-template-columns:1fr}
 .ekpm-fields .ekpm-full{grid-column:span 1}
 .ekpm-list-head label{width:calc(50% - 6px)}
 .ekpm-form-footer small{flex-basis:100%}
}