/* ============================================================
   Okul Müdürü Paneli — SalesKing tarzı dashboard
   Okul Market mavi/sarı paleti ile uyumlu. Scope: .okmk-app
   ============================================================ */
/* Panel sayfasında tema dar-kolon sıkıştırmasını kaldır (tam genişlik) */
body.okmk-fullwidth .okm-prose{max-width:none}
body.okmk-fullwidth .okm-container{max-width:1600px;padding:0 20px}
body.okmk-fullwidth .okm-page__head,
body.okmk-fullwidth .okm-single__media{display:none}
body.okmk-fullwidth{overflow-x:hidden}
@media(max-width:600px){body.okmk-fullwidth .okm-container{padding:0 10px}}

.okmk-app{--b:#2B5AA8;--b7:#1E4380;--b50:#EEF3FB;--ink:#1d2433;--mut:#6b7892;--line:#e7ebf3;--soft:#f4f6fa;--purple:#3a2d7d;--purple2:#2a1f63;
	display:grid;grid-template-columns:248px minmax(0,1fr);min-height:80vh;background:var(--soft);border-radius:18px;overflow:hidden;
	box-shadow:0 10px 40px rgba(16,35,63,.10);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);margin:14px 0;width:100%;max-width:none}
.okmk-app *{box-sizing:border-box}
.okmk-app a{text-decoration:none}

/* ---- SOL MENÜ ---- */
.okmk-side{background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:18px 14px}
.okmk-side__brand{display:flex;align-items:center;gap:10px;padding:6px 8px 18px;border-bottom:1px solid var(--line);margin-bottom:12px}
.okmk-side__logo{font-size:24px}
.okmk-side__name{font-family:'Plus Jakarta Sans',Inter,sans-serif;font-weight:800;font-size:18px;color:var(--ink)}
.okmk-navlabel{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#aab2c2;padding:12px 13px 5px}
.okmk-nav{display:flex;flex-direction:column;gap:6px}
.okmk-nav__i{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:12px;color:var(--ink);font-weight:600;font-size:14.5px;background:#f6f8fc;border:1px solid #eceff5;cursor:pointer;transition:background .14s,color .14s,border-color .14s,transform .12s,box-shadow .14s}
.okmk-nav__ic{font-size:16px;width:22px;text-align:center;flex:none}
.okmk-nav__tx{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.okmk-nav__i:hover{background:var(--b50);border-color:#cfe0f7;color:var(--b);transform:translateX(2px)}
.okmk-nav__i.is-active{background:var(--b);border-color:var(--b);color:#fff;box-shadow:0 6px 16px rgba(43,90,168,.28);transform:none}
.okmk-nav__i--admin{background:#efeafe;border-color:#ddd2fb;color:#5b3fd6}
.okmk-nav__i--admin:hover{background:#5b3fd6;border-color:#5b3fd6;color:#fff;transform:none}
.okmk-nav__badge{margin-left:auto;background:#ede9ff;color:#6c5ce7;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}
.okmk-side__foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.okmk-nav__i--out{color:#b3261e;background:#fdf1f1;border-color:#f6dada}
.okmk-nav__i--out:hover{background:#b3261e;border-color:#b3261e;color:#fff;transform:none}

/* Sekme görünümleri (SPA) */
.okmk-view{display:none}
.okmk-view.is-active{display:block;animation:okmkfade .22s ease}
.okmk-view.okmk-cards.is-active{display:grid}
@keyframes okmkfade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* KPI kutuları (Ciro & Kazançlar + yönetici genel bakış) */
.okmk-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:6px}
.okmk-kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;box-shadow:0 3px 14px rgba(16,35,63,.05)}
.okmk-kpi__l{display:block;color:var(--mut);font-size:13px;margin-bottom:6px}
.okmk-kpi__v{display:block;font-family:'Plus Jakarta Sans',Inter,sans-serif;font-size:24px;font-weight:800;color:var(--b)}
.okmk-kpi--hl{background:linear-gradient(160deg,var(--purple),var(--purple2));border:0}
.okmk-kpi--hl .okmk-kpi__l{color:#c9bff5}
.okmk-kpi--hl .okmk-kpi__v,.okmk-kpi--hl .okmk-kpi__v .woocommerce-Price-amount{color:#fff}

.okmk-btn--sm{padding:7px 14px;font-size:13px;border-radius:9px}
/* Tema .okm-prose a{color:mavi} kuralını ez (buton yazıları kaybolmasın) */
.okmk-app a.okmk-btn{color:#fff}
.okmk-app a.okmk-btn--ghost{color:var(--b)}
.okmk-app a.okmk-btn--ghost:hover{color:#fff}
.okmk-codechip{background:var(--b50);color:var(--b);font-weight:700;padding:3px 9px;border-radius:6px;letter-spacing:1px;font-family:ui-monospace,Menlo,Consolas,monospace}

/* ---- İÇERİK ---- */
.okmk-main{padding:26px 30px 40px;min-width:0}
.okmk-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.okmk-topbar__title h1{margin:0;font-family:'Plus Jakarta Sans',Inter,sans-serif;font-size:30px;font-weight:800;color:var(--ink)}
.okmk-topbar__title p{margin:6px 0 0;color:var(--mut);font-size:14.5px}
.okmk-topbar__user{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 8px 6px 16px;box-shadow:0 2px 10px rgba(16,35,63,.05)}
.okmk-topbar__role{color:var(--b);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.okmk-topbar__nm{font-weight:700;font-size:14px}
.okmk-topbar__av{width:38px;height:38px;border-radius:50%;background:var(--b);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}

.okmk-flash{background:#e7f6ec;border:1px solid #aedcbb;color:#1b5e34;padding:11px 15px;border-radius:10px;margin-bottom:18px;font-size:14px}

/* Tarih filtresi */
.okmk-range{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.okmk-range__b{font-size:13px;font-weight:600;color:var(--mut);background:#fff;border:1px solid var(--line);padding:8px 15px;border-radius:999px}
.okmk-range__b:hover{border-color:var(--b);color:var(--b)}
.okmk-range__b.is-active{background:var(--b);border-color:var(--b);color:#fff}

/* 3 KART */
.okmk-cards{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px;margin-bottom:24px;scroll-margin-top:20px}
.okmk-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 3px 14px rgba(16,35,63,.05);min-width:0}
.okmk-card__t{margin:0 0 16px;font-family:'Plus Jakarta Sans',Inter,sans-serif;font-size:17px;font-weight:800;color:var(--ink)}
.okmk-card__t small{color:var(--mut);font-weight:500;font-size:13px}

/* Mor ciro kartı */
.okmk-card--rev{background:linear-gradient(160deg,var(--purple),var(--purple2));color:#fff;border:0;display:flex;flex-direction:column}
.okmk-card--rev__head{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:15px}
.okmk-card--rev__head a{color:#c9bff5;font-size:13px;font-weight:700}
.okmk-card--rev__head a:hover{color:#fff}
.okmk-card--rev__big{font-family:'Plus Jakarta Sans',Inter,sans-serif;font-size:40px;font-weight:800;margin:10px 0 4px;line-height:1}
.okmk-card--rev__big .woocommerce-Price-amount{color:#fff}
.okmk-card--rev__sub{color:#d8d2f3;font-size:13.5px}
.okmk-card--rev__sub b{color:#fff}
.okmk-card--rev__month{margin-top:auto;padding-top:20px}
.okmk-card--rev__month span{display:block;color:#c9bff5;font-size:13px;margin-bottom:4px}
.okmk-card--rev__month strong{font-family:'Plus Jakarta Sans',Inter,sans-serif;font-size:26px;font-weight:800}
.okmk-card--rev__month strong .woocommerce-Price-amount{color:#fff}

/* Donut */
.okmk-donutwrap{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.okmk-donut{width:130px;height:130px;border-radius:50%;position:relative;flex:none}
.okmk-donut__hole{position:absolute;inset:20px;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.okmk-donut__hole span{font-family:'Plus Jakarta Sans',Inter,sans-serif;font-size:28px;font-weight:800;color:var(--ink);line-height:1}
.okmk-donut__hole small{color:var(--mut);font-size:12px}
.okmk-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--mut)}
.okmk-legend i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:8px;vertical-align:middle}
.okmk-legend b{color:var(--ink);margin-left:6px}

/* Mağaza istatistikleri */
.okmk-stats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.okmk-stats li{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
.okmk-stats li:last-child{border-bottom:0}
.okmk-stats li span{color:var(--mut);font-size:14px}
.okmk-stats li b{font-family:'Plus Jakarta Sans',Inter,sans-serif;font-size:22px;font-weight:800}
.okmk-ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:18px}
.okmk-ic--1{background:#ede9ff}.okmk-ic--2{background:#e1f4fb}.okmk-ic--3{background:#ffe9f0}.okmk-ic--4{background:#eef3fb}

/* Bloklar (tablolar) */
.okmk-panel-block{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin-bottom:20px;box-shadow:0 3px 14px rgba(16,35,63,.04);scroll-margin-top:20px}
.okmk-block__t{margin:0 0 16px;font-family:'Plus Jakarta Sans',Inter,sans-serif;font-size:18px;font-weight:800;color:var(--ink)}
.okmk-empty{color:#8a93a6;font-style:italic;margin:0}
.okmk-tablewrap{overflow-x:auto}
.okmk-table{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}
.okmk-table th,.okmk-table td{text-align:left;padding:13px 12px;border-bottom:1px solid #eef1f6;vertical-align:middle}
.okmk-table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--mut);border-bottom:2px solid var(--line)}
.okmk-table .num{text-align:right;white-space:nowrap}
.okmk-table tbody tr:hover{background:var(--soft)}
.okmk-strong{font-weight:700;color:var(--ink)}
.okmk-muted{color:var(--mut);font-size:13px}
.okmk-ava{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--b50);color:var(--b);font-weight:800;font-size:12px;margin-right:8px;vertical-align:middle}

/* Durum rozetleri */
.okmk-st{display:inline-block;font-size:12px;font-weight:700;padding:4px 11px;border-radius:999px;background:#eef1f6;color:var(--mut)}
.okmk-st--completed{background:#e7f6ec;color:#1b5e34}
.okmk-st--processing{background:#e6f0ff;color:#1b4b91}
.okmk-st--on-hold,.okmk-st--pending{background:#fff4d6;color:#8a6100}
.okmk-st--cancelled,.okmk-st--refunded,.okmk-st--failed{background:#fde8e8;color:#9b1c1c}

/* Kurum kodu kartı */
.okmk-codecard{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:linear-gradient(135deg,#eef6ff,#f8fbff);border:1px solid #cfe0f7;border-radius:14px;padding:18px 22px}
.okmk-codecard__l{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--b)}
.okmk-codecard__c{display:block;font:800 30px/1.1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:2px;color:var(--ink);margin-top:4px}

.okmk-btn{display:inline-block;font-size:14px;font-weight:700;border:none;border-radius:10px;padding:11px 20px;cursor:pointer;background:var(--b);color:#fff}
.okmk-btn:hover{background:var(--b7)}
.okmk-btn--ghost{background:#fff;color:var(--b);border:1.5px solid var(--b)}
.okmk-btn--ghost:hover{background:var(--b);color:#fff}

/* Giriş / mesaj */
.okmk-app--login,.okmk-app--msg{display:block;background:transparent;box-shadow:none;max-width:460px;padding:0}
.okmk-app--msg p{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;text-align:center;color:var(--mut)}
.okmk-login{background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:0 10px 40px rgba(16,35,63,.10);text-align:center}
.okmk-login__logo{font-size:40px}
.okmk-login h2{margin:10px 0 6px;font-family:'Plus Jakarta Sans',Inter,sans-serif;font-size:23px}
.okmk-login p{color:var(--mut);margin:0 0 18px}
.okmk-login form{text-align:left}
.okmk-login label{display:block;font-weight:600;font-size:14px;margin-bottom:6px}
.okmk-login .login-username,.okmk-login .login-password{margin-bottom:14px}
.okmk-login input[type=text],.okmk-login input[type=password]{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;font-size:15px}
.okmk-login .button{width:100%;background:var(--b);border:0;color:#fff;border-radius:10px;padding:12px;font-weight:700;font-size:15px;cursor:pointer}
.okmk-login .button:hover{background:var(--b7)}

/* ================= RESPONSIVE (mobil + tablet) ================= */
@media(max-width:980px){
	.okmk-app{grid-template-columns:minmax(0,1fr);max-width:100%}  /* tek kolon, taşma yok */
	.okmk-side{border-right:0;border-bottom:1px solid var(--line);padding:12px 12px 8px;min-width:0}
	.okmk-side__brand{padding:2px 4px 12px;margin-bottom:6px}
	.okmk-navlabel{padding:8px 4px 4px}
	/* Menü: 2 sütun düğme ızgarası (estetik, taşma yok) */
	.okmk-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;max-width:100%}
	.okmk-nav__i{padding:12px 12px}
	.okmk-nav__i:hover{transform:none}
	.okmk-side__foot{display:none}
	.okmk-cards{grid-template-columns:minmax(0,1fr)}              /* kartlar alt alta, taşma yok */
	.okmk-card{min-width:0}
	.okmk-main{min-width:0;max-width:100%}
	/* Tablolar viewport'a sığsın (520px min-width kolonu zorlamasın) */
	.okmk-table{min-width:0;font-size:13px}
	.okmk-table th,.okmk-table td{padding:10px 8px}
	.okmk-table .okmk-muted{font-size:12px;word-break:break-word}
}
@media(max-width:600px){
	.okmk-main{padding:18px 14px 30px}
	.okmk-topbar{flex-direction:column;align-items:flex-start}
	.okmk-topbar__title h1{font-size:24px}
	.okmk-topbar__user{width:100%;justify-content:flex-start}
	.okmk-panel-block{padding:16px 14px}
	.okmk-card--rev__big{font-size:34px}
	.okmk-donutwrap{justify-content:center}
}

/* Sipariş tablosunda öğrenci listesi */
.okmk-stu{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:2px 0}
.okmk-stu+.okmk-stu{border-top:1px dashed #e6ebf3;margin-top:4px;padding-top:6px}
.okmk-stu__n{font-weight:600;color:#1a2238}
.okmk-stu__c{padding:2px 8px;border-radius:999px;background:#eef3fb;color:#2b5aa8;font-size:11px;font-weight:700;white-space:nowrap}