:root {
    --bg: #060912;
    --bg-soft: #0c1222;
    --panel: rgba(10, 16, 31, 0.88);
    --panel-2: rgba(255,255,255,0.05);
    --line: rgba(150, 174, 255, 0.14);
    --line-strong: rgba(150, 174, 255, 0.28);
    --text: #eff4ff;
    --muted: #a9b8d9;
    --primary: #6ea8ff;
    --primary-2: #7d6bff;
    --success: #40d9a7;
    --danger: #ff7389;
    --warning: #f6c55f;b
    --radius: 28px;
    --shadow: 0 28px 90px rgba(0,0,0,.48);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100%}
body{
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    color:var(--text);
    background:
        radial-gradient(circle at 0% 0%, rgba(110,168,255,.18), transparent 25%),
        radial-gradient(circle at 100% 0%, rgba(125,107,255,.18), transparent 28%),
        radial-gradient(circle at 50% 100%, rgba(64,217,167,.07), transparent 22%),
        linear-gradient(180deg, #04070f 0%, #09101b 44%, #05070e 100%);
}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
img{display:block}
.login-screen{display:grid;place-items:center;padding:24px}
.login-shell,.app-shell{padding:max(18px, env(safe-area-inset-top)) 14px max(24px, env(safe-area-inset-bottom))}
.login-shell{min-height:100vh;display:grid;place-items:center}
.soft-panel{
    background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
    border:1px solid var(--line);
    box-shadow:var(--shadow);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    border-radius:var(--radius);
}
.login-card{width:min(560px,100%);padding:34px}
.login-brand,.header-main{display:flex;align-items:center;gap:18px}
.brand-logo {
    width: 250px;
    height: auto;
    object-fit: cover;
    display: block;  /* Eklendi */
    margin: 0 auto;  /* Eklendi - yatay ortalama */

}

.brand-logo.small {
    width: 250px;
    height: auto;
}
.chip,.pulse-badge{
    display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;
    border:1px solid var(--line);background:rgba(255,255,255,.06);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#dbe8ff
}
.live-badge strong{font-size:16px}
.pulse-badge::before{content:"";width:9px;height:9px;border-radius:50%;background:#ff7f96;box-shadow:0 0 0 0 rgba(255,127,150,.75);animation:pulse 1.8s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,127,150,.7)}70%{box-shadow:0 0 0 12px rgba(255,127,150,0)}100%{box-shadow:0 0 0 0 rgba(255,127,150,0)}}
h1,h2,h3,h4{color:#fff}
h1{font-size:clamp(30px,4vw,46px);margin:10px 0 6px}
h2{font-size:clamp(28px,3.3vw,36px)}
h3{font-size:26px}
h4{font-size:20px}
p,.muted-text,small{color:var(--muted);line-height:1.65;font-size:15px}
code{font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color:#dce6ff}
.app-container{width:min(1480px,100%);margin:0 auto}
.narrow-container{width:min(980px,100%);margin:0 auto}
.app-header{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;position:sticky;top:12px;z-index:20}
.header-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}
.metric-grid.large{grid-template-columns:repeat(5,minmax(0,1fr))}
.metric-card{padding:24px 22px;position:relative;overflow:hidden;min-height:132px}
.metric-card::after{content:"";position:absolute;right:-25px;bottom:-25px;width:92px;height:92px;border-radius:50%;background:rgba(255,255,255,.04)}
.metric-card span{display:block;color:var(--muted);margin-bottom:12px;font-size:14px}
.metric-card strong{font-size:34px;line-height:1;color:#fff}
.compact-metrics .metric-card{min-height:120px}
.screen-grid,.management-grid,.helper-grid{display:grid;gap:18px}
.admin-layout{grid-template-columns:1.25fr .85fr}
.waiter-layout{grid-template-columns:1fr}
.management-grid{grid-template-columns:1.08fr .92fr}
.admin-tight-grid{grid-template-columns:1.08fr .92fr}
.helper-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.lower-gap{margin-top:18px}
.panel-block{padding:24px}
.accent-panel{background:linear-gradient(180deg, rgba(110,168,255,.08), rgba(255,255,255,.03))}
.side-focus{background:linear-gradient(180deg, rgba(125,107,255,.08), rgba(255,255,255,.03))}
.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.wrap-head{align-items:flex-end;flex-wrap:wrap}
.stack-lg>*+*{margin-top:16px}
.form-grup label{display:block;margin-bottom:10px;font-weight:800;color:#e4ecff;font-size:18px}
.form-grup input,.form-grup select,.form-grup textarea,.big-textarea,.inline-form input,.table-input{
    width:100%;border-radius:18px;padding:16px 18px;background:rgba(255,255,255,.06);color:#fff;border:1px solid var(--line);outline:none;transition:.2s ease;font-size:18px
}
.form-grup input:focus,.form-grup select:focus,.form-grup textarea:focus,.big-textarea:focus,.inline-form input:focus,.table-input:focus{border-color:rgba(110,168,255,.65);box-shadow:0 0 0 4px rgba(110,168,255,.12)}
.big-textarea{min-height:250px;resize:vertical;line-height:1.75}
.big-ui{font-size:20px}
.editor-note,.editor-toolbar,.toolbar-right{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.toolbar-right{justify-content:flex-end}
.top-gap{margin-top:16px}
.btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 18px;border-radius:16px;
    font-weight:800;cursor:pointer;border:1px solid transparent;transition:.18s ease;font-size:16px
}
.btn:hover{transform:translateY(-1px)}
.btn-lg{min-height:58px;padding:0 24px;font-size:18px}
.btn-block{width:100%}
.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff}
.btn-danger{background:linear-gradient(135deg,#ff5b74,#ca2f57);color:#fff}
.btn-light{background:rgba(255,255,255,.06);border-color:var(--line);color:#fff}
.btn-small{min-height:40px;padding:0 14px;font-size:14px;border-radius:12px}
.alert{padding:16px 18px;border-radius:18px;border:1px solid transparent;margin:0 0 18px;font-size:17px}
.alert-success{background:rgba(64,217,167,.12);color:#bbffe9;border-color:rgba(64,217,167,.26)}
.alert-danger{background:rgba(255,115,137,.12);color:#ffd9e0;border-color:rgba(255,115,137,.26)}
.alert-warning{background:rgba(246,197,95,.11);color:#ffe6ab;border-color:rgba(246,197,95,.24)}
.alert-info{background:rgba(110,168,255,.12);color:#dbe5ff;border-color:rgba(110,168,255,.24)}
.message-list{display:grid;gap:14px}
.message-card{padding:20px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025))}
.message-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.message-top time{font-size:14px;color:var(--muted)}
.message-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.message-body{line-height:1.82;color:#eef3ff;font-size:18px;white-space:pre-wrap;word-break:break-word}
.message-body p,.message-body div{margin:0 0 10px}
.message-body ul,.message-body ol{padding-left:24px;margin:0 0 10px}
.status-form{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}
.status-form select,.dark-select{min-width:190px;border-radius:14px;padding:12px 14px;background:rgba(255,255,255,.06);color:#fff;border:1px solid var(--line)}
select option{background:#0d1528;color:#eef4ff}
.status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:9px 13px;font-weight:800;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.status-badge.waiting{background:rgba(246,197,95,.14);color:#ffe09a}
.status-badge.success{background:rgba(64,217,167,.14);color:#bbffe9}
.status-badge.danger{background:rgba(255,115,137,.14);color:#ffd6df}
.status-badge.info{background:rgba(110,168,255,.14);color:#dbe5ff}
.table-shell{overflow-x:auto;border:1px solid var(--line);border-radius:18px}
.elite-table{width:100%;border-collapse:collapse;min-width:640px}
.elite-table.compact{min-width:920px}
.elite-table th,.elite-table td{padding:16px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:top}
.elite-table th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#cbd9f7;background:rgba(255,255,255,.03)}
.elite-table td{color:#eef3ff;font-size:15px}
.elite-table tr:last-child td{border-bottom:0}
.settlement-table td strong{font-size:16px}
.settlement-table .table-input{min-width:140px;padding:12px 14px;font-size:16px;border-radius:14px}
.debt-cell{font-weight:800;color:#ffd59a}
.inline-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.empty-box{padding:18px;border-radius:16px;border:1px dashed var(--line-strong);background:rgba(255,255,255,.03);color:var(--muted);font-size:16px}
.check-row{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:16px}
.install-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;margin-bottom:18px}
.preview-box{padding:18px;border-radius:18px;border:1px dashed var(--line);background:rgba(255,255,255,.025)}
.dock-nav{display:none}
.modal-backdrop{
    position:fixed;inset:0;background:rgba(0,0,0,.52);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:20px;z-index:90
}
.modal-backdrop.show{display:flex}
.modal-card{width:min(620px,100%);padding:24px}
@media (max-width:1180px){
    .metric-grid.large{grid-template-columns:repeat(3,minmax(0,1fr))}
    .management-grid,.admin-tight-grid,.admin-layout{grid-template-columns:1fr}
}
@media (max-width:860px){
    .app-header{position:static;padding:16px;flex-direction:column;align-items:flex-start}
    .header-actions{width:100%}
    .header-actions .btn{flex:1}
    .login-card,.panel-block,.metric-card{padding:18px}
    .metric-grid,.metric-grid.large,.helper-grid{grid-template-columns:1fr}
    .brand-logo{width:250px;height:auto}
    .brand-logo.small{width:250px;height:auto}
    .section-head{align-items:flex-start;flex-direction:column}
    .message-top{flex-direction:column}
    body{padding-bottom:90px}
    .dock-nav{
        display:grid;grid-template-columns:repeat(2,1fr);gap:10px;position:fixed;left:14px;right:14px;bottom:max(12px, env(safe-area-inset-bottom));
        padding:10px;border-radius:22px;background:rgba(8,11,22,.94);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px);z-index:40
    }
    .dock-nav a{display:flex;justify-content:center;align-items:center;min-height:48px;border-radius:14px;background:rgba(255,255,255,.05);color:#fff;font-weight:800}
    .dock-nav a.active{background:linear-gradient(135deg,var(--primary),var(--primary-2))}
    .inline-form{width:100%}
    .inline-form input,.inline-form .btn{width:100%}
}
.debt-warning-panel{border-color:rgba(255,115,137,.28);background:linear-gradient(180deg, rgba(255,115,137,.12), rgba(255,255,255,.03))}
.debt-warning-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.debt-warning-card{padding:16px 18px;border-radius:18px;border:1px solid rgba(255,115,137,.24);background:rgba(95,10,28,.22)}
.debt-warning-card strong{display:block;font-size:18px;margin-bottom:6px}
.debt-warning-card span{color:#ffd6df;font-weight:700}
.table-row-danger td{background:rgba(255,115,137,.05)}

.message-editor,
.message-editor *{text-transform:none !important}
textarea, input, select{font-family:inherit}
textarea.message-editor{letter-spacing:normal}
.toast-stack{position:fixed;right:18px;top:18px;display:flex;flex-direction:column;gap:10px;z-index:200;max-width:min(420px,calc(100vw - 28px));}
.toast-item{width:100%;text-align:left;padding:0;border-radius:8px;border:none;box-shadow:0 10px 28px rgba(0,0,0,.24);color:#182033;cursor:pointer;display:flex;flex-direction:column;gap:0;overflow:hidden;background:#fff;transition:transform .18s ease, box-shadow .18s ease}
.toast-item:hover{transform:translateY(-1px);box-shadow:0 16px 36px rgba(0,0,0,.28)}
.toast-item strong{font-size:15px;font-weight:800}
.toast-item span{font-size:14px;line-height:1.5}
.toast-item small{font-size:12px;opacity:.82;padding:0 16px 12px 16px}
.toast-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 10px 16px}
.toast-head strong{display:flex;align-items:center;gap:10px}
.toast-head strong::before{content:'!';display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:13px;font-weight:900;background:rgba(0,0,0,.28);color:#fff}
.toast-close,.toast-timer{appearance:none;border:none;background:transparent;color:inherit;font-weight:800;font-size:14px}
.toast-close{cursor:pointer;line-height:1}
.toast-item > span{padding:0 16px 14px 16px;color:inherit}
.toast-progress{height:4px;background:rgba(0,0,0,.08);width:100%}
.toast-progress i{display:block;height:100%;width:100%;background:rgba(255,255,255,.8);transition:width 1s linear}
.toast-info{background:#d9e7f5;color:#1f2b3d}
.toast-success{background:#43c59e;color:#0f2b23}
.toast-warning{background:#f4b907;color:#5b4300}
.toast-danger{background:#f1655d;color:#fff}
.toast-danger .toast-head strong::before,.toast-warning .toast-head strong::before,.toast-success .toast-head strong::before{background:rgba(20,20,20,.22)}
.toast-danger .toast-close,.toast-danger .toast-timer,.toast-danger > span,.toast-danger small{color:#fff}
.toast-copyable{padding-bottom:0}
@media (max-width:860px){.toast-stack{left:14px;right:14px;top:14px;max-width:none}}

.copy-card{cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.copy-card:hover{transform:translateY(-2px);border-color:rgba(110,168,255,.35);box-shadow:0 10px 30px rgba(0,0,0,.18)}
.clickable-status{cursor:pointer;border:none}
.clickable-status.waiting{box-shadow:0 0 0 1px rgba(246,197,95,.22) inset}
.force-uppercase{text-transform:uppercase !important}
.force-uppercase::placeholder {
    text-transform: none;
}
.message-editor,.message-editor *{text-transform:uppercase !important}
textarea.message-editor{letter-spacing:.03em}
.check-row.compact{justify-content:center;font-size:12px}
.modal-card{max-width:620px;width:min(92vw,620px)}


.toast-danger {
    background: #d82f2f;
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 18px 45px rgba(216,47,47,.35);
}
.toast-new-message {
    color: #fff;
}
.toast-new-message .toast-head strong {
    font-size: 1.02rem;
    font-weight: 900;
    letter-spacing: .03em;
}
.toast-new-message span,
.toast-new-message small,
.toast-new-message .toast-timer {
    color: rgba(255,255,255,.96);
    font-weight: 700;
}
.toast-new-message .toast-progress {
    background: rgba(255,255,255,.18);
}
.toast-new-message .toast-progress i {
    background: rgba(255,255,255,.94);
}

.prominent-send{
    width:100%;
    min-height:64px;
    font-size:20px;
    font-weight:900;
    box-shadow:0 18px 40px rgba(80,124,255,.28);
}
.prominent-send:hover{box-shadow:0 22px 48px rgba(80,124,255,.34)}
.linklike{
    appearance:none;
    background:transparent;
    border:none;
    padding:0;
    margin:0;
    color:#fff;
    font:inherit;
    cursor:pointer;
    text-align:left;
}
.linklike strong{text-decoration:underline;text-decoration-color:rgba(255,255,255,.2);text-underline-offset:3px}
.debt-warning-card{
    width:100%;
    text-align:left;
    cursor:pointer;
}
.debt-warning-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(120,20,35,.22)}


.history-panel{margin-bottom:18px}
.emoji-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.emoji-btn{appearance:none;border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;border-radius:16px;padding:10px 14px;font-size:22px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.emoji-btn:hover{transform:translateY(-1px);border-color:rgba(110,168,255,.4);background:rgba(255,255,255,.1)}
.quick-template-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:-4px;margin-bottom:2px}
.quick-template-btn{font-size:15px;font-weight:900}
.quick-template-btn:hover{transform:translateY(-1px)}


.quick-actions-row{display:flex;gap:10px;flex-wrap:nowrap;align-items:center;overflow-x:auto;padding-bottom:2px;margin-bottom:6px}
.quick-actions-row .btn,.quick-actions-row .emoji-btn{flex:0 0 auto;white-space:nowrap}
.emoji-btn{min-width:54px;height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;font-size:24px;font-weight:800;cursor:pointer}
.emoji-btn:hover{background:rgba(255,255,255,.12)}
.quick-template-btn{min-height:46px;font-weight:800}
.prominent-send.is-loading{opacity:.78;pointer-events:none;filter:saturate(.8)}
.message-card.status-card-beklemede{background:linear-gradient(180deg, rgba(246,197,95,.13), rgba(255,255,255,.03));border-color:rgba(246,197,95,.24)}
.message-card.status-card-tamamlandi{background:linear-gradient(180deg, rgba(64,217,167,.14), rgba(255,255,255,.03));border-color:rgba(64,217,167,.26)}
.message-card.status-card-iptal_edildi{background:linear-gradient(180deg, rgba(255,115,137,.13), rgba(255,255,255,.03));border-color:rgba(255,115,137,.24)}
.waiter-header{align-items:center}
.waiter-menu-wrap{position:relative;margin-left:auto}
.hamburger-btn{width:52px;height:52px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);display:flex;flex-direction:column;justify-content:center;gap:6px;padding:0 14px;cursor:pointer}
.hamburger-btn span{display:block;height:2px;border-radius:3px;background:#fff}
.waiter-menu{position:absolute;right:0;top:64px;width:min(290px,78vw);padding:14px;border-radius:22px;border:1px solid var(--line);background:rgba(10,14,28,.98);box-shadow:0 20px 50px rgba(0,0,0,.35);display:none;z-index:60}
.waiter-menu.show{display:block}
.waiter-menu-head{padding:4px 4px 12px 4px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:12px}
.waiter-menu-head strong{display:block;font-size:18px}
.waiter-menu-head small{color:var(--muted)}
.waiter-menu-body{display:grid;gap:12px}
.menu-info-box{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.05);color:#eef2ff;font-weight:700;line-height:1.45}
.toast-new-message{border:2px solid rgba(255,255,255,.18)}
.toast-new-message .toast-head strong{font-size:1.08rem;font-weight:900}
.toast-new-message > span{font-size:15px;font-weight:800}
@media (max-width:860px){
  .waiter-header{flex-direction:row;align-items:center}
  .waiter-header .header-main{flex:1;min-width:0}
  .waiter-header .header-main p{display:none}
  .waiter-header .chip{margin-bottom:6px}
  .quick-actions-row{gap:8px}
  .quick-actions-row .btn{font-size:12px;padding:0 12px}
  .emoji-btn{min-width:48px;height:44px;font-size:22px}
}


/* v14 responsive + waiter menu polish */
.menu-overlay{position:fixed;inset:0;background:rgba(3,7,18,.58);backdrop-filter:blur(4px);display:none;z-index:119}
.menu-overlay.show{display:block}
.waiter-menu{z-index:120}
body.menu-open{overflow:hidden}
.waiter-header .header-main h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.menu-open .app-header{z-index:121}
@media (max-width:860px){
  .app-shell{padding-inline:10px}
  .app-container{width:min(100%, 1000px)}
  .app-header{padding:14px}
  .waiter-header .header-main{gap:10px}
  .waiter-header .header-main h2{font-size:22px}
  .waiter-header .brand-logo.small{width:44px;height:44px}
  .quick-actions-row{gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:0}
  .quick-actions-row::-webkit-scrollbar{display:none}
  .quick-actions-row .btn,
  .quick-actions-row .emoji-btn{
    min-height:40px;
    height:40px;
    padding:0 10px;
    font-size:12px;
    border-radius:12px;
  }
  .quick-template-btn{font-size:11px;letter-spacing:.01em}
  .emoji-btn{min-width:40px;font-size:18px}
  .prominent-send{
    min-height:54px;
    font-size:17px;
    border-radius:16px;
  }
  .panel-block{padding:16px}
  .message-card{padding:14px}
  .message-top h4{font-size:15px}
  .message-body{font-size:15px;line-height:1.45;word-break:break-word}
  .waiter-menu{
    position:fixed;
    top:12px;
    right:12px;
    left:12px;
    width:auto;
    max-height:calc(100vh - 24px);
    overflow:auto;
    border-radius:20px;
  }
  .waiter-menu-head{padding-top:8px}
}
.dock-nav{display:none !important}

/* v16 POS refresh */
:root{
  --vip:#ffd66b;
  --vip-dark:#6a4b00;
}
body{
  background:
    radial-gradient(circle at top left, rgba(84,121,255,.18), transparent 28%),
    radial-gradient(circle at top right, rgba(40,217,167,.10), transparent 22%),
    linear-gradient(180deg, #070b16 0%, #0b1120 56%, #0d1527 100%);
}
.soft-panel{
  background:linear-gradient(180deg, rgba(16,22,40,.94), rgba(11,17,31,.92));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 48px rgba(0,0,0,.28);
}
.app-container{max-width:1380px}
.app-header{
  position:sticky;top:12px;z-index:40;
  background:linear-gradient(180deg, rgba(12,17,31,.96), rgba(8,12,24,.94));
}
.chip{background:rgba(84,121,255,.18);border:1px solid rgba(110,168,255,.18)}
.vip-pill,.inline-vip,.status-badge.vip{
  display:inline-flex;align-items:center;gap:6px;
  padding:4px 10px;border-radius:999px;
  background:linear-gradient(180deg,#ffe28a,#ffc94f);
  color:#3c2900;font-weight:900;font-size:12px;
  box-shadow:0 8px 22px rgba(255,201,79,.18);
  vertical-align:middle;
}
.inline-vip{margin-left:8px}
.metric-card strong{font-size:34px}
.metric-card span{letter-spacing:.03em;text-transform:uppercase}
.accent-panel{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg, rgba(60,80,150,.22), rgba(8,12,24,.96) 45%, rgba(17,26,48,.98));
}
.quick-actions-row{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;overflow:visible
}
.quick-actions-row .emoji-btn,
.quick-actions-row .quick-template-btn{min-width:0;width:100%}
.quick-actions-row .quick-template-btn{font-size:11px;padding:0 8px;min-height:40px;border-radius:12px}
.quick-actions-row .emoji-btn{height:40px;min-width:0;font-size:20px;border-radius:12px}
.prominent-send{
  min-height:60px;font-size:21px;border-radius:18px;
  background:linear-gradient(135deg,#5a7fff,#3557d9);
}
.message-list{gap:14px}
.message-card{
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.09);
}
.message-top h4{font-size:18px;display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.status-badge{border-radius:999px;padding:10px 14px;font-weight:900}
.status-badge.waiting{background:#f2c65a;color:#412c00}
.status-badge.success{background:#32c48d;color:#072517}
.status-badge.info{background:#5a7fff;color:#fff}
.status-badge.danger{background:#db5050;color:#fff}
.header-actions{gap:10px;flex-wrap:wrap}
.waiter-header{position:sticky;top:10px;z-index:60}
.waiter-menu-wrap{position:static}
.hamburger-btn{position:relative;z-index:131}
.menu-overlay{position:fixed;inset:0;z-index:129;background:rgba(2,7,18,.72);backdrop-filter:blur(8px)}
.waiter-menu{
  position:fixed;right:16px;top:82px;z-index:130;
  width:min(320px,calc(100vw - 24px));
  background:linear-gradient(180deg, rgba(10,14,28,.98), rgba(12,18,34,.98));
}
body.menu-open .app-header{z-index:132}
.table-shell{overflow:auto}
.elite-table th{position:sticky;top:0;background:#10182c}
.linklike strong{display:inline-flex;align-items:center;gap:6px}
.pos-hero{display:grid;grid-template-columns:1.4fr .8fr;gap:16px;margin-bottom:18px}
.pos-hero-card{padding:22px;border-radius:24px}
.pos-hero-card h3{font-size:26px;margin-bottom:8px}
.pos-hero-card p{max-width:720px}
.pos-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pos-mini-stat{padding:16px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.pos-mini-stat strong{display:block;font-size:24px;margin-top:4px}
.settings-note{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
@media (max-width:900px){
  .pos-hero{grid-template-columns:1fr}
  .quick-actions-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quick-actions-row .quick-template-btn{font-size:10px;letter-spacing:0}
  .prominent-send{font-size:18px;min-height:56px}
  .waiter-menu{right:12px;top:76px;width:calc(100vw - 24px)}
  .app-header{top:0;border-radius:0}
}
@media (max-width:560px){
  .quick-actions-row{grid-template-columns:44px 44px minmax(0,1fr) minmax(0,1fr);gap:6px}
  .quick-actions-row .quick-template-btn{font-size:9px;padding:0 6px;min-height:38px}
  .quick-actions-row .emoji-btn{height:38px;font-size:18px}
  .message-top{gap:10px}
  .message-top h4{font-size:16px}
  .header-actions .btn{min-height:42px}
}


/* v17 fixes */
.waiter-header .header-main{gap:0}
.waiter-header .header-main > div{display:none}
.waiter-header .brand-logo.small{width:250px;height:auto}
.quick-actions-row{grid-template-columns:44px 44px repeat(2,minmax(0,1fr));gap:6px;align-items:stretch}
.quick-actions-row .quick-template-btn{font-size:10px;padding:0 6px;min-height:38px;line-height:1.1}
.quick-actions-row .emoji-btn{height:38px;font-size:18px}
.prominent-send{width:100%}
.section-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.ready-message-manager{display:grid;gap:10px}
.ready-message-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.03)}
.ready-message-text{font-weight:800;color:#fff;word-break:break-word}
.ready-message-actions{display:flex;gap:6px;flex-wrap:wrap}
.ready-message-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
@media (max-width:860px){
  .quick-actions-row{grid-template-columns:40px 40px repeat(2,minmax(0,1fr));gap:5px}
  .quick-actions-row .quick-template-btn{font-size:9px;padding:0 4px;min-height:36px;border-radius:10px}
  .quick-actions-row .emoji-btn{height:36px;font-size:16px;border-radius:10px}
  .ready-message-item,.ready-message-add{grid-template-columns:1fr}
}
@media (max-width:520px){
  .app-shell{padding-inline:8px}
  .panel-block{padding:14px}
  .quick-actions-row{grid-template-columns:36px 36px repeat(2,minmax(0,1fr));gap:4px}
  .quick-actions-row .quick-template-btn{font-size:8px;letter-spacing:0;padding:0 3px;min-height:34px}
  .quick-actions-row .emoji-btn{height:34px;font-size:15px}
  .waiter-menu{left:10px;right:10px;top:70px;width:auto;max-width:none}
}


.waiter-menu-wrap{z-index:125}
.waiter-header{z-index:126}
.status-action-btn{white-space:nowrap}
.message-actions .btn-small{padding:8px 10px;border-radius:999px}

.inline-form{display:inline-flex;gap:8px;align-items:center}
.status-action-btn + .inline-form{margin-left:8px}