/* Best Hotel Rezervasyon Paneli — telefon öncelikli arayüz */
:root{
  --navy:#1B2A3A; --navy-2:#26384B; --gold:#B08D57; --gold-l:#CDAE7A; --gold-d:#8C6B3A; --gold-soft:#F3ECDF;
  --bg:#F4F2ED; --card:#FFFFFF; --ink:#1E2833; --muted:#66707C; --line:#E3DED3;
  --ok:#2E8B57; --ok-soft:#E3F2E9; --busy:#C0392B; --busy-soft:#FBE7E4; --warn:#C9811A; --warn-soft:#FCF0DC;
  --info:#2F6FA6; --info-soft:#E3EEF8; --off:#9AA3AD; --off-soft:#ECEEF1;
  --r:14px; --sh:0 1px 2px rgba(27,42,58,.06),0 6px 18px rgba(27,42,58,.06);
  --tab:64px;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.45;padding-bottom:calc(var(--tab) + env(safe-area-inset-bottom) + 24px)}
a{color:var(--navy)}
h1{font-size:1.55rem;margin:0;letter-spacing:-.01em}
h2{font-size:1.02rem;margin:0 0 12px;display:flex;align-items:center;gap:8px}
.muted{color:var(--muted);margin:2px 0 0}
.hint{color:var(--muted);font-size:.84rem;margin:4px 0 10px;font-weight:400}
.empty{color:var(--muted);background:var(--card);border:1px dashed var(--line);border-radius:var(--r);padding:16px;margin:0}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}

/* Üst bar */
.topbar{position:sticky;top:0;z-index:20;background:var(--navy);color:#fff;display:flex;align-items:center;gap:16px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px}
.tb-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;flex:1;min-width:0}
.tb-brand img{background:var(--navy);border-radius:8px}
.tb-brand b{display:block;font-size:.95rem;letter-spacing:.12em}
.tb-brand small{display:block;font-size:.72rem;color:var(--gold-l);letter-spacing:.04em}
.tb-nav{display:none;gap:4px}
.tb-nav a{color:#D5DCE4;text-decoration:none;padding:8px 12px;border-radius:9px;font-weight:600;font-size:.92rem}
.tb-nav a[aria-current],.tb-nav a:hover{background:rgba(255,255,255,.1);color:#fff}
.tb-right{display:flex;align-items:center;gap:10px}
.tb-user{width:36px;height:36px;border-radius:50%;background:var(--gold);color:var(--navy);display:grid;place-items:center;font-weight:800;text-decoration:none}

.wrap{max-width:1180px;margin:0 auto;padding:16px}
.pagehead{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:6px 0 16px}
.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.actions form,.inline{display:inline}

/* Butonlar */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:11px;padding:12px 18px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;line-height:1.1;min-height:44px}
.btn-sm{padding:8px 13px;min-height:36px;font-size:.88rem;border-radius:9px}
.btn-block{width:100%}
.btn-gold{background:var(--gold);color:var(--navy)}
.btn-gold:hover{background:var(--gold-l)}
.btn-navy{background:var(--navy);color:#fff}
.btn-navy:hover{background:var(--navy-2)}
.btn-ghost{background:var(--card);color:var(--navy);border:1px solid var(--line)}
.btn-wa{background:#25D366;color:#fff}
.btn-danger-ghost{background:none;color:var(--busy);border:1px solid #E8C3BE}
.chip{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:7px 12px;font:inherit;font-size:.84rem;font-weight:600;color:var(--ink);cursor:pointer}
.chip-warn{background:var(--warn-soft);border-color:#EED3A6;color:#7A4E0C}
.chips{display:flex;flex-wrap:wrap;gap:8px}

/* Bildirimler */
.flash{border-radius:12px;padding:12px 14px;margin:0 0 12px;font-weight:600;background:var(--ok-soft);color:#1F5E3B;border:1px solid #BFE0CC}
.flash-hata{background:var(--busy-soft);color:#8A2419;border-color:#F0C4BD}
.flash-uyari{background:var(--warn-soft);color:#7A4E0C;border-color:#EED3A6}

/* KPI */
.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}
.kpi{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:14px}
.kpi span{display:block;font-size:.8rem;color:var(--muted);font-weight:600}
.kpi b{font-size:1.9rem;font-variant-numeric:tabular-nums;line-height:1.1}
.kpi b small{font-size:1rem;color:var(--muted);font-weight:600}
.kpi-warn{background:var(--warn-soft)}
.meter{height:6px;background:var(--gold-soft);border-radius:9px;margin-top:8px;overflow:hidden}
.meter i{display:block;height:100%;background:var(--gold)}

.block{margin-bottom:22px}
.count{background:var(--gold-soft);color:var(--gold-d);border-radius:999px;font-size:.78rem;padding:2px 9px}
.cols{display:grid;gap:0 18px}

/* Oda ızgarası */
.roomgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.room{position:relative;display:flex;flex-direction:column;gap:2px;padding:12px 12px 12px 14px;border-radius:var(--r);text-decoration:none;color:var(--ink);background:var(--card);box-shadow:var(--sh);border-left:6px solid var(--ok);min-height:92px}
.room-no{font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}
.room-tip{font-size:.75rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.room-who{font-size:.86rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.room-bos{background:var(--ok-soft);border-left-color:var(--ok)}
.room-bos .room-who{color:var(--ok)}
.room-dolu{border-left-color:var(--busy)}
.room-cikis{background:var(--warn-soft);border-left-color:var(--warn)}
.room-kapali{background:var(--off-soft);border-left-color:var(--off);color:var(--muted)}
.room-flag{position:absolute;top:10px;right:10px;font-size:.68rem;font-weight:800;color:#7A4E0C;background:#fff;border:1px solid #EED3A6;border-radius:999px;padding:2px 7px}
.legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:.8rem;color:var(--muted)}
.lg::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px;background:var(--ok)}
.lg-dolu::before{background:var(--busy)} .lg-cikis::before{background:var(--warn)} .lg-kapali::before{background:var(--off)}
.lg-onayli::before{background:var(--navy)} .lg-beklemede::before{background:var(--gold)} .lg-iceride::before{background:var(--busy)} .lg-cikti::before{background:var(--off)}

/* Rezervasyon listesi */
.rzlist{list-style:none;margin:0;padding:0;background:var(--card);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden}
.rz{display:flex;align-items:center;gap:8px;padding:10px 12px}
.rz+.rz{border-top:1px solid var(--line)}
.rz-main{display:flex;align-items:center;gap:12px;flex:1;min-width:0;text-decoration:none;color:inherit}
.rz-oda{flex:0 0 44px;height:44px;border-radius:11px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800;font-variant-numeric:tabular-nums}
.rz-txt{flex:1;min-width:0}
.rz-txt b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rz-txt small{color:var(--muted);font-size:.8rem}
.rz-act{display:flex;gap:6px;align-items:center}
.ico{width:36px;height:36px;border-radius:9px;border:1px solid var(--line);display:grid;place-items:center;text-decoration:none;font-size:.75rem;font-weight:800;color:var(--navy)}
.borc{color:var(--busy);font-style:normal;font-weight:700}

.rozet{display:inline-block;font-size:.72rem;font-weight:800;padding:3px 9px;border-radius:999px;white-space:nowrap;letter-spacing:.02em}
.rozet-onayli{background:#E4E9EF;color:var(--navy)}
.rozet-beklemede{background:var(--gold-soft);color:var(--gold-d)}
.rozet-iceride{background:var(--busy-soft);color:#8A2419}
.rozet-cikti{background:var(--off-soft);color:#56606B}
.rozet-iptal{background:var(--off-soft);color:#56606B;text-decoration:line-through}
.rozet-bos{background:var(--ok-soft);color:#1F5E3B}

/* Kartlar ve formlar */
.card{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:18px;margin-bottom:16px}
.narrow{max-width:420px;margin:28px auto}
.login{text-align:center}
.login .form{text-align:left}
.login-logo{width:220px;margin:6px auto 14px;display:block}
.form{display:grid;gap:14px}
.form fieldset{border:0;padding:0;margin:0 0 6px;display:grid;gap:12px}
.form legend{font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gold-d);margin-bottom:10px;padding:0}
.form label,.label{display:grid;gap:6px;font-weight:600;font-size:.88rem}
.form label.check{display:flex;align-items:center;gap:8px}
input,select,textarea{font:inherit;font-size:16px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);width:100%;min-height:44px}
input[type=checkbox],input[type=radio]{width:auto;min-height:0}
textarea{resize:vertical}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.formbar{position:sticky;bottom:calc(var(--tab) + env(safe-area-inset-bottom) + 8px);display:flex;gap:10px;justify-content:flex-end;background:var(--card);padding:10px 0 2px}
.danger-zone{margin:6px 0 24px;text-align:center}

/* Oda seçici */
.roompick{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.rp{position:relative;display:flex!important;flex-direction:column;align-items:center;gap:0!important;padding:9px 4px;border-radius:11px;border:2px solid var(--line);cursor:pointer;text-align:center}
.rp input{position:absolute;opacity:0;pointer-events:none}
.rp b{font-size:1.15rem;font-variant-numeric:tabular-nums}
.rp small{font-size:.66rem;color:var(--muted);font-weight:600}
.rp-bos{background:var(--ok-soft);border-color:#BFE0CC}
.rp-dolu{background:var(--off-soft);color:var(--off);cursor:not-allowed}
.rp-dolu b{text-decoration:line-through}
.rp-kucuk{opacity:.45}
.rp:has(input:checked){border-color:var(--navy);background:var(--navy);color:#fff}
.rp:has(input:checked) small{color:var(--gold-l)}
.rp:has(input:focus-visible){outline:3px solid var(--gold);outline-offset:2px}

/* Odalar sayfası */
.roomcards{display:grid;gap:12px}
.rc{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:14px}
.rc header{display:flex;align-items:center;gap:12px}
.rc header div{flex:1;min-width:0}
.rc header small{display:block;color:var(--muted);font-size:.8rem}
.rc-no{width:46px;height:46px;border-radius:12px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.15rem}
.rc-line{margin:10px 0;color:var(--muted);font-size:.88rem}
.rc-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.rc-edit{margin-top:10px;border-top:1px solid var(--line);padding-top:8px}
.rc-edit summary,details summary{cursor:pointer;font-weight:700;color:var(--gold-d);font-size:.88rem;padding:4px 0}
.rc-edit .form{margin-top:10px}

/* Takvim */
.cal-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--card);border-radius:var(--r);box-shadow:var(--sh)}
.cal{border-collapse:separate;border-spacing:0;min-width:calc(64px + var(--gun) * 46px);width:100%;table-layout:fixed}
.cal th,.cal td{border-bottom:1px solid var(--line);border-right:1px solid #EFEBE3;padding:0;height:48px}
.cal thead th{height:58px;font-weight:600;text-align:center;background:#FBFAF7}
.cal thead th small{display:block;font-size:.66rem;color:var(--muted);text-transform:uppercase}
.cal thead th b{display:block;font-size:1rem}
.cal thead th i{display:block;font-style:normal;font-size:.62rem;color:var(--gold-d);font-weight:700}
.cal-room{position:sticky;left:0;z-index:2;background:#FBFAF7;width:64px;text-align:center}
.cal-room b{display:block;font-size:1.05rem}
.cal-room small{font-size:.62rem;color:var(--muted);text-transform:uppercase}
.cal-we{background:#F7F3EA!important}
.cal-today{box-shadow:inset 0 3px 0 var(--gold)}
.cal-free a{display:block;width:100%;height:100%}
.cal-free a:hover{background:var(--ok-soft)}
.cal-off{background:repeating-linear-gradient(45deg,#F3F4F6 0 6px,#E9EBEE 6px 12px)}
.cal-busy{padding:5px 2px!important}
.bar{display:block;height:36px;line-height:36px;border-radius:9px;padding:0 9px;color:#fff;text-decoration:none;font-size:.78rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--navy)}
.bar-beklemede{background:var(--gold);color:var(--navy)}
.bar-iceride{background:var(--busy)}
.bar-cikti{background:var(--off)}
.bar-cont{border-top-left-radius:0;border-bottom-left-radius:0}
.bar-more{border-top-right-radius:0;border-bottom-right-radius:0}

/* Liste filtreleri */
.filters{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:10px}
.filters select{grid-column:1}
.filters .btn{grid-column:2;grid-row:1/3}
.segmented{display:flex;background:#E8E4DB;border-radius:11px;padding:3px;margin-bottom:14px;overflow-x:auto}
.segmented a{flex:1;text-align:center;padding:8px 10px;border-radius:9px;text-decoration:none;font-weight:700;font-size:.85rem;color:var(--muted);white-space:nowrap}
.segmented a[aria-current]{background:var(--card);color:var(--navy);box-shadow:var(--sh)}
.pager{display:flex;justify-content:center;align-items:center;gap:14px;margin:16px 0}
.userlist{list-style:none;margin:0 0 12px;padding:0}
.userlist li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.userlist small{display:block;color:var(--muted)}

/* Alt sekme menüsü (telefon) */
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);height:calc(var(--tab) + env(safe-area-inset-bottom))}
.tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--muted);font-size:.7rem;font-weight:700}
.tabbar svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tabbar a[aria-current]{color:var(--navy)}
.tabbar a[aria-current] svg{stroke:var(--gold-d)}
.fab{position:fixed;right:16px;bottom:calc(var(--tab) + env(safe-area-inset-bottom) + 14px);z-index:31;width:58px;height:58px;border-radius:18px;background:var(--gold);color:var(--navy);display:grid;place-items:center;font-size:2rem;font-weight:400;text-decoration:none;box-shadow:0 8px 22px rgba(27,42,58,.28)}
.hide-sm{display:none}

@media (min-width:640px){
  .kpis{grid-template-columns:repeat(4,1fr)}
  .roomgrid{grid-template-columns:repeat(5,1fr)}
  .roomcards{grid-template-columns:repeat(2,1fr)}
  .filters{grid-template-columns:1fr 220px auto}
  .filters select{grid-column:auto}.filters .btn{grid-column:auto;grid-row:auto}
}
@media (min-width:960px){
  body{padding-bottom:32px}
  .tabbar,.fab{display:none}
  .tb-nav{display:flex}
  .tb-brand{flex:0 0 auto}
  .tb-right{margin-left:auto}
  .hide-sm{display:inline-flex}
  .cols{grid-template-columns:1fr 1fr}
  .roomcards{grid-template-columns:repeat(3,1fr)}
  .formbar{bottom:0}
  form.card{max-width:760px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
/* düzeltmeler: dar ekran */
.row2>label{min-width:0}
input[type=date]{min-width:0;-webkit-appearance:none;appearance:none}
.no-fab .fab{display:none}
@media (max-width:560px){
  .rz{flex-wrap:wrap}
  .rz-act{width:100%;justify-content:flex-end;padding-left:56px}
  .rz-act:empty{display:none}
}
/* fiyat ve kampanyalar */
.fiyat-hint{margin:-4px 0 0;font-size:.86rem;color:var(--muted);font-weight:600}
.fiyat-hint:empty{display:none}
.fiyat-hint.kampanyali{color:#1F5E3B;background:var(--ok-soft);border:1px solid #BFE0CC;border-radius:10px;padding:8px 10px}
.camp-list{display:grid;gap:10px;margin-bottom:16px}
.camp{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:14px}
.camp header{display:flex;justify-content:space-between;align-items:center;gap:8px}
.camp p{margin:6px 0 4px;font-size:.92rem}
.camp small{display:block}
.camp-act{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.camp-act form{display:inline}