/* =========================================================
   TCFF HR FOOD GLASS COMPACT V6
   Desktop: 5 compact food cards + login visible above fold
   Mobile: 5-card horizontal slider -> compact login -> dashboard
   ========================================================= */

:root{
  --v6-green:#0e4b37;
  --v6-green2:#166145;
  --v6-green3:#2f8060;
  --v6-gold:#d8a52a;
  --v6-gold2:#efc34d;
  --v6-cream:#f7f1e6;
  --v6-paper:rgba(255,255,252,.72);
  --v6-paper-strong:rgba(255,255,252,.88);
  --v6-line:rgba(156,123,58,.20);
  --v6-text:#153f31;
  --v6-muted:#786f62;
  --v6-shadow:0 18px 50px rgba(36,50,35,.09);
}

*{box-sizing:border-box}

html{
  scroll-behavior:smooth;
  background:#f4eee3;
}

body.tcff-food-v6{
  margin:0!important;
  min-height:100vh;
  overflow-x:hidden!important;
  color:var(--v6-text)!important;
  font-family:"Noto Sans Thai","IBM Plex Sans Thai",sans-serif!important;

  background:
    radial-gradient(circle at 4% 10%,rgba(110,157,102,.18),transparent 23%),
    radial-gradient(circle at 93% 4%,rgba(215,170,57,.13),transparent 24%),
    radial-gradient(circle at 92% 82%,rgba(65,129,89,.13),transparent 28%),
    linear-gradient(135deg,#f9f5ed 0%,#f0f0e5 46%,#f7f2e8 100%)!important;
}

/* botanical translucent decoration */
body.tcff-food-v6::before,
body.tcff-food-v6::after{
  content:"";
  position:fixed;
  pointer-events:none;
  z-index:0;
  width:360px;
  height:520px;
  opacity:.18;
  filter:blur(.1px);
  background:
    radial-gradient(ellipse at 45% 20%,rgba(36,103,66,.36) 0 13%,transparent 14%),
    radial-gradient(ellipse at 68% 30%,rgba(36,103,66,.28) 0 11%,transparent 12%),
    radial-gradient(ellipse at 30% 44%,rgba(36,103,66,.25) 0 12%,transparent 13%),
    radial-gradient(ellipse at 60% 56%,rgba(36,103,66,.20) 0 14%,transparent 15%);
  transform:rotate(-24deg);
}

body.tcff-food-v6::before{
  left:-170px;
  top:70px;
}

body.tcff-food-v6::after{
  right:-190px;
  bottom:-120px;
  transform:rotate(155deg);
}

body.tcff-food-v6 .page-decor,
body.tcff-food-v6 .site-header,
body.tcff-food-v6 .site-footer,
body.tcff-food-v6 .page-shell{
  display:none!important;
}

/* ---------------- HEADER ---------------- */
.v6-header{
  position:sticky;
  top:0;
  z-index:300;
  width:100%;
  background:rgba(249,246,238,.77);
  border-bottom:1px solid rgba(146,116,56,.16);
  backdrop-filter:blur(24px) saturate(1.18);
  -webkit-backdrop-filter:blur(24px) saturate(1.18);
}

.v6-header-inner{
  width:min(1580px,calc(100vw - 34px));
  min-height:70px;
  margin:0 auto;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:20px;
}

.v6-brand{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--v6-green);
  text-decoration:none;
  white-space:nowrap;
}

.v6-brand img{
  width:42px;
  height:42px;
  object-fit:contain;
}

.v6-brand span{
  display:flex;
  flex-direction:column;
  line-height:1;
}

.v6-brand strong{
  font-size:21px;
  letter-spacing:.04em;
}

.v6-brand small{
  margin-top:5px;
  color:#9e7930;
  font-size:8px;
  letter-spacing:.18em;
}

.v6-nav{
  justify-self:center;
  display:flex;
  gap:4px;
  padding:4px;
  border:1px solid rgba(157,124,59,.15);
  border-radius:999px;
  background:rgba(255,255,255,.46);
  box-shadow:0 7px 24px rgba(48,48,32,.04);
}

.v6-nav a{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 15px;
  border-radius:999px;
  color:#675f53;
  text-decoration:none;
  font-size:11px;
  font-weight:800;
  transition:.18s ease;
}

.v6-nav a:hover,
.v6-nav a.is-active{
  color:white;
  background:linear-gradient(135deg,var(--v6-green),var(--v6-green2));
  box-shadow:0 8px 20px rgba(14,75,55,.16);
}

.v6-actions{
  display:flex;
  gap:8px;
}

.v6-round-btn{
  width:41px;
  height:41px;
  display:grid;
  place-items:center;
  color:var(--v6-green);
  background:rgba(255,255,255,.55);
  border:1px solid rgba(157,124,59,.23);
  border-radius:50%;
  text-decoration:none;
  backdrop-filter:blur(14px);
  box-shadow:0 6px 16px rgba(50,46,31,.05);
}

.v6-round-btn svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* ---------------- MAIN ---------------- */
.v6-shell{
  position:relative;
  z-index:2;
  width:min(1580px,calc(100vw - 34px));
  margin:16px auto 26px;
  display:grid;
  gap:13px;
}

.v6-glass-panel{
  border:1px solid rgba(158,126,61,.19);
  background:rgba(255,255,252,.60);
  box-shadow:var(--v6-shadow);
  backdrop-filter:blur(24px) saturate(1.12);
  -webkit-backdrop-filter:blur(24px) saturate(1.12);
}

.v6-top-grid{
  display:grid;
  grid-template-columns:minmax(0,1.9fr) minmax(330px,.72fr);
  align-items:stretch;
  gap:13px;
}

.v6-food-panel,
.v6-login-card,
.v6-dashboard{
  border-radius:26px;
}

.v6-food-panel{
  min-width:0;
  padding:18px;
}

.v6-panel-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-bottom:13px;
}

.v6-kicker{
  color:#ad8127;
  font-size:9px;
  font-weight:900;
  letter-spacing:.17em;
}

.v6-panel-head h1,
.v6-panel-head h2{
  margin:3px 0 1px;
  color:var(--v6-green);
  font-size:25px;
  line-height:1.05;
}

.v6-panel-head p{
  margin:4px 0 0;
  color:var(--v6-muted);
  font-size:10px;
}

.v6-live{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 10px;
  border:1px solid rgba(51,145,91,.16);
  border-radius:999px;
  color:#276246;
  background:rgba(232,247,235,.68);
  font-size:9px;
  font-weight:900;
  white-space:nowrap;
}

.v6-live i,
.v6-live-dot,
.v6-live-mini i{
  width:7px;
  height:7px;
  flex:0 0 auto;
  border-radius:50%;
  background:#47a76f;
  box-shadow:0 0 0 4px rgba(71,167,111,.10);
}

.v6-live.is-off i{background:#aaa;box-shadow:none}

/* ---------------- FOOD CAROUSEL ---------------- */
.v6-food-carousel-wrap{
  position:relative;
}

.v6-food-carousel{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(154px,1fr);
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:9px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
  padding:1px 1px 4px;
}

.v6-food-carousel::-webkit-scrollbar{display:none}

.v6-food-card{
  min-width:0;
  scroll-snap-align:start;
  overflow:hidden;
  border:1px solid rgba(157,124,59,.16);
  border-radius:17px;
  background:rgba(255,255,255,.72);
  transition:.18s ease;
}

.v6-food-card:hover{
  transform:translateY(-2px);
  border-color:rgba(55,125,81,.23);
  box-shadow:0 10px 22px rgba(44,65,47,.07);
}

.v6-food-card.is-today{
  border-color:rgba(20,91,63,.30);
  box-shadow:0 9px 24px rgba(16,78,55,.08);
}

.v6-food-thumb{
  position:relative;
  height:124px;
  overflow:hidden;
  background:rgba(231,229,215,.65);
}

.v6-food-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:.28s ease;
}

.v6-food-card:hover .v6-food-thumb img{
  transform:scale(1.025);
}

.v6-food-placeholder{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  font-size:30px;
}

.v6-today-badge{
  position:absolute;
  left:8px;
  top:8px;
  padding:4px 7px;
  border-radius:999px;
  color:#fff;
  background:rgba(14,75,55,.88);
  backdrop-filter:blur(8px);
  font-size:8px;
  font-weight:900;
}

.v6-food-card-body{
  padding:10px;
}

.v6-food-day{
  display:block;
  color:#a47c28;
  font-size:7.5px;
  font-weight:900;
  letter-spacing:.03em;
}

.v6-food-card h3{
  margin:4px 0 2px;
  overflow:hidden;
  color:var(--v6-green);
  font-size:13px;
  line-height:1.25;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.v6-food-card p{
  min-height:27px;
  margin:0 0 7px;
  overflow:hidden;
  color:#8a8175;
  font-size:7.5px;
  line-height:1.35;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.v6-mini-review{
  width:100%;
  min-height:31px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:0 9px;
  border:0;
  border-radius:10px;
  color:#fff;
  background:linear-gradient(135deg,var(--v6-green),var(--v6-green2));
  font-family:inherit;
  font-size:8.5px;
  font-weight:900;
  cursor:pointer;
}

.v6-state-pill{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:0 8px;
  border-radius:999px;
  color:#24563f;
  background:rgba(230,244,234,.85);
  font-size:7.5px;
  font-weight:800;
}

.v6-state-pill.is-future{
  color:#86671e;
  background:rgba(246,235,200,.78);
}

.v6-state-pill.is-empty{
  color:#888177;
  background:rgba(235,232,225,.75);
}

.v6-carousel-arrow{
  position:absolute;
  z-index:5;
  top:50%;
  width:31px;
  height:31px;
  display:none;
  place-items:center;
  transform:translateY(-50%);
  border:1px solid rgba(157,124,59,.18);
  border-radius:50%;
  color:var(--v6-green);
  background:rgba(255,255,252,.86);
  box-shadow:0 7px 17px rgba(46,49,35,.08);
  font-size:21px;
  cursor:pointer;
  backdrop-filter:blur(10px);
}

.v6-carousel-arrow.is-left{left:-8px}
.v6-carousel-arrow.is-right{right:-8px}

.v6-carousel-dots{
  display:flex;
  justify-content:center;
  gap:5px;
  margin-top:8px;
}

.v6-carousel-dots span{
  width:6px;
  height:6px;
  border-radius:50%;
  background:rgba(64,77,63,.24);
}

.v6-carousel-dots span.is-active{
  background:var(--v6-green);
}

/* ---------------- LOGIN ---------------- */
.v6-login-card{
  position:relative;
  overflow:hidden;
  padding:18px;
  background:
    radial-gradient(circle at 100% 0%,rgba(67,135,91,.17),transparent 35%),
    radial-gradient(circle at 0% 100%,rgba(215,168,44,.13),transparent 37%),
    rgba(255,255,252,.60);
}

.v6-login-card::after{
  content:"";
  position:absolute;
  right:-58px;
  bottom:-86px;
  width:220px;
  height:220px;
  border-radius:48% 52% 44% 56%;
  background:rgba(57,126,83,.075);
  transform:rotate(24deg);
  pointer-events:none;
}

.v6-login-head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:11px;
  margin-bottom:13px;
}

.v6-lock{
  width:45px;
  height:45px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:#fff;
  background:linear-gradient(135deg,#c99422,#edc54d);
  box-shadow:0 10px 22px rgba(198,147,31,.17);
}

.v6-login-head h2{
  margin:3px 0 1px;
  color:var(--v6-green);
  font-size:23px;
}

.v6-login-head p{
  margin:0;
  color:#7e7568;
  font-size:9px;
  line-height:1.35;
}

.v6-login-form{
  position:relative;
  z-index:1;
  display:grid;
  gap:8px;
}

.v6-field{
  display:grid;
  gap:4px;
}

.v6-field>span{
  color:#6a6257;
  font-size:8.5px;
  font-weight:800;
}

.v6-input-wrap{
  position:relative;
}

.v6-input-wrap>b{
  position:absolute;
  left:11px;
  top:50%;
  transform:translateY(-50%);
  color:#2c6a4d;
  font-size:13px;
  font-weight:400;
  pointer-events:none;
}

.v6-input-wrap input{
  width:100%;
  height:43px;
  padding:0 42px 0 34px;
  border:1px solid rgba(156,124,59,.20);
  border-radius:12px;
  outline:0;
  color:#2f2c26;
  background:rgba(255,255,255,.69);
  font-family:inherit;
  font-size:11px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
  backdrop-filter:blur(10px);
}

.v6-input-wrap input:focus{
  border-color:rgba(29,108,74,.40);
  box-shadow:0 0 0 4px rgba(33,112,77,.07);
}

.v6-eye{
  position:absolute;
  right:5px;
  top:50%;
  transform:translateY(-50%);
  width:32px;
  height:32px;
  border:0;
  border-radius:9px;
  color:#53665b;
  background:transparent;
  cursor:pointer;
}

.v6-login-options{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}

.v6-remember{
  display:flex;
  align-items:center;
  gap:6px;
  color:#665f54;
  font-size:8.5px;
  font-weight:700;
}

.v6-remember input{
  width:15px;
  height:15px;
  accent-color:var(--v6-green);
}

.v6-login-options a{
  color:#2a6c4f;
  text-decoration:none;
  font-size:8.5px;
  font-weight:700;
}

.v6-login-btn{
  min-height:43px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:0 16px;
  border:0;
  border-radius:12px;
  color:#fff;
  background:linear-gradient(135deg,#cb9722,#edbd39);
  text-decoration:none;
  font-family:inherit;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 12px 24px rgba(198,146,30,.18);
}

.v6-device-note{
  display:block;
  color:#9a9185;
  font-size:7px;
  text-align:center;
}

.v6-login-done{
  position:relative;
  z-index:1;
  display:grid;
  gap:7px;
}

.v6-login-done small{color:#81796e;font-size:8px}
.v6-login-done strong{color:var(--v6-green);font-size:18px}

/* ---------------- DASHBOARD ---------------- */
.v6-dashboard{
  padding:17px;
}

.v6-dashboard-head{
  align-items:flex-end;
}

.v6-filters{
  display:flex;
  gap:7px;
}

.v6-filters label{
  display:grid;
  gap:3px;
}

.v6-filters label>span{
  color:#8a8174;
  font-size:7px;
  font-weight:800;
}

.v6-filters select{
  min-width:175px;
  height:34px;
  padding:0 28px 0 9px;
  border:1px solid rgba(157,124,59,.20);
  border-radius:10px;
  color:#5e574d;
  background:rgba(255,255,255,.62);
  font-family:inherit;
  font-size:9px;
}

.v6-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-bottom:8px;
}

.v6-metrics article{
  min-width:0;
  padding:13px 14px;
  border:1px solid rgba(157,124,59,.14);
  border-radius:15px;
  background:rgba(255,255,255,.54);
}

.v6-metrics span{
  display:flex;
  align-items:center;
  gap:6px;
  color:#746b5e;
  font-size:9px;
  font-weight:700;
}

.v6-metrics strong{
  display:inline-block;
  margin-top:3px;
  color:var(--v6-green);
  font-size:28px;
  line-height:1;
}

.v6-metrics em{
  color:#756d61;
  font-style:normal;
  font-size:9px;
}

.v6-metrics small{
  display:block;
  margin-top:5px;
  color:#968d80;
  font-size:7px;
}

.v6-dashboard-grid{
  display:grid;
  grid-template-columns:1fr 1fr 1.08fr;
  gap:8px;
}

.v6-mini-panel{
  min-width:0;
  padding:13px;
  border:1px solid rgba(157,124,59,.14);
  border-radius:15px;
  background:rgba(255,255,255,.54);
}

.v6-card-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:9px;
}

.v6-card-title h3{
  margin:0;
  color:var(--v6-green);
  font-size:12px;
}

.v6-card-title p{
  margin:2px 0 0;
  color:#978d80;
  font-size:7px;
}

.v6-segment-bar{
  height:12px!important;
  overflow:hidden!important;
  border-radius:999px!important;
}

.v6-sentiment{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px 10px;
  margin-top:10px;
}

.v6-sentiment>div{
  display:grid;
  grid-template-columns:8px 1fr auto;
  align-items:center;
  gap:5px;
  min-width:0;
  font-size:8px;
}

.v6-sentiment i{
  width:7px;
  height:7px;
  border-radius:50%;
}
.v6-sentiment i.great{background:#0e503b}
.v6-sentiment i.good{background:#d0a32c}
.v6-sentiment i.fair{background:#aabd83}
.v6-sentiment i.improve{background:#be6047}

.v6-sentiment span{
  overflow:hidden;
  color:#6e665b;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.v6-sentiment strong{
  color:var(--v6-green);
  font-size:9px;
}

.v6-daily-bars{
  min-height:115px!important;
  padding-top:3px!important;
}

.v6-live-mini{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:4px 7px;
  border-radius:999px;
  color:#2b6a4a;
  background:rgba(232,247,235,.75);
  font-size:7px;
  font-weight:900;
}

.v6-diners{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:5px;
}

.v6-diners>div{
  min-height:74px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-radius:11px;
  background:rgba(246,244,236,.72);
}

.v6-diners span{color:#847c71;font-size:7px}
.v6-diners strong{margin:4px 0 0;color:var(--v6-green);font-size:18px}
.v6-diners small{color:#a1988b;font-size:6px}

.v6-comments{
  margin-top:8px;
  overflow:hidden;
  border:1px solid rgba(157,124,59,.14);
  border-radius:14px;
  background:rgba(255,255,255,.47);
}

.v6-comments summary{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:9px 12px;
  list-style:none;
  cursor:pointer;
}
.v6-comments summary::-webkit-details-marker{display:none}
.v6-comments summary>span{display:grid}
.v6-comments summary strong{color:var(--v6-green);font-size:10px}
.v6-comments summary small{color:#938a7e;font-size:7px}
.v6-comments summary>b{color:#94732b;font-size:8px}
.v6-comments-body{padding:0 12px 12px}
.v6-comments blockquote{
  margin:6px 0;
  padding:8px 10px;
  border-left:3px solid #d6a62d;
  border-radius:0 9px 9px 0;
  background:rgba(250,247,240,.74);
  color:#655e54;
  font-size:8px;
}

/* ---------------- FOOTER ---------------- */
.v6-footer{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  padding:3px 6px 2px;
  color:#68776d;
  font-size:8px;
  font-weight:700;
  text-align:center;
}

/* ---------------- FLASH ---------------- */
.v6-flash-stack{display:grid;gap:7px}
.v6-flash{
  padding:9px 12px;
  border:1px solid rgba(157,124,59,.16);
  border-radius:12px;
  background:rgba(255,255,255,.72);
  box-shadow:0 8px 20px rgba(58,47,20,.05);
}

/* ---------------- LAPTOP / SMALL DESKTOP ---------------- */
@media (max-width:1250px){
  .v6-top-grid{
    grid-template-columns:minmax(0,1.55fr) minmax(310px,.78fr);
  }

  .v6-food-carousel{
    grid-template-columns:none;
    grid-auto-columns:minmax(150px,1fr);
  }

  .v6-carousel-arrow{display:grid}
}

/* ---------------- MOBILE ---------------- */
@media (max-width:760px){

  body.tcff-food-v6::before{
    left:-260px;
    top:40px;
    opacity:.12;
  }

  body.tcff-food-v6::after{
    right:-270px;
    bottom:20px;
    opacity:.12;
  }

  .v6-header-inner{
    width:100%;
    min-height:56px;
    padding:7px 10px 6px;
    grid-template-columns:1fr auto;
    gap:6px;
  }

  .v6-brand img{
    width:33px;
    height:33px;
  }

  .v6-brand strong{font-size:16px}
  .v6-brand small{font-size:6px;margin-top:3px}

  .v6-actions{gap:5px}
  .v6-round-btn{
    width:35px;
    height:35px;
  }
  .v6-round-btn svg{
    width:15px;
    height:15px;
  }

  .v6-nav{
    grid-column:1 / -1;
    grid-row:2;
    width:100%;
    justify-self:stretch;
    gap:2px;
    padding:3px;
    border-radius:14px;
  }

  .v6-nav a{
    flex:1;
    min-height:31px;
    padding:0 4px;
    font-size:8.5px;
    gap:4px;
  }

  .v6-nav a span{font-size:10px}

  .v6-shell{
    width:calc(100% - 12px);
    margin:7px auto 12px;
    gap:8px;
  }

  .v6-top-grid{
    display:flex;
    flex-direction:column;
    gap:8px;
  }

  .v6-food-panel,
  .v6-login-card,
  .v6-dashboard{
    border-radius:18px;
  }

  .v6-food-panel{
    padding:11px;
  }

  .v6-panel-head{
    align-items:center;
    gap:7px;
    margin-bottom:9px;
  }

  .v6-panel-head h1,
  .v6-panel-head h2{
    font-size:19px;
  }

  .v6-panel-head p{
    display:none;
  }

  .v6-kicker{
    font-size:7px;
  }

  .v6-live{
    padding:5px 7px;
    font-size:7px;
  }

  /* exactly what user requested: compact 5 modules / horizontal */
  .v6-food-carousel{
    display:flex;
    gap:7px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding-bottom:3px;
  }

  .v6-food-card{
    flex:0 0 142px;
    border-radius:14px;
  }

  .v6-food-thumb{
    height:88px;
  }

  .v6-today-badge{
    left:6px;
    top:6px;
    padding:3px 6px;
    font-size:6.5px;
  }

  .v6-food-card-body{
    padding:8px;
  }

  .v6-food-day{font-size:6.5px}
  .v6-food-card h3{
    margin:3px 0 1px;
    font-size:10px;
    -webkit-line-clamp:1;
  }

  .v6-food-card p{
    min-height:21px;
    margin-bottom:5px;
    font-size:6.5px;
    -webkit-line-clamp:2;
  }

  .v6-mini-review{
    min-height:28px;
    padding:0 7px;
    border-radius:8px;
    font-size:7.5px;
  }

  .v6-state-pill{
    min-height:24px;
    padding:0 6px;
    font-size:6.5px;
  }

  .v6-carousel-arrow{
    display:none!important;
  }

  .v6-carousel-dots{
    margin-top:6px;
  }

  .v6-carousel-dots span{
    width:5px;
    height:5px;
  }

  /* login immediately visible after food modules */
  .v6-login-card{
    padding:12px;
  }

  .v6-login-head{
    margin-bottom:9px;
    gap:9px;
  }

  .v6-lock{
    width:38px;
    height:38px;
    border-radius:12px;
    font-size:13px;
  }

  .v6-login-head h2{
    font-size:19px;
  }

  .v6-login-head p{
    font-size:7.5px;
  }

  .v6-login-form{
    gap:6px;
  }

  .v6-field>span{font-size:7.5px}
  .v6-input-wrap input{
    height:39px;
    border-radius:10px;
    font-size:10px;
  }

  .v6-login-options{
    min-height:26px;
  }

  .v6-remember,
  .v6-login-options a{
    font-size:7.5px;
  }

  .v6-login-btn{
    min-height:39px;
    border-radius:10px;
    font-size:10px;
  }

  .v6-device-note{
    font-size:6px;
  }

  /* dashboard compact */
  .v6-dashboard{
    padding:11px;
  }

  .v6-dashboard-head{
    display:block;
  }

  .v6-filters{
    margin-top:7px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:5px;
  }

  .v6-filters select{
    width:100%;
    min-width:0;
    height:32px;
    font-size:7.5px;
  }

  .v6-metrics{
    gap:5px;
    margin-bottom:5px;
  }

  .v6-metrics article{
    padding:8px 7px;
    border-radius:11px;
  }

  .v6-metrics span{font-size:6.7px}
  .v6-metrics strong{font-size:22px}
  .v6-metrics em{font-size:7px}
  .v6-metrics small{font-size:5.8px}

  .v6-dashboard-grid{
    grid-template-columns:1fr;
    gap:5px;
  }

  .v6-mini-panel{
    padding:9px;
    border-radius:11px;
  }

  .v6-card-title{margin-bottom:6px}
  .v6-card-title h3{font-size:10px}
  .v6-card-title p{font-size:6px}
  .v6-daily-bars{min-height:105px!important}

  .v6-diners>div{
    min-height:57px;
    border-radius:8px;
  }

  .v6-diners span{font-size:6px}
  .v6-diners strong{font-size:15px}
  .v6-diners small{font-size:5px}

  .v6-comments summary{
    min-height:42px;
    padding:8px 9px;
  }

  .v6-comments summary strong{font-size:8.5px}
  .v6-comments summary small{font-size:6px}
  .v6-comments summary>b{font-size:7px}

  .v6-footer{
    padding:2px 0;
    font-size:6.5px;
  }
}

@media (max-width:380px){
  .v6-food-card{flex-basis:132px}
  .v6-filters{grid-template-columns:1fr}
}

/* Honor reduced motion */
@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;transition:none!important}
}