:root {
  --mp-50: var(--renk-operasyon-50);
  --mp-100: var(--renk-operasyon-100);
  --mp-600: var(--renk-operasyon-600);
  --mp-700: var(--renk-operasyon-700);
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font: var(--yazi-govde);
  color: var(--renk-metin);
  background: var(--renk-zemin);
  -webkit-font-smoothing: antialiased;
}
.mp-app { min-height: 100vh; max-width: 560px; margin: 0 auto; background: var(--renk-zemin); }
.mp-header {
  position: sticky; top: 0; z-index: 10;
  display: flex; align-items: center; justify-content: space-between; gap: var(--bosluk-3);
  padding: var(--bosluk-4); background: var(--mp-600); color: var(--renk-metin-ters);
}
.mp-header-ad { font: var(--yazi-h3); color: var(--renk-metin-ters); }
.mp-header-alt { font: var(--yazi-etiket); opacity: .85; }
.mp-cikis, .mp-menu-cikis {
  cursor: pointer; font: var(--yazi-etiket); border-radius: var(--kose-input);
}
.mp-cikis { border: 0; padding: var(--bosluk-2) var(--bosluk-4); background: rgba(255,255,255,.18); color: var(--renk-metin-ters); }
.mp-shell { display: flex; flex-direction: column; min-height: 100vh; }
.mp-main { flex: 1; padding: var(--bosluk-4); padding-bottom: 92px; display: flex; flex-direction: column; gap: var(--bosluk-3); }
.mp-baslik { font: var(--yazi-h2); margin: 0 0 var(--bosluk-1); }
.mp-grup-baslik { font: var(--yazi-h3); margin-bottom: var(--bosluk-2); }
.mp-sidebar { display: none; }
.mp-card {
  background: var(--renk-yuzey); border: 1px solid var(--renk-kenar); border-radius: var(--kose-kart);
  padding: var(--bosluk-4); box-shadow: var(--golge-sm); display: flex; flex-direction: column; gap: var(--bosluk-1);
}
.mp-card-baslik { font: var(--yazi-h3); color: var(--renk-metin); }
.mp-card-alt { font: var(--yazi-etiket); color: var(--renk-metin-soluk); margin-top: 2px; }
.mp-card-tutar { font-weight: var(--yazi-agirlik-orta); color: var(--mp-700); white-space: nowrap; }
.mp-satir {
  display: flex; align-items: baseline; justify-content: space-between; gap: var(--bosluk-3);
  padding: var(--bosluk-2) 0; border-top: 1px solid var(--renk-kenar-acik);
}
.mp-satir:first-child { border-top: 0; }
.mp-label { font: var(--yazi-etiket); color: var(--renk-metin-ikincil); }
.mp-deger { font: var(--yazi-govde); font-weight: var(--yazi-agirlik-orta); text-align: right; overflow-wrap: anywhere; }
.mp-link { color: var(--mp-600); text-decoration: none; }
.mp-list { display: grid; grid-template-columns: 1fr; gap: var(--bosluk-2); }
.mp-acc { padding: 0; gap: 0; overflow: hidden; }
.mp-acc-bas {
  width: 100%; display: flex; align-items: center; justify-content: space-between; gap: var(--bosluk-3);
  padding: var(--bosluk-3) var(--bosluk-4); background: none; border: 0; color: var(--renk-metin);
  text-align: left; cursor: pointer; font: var(--yazi-govde);
}
.mp-acc-bas:hover { background: var(--renk-yuzey-hover); }
.mp-acc.acik .mp-acc-bas { background: var(--renk-yuzey-alt); }
.mp-acc-sol { display: flex; flex-direction: column; min-width: 0; }
.mp-acc-sol .mp-card-baslik, .mp-acc-sol .mp-card-alt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mp-acc-ozet { display: flex; align-items: center; justify-content: flex-end; gap: var(--bosluk-2); flex-wrap: wrap; flex: none; }
.mp-acc-ok { color: var(--renk-metin-soluk); transition: transform .15s ease; }
.mp-acc.acik .mp-acc-ok { transform: rotate(180deg); }
.mp-acc-govde { display: none; padding: 0 var(--bosluk-4) var(--bosluk-3); flex-direction: column; gap: var(--bosluk-2); }
.mp-acc.acik .mp-acc-govde { display: flex; }
.mp-alt-kutu { border-top: 1px solid var(--renk-kenar-acik); padding-top: var(--bosluk-2); }
.mp-alt-baslik { font: var(--yazi-govde); font-weight: var(--yazi-agirlik-orta); margin-bottom: 2px; }
.mp-kpi-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--bosluk-3); }
.mp-kpi {
  background: var(--renk-yuzey); border: 1px solid var(--renk-kenar); border-radius: var(--kose-kart);
  padding: var(--bosluk-4); box-shadow: var(--golge-sm); min-width: 0;
}
.mp-kpi-deger { font: var(--yazi-h2); color: var(--mp-700); overflow-wrap: anywhere; }
.mp-kpi-etiket { font: var(--yazi-etiket); color: var(--renk-metin-ikincil); margin-top: 2px; }
.mp-aksiyon-serit {
  background: var(--mp-50); border: 1px solid var(--mp-100); border-radius: var(--kose-kart);
  padding: var(--bosluk-3) var(--bosluk-4);
}
.mp-aksiyon-baslik { font: var(--yazi-etiket); color: var(--mp-700); text-transform: uppercase; letter-spacing: .04em; }
.mp-aksiyon { font-weight: var(--yazi-agirlik-orta); color: var(--mp-700); margin-top: 2px; }
.mp-sekme-bar {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 3px;
  background: var(--renk-zemin); border: 1px solid var(--renk-kenar); border-radius: var(--kose-input); padding: 3px;
}
.mp-sekme {
  display: flex; align-items: center; justify-content: center; gap: 4px; min-width: 0;
  padding: var(--bosluk-2) 4px; border: 0; border-radius: var(--kose-kucuk);
  background: none; cursor: pointer; font: var(--yazi-etiket); color: var(--renk-metin-ikincil);
}
.mp-sekme span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mp-sekme.aktif { background: var(--renk-yuzey); color: var(--mp-700); font-weight: var(--yazi-agirlik-orta); box-shadow: var(--golge-sm); }
.mp-sekme-say { min-width: 18px; padding: 0 5px; border-radius: 9px; background: var(--renk-kenar); line-height: 18px; text-align: center; }
.mp-sekme.aktif .mp-sekme-say { background: var(--mp-50); color: var(--mp-700); }
.mp-bos, .mp-yukleniyor { text-align: center; color: var(--renk-metin-soluk); padding: var(--bosluk-6) var(--bosluk-4); }
.mp-bos-mini, .mp-yukleniyor-mini { color: var(--renk-metin-soluk); font: var(--yazi-etiket); padding: var(--bosluk-2) 0; }
.mp-tabbar {
  position: fixed; bottom: 0; left: 0; right: 0; max-width: 560px; margin: 0 auto;
  display: grid; grid-template-columns: repeat(6, 1fr); background: var(--renk-yuzey);
  border-top: 1px solid var(--renk-kenar); box-shadow: var(--golge-md);
}
.mp-tab {
  display: flex; flex-direction: column; align-items: center; gap: 2px;
  padding: var(--bosluk-2) 2px calc(var(--bosluk-2) + env(safe-area-inset-bottom, 0px));
  background: none; border: 0; cursor: pointer; color: var(--renk-metin-soluk); font: var(--yazi-etiket);
}
.mp-tab.aktif { color: var(--mp-600); }
.mp-tab-ikon { font-size: 18px; line-height: 1; }
.mp-giris {
  min-height: 100vh; max-width: 400px; margin: 0 auto; padding: var(--bosluk-5);
  display: flex; flex-direction: column; justify-content: center; gap: var(--bosluk-3);
}
.mp-giris-logo { text-align: center; margin-bottom: var(--bosluk-3); }
.mp-giris-logo-ikon, .mp-sb-avatar {
  border-radius: var(--kose-kart); background: var(--mp-600); color: var(--renk-metin-ters);
  display: inline-flex; align-items: center; justify-content: center;
}
.mp-giris-logo-ikon { width: 56px; height: 56px; font-size: 26px; margin-bottom: var(--bosluk-2); }
.mp-input {
  width: 100%; padding: var(--bosluk-3); border: 1px solid var(--renk-kenar-koyu); border-radius: var(--kose-input);
  font: var(--yazi-govde); background: var(--renk-yuzey); color: var(--renk-metin);
}
.mp-textarea { min-height: 88px; resize: vertical; }
.mp-btn {
  width: 100%; padding: var(--bosluk-3); border: 0; border-radius: var(--kose-input);
  background: var(--mp-600); color: var(--renk-metin-ters); font: var(--yazi-govde);
  font-weight: var(--yazi-agirlik-orta); cursor: pointer;
}
.mp-btn-ikincil { background: var(--renk-yuzey); color: var(--mp-700); border: 1px solid var(--mp-100); }
.mp-btn:disabled { opacity: .6; cursor: default; }
.mp-hata, .mp-form-msg.hata { background: var(--renk-riskli-zemin); color: var(--renk-riskli-metin); }
.mp-hata { padding: var(--bosluk-3); border-radius: var(--kose-kucuk); font: var(--yazi-etiket); text-align: center; }
.mp-field { display: flex; flex-direction: column; gap: var(--bosluk-1); font: var(--yazi-etiket); color: var(--renk-metin-ikincil); }
.mp-form-card { gap: var(--bosluk-3); }
.mp-form-msg { padding: var(--bosluk-2) var(--bosluk-3); border-radius: var(--kose-kucuk); font: var(--yazi-etiket); min-height: 32px; }
.mp-form-msg:empty { padding: 0; min-height: 0; }
.mp-form-msg.basari { background: var(--renk-basari-zemin); color: var(--renk-basari-metin); }

/* cc-435 — Onay Merkezi + Yayın Takvimi */
.mp-tab > span:last-child { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mp-onay-eylem { display: flex; gap: var(--bosluk-2); margin-top: var(--bosluk-2); }
.mp-onay-eylem .mp-btn { flex: 1; width: auto; }
.mp-revize-form { display: flex; flex-direction: column; gap: var(--bosluk-2); margin-top: var(--bosluk-2); }
.mp-uyari {
  background: var(--renk-bekliyor-zemin); color: var(--renk-bekliyor-metin);
  padding: var(--bosluk-3); border-radius: var(--kose-kucuk); font: var(--yazi-etiket);
}
.mp-takvim { display: flex; flex-direction: column; gap: var(--bosluk-2); }
.mp-olay {
  display: flex; gap: var(--bosluk-3); align-items: stretch;
  background: var(--renk-yuzey); border: 1px solid var(--renk-kenar); border-radius: var(--kose-kart);
  padding: var(--bosluk-3) var(--bosluk-4); box-shadow: var(--golge-sm);
}
.mp-olay-tarih {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  flex: none; width: 56px; padding: var(--bosluk-2) 0;
  background: var(--mp-50); border: 1px solid var(--mp-100); border-radius: var(--kose-kart);
}
.mp-olay-gun { font: var(--yazi-h2); line-height: 1; color: var(--mp-700); }
.mp-olay-ay { font: var(--yazi-etiket); color: var(--mp-700); text-transform: uppercase; letter-spacing: .03em; }
.mp-olay-yil { font: var(--yazi-etiket); color: var(--renk-metin-soluk); }
.mp-olay-govde { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.mp-olay-ust { display: flex; align-items: center; gap: var(--bosluk-2); }
.mp-olay-saat { font: var(--yazi-etiket); color: var(--renk-metin-ikincil); }
.mp-olay-link { margin-top: 2px; }
@media (min-width: 900px) {
  .mp-app { max-width: 1100px; }
  .mp-mobil { display: none; }
  .mp-shell { flex-direction: row; align-items: flex-start; gap: var(--bosluk-4); padding: var(--bosluk-5); min-height: 100vh; }
  .mp-sidebar {
    display: block; width: 190px; flex: none; position: sticky; top: var(--bosluk-5);
    background: var(--renk-yuzey); border: 1px solid var(--renk-kenar); border-radius: var(--kose-kart);
    padding: var(--bosluk-4); box-shadow: var(--golge-sm);
  }
  .mp-main { padding: 0; min-width: 0; }
  .mp-baslik { font: var(--yazi-h1); }
  .mp-sb-profil { text-align: center; padding-bottom: var(--bosluk-3); border-bottom: 1px solid var(--renk-kenar); }
  .mp-sb-avatar { width: 48px; height: 48px; font: var(--yazi-h2); margin-bottom: var(--bosluk-2); }
  .mp-sb-ad { font: var(--yazi-h3); overflow-wrap: anywhere; }
  .mp-sb-kat { font: var(--yazi-etiket); color: var(--renk-metin-soluk); }
  .mp-menu { display: flex; flex-direction: column; gap: 2px; margin-top: var(--bosluk-3); }
  .mp-menu-link {
    display: flex; align-items: center; gap: var(--bosluk-2); padding: var(--bosluk-2) var(--bosluk-3);
    background: none; border: 0; border-radius: var(--kose-kucuk); cursor: pointer; text-align: left;
    font: var(--yazi-govde); color: var(--renk-metin-ikincil);
  }
  .mp-menu-link.aktif { background: var(--mp-50); color: var(--mp-700); font-weight: var(--yazi-agirlik-orta); }
  .mp-menu-ikon { font-size: 15px; }
  .mp-menu-cikis {
    width: 100%; margin-top: var(--bosluk-4); padding: var(--bosluk-2);
    background: none; border: 1px solid var(--renk-kenar-koyu); color: var(--renk-metin-ikincil);
  }
}