/* Shared illustrated theme. Presentation only; all business records retain their IDs. */
@media screen {
body[data-cafe-layout="modern"] {
  --paper:#ede6d3;--white:#fff9ea;--ink:#40382c;--muted:#756650;--line:#d7c7aa;
  --green:#36563c;--green-soft:#e5ead6;--orange:#89623e;--orange-soft:#f1e3c7;
  --wood:#98704b;--wood-dark:#705235;
  background-color:var(--paper);
  background-image:radial-gradient(ellipse at 10% 3%,#d6e0c16b,transparent 47%),radial-gradient(ellipse at 90% 18%,#e7c79338,transparent 43%),url('./paper-grain.svg');
  background-size:auto,auto,180px 180px;
  font-family:'Hiragino Maru Gothic ProN','Yu Gothic',-apple-system,BlinkMacSystemFont,sans-serif;
  color:var(--ink);line-height:1.7;
}
body[data-cafe-layout="modern"] .shell {max-width:1320px;padding-top:24px}
body[data-cafe-layout="modern"] .topbar {border:0;padding:0 0 18px}
body[data-cafe-layout="modern"] .brand-title {font-family:Georgia,'Yu Mincho',serif;color:var(--green);letter-spacing:.06em;font-size:30px}
body[data-cafe-layout="modern"] .mark {background:#e7e9d5;border:2px solid #7c9067;border-radius:47% 53% 48% 52%;box-shadow:inset 0 0 0 3px #fff9ea,0 2px 0 #a99d7c;color:var(--green)}
body[data-cafe-layout="modern"] .ui-icon {stroke-width:1.7}
body[data-cafe-layout="modern"] :is(.date-pill,#inventorySyncStatus,.weather-shortcut) {background:#fff9eaf2;border:1px solid #c8b791;border-radius:10px 8px 11px 8px;box-shadow:0 2px 0 #aa97742b;color:var(--ink)}
body[data-cafe-layout="modern"] .weather-shortcut {background:#e7ecd6;color:#354f36}
body[data-cafe-layout="modern"] .global-search {margin-top:0}
body[data-cafe-layout="modern"] .global-search input {background:#fff9ea;border:1px solid #c4b18d;border-radius:14px 10px 13px 11px;box-shadow:inset 0 2px 4px #6654360b}
body[data-cafe-layout="modern"] #globalSearchResults {background:#fff9ea;border:1px solid #c4b18d}
body[data-cafe-layout="modern"] .ui-navigation {padding:9px 10px;margin-bottom:24px;border:2px solid #98704b;border-radius:13px 9px 14px 10px;background:linear-gradient(0deg,#7451370d,transparent 60%),repeating-linear-gradient(2deg,transparent 0 10px,#70452707 11px 12px),#dfc59c;box-shadow:inset 0 0 0 1px #f8e8c3,0 3px 0 #74523524}
body[data-cafe-layout="modern"] .ui-navigation .app-nav a {color:#51422f!important;border-radius:9px 7px 10px 8px!important}
body[data-cafe-layout="modern"] .ui-navigation .app-nav a.active {background:linear-gradient(#486948,#36563c)!important;box-shadow:inset 0 1px 0 #ffffff30,0 2px 0 #283d29;color:#fff9ea!important}
body[data-cafe-layout="modern"] .ui-navigation .app-nav.mobile-expanded {background:#fff9ea;border-color:#bea57d}
body[data-cafe-layout="modern"] .ui-navigation .mobile-menu-toggle {background:#f9edcf;border:1px solid #9e7f52;color:#54432e;box-shadow:0 2px 0 #9b7b4b30}
body[data-cafe-layout="modern"] .storybook-board {position:relative;isolation:isolate;margin:0 0 24px;border:5px solid #98704b;border-radius:22px 16px 21px 18px;overflow:hidden;background:#fff5dd;box-shadow:0 5px 0 #70523533,0 12px 28px #6c563119,inset 0 0 0 2px #e6c597}
body[data-cafe-layout="modern"] .storybook-board:before {content:'';position:absolute;z-index:-1;inset:0;background-image:linear-gradient(to bottom,transparent 0px,#fff4dc20 70px,#f7ebd6ec 205px,#f7ebd6f8 380px),url('./illustration-interior.webp');background-size:100% 100%,100% auto;background-repeat:no-repeat;background-position:center,center top;pointer-events:none}
body[data-cafe-layout="modern"] #homePage .storybook-board .ui-feature-grid {margin:0;padding:172px 20px 22px;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}
body[data-cafe-layout="modern"] #homePage .ui-feature-card {position:relative;background:#fff9ea;border:3px solid #b09163;border-radius:15px 11px 14px 12px;box-shadow:0 3px 0 #93724545,0 5px 10px #594b2812;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}
body[data-cafe-layout="modern"] #homePage .ui-feature-card:hover {transform:translateY(-3px) rotate(-.25deg);box-shadow:0 5px 0 #93724545,0 10px 20px #594b2820}
body[data-cafe-layout="modern"] #homePage .ui-feature-card:active {transform:translateY(1px);box-shadow:0 1px 0 #93724545}
body[data-cafe-layout="modern"] .ui-feature-image {aspect-ratio:1.8;border-bottom:1px solid #af8c60;background:#d7c19f}
body[data-cafe-layout="modern"] .ui-feature-image img {object-position:center;transform:none!important}
body[data-cafe-layout="modern"] .ui-feature-label {background:linear-gradient(#fff9ed,#f3e6ca);padding:15px 13px;color:#36513a;gap:8px;font-size:15px;white-space:normal}
body[data-cafe-layout="modern"] .ui-feature-label>span {text-wrap:balance}
body[data-cafe-layout="modern"] .ui-feature-label>.ui-icon:last-child {color:#887650}
body[data-cafe-layout="modern"] #homePage .ui-feature-customer-menu {grid-column:span 2;display:grid;grid-template-columns:45% 1fr}
body[data-cafe-layout="modern"] .ui-feature-customer-menu .ui-feature-image {aspect-ratio:auto;height:100%;border-bottom:0;border-right:1px solid #af8c60}
body[data-cafe-layout="modern"] .ui-feature-customer-menu .ui-feature-label {min-height:110px}
body[data-cafe-layout="modern"] .ui-operation-grid a {background:linear-gradient(#fbf2df,#efdfbf);border:1px solid #bca077;border-radius:12px 9px 12px 9px;color:#51452e;box-shadow:0 2px 0 #b39a6b33;transition:transform .15s ease}
body[data-cafe-layout="modern"] .ui-operation-grid a:hover {background:#f7e6c5;transform:translateY(-2px)}
body[data-cafe-layout="modern"] .ui-auxiliary-links {border:1px dashed #b49a72;border-radius:12px;background:#f4e8d2;padding:14px}
body[data-cafe-layout="modern"] .ui-breadcrumb {color:#526847}
body[data-cafe-layout="modern"] h1,body[data-cafe-layout="modern"] .heading h1 {font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-weight:700;color:#3b5138;letter-spacing:.02em}
body[data-cafe-layout="modern"] :is(h2,h3,.panel-title,.home-card-title h2) {color:#4a5034;letter-spacing:.02em}
body[data-cafe-layout="modern"] :is(.panel,.card,.home-card,.po-panel,.sh-panel,.rp-panel,.sm-panel,.fh-card,.wb-card,.insights-card,.ops-card,.ph-card,.rp-card,.sm-card,.sh-card,.po-card,#homeCardSettings,.home-search) {
  background-color:var(--white);background-image:url('./paper-grain.svg');background-size:180px 180px;border:1px solid #c5b18b;border-radius:16px 12px 15px 12px;box-shadow:0 3px 0 #bba57e2b,0 7px 18px #5d4c2810;
}
body[data-cafe-layout="modern"] :is(.panel-head,.po-panel-head,.sh-panel-head,.rp-panel-head,.sm-panel-head) {border-bottom:1px solid #dbcaa9;background:linear-gradient(#fdf5e4,#f5e8cc)}
body[data-cafe-layout="modern"] :is(.primary,.submit) {background:linear-gradient(#4c6d48,#355638)!important;border:1px solid #314a30!important;border-radius:11px 8px 12px 9px;box-shadow:inset 0 1px 0 #a9bf9166,0 3px 0 #263d28;color:#fff9ea!important;transition:transform .12s ease,box-shadow .12s ease}
body[data-cafe-layout="modern"] :is(.primary,.submit):hover:not(:disabled) {background:linear-gradient(#57774f,#3b6040)!important}
body[data-cafe-layout="modern"] :is(.secondary,.po-button,.sh-button,.rp-button,.sm-button,.tools-button,.stock-stepper button,.iu-setting-step,.material-edit,.product-manage,.appearance-bar button),body[data-cafe-layout="modern"] #shiftsPage .sh-btn,body[data-cafe-layout="modern"] .sh-dialog .sh-btn {background:linear-gradient(#fff7e5,#eee0c1);border:1px solid #b59a6d;border-radius:9px 7px 10px 8px;box-shadow:0 2px 0 #a78c5c30;color:#4b5437;transition:transform .12s ease,box-shadow .12s ease}
body[data-cafe-layout="modern"] #shiftsPage .sh-primary,body[data-cafe-layout="modern"] .sh-dialog .sh-primary {background:linear-gradient(#4c6d48,#355638)!important;border-color:#314a30!important;color:#fff9ea!important;box-shadow:inset 0 1px 0 #a9bf9166,0 3px 0 #263d28}
body[data-cafe-layout="modern"] #shiftsPage .sh-tabs button {background:transparent;border:1px solid transparent;border-radius:9px 7px 9px 7px;color:#65573d}
body[data-cafe-layout="modern"] #shiftsPage .sh-tabs button.active {background:#fff5dc!important;border-color:#b7a06e!important;box-shadow:0 2px 0 #a9905e2b;color:#36563c!important}
body[data-cafe-layout="modern"] #shiftsPage {--sh-ink:#36563c;--sh-pale:#e7ead6;--sh-orange:#89623e}
body[data-cafe-layout="modern"] .sh-table th {background:#eee0be;color:#675735;border-color:#cbb58b}
body[data-cafe-layout="modern"] .sh-cal button {background:#fff8e9;border:1px solid #c9b78d;border-radius:9px 7px 10px 8px;color:#4f4633}
body[data-cafe-layout="modern"] .sh-cal button.selected {background:#476443;color:#fff9ea;border-color:#36563c}
body[data-cafe-layout="modern"] .sh-cal button.request {background:#efd6a4;border-color:#b99a59;color:#62492e}
body[data-cafe-layout="modern"] :is(.po-button.danger,.material-delete,.tools-button.danger) {background:#f6e2d0;border-color:#be947a;color:#854c36}
body[data-cafe-layout="modern"] .rp-recipe-card {background:#fff8e9;border:1px solid #c5b18b;border-radius:14px 10px 14px 11px;box-shadow:0 2px 0 #bba57e2b}
body[data-cafe-layout="modern"] :is(.tools-card,.tools-main,.tools-side) {min-width:0}
body[data-cafe-layout="modern"] .tools-stock-table {max-width:100%;overflow-x:auto}
body[data-cafe-layout="modern"] :is(button,.ui-operation-grid a):active:not(:disabled) {transform:translateY(2px);box-shadow:none}
body[data-cafe-layout="modern"] button:disabled {opacity:.55;cursor:not-allowed}
body[data-cafe-layout="modern"] :is(.po-tabs,.sh-tabs,.rp-tabs,.sm-tabs) {background:#d9caa6;border:1px solid #bca374;border-radius:12px 8px 12px 9px;box-shadow:inset 0 2px 4px #73603c14}
body[data-cafe-layout="modern"] :is(.po-tabs,.sh-tabs,.rp-tabs,.sm-tabs) button.active,body[data-cafe-layout="modern"] :is(.po-tabs,.sh-tabs,.rp-tabs,.sm-tabs) button[aria-selected=true] {background:#fff6e0;color:#36563c;border:1px solid #c5ae82;box-shadow:0 2px 0 #a9905e2b}
body[data-cafe-layout="modern"] input:not([type=checkbox]):not([type=radio]):not([type=file]),body[data-cafe-layout="modern"] select,body[data-cafe-layout="modern"] textarea {background:#fffdf4;border:1px solid #bda980;border-radius:9px 7px 9px 7px;color:#40382c;box-shadow:inset 0 2px 3px #6c56310a}
body[data-cafe-layout="modern"] :is(input,select,textarea):focus {border-color:#688158}
body[data-cafe-layout="modern"] :is(a,button,input,select,textarea,summary):focus-visible {outline:3px solid #749161;outline-offset:3px}
body[data-cafe-layout="modern"] .date-pill input {background:transparent;box-shadow:none;border:0}
body[data-cafe-layout="modern"] th {background:#eee0be;color:#675735;border-color:#cbb58b}
body[data-cafe-layout="modern"] td {border-color:#e3d5b9}
body[data-cafe-layout="modern"] tbody tr:hover {background:#f2ecd9}
body[data-cafe-layout="modern"] :is(.home-menu-grid>div,.po-calendar-day,.menu-day-card) {background:#fff8e9;border:1px solid #c9b78d;border-radius:11px 8px 12px 8px}
body[data-cafe-layout="modern"] .po-calendar-day.today {border:2px solid #789268;background:#edf0db}
body[data-cafe-layout="modern"] .po-calendar-day.selected {background:#476443;color:#fff9ea}
body[data-cafe-layout="modern"] .home-metrics a {background:#f8efd8;border:1px solid #c7af81;box-shadow:0 2px 0 #bba57e33;border-radius:13px 9px 13px 10px}
body[data-cafe-layout="modern"] .home-backup {background:#e8e7cd;border:1px solid #b4b389}
body[data-cafe-layout="modern"] :is(.modal,.po-dialog,.sh-dialog,.rp-dialog) {background:#fff7e6;border:3px solid #a88b5f;border-radius:18px 13px 18px 14px}
body[data-cafe-layout="modern"] .toast {background:#39553a;color:#fff9ea;border:1px solid #a0b087;box-shadow:0 3px 0 #31412d50}
body[data-cafe-layout="modern"] .appearance-bar {border-color:#c6b28c}
body[data-cafe-layout="modern"] .page-view:not([hidden]) {animation:cafe-page-enter .2s ease-out}
@keyframes cafe-page-enter {from {opacity:.45;transform:translateY(3px)}to {opacity:1;transform:none}}
@media(max-width:1100px) {
body[data-cafe-layout="modern"] #homePage .storybook-board .ui-feature-grid {padding:135px 16px 18px;gap:12px}
body[data-cafe-layout="modern"] .ui-feature-label {font-size:14px;padding:13px 10px}
}
@media(max-width:780px) {
body[data-cafe-layout="modern"] .shell {padding:18px 14px calc(105px + env(safe-area-inset-bottom))}
body[data-cafe-layout="modern"] .brand-title {font-size:27px}
body[data-cafe-layout="modern"] .topbar {gap:12px;padding-bottom:14px}
body[data-cafe-layout="modern"] .header-tools {gap:8px;flex-wrap:wrap;justify-content:flex-start}
body[data-cafe-layout="modern"] .weather-shortcut {position:absolute;right:0;top:2px;max-width:145px;font-size:11px;min-height:40px}
body[data-cafe-layout="modern"] .date-pill {flex:none}
body[data-cafe-layout="modern"] #inventorySyncStatus {flex:1;max-width:none;min-width:0;font-size:11px;min-height:44px}
body[data-cafe-layout="modern"] .global-search {margin-bottom:12px}
body[data-cafe-layout="modern"] .ui-navigation {padding:6px 8px;margin-bottom:18px;border-width:1px}
body[data-cafe-layout="modern"] .ui-navigation .mobile-menu-toggle {width:100%;text-align:left;background:#f5e6c7;box-shadow:none}
body[data-cafe-layout="modern"] .ui-navigation:has(.mobile-expanded) .mobile-menu-toggle {width:auto}
body[data-cafe-layout="modern"] .storybook-board {border-width:3px;border-radius:17px 12px 17px 12px;margin-bottom:18px}
body[data-cafe-layout="modern"] .storybook-board:before {background-image:linear-gradient(to bottom,transparent,#fff0d920 50px,#f7ebd6ef 128px,#f7ebd6fc 260px),url('./illustration-interior.webp');background-size:100% 100%,auto 310px}
body[data-cafe-layout="modern"] #homePage .storybook-board .ui-feature-grid {padding:104px 11px 14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
body[data-cafe-layout="modern"] #homePage .ui-feature-card {border-width:2px;border-radius:11px 8px 12px 9px}
body[data-cafe-layout="modern"] .ui-feature-image {aspect-ratio:1.65}
body[data-cafe-layout="modern"] .ui-feature-label {font-size:14px;min-height:53px;padding:11px 9px;gap:6px}
body[data-cafe-layout="modern"] .ui-feature-label>.ui-icon:first-child {width:18px;height:18px}
body[data-cafe-layout="modern"] .ui-feature-label>.ui-icon:last-child {display:none}
body[data-cafe-layout="modern"] #homePage .ui-feature-customer-menu {grid-column:1/-1;grid-template-columns:42% 1fr}
body[data-cafe-layout="modern"] .ui-feature-customer-menu .ui-feature-label {min-height:82px;padding:14px}
body[data-cafe-layout="modern"] .ui-operation-grid {gap:10px}
body[data-cafe-layout="modern"] .ui-operation-grid a {font-size:13px;min-height:56px}
body[data-cafe-layout="modern"] .mobile-bottom-nav {background:#f8ecd3f7;border-top:3px solid #92704c;box-shadow:0 -3px 12px #5d4c2814}
body[data-cafe-layout="modern"] .mobile-bottom-nav a {color:#796a4d}
body[data-cafe-layout="modern"] .mobile-bottom-nav a.active {background:#dde4ca;border:1px solid #b1bf96;color:#36563c;border-radius:11px 8px 11px 8px}
body[data-cafe-layout="modern"] #inventoryPage .product-row,body[data-cafe-layout="modern"] #materialRows .material-row {background:#fff8e6;border-color:#c5ad7e;border-radius:13px 9px 13px 10px;box-shadow:0 2px 0 #bba57e33}
body[data-cafe-layout="modern"] #inventoryPage .product-row td:nth-child(3),body[data-cafe-layout="modern"] #materialRows td:nth-child(4) {background:#e6ead2}
body[data-cafe-layout="modern"] .home-metrics a {padding:12px 9px}
}
@media(max-width:380px) {
body[data-cafe-layout="modern"] .shell {padding-left:11px;padding-right:11px}
body[data-cafe-layout="modern"] .brand-title {font-size:24px}
body[data-cafe-layout="modern"] .weather-shortcut {max-width:123px;font-size:10px;padding:6px}
body[data-cafe-layout="modern"] .ui-feature-label {font-size:13px}
body[data-cafe-layout="modern"] .ui-operation-grid a {font-size:12px}
}
@media(prefers-reduced-motion:reduce) {
body[data-cafe-layout="modern"] .page-view:not([hidden]),body[data-cafe-layout="modern"] :is(.ui-feature-card,button,.ui-operation-grid a) {animation:none;transition:none;transform:none!important}
}
}