/* Merchant app shell. These rules are loaded only by the shared shop manager. */
body[data-admin-base] {
  --shell-edge:#e6d9cb;
  --shell-paper:#fffdf8;
  --shell-ink:#382934;
  --shell-muted:#6b5f62;
  background:#faf6ee;
  background-image:radial-gradient(ellipse at 90% 4%,#fffaf6,transparent 58%);
}
body[data-admin-base] .admin-header {
  gap:14px;
  border-bottom:1px solid #dfd0c0;
  background:var(--shell-paper);
}
.admin-header .admin-brand {min-width:0;gap:10px;}
.admin-header .brand-flower {
  display:grid;place-items:center;flex:none;width:42px;height:42px;line-height:1;
  border:1px solid #e4cec1;border-radius:13px 13px 13px 4px;
  background:#fae7d9;color:var(--wine);
  font-size:32px;box-shadow:inset 0 1px 0 #fff9;
}
.admin-header .admin-brand b {letter-spacing:.035em;}
.admin-header .admin-brand small {letter-spacing:.18em;color:#78666b;}
.admin-header .header-links .icon-button {border-radius:12px;min-width:44px;min-height:44px;}
.admin-header .quiet-link {
  padding-inline:12px;border:1px solid #e7d7c7;border-radius:999px;
  background:var(--shell-paper);color:#67394a;font-weight:650;
}
.admin-shell #workspace {width:100%;max-width:1440px;margin-inline:auto;}
#preview-notice.preview-notice {
  background:#fff7df;color:#5d472c;border:1px solid #e6cfa0;
  border-radius:12px;padding:0 13px;margin:0 0 14px;line-height:1.45;
}
#preview-notice[hidden] {display:none;}
#preview-notice summary {
  display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-height:38px;
  padding:6px 0;list-style:none;cursor:pointer;font-size:12px;font-weight:700;
}
#preview-notice summary::-webkit-details-marker {display:none;}
#preview-notice summary::after {
  content:'';width:7px;height:7px;flex:none;margin-inline:auto 3px;
  border:solid #826134;border-width:0 1.7px 1.7px 0;transform:rotate(45deg);
}
#preview-notice[open] summary::after {transform:rotate(225deg);}
#preview-notice .preview-label {background:transparent;padding:0;color:inherit;}
#preview-notice small {padding:1px 0 10px;line-height:1.65;color:#675336;}
.admin-shell [data-panel] {--module-ink:var(--wine);--module-tint:#f7e8ea;--module-edge:#e7cad0;}
.admin-shell [data-panel="products"] {--module-ink:#813d52;--module-tint:#f9e7eb;--module-edge:#eac7cf;}
.admin-shell [data-panel="orders"] {--module-ink:#71501f;--module-tint:#f9edda;--module-edge:#e6cfa6;}
.admin-shell [data-panel="inventory"] {--module-ink:#2f6354;--module-tint:#e3f0e7;--module-edge:#bfd8c8;}
.admin-shell [data-panel="customers"] {--module-ink:#59567d;--module-tint:#ecebf7;--module-edge:#d4cfe8;}
.admin-shell [data-panel="settings"] {--module-ink:#465867;--module-tint:#eaf0f3;--module-edge:#c9d7dd;}
.admin-shell [data-panel]:not([data-panel="overview"]) > .page-heading {
  position:relative;overflow:hidden;padding:20px clamp(17px,2vw,28px);
  margin:0 0 17px;border:1px solid var(--module-edge);border-radius:18px 18px 18px 5px;
  background:linear-gradient(118deg,var(--module-tint),var(--shell-paper) 82%);
  box-shadow:0 3px 0 color-mix(in srgb,var(--module-edge) 60%,transparent);
}
.admin-shell [data-panel]:not([data-panel="overview"]) > .page-heading .eyebrow {
  color:var(--module-ink);font-size:10px;letter-spacing:.16em;margin:0 0 4px;
}
.admin-shell [data-panel]:not([data-panel="overview"]) > .page-heading h1 {
  color:var(--shell-ink);font-weight:740;letter-spacing:.025em;line-height:1.32;
}
.admin-shell [data-panel]:not([data-panel="overview"]) > .page-heading p:not(.eyebrow) {
  color:var(--shell-muted);line-height:1.6;margin-top:5px;
}
.admin-shell [data-panel] > .page-heading .primary {
  background:var(--module-ink);border-radius:11px;box-shadow:0 3px 0 color-mix(in srgb,var(--module-ink),#262025 35%);
}
.admin-shell [data-panel="overview"] > .page-heading {
  display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 1px 10px;
}
.admin-shell [data-panel="overview"] > .page-heading .eyebrow {display:none;}
.admin-shell [data-panel="overview"] > .page-heading h1 {
  position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;
}
.admin-shell [data-panel="overview"] > .page-heading #today-label {font-size:12px;line-height:1.5;margin:0;color:var(--shell-muted);font-weight:650;}
.admin-shell [data-panel="overview"] > .page-heading .button {
  min-height:35px;font-size:12px;padding:5px 11px;margin:0;border-radius:999px;background:#fffef9;
}
.admin-shell .filter-bar {
  padding:15px 17px;gap:12px;background:var(--shell-paper);border:1px solid var(--shell-edge);
  border-radius:14px;box-shadow:0 1px 0 #e6d5c94d;margin:0 0 17px;
}
.admin-shell .filter-bar label>span {font-size:12px;color:var(--module-ink);font-weight:750;margin:0 0 5px;}
.admin-shell .filter-bar input,.admin-shell .filter-bar select {border-radius:9px;border-color:#d9cec1;}
.admin-shell [data-panel] > .notice-box {
  border-radius:3px 12px 12px 3px;border-left-color:var(--module-ink);
  margin:13px 0;padding:11px 14px;background:var(--module-tint);color:#574c49;line-height:1.65;font-size:13px;
}
.admin-shell .collection-heading {font-weight:650;color:var(--shell-muted);}
.admin-shell .collection-heading>span:first-child {color:var(--module-ink);}
.admin-shell .product-list,.admin-shell .stock-list {gap:11px;}
.admin-shell .product-row,.admin-shell .stock-row,.admin-shell [data-panel="orders"] .panel {
  border:1px solid var(--shell-edge);border-radius:15px;background:var(--shell-paper);box-shadow:0 2px 0 #eadfd48c;
}
.admin-shell .product-thumb {border:1px solid #eadfd6;background:#faf3e8;border-radius:12px;}
.admin-shell .product-summary h2,.admin-shell .stock-product h2 {font-weight:720;line-height:1.45;color:var(--shell-ink);}
.admin-shell .product-summary>.amount,.admin-shell .stock-number strong,.admin-shell .order-amount {font-variant-numeric:tabular-nums;}
.admin-shell .product-summary>.amount {font-weight:700;color:var(--module-ink);}
.admin-shell .badge {border-radius:999px;padding:3px 9px;font-weight:650;}
.admin-shell .badge.pending,.admin-shell .badge.preparing {color:#755222;}
.admin-shell .stock-number {
  padding:6px 8px;border:1px solid var(--module-edge);border-radius:10px;background:var(--module-tint);text-align:center;
}
.admin-shell .stock-number strong {color:var(--module-ink);line-height:1.12;font-size:clamp(22px,2.5vw,32px);}
.admin-shell .stock-number span {color:var(--module-ink);font-weight:650;}
.admin-shell .order-row {padding:14px 5px;gap:11px;}
.admin-shell .order-row>span:first-child strong {display:block;line-height:1.45;}
.admin-shell .order-row .row-arrow {font-size:18px;color:var(--module-ink);}
.admin-shell .order-row .order-amount {margin-top:5px;color:var(--shell-ink);}
.admin-shell .product-row>.button,.admin-shell .stock-buttons .button,.admin-shell .filter-bar .button {border-radius:9px;}
.admin-shell .admin-nav .nav-button,
.admin-shell .order-row,.admin-shell .product-row>.button,.admin-shell .stock-buttons .button {
  transition:background-color .15s ease,transform .16s ease,box-shadow .16s ease;
}
body[data-admin-base] :where(.nav-button,.button,.order-row,.walk-launch):focus-visible,
#preview-notice summary:focus-visible {outline:3px solid #367583;outline-offset:3px;}
@media (min-width:851px) {
  .admin-shell .admin-nav {background:linear-gradient(155deg,#f7eee2 0%,#fcf8f0 80%);border-color:var(--shell-edge);}
  .admin-shell .admin-nav .nav-button {border-radius:12px;padding:12px;min-height:47px;}
  .admin-shell .admin-nav .nav-button.active {color:white;background:var(--wine);box-shadow:0 3px 0 color-mix(in srgb,var(--wine),black 21%);}
}
@media (max-width:850px) {
  body[data-admin-base] .admin-header {
    min-height:60px;height:auto;padding:7px 14px;gap:8px;background:#fffdf8f5;
    -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  }
  .admin-header .brand-flower {width:36px;height:37px;font-size:27px;}
  .admin-header .admin-brand {gap:7px;}
  .admin-header .admin-brand b {font-size:16px;max-width:clamp(83px,30vw,190px);line-height:1.4;}
  .admin-header .header-links {gap:7px;}
  .admin-header .quiet-link {padding-inline:9px;min-height:40px;font-size:12px;}
  .admin-shell #workspace {padding:13px clamp(12px,4vw,24px) calc(106px + env(safe-area-inset-bottom));}
  #preview-notice.preview-notice {margin:0 0 8px;border-radius:10px;padding-inline:11px;}
  #preview-notice summary {min-height:40px;line-height:1.45;font-size:11px;}
  .admin-shell .admin-nav {
    display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;
    padding:5px max(8px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));
    background:#fffcf5f7;border-top:1px solid #dccab7;box-shadow:0 -4px 13px #4c30300d;
    -webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);
  }
  .admin-shell .admin-nav .nav-button:not(.desktop-settings) {
    position:relative;border-radius:13px;min-height:54px;padding:4px 0 5px;gap:3px;
    color:#64565c;text-align:center;font-size:11px;font-weight:650;
  }
  .admin-shell .admin-nav .nav-button.active:not(.desktop-settings) {
    color:var(--wine);background:#f5e5e7;box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--wine) 60%,#eee0d5);
  }
  .admin-shell .admin-nav .nav-button[data-view="orders"].active {color:#6a4b19;background:#f9ecd2;box-shadow:inset 0 -2px 0 #b99355;}
  .admin-shell .admin-nav .nav-button[data-view="inventory"].active {color:#285b50;background:#dfede4;box-shadow:inset 0 -2px 0 #7da392;}
  .admin-shell .admin-nav .nav-button[data-view="customers"].active {color:#514b78;background:#ece8f6;box-shadow:inset 0 -2px 0 #a297bd;}
  .admin-shell .admin-nav .nav-button.desktop-settings,.admin-shell .admin-nav .nav-foot {display:none;}
  .admin-shell .admin-nav .nav-button svg {height:22px;width:22px;}
  .admin-shell [data-panel]:not([data-panel="overview"]) > .page-heading {padding:16px;margin-bottom:13px;}
  .admin-shell [data-panel]:not([data-panel="overview"]) > .page-heading>.button {min-height:44px;margin-top:12px;}
  .admin-shell .filter-bar {padding:12px;gap:10px;}
  .admin-shell .product-row {grid-template-columns:68px minmax(0,1fr);gap:7px 12px;padding:13px;}
  .admin-shell .product-row .product-thumb {width:68px;height:76px;}
  .admin-shell .product-row>.button {grid-column:2;min-width:110px;}
  .admin-shell .product-summary h2 {margin-top:5px;line-height:1.35;}
  .admin-shell .stock-row {grid-template-columns:minmax(0,1fr) 64px;gap:10px;padding:13px;}
  .admin-shell .stock-product {gap:9px;}
  .admin-shell .stock-product .product-thumb {width:46px;height:52px;}
  .admin-shell .stock-number {padding:6px 3px;}
  .admin-shell .stock-number span {margin:1px 0 0;}
  .admin-shell .stock-buttons {padding-top:9px;}
  .admin-shell [data-panel="orders"] .panel {padding:5px 9px;}
  .admin-shell .order-row {min-height:70px;}
  .admin-shell .order-row strong,.admin-shell .order-amount {font-size:14px;}
  .admin-shell .order-row .subtext {line-height:1.55;overflow-wrap:anywhere;}
}
@media (max-width:370px) {
  .admin-header .brand-flower {width:30px;height:34px;}
  body[data-admin-base] .admin-header {padding-inline:9px;gap:4px;}
  .admin-header .header-links {gap:4px;}
  .admin-header .shop-switch select {max-width:92px;}
}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .admin-shell .order-row:hover,.admin-shell .product-row>.button:hover,.admin-shell .stock-buttons .button:hover {transform:translateY(-1px);}
}
@media (prefers-reduced-motion:no-preference) {
  .admin-shell .admin-nav .nav-button:active,.admin-shell .product-row>.button:active,.admin-shell .stock-buttons .button:active,.admin-shell .order-row:active {transform:scale(.975);}
  .admin-shell .nav-button.active svg {animation:shell-icon-in .24s ease-out;}
  @keyframes shell-icon-in {from{transform:translateY(2px) scale(.91)}to{transform:none}}
}
@media (prefers-reduced-motion:reduce) {
  .admin-shell .admin-nav .nav-button,.admin-shell .stock-buttons .button,.admin-shell .product-row>.button,.admin-shell .order-row {transition:none;}
}

.admin-header .brand-flower img {display:block;width:82%;height:82%;object-fit:contain}
.store-app-install {margin:24px 0 12px;border:1px solid var(--shell-edge);border-radius:14px;background:var(--shell-paper);color:var(--shell-ink)}
.store-app-install summary {cursor:pointer;padding:14px 16px;font-size:.85rem;font-weight:700}
.store-app-install p {margin:0;padding:0 16px 14px;color:var(--shell-muted);font-size:.83rem;line-height:1.7}
