/* ============ ADMIN LOGIN ============ */
.admin-back{
  display:inline-block; margin:16px 0 0 20px; font-size:.82rem; font-weight:600;
  color:var(--muted); text-decoration:none;
}
.admin-login{
  min-height:100vh; display:flex; align-items:center; justify-content:center; padding:24px;
}
.admin-login__card{
  width:100%; max-width:380px; background:var(--surface); border:1px solid var(--border);
  border-radius:var(--radius-lg); padding:28px 24px; box-shadow:var(--shadow);
}
.admin-login__title{font-size:1.3rem; margin-bottom:4px;}
.admin-login__sub{color:var(--muted); font-size:.85rem; margin-bottom:18px;}
.admin-login__note{color:var(--muted); font-size:.72rem; margin-top:16px; text-align:center;}
.admin-login__note code{background:var(--surface-alt); padding:2px 5px; border-radius:4px;}

/* ============ ADMIN SHELL ============ */
.admin-shell{max-width:720px; margin:0 auto; padding-bottom:40px;}
.admin-header{
  display:flex; align-items:center; justify-content:space-between; padding:16px 20px;
}
.admin-tabs{display:flex; gap:8px; padding:0 20px 10px;}
.admin-tab{
  flex:1; padding:11px; border-radius:12px; font-weight:700; font-size:.85rem;
  background:var(--surface); border:1px solid var(--border); color:var(--muted);
}
.admin-tab.is-active{background:var(--accent); border-color:var(--accent); color:#fff;}

.admin-panel{padding:0 20px;}
.admin-panel__head{display:flex; align-items:center; justify-content:space-between; margin:8px 0 14px;}
.admin-panel__head h2{font-size:1.1rem;}

.admin-list{display:flex; flex-direction:column; gap:12px;}

/* ============ ORDER MANAGEMENT CARD ============ */
.manage-card{
  background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-md);
  padding:16px; box-shadow:var(--shadow);
}
.manage-card__top{display:flex; justify-content:space-between; align-items:baseline; margin-bottom:6px;}
.manage-card__id{font-family:var(--font-mono); font-weight:800;}
.manage-card__time{font-size:.72rem; color:var(--muted);}
.manage-card__customer{font-size:.85rem; font-weight:700; margin-bottom:2px;}
.manage-card__contact{font-size:.75rem; color:var(--muted); margin-bottom:8px;}
.manage-card__items{font-size:.8rem; color:var(--muted); line-height:1.5; margin-bottom:8px;}
.manage-card__notes{font-size:.75rem; font-style:italic; color:var(--accent-2); margin-bottom:8px;}
.manage-card__total{font-family:var(--font-mono); font-weight:800; color:var(--accent-2); margin-bottom:12px;}
.manage-card__actions{display:flex; gap:8px; flex-wrap:wrap;}
.status-btn{
  padding:9px 14px; border-radius:20px; font-size:.78rem; font-weight:700;
  background:var(--accent); color:#fff;
}
.status-btn--cancel{background:transparent; border:1px solid var(--border); color:var(--muted);}
.status-btn:disabled{opacity:.5;}

/* ============ MENU AVAILABILITY LIST ============ */
.menu-row{
  background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-sm);
  padding:12px 14px; display:flex; flex-direction:column; gap:10px;
}
.menu-row__top{display:flex; align-items:center; gap:12px;}
.menu-row__thumb{width:44px; height:44px; border-radius:8px; object-fit:cover; flex-shrink:0;}
.menu-row__thumb--empty{
  display:flex; align-items:center; justify-content:center; font-size:1.2rem;
  background:var(--surface-alt); border:1px solid var(--border);
}
.menu-row__info{flex:1; min-width:0;}
.menu-row__name{font-weight:600; font-size:.88rem;}
.menu-row__cat{font-size:.7rem; color:var(--muted); text-transform:capitalize;}
.menu-row__photo{display:flex; gap:8px;}
.photo-input{
  flex:1; min-width:0; background:var(--surface-alt); border:1px solid var(--border); color:var(--text);
  border-radius:8px; padding:8px 10px; font-size:.78rem; font-family:var(--font-body);
}
.menu-row__photo .status-btn{padding:8px 14px; font-size:.75rem;}
.photo-hint{font-size:.68rem; color:var(--muted); line-height:1.4;}
.photo-warning{font-size:.72rem; color:var(--accent); font-weight:600;}
.menu-row__actions{display:flex; gap:8px;}
.menu-row__actions .status-btn{padding:8px 14px; font-size:.75rem;}
.toggle-switch{position:relative; width:44px; height:26px; flex-shrink:0;}
.toggle-switch input{position:absolute; opacity:0; width:100%; height:100%; margin:0; cursor:pointer;}
.toggle-switch__track{
  display:block; width:44px; height:26px; border-radius:16px; background:var(--surface-alt);
  border:1px solid var(--border); position:relative; transition:.2s;
}
.toggle-switch__thumb{
  position:absolute; top:2px; left:2px; width:20px; height:20px; border-radius:50%;
  background:var(--muted); transition:.2s;
}
.toggle-switch input:checked + .toggle-switch__track{background:var(--accent); border-color:var(--accent);}
.toggle-switch input:checked + .toggle-switch__track .toggle-switch__thumb{left:20px; background:#fff;}

.cat-group-label{
  font-family:var(--font-mono); font-size:.7rem; text-transform:uppercase; letter-spacing:.08em;
  color:var(--accent); margin:16px 0 -2px;
}

/* ============ DISH FORM ============ */
.form-field--row{flex-direction:row; align-items:center; gap:8px;}
.form-field--row input[type="checkbox"]{width:auto;}
.size-row{display:flex; gap:8px; align-items:center;}
.size-row input{
  background:var(--surface-alt); border:1px solid var(--border); color:var(--text);
  border-radius:8px; padding:9px 10px; font-size:.85rem; font-family:var(--font-body);
}
.size-row input.size-row__label{flex:1.2; min-width:0;}
.size-row input.size-row__price{flex:1; min-width:0;}
.size-row__remove{
  width:32px; height:32px; border-radius:50%; background:var(--surface-alt); border:1px solid var(--border);
  color:var(--muted); font-size:1rem; flex-shrink:0;
}

/* ============ CUSTOMERS ============ */
.stat-highlight{font-family:var(--font-mono); font-size:1.6rem; font-weight:800; color:var(--accent); margin-bottom:14px;}
.customer-card{
  background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-md);
  padding:14px 16px; box-shadow:var(--shadow);
}
.customer-card__email{font-weight:700; font-size:.88rem;}
.customer-card__meta{font-size:.76rem; color:var(--muted); margin-top:2px;}

/* ============ SALES ============ */
.sales-grid{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px;}
.sales-stat{
  background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-md);
  padding:14px 10px; text-align:center; box-shadow:var(--shadow);
}
.sales-stat__label{display:block; font-size:.68rem; color:var(--muted); margin-bottom:6px;}
.sales-stat__value{display:block; font-family:var(--font-mono); font-weight:800; font-size:1rem; color:var(--accent-2);}
@media(max-width:400px){
  .sales-stat__value{font-size:.85rem;}
}