/* Functional layouts live in espace.css/admin.css; shared identity lives here. */
body { background: #fafafa; color: var(--ink); }
button, input, textarea, select { font-family: var(--body); }
.sidebar, .admin-sidebar { padding-top: 0; border-color: var(--line); }
.sidebar > .brand, .admin-sidebar > .brand { justify-content: center; width: 100%; min-height: 75px; padding: 16px; border-radius: 0 0 23px 23px; background: #050505; }
.brand-logo { width: 126px; border-radius: 6px; }
.restaurant-switcher { margin-top: 30px; border-radius: 16px; background: #fafafa; }
.switcher-avatar, .profile-avatar { color: var(--red-dark); background: #fff0e9; font-weight: 500; }
.workspace-nav { gap: 7px; }
.nav-item, .nav-link { min-height: 47px; border-radius: 13px; color: #666; font-weight: 500; }
.nav-item:hover, .nav-link:hover { background: #f5f5f5; color: var(--ink); }
.nav-item.is-active, .nav-link.is-active { color: white; background: #050505; font-weight: 500; }
.nav-link.is-active span { color: white; }
.nav-icon { font-weight: 400; }
.sidebar-bottom, .sidebar-bottom p { border-color: var(--line); }
.sidebar-help, .back-link, .sign-out { color: #666; }
.help-mark { border-color: var(--line); }
.workspace, .admin-main { background: linear-gradient(180deg, #fbedE7 0, #fafafa 350px); }
.workspace-topbar, .topbar { border-color: #e8e8e8; background: #ffffffed; }
.workspace-label, .topbar { color: #777; font-weight: 500; }
.profile-chip { min-width: 0; }
.profile-chip > span:not(.profile-avatar) { max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.profile-signout { padding: 8px 11px; border-radius: 9px; font-weight: 500; }
.workspace-content { padding-top: 46px; }
.page-title-row { align-items: start; gap: 20px; margin-bottom: 35px; }
.eyebrow, .section-kicker, .detail-kicker { color: var(--red-dark); font-size: 10px; font-weight: 500; letter-spacing: .12em; }
.page-title-row h1, .page-heading h1 { margin: 12px 0 7px; font-size: clamp(38px, 4.5vw, 52px); font-weight: 700; letter-spacing: -.055em; line-height: 1.03; }
.page-intro { max-width: 590px; color: #656565; font-size: 15px; line-height: 1.6; }
.save-state { margin-top: 40px; color: #777; font-size: 11px; white-space: normal; line-height: 1.5; }
.save-state i { flex: 0 0 7px; width: 7px; height: 7px; }
.button { min-height: 45px; gap: 10px; padding: 12px 18px; border-radius: 14px; font-size: 13px; font-weight: 500; line-height: 1.4; }
.button-dark { background: #050505; color: white; }
.button-dark:hover { background: #292929; }
.button-light { border: 1px solid #e0e0e0; color: var(--ink); background: #fff; }
.button-light:hover { background: #f8f8f8; border-color: #c7c7c7; }
.panel-card, .requests-panel { border: 1px solid var(--line); border-radius: 22px; background: white; }
.publish-banner { gap: 14px; padding: 20px; border: 1px solid #eadbd5; border-radius: 19px; background: #fff9f6; }
.publish-banner strong { font-weight: 600; }
.publish-banner p { color: #777; line-height: 1.5; }
.publish-icon { color: var(--red-dark); background: #fce7de; }
.publish-banner.is-published { background: #f6faf7; border-color: #dce8df; }
.content-grid { gap: 22px; }
.menu-card, .profile-form { padding: 26px; }
.card-heading { align-items: center; gap: 18px; }
.card-heading h2, .settings-card-heading h2, .settings-help-card h2, .panel-heading h2 { margin-top: 9px; font-size: 25px; font-weight: 600; letter-spacing: -.045em; }
.category-head { min-height: 51px; padding: 10px 14px; background: #f7f7f7; }
.category-head h3 { font-size: 15px; font-weight: 500; }
.category-block { border-color: var(--line); border-radius: 14px; }
.dish-row { min-height: 80px; padding: 15px 14px 11px; border-color: #ededed; }
.dish-copy strong { font-weight: 500; letter-spacing: -.02em; }
.dish-copy small { color: #777; }
.dish-thumbnail { width: 54px; height: 54px; flex-basis: 54px; border-radius: 11px; }
.dish-price { font-weight: 500; }
.icon-button { color: #777; border-radius: 8px; }
.icon-button:hover { color: var(--red-dark); background: #fff0e9; }
.dish-controls { margin-top: 2px; gap: 4px; }
.dish-controls .icon-button { width: 32px; height: 32px; }
.availability { font-size: 11px; }
.note-card { background: #f7f7f7; border-color: transparent; }
.note-card p { color: #777; line-height: 1.6; }
.summary-card, .quick-card { padding: 22px; }
.summary-preview { padding: 25px 12px 20px; border: 0; border-radius: 16px; background: linear-gradient(180deg, #fde8df, #fafafa); }
.summary-monogram { width: 48px; height: 48px; margin-bottom: 16px; border-radius: 50%; background: #050505; font-family: var(--serif); font-style: italic; font-size: 30px; font-weight: 400; }
.summary-preview h3 { margin-top: 15px; font-family: var(--serif); font-style: italic; font-size: 30px; font-weight: 400; letter-spacing: -.025em; line-height: 1.1; overflow-wrap: anywhere; }
.summary-preview > p { line-height: 1.5; color: #777; }
.text-action { color: var(--ink); font-weight: 500; }
.text-action:hover { color: var(--red-dark); }
.quick-stat strong { font-size: 50px; font-weight: 500; letter-spacing: -.06em; }
.field { gap: 9px; color: #333; font-size: 13px; font-weight: 500; }
.field input, .field select, .field textarea { min-height: 49px; padding: 12px 14px; border-color: #dedede; border-radius: 11px; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--red); outline: 2px solid #f33b0818; outline-offset: 1px; }
.field small, .form-footnote, .photo-help { color: #777; }
.settings-card { padding: 26px; }
.settings-card-heading p, .settings-help-card p { font-size: 14px; }
.settings-form .button { white-space: normal; }
.settings-password-control { border-color: #dedede; border-radius: 11px; }
.settings-password-control input { min-height: 47px; }
.settings-password-control button { font-weight: 500; }
.settings-divider { background: var(--line); }
.account-email-field input { background: #f7f7f7; }
.backup-card { padding: 25px; }
.backup-card h2 { font-size: 24px; font-weight: 600; letter-spacing: -.04em; }
.share-copy { padding: 30px; }
.share-copy h2 { font-size: clamp(38px, 4vw, 50px); line-height: 1; }
.share-copy > p { margin-top: 22px; color: #777; font-size: 15px; }
.share-status { border-color: var(--line); background: #fafafa; color: #777; border-radius: 12px; }
.share-url-row { border-color: var(--line); border-radius: 12px; }
.copy-button { border-color: #ddd; border-radius: 7px; font-weight: 500; }
.qr-preview-card { border: 0; border-radius: 24px; background: #f0f0f0; }
.qr-paper { gap: 15px; padding: 28px 22px; border-radius: 20px; box-shadow: 0 10px 35px #00000008; }
.qr-restaurant { font-family: var(--serif); font-style: italic; font-size: 28px; font-weight: 400; white-space: normal; overflow-wrap: anywhere; line-height: 1.05; }
.qr-brand-logo { border-radius: 6px; }
.qr-paper > p, .print-tip { color: #777; font-weight: 400; }
.edit-dialog, .detail-dialog, .confirm-dialog { border-color: var(--line); border-radius: 24px; color: var(--ink); box-shadow: 0 22px 85px #00000024; }
.edit-dialog::backdrop, .detail-dialog::backdrop, .confirm-dialog::backdrop { background: #0007; backdrop-filter: blur(4px); }
.edit-dialog form { gap: 20px; padding: 28px; }
.dialog-heading h2, .detail-dialog h2, .confirm-dialog h2 { font-size: 30px; font-weight: 600; letter-spacing: -.05em; }
.dialog-close { color: #666; background: #f3f3f3; }
.workspace-footer { border-color: var(--line); color: #777; }
.admin-label { margin-top: 35px; color: #888; font-weight: 500; }
.content { margin-top: 44px; }
.page-heading { align-items: center; margin-bottom: 32px; }
.page-heading h1 { font-size: 48px; }
.page-heading .subtitle { max-width: 510px; font-size: 14px; line-height: 1.6; }
.stats-grid { gap: 18px; margin-bottom: 26px; }
.stat-card { gap: 12px; padding: 24px; border-color: var(--line); border-radius: 20px; }
.stat-card > span { font-weight: 500; }
.stat-card strong { font-size: 46px; font-weight: 500; }
.stat-card small { color: #777; }
.stat-total { border-color: #050505; background: #050505; color: #fff; }
.stat-total > span, .stat-total small { color: #c4c4c4; }
.panel-heading { padding: 26px 26px 20px; }
.search-box { height: 45px; border-color: #dedede; border-radius: 12px; }
.status-tabs { gap: 8px; padding: 0 26px 18px; border-color: var(--line); }
.status-tab { min-height: 40px; padding: 10px 14px; border: 1px solid transparent; border-radius: 25px; color: #666; font-weight: 500; }
.status-tab.is-active { border-color: #e5e5e5; color: var(--ink); background: #f4f4f4; }
.status-tab span { color: #888; }
.request-row { grid-template-columns: minmax(150px, 1.4fr) minmax(100px, 1fr) 105px auto 12px; padding: 22px 26px; }
.request-row:hover { background: #fafafa; }
.restaurant-name { font-weight: 500; font-size: 15px; }
.restaurant-meta { color: #777; line-height: 1.5; }
.contact-cell { color: #666; }
.detail-dialog { border-radius: 24px 0 0 24px; padding: 32px; }
.detail-fields { margin-top: 28px; }
.detail-field { padding: 16px 0; }
.detail-field dt { color: #777; font-weight: 500; }
.detail-actions .button { white-space: normal; }
.privacy-note { color: #777; }
button:focus-visible, a:focus-visible, [role="button"]:focus-visible { outline: 3px solid var(--red); outline-offset: 4px; }
@media (max-width: 1100px) and (min-width: 761px) {
  .content-grid { grid-template-columns: minmax(0, 1fr); }
  .side-column { grid-template-columns: 1fr 1fr; }
  .card-heading { flex-wrap: wrap; }
  .settings-grid, .share-layout { grid-template-columns: minmax(0, 1fr); }
  .save-state { max-width: 160px; }
}
@media (max-width: 960px) {
  .request-row { grid-template-columns: minmax(0, 1fr) 100px auto; gap: 12px; padding: 18px; }
  .request-row .contact-cell, .request-row .row-arrow { display: none; }
  .stat-card { padding: 20px; }
  .page-heading h1 { font-size: 42px; }
}
@media (max-width: 760px) {
  .sidebar { position: fixed; top: auto; bottom: 0; left: 0; right: 0; z-index: 8; padding: 10px 12px max(10px, env(safe-area-inset-bottom)); border: 0; border-top: 1px solid var(--line); background: white; }
  .sidebar > .brand { display: none; }
  .workspace-nav { gap: 5px; margin: 0; }
  .nav-item { display: flex; flex: 1; flex-direction: column; justify-content: center; gap: 5px; min-height: 50px; padding: 6px 2px; border-radius: 12px; font-size: 10px; }
  .nav-icon { font-size: 18px; line-height: 1; }
  .workspace { padding-bottom: 85px; }
  .workspace-topbar { width: calc(100% - 32px); height: 63px; gap: 12px; margin: 0 auto; padding: 0 12px; border: 0; border-radius: 0 0 20px 20px; color: white; background: #050505; }
  .mobile-brand-logo { width: 100px; border-radius: 5px; }
  .profile-avatar { display: none; }
  .profile-chip > span:not(.profile-avatar) { display: none; }
  .profile-signout { border-color: #444; color: white; background: transparent; font-size: 10px; }
  .workspace-content { padding: 34px 20px 0; }
  .page-title-row { margin-bottom: 24px; }
  .page-title-row h1 { font-size: 42px; }
  .page-intro { font-size: 14px; }
  .save-state { margin-top: 14px; font-size: 11px; }
  .publish-banner { gap: 12px; padding: 18px; }
  .publish-banner > div:nth-child(2) { flex: 1 1 calc(100% - 54px); }
  .publish-banner .button { margin-top: 6px; }
  .content-grid, .share-layout { gap: 18px; }
  .menu-card, .profile-form, .settings-card { padding: 21px; }
  .card-heading { flex-wrap: wrap; gap: 15px; }
  .card-heading h2 { font-size: 25px; }
  .card-heading .button { min-height: 42px; padding: 10px 14px; }
  .side-column { grid-template-columns: minmax(0, 1fr); }
  .summary-card, .quick-card { padding: 22px; }
  .quick-stat { display: flex; align-items: center; }
  .quick-stat span { font-size: 13px; }
  .settings-grid { gap: 18px; }
  .settings-card-heading h2, .settings-help-card h2 { font-size: 24px; }
  .share-copy { padding: 23px; }
  .share-copy h2 { font-size: 43px; }
  .qr-preview-card { padding: 25px 15px; }
  .edit-dialog form { padding: 25px 21px; }
  .dialog-actions { flex-wrap: wrap; }
  .workspace-footer { gap: 16px; padding: 28px 0; line-height: 1.5; }
}
@media (max-width: 640px) {
  .admin-sidebar { padding: 0 16px; height: 68px; }
  .admin-sidebar > .brand { width: auto; min-height: 68px; padding: 14px; border-radius: 0 0 17px 17px; }
  .admin-sidebar .brand-logo { width: 108px; }
  .admin-main .topbar { gap: 15px; font-size: 9px; }
  .identity { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
  .content { width: calc(100% - 36px); margin-top: 30px; }
  .page-heading h1 { font-size: 43px; }
  .page-heading .subtitle { font-size: 13px; }
  .page-heading > .button { min-width: 42px; }
  .stats-grid { gap: 9px; }
  .stat-card { gap: 8px; padding: 17px 12px; border-radius: 16px; }
  .stat-card strong { font-size: 34px; }
  .panel-heading { padding: 22px 18px 18px; }
  .panel-heading h2 { font-size: 25px; }
  .status-tabs { padding: 0 16px 16px; gap: 3px; }
  .status-tab { padding: 10px 12px; }
  .request-row { grid-template-columns: minmax(0, 1fr) auto; gap: 6px 12px; padding: 18px; }
  .request-row > .restaurant-meta { grid-column: 2; grid-row: 2; font-size: 10px; }
  .request-row .row-arrow { display: block; }
  .detail-dialog { height: 92dvh; padding: 28px 23px; border-radius: 24px 24px 0 0; }
}
@media (max-width: 360px) { .workspace-content { padding-right: 14px; padding-left: 14px; } .menu-card, .profile-form, .settings-card { padding: 18px; } .dish-thumbnail { width: 42px; height: 46px; flex-basis: 42px; } .stat-card { padding: 15px 9px; } .stat-card strong { font-size: 30px; } .button { white-space: normal; } }
@media print {
  body, .workspace, .qr-preview-card { background: white; }
  .qr-paper { width: 100%; border-radius: 0; padding: 20px; box-shadow: none; }
  .qr-restaurant { font-size: 36px; }
  .workspace { padding: 0; }
}