/* Kendi Takvimini Tasarla. Marka tonları ve temel düzen kitap editörüyle aynıdır. */
:root{
  --ink:#14173A;
  --ink-soft:#1F2456;
  --parchment:#FBF2E1;
  --parchment-soft:#F3E6C9;
  --parchment-deep:#EADCB8;
  --paper:#FFFDF8;
  --gold:#D9A441;
  --ember:#E8703C;
  --ember-deep:#CB5A2A;
  --success:#3F8F5F;
  --text:#1D1A2E;
  --muted:#756B57;
  --on-dark:#F4EEDC;
  --on-dark-muted:#A5AAD4;
  --line:rgba(29,26,46,.14);
  --font-display:'Fraunces',ui-serif,Georgia,serif;
  --font-script:'Caveat',cursive;
  --font-body:'Figtree',ui-sans-serif,system-ui,sans-serif;
}
*{box-sizing:border-box;}
html,body{height:100%;}
body{margin:0;background:var(--parchment);color:var(--text);font:15px/1.45 var(--font-body);display:flex;flex-direction:column;}
button,input,select,textarea{font:inherit;color:inherit;}
button,label.dugme{cursor:pointer;}
[hidden]{display:none!important;}
h1,h2{font-family:var(--font-display);font-weight:600;margin:0;}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}

.dugme{border:0;border-radius:999px;padding:9px 18px;font-weight:600;background:var(--ember);color:#fff;display:inline-block;text-align:center;}
.dugme:hover{background:var(--ember-deep);}
.dugme:disabled{opacity:.55;cursor:default;}
.dugme.ikincil{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1px var(--line);}
.dugme.ikincil:hover{background:var(--parchment-soft);}
.dugme.ikincil.koyu{color:var(--on-dark);box-shadow:inset 0 0 0 1px rgba(244,238,220,.3);}
.dugme.ikincil.koyu:hover{background:rgba(255,255,255,.08);}
.dugme.kucuk{padding:7px 14px;font-size:13.5px;}
.bag{background:none;border:0;padding:0;color:var(--muted);font-size:13px;text-decoration:underline;text-underline-offset:3px;align-self:flex-start;}

.ust{background:var(--ink);color:var(--on-dark);display:flex;align-items:center;gap:12px;padding:10px 18px;flex-wrap:wrap;}
.marka{display:flex;align-items:baseline;gap:8px;margin-right:auto;}
.marka b{font-family:var(--font-display);font-size:19px;font-weight:600;}
.marka span{font-family:var(--font-script);color:var(--gold);font-size:20px;}
.kayit{font-size:12.5px;color:var(--on-dark-muted);}

.editor{flex:1;min-height:0;display:grid;grid-template-columns:132px minmax(0,1fr) 330px;}

/* Sayfa şeridi */
.serit{overflow-y:auto;padding:12px 10px;display:flex;flex-direction:column;gap:10px;background:var(--parchment-soft);border-right:1px solid var(--line);}
.kucuk-sayfa{border:0;background:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--muted);}
.kucuk-sayfa canvas{width:96px;height:auto;border-radius:6px;background:#fff;box-shadow:0 0 0 1px var(--line);display:block;}
.kucuk-sayfa[aria-current="true"]{color:var(--text);}
.kucuk-sayfa[aria-current="true"] canvas{box-shadow:0 0 0 3px var(--ember);}
.kucuk-sayfa.eksik span::after{content:" •";color:var(--ember);}

/* Sahne */
.sahne{min-width:0;overflow-y:auto;padding:14px 20px 24px;display:flex;flex-direction:column;align-items:center;gap:10px;}
.sahne-ust{display:flex;align-items:center;gap:14px;}
.sahne-ust h1{font-size:20px;min-width:150px;text-align:center;}
.ok{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--paper);font-size:22px;line-height:1;}
.ok:disabled{opacity:.35;cursor:default;}
.uyari{margin:0;min-height:22px;font-weight:600;font-size:14px;color:var(--ember-deep);text-align:center;}
.ipucu{margin:0;font-size:12.5px;color:var(--muted);text-align:center;max-width:520px;}

/* Panel */
.panel{overflow-y:auto;padding:12px 14px 30px;background:var(--paper);border-left:1px solid var(--line);display:flex;flex-direction:column;gap:12px;}
fieldset{border:1px solid var(--line);border-radius:12px;padding:10px 12px 12px;margin:0;display:flex;flex-direction:column;gap:10px;min-width:0;}
legend{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:0 4px;}
.satir{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;}
.alan{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--muted);flex:1;min-width:90px;}
.alan select,textarea{border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:#fff;font-weight:400;color:var(--text);width:100%;font-size:16px;}
textarea{resize:vertical;}
input[type=range]{width:100%;accent-color:var(--ember);}
input[type=color]{width:100%;height:36px;border:1px solid var(--line);border-radius:10px;padding:2px;background:#fff;}
.onay-kutu{display:flex;gap:6px;align-items:center;font-size:13px;font-weight:600;color:var(--muted);padding-bottom:8px;}

/* Örtü: önizleme ve bitirme pencereleri */
.ortu{position:fixed;inset:0;background:rgba(20,23,58,.72);z-index:10;display:flex;align-items:center;justify-content:center;padding:16px;}
.pencere{background:var(--parchment);border-radius:18px;padding:20px;width:min(560px,100%);max-height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:12px;}
.pencere.genis{width:min(1000px,100%);}
.pencere h2{font-size:21px;}
.pencere p{margin:0;}
.pencere ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px;}
.pencere-alt{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;}
.gezin{display:flex;align-items:center;justify-content:center;gap:14px;font-weight:600;}

@media (max-width:900px){
  body{height:auto;min-height:100%;}
  .editor{display:flex;flex-direction:column;}
  .sahne{order:1;overflow:visible;padding:12px;}
  .serit{order:2;flex-direction:row;overflow-x:auto;overflow-y:hidden;border-right:0;border-block:1px solid var(--line);padding:10px;}
  .kucuk-sayfa canvas{width:64px;height:auto;}
  .panel{order:3;border-left:0;overflow:visible;}
  .kayit{display:none;}
  .marka span{display:none;}
}


.kalite-uyarisi{margin:0;max-width:560px;padding:10px 14px;border-radius:12px;background:rgba(232,112,60,.1);border:1px solid rgba(203,90,42,.35);font-size:13.5px;text-align:center;}
.kalite-uyarisi b{color:var(--ember-deep);}
.onay-satiri{display:flex;gap:8px;align-items:flex-start;font-size:14px;}
.onay-satiri input{margin-top:3px;flex:none;}
.fiyat{margin:0;font-weight:700;font-size:15px;}
.fiyat:empty{display:none;}

/* ---------- Takvim ---------- */
.sayfa-kutu{width:min(100%,var(--en));box-shadow:0 18px 40px -18px rgba(20,23,58,.5);border-radius:3px;overflow:hidden;background:#fff;}
.sayfa-kutu canvas{width:100%;height:auto;display:block;touch-action:none;cursor:grab;}
.duzenler{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.duzen{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px;font-size:11px;font-weight:600;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:4px;line-height:1.15;}
.duzen canvas{width:100%;height:auto;display:block;border-radius:3px;box-shadow:0 0 0 1px var(--line);}
.duzen[aria-pressed="true"]{border-color:var(--ember);box-shadow:0 0 0 2px var(--ember);color:var(--text);}
.gun-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
.gun-liste li{display:flex;gap:8px;align-items:center;font-size:13.5px;background:var(--parchment-soft);border-radius:8px;padding:6px 8px;}
.gun-liste li span{flex:1;}
.gun-liste li b{font-variant-numeric:tabular-nums;}
.gun-liste .sil{background:none;border:0;color:var(--ember-deep);font-weight:700;font-size:16px;line-height:1;padding:0 4px;}
.alan input[type=date],.alan input[type=text]{border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:#fff;font-weight:400;color:var(--text);width:100%;font-size:15px;}
.onizleme-sayfa{display:flex;justify-content:center;background:var(--ink);padding:16px;border-radius:12px;}
.onizleme-sayfa canvas{max-width:100%;max-height:62vh;width:auto;height:auto;background:#fff;display:block;}