/* PHASE 63: Kahawa Publishing V2 - token-first, scrap-compatible UI */
:root {
  --kh-font: Pretendard, "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --kh-bg: #f6f7f9; --kh-surface: #fff; --kh-surface-2: #f0f2f5; --kh-ink: #17191c; --kh-muted: #69707a;
  --kh-line: #e0e4e9; --kh-brand: #173f35; --kh-brand-hover: #0e3028; --kh-brand-soft: #e9f2ef;
  --kh-accent: #d6a45f; --kh-success: #177a50; --kh-warning: #a86100; --kh-danger: #c43b45; --kh-info: #2563a9;
  --kh-radius-sm: 10px; --kh-radius-md: 16px; --kh-radius-lg: 24px; --kh-radius-pill: 999px;
  --kh-shadow-sm: 0 1px 3px rgba(17,24,39,.06); --kh-shadow-md: 0 12px 30px rgba(17,24,39,.09);
  --kh-space-1: 4px; --kh-space-2: 8px; --kh-space-3: 12px; --kh-space-4: 16px; --kh-space-5: 20px; --kh-space-6: 24px; --kh-space-8: 32px;
  --primary: var(--kh-brand); --primary-soft: var(--kh-brand-soft); --bg: var(--kh-bg); --surface: var(--kh-surface);
  --text: var(--kh-ink); --muted: var(--kh-muted); --line: var(--kh-line); --success: var(--kh-success); --danger: var(--kh-danger);
}
*,*::before,*::after{box-sizing:border-box}html{color-scheme:light}html,body{margin:0;min-height:100%;font-family:var(--kh-font);color:var(--kh-ink);background:var(--kh-bg);-webkit-font-smoothing:antialiased}body{line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img{display:block;max-width:100%}[hidden]{display:none!important}
body.kh-publishing-v2{min-width:320px}.app,.admin-shell,.page-shell{width:min(100%,1200px);min-height:100vh;margin:0 auto;background:var(--kh-bg)}.app{max-width:560px}.container,.page-content,.admin-content,main{padding:var(--kh-space-5)}
.header,.topbar,.admin-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:0 var(--kh-space-5);border-bottom:1px solid var(--kh-line);background:rgba(255,255,255,.92);backdrop-filter:blur(16px)}.header__title,.page-title{font-size:20px;font-weight:800;letter-spacing:-.02em}
.card,.info-card,.summary-card,.order-info,.form-section,.notice-card,.kh-card{border:1px solid var(--kh-line);border-radius:var(--kh-radius-md);background:var(--kh-surface);box-shadow:var(--kh-shadow-sm)}.card,.kh-card{padding:var(--kh-space-5)}
.section{margin-top:var(--kh-space-8)}.section__head{display:flex;align-items:center;justify-content:space-between;gap:var(--kh-space-4);margin-bottom:var(--kh-space-4)}.section__title,.form-title{margin:0;font-size:18px;font-weight:800}.muted,.helper{color:var(--kh-muted)}
.btn,.kh-button,button[type=submit],input[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border:1px solid transparent;border-radius:var(--kh-radius-sm);font-weight:750;transition:.18s ease}.btn--primary,.kh-button--primary,button[type=submit],input[type=submit]{color:#fff;background:var(--kh-brand)}.btn--primary:hover,.kh-button--primary:hover,button[type=submit]:hover{background:var(--kh-brand-hover)}.btn--soft,.kh-button--secondary{color:var(--kh-brand);background:var(--kh-brand-soft)}.btn--full{width:100%}.icon-btn,.kahawa-icon-button{display:inline-grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--kh-line);border-radius:50%;background:var(--kh-surface)}
.input,.textarea,.select,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),textarea,select,[data-app-ui-select-button],[data-calendar-trigger]{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--kh-line)!important;border-radius:var(--kh-radius-sm)!important;background:var(--kh-surface)!important;box-shadow:none!important;outline:none;transition:.18s ease}.textarea,textarea{min-height:104px;padding-top:12px;resize:vertical}.input:focus,textarea:focus,select:focus,[data-app-ui-select-button]:focus,[data-calendar-trigger]:focus{border-color:var(--kh-brand)!important;box-shadow:0 0 0 3px rgba(23,63,53,.12)!important}.field{margin-top:var(--kh-space-4)}.field label,label{font-weight:700}.kh-required{color:var(--kh-danger)}
.tabs,.segment,.kh-segment{display:flex;gap:6px;padding:5px;border:1px solid var(--kh-line);border-radius:var(--kh-radius-md);background:var(--kh-surface-2);overflow:auto}.tab,.segment button,.kh-segment>*{flex:1;min-height:40px;padding:0 14px;border:0;border-radius:11px;background:transparent;color:var(--kh-muted);white-space:nowrap}.tab.is-active,.segment button.is-active,.kh-segment>.is-active{color:#fff;background:var(--kh-brand)}
.badge,.status-badge,.kh-badge{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:var(--kh-radius-pill);font-size:12px;font-weight:750;background:var(--kh-brand-soft);color:var(--kh-brand)}
.menu-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,42%);gap:var(--kh-space-3);overflow-x:auto;scroll-snap-type:x proximity}.menu-card,.menu-item{border:1px solid var(--kh-line);border-radius:var(--kh-radius-md);background:var(--kh-surface);box-shadow:var(--kh-shadow-sm)}.menu-card{padding:10px;scroll-snap-align:start}.menu-card__image,.menu-item__image,.detail-hero__image{border-radius:12px;background:var(--kh-surface-2);object-fit:cover}.menu-item{display:grid;grid-template-columns:84px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px}.menu-item__name,.menu-card__name{font-weight:800}.menu-item__desc{color:var(--kh-muted)}
.bottom-nav,.purchase-bar,.sticky-submit{position:fixed;left:50%;bottom:0;z-index:50;width:min(100%,560px);transform:translateX(-50%);border-top:1px solid var(--kh-line);background:rgba(255,255,255,.96);backdrop-filter:blur(14px)}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);min-height:72px}.bottom-nav a{display:grid;place-items:center;align-content:center;gap:3px;color:var(--kh-muted);font-size:11px}.bottom-nav a.is-active{color:var(--kh-brand);font-weight:800}.purchase-bar,.sticky-submit{padding:12px var(--kh-space-5) calc(12px + env(safe-area-inset-bottom))}
.table-wrap{overflow:auto;border:1px solid var(--kh-line);border-radius:var(--kh-radius-md);background:#fff}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:13px 14px;border-bottom:1px solid var(--kh-line);text-align:left;vertical-align:middle}th{font-size:12px;color:var(--kh-muted);background:var(--kh-surface-2)}tr:last-child td{border-bottom:0}
[data-app-ui-modal-type] [data-bottom-panel],[data-calendar-panel]{border-radius:24px!important;border:1px solid var(--kh-line);box-shadow:var(--kh-shadow-md)!important}[data-app-ui-select-option][aria-selected=true]{background:var(--kh-brand-soft)!important;color:var(--kh-brand)!important}
.kh-grid{display:grid;gap:var(--kh-space-4)}.kh-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.kh-stack{display:flex;flex-direction:column;gap:var(--kh-space-4)}.kh-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--kh-space-3)}
.kh-scrap{position:relative}.kh-scrap::after{content:attr(data-scrap-id);position:absolute;top:8px;right:8px;padding:2px 7px;border-radius:999px;background:#111827;color:#fff;font-size:10px;opacity:0;pointer-events:none}.kh-scrap:hover::after{opacity:.72}
@media(max-width:720px){.container,.page-content,.admin-content,main{padding:16px}.kh-grid--2{grid-template-columns:1fr}.admin-shell,.page-shell{width:100%}th,td{padding:11px 10px}.desktop-only{display:none!important}}
@media(min-width:721px){body.kh-publishing-v2{padding:24px}.app{border:1px solid var(--kh-line);border-radius:28px;overflow:hidden;box-shadow:var(--kh-shadow-md)}}