/* DailyMenu 2026 — shared mobile-first design system.
   This layer leaves page behavior and existing DOM hooks intact. */
:root {
  --dm-bg:#f4f6f8; --dm-surface:#fff; --dm-soft:#f9fafb; --dm-ink:#18202f;
  --dm-muted:#6b7280; --dm-border:#e4e7ec; --dm-brand:#feaf31;
  --dm-brand-strong:#eb9818; --dm-brand-soft:#fff4dc; --dm-success:#2e9b69;
  --dm-success-soft:#e9f7f0; --dm-warning:#d68116; --dm-warning-soft:#fff3df;
  --dm-danger:#d94b55; --dm-info:#3979b8; --dm-info-soft:#eaf3fb; --dm-navy:#202939;
  --dm-r-sm:10px; --dm-r-md:14px; --dm-r-lg:20px;
  --dm-shadow-xs:0 1px 2px rgba(16,24,40,.04);
  --dm-shadow-sm:0 1px 3px rgba(16,24,40,.05),0 8px 24px rgba(16,24,40,.05);
  --dm-shadow-md:0 8px 30px rgba(16,24,40,.09);
}
html{background:var(--dm-bg)}
body.dm-page{
  --bg:var(--dm-bg); --card:var(--dm-surface); --ink:var(--dm-ink); --muted:var(--dm-muted);
  --border:var(--dm-border); --accent:var(--dm-brand); --accent-red:var(--dm-brand);
  --accent-red-dark:var(--dm-brand-strong); --orange:var(--dm-warning);
  --orange-bg:var(--dm-warning-soft); --green:var(--dm-success);
  --green-bg:var(--dm-success-soft); --blue:var(--dm-info); --blue-bg:var(--dm-info-soft);
  --danger:var(--dm-danger); --shadow-sm:var(--dm-shadow-sm);
  margin:0; color:var(--dm-ink); background:var(--dm-bg);
  font-family:'Manrope','Segoe UI',system-ui,-apple-system,sans-serif;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
body.dm-page :is(button,input,textarea,select){font:inherit}
body.dm-page :is(button,a){-webkit-tap-highlight-color:transparent}
body.dm-page button{touch-action:manipulation}
body.dm-page :focus-visible{outline:3px solid rgba(254,175,49,.35);outline-offset:2px}
body.dm-page :is(input,textarea,select){
  border-color:var(--dm-border)!important;border-radius:var(--dm-r-sm)!important;
  background-color:var(--dm-surface)!important;color:var(--dm-ink);
  transition:border-color .16s ease,box-shadow .16s ease;
}
body.dm-page :is(input,textarea,select):focus{
  outline:none;border-color:var(--dm-brand)!important;
  box-shadow:0 0 0 4px rgba(254,175,49,.14)!important;
}
body.dm-page ::placeholder{color:#9aa1ad}
body.dm-page :is(.panel,.card,.order-card,.stat-card,.edit-card,.r-card,.summary,.section,.settings-card,.payment-card,.success-card,.form-card){
  border-color:var(--dm-border);box-shadow:var(--dm-shadow-sm)
}
body.dm-page :is(.panel,.card,.stat-card,.edit-card,.summary,.section,.settings-card,.payment-card,.success-card,.form-card){border-radius:var(--dm-r-lg)}
body.dm-page :is(.btn-primary,.primary-btn,.submit-btn,button[type='submit']){
  min-height:42px;border-radius:11px!important;font-weight:800;letter-spacing:-.01em;
  box-shadow:0 5px 14px rgba(235,152,24,.18);
  transition:transform .14s ease,box-shadow .14s ease,filter .14s ease;
}
body.dm-page :is(.btn-primary,.primary-btn,.submit-btn,button[type='submit']):active{transform:translateY(1px) scale(.99)}
body.dm-page :is(.btn-secondary,.secondary-btn,.sound-toggle-btn,.theme-toggle-btn,.icon-btn){border-radius:10px!important}
body.dm-page :is(.pill,.status-pill,.tag-pill,.delivery-chip,.distance-chip,.table-chip,.cat-chip,.category-chip,.filter-tab){font-weight:750;letter-spacing:-.005em}
body.dm-page :is(h1,h2,h3){letter-spacing:-.025em}

/* Administration */
body.dm-admin{display:flex;min-height:100vh}
body.dm-admin .sidebar{
  background:linear-gradient(180deg,#202939 0%,#18202e 100%);
  border-right:1px solid rgba(255,255,255,.05);box-shadow:10px 0 32px rgba(16,24,40,.07)
}
body.dm-admin .brand{min-height:54px}
body.dm-admin .brand .wordmark{letter-spacing:-.04em}
body.dm-admin nav.main-nav a{border-radius:12px!important}
body.dm-admin nav.main-nav a.active{
  background:linear-gradient(135deg,rgba(254,175,49,.23),rgba(254,175,49,.12))!important;
  color:#fff!important;box-shadow:inset 0 0 0 1px rgba(254,175,49,.16)
}
body.dm-admin nav.main-nav a.active .ic{color:var(--dm-brand)}
body.dm-admin .profile .avatar{background:linear-gradient(145deg,#4a5569,#303a4e);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
body.dm-admin .main{max-width:1680px;width:100%;margin:0 auto}
body.dm-admin .topbar{margin-bottom:20px}
body.dm-admin .topbar h1{font-size:clamp(20px,2.2vw,28px);font-weight:800}
body.dm-admin .topbar p{line-height:1.5}
body.dm-admin .topbar-right{gap:10px}
body.dm-admin .clock-chip{
  padding:8px 13px;border-radius:12px;background:var(--dm-surface);
  border:1px solid var(--dm-border);box-shadow:var(--dm-shadow-xs);font-size:20px
}
body.dm-admin .date-chip{padding:9px 12px;box-shadow:var(--dm-shadow-xs)}
body.dm-admin .stats-row{gap:12px}
body.dm-admin .stat-card{min-height:126px;padding:16px;justify-content:space-between}
body.dm-admin .stat-card:hover,body.dm-admin .panel:hover{transform:translateY(-1px)!important;box-shadow:var(--dm-shadow-md)!important}
body.dm-admin .stat-card .icon-circle{border-radius:10px}
body.dm-admin .stat-card .value{font-size:22px}
body.dm-admin .stat-card .label{font-size:12px;font-weight:650;color:var(--dm-ink)}
body.dm-admin .panel{padding:20px}
body.dm-admin .panel-head{gap:12px}
body.dm-admin .panel-head h2{font-size:17px}
body.dm-admin .menu-card{border-radius:14px;background:var(--dm-soft);border-color:var(--dm-border)}
body.dm-admin .order-row{border-radius:12px;transition:background .14s ease}
body.dm-admin .order-row:hover{background:var(--dm-soft)}
body.dm-admin .category-chip-row{scrollbar-width:none;scroll-snap-type:x proximity}
body.dm-admin .category-chip{scroll-snap-align:start;background:var(--dm-surface);border-color:var(--dm-border);box-shadow:var(--dm-shadow-xs)}
body.dm-admin .category-chip.active{background:var(--dm-navy);border-color:var(--dm-navy);color:#fff}
body.dm-admin :is(.inbox-shell,.modal-content){border-radius:var(--dm-r-lg);border-color:var(--dm-border);box-shadow:var(--dm-shadow-md)}

/* Kitchen Display */
body.dm-kds{min-height:100vh;width:100%;max-width:none;margin:0;padding:18px clamp(14px,2.3vw,34px) 40px}
body.dm-kds>header{
  position:sticky;top:0;z-index:60;margin:-18px -24px 18px;
  padding:13px clamp(14px,2.3vw,34px);background:rgba(244,246,248,.91);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(228,231,236,.85)
}
body.dm-kds .header-logo{padding:7px 11px;border-radius:12px;background:var(--dm-surface);border:1px solid var(--dm-border);box-shadow:var(--dm-shadow-xs)}
body.dm-kds .live-clock{font-variant-numeric:tabular-nums}
body.dm-kds .total-badge{border-radius:999px;background:var(--dm-surface);border:1px solid var(--dm-border)}
body.dm-kds .filter-tabs{
  position:sticky;top:73px;z-index:50;display:flex;gap:5px;overflow-x:auto;padding:5px;
  background:#e9ecf1;border:1px solid #dfe3e9;border-radius:14px;
  scrollbar-width:none;scroll-snap-type:x proximity
}
body.dm-kds .filter-tabs::-webkit-scrollbar{display:none}
body.dm-kds .filter-tab{flex:0 0 auto;scroll-snap-align:start;border:0!important;border-radius:10px!important;box-shadow:none}
body.dm-kds .filter-tab.active{background:var(--dm-surface)!important;color:var(--dm-ink)!important;box-shadow:0 1px 3px rgba(16,24,40,.12)!important}
body.dm-kds .board{gap:16px}
body.dm-kds .order-card{
  border:1px solid var(--dm-border);border-left:5px solid var(--dm-info);
  border-radius:18px;overflow:hidden;box-shadow:var(--dm-shadow-sm)
}
body.dm-kds .order-card:hover{transform:translateY(-1px);box-shadow:var(--dm-shadow-md)}
body.dm-kds .order-card-top{background:var(--dm-soft);padding-top:14px}
body.dm-kds .order-name{font-size:17px;letter-spacing:-.02em}
body.dm-kds .order-items{background:#fafbfc;border:1px solid var(--dm-border);border-radius:12px;padding:10px 12px}
body.dm-kds .order-item{line-height:1.5}
body.dm-kds .order-item .qty{color:var(--dm-brand-strong);font-weight:850}
body.dm-kds .note-chip{border-radius:10px}
body.dm-kds .order-card-footer{border-top:1px solid var(--dm-border);background:var(--dm-soft)}
body.dm-kds .actions button{min-height:43px;border-radius:11px;font-weight:800}
body.dm-kds #aggregateModal>div{border-radius:var(--dm-r-lg)!important;box-shadow:0 30px 80px rgba(16,24,40,.25)!important}

/* Ordering, table ordering and customer status */
body.dm-comanda-online,body.dm-comanda,body.dm-masa{max-width:1120px;margin:0 auto;padding:clamp(12px,3vw,28px)}
body.dm-comanda-online>header,body.dm-masa>header{
  position:relative;padding:14px 16px;border-radius:18px;background:var(--dm-surface);
  border:1px solid var(--dm-border);box-shadow:var(--dm-shadow-sm)
}
body.dm-comanda>header{padding:12px 14px;border-radius:16px;background:var(--dm-surface);border:1px solid var(--dm-border);box-shadow:var(--dm-shadow-sm)}
body:is(.dm-comanda-online,.dm-comanda,.dm-masa) .item-grid{gap:12px}
body:is(.dm-comanda-online,.dm-comanda,.dm-masa) .item-card{
  border-radius:16px;border-color:var(--dm-border);box-shadow:var(--dm-shadow-xs);
  transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease
}
body:is(.dm-comanda-online,.dm-comanda,.dm-masa) .item-card:hover{transform:translateY(-1px);box-shadow:var(--dm-shadow-sm)}
body:is(.dm-comanda-online,.dm-comanda,.dm-masa) .item-card.selected{border-color:var(--dm-brand)!important;box-shadow:0 0 0 3px rgba(254,175,49,.15)}
body:is(.dm-comanda-online,.dm-comanda,.dm-masa) #orderForm{border:1px solid var(--dm-border)!important;border-radius:20px;box-shadow:var(--dm-shadow-sm)}
body:is(.dm-comanda-online,.dm-comanda,.dm-masa) .section-title{font-weight:800;color:var(--dm-ink)}
body:is(.dm-comanda-online,.dm-comanda,.dm-masa) :is(.qty-btn,.total-bar){border-radius:10px}
body.dm-comanda-status{min-height:100vh;padding-bottom:48px}
body.dm-comanda-status .brand-header{
  position:sticky;top:0;z-index:40;max-width:none;padding:14px 16px;
  background:rgba(244,246,248,.92);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--dm-border);box-shadow:var(--dm-shadow-xs)
}
body.dm-comanda-status .container{max-width:680px;padding-left:16px;padding-right:16px}
body.dm-comanda-status .card{border:1px solid var(--dm-border)}
body.dm-comanda-status .step:is(.active,.done) .dot{box-shadow:0 0 0 5px rgba(46,155,105,.12)}

/* Driver experience */
body.dm-livrator{min-height:100vh;background:var(--dm-bg)}
body.dm-livrator>header{
  position:sticky;top:0;z-index:50;background:rgba(32,41,57,.96);
  backdrop-filter:blur(14px);box-shadow:0 8px 24px rgba(16,24,40,.16)
}
body.dm-livrator .container{max-width:760px}
body.dm-livrator .order-card{border-radius:18px;border:1px solid var(--dm-border);border-left:5px solid var(--dm-success);overflow:hidden}
body.dm-livrator .order-card .actions button{min-height:44px;border-radius:11px;font-weight:800}

/* Marketplace and public landing */
body.dm-marketplace{
  --cream:var(--dm-bg);--cream-deep:#eceff3;--amber:var(--dm-brand);
  --amber-deep:var(--dm-brand-strong);--ink:var(--dm-ink);--ink-soft:var(--dm-muted)
}
body.dm-marketplace header.site-head,body.dm-index header.nav{
  background:rgba(244,246,248,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)
}
body.dm-marketplace .head-inner,body.dm-index .nav-inner{min-height:66px}
body.dm-marketplace .search-wrap input{min-height:43px}
body.dm-marketplace :is(.locate-pill,.autolocate-btn,.cat-chip){box-shadow:var(--dm-shadow-xs)}
body.dm-marketplace .r-card{border-radius:18px;box-shadow:var(--dm-shadow-sm)}
body.dm-marketplace .r-card .cover{background:linear-gradient(135deg,#eef1f5,#e3e7ed)}
body.dm-marketplace .cat-chip.active{background:var(--dm-navy);border-color:var(--dm-navy)}
body.dm-index{--orange:var(--dm-brand-strong);--cream:var(--dm-bg);--navy:var(--dm-navy)}
body.dm-index :is(.feature-card,.step-card,.funnel-card,.pricing-card){border-radius:var(--dm-r-lg);border-color:var(--dm-border);box-shadow:var(--dm-shadow-sm)}

/* Authentication, superadmin and utility pages */
body:is(.dm-login,.dm-driver-login,.dm-superadmin-login){background:radial-gradient(circle at 50% 0%,#fff7e8 0,var(--dm-bg) 42%)}
body:is(.dm-login,.dm-driver-login,.dm-superadmin-login) :is(.login-card,.card,.login-box){border:1px solid var(--dm-border);border-radius:22px;box-shadow:0 20px 60px rgba(16,24,40,.12)}
body.dm-superadmin-dashboard{--accent:var(--dm-brand);--bg:var(--dm-bg);--card:var(--dm-surface);--ink:var(--dm-ink);--muted:var(--dm-muted);--border:var(--dm-border)}
body.dm-superadmin-dashboard>header{position:sticky;top:0;z-index:50;background:rgba(32,41,57,.97);backdrop-filter:blur(14px)}
body.dm-superadmin-dashboard main{max-width:1500px}
body.dm-superadmin-dashboard :is(.restaurant-card,.stat-mini-card,.platform-stat,.newsletter-card,.modal-content){border-radius:16px;box-shadow:var(--dm-shadow-sm)}
body:is(.dm-privacy,.dm-terms,.dm-cookies,.dm-plata-confirmata,.dm-plata-anulata,.dm-simulator){background:var(--dm-bg)}
body:is(.dm-privacy,.dm-terms,.dm-cookies) :is(main,.container,.legal-card),body:is(.dm-plata-confirmata,.dm-plata-anulata,.dm-simulator) :is(.card,.container){border-radius:var(--dm-r-lg)}

/* Compact, touch-friendly mobile layout */
@media(max-width:860px){
  body.dm-admin{display:block;padding-bottom:env(safe-area-inset-bottom)}
  body.dm-admin .sidebar{
    position:sticky;top:0;z-index:300;width:100%;height:auto;border:0;
    border-radius:0 0 18px 18px;overflow:hidden;box-shadow:0 10px 28px rgba(16,24,40,.18)
  }
  body.dm-admin .brand{padding:calc(10px + env(safe-area-inset-top)) 16px 10px;min-height:58px}
  body.dm-admin .brand .wordmark{font-size:19px}
  body.dm-admin .mobile-logout-btn{width:38px;height:38px;border-radius:12px}
  body.dm-admin nav.main-nav{padding:8px 10px 11px;gap:7px;scroll-snap-type:x mandatory}
  body.dm-admin nav.main-nav a{
    min-width:74px;min-height:59px;padding:8px 10px;justify-content:center;
    border:1px solid transparent;scroll-snap-align:start;border-radius:12px!important
  }
  body.dm-admin nav.main-nav a.active{border-color:rgba(254,175,49,.22)}
  body.dm-admin nav.main-nav a .ic{width:24px;height:24px}
  body.dm-admin .main{padding:18px 14px 52px!important}
  body.dm-admin .topbar{align-items:flex-start;gap:12px;margin-bottom:16px}
  body.dm-admin .topbar>div:first-child{min-width:0;flex:1 1 200px}
  body.dm-admin .topbar h1{font-size:21px}
  body.dm-admin .topbar p{font-size:12.5px}
  body.dm-admin .topbar-right{width:100%;overflow-x:auto;padding:2px 0 4px;scrollbar-width:none}
  body.dm-admin .topbar-right::-webkit-scrollbar{display:none}
  body.dm-admin .topbar-right>*{flex:0 0 auto}
  body.dm-admin .clock-chip{font-size:17px;padding:8px 11px}
  body.dm-admin .stats-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 16px}
  body.dm-admin .stat-card{min-height:118px;padding:14px;border-radius:16px}
  body.dm-admin .stat-card .value{font-size:21px}
  body.dm-admin .panel{padding:16px;border-radius:18px}
  body.dm-admin .panel-head{align-items:flex-start;flex-wrap:wrap}
  body.dm-admin :is(.content-grid,.stats-grid){gap:14px}
  body.dm-admin .dash-col{gap:14px}
  body.dm-admin .order-row{display:flex;padding:14px 4px}
  body.dm-admin .edit-card{padding:14px;border-radius:16px}
  body.dm-admin .save-bar{position:sticky;bottom:10px;z-index:45}
  body.dm-admin .save-bar .btn-primary{box-shadow:0 8px 26px rgba(235,152,24,.3)}

  body.dm-kds{padding:12px 12px 30px}
  body.dm-kds>header{
    display:grid;grid-template-columns:1fr auto;gap:10px;margin:-12px -12px 12px;
    padding:calc(10px + env(safe-area-inset-top)) 12px 10px
  }
  body.dm-kds .header-left{gap:8px;min-width:0}
  body.dm-kds .header-left h1{flex-basis:100%;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.dm-kds .header-logo{grid-column:2;grid-row:1;margin:0;align-self:start;padding:6px 8px}
  body.dm-kds .header-logo img{height:24px}
  body.dm-kds .header-logo-wordmark{display:none}
  body.dm-kds>header>nav{
    grid-column:1/-1;width:100%;display:flex;flex-wrap:nowrap;gap:7px;
    overflow-x:auto;padding-bottom:2px;scrollbar-width:none
  }
  body.dm-kds>header>nav::-webkit-scrollbar{display:none}
  body.dm-kds>header>nav>*{flex:0 0 auto;min-height:42px;margin:0}
  body.dm-kds>header>nav .sound-toggle-btn:first-child{flex:1 0 auto}
  body.dm-kds .filter-tabs{top:137px;margin-left:0;margin-right:0;border-radius:13px}
  body.dm-kds .filter-tab{min-height:38px;padding:9px 13px}
  body.dm-kds .board{grid-template-columns:1fr!important;gap:12px}
  body.dm-kds .order-card{border-radius:16px}
  body.dm-kds :is(.order-card-top,.order-card-body,.order-card-footer){padding-left:14px;padding-right:14px}

  body:is(.dm-comanda-online,.dm-comanda,.dm-masa){padding:10px}
  body:is(.dm-comanda-online,.dm-comanda,.dm-masa)>header{border-radius:16px;margin-bottom:12px}
  body:is(.dm-comanda-online,.dm-comanda,.dm-masa) .item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  body:is(.dm-comanda-online,.dm-comanda,.dm-masa) .item-card{border-radius:14px}
  body:is(.dm-comanda-online,.dm-comanda,.dm-masa) #orderForm{padding:16px 14px;border-radius:17px}
  body.dm-livrator .container{padding-left:12px;padding-right:12px}
  body.dm-livrator .order-card{border-radius:16px}
  body.dm-superadmin-dashboard>header{padding-top:calc(12px + env(safe-area-inset-top))}
  body.dm-superadmin-dashboard main{padding-left:12px;padding-right:12px}
  body.dm-superadmin-dashboard .platform-stats-row{gap:9px}
  body.dm-superadmin-dashboard .stats-grid-mini{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:600px){
  body.dm-marketplace .head-inner{justify-content:flex-start;text-align:left}
  body.dm-marketplace .logo{flex:1}
  body.dm-marketplace .logo img{height:29px}
  body.dm-marketplace .search-wrap{order:4}
  body.dm-marketplace .grid{grid-template-columns:1fr;gap:12px}
  body.dm-marketplace .r-card{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:124px}
  body.dm-marketplace .r-card .cover{height:100%;min-height:124px}
  body.dm-marketplace .r-card .body{padding:13px}
  body.dm-marketplace .hero{padding-top:28px;text-align:left}
  body.dm-marketplace .hero :is(h1,p.lead){margin-left:0;margin-right:0}
  body.dm-marketplace .cats{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  body.dm-index .nav-inner{padding-left:14px;padding-right:14px}
  body.dm-index .nav-actions{gap:6px}
}

@media(max-width:420px){
  body.dm-admin .stat-card{min-height:110px;padding:12px}
  body.dm-admin .stat-card .delta{display:none}
  body:is(.dm-comanda-online,.dm-comanda,.dm-masa) .item-grid{grid-template-columns:1fr}
  body.dm-marketplace .r-card{grid-template-columns:96px minmax(0,1fr)}
}

@media(prefers-reduced-motion:reduce){
  body.dm-page *,body.dm-page *::before,body.dm-page *::after{
    scroll-behavior:auto!important;animation-duration:.01ms!important;
    animation-iteration-count:1!important;transition-duration:.01ms!important
  }
}

/* Follow-up polish: ordering flow */
body:is(.dm-comanda-online,.dm-comanda,.dm-masa){
  padding-bottom:190px;
  scroll-padding-bottom:180px;
}
body:is(.dm-comanda-online,.dm-comanda) #deliveryButtons{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:8px;
  margin-bottom:22px;
  padding:5px;
  border:1px solid var(--dm-border);
  border-radius:15px;
  background:#e9ecf1;
}
body:is(.dm-comanda-online,.dm-comanda) #deliveryButtons .choice-btn{
  min-width:0;
  min-height:44px;
  padding:10px 14px;
  border:0;
  border-radius:11px;
  background:transparent;
  box-shadow:none;
  font-size:14px;
}
body:is(.dm-comanda-online,.dm-comanda) #deliveryButtons .choice-btn.active{
  background:var(--dm-surface);
  color:var(--dm-ink);
  box-shadow:0 1px 4px rgba(16,24,40,.14);
}
body:is(.dm-comanda-online,.dm-comanda,.dm-masa) .category-chip-row{
  gap:7px;
  padding:2px 1px 7px;
  margin-bottom:20px;
  scrollbar-width:none;
}
body:is(.dm-comanda-online,.dm-comanda,.dm-masa) .category-chip-row::-webkit-scrollbar{display:none}
body:is(.dm-comanda-online,.dm-comanda,.dm-masa) .category-chip{
  min-height:38px;
  padding:8px 15px;
  border-radius:11px;
  box-shadow:var(--dm-shadow-xs);
}
body:is(.dm-comanda-online,.dm-comanda,.dm-masa) .summary-bar{
  left:50%;
  right:auto;
  bottom:12px;
  width:min(calc(100% - 28px),1080px);
  transform:translateX(-50%);
  padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));
  border:1px solid var(--dm-border);
  border-radius:16px;
  box-shadow:0 14px 40px rgba(16,24,40,.16);
}
body:is(.dm-comanda-online,.dm-comanda,.dm-masa) .summary-bar .total{font-size:18px;line-height:1.2}
body:is(.dm-comanda-online,.dm-comanda,.dm-masa) .summary-bar .submit-btn{
  min-height:46px;
  padding:12px 22px;
  white-space:nowrap;
}
body:is(.dm-comanda-online,.dm-comanda,.dm-masa) .field-group textarea{
  min-height:92px;
  line-height:1.5;
}

/* Follow-up polish: administrator login */
body.dm-login .login-box{
  width:100%;
  max-width:420px;
  padding:32px;
  background:rgba(255,255,255,.96);
  border:1px solid var(--dm-border);
  border-radius:22px;
  box-shadow:0 22px 60px rgba(16,24,40,.12);
}
body.dm-login .login-box p.sub{margin-bottom:24px}
body.dm-login .login-box input{min-height:48px;background:#fff!important}
body.dm-login .login-box button{min-height:48px;margin-top:4px}

/* Follow-up polish: KDS theme and visual status language */
body.dm-kds{
  --noua:#ef8f2f;
  --preparare:#dcae16;
  --gata:#39a56a;
}
body.dm-kds .order-card.noua{
  background:#fff0df;
  border-color:#efb36f;
  border-left-color:#ef8f2f;
}
body.dm-kds .order-card.preparare{
  background:#fff8d8;
  border-color:#e8cf70;
  border-left-color:#dcae16;
}
body.dm-kds .order-card.gata{
  background:#e9f8ef;
  border-color:#83cda3;
  border-left-color:#39a56a;
  opacity:1;
}
body.dm-kds .order-card :is(.order-card-top,.order-card-footer){background:rgba(255,255,255,.38)}
body.dm-kds .order-card .order-items{background:rgba(255,255,255,.58)}

html[data-theme='dark'] body.dm-kds{
  --bg:#101318;
  --card:#1b2028;
  --ink:#f4f6f8;
  --muted:#a2a9b4;
  --border:#343b46;
  --chip-bg:#262c35;
  --note-bg:#332b17;
  --note-ink:#f1c95a;
  background:#101318;
  color:#f4f6f8;
}
html[data-theme='dark'] body.dm-kds>header{
  background:rgba(16,19,24,.94);
  border-bottom-color:#303641;
}
html[data-theme='dark'] body.dm-kds :is(.header-logo,.live-clock,.total-badge,.sound-toggle-btn,.theme-toggle-btn){
  background:#1b2028;
  color:#f4f6f8;
  border-color:#343b46;
}
html[data-theme='dark'] body.dm-kds .filter-tabs{background:#191e25;border-color:#343b46}
html[data-theme='dark'] body.dm-kds .filter-tab{color:#aab1bc}
html[data-theme='dark'] body.dm-kds .filter-tab.active{
  background:#303743!important;
  color:#fff!important;
  box-shadow:0 1px 4px rgba(0,0,0,.35)!important;
}
html[data-theme='dark'] body.dm-kds .order-card.noua{
  background:#3b2516;
  border-color:#704526;
  border-left-color:#f09a42;
}
html[data-theme='dark'] body.dm-kds .order-card.preparare{
  background:#342d13;
  border-color:#68591f;
  border-left-color:#e2b81e;
}
html[data-theme='dark'] body.dm-kds .order-card.gata{
  background:#163126;
  border-color:#2b6747;
  border-left-color:#43b579;
}
html[data-theme='dark'] body.dm-kds .order-card :is(.order-card-top,.order-card-footer){
  background:rgba(0,0,0,.10);
  border-color:rgba(255,255,255,.10);
}
html[data-theme='dark'] body.dm-kds .order-card .order-items{
  background:rgba(0,0,0,.14);
  border-color:rgba(255,255,255,.11);
}
html[data-theme='dark'] body.dm-kds .order-card .order-sub{color:#c0c5ce}

@media(max-width:860px){
  body.dm-login .split-wrap{min-height:100dvh;display:block;overflow:auto;padding:0 18px 32px}
  body.dm-login :is(.seam-line,.seam-blob){display:none}
  body.dm-login .panel-left{display:block;padding:24px 0 18px;text-align:left}
  body.dm-login .panel-left>:not(.brand-lockup){display:none}
  body.dm-login .brand-lockup{margin:0}
  body.dm-login .brand-lockup img{height:38px}
  body.dm-login .panel-right{display:block;padding:0}
  body.dm-login .login-box{max-width:none;padding:24px;border-radius:19px}
}

@media(max-width:560px){
  body:is(.dm-comanda-online,.dm-comanda) #deliveryButtons{grid-template-columns:repeat(auto-fit,minmax(92px,1fr))}
  body:is(.dm-comanda-online,.dm-comanda) #deliveryButtons .choice-btn{width:100%}
  body:is(.dm-comanda-online,.dm-comanda,.dm-masa){padding-bottom:160px}
  body:is(.dm-comanda-online,.dm-comanda,.dm-masa) .summary-bar{
    bottom:8px;
    width:calc(100% - 16px);
    gap:8px;
    border-radius:14px;
  }
  body:is(.dm-comanda-online,.dm-comanda,.dm-masa) .summary-bar .submit-btn{
    min-height:44px;
    padding:11px 14px;
    font-size:14px;
  }
}

/* Follow-up polish v3: strict mobile containment */
body.dm-admin{overflow-x:clip}
body.dm-admin :is(.main,.placeholder-view,.panel,.edit-card,.edit-fields,.settings-row-text){min-width:0;max-width:100%}

@media(max-width:860px){
  body.dm-admin .main{width:100%;overflow-x:clip}
  body.dm-admin .panel{padding:20px}
  body.dm-admin #view-setari>.panel{padding:22px 20px}
  body.dm-admin #view-setari .panel-head{align-items:flex-start;margin-bottom:18px}
  body.dm-admin #view-setari .panel-head>div{min-width:0;width:100%}
  body.dm-admin #view-setari .panel-head h2{line-height:1.3;margin:0}
  body.dm-admin #view-setari .panel-head p{line-height:1.55;overflow-wrap:anywhere}
  body.dm-admin #view-setari .settings-row{
    display:grid;grid-template-columns:30px minmax(0,1fr) 38px;
    gap:12px;padding:16px 14px!important;align-items:start;margin-bottom:8px
  }
  body.dm-admin #view-setari .settings-row-icon{width:30px;margin-top:1px}
  body.dm-admin #view-setari .settings-row-title{line-height:1.4;overflow-wrap:anywhere}
  body.dm-admin #view-setari .settings-row-hint{line-height:1.55;margin-top:5px;overflow-wrap:anywhere}
  body.dm-admin #view-setari .settings-row-hint input[type='time']{max-width:126px;margin:4px 2px}
  body.dm-admin #view-setari .settings-row>label.switch{margin-top:2px;justify-self:end;align-self:start}

  body.dm-admin #view-meniu .edit-card{
    display:grid;
    grid-template-columns:40px 76px minmax(0,1fr);
    align-items:start;
    gap:12px;
    padding:16px;
    overflow:hidden;
  }
  body.dm-admin #view-meniu .edit-badge{grid-column:1;width:36px;height:36px;margin:0}
  body.dm-admin #view-meniu .edit-img-thumb{grid-column:2;width:76px;height:76px}
  body.dm-admin #view-meniu .edit-fields{grid-column:1/-1;width:100%;gap:10px}
  body.dm-admin #view-meniu .edit-fields :is(input,textarea,select){max-width:100%;min-width:0}
  body.dm-admin #view-meniu .edit-fields textarea{min-height:72px}
  body.dm-admin #view-meniu .edit-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}
  body.dm-admin #view-meniu .price-input{min-width:0}
  body.dm-admin #view-meniu .toggle-wrap{margin-left:auto}
  body.dm-admin #view-meniu .save-bar{padding:0 8px}
  body.dm-admin #view-meniu .save-bar .btn-primary{width:100%;max-width:480px}

  body.dm-admin #view-clienti>.topbar{margin-bottom:12px}
  body.dm-admin #view-clienti>div[style*='justify-content:flex-end']{justify-content:stretch!important}
  body.dm-admin #view-clienti>div[style*='justify-content:flex-end'] .btn-primary{width:100%}
  body.dm-admin #view-clienti .category-chip-row{width:100%;overflow-x:auto}
  body.dm-admin #view-clienti .customer-search{max-width:none;min-height:46px}
  body.dm-admin #view-clienti .customers-table-head{display:none}
  body.dm-admin #view-clienti .panel{padding:8px 16px}
  body.dm-admin #view-clienti .customer-row{
    display:grid;
    grid-template-columns:42px minmax(0,1fr) auto;
    gap:9px 10px;
    padding:16px 0;
    align-items:start;
  }
  body.dm-admin #view-clienti .customer-avatar{grid-column:1;grid-row:1;width:38px;height:38px}
  body.dm-admin #view-clienti .customer-info{grid-column:2;grid-row:1}
  body.dm-admin #view-clienti .customer-info .cname{font-size:13px;line-height:1.45;overflow-wrap:anywhere}
  body.dm-admin #view-clienti .customer-info .caddr{white-space:normal;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  body.dm-admin #view-clienti .customer-channel{grid-column:3;grid-row:1;align-self:start;max-width:102px;text-align:center;white-space:normal;line-height:1.25}
  body.dm-admin #view-clienti .customer-stats{
    grid-column:2/-1;grid-row:2;display:flex;flex-wrap:wrap;gap:6px 12px;
    padding-top:8px;border-top:1px dashed var(--dm-border)
  }
  body.dm-admin #view-clienti .customer-stat{white-space:normal;font-size:11.5px}
  body.dm-admin #view-clienti .customer-actions{
    grid-column:1/-1;grid-row:3;display:flex;flex-wrap:wrap;justify-content:flex-start;
    gap:7px;padding-top:4px
  }
  body.dm-admin #view-clienti .customer-actions>*{grid-column:auto!important;min-height:36px}

  body.dm-admin #view-statistici .panel-head{display:block}
  body.dm-admin #view-statistici .panel-head>h2{margin-bottom:14px}
  body.dm-admin #view-statistici .panel-head>div{
    display:flex!important;flex-wrap:wrap;align-items:center!important;width:100%;gap:8px!important
  }
  body.dm-admin #view-statistici .acct-date-input{flex:1 1 128px;width:auto;min-width:0;min-height:44px}
  body.dm-admin #view-statistici :is(#acctLoadBtn,#acctExportBtn){flex:1 1 145px;min-width:0;min-height:42px}
  body.dm-admin #view-statistici .acct-cash-card{padding:20px 16px}
  body.dm-admin #view-statistici .stats-grid{min-width:0}
  body.dm-admin #view-statistici :is(.bar-chart,.cal-grid){max-width:100%;overflow:hidden}

  body.dm-admin #locationsList .settings-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:15px 14px!important}
  body.dm-admin #locationsList .settings-row>div:last-child{display:flex!important;gap:6px;align-items:center;justify-content:flex-end}
  body.dm-admin #locationsList .settings-row-text{align-self:center}
  body.dm-admin #locationsList .settings-row-title{margin:0 0 3px}
  body.dm-admin #locationsList .settings-row-hint{margin:0;line-height:1.45}
  body.dm-admin #driversPanel :is(.driver-row,.pickup-location-row){display:grid!important;grid-template-columns:1fr;gap:8px!important}

  body.dm-comanda>header{display:block;overflow:hidden;padding:16px}
  body.dm-comanda>header h1{margin-bottom:14px;font-size:19px}
  body.dm-comanda>header nav{
    display:grid;grid-template-columns:44px repeat(3,minmax(0,1fr));gap:7px;width:100%
  }
  body.dm-comanda>header nav>*{
    min-width:0;width:100%;margin:0!important;padding:9px 6px!important;
    display:flex;align-items:center;justify-content:center;text-align:center;
    white-space:normal;overflow-wrap:anywhere;font-size:11.5px;line-height:1.25
  }
  body.dm-comanda #deliveryButtons{
    grid-template-columns:repeat(3,minmax(0,1fr));padding:5px;gap:5px
  }
  body.dm-comanda #deliveryButtons .choice-btn{padding:9px 6px;font-size:12px;line-height:1.25}
  body.dm-comanda-online #deliveryButtons{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:420px){
  body.dm-admin #view-setari>.panel{padding:20px 16px}
  body.dm-admin #view-setari .settings-row{grid-template-columns:26px minmax(0,1fr) 36px;gap:10px;padding:15px 12px!important}
  body.dm-admin #view-setari .settings-row-icon{width:26px}
  body.dm-admin #locationsList .settings-row{grid-template-columns:1fr}
  body.dm-admin #locationsList .settings-row>div:last-child{justify-content:flex-start}
}

/* Marketplace cards keep one rhythm regardless of optional description content. */
@media(max-width:600px){
  body.dm-marketplace .r-card{height:174px;min-height:174px;grid-template-columns:42% minmax(0,1fr);overflow:hidden}
  body.dm-marketplace .r-card .cover{height:174px;min-height:174px}
  body.dm-marketplace .r-card .body{min-width:0;height:174px;padding:15px 14px;display:flex;flex-direction:column;align-content:stretch}
  body.dm-marketplace .r-card .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.dm-marketplace .r-card .city{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.dm-marketplace .r-card .desc{min-height:0;max-height:36px;margin-top:3px;-webkit-line-clamp:2}
  body.dm-marketplace .r-card .cta{align-self:stretch;margin-top:auto;white-space:nowrap}
  body.dm-marketplace .r-card .cat-badge{max-width:calc(100% - 16px);white-space:normal;line-height:1.2}
}

/* KDS cards stay neutral; status is communicated by a strong accent border. */
body.dm-kds .order-card,body.dm-kds .order-card:is(.noua,.preparare,.gata){background:#fff;color:#18202f;opacity:1}
body.dm-kds .order-card.noua{border-color:#efc18e;border-left-color:#ef8f2f}
body.dm-kds .order-card.preparare{border-color:#e8d580;border-left-color:#dcae16}
body.dm-kds .order-card.gata{border-color:#9ed6b5;border-left-color:#39a56a}
body.dm-kds .order-card :is(.order-card-top,.order-card-footer){background:#f9fafb}
body.dm-kds .order-card .order-items{background:#fff;border-color:#e4e7ec}
body.dm-kds .order-card .order-sub{color:#6b7280}
/* Dark KDS: pagina rămâne neagră, iar cardurile sunt antracit, fără suprafețe albe orbitoare. */
html[data-theme='dark'] body.dm-kds{background:#0d1014;color:#eef2f6}
html[data-theme='dark'] body.dm-kds .order-card,
html[data-theme='dark'] body.dm-kds .order-card:is(.noua,.preparare,.gata){background:#1b2027;color:#eef2f6}
html[data-theme='dark'] body.dm-kds .order-card.noua{border-color:#704526;border-left-color:#f09a42}
html[data-theme='dark'] body.dm-kds .order-card.preparare{border-color:#68591f;border-left-color:#e2b81e}
html[data-theme='dark'] body.dm-kds .order-card.gata{border-color:#2b6747;border-left-color:#43b579}
html[data-theme='dark'] body.dm-kds .order-card :is(.order-card-top,.order-card-footer){background:#20262e;border-color:#343c47}
html[data-theme='dark'] body.dm-kds .order-card .order-items{background:#14181e;border-color:#343c47;color:#f5f7fa}
html[data-theme='dark'] body.dm-kds .order-card .order-sub{color:#aeb7c3}

/* Follow-up v5: KDS fullscreen real + aliniere stabilă în Setări. */
html[data-theme='dark']{
  background:#000;
  color-scheme:dark;
  scrollbar-color:#343b46 #000;
}
html[data-theme='dark'] body.dm-kds{
  width:100%;max-width:none;margin:0;background:#000;
}
html[data-theme='dark'] body.dm-kds::-webkit-scrollbar{width:12px;height:12px}
html[data-theme='dark'] body.dm-kds::-webkit-scrollbar-track{background:#000}
html[data-theme='dark'] body.dm-kds::-webkit-scrollbar-thumb{background:#343b46;border:3px solid #000;border-radius:999px}

/* Numărul din tabul KDS activ moștenește contrastul etichetei. Regula veche folosea
   culoarea fundalului paginii și făcea contorul aproape invizibil pe pastila albă. */
body.dm-kds .filter-tab.active .count{
  color:currentColor!important;
  opacity:.68!important;
}

body.dm-admin #view-setari .panel{padding:24px}
body.dm-admin #view-setari .panel-head{align-items:flex-start;margin-bottom:18px}
body.dm-admin #view-setari .panel-head>div{width:100%;min-width:0}
body.dm-admin #view-setari .panel-head h2{margin:0;line-height:1.35}
body.dm-admin #view-setari .panel-head p{max-width:76ch;line-height:1.6;overflow-wrap:anywhere}
body.dm-admin #view-setari .settings-row:has(> .settings-row-icon){
  display:grid;grid-template-columns:30px minmax(0,1fr) 38px;
  align-items:center;column-gap:14px;row-gap:6px;padding:16px 14px!important
}
body.dm-admin #view-setari .settings-row-icon{
  width:30px;height:30px;display:flex;align-items:center;justify-content:center;margin:0
}
body.dm-admin #view-setari .settings-row-text{align-self:center;min-width:0}
body.dm-admin #view-setari .settings-row-title{
  display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;
  margin:0;line-height:1.4;overflow-wrap:anywhere
}
body.dm-admin #view-setari .settings-row-hint{
  margin-top:5px;line-height:1.55;overflow-wrap:anywhere
}
body.dm-admin #view-setari .settings-row>label.switch{align-self:center;justify-self:end;margin:0}
body.dm-admin #view-setari :is(#dailyMenuDaysDropdown,#chatbotChannelsDropdown,#vacationDateRow){max-width:100%}
body.dm-admin #locationsList .settings-row{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto;
  align-items:center;gap:12px;padding:16px 14px!important
}
body.dm-admin #locationsList .settings-row>div:last-child{
  display:flex!important;align-items:center;justify-content:flex-end;gap:7px
}
body.dm-admin #locationsList .settings-row-title{margin:0 0 3px}
body.dm-admin #locationsList .settings-row-hint{margin:0;line-height:1.5}

@media(max-width:860px){
  body.dm-admin #view-setari .panel{padding:20px 18px}
  body.dm-admin #view-setari .settings-row:has(> .settings-row-icon){
    grid-template-columns:28px minmax(0,1fr) 36px;column-gap:11px;padding:15px 12px!important
  }
  body.dm-admin #view-setari .settings-row-icon{width:28px;height:28px}
  body.dm-admin #view-setari .settings-row-hint input[type='time']{display:inline-block;max-width:122px;margin:4px 2px}
}

@media(max-width:420px){
  body.dm-admin #view-setari .panel{padding:18px 14px}
  body.dm-admin #view-setari .settings-row:has(> .settings-row-icon){
    grid-template-columns:26px minmax(0,1fr) 36px;column-gap:9px;padding:14px 10px!important
  }
  body.dm-admin #view-setari .settings-row-icon{width:26px;height:26px}
  body.dm-admin #locationsList .settings-row{grid-template-columns:1fr;padding:14px 12px!important}
  body.dm-admin #locationsList .settings-row>div:last-child{justify-content:flex-start}
}
