/*
 * Carta Bar QR · Tailwind standalone input
 * Compile without Node/Vite:
 *   ./tailwindcss -c ./tailwind.config.js -i ./resources/css/carta-input.css -o ./public/assets/carta-bar-qr/css/app.css --watch
 */

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/*
 ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
 */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

.visible {
  visibility: visible;
}

.static {
  position: static;
}

.hidden {
  display: none;
}

.resize {
  resize: both;
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

/* Carta Bar QR semantic/component CSS. Tailwind handles reset + any utility classes in Blade. */

:root{
  --red:#8f1d1f;
  --red-deep:#681214;
  --red-soft:#f7e8e6;
  --gold:#e6b64a;
  --cream:#fbf7f2;
  --paper:#fff;
  --ink:#1d1917;
  --muted:#746a64;
  --line:#e8dfd8;
  --line-strong:#d8ccc3;
  --ok:#2d7a55;
  --danger:#b42318;
  --shadow:0 12px 34px rgba(55,32,22,.07);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);
  background:var(--cream)
}

*{
  box-sizing:border-box
}

html{
  scroll-behavior:smooth
}

body{
  margin:0
}

a{
  color:inherit
}

button,input,textarea,select{
  font:inherit
}

.app-body{
  min-height:100vh;
  background:linear-gradient(180deg,#faf7f4 0,#fff 52%,#faf7f4 100%);
  padding-bottom:24px
}

.topbar{
  height:66px;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid var(--line);
  position:sticky;
  top:0;
  z-index:30;
  -webkit-backdrop-filter:blur(12px);
          backdrop-filter:blur(12px)
}

.topbar-inner{
  height:100%;
  width:min(100% - 28px,1120px);
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between
}

.brand{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  font-weight:900;
  letter-spacing:-.01em
}

.brand-mark{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:12px;
  color:white;
  background:linear-gradient(145deg,#a62528,var(--red-deep));
  font-size:11px;
  letter-spacing:.07em;
  box-shadow:0 6px 16px rgba(104,18,20,.18)
}

.desktop-actions{
  display:flex;
  align-items:center;
  gap:5px
}

.top-link,.link-button{
  border:0;
  background:none;
  text-decoration:none;
  color:var(--muted);
  font-size:13px;
  font-weight:750;
  padding:9px 11px;
  border-radius:10px;
  cursor:pointer
}

.top-link:hover,.top-link.active{
  background:#f7f2ee;
  color:var(--red)
}

.app-shell{
  width:min(100% - 28px,1120px);
  margin:0 auto;
  padding:28px 0 52px
}

.eyebrow{
  text-transform:uppercase;
  letter-spacing:.1em;
  color:var(--red);
  font-size:11px;
  font-weight:900
}

.eyebrow.light{
  color:#ffd99a
}

.muted{
  color:var(--muted)
}

.small{
  font-size:12px
}

.flash{
  padding:13px 15px;
  border-radius:14px;
  margin-bottom:16px;
  font-size:14px
}

.flash.success{
  background:#e9f7ef;
  color:#11663e
}

.flash.error{
  background:#fff0ee;
  color:#8a1f17
}

.flash ul{
  margin:7px 0 0;
  padding-left:20px
}

.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 16px;
  border-radius:13px;
  border:1px solid transparent;
  text-decoration:none;
  font-weight:850;
  font-size:13px;
  cursor:pointer
}

.button.primary{
  background:linear-gradient(135deg,#a32629,var(--red));
  color:#fff;
  box-shadow:0 8px 22px rgba(143,29,31,.18)
}

.button.secondary{
  background:#fff;
  border-color:var(--line);
  color:var(--ink)
}

.button.danger{
  background:#fff1f0;
  border-color:#ffd0cb;
  color:var(--danger)
}

.button.tiny{
  min-height:36px;
  padding:0 12px;
  font-size:12px
}

.panel{
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:22px;
  box-shadow:var(--shadow)
}

.stack{
  display:grid;
  gap:17px
}

.stack label,.panel label{
  display:grid;
  gap:7px;
  font-size:13px;
  font-weight:760
}

.stack input,.stack textarea,.stack select,.inline-form input,.mini-stack input{
  width:100%;
  border:1px solid #dcd3cc;
  border-radius:12px;
  padding:12px 13px;
  background:#fff;
  color:var(--ink);
  outline:none
}

.stack input:focus,.stack textarea:focus,.mini-stack input:focus{
  border-color:#c77b70;
  box-shadow:0 0 0 3px rgba(165,31,31,.08)
}

.help{
  font-weight:500;
  color:var(--muted);
  font-size:11px
}

.form-grid{
  display:grid;
  grid-template-columns:1fr 220px;
  gap:12px
}

.check{
  display:flex!important;
  align-items:center;
  gap:8px!important;
  font-weight:650!important
}

.check input{
  width:18px!important;
  height:18px;
  margin:0;
  accent-color:var(--red)
}

.check.fixed{
  opacity:.6
}

.checks{
  display:flex;
  flex-wrap:wrap;
  gap:14px
}

.allergen-grid{
  display:flex;
  flex-wrap:wrap;
  gap:8px
}

.chip-check{
  border:1px solid var(--line);
  border-radius:999px;
  padding:8px 10px
}

.current-image{
  display:flex;
  gap:13px;
  align-items:center
}

.current-image img{
  width:86px;
  height:86px;
  -o-object-fit:cover;
     object-fit:cover;
  border-radius:16px
}

.delete-zone{
  margin-top:18px;
  text-align:center
}

.auth-wrap{
  min-height:calc(100vh - 122px);
  display:grid;
  place-items:center;
  padding:28px 0;
  position:relative
}

.auth-wrap:before{
  content:"";
  position:fixed;
  inset:64px 0 0;
  background:linear-gradient(rgba(76,8,8,.28),rgba(76,8,8,.62)),url('/assets/carta-bar-qr/brand/background.webp') center/cover no-repeat;
  z-index:-1
}

.auth-card{
  width:min(100%,430px);
  background:rgba(255,253,248,.97);
  border:1px solid rgba(255,255,255,.8);
  border-radius:26px;
  padding:24px;
  box-shadow:0 24px 70px rgba(50,9,9,.3);
  -webkit-backdrop-filter:blur(8px);
          backdrop-filter:blur(8px)
}

.auth-card h1{
  font-size:32px;
  line-height:1.03;
  margin:6px 0 10px
}

/* Dashboard */

.dash-hero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);
  gap:24px;
  padding:28px;
  border-radius:28px;
  color:white;
  background:#7b1719;
  box-shadow:0 16px 42px rgba(104,18,20,.18)
}

.dash-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:url('/assets/carta-bar-qr/brand/background.webp') center 47%/cover no-repeat;
  opacity:.72;
  pointer-events:none
}

.dash-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(82,10,13,.82) 0%,rgba(103,18,20,.66) 46%,rgba(103,18,20,.20) 100%);
  pointer-events:none
}

.dash-hero-copy,.usage-card{
  position:relative;
  z-index:1
}

.dash-hero h1{
  font-size:clamp(31px,5vw,48px);
  letter-spacing:-.045em;
  line-height:.98;
  margin:7px 0 10px
}

.dash-hero p{
  color:#f8e6e1;
  max-width:620px;
  margin:0 0 20px;
  line-height:1.55;
  font-size:14px
}

.hero-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap
}

.light-button{
  background:white;
  color:var(--red)
}

.ghost-button{
  border-color:rgba(255,255,255,.32);
  color:white;
  background:rgba(255,255,255,.08)
}

.usage-card{
  align-self:end;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  border-radius:19px;
  padding:16px;
  -webkit-backdrop-filter:blur(7px);
          backdrop-filter:blur(7px)
}

.usage-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:12px
}

.usage-row strong{
  font-size:18px
}

.usage-track{
  height:7px;
  background:rgba(255,255,255,.2);
  border-radius:99px;
  overflow:hidden;
  margin:11px 0 8px
}

.usage-track span{
  display:block;
  height:100%;
  background:#ffe0a0;
  border-radius:99px
}

.usage-card small{
  color:#f6dcd6
}

.quick-grid{
  display:grid;
  grid-template-columns:.7fr .9fr 1.4fr;
  gap:10px;
  margin:14px 0 22px
}

.quick-card{
  display:flex;
  align-items:center;
  gap:12px;
  background:white;
  border:1px solid var(--line);
  border-radius:18px;
  padding:14px 16px;
  box-shadow:0 6px 20px rgba(55,32,22,.035);
  min-width:0
}

.quick-icon{
  width:34px;
  height:34px;
  border-radius:11px;
  background:#f9efea;
  color:var(--red);
  display:grid;
  place-items:center;
  flex:0 0 34px;
  font-weight:900
}

.quick-card div{
  min-width:0
}

.quick-card strong{
  display:block;
  font-size:16px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

.quick-card small{
  display:block;
  color:var(--muted);
  font-size:10px;
  margin-top:2px
}

.menu-jump{
  position:sticky;
  top:76px;
  z-index:18;
  display:flex;
  gap:6px;
  overflow:auto;
  margin:0 0 20px;
  padding:6px;
  background:rgba(250,247,244,.94);
  border:1px solid var(--line);
  border-radius:16px;
  -webkit-backdrop-filter:blur(10px);
          backdrop-filter:blur(10px);
  scrollbar-width:none
}

.menu-jump::-webkit-scrollbar{
  display:none
}

.menu-jump a{
  white-space:nowrap;
  text-decoration:none;
  padding:9px 12px;
  border-radius:11px;
  font-size:12px;
  font-weight:850;
  color:#5e514a
}

.menu-jump a:hover{
  background:white;
  color:var(--red)
}

.menu-admin{
  scroll-margin-top:136px;
  margin:0 0 34px
}

.menu-title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:15px;
  margin-bottom:11px
}

.menu-title h2{
  font-size:25px;
  letter-spacing:-.03em;
  margin:7px 0 3px
}

.menu-note{
  margin:0;
  color:var(--muted);
  font-size:12px
}

.pill{
  display:inline-flex;
  border-radius:999px;
  padding:5px 8px;
  background:#fff0d6;
  color:#7c5516;
  font-weight:900;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.08em
}

.menu-settings{
  position:relative
}

.menu-settings summary{
  list-style:none;
  cursor:pointer;
  font-size:12px;
  font-weight:850;
  color:var(--red);
  display:flex;
  align-items:center;
  gap:7px;
  border:1px solid var(--line);
  background:white;
  border-radius:12px;
  padding:9px 11px
}

.menu-settings summary::-webkit-details-marker{
  display:none
}

.status-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#bbb
}

.status-dot.on{
  background:#35a26b
}

.menu-settings[open]{
  z-index:20
}

.mini-stack{
  position:absolute;
  right:0;
  top:44px;
  display:grid;
  gap:9px;
  min-width:260px;
  padding:14px;
  background:white;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 18px 45px rgba(44,25,17,.14)
}

.mini-stack label{
  font-size:11px;
  color:var(--muted);
  display:grid;
  gap:5px
}

.sections-stack{
  display:grid;
  gap:11px
}

.section-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 5px 18px rgba(55,32,22,.025)
}

.section-head{
  padding:14px 15px;
  border-bottom:1px solid #f0e9e3;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px
}

.section-head h3{
  margin:0 0 2px;
  font-size:16px
}

.item-list{
  display:grid
}

.admin-item{
  display:grid;
  grid-template-columns:72px 1fr;
  gap:12px;
  padding:12px 14px;
  border-bottom:1px solid #f1ebe6
}

.admin-item:last-child{
  border-bottom:0
}

.admin-item img,.image-placeholder{
  width:72px;
  height:72px;
  -o-object-fit:cover;
     object-fit:cover;
  border-radius:13px;
  background:#f4ede8;
  display:grid;
  place-items:center
}

.admin-item.is-soldout{
  background:#fbf7f5
}

.admin-item-body{
  min-width:0
}

.row-between{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:start
}

.row-between .price{
  color:var(--red);
  white-space:nowrap
}

.admin-item p{
  font-size:12px;
  color:var(--muted);
  margin:4px 0 7px;
  line-height:1.4
}

.item-meta{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-bottom:8px
}

.item-meta span{
  font-size:9px;
  padding:3px 6px;
  border-radius:999px;
  font-weight:800
}

.soldout-badge{
  background:#fde7e5;
  color:#a3231a
}

.muted-badge{
  background:#eee9e5;
  color:#655d58
}

.good-badge{
  background:#e6f4ec;
  color:#246747
}

.item-actions{
  display:flex;
  gap:12px;
  align-items:center;
  font-size:11px;
  font-weight:850
}

.item-actions a,.item-actions button{
  border:0;
  background:none;
  padding:0;
  cursor:pointer;
  text-decoration:none;
  color:var(--red)
}

.item-actions form{
  display:inline
}

.danger-text{
  color:var(--danger)!important
}

.empty{
  padding:24px 18px;
  text-align:center;
  color:var(--muted);
  font-size:12px;
  display:grid;
  gap:4px
}

.empty strong{
  color:var(--ink);
  font-size:13px
}

.add-section{
  background:#f7f3ef;
  border:1px dashed #ddd1c8;
  border-radius:14px;
  padding:11px 13px;
  margin-top:10px
}

.add-section summary{
  cursor:pointer;
  font-weight:850;
  font-size:12px
}

.inline-form{
  display:flex;
  gap:8px;
  margin-top:10px
}

.bottom-nav{
  display:none
}

.settings-head{
  margin-bottom:18px
}

.settings-head h1{
  font-size:34px;
  margin:5px 0 6px;
  letter-spacing:-.04em
}

.setting-block{
  padding:15px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fbf8f5
}

.setting-block p{
  margin:4px 0 12px
}

.row-setting{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px
}

.switch input{
  display:none
}

.switch span{
  display:block;
  width:48px;
  height:28px;
  background:#d8d0ca;
  border-radius:999px;
  position:relative;
  cursor:pointer;
  transition:.2s
}

.switch span:after{
  content:"";
  position:absolute;
  width:22px;
  height:22px;
  left:3px;
  top:3px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 2px 7px rgba(0,0,0,.15);
  transition:.2s
}

.switch input:checked+span{
  background:var(--ok)
}

.switch input:checked+span:after{
  transform:translateX(20px)
}

.url-box{
  display:grid;
  gap:4px;
  background:#f5f0eb;
  padding:13px 14px;
  border-radius:13px;
  overflow:hidden
}

.url-box small{
  color:var(--muted)
}

.url-box strong{
  font-size:12px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

/* Public menu */

.public-body{
  background:#f8f4ef;
  color:var(--ink);
  min-height:100vh
}

.public-hero{
  min-height:210px;
  position:relative;
  overflow:hidden;
  background:#7b1719
}

.public-hero-art{
  position:absolute;
  inset:0;
  background:url('/assets/carta-bar-qr/brand/background.webp') center 45%/cover no-repeat;
  opacity:.88
}

.public-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(72,7,11,.80) 0%,rgba(91,13,16,.58) 48%,rgba(91,13,16,.20) 100%);
  pointer-events:none
}

.hero-overlay{
  position:relative;
  z-index:2;
  width:min(100%,820px);
  margin:auto;
  padding:38px 18px 42px;
  color:#fff;
  text-shadow:0 2px 12px rgba(50,0,0,.22)
}

.hero-kicker{
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:9px;
  font-weight:900;
  color:#ffdda0
}

.hero-overlay h1{
  font-size:clamp(34px,9vw,54px);
  line-height:.95;
  letter-spacing:-.045em;
  margin:7px 0 8px
}

.hero-overlay p{
  font-size:13px;
  line-height:1.45;
  color:#f7e8e4;
  margin:0 0 16px;
  max-width:520px
}

.lang-switch{
  display:flex;
  gap:6px
}

.lang-switch a{
  border:1px solid rgba(255,255,255,.35);
  border-radius:999px;
  padding:5px 8px;
  text-decoration:none;
  font-size:9px;
  font-weight:900
}

.lang-switch a.active{
  background:white;
  color:var(--red)
}

.menu-public{
  width:min(100%,820px);
  margin:-16px auto 0;
  padding:0 12px 40px;
  position:relative;
  z-index:2
}

.filter-shell{
  background:white;
  border:1px solid var(--line);
  border-radius:17px;
  padding:7px;
  margin-bottom:18px;
  box-shadow:0 10px 28px rgba(55,32,22,.06)
}

.filter-bar{
  display:flex;
  gap:6px;
  overflow:auto;
  scrollbar-width:none
}

.filter-bar::-webkit-scrollbar{
  display:none
}

.filter-bar button{
  white-space:nowrap;
  border:0;
  background:#f4eee9;
  border-radius:11px;
  padding:9px 11px;
  font-size:10px;
  font-weight:850;
  color:#665850
}

.filter-bar button.active{
  background:var(--red);
  color:white
}

.filter-note{
  display:block;
  color:#8c817a;
  font-size:9px;
  line-height:1.35;
  padding:7px 5px 2px
}

.public-menu-block{
  margin:0 0 28px
}

.public-menu-heading{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 3px 8px
}

.public-menu-heading:after{
  content:"";
  height:1px;
  background:#ded3ca;
  flex:1
}

.public-menu-heading span{
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:9px;
  font-weight:950;
  color:var(--red)
}

.public-section{
  margin-bottom:20px
}

.public-section h2{
  font-size:22px;
  letter-spacing:-.035em;
  margin:11px 3px 8px
}

.dish-list{
  display:grid;
  gap:8px
}

.dish-card{
  background:white;
  border:1px solid #e8ddd4;
  border-radius:17px;
  padding:10px;
  display:flex;
  gap:11px;
  box-shadow:0 5px 16px rgba(60,39,27,.025)
}

.dish-card[hidden]{
  display:none
}

.dish-image{
  width:96px;
  height:96px;
  -o-object-fit:cover;
     object-fit:cover;
  border-radius:13px;
  flex:0 0 96px;
  background:#eee6df
}

.dish-content{
  min-width:0;
  flex:1;
  padding:2px 1px
}

.dish-title{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start
}

.dish-title h3{
  font-size:15px;
  line-height:1.2;
  margin:0;
  letter-spacing:-.015em
}

.dish-title strong{
  font-size:14px;
  color:var(--red);
  white-space:nowrap
}

.dish-content p{
  font-size:11px;
  line-height:1.45;
  color:#72665f;
  margin:5px 0 7px
}

.badges{
  display:flex;
  gap:4px;
  flex-wrap:wrap
}

.badges span{
  font-size:8px;
  font-weight:800;
  background:#f3ede8;
  color:#665950;
  border-radius:999px;
  padding:4px 6px
}

.badges .diet{
  background:#e6f3e9;
  color:#2d6846
}

.public-empty{
  background:white;
  border:1px solid var(--line);
  border-radius:18px;
  padding:30px;
  text-align:center;
  display:grid;
  gap:5px
}

.public-empty span{
  color:var(--muted);
  font-size:12px
}

.public-footer{
  margin-top:34px;
  padding:20px 6px 8px;
  border-top:1px solid #e2d8cf;
  display:grid;
  gap:8px;
  text-align:center
}

.public-footer>strong{
  font-size:13px
}

.footer-links{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px 14px;
  color:var(--muted);
  font-size:10px
}

.footer-links a{
  text-decoration:none;
  color:var(--red)
}

@media(min-width:720px){
  .panel{
    padding:26px
  }

  .admin-item{
    grid-template-columns:82px 1fr;
    padding:14px 17px
  }

  .admin-item img,.image-placeholder{
    width:82px;
    height:82px
  }

  .dish-card{
    padding:12px
  }

  .dish-image{
    width:124px;
    height:112px;
    flex-basis:124px
  }

  .dish-title h3{
    font-size:17px
  }

  .dish-content p{
    font-size:12px
  }
}

@media(max-width:760px){
  .app-body{
    padding-bottom:78px
  }

  .desktop-actions{
    display:none
  }

  .app-shell{
    padding-top:16px
  }

  .dash-hero{
    grid-template-columns:1fr;
    padding:21px;
    border-radius:22px;
    gap:18px
  }

  .dash-hero h1{
    font-size:36px
  }

  .hero-actions .button{
    flex:1
  }

  .usage-card{
    align-self:auto
  }

  .quick-grid{
    grid-template-columns:1fr 1fr
  }

  .quick-card:last-child{
    grid-column:1/-1
  }

  .menu-jump{
    top:73px
  }

  .bottom-nav{
    position:fixed;
    display:grid;
    z-index:40;
    left:50%;
    bottom:max(9px,env(safe-area-inset-bottom));
    transform:translateX(-50%);
    width:min(calc(100% - 20px),480px);
    height:61px;
    background:rgba(255,255,255,.96);
    border:1px solid var(--line);
    border-radius:20px;
    grid-template-columns:repeat(3,1fr);
    box-shadow:0 14px 34px rgba(50,25,15,.17);
    -webkit-backdrop-filter:blur(14px);
            backdrop-filter:blur(14px);
    overflow:hidden
  }

  .bottom-nav a{
    display:grid;
    place-content:center;
    gap:2px;
    text-align:center;
    text-decoration:none;
    color:var(--muted);
    font-weight:850
  }

  .bottom-nav a span{
    font-size:16px;
    line-height:1
  }

  .bottom-nav a small{
    font-size:9px
  }

  .bottom-nav a.active{
    color:var(--red);
    background:#fff8f5
  }

  .form-grid{
    grid-template-columns:1fr
  }

  .mini-stack{
    position:fixed;
    left:14px;
    right:14px;
    top:auto;
    bottom:82px;
    min-width:0
  }

  .menu-title{
    align-items:flex-start
  }

  .menu-note{
    max-width:250px
  }

  .public-hero{
    min-height:196px
  }

  .public-hero-art{
    background-position:center 42%
  }

  .hero-overlay{
    padding-top:32px
  }

  .menu-public{
    margin-top:-13px
  }
}

@media(max-width:480px){
  .topbar{
    height:60px
  }

  .topbar-inner{
    width:calc(100% - 22px)
  }

  .brand-mark{
    width:32px;
    height:32px
  }

  .app-shell{
    width:calc(100% - 20px)
  }

  .dash-hero{
    padding:18px
  }

  .dash-hero h1{
    font-size:31px
  }

  .dash-hero p{
    font-size:12px
  }

  .hero-actions{
    display:grid;
    grid-template-columns:1fr 1fr
  }

  .quick-grid{
    gap:7px
  }

  .quick-card{
    padding:12px
  }

  .menu-title h2{
    font-size:22px
  }

  .menu-note{
    font-size:11px
  }

  .section-head{
    padding:13px
  }

  .admin-item{
    grid-template-columns:66px 1fr;
    padding:11px 12px
  }

  .admin-item img,.image-placeholder{
    width:66px;
    height:66px
  }

  .row-between strong{
    font-size:13px
  }

  .dish-image{
    width:88px;
    height:88px;
    flex-basis:88px
  }

  .dish-card{
    padding:9px
  }

  .dish-title h3{
    font-size:14px
  }

  .dish-title strong{
    font-size:13px
  }

  .dish-content p{
    font-size:10.5px
  }

  .filter-shell{
    border-radius:15px
  }

  .public-section h2{
    font-size:20px
  }

  .setting-block{
    padding:13px
  }
}

@media(prefers-reduced-motion:reduce){
  *{
    scroll-behavior:auto!important
  }
}

/* v3 · acceso público primero + login discreto */

.staff-access{
  position:absolute;
  z-index:5;
  top:max(12px,env(safe-area-inset-top));
  right:14px;
  height:36px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0 11px;
  border:1px solid rgba(255,255,255,.26);
  border-radius:999px;
  background:rgba(57,8,10,.22);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  color:rgba(255,255,255,.82);
  text-decoration:none;
  font-size:10px;
  font-weight:800;
  letter-spacing:.02em;
  box-shadow:0 4px 18px rgba(45,0,0,.08);
  transition:.18s ease
}

.staff-access:hover,.staff-access:focus-visible{
  background:rgba(255,255,255,.15);
  color:#fff;
  border-color:rgba(255,255,255,.5)
}

.staff-access.is-admin{
  background:rgba(255,255,255,.9);
  color:var(--red);
  border-color:rgba(255,255,255,.95)
}

.staff-access-icon{
  display:grid;
  place-items:center;
  font-size:13px;
  line-height:1
}

.footer-brand{
  font-size:9px;
  color:#a39890;
  letter-spacing:.035em
}

.staff-login-body{
  margin:0;
  min-height:100vh;
  background:#741719;
  color:var(--ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}

.staff-login-screen{
  min-height:100vh;
  min-height:100dvh;
  display:grid;
  place-items:center;
  padding:58px 16px 28px;
  position:relative;
  isolation:isolate
}

.staff-login-screen:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:url('/assets/carta-bar-qr/brand/background.webp') center/cover no-repeat
}

.staff-login-screen:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg,rgba(77,7,10,.36),rgba(77,7,10,.64))
}

.back-to-menu{
  position:absolute;
  left:16px;
  top:max(16px,env(safe-area-inset-top));
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:rgba(255,255,255,.78);
  font-size:11px;
  font-weight:750;
  text-decoration:none;
  padding:8px 9px;
  border-radius:999px;
  background:rgba(68,7,9,.16);
  border:1px solid rgba(255,255,255,.16);
  -webkit-backdrop-filter:blur(8px);
          backdrop-filter:blur(8px)
}

.staff-login-card{
  width:min(100%,382px);
  background:rgba(255,253,249,.985);
  border:1px solid rgba(255,255,255,.72);
  border-radius:24px;
  padding:24px 20px 20px;
  box-shadow:0 24px 72px rgba(41,3,4,.32)
}

.staff-login-mark{
  width:38px;
  height:38px;
  border-radius:12px;
  display:grid;
  place-items:center;
  margin-bottom:17px;
  background:linear-gradient(145deg,#a62528,var(--red-deep));
  color:#fff;
  font-size:10px;
  font-weight:950;
  letter-spacing:.08em;
  box-shadow:0 8px 20px rgba(104,18,20,.2)
}

.staff-login-card h1{
  font-size:28px;
  letter-spacing:-.04em;
  line-height:1;
  margin:5px 0 8px
}

.staff-login-copy{
  margin:0 0 19px;
  color:var(--muted);
  font-size:12px;
  line-height:1.5
}

.staff-login-form{
  display:grid;
  gap:13px
}

.staff-login-form>label{
  display:grid;
  gap:6px;
  font-size:11px;
  font-weight:800;
  color:#5c514b
}

.staff-login-form input[type=email],.staff-login-form input[type=password]{
  width:100%;
  height:46px;
  border:1px solid #ddd3cb;
  border-radius:12px;
  padding:0 13px;
  background:#fff;
  font:inherit;
  color:var(--ink);
  outline:none
}

.staff-login-form input:focus{
  border-color:#bd746b;
  box-shadow:0 0 0 3px rgba(143,29,31,.08)
}

.staff-login-row{
  display:flex;
  justify-content:space-between;
  align-items:center
}

.staff-login-row .check{
  font-size:10px!important;
  color:var(--muted);
  font-weight:700!important
}

.staff-login-button{
  width:100%;
  margin-top:1px
}

.staff-login-help{
  text-align:center;
  margin:16px 0 0;
  color:#9a8f88;
  font-size:9px;
  line-height:1.4
}

@media(max-width:480px){
  .staff-access{
    width:34px;
    height:34px;
    padding:0;
    justify-content:center;
    right:11px;
    top:max(10px,env(safe-area-inset-top))
  }

  .staff-access-label{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0
  }

  .staff-access-icon{
    font-size:12px
  }

  .staff-login-screen{
    padding:54px 12px 20px;
    align-items:center
  }

  .staff-login-card{
    padding:21px 17px 18px;
    border-radius:21px
  }

  .staff-login-card h1{
    font-size:25px
  }

  .back-to-menu span{
    display:none
  }

  .back-to-menu{
    width:34px;
    height:34px;
    justify-content:center;
    padding:0
  }

  .footer-brand{
    font-size:8.5px
  }
}

/* v3.1 · fondo personalizable de la zona de carta */

.menu-public{
  background-image:
        linear-gradient(rgba(255,250,245,.92), rgba(255,250,245,.92)),
        url('/assets/carta-bar-qr/brand/background.webp'),
        url('/assets/carta-bar-qr/brand/background.webp');
  background-size: auto, cover, cover;
  background-position: center, center top, center;
  background-repeat: no-repeat, no-repeat, no-repeat;
  border-radius: 0 0 18px 18px;
}

/* Mantener tarjetas totalmente legibles sobre cualquier fondo */

.dish-card,
.filter-shell,
.public-empty{
  background: rgba(255,255,255,.97);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

.public-section h2,
.public-menu-heading{
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
}

@media(max-width:480px){
  .menu-public{
    background-image:
            linear-gradient(rgba(255,250,245,.92), rgba(255,250,245,.92)),
            url('/assets/carta-bar-qr/brand/background.webp'),
            url('/assets/carta-bar-qr/brand/background.webp');
    background-size: auto, cover, cover;
    background-position: center, center top, center;
  }
}

/* Integración con el portfolio */

.brand-image{
  width:46px;
  height:38px;
  -o-object-fit:cover;
     object-fit:cover;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.4)
}

.projects-access{
  position:absolute;
  z-index:6;
  top:max(12px,env(safe-area-inset-top));
  left:14px;
  height:36px;
  display:inline-flex;
  align-items:center;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.3);
  border-radius:999px;
  background:rgba(57,8,10,.28);
  -webkit-backdrop-filter:blur(10px);
          backdrop-filter:blur(10px);
  color:#fff;
  text-decoration:none;
  font-size:10px;
  font-weight:850;
  box-shadow:0 4px 18px rgba(45,0,0,.08)
}

.projects-access:hover,.projects-access:focus-visible{
  background:rgba(255,255,255,.18);
  border-color:rgba(255,255,255,.55)
}

@media(max-width:760px){
  .bottom-nav{
    grid-template-columns:repeat(4,1fr)
  }
}

@media(max-width:480px){
  .projects-access{
    height:34px;
    left:11px;
    top:max(10px,env(safe-area-inset-top));
    padding:0 10px;
    font-size:9px
  }

  .brand-image{
    width:40px;
    height:32px
  }
}

/* v10.2 · detalle ampliado de platos + precio de tapa opcional */

.dish-card{
  cursor:pointer;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease
}

.dish-card:hover,.dish-card:focus-visible{
  transform:translateY(-1px);
  border-color:#d8c7bb;
  box-shadow:0 10px 26px rgba(60,39,27,.08);
  outline:none
}

.dish-prices{
  display:grid;
  gap:3px;
  justify-items:end;
  flex:0 0 auto
}

.dish-prices>span{
  display:flex;
  align-items:baseline;
  gap:5px;
  white-space:nowrap
}

.dish-prices small{
  font-size:8px;
  color:#9b8d84;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-weight:900
}

.dish-prices strong{
  font-size:14px;
  color:var(--red);
  white-space:nowrap
}

.dish-expand-hint{
  display:inline-block;
  margin-top:7px;
  color:#a08f85;
  font-size:8.5px;
  font-weight:800;
  letter-spacing:.02em
}

.dish-dialog{
  width:min(calc(100% - 26px),680px);
  max-width:680px;
  border:0;
  padding:0;
  border-radius:24px;
  background:transparent;
  color:var(--ink);
  box-shadow:0 28px 90px rgba(40,17,9,.35);
  overflow:visible
}

.dish-dialog::backdrop{
  background:rgba(35,18,12,.68);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px)
}

.dish-dialog[open]{
  animation:dish-dialog-in .16s ease-out
}

.dish-dialog-card{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  background:#fff
}

.dish-dialog-close{
  position:absolute;
  z-index:3;
  top:12px;
  right:12px;
  width:38px;
  height:38px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:50%;
  background:rgba(35,18,12,.62);
  color:#fff;
  font-size:26px;
  line-height:1;
  display:grid;
  place-items:center;
  cursor:pointer;
  -webkit-backdrop-filter:blur(8px);
          backdrop-filter:blur(8px)
}

.dish-dialog-image{
  display:block;
  width:100%;
  height:min(48vh,360px);
  -o-object-fit:cover;
     object-fit:cover;
  background:#eee6df
}

.dish-dialog-placeholder{
  display:grid;
  place-items:center;
  font-size:72px;
  background:linear-gradient(145deg,#f5ede7,#eadfd7)
}

.dish-dialog-body{
  padding:24px 24px 26px
}

.dish-dialog-kicker{
  display:block;
  color:var(--red);
  font-size:10px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:7px
}

.dish-dialog-body h3{
  font-size:clamp(27px,5vw,38px);
  line-height:1.02;
  letter-spacing:-.04em;
  margin:0 0 12px
}

.dish-dialog-description{
  font-size:16px;
  line-height:1.6;
  color:#655850;
  margin:0 0 18px
}

.dish-dialog-prices{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:4px 0 16px
}

.dish-dialog-prices>div{
  min-width:112px;
  border:1px solid #eaded4;
  border-radius:14px;
  padding:10px 13px;
  background:#fffaf7;
  display:grid;
  gap:2px
}

.dish-dialog-prices span{
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#95877e
}

.dish-dialog-prices strong{
  font-size:20px;
  color:var(--red)
}

.dish-dialog-badges{
  display:flex;
  flex-wrap:wrap;
  gap:6px
}

.dish-dialog-badges span{
  font-size:11px;
  font-weight:800;
  background:#f3ede8;
  color:#665950;
  border-radius:999px;
  padding:7px 9px
}

.dish-dialog-badges .diet{
  background:#e6f3e9;
  color:#2d6846
}

.dish-modal-open{
  overflow:hidden
}

@keyframes dish-dialog-in{
  from{
    opacity:0;
    transform:translateY(8px) scale(.985)
  }

  to{
    opacity:1;
    transform:none
  }
}

@media(max-width:480px){
  .dish-prices small{
    font-size:7px
  }

  .dish-prices strong{
    font-size:12.5px
  }

  .dish-expand-hint{
    font-size:8px
  }

  .dish-dialog{
    width:calc(100% - 18px);
    border-radius:20px
  }

  .dish-dialog-card{
    border-radius:20px
  }

  .dish-dialog-image{
    height:min(42vh,300px)
  }

  .dish-dialog-body{
    padding:19px 17px 21px
  }

  .dish-dialog-body h3{
    font-size:29px
  }

  .dish-dialog-description{
    font-size:15px;
    line-height:1.55
  }

  .dish-dialog-prices{
    gap:7px
  }

  .dish-dialog-prices>div{
    min-width:0;
    flex:1;
    padding:9px 11px
  }

  .dish-dialog-prices strong{
    font-size:18px
  }
}

@media(prefers-reduced-motion:reduce){
  .dish-dialog[open]{
    animation:none
  }

  .dish-card{
    transition:none
  }
}

.admin-prices{
  display:grid;
  justify-items:end;
  gap:2px;
  white-space:nowrap;
  color:var(--red);
  font-size:10px;
  font-weight:850
}

.admin-prices .price{
  font-size:inherit
}

/* v10.3 · borrado seguro de secciones + visibilidad sin botón Guardar */

.mini-stack-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-bottom:2px
}

.mini-stack-head strong{
  font-size:13px
}

.mini-stack-close{
  width:30px;
  height:30px;
  border:0;
  border-radius:9px;
  background:#f5efeb;
  color:#6f6159;
  font-size:21px;
  line-height:1;
  cursor:pointer;
  display:grid;
  place-items:center
}

.mini-stack-close:hover{
  background:#eee5df;
  color:var(--red)
}

.autosave-note{
  margin:0;
  padding-top:2px;
  color:#8e8179;
  font-size:9.5px;
  line-height:1.35
}

.autosave-note[data-state="saving"]{
  color:#7b6b61
}

.autosave-note[data-state="saved"]{
  color:var(--ok)
}

.autosave-note[data-state="error"]{
  color:var(--danger);
  font-weight:750
}

.section-head-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  flex-wrap:wrap
}

.section-head-actions form{
  margin:0
}

.section-delete{
  background:#fff8f7;
  border-color:#efd7d3;
  color:var(--danger)
}

.section-delete:hover:not(:disabled){
  background:#fff0ee;
  border-color:#e6bdb7
}

.section-delete.guarded{
  opacity:.72;
  color:#8e8179;
  background:#f7f3ef;
  border-color:#e7dfd8
}

.section-delete.guarded:hover{
  opacity:1;
  background:#f2ece7
}

.menu-settings .mini-stack{
  min-width:280px
}

.menu-settings summary span[data-status-label]{
  display:inline
}

@media(max-width:480px){
  .section-head{
    align-items:flex-start
  }

  .section-head-actions{
    gap:6px
  }

  .section-head-actions .button{
    min-height:34px;
    padding:0 10px
  }

  .menu-settings .mini-stack{
    position:fixed;
    left:10px;
    right:10px;
    top:76px;
    min-width:0;
    max-height:calc(100dvh - 96px);
    overflow:auto;
    z-index:50
  }

  .menu-settings[open] summary:after{
    content:"";
    position:fixed;
    inset:60px 0 0;
    background:rgba(31,18,13,.24);
    z-index:-1;
    pointer-events:none
  }
}

/* v10.4 · navegación cliente + volver arriba + cámara/galería */

.public-floating-header{
  position:fixed;
  z-index:70;
  left:50%;
  top:max(8px,env(safe-area-inset-top));
  transform:translate(-50%,-14px);
  width:min(calc(100% - 20px),820px);
  height:52px;
  padding:0 7px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 38px;
  align-items:center;
  gap:8px;
  border:1px solid rgba(255,255,255,.42);
  border-radius:17px;
  background:rgba(104,18,20,.94);
  color:#fff;
  box-shadow:0 12px 30px rgba(57,8,10,.22);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease
}

.public-floating-header.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate(-50%,0)
}

.floating-restaurant-name{
  min-width:0;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:15px;
  letter-spacing:-.015em
}

.floating-header-action{
  width:36px;
  height:36px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:11px;
  display:grid;
  place-items:center;
  text-decoration:none;
  background:rgba(255,255,255,.10);
  font-weight:950;
  font-size:15px
}

.floating-header-action:hover,.floating-header-action:focus-visible{
  background:rgba(255,255,255,.20);
  outline:none
}

.projects-access{
  gap:5px
}

.projects-access-icon{
  font-size:13px;
  line-height:1
}

.public-section-nav{
  position:sticky;
  top:10px;
  z-index:32;
  margin:0 0 11px;
  padding:6px;
  border:1px solid rgba(232,223,216,.94);
  border-radius:15px;
  background:rgba(255,255,255,.92);
  box-shadow:0 8px 22px rgba(55,32,22,.06);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transition:top .18s ease
}

.carta-public-scrolled .public-section-nav{
  top:68px
}

.public-section-nav-track{
  display:flex;
  gap:5px;
  overflow-x:auto;
  scrollbar-width:none;
  overscroll-behavior-x:contain
}

.public-section-nav-track::-webkit-scrollbar{
  display:none
}

.public-section-nav a{
  flex:0 0 auto;
  text-decoration:none;
  white-space:nowrap;
  padding:8px 10px;
  border-radius:10px;
  color:#665850;
  font-size:10px;
  font-weight:850;
  transition:background .15s ease,color .15s ease
}

.public-section-nav a:hover,.public-section-nav a:focus-visible{
  background:#f6efea;
  color:var(--red);
  outline:none
}

.public-section-nav a.active{
  background:var(--red);
  color:#fff
}

.public-section{
  scroll-margin-top:132px
}

.carta-scroll-top{
  position:fixed;
  z-index:65;
  right:max(14px,calc((100vw - 1120px)/2 + 14px));
  bottom:max(18px,env(safe-area-inset-bottom));
  width:44px;
  height:54px;
  border:1px solid rgba(143,29,31,.16);
  border-radius:22px;
  background:rgba(255,255,255,.94);
  color:var(--red);
  box-shadow:0 12px 30px rgba(55,32,22,.16);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  display:grid;
  place-items:center;
  font-size:22px;
  font-weight:950;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  pointer-events:none;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease
}

.carta-scroll-top:before{
  content:"";
  position:absolute;
  top:8px;
  width:3px;
  height:13px;
  border-radius:999px;
  background:rgba(143,29,31,.17)
}

.carta-scroll-top span{
  margin-top:8px
}

.carta-scroll-top.is-visible{
  opacity:1;
  visibility:visible;
  transform:none;
  pointer-events:auto
}

.carta-scroll-top:hover,.carta-scroll-top:focus-visible{
  background:#fff5f2;
  outline:none;
  box-shadow:0 14px 34px rgba(55,32,22,.22)
}

.image-upload-field{
  display:grid;
  gap:7px
}

.image-upload-label{
  font-size:13px;
  font-weight:760
}

.image-upload-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap
}

.image-source-button{
  min-height:42px
}

.image-file-name{
  font-size:10.5px;
  color:var(--muted);
  font-weight:650;
  overflow-wrap:anywhere
}

.app-body .carta-scroll-top{
  bottom:max(86px,calc(env(safe-area-inset-bottom) + 78px))
}

@media(min-width:761px){
  .app-body .carta-scroll-top{
    bottom:22px
  }
}

@media(max-width:480px){
  .public-floating-header{
    width:calc(100% - 14px);
    height:48px;
    top:max(6px,env(safe-area-inset-top));
    border-radius:15px;
    grid-template-columns:34px minmax(0,1fr) 34px
  }

  .floating-header-action{
    width:32px;
    height:32px;
    border-radius:10px;
    font-size:14px
  }

  .floating-restaurant-name{
    font-size:13px
  }

  .carta-public-scrolled .public-section-nav{
    top:61px
  }

  .public-section-nav{
    margin-left:-2px;
    margin-right:-2px;
    padding:5px;
    border-radius:13px
  }

  .public-section-nav a{
    font-size:9.5px;
    padding:8px 9px
  }

  .public-section{
    scroll-margin-top:121px
  }

  .carta-scroll-top{
    right:11px;
    width:42px;
    height:51px;
    border-radius:20px
  }

  .image-upload-actions{
    display:grid;
    grid-template-columns:1fr 1fr
  }

  .image-source-button{
    padding:0 10px;
    font-size:11.5px
  }
}

@media(prefers-reduced-motion:reduce){
  .public-floating-header,.public-section-nav,.carta-scroll-top{
    transition:none
  }
}

/* v10.5 · ayuda contextual del Dashboard */

.dash-title-row{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap
}

.dash-title-row h1{
  margin-right:0
}

.dashboard-help-trigger{
  flex:0 0 auto;
  width:34px;
  height:34px;
  border:1px solid rgba(255,255,255,.48);
  border-radius:50%;
  background:rgba(255,255,255,.14);
  color:#fff;
  font-size:18px;
  font-family:Georgia,serif;
  font-weight:800;
  font-style:italic;
  display:grid;
  place-items:center;
  cursor:pointer;
  box-shadow:0 5px 14px rgba(67,7,9,.12);
  transition:background .15s ease,transform .15s ease
}

.dashboard-help-trigger:hover,.dashboard-help-trigger:focus-visible{
  background:rgba(255,255,255,.25);
  transform:translateY(-1px);
  outline:2px solid rgba(255,255,255,.42);
  outline-offset:2px
}

.dashboard-help-dialog{
  width:min(calc(100% - 24px),680px);
  max-width:680px;
  max-height:min(86dvh,760px);
  border:0;
  padding:0;
  border-radius:22px;
  background:transparent;
  color:var(--ink);
  box-shadow:0 30px 90px rgba(42,19,12,.34);
  overflow:visible
}

.dashboard-help-dialog::backdrop{
  background:rgba(36,20,14,.58);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px)
}

.dashboard-help-dialog[open]{
  animation:dashboard-help-in .16s ease-out
}

.dashboard-help-card{
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  max-height:min(86dvh,760px);
  overflow:hidden;
  border-radius:22px;
  background:#fff
}

.dashboard-help-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:20px 20px 15px;
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,#fffaf7,#fff)
}

.dashboard-help-kicker{
  display:block;
  margin-bottom:3px;
  color:var(--red);
  font-size:9px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase
}

.dashboard-help-head h2{
  margin:0;
  font-size:24px;
  line-height:1.08;
  letter-spacing:-.03em
}

.dashboard-help-close{
  flex:0 0 auto;
  width:36px;
  height:36px;
  border:0;
  border-radius:50%;
  background:#f4eeea;
  color:#6b5b53;
  font-size:25px;
  line-height:1;
  display:grid;
  place-items:center;
  cursor:pointer
}

.dashboard-help-close:hover,.dashboard-help-close:focus-visible{
  background:#efe3dd;
  color:var(--red);
  outline:none
}

.dashboard-help-body{
  overflow:auto;
  padding:16px 20px 18px;
  overscroll-behavior:contain
}

.dashboard-help-intro{
  margin:0 0 13px;
  padding:13px 14px;
  border-radius:14px;
  background:#fff5ef;
  color:#5e4f47;
  font-size:13px;
  line-height:1.5
}

.dashboard-help-list{
  display:grid;
  gap:7px
}

.dashboard-help-list details{
  border:1px solid var(--line);
  border-radius:13px;
  background:#fff;
  overflow:hidden
}

.dashboard-help-list summary{
  list-style:none;
  position:relative;
  padding:12px 40px 12px 13px;
  font-size:13px;
  font-weight:850;
  cursor:pointer;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none
}

.dashboard-help-list summary::-webkit-details-marker{
  display:none
}

.dashboard-help-list summary:after{
  content:'+';
  position:absolute;
  right:13px;
  top:50%;
  transform:translateY(-50%);
  width:22px;
  height:22px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#f6efeb;
  color:var(--red);
  font-size:17px;
  font-weight:700
}

.dashboard-help-list details[open] summary{
  color:var(--red);
  background:#fffaf7
}

.dashboard-help-list details[open] summary:after{
  content:'−'
}

.dashboard-help-list details p{
  margin:0;
  padding:0 13px 13px;
  color:#665950;
  font-size:12px;
  line-height:1.58
}

.dashboard-help-footer{
  display:flex;
  justify-content:flex-end;
  padding:12px 20px calc(12px + env(safe-area-inset-bottom));
  border-top:1px solid var(--line);
  background:#fff
}

.dashboard-help-footer .button{
  min-width:100px
}

.dashboard-help-open{
  overflow:hidden
}

@keyframes dashboard-help-in{
  from{
    opacity:0;
    transform:translateY(8px) scale(.985)
  }

  to{
    opacity:1;
    transform:none
  }
}

@media(max-width:480px){
  .dash-title-row{
    gap:8px
  }

  .dashboard-help-trigger{
    width:32px;
    height:32px;
    font-size:17px
  }

  .dashboard-help-dialog{
    width:calc(100% - 16px);
    max-height:88dvh;
    border-radius:18px
  }

  .dashboard-help-card{
    max-height:88dvh;
    border-radius:18px
  }

  .dashboard-help-head{
    padding:16px 15px 13px
  }

  .dashboard-help-head h2{
    font-size:21px
  }

  .dashboard-help-close{
    width:34px;
    height:34px
  }

  .dashboard-help-body{
    padding:13px 14px 15px
  }

  .dashboard-help-intro{
    font-size:12px
  }

  .dashboard-help-list summary{
    font-size:12.5px;
    padding:12px 38px 12px 12px
  }

  .dashboard-help-list details p{
    font-size:11.5px;
    padding:0 12px 12px
  }

  .dashboard-help-footer{
    padding-left:14px;
    padding-right:14px
  }

  .dashboard-help-footer .button{
    width:100%
  }
}

@media(prefers-reduced-motion:reduce){
  .dashboard-help-dialog[open]{
    animation:none
  }

  .dashboard-help-trigger{
    transition:none
  }
}

/* v10.6 · rediseño premium de la carta pública */

.public-body-premium{
  background:#f7f2ec;
  color:#241a16
}

.public-body-premium .public-hero-premium{
  min-height:430px;
  background:#8d1519;
  overflow:hidden
}

.public-hero-premium .public-hero-art{
  opacity:.34;
  filter:saturate(.92) contrast(1.03);
  background-position:center center
}

.public-hero-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(100deg,rgba(70,5,9,.94) 0%,rgba(105,14,18,.86) 43%,rgba(116,18,19,.54) 69%,rgba(80,8,10,.32) 100%);
  pointer-events:none
}

.public-hero-premium:after{
  display:none
}

.public-hero-topline{
  position:absolute;
  z-index:8;
  inset:0 0 auto;
  height:66px
}

.public-hero-premium .projects-access,.public-hero-premium .staff-access{
  top:max(15px,env(safe-area-inset-top));
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.30);
  box-shadow:none
}

.public-hero-premium .staff-access.is-admin{
  background:rgba(255,255,255,.94);
  color:var(--red);
  border-color:#fff
}

.public-hero-inner{
  position:relative;
  z-index:3;
  width:min(calc(100% - 36px),980px);
  min-height:430px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);
  gap:54px;
  align-items:center;
  padding:78px 0 48px
}

.hero-copy-premium{
  width:auto;
  margin:0;
  padding:0;
  color:#fff;
  text-shadow:none
}

.hero-copy-premium .hero-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:10px;
  letter-spacing:.18em;
  color:#ffd9a6
}

.hero-copy-premium .hero-kicker:before{
  content:"";
  width:28px;
  height:1px;
  background:#ffd9a6
}

.hero-copy-premium h1{
  max-width:640px;
  margin:14px 0 10px;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:500;
  font-size:clamp(48px,7vw,82px);
  line-height:.92;
  letter-spacing:-.055em
}

.hero-copy-premium .hero-lead{
  max-width:560px;
  margin:0 0 22px;
  color:#fff8f3;
  font-family:Georgia,"Times New Roman",serif;
  font-style:italic;
  font-size:clamp(20px,2.7vw,30px);
  line-height:1.22
}

.hero-actions-public{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap
}

.hero-menu-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:46px;
  padding:0 18px;
  border-radius:999px;
  background:#fff;
  color:#761317;
  text-decoration:none;
  font-size:12px;
  font-weight:900;
  box-shadow:0 10px 28px rgba(39,2,4,.18);
  transition:transform .16s ease,box-shadow .16s ease
}

.hero-menu-button:hover,.hero-menu-button:focus-visible{
  transform:translateY(-1px);
  box-shadow:0 14px 34px rgba(39,2,4,.24);
  outline:none
}

.lang-switch-premium{
  margin:0
}

.lang-switch-premium a{
  min-width:35px;
  text-align:center;
  padding:7px 9px;
  background:rgba(255,255,255,.08)
}

.hero-feature-chips{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  margin-top:20px
}

.hero-feature-chips span{
  display:inline-flex;
  align-items:center;
  min-height:29px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(255,255,255,.09);
  color:#fbeae5;
  font-size:9px;
  font-weight:800;
  letter-spacing:.02em;
  -webkit-backdrop-filter:blur(8px);
          backdrop-filter:blur(8px)
}

.public-hero-showcase{
  position:relative;
  justify-self:end;
  width:min(100%,340px);
  padding:13px 13px 56px;
  border-radius:34px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.24);
  box-shadow:0 28px 60px rgba(55,3,6,.28);
  -webkit-backdrop-filter:blur(12px);
          backdrop-filter:blur(12px);
  transform:rotate(2.5deg)
}

.hero-dish-frame{
  position:relative;
  overflow:hidden;
  border-radius:25px;
  aspect-ratio:1/1;
  background:#f2e5d9
}

.hero-dish-frame img{
  display:block;
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover
}

.hero-dish-frame:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(35,9,5,.22))
}

.hero-dish-glow{
  position:absolute;
  right:-20px;
  bottom:-20px;
  width:110px;
  height:110px;
  border-radius:50%;
  background:rgba(255,190,92,.28);
  filter:blur(20px)
}

.hero-dish-caption{
  position:absolute;
  left:25px;
  right:25px;
  bottom:16px;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:end;
  gap:1px 12px;
  color:#fff
}

.hero-dish-caption>span{
  grid-column:1/-1;
  color:#ffd8a0;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:900
}

.hero-dish-caption strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-family:Georgia,"Times New Roman",serif;
  font-size:17px;
  font-weight:600
}

.hero-dish-caption>div{
  font-size:14px;
  font-weight:900;
  white-space:nowrap
}

.hero-dish-caption small{
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#ffd9a6
}

.public-body-premium .public-floating-header{
  width:min(calc(100% - 20px),930px);
  height:50px;
  background:rgba(255,252,248,.95);
  color:#4c1718;
  border:1px solid rgba(143,29,31,.10);
  box-shadow:0 12px 32px rgba(73,37,24,.13)
}

.public-body-premium .floating-header-action{
  background:#f7eee9;
  border-color:#ecdcd5;
  color:var(--red)
}

.public-body-premium .floating-header-action:hover,.public-body-premium .floating-header-action:focus-visible{
  background:#f0dfd8
}

.public-body-premium .floating-restaurant-name{
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
  font-weight:600
}

.public-body-premium .menu-public{
  width:min(calc(100% - 28px),930px);
  margin:-24px auto 0;
  padding:0 0 54px
}

.menu-public-intro{
  position:relative;
  z-index:3;
  margin-bottom:14px;
  padding:16px 16px 10px;
  border:1px solid rgba(229,216,206,.95);
  border-radius:22px;
  background:rgba(255,255,255,.96);
  box-shadow:0 16px 40px rgba(67,38,24,.08);
  -webkit-backdrop-filter:blur(14px);
          backdrop-filter:blur(14px)
}

.menu-public-intro-copy{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:15px;
  padding:2px 3px 12px
}

.menu-public-eyebrow{
  color:var(--red);
  font-size:9px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.15em
}

.menu-public-intro-copy strong{
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
  font-weight:500;
  color:#4a3931
}

.public-body-premium .public-section-nav{
  position:sticky;
  top:10px;
  z-index:34;
  margin:0 0 12px;
  padding:6px;
  border:1px solid rgba(229,216,206,.96);
  border-radius:17px;
  background:rgba(255,252,249,.94);
  box-shadow:0 10px 26px rgba(67,38,24,.07);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px)
}

.public-body-premium.carta-public-scrolled .public-section-nav{
  top:66px
}

.public-body-premium .public-section-nav-track{
  gap:7px;
  padding-bottom:2px
}

.public-body-premium .public-section-nav a{
  padding:9px 13px;
  border:1px solid #eaded5;
  border-radius:999px;
  background:#fffaf7;
  color:#68554d;
  font-size:10px
}

.public-body-premium .public-section-nav a.active{
  border-color:var(--red);
  background:var(--red);
  color:#fff;
  box-shadow:0 6px 14px rgba(143,29,31,.15)
}

.public-body-premium .filter-shell{
  margin:0 0 26px;
  padding:7px 8px;
  border-radius:18px;
  background:#fff;
  border-color:#e9ddd4;
  box-shadow:0 8px 24px rgba(66,39,24,.045)
}

.public-body-premium .filter-bar button{
  min-height:35px;
  padding:0 13px;
  border:1px solid transparent;
  border-radius:999px;
  background:#f6f0eb;
  color:#685a52
}

.public-body-premium .filter-bar button.active{
  background:#2c241f;
  color:#fff
}

.public-body-premium .filter-note{
  padding:8px 7px 3px
}

.public-body-premium .public-menu-block{
  margin-bottom:40px
}

.public-body-premium .public-menu-heading{
  margin:0 0 15px;
  padding:0 2px
}

.public-body-premium .public-menu-heading:after{
  background:#ddcfc4
}

.public-body-premium .public-menu-heading span {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(40px, 4vw, 38px);
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.035em;
  text-transform: none;
  color: #741719;
}

.public-section-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:0 3px 12px
}

.public-body-premium .public-section h2{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(28px,4vw,38px);
  font-weight:500;
  letter-spacing:-.035em;
  color:#2e211c
}

.public-section-title-row>span{
  display:grid;
  place-items:center;
  min-width:28px;
  height:28px;
  padding:0 8px;
  border-radius:999px;
  background:#efe5dd;
  color:#806e64;
  font-size:9px;
  font-weight:900
}

.public-body-premium .public-section{
  margin-bottom:34px
}

.public-body-premium .dish-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px
}

.public-body-premium .dish-card{
  position:relative;
  min-height:142px;
  padding:11px;
  gap:13px;
  border:1px solid #e7d9ce;
  border-radius:22px;
  background:rgba(255,255,255,.97);
  box-shadow:0 9px 24px rgba(59,36,23,.045);
  overflow:hidden;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease
}

.public-body-premium .dish-card:hover,.public-body-premium .dish-card:focus-visible{
  transform:translateY(-2px);
  border-color:#d7c0b1;
  box-shadow:0 15px 34px rgba(59,36,23,.10)
}

.dish-media{
  position:relative;
  align-self:stretch;
  flex:0 0 132px;
  min-height:120px;
  overflow:hidden;
  border-radius:17px;
  background:#eee4dc
}

.public-body-premium .dish-image{
  width:100%;
  height:100%;
  min-height:120px;
  -o-object-fit:cover;
     object-fit:cover;
  border-radius:0;
  flex:0 0 auto;
  transition:transform .24s ease
}

.public-body-premium .dish-card:hover .dish-image,.public-body-premium .dish-card:focus-visible .dish-image{
  transform:scale(1.025)
}

.dish-media-action{
  position:absolute;
  right:8px;
  bottom:8px;
  width:28px;
  height:28px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.92);
  color:var(--red);
  font-size:13px;
  font-weight:950;
  box-shadow:0 4px 14px rgba(35,15,7,.15)
}

.public-body-premium .dish-content{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:4px 2px 2px
}

.public-body-premium .dish-title{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:9px
}

.public-body-premium .dish-title h3{
  font-family:Georgia,"Times New Roman",serif;
  font-size:19px;
  font-weight:600;
  line-height:1.08;
  letter-spacing:-.025em;
  color:#2e211c
}

.public-body-premium .dish-prices{
  gap:2px
}

.public-body-premium .dish-prices>span{
  justify-content:flex-end
}

.public-body-premium .dish-prices small{
  font-size:7px;
  color:#a08d82
}

.public-body-premium .dish-prices strong,.public-body-premium .dish-title>strong{
  font-size:14px;
  color:#86191c
}

.public-body-premium .dish-content p{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin:7px 0 9px;
  color:#74645b;
  font-size:11.5px;
  line-height:1.5
}

.public-body-premium .badges{
  margin-top:auto
}

.public-body-premium .badges span{
  padding:4px 7px;
  background:#f5efea;
  color:#6e5e55
}

.public-body-premium .badges .diet{
  background:#e7f2e7;
  color:#2f6544
}

.public-body-premium .dish-expand-hint{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:9px;
  color:#8b211f;
  font-size:9px;
  font-weight:900
}

.public-body-premium .dish-expand-hint b{
  font-size:12px;
  transition:transform .15s ease
}

.public-body-premium .dish-card:hover .dish-expand-hint b{
  transform:translateX(2px)
}

.public-body-premium .dish-card.no-image{
  min-height:126px
}

.public-body-premium .dish-card.no-image .dish-content{
  padding:8px
}

.public-body-premium .dish-dialog{
  width:min(calc(100% - 28px),760px);
  max-width:760px;
  border-radius:30px
}

.public-body-premium .dish-dialog-card{
  border-radius:30px
}

.public-body-premium .dish-dialog-image{
  height:min(54vh,430px)
}

.public-body-premium .dish-dialog-body{
  padding:28px 30px 32px
}

.public-body-premium .dish-dialog-kicker{
  font-size:9px;
  letter-spacing:.17em
}

.public-body-premium .dish-dialog-body h3{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(32px,5vw,46px);
  font-weight:500;
  letter-spacing:-.04em
}

.public-body-premium .dish-dialog-description{
  max-width:640px;
  color:#66564d;
  font-size:16px
}

.public-body-premium .dish-dialog-prices>div{
  border-radius:16px;
  background:#fff8f3
}

.public-body-premium .dish-dialog-prices strong{
  font-size:22px
}

.public-body-premium .public-empty{
  border-radius:24px;
  padding:38px
}

.public-body-premium .public-footer{
  margin-top:48px;
  padding:34px 10px 14px;
  border-top:1px solid #ddd0c7;
  gap:9px
}

.public-footer-mark{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  margin:0 auto 3px;
  border-radius:13px;
  background:var(--red);
  color:#fff;
  font-size:10px;
  font-weight:950;
  letter-spacing:.08em
}

.public-body-premium .public-footer>strong{
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
  font-weight:600
}

.public-body-premium .footer-brand{
  margin-top:4px
}

.public-body-premium .carta-scroll-top{
  background:#8f1d1f;
  color:#fff;
  border-color:#8f1d1f;
  box-shadow:0 12px 28px rgba(103,18,20,.22)
}

.public-body-premium .carta-scroll-top:before{
  background:rgba(255,255,255,.28)
}

.public-body-premium .carta-scroll-top:hover,.public-body-premium .carta-scroll-top:focus-visible{
  background:#721416;
  box-shadow:0 15px 34px rgba(103,18,20,.30)
}

@media(max-width:760px){
  .public-body-premium .public-hero-premium{
    min-height:0
  }

  .public-hero-inner{
    width:calc(100% - 28px);
    min-height:0;
    grid-template-columns:1fr;
    gap:24px;
    padding:82px 0 42px
  }

  .hero-copy-premium h1{
    font-size:clamp(45px,14vw,64px);
    max-width:520px
  }

  .hero-copy-premium .hero-lead{
    font-size:22px;
    max-width:460px
  }

  .public-hero-showcase{
    justify-self:stretch;
    width:100%;
    display:grid;
    grid-template-columns:132px 1fr;
    gap:14px;
    align-items:center;
    padding:10px;
    border-radius:24px;
    transform:none;
    background:rgba(255,255,255,.10)
  }

  .hero-dish-frame{
    aspect-ratio:1/1;
    border-radius:18px
  }

  .hero-dish-caption{
    position:static;
    display:block;
    padding:0 8px;
    color:#fff
  }

  .hero-dish-caption>span{
    display:block;
    margin-bottom:5px
  }

  .hero-dish-caption strong{
    display:block;
    margin-bottom:8px;
    font-size:19px;
    white-space:normal
  }

  .hero-dish-caption>div{
    font-size:16px
  }

  .public-body-premium .menu-public{
    width:calc(100% - 20px);
    margin-top:-18px
  }

  .menu-public-intro{
    padding:14px 12px 9px;
    border-radius:19px
  }

  .menu-public-intro-copy{
    padding:2px 3px 11px
  }

  .menu-public-intro-copy strong{
    font-size:14px
  }

  .public-body-premium .dish-list{
    grid-template-columns:1fr;
    gap:10px
  }

  .public-body-premium .dish-card{
    min-height:138px
  }

  .dish-media{
    flex-basis:126px;
    min-height:116px
  }

  .public-body-premium .dish-image{
    min-height:116px
  }

  .public-body-premium .public-section{
    margin-bottom:30px
  }

  .public-body-premium .public-section h2{
    font-size:31px
  }
}

@media(max-width:480px){
  .public-hero-premium .projects-access,.public-hero-premium .staff-access{
    top:max(10px,env(safe-area-inset-top))
  }

  .public-hero-inner{
    width:calc(100% - 22px);
    padding-top:68px;
    padding-bottom:34px;
    gap:18px
  }

  .hero-copy-premium .hero-kicker{
    font-size:8px;
    letter-spacing:.14em
  }

  .hero-copy-premium .hero-kicker:before{
    width:18px
  }

  .hero-copy-premium h1{
    margin-top:11px;
    font-size:clamp(40px,15vw,58px)
  }

  .hero-copy-premium .hero-lead{
    font-size:19px;
    margin-bottom:17px
  }

  .hero-menu-button{
    min-height:43px;
    padding:0 16px;
    font-size:11px
  }

  .hero-feature-chips{
    margin-top:15px;
    gap:5px
  }

  .hero-feature-chips span{
    min-height:26px;
    padding:0 8px;
    font-size:8px
  }

  .public-hero-showcase{
    grid-template-columns:104px 1fr;
    gap:10px;
    padding:8px;
    border-radius:20px
  }

  .hero-dish-frame{
    border-radius:14px
  }

  .hero-dish-caption{
    padding:0 5px
  }

  .hero-dish-caption strong{
    font-size:16px
  }

  .hero-dish-caption>div{
    font-size:14px
  }

  .public-body-premium .public-floating-header{
    width:calc(100% - 12px);
    height:47px
  }

  .public-body-premium .floating-restaurant-name{
    font-size:14px
  }

  .public-body-premium .menu-public{
    width:calc(100% - 14px);
    margin-top:-14px
  }

  .menu-public-intro{
    border-radius:17px
  }

  .menu-public-intro-copy{
    display:block
  }

  .menu-public-intro-copy strong{
    display:block;
    margin-top:3px;
    font-size:13px
  }

  .public-body-premium.carta-public-scrolled .public-section-nav{
    top:60px
  }

  .public-body-premium .public-section-nav a{
    padding:8px 11px;
    font-size:9px
  }

  .public-body-premium .filter-shell{
    border-radius:16px;
    margin-bottom:22px
  }

  .public-body-premium .filter-bar button{
    min-height:33px;
    padding:0 11px;
    font-size:9.5px
  }

  .public-body-premium .public-section h2{
    font-size:29px
  }

  .public-section-title-row{
    margin-bottom:10px
  }

  .public-body-premium .dish-card{
    min-height:126px;
    padding:8px;
    gap:10px;
    border-radius:18px
  }

  .dish-media{
    flex-basis:108px;
    min-height:108px;
    border-radius:14px
  }

  .public-body-premium .dish-image{
    min-height:108px
  }

  .dish-media-action{
    width:25px;
    height:25px;
    right:6px;
    bottom:6px;
    font-size:11px
  }

  .public-body-premium .dish-content{
    padding:3px 1px 1px
  }

  .public-body-premium .dish-title{
    gap:7px
  }

  .public-body-premium .dish-title h3{
    font-size:17px
  }

  .public-body-premium .dish-prices strong,.public-body-premium .dish-title>strong{
    font-size:12.5px
  }

  .public-body-premium .dish-prices small{
    font-size:6.5px
  }

  .public-body-premium .dish-content p{
    margin:6px 0 7px;
    font-size:10.5px;
    line-height:1.42;
    -webkit-line-clamp:2
  }

  .public-body-premium .badges{
    gap:3px
  }

  .public-body-premium .badges span{
    font-size:7px;
    padding:3px 5px
  }

  .public-body-premium .dish-expand-hint{
    margin-top:6px;
    font-size:8px
  }

  .public-body-premium .dish-dialog{
    width:calc(100% - 12px);
    border-radius:22px
  }

  .public-body-premium .dish-dialog-card{
    border-radius:22px
  }

  .public-body-premium .dish-dialog-image{
    height:min(43vh,310px)
  }

  .public-body-premium .dish-dialog-body{
    padding:20px 17px 23px
  }

  .public-body-premium .dish-dialog-body h3{
    font-size:31px
  }

  .public-body-premium .dish-dialog-description{
    font-size:14.5px
  }

  .public-body-premium .dish-dialog-close{
    top:9px;
    right:9px;
    width:36px;
    height:36px
  }

  .public-body-premium .public-footer{
    margin-top:38px
  }

  .public-body-premium .carta-scroll-top{
    right:10px
  }
}

@media(prefers-reduced-motion:reduce){
  .hero-menu-button,.public-body-premium .dish-card,.public-body-premium .dish-image,.public-body-premium .dish-expand-hint b{
    transition:none
  }
}

/* v10.7 · imagen destacada configurable desde el Dashboard */

.hero-config-card{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);
  gap:20px;
  margin:0 0 24px;
  padding:20px;
  border:1px solid var(--line);
  border-radius:22px;
  background:#fff;
  box-shadow:0 8px 24px rgba(55,32,22,.045)
}

.hero-config-copy h2{
  margin:5px 0 5px;
  font-size:25px;
  letter-spacing:-.03em
}

.hero-config-copy>p{
  margin:0 0 15px;
  color:var(--muted);
  font-size:12px;
  line-height:1.5
}

.hero-config-form{
  display:grid;
  gap:13px
}

.hero-mode-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px
}

.hero-mode-option{
  position:relative;
  display:flex;
  gap:9px;
  align-items:flex-start;
  padding:11px;
  border:1px solid #e8ddd5;
  border-radius:14px;
  background:#fcfaf8;
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease
}

.hero-mode-option:has(input:checked){
  border-color:#b2494b;
  background:#fff7f4;
  box-shadow:0 0 0 2px rgba(143,29,31,.07)
}

.hero-mode-option input{
  margin:3px 0 0;
  accent-color:var(--red)
}

.hero-mode-option span{
  display:grid;
  gap:2px
}

.hero-mode-option strong{
  font-size:12px;
  color:var(--ink)
}

.hero-mode-option small{
  font-size:9.5px;
  line-height:1.35;
  color:var(--muted)
}

.hero-mode-option.is-disabled{
  opacity:.5;
  cursor:not-allowed
}

.hero-config-extra{
  padding:12px;
  border:1px solid #eee3dc;
  border-radius:14px;
  background:#faf7f4
}

.hero-config-extra[hidden]{
  display:none
}

.hero-config-extra label{
  display:grid;
  gap:6px;
  color:var(--muted);
  font-size:10px;
  font-weight:800
}

.hero-config-extra select,.hero-config-extra input[type=file]{
  width:100%;
  padding:10px 11px;
  border:1px solid #ddd0c7;
  border-radius:11px;
  background:#fff;
  color:var(--ink);
  font:inherit
}

.hero-config-extra .muted{
  display:block;
  margin-top:7px;
  font-size:9.5px
}

.hero-config-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap
}

.hero-config-preview{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0
}

.hero-config-preview>span{
  color:var(--muted);
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.11em
}

.hero-config-preview>strong{
  font-family:Georgia,"Times New Roman",serif;
  font-size:15px;
  font-weight:600;
  line-height:1.25
}

.hero-preview-frame{
  position:relative;
  overflow:hidden;
  width:100%;
  aspect-ratio:4/3;
  border-radius:18px;
  background:#f2e9e2;
  border:1px solid #e7dad1
}

.hero-preview-frame img{
  display:block;
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover
}

.hero-preview-frame.is-empty{
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#f6efea,#eee1d7)
}

.hero-preview-empty{
  color:#9a8579;
  font-size:11px;
  font-weight:800
}

.public-hero-premium.without-showcase .public-hero-inner{
  grid-template-columns:minmax(0,760px);
  justify-content:start
}

.public-hero-premium.without-showcase .hero-copy-premium{
  max-width:760px
}

.public-hero-showcase.is-custom-image .hero-dish-caption{
  grid-template-columns:1fr
}

.public-hero-showcase.is-custom-image .hero-dish-caption strong{
  white-space:normal
}

.public-hero-showcase.is-custom-image .hero-dish-frame{
  aspect-ratio:4/3
}

@media(max-width:760px){
  .hero-config-card{
    grid-template-columns:1fr;
    padding:16px
  }

  .hero-config-preview{
    order:-1
  }

  .hero-preview-frame{
    aspect-ratio:16/8
  }

  .hero-mode-grid{
    grid-template-columns:1fr 1fr
  }

  .public-hero-premium.without-showcase .public-hero-inner{
    grid-template-columns:1fr
  }

  .public-hero-showcase.is-custom-image .hero-dish-frame{
    aspect-ratio:1/1
  }
}

@media(max-width:480px){
  .hero-config-card{
    padding:13px;
    border-radius:18px
  }

  .hero-mode-grid{
    grid-template-columns:1fr
  }

  .hero-config-actions{
    display:grid;
    grid-template-columns:1fr 1fr
  }

  .hero-config-actions .button{
    justify-content:center
  }

  .hero-preview-frame{
    aspect-ratio:16/9
  }
}

/* v10.8 · transición limpia entre portada y carta pública */

.public-body-premium .menu-public{
  margin:18px auto 0;
}

.public-body-premium .public-section-nav{
  margin-top:0;
}

@media(max-width:760px){
  .public-body-premium .menu-public{
    margin-top:12px;
  }
}

@media(max-width:480px){
  .public-body-premium .menu-public{
    margin-top:10px;
  }
}

/* Standalone · controles de sesión */

.top-logout-form{
  margin:0
}

.top-link-button{
  border:0;
  background:transparent;
  cursor:pointer;
  font:inherit
}

.bottom-nav-form{
  margin:0;
  display:block
}

.bottom-nav-form button{
  width:100%;
  height:100%;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  cursor:pointer
}

.bottom-nav-form button span{
  font-size:18px
}

.bottom-nav-form button small{
  font-size:9px
}

/* Independiente v1.0 · visibilidad de platos y salida segura de edición */

.admin-item.is-hidden{
  opacity:.72;
  background:#f8f5f2
}

.admin-item.is-hidden img{
  filter:grayscale(.45)
}

.item-visibility-form{
  display:inline
}

.item-actions .item-visibility-toggle{
  display:inline-flex;
  align-items:center;
  gap:5px;
  border:1px solid #ddd1c8;
  background:#fff;
  padding:4px 7px;
  border-radius:999px;
  font-size:10px;
  font-weight:850;
  line-height:1;
  color:#6b625d
}

.item-actions .item-visibility-toggle.is-on{
  color:#246747;
  background:#f1faf5;
  border-color:#cfe8d9
}

.item-actions .item-visibility-toggle.is-off{
  color:#655d58;
  background:#f3efec
}

.item-actions .item-visibility-toggle .status-dot{
  width:7px;
  height:7px
}

.form-end-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center
}

.form-end-actions .button{
  margin:0
}

.cancel-link{
  text-decoration:none
}

.visibility-help{
  margin-top:-4px
}

.delete-zone{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center
}

.delete-zone .help{
  max-width:520px
}

@media(max-width:520px){
  .form-end-actions{
    display:grid;
    grid-template-columns:1fr
  }

  .form-end-actions .button{
    text-align:center;
    justify-content:center
  }

  .delete-zone{
    display:grid
  }

  .item-actions{
    gap:10px;
    flex-wrap:wrap
  }
}

/* Public availability: sold-out dishes stay visible to customers */

.public-body-premium .dish-card.is-sold-out{
  background:#fff9f8;
  border-color:#e7c8c3;
  box-shadow:0 7px 20px rgba(120,35,28,.045)
}

.public-body-premium .dish-card.is-sold-out .dish-image{
  filter:saturate(.45);
  opacity:.68
}

.public-body-premium .dish-card.is-sold-out .dish-title h3,.public-body-premium .dish-card.is-sold-out .dish-content p{
  color:#796c66
}

.public-body-premium .badges .public-soldout-badge,.public-body-premium .dish-dialog-badges .public-soldout-badge{
  background:#fde5e2;
  color:#a62920;
  border:1px solid #f4c9c4;
  font-weight:950
}

.public-body-premium .dish-card.is-sold-out .dish-expand-hint{
  color:#9a6f69
}

/* Superadmin */

.superadmin-hero{
  background:linear-gradient(135deg,#731719,#a52d2d);
  color:#fff;
  border-radius:24px;
  padding:24px;
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:end;
  margin-bottom:18px
}

.superadmin-hero h1{
  margin:.15rem 0;
  font-size:clamp(2rem,7vw,3.4rem)
}

.superadmin-hero p{
  margin:0;
  opacity:.82
}

.superadmin-kpi{
  min-width:110px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  border-radius:18px;
  padding:14px;
  text-align:center
}

.superadmin-kpi strong{
  display:block;
  font-size:2rem
}

.superadmin-kpi span{
  font-size:.8rem;
  opacity:.82
}

.superadmin-card{
  background:#fff;
  border:1px solid #eadfda;
  border-radius:22px;
  padding:18px;
  box-shadow:0 10px 30px rgba(68,34,25,.06)
}

.section-title-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:14px
}

.section-title-row h2{
  margin:.15rem 0 0
}

.superadmin-list{
  display:grid;
  gap:12px
}

.superadmin-restaurant{
  border:1px solid #eee3df;
  border-radius:18px;
  padding:14px;
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center
}

.superadmin-main{
  display:flex;
  gap:12px;
  align-items:center;
  min-width:0
}

.superadmin-avatar{
  width:44px;
  height:44px;
  border-radius:14px;
  background:#f6e8e1;
  color:#8f1d1f;
  display:grid;
  place-items:center;
  font-weight:800;
  font-size:1.15rem;
  flex:0 0 auto
}

.superadmin-main small{
  display:block;
  color:#786b66;
  margin-top:3px
}

.superadmin-name-row{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap
}

.status-chip{
  font-size:.72rem;
  padding:4px 8px;
  border-radius:999px;
  font-weight:700
}

.status-chip.is-on{
  background:#e8f5eb;
  color:#226c35
}

.status-chip.is-off{
  background:#f3eeee;
  color:#7d6d6d
}

.superadmin-actions{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-end
}

.owner-access{
  position:relative
}

.owner-access summary{
  cursor:pointer;
  font-weight:700;
  font-size:.86rem;
  padding:7px 10px;
  border:1px solid #dfd4cf;
  border-radius:10px;
  list-style:none
}

.owner-access[open] .mini-stack{
  position:absolute;
  right:0;
  top:42px;
  width:min(320px,82vw);
  z-index:20;
  background:#fff;
  padding:14px;
  border:1px solid #ded1cc;
  border-radius:16px;
  box-shadow:0 16px 45px rgba(0,0,0,.14)
}

.danger-outline{
  border-color:#e5b9b9;
  color:#a52d2d;
  background:#fff
}

.admin-dialog{
  border:0;
  padding:0;
  border-radius:20px;
  width:min(520px,92vw);
  box-shadow:0 24px 80px rgba(0,0,0,.25)
}

.admin-dialog::backdrop{
  background:rgba(30,15,12,.55)
}

.dialog-card{
  padding:20px;
  display:grid;
  gap:14px
}

.dialog-head{
  display:flex;
  justify-content:space-between;
  align-items:start
}

.dialog-head h2{
  margin:.15rem 0
}

.dialog-close{
  border:0;
  background:#f2ece9;
  border-radius:50%;
  width:34px;
  height:34px;
  font-size:1.35rem;
  cursor:pointer
}

.dialog-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px
}

.superadmin-context{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  background:#251b18;
  color:#fff;
  padding:10px 14px;
  border-radius:14px;
  margin-bottom:12px;
  font-size:.84rem
}

.superadmin-context a{
  color:#fff;
  text-decoration:underline;
  text-underline-offset:3px
}

@media(max-width:720px){
  .superadmin-hero{
    align-items:start
  }

  .superadmin-kpi{
    min-width:86px
  }

  .section-title-row{
    align-items:flex-start
  }

  .superadmin-restaurant{
    align-items:flex-start;
    flex-direction:column
  }

  .superadmin-actions{
    justify-content:flex-start;
    width:100%
  }

  .owner-access[open] .mini-stack{
    position:fixed;
    left:12px;
    right:12px;
    bottom:12px;
    top:auto;
    width:auto;
    max-height:72vh;
    overflow:auto
  }

  .superadmin-context{
    align-items:flex-start;
    flex-direction:column
  }
}

/* v1.1.1 · forms + superadmin polish (Node/Vite-free build) */

.staff-login-form input[type=text],.staff-login-form input[type=email],.staff-login-form input[type=password]{
  width:100%;
  height:46px;
  border:1px solid #ddd3cb;
  border-radius:12px;
  padding:0 13px;
  background:#fff;
  font:inherit;
  color:var(--ink);
  outline:none
}

.dialog-card>label,.owner-access .mini-stack>label{
  display:grid;
  gap:6px;
  font-size:12px;
  font-weight:800;
  color:#5c514b
}

.dialog-card input,.dialog-card select,.dialog-card textarea,.owner-access .mini-stack input{
  width:100%;
  min-height:44px;
  border:1px solid #dcd3cc;
  border-radius:12px;
  padding:10px 12px;
  background:#fff;
  color:var(--ink);
  outline:none;
  font:inherit
}

.dialog-card input:focus,.owner-access .mini-stack input:focus{
  border-color:#bd746b;
  box-shadow:0 0 0 3px rgba(143,29,31,.08)
}

.dialog-card label small,.owner-access label small{
  font-weight:600;
  color:var(--muted)
}

.admin-dialog{
  overflow:visible;
  background:transparent
}

.admin-dialog .dialog-card{
  background:#fff;
  border-radius:20px
}

@media(max-width:520px){
  .admin-dialog{
    width:calc(100% - 20px)
  }

  .dialog-card{
    padding:17px
  }

  .dialog-actions{
    display:grid;
    grid-template-columns:1fr 1fr
  }

  .dialog-actions .button{
    width:100%
  }
}

/* Carta Bar QR v1.2 · apariencia personalizable por restaurante */

.appearance-settings{
  gap:20px
}

.settings-section{
  display:grid;
  gap:15px;
  padding-bottom:20px;
  border-bottom:1px solid var(--line)
}

.settings-section:last-of-type{
  border-bottom:0;
  padding-bottom:0
}

.settings-section-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start
}

.settings-section-head h2{
  margin:3px 0 0;
  font-size:22px;
  letter-spacing:-.025em
}

.theme-picker{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px
}

.theme-option{
  position:relative;
  display:grid!important;
  gap:7px!important;
  padding:10px;
  border:1px solid var(--line);
  border-radius:17px;
  background:#fff;
  cursor:pointer;
  font-weight:700!important
}

.theme-option input{
  position:absolute!important;
  opacity:0;
  width:1px!important;
  height:1px!important
}

.theme-option:has(input:checked){
  border-color:var(--red);
  box-shadow:0 0 0 2px rgba(143,29,31,.10)
}

.theme-option-demo{
  height:74px;
  border-radius:12px;
  padding:10px;
  display:grid;
  align-content:center;
  gap:6px;
  overflow:hidden
}

.theme-option-demo b{
  font-size:20px
}

.theme-option-demo i{
  display:block;
  height:5px;
  border-radius:999px;
  width:80%;
  background:currentColor;
  opacity:.2
}

.theme-option-demo i:last-child{
  width:55%
}

.theme-option strong{
  font-size:13px
}

.theme-option small{
  font-size:10px;
  line-height:1.35;
  color:var(--muted);
  font-weight:550
}

.theme-preview-classic .theme-option-demo{
  background:#fbf4e8;
  color:#6f1d1b;
  font-family:Georgia,serif
}

.theme-preview-modern .theme-option-demo{
  background:#f7f8fa;
  color:#17202a
}

.theme-preview-tavern .theme-option-demo{
  background:linear-gradient(135deg,#e8d2ad,#c89657);
  color:#532f19;
  font-family:Georgia,serif
}

.theme-preview-dark .theme-option-demo{
  background:#23201f;
  color:#e6b64a
}

.appearance-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px
}

.color-field>div{
  display:flex;
  align-items:center;
  gap:9px
}

.color-field input[type=color]{
  width:48px!important;
  height:42px;
  padding:3px;
  border-radius:10px;
  cursor:pointer
}

.color-field code{
  font-size:11px;
  color:var(--muted);
  font-weight:650
}

.appearance-check{
  align-self:end;
  min-height:46px;
  padding:0 12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#faf7f4
}

.appearance-media-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px
}

.appearance-media-card{
  display:grid;
  gap:9px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:17px;
  background:#fcfaf8
}

.appearance-media-card>strong{
  font-size:14px
}

.appearance-media-card input[type=file]{
  font-size:11px;
  padding:10px;
  background:#fff
}

.appearance-current-logo{
  width:92px;
  height:72px;
  -o-object-fit:contain;
     object-fit:contain;
  border-radius:12px;
  border:1px solid var(--line);
  background:#fff;
  padding:6px
}

.appearance-current-bg{
  height:92px;
  border-radius:12px;
  background-size:cover;
  background-position:center;
  border:1px solid var(--line)
}

.danger-check{
  color:#9d332e
}

.settings-savebar{
  position:sticky;
  bottom:10px;
  z-index:8;
  display:flex;
  justify-content:flex-end;
  padding:10px;
  border-radius:17px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(232,223,216,.9);
  -webkit-backdrop-filter:blur(10px);
          backdrop-filter:blur(10px)
}

@media(max-width:760px){
  .theme-picker{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .appearance-grid,.appearance-media-grid{
    grid-template-columns:1fr
  }

  .settings-savebar .button{
    width:100%
  }
}

/* Temas públicos: identidad editable sin sacrificar legibilidad */

.public-body{
  --public-primary:var(--restaurant-primary,#8f1d1f);
  --public-accent:var(--restaurant-accent,#d6a44b);
  --public-page:#fbf7f2;
  --public-card:#fff;
  --public-ink:#211b18;
  --public-muted:#71645d;
  --public-line:#eadfd7;
  --public-overlay:rgba(255,250,245,.92);
  color:var(--public-ink);
  background:var(--public-page)
}

.public-body .menu-public{
  background-image:linear-gradient(var(--public-overlay),var(--public-overlay)),var(--restaurant-background,url('/assets/carta-bar-qr/brand/background.webp'));
  background-size:auto,cover;
  background-position:center,center top;
  background-repeat:no-repeat,no-repeat
}

.public-body .dish-card,.public-body .filter-shell,.public-body .public-empty{
  background:color-mix(in srgb,var(--public-card) 97%,transparent);
  border-color:var(--public-line)
}

.public-body .dish-title strong,.public-body .dish-prices strong,.public-body .dish-dialog-prices strong,.public-body .dish-dialog-kicker{
  color:var(--public-primary)
}

.public-body .filter-bar button.active,.public-body .hero-menu-button{
  background:var(--public-primary);
  border-color:var(--public-primary);
  color:#fff
}

.public-body .hero-feature-chips span,.public-body .badges .diet{
  border-color:color-mix(in srgb,var(--public-accent) 45%,#fff);
  background:color-mix(in srgb,var(--public-accent) 18%,#fff)
}

.public-restaurant-logo{
  display:block;
  max-width:116px;
  max-height:68px;
  -o-object-fit:contain;
     object-fit:contain;
  margin-bottom:13px;
  border-radius:12px;
  background:rgba(255,255,255,.9);
  padding:6px;
  box-shadow:0 8px 24px rgba(0,0,0,.12)
}

.theme-classic{
  --public-page:#fbf5eb;
  --public-card:#fffdf8;
  --public-ink:#2b2019;
  --public-muted:#76685e;
  --public-line:#e8dacb;
  --public-overlay:rgba(251,245,235,.92)
}

.theme-classic .public-section h2,.theme-classic .public-menu-heading,.theme-classic .dish-title h3{
  font-family:Georgia,"Times New Roman",serif
}

.theme-classic .public-section h2{
  letter-spacing:-.02em
}

.theme-modern{
  --public-page:#f5f7f9;
  --public-card:#fff;
  --public-ink:#131820;
  --public-muted:#66707b;
  --public-line:#e2e7ec;
  --public-overlay:rgba(247,249,251,.94)
}

.theme-modern .dish-card{
  border-radius:14px;
  box-shadow:0 5px 18px rgba(20,28,38,.045)
}

.theme-modern .public-menu-heading{
  letter-spacing:.13em
}

.theme-tavern{
  --public-page:#eee1cb;
  --public-card:#fffaf0;
  --public-ink:#3b281c;
  --public-muted:#785f4b;
  --public-line:#d9c2a5;
  --public-overlay:rgba(239,226,204,.88)
}

.theme-tavern .public-section h2,.theme-tavern .dish-title h3{
  font-family:Georgia,"Times New Roman",serif
}

.theme-tavern .dish-card{
  border-radius:10px;
  box-shadow:0 5px 13px rgba(79,47,26,.07)
}

.theme-dark{
  --public-page:#171615;
  --public-card:#24211f;
  --public-ink:#f7f1eb;
  --public-muted:#c4b8ae;
  --public-line:#3d3733;
  --public-overlay:rgba(23,22,21,.91)
}

.theme-dark .menu-public{
  color:var(--public-ink)
}

.theme-dark .dish-card,.theme-dark .filter-shell,.theme-dark .public-empty{
  background:rgba(36,33,31,.97);
  color:var(--public-ink)
}

.theme-dark .dish-content p,.theme-dark .filter-note,.theme-dark .public-footer,.theme-dark .dish-expand-hint{
  color:var(--public-muted)
}

.theme-dark .public-section h2,.theme-dark .public-menu-heading{
  text-shadow:none;
  color:var(--public-ink)
}

.theme-dark .filter-bar button{
  background:#302c29;
  color:#eee6df;
  border-color:#4a433e
}

.theme-dark .badges span{
  background:#37322e;
  color:#e8ddd5
}

.theme-dark .dish-dialog-card{
  background:#24211f;
  color:#f7f1eb
}

.theme-dark .dish-dialog-description{
  color:#c7bbb2
}

.theme-dark .dish-dialog-prices>div{
  background:#2e2926;
  border-color:#443c37
}

.theme-dark .dish-dialog-badges span{
  background:#38312d;
  color:#eee3dc
}

.density-compact .dish-card{
  padding:8px
}

.density-compact .dish-image{
  width:72px;
  height:72px;
  flex-basis:72px
}

.density-compact .dish-content p{
  margin-top:2px;
  margin-bottom:4px
}

.density-compact .dish-list{
  gap:7px
}

.density-compact .public-section{
  margin-bottom:17px
}

.theme-classic .public-hero{
  background:linear-gradient(135deg,color-mix(in srgb,var(--public-primary) 92%,#4e1012),var(--public-primary))
}

.theme-modern .public-hero{
  background:linear-gradient(135deg,var(--public-primary),color-mix(in srgb,var(--public-primary) 65%,#111827))
}

.theme-tavern .public-hero{
  background:linear-gradient(135deg,#5a321f,var(--public-primary))
}

.theme-dark .public-hero{
  background:linear-gradient(135deg,#111,#292523)
}

.theme-dark .hero-menu-button{
  background:var(--public-accent);
  border-color:var(--public-accent);
  color:#1d1917
}

.theme-dark .hero-feature-chips span{
  background:rgba(255,255,255,.09);
  color:#f5ede7;
  border-color:rgba(255,255,255,.15)
}

/* Appearance reset · Carta Bar QR v1.3 */

.appearance-reset-box{
  margin-top:18px;
  padding:16px;
  border:1px dashed #d7c9bd;
  border-radius:16px;
  background:#fffaf5;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px
}

.appearance-reset-box strong{
  display:block;
  margin-bottom:4px
}

.appearance-reset-box p{
  margin:0;
  max-width:680px;
  line-height:1.5
}

.appearance-reset-button{
  white-space:nowrap
}

@media(max-width:680px){
  .appearance-reset-box{
    align-items:stretch;
    flex-direction:column
  }

  .appearance-reset-button{
    width:100%
  }
}