/* E.K.İ.M. Personel ve Özlük — ortak okul idaresi görünümü */
.ekper{max-width:1530px;margin:0 auto;color:#1b3550;box-sizing:border-box}
.ekper *{box-sizing:border-box}
.ekper-header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:24px 28px;background:linear-gradient(115deg,#173a60,#225f8f);border-radius:17px;color:white}
.ekper-kicker{font-size:11px;font-weight:750;letter-spacing:1.6px;color:#c9dff4;margin:0 0 7px}
.ekper-header h1{margin:0 0 7px;color:white;font-size:clamp(20px,2.5vw,29px)}
.ekper-header p:not(.ekper-kicker){font-size:12px;color:#e4f1fd;line-height:1.5;max-width:760px;margin:0}
.ekper-header button{background:#fff;border:1px solid #fff;border-radius:10px;color:#1c4c80;font-weight:700;font-size:12px;cursor:pointer;padding:12px 14px;white-space:nowrap}
.ekper-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.ekper-stats>div{border:1px solid #dce6f0;padding:17px 18px;background:#fff;border-radius:13px}
.ekper-stats b{display:block;font-size:25px;line-height:1.1;color:#183f69;font-variant-numeric:tabular-nums}
.ekper-stats span{display:block;margin-top:8px;font-size:11px;color:#557089}
.ekper-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 12px}
.ekper-tabs button{border:1px solid #ccdbe9;border-radius:9px;background:#f5f9fc;color:#2d5177;font-weight:700;font-size:12px;cursor:pointer;padding:11px 14px}
.ekper-tabs button.active{background:#214f80;border-color:#214f80;color:#fff}
.ekper-filters{display:flex;flex-wrap:wrap;align-items:end;gap:13px;margin-bottom:14px}
.ekper-filters label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:700;color:#466178}
.ekper-filters label:first-child{flex:1;min-width:210px;max-width:390px}
.ekper-filters label:last-child{flex:1;min-width:190px;max-width:330px}
.ekper-filters input,.ekper-filters select,.ekper-fields input,.ekper-fields select,.ekper-fields textarea{border:1px solid #bed1e4;background:white;color:#1d3957;border-radius:8px;min-width:0;min-height:38px;width:100%;padding:9px 10px;font-family:inherit;font-size:12px}
.ekper-filters input:focus-visible,.ekper-filters select:focus-visible,.ekper-fields input:focus-visible,
.ekper-fields textarea:focus-visible,.ekper-fields select:focus-visible,.ekper button:focus-visible{outline:2px solid #2478bc;outline-offset:2px}
.ekper-card{background:white;border:1px solid #dce5ef;border-radius:15px;padding:20px 21px;min-width:0;box-shadow:0 5px 18px rgba(23,51,80,.045)}
.ekper-card h2{font-size:17px;margin:0 0 12px;color:#1c416a}
.ekper-card h3{font-size:15px;color:#274e72;margin:0 0 12px}
.ekper-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ekper-subtle,.ekper-footer{font-size:11px;color:#667f95;line-height:1.65}
.ekper-footer{margin:16px 0 28px}
.ekper-small{font-size:11px;color:#4f6c87}
.ekper-dual{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);gap:14px;align-items:start}
.ekper-scroll{overflow-x:auto;max-width:100%;margin-top:10px}
.ekper-scroll table{border-collapse:collapse;min-width:570px;width:100%;font-size:12px;table-layout:auto}
.ekper-scroll th{background:#ecf3fa;font-size:11px;white-space:nowrap;color:#315778;text-align:left;padding:11px 9px;border-bottom:1px solid #d8e5ef}
.ekper-scroll td{vertical-align:top;padding:11px 9px;border-bottom:1px solid #e4ebf3;color:#28465f;overflow-wrap:anywhere}
.ekper-scroll td strong{display:block;max-width:320px;color:#173954}
.ekper-scroll td small{display:block;font-size:10px;line-height:1.5;color:#667f94;margin-top:3px}
.ekper button:not(.primary){cursor:pointer}
.ekper-card td button,.ekper-soft,.ekper-form-actions button:not(.primary){border:1px solid #c0d5e9;border-radius:8px;background:#eff5fb;padding:7px 10px;color:#1d5182;font-size:11px;font-weight:700;white-space:nowrap}
.ekper-actions{display:flex;flex-wrap:wrap;gap:6px}
.ekper-status{display:inline-block;border-radius:7px;padding:5px 7px;font-size:10px;font-weight:700;white-space:nowrap;background:#eaf0f7;color:#284e75}
.ekper-status.pending{background:#fff3e0;color:#875313}
.ekper-status.received{background:#e5f7ed;color:#25603c}
.ekper-status.exempt{background:#eff2f6;color:#66798a}
.ekper-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.ekper-fields label{font-size:11px;font-weight:700;color:#385b79;display:flex;flex-direction:column;gap:5px;min-width:0}
.ekper-fields .ekper-full{grid-column:1/-1}
.ekper-fields textarea{resize:vertical;min-height:70px;max-height:280px}
.ekper-form-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:9px;margin-top:15px}
.ekper-form-actions .primary{background:#23588c;color:white;border:1px solid #23588c;border-radius:9px;padding:10px 15px;font-size:12px;font-weight:750;cursor:pointer}
.ekper-notice{border-left:4px solid #d3a441;background:#fff8e8;border-radius:7px;padding:6px 13px;margin:12px 0;font-size:12px;color:#71501c}
.ekper-notice p{margin:6px 0}
@media(max-width:1100px){.ekper-dual{grid-template-columns:1fr}.ekper-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.ekper-header{padding:19px 15px;flex-direction:column;align-items:stretch}
 .ekper-header button{width:100%}.ekper-stats{gap:7px}
 .ekper-stats>div{padding:12px}.ekper-card{padding:14px 12px}
 .ekper-filters{gap:8px}.ekper-filters label{max-width:unset!important;width:100%}
 .ekper-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .ekper-tabs button{padding:10px 8px}.ekper-fields{grid-template-columns:1fr}
 .ekper-fields .ekper-full{grid-column:1}}