/* Inter Reception — kiosk sihirbazı (V6.0 PILOT)
   Lobi kiosku için: büyük dokunma alanları, yüksek kontrast, tek vurgu rengi (pirinç). */
:root {
  --irk-night: #0b1a2e;
  --irk-paper: #f6f5f1;
  --irk-ink: #13233b;
  --irk-muted: #5d6878;
  --irk-line: #d9d6ce;
  --irk-brass: #b7873a;
  --irk-brass-d: #8c6424;
  --irk-sage: #2f7a5a;
  --irk-rust: #a6402f;
}
.irk-root { position: fixed; inset: 0; z-index: 1000; background: var(--irk-paper); color: var(--irk-ink); display: flex; flex-direction: column; font-family: Inter, "Segoe UI", system-ui, -apple-system, sans-serif; -webkit-user-select: none; user-select: none; touch-action: manipulation; }
.irk-root input, .irk-root select { -webkit-user-select: text; user-select: text; }
.irk-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 18px 28px; background: var(--irk-night); }
.irk-langs { display: flex; gap: 6px; flex-wrap: wrap; }
.irk-langs button { min-height: 52px; padding: 0 18px; border-radius: 26px; border: 1px solid #2c4263; background: transparent; color: #b9c6d8; font-size: 18px; }
.irk-langs button.on { background: var(--irk-paper); color: var(--irk-night); border-color: var(--irk-paper); font-weight: 700; }
.irk-staff { min-height: 56px; padding: 0 24px; border-radius: 28px; border: 2px solid var(--irk-brass); background: transparent; color: #f1dcb4; font-size: 20px; font-weight: 700; }
.irk-steps { list-style: none; display: flex; margin: 0; padding: 0 28px; background: var(--irk-night); color: #7f8fa6; font-size: 15px; overflow-x: auto; }
.irk-steps li { flex: 1; min-width: 88px; padding: 10px 6px 14px; border-top: 4px solid #22364f; text-align: center; white-space: nowrap; }
.irk-steps li.done { border-top-color: var(--irk-sage); color: #b7d5c6; }
.irk-steps li.now { border-top-color: var(--irk-brass); color: #fff; font-weight: 700; }
.irk-main { flex: 1; overflow-y: auto; width: 100%; max-width: 880px; margin: 0 auto; padding: 36px 32px 280px; box-sizing: border-box; }
.irk-main h1 { font-size: 44px; line-height: 1.1; letter-spacing: -0.5px; margin: 0 0 18px; }
.irk-lead { font-size: 24px; line-height: 1.45; color: var(--irk-ink); max-width: 30em; }
.irk-sub { font-size: 20px; color: var(--irk-muted); margin: 6px 0 16px; }
.irk-msg { font-size: 20px; line-height: 1.4; border-radius: 12px; margin: 0 0 16px; }
.irk-msg.err { padding: 16px 20px; background: #f7e3de; color: var(--irk-rust); }
.irk-msg.ok { padding: 16px 20px; background: #e1efe8; color: var(--irk-sage); }
.irk-field { display: flex; flex-direction: column; gap: 8px; font-size: 18px; font-weight: 600; color: var(--irk-muted); margin: 0 0 18px; }
.irk-field input, .irk-field select { font-size: 26px; min-height: 68px; padding: 0 18px; border: 2px solid var(--irk-line); border-radius: 12px; background: #fff; color: var(--irk-ink); box-sizing: border-box; width: 100%; }
.irk-field input:focus, .irk-field select:focus { outline: none; border-color: var(--irk-brass); box-shadow: 0 0 0 4px rgba(183, 135, 58, .18); }
.irk-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 18px; }
.irk-dob div { display: grid; grid-template-columns: 1fr 1fr 1.4fr; gap: 10px; }
.irk-id { border: 0; padding: 0; margin: 0 0 26px; }
.irk-id legend { font-size: 22px; font-weight: 700; margin-bottom: 12px; }
.irk-id + .irk-id { border-top: 1px solid var(--irk-line); padding-top: 22px; }
.irk-check { display: flex; gap: 16px; align-items: flex-start; font-size: 20px; line-height: 1.4; margin: 14px 0; }
.irk-check input { width: 36px; height: 36px; flex: none; accent-color: var(--irk-brass-d); }
.irk-notice { margin: 8px 0 18px; font-size: 18px; }
.irk-notice summary { min-height: 52px; display: flex; align-items: center; color: var(--irk-brass-d); font-weight: 700; cursor: pointer; }
.irk-notice p { font-size: 17px; line-height: 1.55; color: var(--irk-muted); background: #fff; border: 1px solid var(--irk-line); border-radius: 12px; padding: 16px 18px; max-height: 260px; overflow-y: auto; }
.irk-foot { position: fixed; left: 0; right: 0; bottom: 0; display: flex; align-items: center; gap: 14px; padding: 18px 28px calc(18px + env(safe-area-inset-bottom)); background: rgba(246, 245, 241, .96); border-top: 1px solid var(--irk-line); z-index: 2; }
.irk-foot span { flex: 1; }
.irk-btn { min-height: 76px; padding: 0 34px; border-radius: 14px; font-size: 24px; font-weight: 700; }
.irk-primary { border: 0; background: var(--irk-night); color: #fff; min-width: 300px; }
.irk-primary:disabled { opacity: .45; }
.irk-primary.busy { position: relative; color: transparent; }
.irk-primary.busy::after { content: ""; position: absolute; inset: 0; margin: auto; width: 30px; height: 30px; border-radius: 50%; border: 4px solid rgba(255,255,255,.35); border-top-color: #fff; animation: irk-spin .8s linear infinite; }
.irk-ghost { border: 2px solid var(--irk-line); background: #fff; color: var(--irk-ink); }
.irk-counter { display: flex; justify-content: space-between; align-items: center; padding: 22px 0; border-bottom: 1px solid var(--irk-line); font-size: 24px; }
.irk-counter div { display: flex; align-items: center; gap: 22px; }
.irk-counter button { width: 76px; height: 76px; border-radius: 50%; border: 2px solid var(--irk-line); background: #fff; font-size: 36px; color: var(--irk-ink); }
.irk-counter b { font-size: 40px; min-width: 48px; text-align: center; }
.irk-offers { display: grid; gap: 16px; }
.irk-offer { position: relative; display: grid; grid-template-columns: 1fr auto; gap: 4px 20px; text-align: left; padding: 24px 26px; border: 2px solid var(--irk-line); border-radius: 16px; background: #fff; color: var(--irk-ink); }
.irk-offer:active { border-color: var(--irk-brass); }
.irk-offer-type { font-size: 28px; font-weight: 700; }
.irk-offer-meta, .irk-offer-feat { grid-column: 1; font-size: 18px; color: var(--irk-muted); }
.irk-offer-price { grid-column: 2; grid-row: 1 / span 3; align-self: center; text-align: right; }
.irk-offer-price b { display: block; font-size: 32px; }
.irk-offer-price small { font-size: 16px; color: var(--irk-muted); }
.irk-offer-left { position: absolute; top: -12px; right: 20px; background: var(--irk-brass); color: #fff; font-size: 15px; font-weight: 700; padding: 4px 12px; border-radius: 12px; }
.irk-amount { font-size: 64px; font-weight: 800; letter-spacing: -1px; margin: 4px 0 20px; font-variant-numeric: tabular-nums; }
.irk-wait { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 40px 0; }
.irk-spinner { width: 72px; height: 72px; border-radius: 50%; border: 6px solid var(--irk-line); border-top-color: var(--irk-brass); animation: irk-spin 1s linear infinite; margin-bottom: 24px; }
.irk-device { width: 220px; height: 150px; border-radius: 18px; border: 3px solid var(--irk-ink); position: relative; margin-bottom: 28px; }
.irk-device::after { content: ""; position: absolute; left: 50%; width: 110px; height: 70px; margin-left: -55px; border-radius: 10px; background: var(--irk-brass); animation: irk-insert 1.8s ease-in-out infinite; }
.irk-device-pos { width: 150px; height: 220px; }
.irk-device-pos::after { width: 90px; height: 56px; margin-left: -45px; }
.irk-device-key::after { background: var(--irk-sage); animation-direction: reverse; }
.irk-room { margin: 18px 0 26px; padding: 28px 0; border-top: 4px solid var(--irk-brass); border-bottom: 1px solid var(--irk-line); }
.irk-room small { display: block; font-size: 22px; color: var(--irk-muted); }
.irk-room b { display: block; font-size: 168px; line-height: 1; font-weight: 800; letter-spacing: -6px; color: var(--irk-brass-d); font-variant-numeric: tabular-nums; }
.irk-info div { display: grid; grid-template-columns: 220px 1fr; padding: 12px 0; border-bottom: 1px solid var(--irk-line); font-size: 22px; }
.irk-info dt { color: var(--irk-muted); }
.irk-info dd { margin: 0; font-weight: 600; }
.irk-folio { width: 100%; border-collapse: collapse; font-size: 22px; margin: 10px 0 24px; }
.irk-folio caption { text-align: left; font-size: 18px; color: var(--irk-muted); padding-bottom: 8px; }
.irk-folio td { padding: 14px 0; border-bottom: 1px solid var(--irk-line); }
.irk-folio td:last-child { text-align: right; font-variant-numeric: tabular-nums; }
.irk-folio .sum td { font-weight: 700; }
.irk-folio .bal td { font-size: 30px; font-weight: 800; border-bottom: 0; }
.irk-ok, .irk-big-ok { color: var(--irk-sage); font-weight: 700; font-size: 22px; }
.irk-big-ok { font-size: 36px; line-height: 1.3; }
.irk-idle { position: absolute; inset: 0; z-index: 5; background: rgba(11, 26, 46, .72); display: grid; place-items: center; }
.irk-idle > div { background: var(--irk-paper); border-radius: 20px; padding: 40px 48px; text-align: center; max-width: 560px; }
.irk-idle h2 { font-size: 36px; margin: 0 0 12px; }
.irk-idle p { font-size: 22px; color: var(--irk-muted); margin: 0 0 28px; }
.irk-idle b { color: var(--irk-rust); font-size: 30px; }
.irk-kb { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1001; background: #1a2638; padding: 10px 10px calc(10px + env(safe-area-inset-bottom)); display: flex; flex-direction: column; gap: 8px; }
.irk-kb[hidden] { display: none; }
.irk-kb > div { display: flex; gap: 8px; justify-content: center; }
.irk-kb button { flex: 1; max-width: 86px; min-height: 64px; border: 0; border-radius: 10px; background: #34445c; color: #fff; font-size: 26px; font-weight: 600; }
.irk-kb button:active { background: var(--irk-brass); }
.irk-kb button.wide { max-width: 520px; flex: 6; }
.irk-kb button.ok { background: var(--irk-sage); max-width: 160px; flex: 2; }
.irk-kb[data-mode="num"] > div { max-width: 420px; margin: 0 auto; width: 100%; }
.irk-kb[data-mode="num"] button { max-width: none; min-height: 72px; }
/* klavye açıkken alt çubuk klavyenin üstüne çıkar, içerik kaydırılabilir kalır */
body.irk-kb-open .irk-foot { bottom: var(--irk-kbh, 340px); }
body.irk-kb-open .irk-main { padding-bottom: calc(var(--irk-kbh, 340px) + 140px); }
/* misafir ana ekranı: görevli butonu */
.guestActions .guestStaffBtn { border: 2px solid #b7873a !important; background: transparent !important; color: #f1dcb4 !important; }
.kioskWarn { position: fixed; top: 0; left: 0; right: 0; background: #a6402f; color: #fff; text-align: center; padding: 8px; font-size: 14px; z-index: 900; }
@keyframes irk-spin { to { transform: rotate(360deg); } }
@keyframes irk-insert { 0%, 100% { top: -30px; opacity: 0; } 30%, 70% { top: 40px; opacity: 1; } }
@media (max-width: 760px) { .irk-grid { grid-template-columns: 1fr; } .irk-main h1 { font-size: 34px; } .irk-room b { font-size: 120px; } .irk-primary { min-width: 0; flex: 1; } .irk-info div { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .irk-spinner, .irk-device::after, .irk-primary.busy::after { animation: none; } }

/* ===== Avatar ile birlikte çalışma (V6.0): sihirbaz açıkken canlı avatar görünür kalır ===== */
.irk-head-actions { display: flex; gap: 10px; align-items: center; }
.irk-mic { min-height: 56px; padding: 0 22px; border-radius: 28px; border: 0; background: #2f5fb3; color: #fff; font-size: 19px; font-weight: 700; }
.irk-mic.on { background: var(--irk-rust); }
.irk-caption { background: var(--irk-night); color: #f1dcb4; font-size: 20px; line-height: 1.4; padding: 0 28px; min-height: 0; }
.irk-caption:not(:empty) { padding: 12px 28px 16px; border-top: 1px solid #22364f; }
.irk-caption:not(:empty)::before { content: "“"; color: var(--irk-brass); font-size: 28px; margin-right: 6px; vertical-align: -4px; }
/* Dikey kiosk ekranı (en yaygın): avatar üstte, sihirbaz altta */
@media (orientation: portrait) {
  body.irk-with-avatar .irk-root { top: 34vh; border-radius: 22px 22px 0 0; box-shadow: 0 -12px 40px rgba(0, 0, 0, .35); }
  body.irk-with-avatar .guestScreen { padding-top: 10px; }
  body.irk-with-avatar .liveAvatarStage, body.irk-with-avatar .liveAvatarVideo, body.irk-with-avatar .fallbackAvatar, body.irk-with-avatar .liveAvatarEmbedFrame { min-height: 0 !important; height: calc(34vh - 70px) !important; }
  body.irk-with-avatar .irk-head { border-radius: 22px 22px 0 0; }
  body.irk-with-avatar .liveAvatarControls, body.irk-with-avatar #guestReply, body.irk-with-avatar #heard { display: none; }
}
/* Yatay ekran: avatar solda, sihirbaz sağda */
@media (orientation: landscape) {
  body.irk-with-avatar .irk-root { left: 40vw; box-shadow: -12px 0 40px rgba(0, 0, 0, .35); }
  body.irk-with-avatar .guestScreen { width: 40vw; max-width: 40vw; margin: 0; }
  body.irk-with-avatar .liveAvatarStage, body.irk-with-avatar .liveAvatarVideo, body.irk-with-avatar .fallbackAvatar, body.irk-with-avatar .liveAvatarEmbedFrame { min-height: 0 !important; height: 72vh !important; }
  body.irk-with-avatar .irk-foot { left: 40vw; }
  body.irk-with-avatar .irk-kb { left: 40vw; }
}
body.irk-with-avatar .guestActions, body.irk-with-avatar .langPills, body.irk-with-avatar .liveAvatarControls span { visibility: hidden; }

/* Diğer diller menüsü ve sağdan sola yazılan diller */
.irk-langs select { min-height: 52px; padding: 0 14px; border-radius: 26px; border: 1px solid #2c4263; background: transparent; color: #b9c6d8; font-size: 18px; }
.irk-langs select.on { background: var(--irk-paper); color: var(--irk-night); font-weight: 700; }
.irk-langs select option { color: #13233b; }
.irk-root[dir="rtl"] .irk-main, .irk-root[dir="rtl"] .irk-caption { text-align: right; }
.irk-root[dir="rtl"] .irk-folio td:last-child { text-align: left; }

/* ===== V6.2 Dokunmasız sesli kiosk: durum kartı (misafir ne yapacağını görür) ===== */
.irv-card { position: fixed; left: 50%; bottom: calc(24px + env(safe-area-inset-bottom, 0px)); transform: translateX(-50%); width: min(960px, 92vw); z-index: 900; display: grid; grid-template-columns: auto 1fr; gap: 22px; align-items: center; padding: 26px 30px; border-radius: 28px; background: rgba(8, 20, 38, .86); backdrop-filter: blur(16px); color: #fff; box-shadow: 0 20px 60px rgba(0,0,0,.45); font-family: Inter, "Segoe UI", system-ui, sans-serif; }
.irv-card[hidden] { display: none; }
.irv-icon { font-size: 64px; line-height: 1; }
.irv-say { font-size: 28px; line-height: 1.35; font-weight: 600; }
.irv-extra { margin-top: 10px; }
.irv-amount { font-size: 56px; font-weight: 800; color: #f3dcb0; font-variant-numeric: tabular-nums; }
.irv-room { font-size: 120px; line-height: 1; font-weight: 800; color: #f3dcb0; letter-spacing: -4px; }
.irv-list { margin: 6px 0 0; padding-left: 36px; font-size: 26px; line-height: 1.6; }
.irv-list b { color: #f3dcb0; margin-left: 10px; }
.irv-wait { font-size: 40px; animation: irv-pulse 1.4s ease-in-out infinite; display: inline-block; margin-left: 12px; }
.irv-card.device { border: 2px solid #c89b4f; }
.irv-listen { grid-column: 1 / -1; display: none; align-items: center; gap: 12px; font-size: 20px; color: #a9b6c8; }
.irv-card.listening .irv-listen { display: flex; }
.irv-listen i { width: 14px; height: 14px; border-radius: 50%; background: #e0634f; animation: irv-pulse 1s infinite; }
@keyframes irv-pulse { 0%, 100% { opacity: .35; transform: scale(.92); } 50% { opacity: 1; transform: scale(1.08); } }
body.irk-with-avatar .irv-card { display: none; }

/* V7.2: only the form scrolls; actions never cover the last field. */
.irk-main{min-height:0;padding-bottom:32px}.irk-foot{position:relative;left:auto!important;right:auto;bottom:auto;flex-shrink:0}
.irk-head,.irk-steps,.irk-caption{flex-shrink:0}.irk-caption{max-height:90px;overflow:auto}
.irk-foot .irk-btn{min-width:0;min-height:56px;font-size:20px;padding:12px 20px}
body.irk-with-avatar #guestReply,body.irk-with-avatar #heard,body.irk-with-avatar .guestActions,body.irk-with-avatar .langPills{display:none}
@media(max-height:800px){.irk-head{padding:12px 18px;gap:8px;flex-wrap:wrap}.irk-langs button,.irk-staff,.irk-mic{min-height:42px;font-size:16px;padding:8px 14px}.irk-main{padding:22px 20px 28px}.irk-main h1{font-size:30px}.irk-lead{font-size:19px}.irk-field input,.irk-field select{font-size:21px;min-height:52px}.irk-foot{padding:12px 18px}.irk-head-actions{flex-wrap:wrap}}
body.irk-kb-open .irk-foot{bottom:auto}body.irk-kb-open .irk-root{bottom:var(--irk-kbh,340px)}body.irk-kb-open .irk-main{padding-bottom:28px}

/* Preserve portrait proportions inside the check-in split layout too. */
body.irk-with-avatar .liveReception .liveAvatarStage.portraitStage{
 width:min(100%,40.5vh);height:auto!important;min-height:0!important;aspect-ratio:9 / 16;
}
body.irk-with-avatar .liveReception .liveAvatarStage > .liveAvatarVideo,
body.irk-with-avatar .liveReception .liveAvatarStage > .liveAvatarEmbedFrame,
body.irk-with-avatar .liveReception .liveAvatarStage > .fallbackAvatar{
 height:100%!important;min-height:0!important;
}
@media(orientation:portrait){
 body.irk-with-avatar .liveReception .liveAvatarStage.portraitStage{width:min(100%,calc((34vh - 70px)*.5625))}
}

/* Dedicated guest station: portrait avatar and speech-led workflow. */
body.ir-station{margin:0;background:#091528;color:#fff}
body.ir-station .guestScreen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:24px;gap:18px}
body.ir-station .guestTop{width:100%;flex:0 0 auto}
body.ir-station .guestTopActions,body.ir-station .guestActions,body.ir-station .liveAvatarControls,
body.ir-station .langPills,body.ir-station #heard,body.ir-station .kioskWarn,
body.ir-station .avatarStateOverlay{display:none!important}
body.ir-station .liveReception .liveAvatarStage{width:min(90vw,38vh,480px);height:auto;aspect-ratio:9/16;min-height:0;flex-shrink:0;margin:0 auto}
body.ir-station #guestReply{max-width:900px;font-size:clamp(24px,3vw,42px);line-height:1.45;text-align:center}
body.ir-station .irv-card{position:relative;left:auto;bottom:auto;transform:none;box-sizing:border-box;width:min(92vw,900px);margin:0 auto 24px;display:flex;flex-direction:column;gap:12px;font-size:24px}
body.ir-station .irv-card[hidden]{display:none}
body.ir-station .irv-card .irv-say{display:none}
.stationSetup{position:fixed;inset:10% 8%;z-index:9999;overflow:auto;background:#fff;color:#18283c;border-radius:20px;padding:30px;box-shadow:0 20px 90px #000b;font-size:20px}
.stationSetup button,.stationSetup a{display:inline-block;padding:16px;margin:8px;background:#123e71;color:white;border-radius:8px}


.stationSetup{inset:clamp(12px,5vh,54px) clamp(12px,6vw,90px);max-width:1040px;margin:auto;padding:clamp(18px,3vw,32px);border:1px solid #d8e2ee;border-radius:22px;box-shadow:0 24px 80px #07162970;font-size:16px;line-height:1.5}.stationSetup h2{font-size:clamp(23px,3vw,32px);margin:0 0 12px}.stationSetup p{max-width:72ch;color:#526278}.stationSetup #stationCameraPreview video{display:block;width:min(34vw,310px);aspect-ratio:9/16;object-fit:contain;border-radius:14px;background:#111827}.stationSetup #stationCameraStatus,.stationSetup #stationMicStatus{padding:10px 12px;border-radius:10px;background:#f2f6fb}.stationSetup button,.stationSetup a{padding:12px 17px;margin:6px 8px 6px 0;border-radius:10px;font-size:15px}.stationSetup button:disabled{opacity:.5}@media(max-width:700px){.stationSetup{inset:10px;padding:18px}.stationSetup #stationCameraPreview video{width:min(55vw,260px)}}

.stationSetup{inset:clamp(12px,5vh,54px) clamp(12px,6vw,90px);max-width:1040px;margin:auto;padding:clamp(18px,3vw,32px);border:1px solid #d8e2ee;border-radius:22px;box-shadow:0 24px 80px #07162970;font-size:16px;line-height:1.5}.stationSetup h2{font-size:clamp(23px,3vw,32px);margin:0 0 12px}.stationSetup p{max-width:72ch;color:#526278}.stationSetup #stationCameraPreview video{display:block;width:min(34vw,310px);aspect-ratio:9/16;object-fit:contain;border-radius:14px;background:#111827}.stationSetup #stationCameraStatus,.stationSetup #stationMicStatus{padding:10px 12px;border-radius:10px;background:#f2f6fb}.stationSetup button,.stationSetup a{padding:12px 17px;margin:6px 8px 6px 0;border-radius:10px;font-size:15px}.stationSetup button:disabled{opacity:.5}@media(max-width:700px){.stationSetup{inset:10px;padding:18px}.stationSetup #stationCameraPreview video{width:min(55vw,260px)}}