/* Application structure, surfaces and motion. Product data stays in the existing views. */
:root {
  --bg: #f3f4f7;
  --ink: #20212a;
  --muted: #646774;
  --line: #e4e5ec;
  --wine: #88183f;
  --wine-deep: #55132f;
  --peach: #f4eaf0;
  --glass: rgba(255,255,255,.82);
  --shadow-1: 0 2px 8px #25223706;
  --shadow-2: 0 12px 40px #2522370c;
  --shadow-3: 0 24px 96px #21182726;
  --ease: cubic-bezier(.2,.8,.2,1);
  font-family: "DM Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
body { background:var(--bg); color:var(--ink); }
button,input,select,textarea { font-family:inherit; }
h1,h2,h3,h4 { font-family:"Manrope",ui-sans-serif,system-ui,"Segoe UI",sans-serif; }
button,a { -webkit-tap-highlight-color:transparent; }
.button {
  min-height:46px; border-radius:14px; padding:12px 18px;
  font-size:14px; font-weight:650; letter-spacing:-.015em;
  transition:background .18s var(--ease),box-shadow .18s var(--ease),color .18s var(--ease);
}
.button-primary,.button-dark {
  color:#fff; border:1px solid #ffffff16;
  background:linear-gradient(140deg,#9c2050,#731336);
  box-shadow:inset 0 1px #ffffff24,0 6px 16px #86133d1c;
}
.button-primary:hover { background:linear-gradient(140deg,#aa2458,#80163c); box-shadow:inset 0 1px #ffffff24,0 8px 24px #86133d2a; }
.button-outline { background:#ffffffad; border-color:#dddde7; color:#41414f; box-shadow:var(--shadow-1); }
.button-outline:hover { background:#fff; border-color:#c8c2ce; color:var(--wine); }
.button-soft { background:#f1e8ee; border-color:transparent; color:var(--wine); box-shadow:none; }
.button-danger { background:#fbefed; border-color:transparent; color:#ab443d; box-shadow:none; }
.button-small { min-height:40px; padding:9px 13px; border-radius:11px; font-size:12px; }
.text-button { font-size:13px; font-weight:650; color:var(--wine); gap:8px; border-radius:10px; }
.text-button:hover { color:var(--wine-deep); background:#86133d06; }
.icon-button,.close-button {
  display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px;
  min-width:44px; border-radius:15px; background:#f4f3f8; border:1px solid transparent; color:#595566;
  transition:background .18s,border-color .18s;
}
.icon-button:hover,.close-button:hover { background:#eee8f1; color:var(--wine); border-color:#e4d9e4; }
.ui-icon { width:21px; height:21px; stroke-width:1.7; }
.field { gap:8px; font-size:13px; font-weight:600; color:#595965; }
.field input,.field select,.field textarea {
  min-height:49px; padding:13px 14px; background:#f6f6f9; border:1px solid #e6e5ed;
  border-radius:13px; font-size:15px; font-weight:450; color:var(--ink);
  transition:border-color .18s,box-shadow .18s,background .18s;
}
.field input:focus,.field select:focus,.field textarea:focus {
  outline:none; background:#fff; border-color:#b77792; box-shadow:0 0 0 4px #86133d08;
}
.field input:disabled,.field select:disabled { background:#eeedf2; color:#7a7481; }
.field input[type=checkbox],.field input[type=radio] { box-shadow:none; }
.eyebrow { font-size:10px; letter-spacing:.13em; font-weight:700; color:#79546c; }
.notice { border:0; border-radius:14px; background:#f7f1e6; color:#80643e; }
.form-note { color:var(--muted); font-size:12px; }

/* Glass chrome stays above scrolling content. */
.header {
  position:sticky; top:14px; z-index:40; margin:14px 24px 0; border-radius:22px;
  background:var(--glass); border:1px solid #ffffffdd; box-shadow:var(--shadow-2);
  backdrop-filter:blur(24px) saturate(155%); -webkit-backdrop-filter:blur(24px) saturate(155%);
}
.header-inner,.owner-app .header-inner { height:72px; max-width:1560px; padding:0 22px; gap:20px; flex-wrap:nowrap; }
.brand { gap:9px; }
.brand-logo { width:39px; height:45px; }
.brand-wordmark { font-size:23px; letter-spacing:-1px; }
.brand-wordmark small { display:none; }
.header nav { margin-left:auto; }
.header .nav-bookings { font-size:12px; color:#57515e; }
.header .nav-bookings svg { width:18px; }
.header .icon-button { background:#ffffffb0; box-shadow:inset 0 0 0 1px #ece7ee; border-radius:50%; }
.header-search { background:#f3f2f7; border:1px solid transparent; border-radius:16px; max-width:500px; min-height:46px; }
.header-search:focus-within { border-color:#cda2b5; background:#fff; box-shadow:0 0 0 4px #86133d06; }
.header-search input { font-size:14px; }
.header-search svg { color:#625e6e; }
.shell-menu { display:none; }
.location-button { margin-left:15px; }
.location-button small { display:none; }
.location-button strong { font-size:12px; color:#625e6e; font-weight:550; }
.client-app:has(.explore-command) #location-button { display:none; }
.demo-banner { margin:10px 24px 0; border-radius:10px; padding:7px 14px; background:#ede6d855; font-size:10px; color:#625e6e; }
.app-rail {
  position:fixed; top:120px; left:24px; z-index:25; width:78px; padding:8px;
  border-radius:24px; border:1px solid #fff; background:var(--glass);
  backdrop-filter:blur(20px); box-shadow:var(--shadow-2); display:flex; flex-direction:column; gap:5px;
}
.app-rail>a,.app-rail>button {
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px;
  min-height:63px; border-radius:17px; font-size:10px; font-weight:550; color:#65616e;
  transition:background .2s,color .2s;
}
.app-rail .ui-icon { width:22px; height:22px; }
.app-rail .active { background:var(--wine); color:#fff; box-shadow:0 5px 16px #86133d24; }
.app-rail>a:not(.active):hover,.app-rail>button:hover { background:var(--peach); color:var(--wine); }
.client-app #main>.main-wrap { margin-left:max(130px,calc((100vw - 1320px)/2 + 90px)); margin-right:max(30px,calc((100vw - 1440px)/2)); max-width:none; padding:34px 0 48px; }
.main-wrap,.owner-app .main-wrap { max-width:1480px; padding:34px 34px 60px; }
footer { border:0; background:transparent; }
.footer-inner { font-size:11px; padding-top:18px; border-top:1px solid #e5e3eb; max-width:1400px; opacity:1; }
.footer-inner .brand { display:none; }
.footer-inner>span { font-size:11px; }

/* Discovery is a command area followed by results, rather than a marketing hero. */
.explore-command {
  display:grid; grid-template-columns:1fr 1fr; align-items:center; column-gap:40px; row-gap:24px;
  padding:8px 0 28px;
}
.explore-heading { display:flex; align-items:flex-start; gap:20px; flex-direction:column; }
.explore-heading h1 { font-size:34px; line-height:1.15; letter-spacing:-1.3px; margin-top:10px; max-width:440px; }
.location-pill {
  display:flex; gap:7px; align-items:center; border:0; border-radius:20px;
  font-size:12px; color:#746979; padding:6px 0; min-height:32px; text-align:left;
}
.location-pill svg { width:16px; height:16px; color:var(--wine); }
.location-pill svg:last-child { width:13px; }
.explore-search { grid-column:2; grid-row:1; }
.explore-search .header-search { max-width:none; min-height:62px; background:#ffffffc9; border:1px solid #fff; border-radius:21px; box-shadow:var(--shadow-2); padding:0 20px; gap:13px; }
.explore-search .header-search input { font-size:16px; padding:18px 0; }
.explore-search .header-search svg { width:23px; height:23px; color:var(--wine); }
.explore-search .header-search:focus-within { border-color:#cda2b5; box-shadow:0 8px 28px #86133d0c,0 0 0 4px #86133d05; }
.explore-options { grid-column:1/-1; display:flex; align-items:center; gap:18px; }
.client-mode-picker {
  position:relative; isolation:isolate; display:flex; gap:0; max-width:none; min-width:300px;
  padding:5px; background:#e8e5ed; border:1px solid #e5e0e9; border-radius:17px; margin:0;
}
.client-mode-picker:before {
  content:""; position:absolute; left:5px; top:5px; bottom:5px; width:calc(50% - 5px); z-index:-1;
  background:#fff; border-radius:12px; box-shadow:0 2px 7px #32203b10;
  transform:translateX(calc(var(--mode-index,0) * 100%)); transition:transform .32s var(--ease);
}
.client-mode-picker:before { display:none; }
.client-mode-picker>.mode-indicator {
  position:absolute; left:5px; top:5px; bottom:5px; width:calc(50% - 5px); z-index:-1;
  background:#fff; border-radius:12px; box-shadow:0 2px 7px #32203b10;
  transform:translateX(calc(var(--mode-index,0) * 100%));
}
.client-mode,.client-mode.selected { min-height:42px; padding:9px 18px; background:none; box-shadow:none; border:0; border-radius:12px; display:flex; align-items:center; justify-content:center; gap:8px; color:#625e6e; font-size:13px; font-weight:600; }
.client-mode.selected { color:var(--wine); }
.client-mode>span:nth-child(2) { flex:initial; }
.client-mode svg { width:18px; height:18px; }
.modality-note { color:#625e6e; font-size:12px; }
.discovery-categories { margin:0 0 22px; padding:0 0 24px; border-bottom:1px solid #e1dfe8; }
.mz-categories { display:flex; gap:9px; padding:3px 1px 8px; scrollbar-width:none; }
.mz-category {
  display:flex; flex-direction:row; flex-shrink:0; gap:9px; min-width:0; max-width:none;
  align-items:center; justify-content:center; min-height:49px; border-radius:15px; padding:11px 15px;
  background:#ffffffa1; border:1px solid #ffffffde; color:#6c6474; font-size:12px; font-weight:550;
  transition:background .2s,color .2s,box-shadow .2s;
}
.mz-category .category-image { width:23px; height:23px; background:none; border-radius:0; outline:none; flex-shrink:0; }
.mz-category .category-image .ui-icon { width:23px; height:23px; color:inherit; }
.mz-category .category-name { white-space:nowrap; }
.mz-category.selected { background:var(--wine); border-color:transparent; color:#fff; box-shadow:0 5px 14px #86133d1a; font-weight:600; }
.mz-category.selected .category-image,.mz-category:hover .category-image { outline:none; }
.mz-category:not(.selected):hover { color:var(--wine); background:#fff; box-shadow:var(--shadow-1); }
.feed-toolbar { gap:12px; align-items:center; }
.feed-toolbar .compact-field { flex-direction:row; align-items:center; gap:9px; font-size:12px; font-weight:500; color:#625e6e; }
.compact-field select { border:0; box-shadow:none; min-height:42px; border-radius:13px; background:#e9e6ee; font-size:12px; font-weight:550; color:#625e6e; padding:9px 28px 9px 12px; }
.feed-extra-filters>summary { min-height:42px; border:0; border-radius:13px; background:#e9e6ee; padding:10px 14px; font-size:12px; color:#625e6e; gap:8px; }
.feed-extra-filters>summary .ui-icon { width:17px; height:17px; }
.feed-extra-filters[open]>summary { background:var(--wine); color:#fff; }
.feed-extra-filters .discovery-filters {
  left:0; right:auto; top:calc(100% + 12px); width:min(480px,100%); z-index:32;
  padding:24px; border:1px solid #ffffffee; border-radius:24px; box-shadow:var(--shadow-3);
  background:#fffffff5; backdrop-filter:blur(30px); animation:menu-enter .22s var(--ease);
}
.filters-sheet-heading { flex-basis:100%; display:flex; align-items:center; justify-content:space-between; margin-bottom:4px; }
.filters-sheet-heading h3 { font-size:22px; }
.discovery-filters>.compact-field { flex-basis:100%; display:flex; justify-content:space-between; }
.filter-chip { background:#f4f0f6; border:0; border-radius:13px; font-size:13px; color:#78647d; }
.filter-chip.selected { background:var(--wine); color:#fff; }
.view-switch { background:transparent; padding:0; gap:5px; }
.view-switch .button { background:none; min-height:40px; border-radius:12px; color:#625e6e; font-size:12px; box-shadow:none; padding:9px 12px; }
.view-switch .selected { background:#ffffffcf; color:var(--wine); box-shadow:var(--shadow-1); }
.view-switch .ui-icon { width:17px; height:17px; }
.feed-results-heading { margin:30px 0 22px; }
.feed-results-heading h2 { font-size:24px; letter-spacing:-.7px; }
.feed-results-heading p { font-size:12px; color:#625e6e; margin-top:6px; }
.feed-results-heading>.text-button { font-size:12px; }
.feed-results-heading>.text-button svg { width:16px; }
.feed-stores { gap:22px!important; }
.feed-stores .store-card { border:1px solid #ffffffc0; border-radius:23px; background:#ffffffb5; box-shadow:var(--shadow-1); }
.feed-stores .store-card:hover { box-shadow:var(--shadow-2); transform:translateY(-3px); }
.feed-store-photo { height:185px; }
.feed-store-copy { padding:19px 20px; gap:9px; }
.card-title-row>strong { font-size:17px; letter-spacing:-.45px; }
.card-location { color:#625e6e; font-size:12px; }
.card-title-row .rating { color:#71607a; background:#f0eaf1; border-radius:7px; font-size:11px; padding:3px 6px; }
.feed-store-price { font-size:12px; }
.feed-store-price strong { font-size:14px; color:#6a3151; }
.card-tags>span { background:#f1edf4; color:#625e6e; font-size:10px; border-radius:6px; }
.empty-search { margin:24px 0; max-width:none; padding:48px 24px; gap:12px; border:1px solid #ffffffc0; background:#ffffff70; border-radius:26px; }
.empty-orbit { display:grid; place-items:center; width:62px; height:62px; border-radius:22px; background:#eee6f0; color:#987b9e; margin-bottom:5px; box-shadow:0 0 0 9px #f5f0f6; }
.empty-orbit svg { width:26px; height:26px; }
.empty-search h3 { font-size:22px; color:#38303f; }
.empty-search p { color:#625e6e; max-width:390px; font-size:13px; }
.empty-search .button { margin-top:8px; border-radius:14px; font-size:12px; }

/* Workspaces use a stable menu and a readable central task surface. */
.page-title { margin-bottom:28px; align-items:center; }
.page-title h1 { font-size:32px; letter-spacing:-1.1px; }
.page-title p { color:#625e6e; font-size:13px; }
.page-title>div:last-child [data-logout],.page-title>div:last-child [data-owner-tab=atendimento] { display:none; }
.owner-shell,.admin-shell { grid-template-columns:215px minmax(0,1fr); gap:30px; align-items:start; }
.owner-sidebar,.admin-sidebar {
  position:sticky; top:112px; min-height:0; max-height:calc(100vh - 140px); overflow-y:auto;
  border:1px solid #fff; background:#ffffffa6; border-radius:23px; padding:19px 12px;
  box-shadow:var(--shadow-1); scrollbar-width:thin;
}
.owner-sidebar h3 { font-size:15px; padding:0 11px; }
.owner-sidebar .sidebar-subtitle { font-size:11px; padding:0 11px; color:#625e6e; margin-bottom:12px; }
.owner-tabs { gap:9px; }
.owner-nav-group { gap:3px; }
.owner-nav-label { font-size:9px; letter-spacing:.11em; color:#625e6e; padding:13px 12px 6px; }
.owner-tabs button,.admin-sidebar a { min-height:42px; border-radius:12px; font-size:12px; padding:10px 12px; color:#625e6e; border:0; background:none; gap:10px; }
.owner-tabs button .ui-icon,.admin-sidebar .ui-icon { width:18px; height:18px; }
.owner-tabs button.active,.admin-sidebar a.active { background:var(--wine); color:#fff; box-shadow:0 4px 11px #86133d20; font-weight:600; }
.owner-tabs button:not(.active):hover,.admin-sidebar a:not(.active):hover { background:#f2edf5; color:var(--wine); }
.sidebar-help { font-size:11px; margin:20px 12px 0; color:#625e6e; }
.day-command { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:25px; padding:8px 0; }
.today-date { text-transform:capitalize; font-size:12px; color:#625e6e; display:block; margin-bottom:10px; }
.day-command h2 { font-size:25px; max-width:380px; color:#38303f; letter-spacing:-.8px; }
.day-command .button { white-space:nowrap; font-size:12px; }
.metrics { gap:0; border-top:1px solid #e6e0e9; border-bottom:1px solid #e6e0e9; padding:23px 0; margin-bottom:28px; }
.metric { border:0; border-radius:0; padding:0 24px; background:none; box-shadow:none; border-right:1px solid #e1d8e6; }
.metric:first-child { padding-left:0; }
.metric:last-child { border-right:0; }
.metric strong { font-size:29px; font-weight:700; color:#38303f; }
.metric p { margin:7px 0 0; color:#625e6e; font-size:11px; line-height:1.4; }
.home-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
.workspace-columns { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr); gap:32px; }
.agenda-stream { min-width:0; }
.agenda-stream .workspace-heading { margin-bottom:2px; }
.agenda-stream .workspace-heading h2 { font-size:21px; color:#38303f; }
.agenda-stream .workspace-heading p { font-size:12px; color:#625e6e; }
.booking-cards { gap:0; }
.booking-card { display:grid; grid-template-columns:57px minmax(0,1fr); gap:16px; padding:24px 0; background:none; border:0; border-radius:0; border-bottom:1px solid #e4dbe9; }
.booking-time { position:relative; padding-top:1px; }
.booking-time strong { display:block; font-size:18px; font-weight:650; letter-spacing:-.7px; color:#38303f; }
.booking-time>span { display:block; font-size:11px; margin-top:4px; color:#625e6e; }
.booking-main { min-width:0; }
.booking-card-top { gap:8px; flex-wrap:wrap; align-items:center; margin-bottom:8px; }
.booking-card h3 { font-size:16px; letter-spacing:-.4px; color:#38303f; }
.booking-card p { color:#625e6e; font-size:12px; }
.booking-card .status { font-size:9px; border-radius:7px; padding:4px 7px; }
.booking-details { border:0; margin-top:10px; }
.booking-details>summary { min-height:36px; padding-top:0; font-size:11px; justify-content:start; gap:10px; color:#625e6e; }
.booking-details>summary svg { width:15px; height:15px; }
.booking-detail-body { padding-top:12px; }
.booking-location { background:#f0eaf2; border:0; padding:13px; border-radius:13px; }
.booking-card .button { font-size:11px; min-height:38px; border-radius:10px; }
.work-shortcuts { background:#ffffff82; border:1px solid #ffffffc4; border-radius:22px; padding:23px; align-self:start; }
.dashboard-actions { margin:0; }
.dashboard-actions .workspace-heading { margin-bottom:15px; }
.dashboard-actions h2 { font-size:18px; color:#38303f; }
.dashboard-actions p { font-size:12px; color:#625e6e; }
.quick-actions { display:grid; grid-template-columns:1fr; gap:0; }
.quick-actions button { display:grid; grid-template-columns:31px minmax(0,1fr) 16px; gap:4px 9px; border:0; border-radius:0; padding:16px 0; border-bottom:1px solid #eee6f1; background:none; box-shadow:none; }
.quick-actions button:last-child { border-bottom:0; }
.quick-actions button>.ui-icon:first-child { grid-column:1; grid-row:1/3; width:21px; height:21px; color:#625e6e; align-self:center; }
.quick-actions strong { grid-column:2; grid-row:1; font-size:12px; font-weight:650; color:#38303f; }
.quick-actions span { grid-column:2; grid-row:2; font-size:10px; color:#625e6e; }
.quick-actions button>.ui-icon:last-child { grid-column:3; grid-row:1/3; align-self:center; width:15px; height:15px; color:#625e6e; }
.panel { border:1px solid #ffffffee; background:#ffffffb8; border-radius:23px; box-shadow:var(--shadow-1); padding:26px; }
.panel h2,.workspace-heading h2 { font-size:23px; letter-spacing:-.7px; }
.workspace-heading p { color:#625e6e; font-size:13px; }
.panel>p { color:#625e6e; font-size:13px; }
.editor-tabs,.profile-nav { gap:6px; border:0; background:#e9e4ee; padding:5px; border-radius:15px; }
.editor-tabs button,.profile-nav a { min-height:41px; padding:11px 16px; border-radius:11px; color:#625e6e; font-size:12px; }
.editor-tabs button.active { background:#fff; color:var(--wine); box-shadow:var(--shadow-1); }
.profile-nav a:hover { background:#fff; color:var(--wine); }
.save-bar { position:sticky; bottom:18px; z-index:12; border:1px solid #fff; background:#ffffffe6; backdrop-filter:blur(20px); border-radius:19px; box-shadow:var(--shadow-2); padding:14px 18px; }
.admin-priority { border:1px solid #fff; background:linear-gradient(135deg,#ffffffd9,#f2eaf4a8); padding:27px; border-radius:24px; }
.admin-priority h2 { font-size:28px; color:#38303f; }
.admin-next { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.admin-next>a { display:flex; align-items:start; flex-direction:column; border:1px solid #fff; background:#ffffffa6; border-radius:21px; padding:22px; gap:15px; }
.admin-next>a>.ui-icon:last-child { display:none; }
.admin-next strong { font-size:14px; color:#38303f; }
.admin-next small { font-size:11px; color:#625e6e; line-height:1.6; }
.admin-store-detail { border:1px solid #eee5f1; border-radius:17px; }
.admin-store-detail>summary { font-size:13px; }
table { font-size:13px; }
th { font-size:10px; color:#625e6e; padding:14px 16px; }
td { padding:19px 16px; border-bottom-color:#efe8f3; color:#38303f; }
.campaign-card,.shop-promotions,.feed-post,.loyalty-card { border-color:#ffffffd9; border-radius:23px; box-shadow:var(--shadow-1); }
.campaign-card { background:#ffffffe0; }
.campaign-value { font-size:36px; }
.campaign-status { border-radius:8px; }
.mz-loyalty-preview { border:1px solid #ffffff38; background:linear-gradient(135deg,#8d2251,#4e173b); border-radius:24px; box-shadow:0 15px 35px #70204924; }
.profile-cover { border-radius:26px; }
.profile-heading h1 { font-size:34px; letter-spacing:-1.3px; }
.service-item { border-bottom-color:#eee7f2; }
.service-thumb { border-radius:16px; }
.professional-card { border:0; border-radius:19px; background:#f5f0f8; }
.client-entry { background:#ffffffb0; border:1px solid #fff; border-radius:26px; }
.pro-welcome { border:1px solid #fff; background:#ffffffe0; border-radius:30px; grid-template-columns:1fr 1fr; }
.pro-welcome h1 { font-size:44px; letter-spacing:-1.7px; }
.pro-welcome-copy { padding:45px; }
.pro-product-preview { margin:28px; padding:35px; background:linear-gradient(145deg,#5c193d,#31192e); border:1px solid #ffffff22; border-radius:26px; color:#f5e8f5; box-shadow:inset 0 1px #ffffff2a,0 16px 40px #32112e25; }
.preview-label { font-size:9px; letter-spacing:.15em; color:#c6a0bb; }
.preview-clock { display:flex; align-items:center; gap:18px; padding:30px 0; }
.preview-clock>svg { width:29px; height:29px; color:#e8bdd5; }
.preview-clock>span { flex:1; font-size:12px; color:#d2b6ca; }
.preview-clock strong { display:block; color:#fff; font-size:34px; margin-top:5px; letter-spacing:-1px; }
.preview-clock>svg:last-child { width:21px; color:#bc9baf; }
.preview-line { display:flex; align-items:center; gap:12px; font-size:12px; color:#c5a1bd; padding:17px 0; border-top:1px solid #ffffff10; }
.preview-line svg { width:18px; color:#ce9ebb; }
.pro-product-preview>p { color:#625e6e; font-size:11px; margin-top:23px; }
.pro-intro-grid article { background:#ffffffa6; border:1px solid #fff; border-radius:22px; }

/* Menus and sheets have their own layer and focus boundary. */
.navigation-sheet { inset:0 auto 0 0; margin:0; width:330px; max-width:calc(100vw - 34px); max-height:100dvh; height:100dvh; padding:22px; border-radius:0 28px 28px 0; border:1px solid #fff; background:#f9f7fcf7; backdrop-filter:blur(30px); box-shadow:var(--shadow-3); color:var(--ink); }
.navigation-sheet::backdrop { background:#261d3438; backdrop-filter:blur(7px); }
.navigation-sheet>header { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:28px; }
.drawer-brand { display:flex; align-items:center; gap:9px; }
.drawer-brand img { width:37px; height:42px; object-fit:contain; }
.drawer-brand>span { font-size:21px; font-weight:750; letter-spacing:-.8px; color:#38303f; }
.drawer-brand small { display:block; font-size:10px; color:#625e6e; letter-spacing:0; margin-top:2px; font-weight:500; }
.drawer-identity { display:flex; gap:12px; align-items:center; padding:17px; border:1px solid #fff; background:#fff9; border-radius:18px; margin-bottom:20px; }
.identity-avatar { display:grid; place-items:center; width:40px; height:40px; border-radius:13px; background:#efe1ef; color:#9a679d; font-size:18px; font-weight:650; }
.drawer-identity strong { display:block; font-size:13px; color:#38303f; }
.drawer-identity small { display:block; margin-top:4px; font-size:10px; color:#625e6e; }
.drawer-content h3,.drawer-content>.sidebar-subtitle,.drawer-content>.sidebar-help { display:none; }
.drawer-content .owner-tabs,.drawer-content>nav { display:flex; flex-direction:column; overflow:visible; gap:9px; }
.drawer-content .owner-nav-group { display:flex; flex-direction:column; gap:4px; }
.drawer-content .owner-nav-label { display:block; font-size:9px; color:#625e6e; }
.drawer-content .owner-tabs button,.drawer-content nav>a { display:flex; align-items:center; gap:12px; padding:13px 14px; border-radius:13px; min-height:45px; background:none; border:0; font-size:13px; color:#625e6e; white-space:normal; }
.drawer-content .owner-tabs button.active,.drawer-content nav>a.active { color:#fff; background:var(--wine); }
.drawer-foot { margin-top:20px; padding-top:14px; border-top:1px solid #e8dcef; display:flex; flex-direction:column; align-items:start; }
.drawer-foot button { display:flex; gap:10px; align-items:center; min-height:44px; font-size:12px; padding:10px 14px; color:#625e6e; }
#dialog { border:1px solid #fff; border-radius:27px; background:#f8f5fc; box-shadow:var(--shadow-3); }
#dialog { opacity:0; transform:translateY(12px); transition:opacity .18s,transform .18s,overlay .18s allow-discrete,display .18s allow-discrete; }
#dialog[open] { opacity:1; transform:none; }
#dialog::backdrop { background:#21162c50; backdrop-filter:blur(10px) saturate(80%); }
.modal-top { padding:22px 25px; background:#ffffffa8; border-bottom-color:#ebe2ef; backdrop-filter:blur(24px); }
.modal-top h2 { font-size:21px; color:#38303f; }
.modal-body { padding:25px; }
.close-button { font-size:24px; background:#f0e9f4; color:#625e6e; }
.booking-service { padding:18px; border:1px solid #fff; border-radius:18px; background:#fff; }
.booking-service h3 { color:#38303f; font-size:17px; }
.booking-service p { color:#625e6e; font-size:11px; }
.booking-progress { gap:7px; border-radius:15px; padding:5px; background:#eae7ef; }
.booking-progress li { border:0; padding:12px 14px; border-radius:11px; font-size:11px; color:#625e6e; }
.booking-progress li.active { background:#fff; color:#38303f; box-shadow:var(--shadow-1); }
.booking-review { background:#f0e9f3; color:#625e6e; border-radius:14px; font-size:13px; }
.slot { border:1px solid #e7d9ed; background:#fff; border-radius:12px; min-height:46px; font-size:13px; color:#625e6e; }
.slot:has(input:checked) { background:var(--wine); color:#fff; box-shadow:0 4px 12px #86133d18; }
#toast { border:1px solid #ffffff15; background:#34213fee; color:#fff; border-radius:17px; backdrop-filter:blur(20px); box-shadow:var(--shadow-3); font-size:13px; }
.arrival-code { background:#f1e6f3; border:0; border-radius:16px; }
@keyframes menu-enter { from{opacity:0;transform:translateY(-8px) scale(.98)} to{opacity:1;transform:none} }

@media(max-width:1180px) {
  .explore-command { gap:20px; }
  .explore-heading h1 { font-size:30px; }
  .owner-shell,.admin-shell { grid-template-columns:190px minmax(0,1fr); gap:24px; }
  .workspace-columns { grid-template-columns:1fr; gap:23px; }
  .work-shortcuts { padding:22px; }
  .quick-actions { grid-template-columns:1fr 1fr; gap:0 24px; }
  .quick-actions button:nth-last-child(2) { border-bottom:0; }
  .admin-next { grid-template-columns:1fr; }
  .admin-next>a { flex-direction:row; align-items:center; }
}
@media(max-width:850px) {
  .header { margin:10px 15px 0; top:10px; border-radius:19px; }
  .header-inner,.owner-app .header-inner { height:66px; min-height:66px; padding:0 17px; }
  .app-rail { display:none; }
  .client-app #main>.main-wrap,.main-wrap,.owner-app .main-wrap { margin:0; padding:28px 24px 110px; }
  .owner-shell,.admin-shell { grid-template-columns:1fr; gap:0; }
  .owner-sidebar,.admin-sidebar { display:none; }
  .shell-menu { display:inline-flex; }
  .admin-next { grid-template-columns:1fr 1fr; }
  .header .brand-logo { width:34px; height:40px; }
  .header .brand-wordmark { font-size:22px; }
  .header nav { gap:12px; }
  .header .nav-bookings { display:none; }
  .page-title { margin-bottom:24px; }
  .page-title>div:last-child .button { font-size:11px; min-height:39px; padding:9px 12px; }
  .day-command { margin-bottom:20px; }
  .day-command h2 { font-size:25px; }
  .save-bar { bottom:104px; }
  .mobile-nav {
    display:flex; position:fixed; left:20px; right:20px; bottom:calc(14px + env(safe-area-inset-bottom)); z-index:50;
    width:auto; height:70px; border:1px solid #fff; border-radius:25px; padding:6px; gap:0;
    background:#ffffffd9; backdrop-filter:blur(24px) saturate(160%); -webkit-backdrop-filter:blur(24px) saturate(160%);
    box-shadow:0 12px 44px #39243e20,inset 0 1px #fff; isolation:isolate;
  }
  .mobile-nav>a,.mobile-nav>button { display:flex; flex:1; flex-direction:column; align-items:center; justify-content:center; min-width:0; min-height:56px; padding:3px; gap:5px; color:#625e6e; font-size:10px; font-weight:550; background:none; border:0; }
  .mobile-nav .ui-icon { width:21px; height:21px; }
  .mobile-nav .active { color:#fff; background:none; }
  .mobile-nav .active .ui-icon { background:none; box-shadow:none; border-radius:0; }
  .dock-indicator { position:absolute; z-index:-1; left:6px; top:6px; bottom:6px; width:calc((100% - 12px)/var(--dock-count,4)); border-radius:19px; background:linear-gradient(145deg,#96244e,#74173d); box-shadow:0 4px 10px #86133d1f; transform:translateX(calc(var(--dock-index,0)*100%)); transition:transform .36s cubic-bezier(.2,.9,.25,1.15),opacity .2s; }
  .mobile-nav.no-selection .dock-indicator { opacity:0; }
  .demo-banner { margin:8px 18px 0; font-size:9px; padding:6px 9px; }
  footer { display:none; }
  .admin-app .mobile-nav { display:none; }
}
@media(max-width:600px) {
  body { padding:0; }
  .header { margin:0; top:0; border:0; border-bottom:1px solid #fff; border-radius:0 0 19px 19px; background:#faf8ffce; }
  .header-inner,.owner-app .header-inner { padding:0 19px; gap:12px; height:67px; min-height:67px; flex-wrap:nowrap; }
  .header .brand-logo { width:33px; height:39px; }
  .header .brand-wordmark { font-size:22px; }
  .header .icon-button { width:39px; height:39px; min-width:39px; }
  .header .shell-menu { width:36px; min-width:36px; background:transparent; box-shadow:none; margin-left:-7px; }
  .header .shell-menu svg { width:23px; height:23px; }
  .header .header-search { display:none; }
  .header #owner-account { width:39px; height:39px; min-height:39px; padding:0; border-radius:50%; font-size:0; background:#f0e6f4; border:0; }
  .header #owner-account:after { content:""; width:17px; height:17px; border:1.5px solid #625e6e; border-radius:50% 50% 40% 40%; }
  .client-app #main>.main-wrap,.main-wrap,.owner-app .main-wrap { margin:0; padding:24px 20px 120px; }
  .explore-command { display:flex; flex-direction:column; align-items:stretch; gap:16px; padding:0 0 23px; }
  .explore-heading { flex-direction:row; align-items:center; justify-content:space-between; gap:15px; }
  .explore-heading .eyebrow { display:none; }
  .explore-heading h1 { font-size:25px; max-width:225px; letter-spacing:-.9px; margin:0; }
  .location-pill { font-size:10px; gap:5px; width:110px; flex-shrink:0; line-height:1.5; padding:6px 0; }
  .location-pill svg { width:15px; height:15px; flex-shrink:0; }
  .location-pill svg:last-child { display:none; }
  .explore-search .header-search { display:flex; width:100%; min-height:56px; margin:0; border-radius:18px; padding:0 16px; gap:11px; }
  .explore-search .header-search input { font-size:15px; padding:17px 0; }
  .explore-search .header-search svg { width:21px; height:21px; }
  .explore-options { display:block; }
  .client-mode-picker { display:flex; min-width:0; max-width:none; width:100%; border-radius:15px; padding:4px; }
  .client-mode-picker:before { left:4px; top:4px; bottom:4px; width:calc(50% - 4px); border-radius:11px; }
  .client-mode-picker>.mode-indicator { left:4px; top:4px; bottom:4px; width:calc(50% - 4px); border-radius:11px; }
  .client-mode,.client-mode.selected { min-height:40px; padding:9px 14px; font-size:12px; gap:7px; }
  .client-mode svg { width:17px; height:17px; }
  .modality-note { display:none; }
  .discovery-categories { padding:0; margin:0 -20px 22px 0; border:0; }
  .mz-categories { gap:8px; padding:2px 20px 8px 0; margin:0; }
  .mz-category { gap:7px; padding:10px 12px; min-height:45px; font-size:11px; border-radius:14px; min-width:0; max-width:none; }
  .mz-category .category-image,.mz-category .category-image .ui-icon { width:20px; height:20px; }
  .feed-toolbar { gap:8px; }
  .feed-toolbar>.compact-field { font-size:0; flex:1; min-width:0; }
  .compact-field select { font-size:11px; min-height:39px; width:auto; max-width:100%; padding:10px 22px 10px 11px; border-radius:11px; }
  .feed-extra-filters>summary { min-height:39px; padding:10px 11px; border-radius:11px; font-size:11px; }
  .view-switch { gap:1px; }
  .view-switch .button { padding:10px; min-height:39px; border-radius:11px; }
  .view-switch .button span { display:none; }
  .feed-results-heading { margin:23px 0 12px; gap:10px; align-items:center; }
  .feed-results-heading h2 { font-size:21px; max-width:230px; letter-spacing:-.6px; }
  .feed-results-heading p { font-size:11px; margin-top:6px; }
  .feed-results-heading>.text-button { display:none; }
  .feed-stores { gap:0!important; border:0; }
  .feed-stores .store-card { background:none; border:0; border-bottom:1px solid #e8e0ec; border-radius:0; box-shadow:none; }
  .feed-stores .store-card:hover { box-shadow:none; transform:none; }
  .feed-store-link { flex-direction:row; gap:15px; padding:20px 0; align-items:center; }
  .feed-store-photo { order:2; width:92px; height:104px; border-radius:18px; }
  .feed-store-copy { order:1; padding:0; gap:7px; }
  .card-title-row { gap:6px; flex-wrap:wrap; }
  .card-title-row>strong { font-size:16px; line-height:1.3; }
  .card-title-row .rating { font-size:10px; background:none; padding:0; color:#625e6e; }
  .card-location { font-size:11px; line-height:1.5; }
  .feed-store-price { font-size:11px; }
  .feed-store-price strong { font-size:13px; }
  .card-tags>span { font-size:9px; }
  .empty-search { margin-top:20px; padding:35px 22px; border-radius:23px; }
  .empty-search h3 { font-size:20px; line-height:1.3; }
  .empty-search p { font-size:12px; }
  .empty-orbit { width:53px; height:53px; border-radius:18px; margin-bottom:10px; }
  .feed-extra-filters[open]:before { content:""; position:fixed; inset:0; background:#24142e52; backdrop-filter:blur(6px); z-index:75; }
  .feed-extra-filters .discovery-filters { position:fixed; left:0; right:0; top:auto; bottom:0; z-index:80; width:100%; border-radius:28px 28px 0 0; padding:25px 24px calc(25px + env(safe-area-inset-bottom)); max-height:85dvh; overflow-y:auto; box-shadow:var(--shadow-3); animation:sheet-enter .27s var(--ease); }
  .filters-sheet-heading { margin-bottom:14px; }
  .filters-sheet-heading h3 { font-size:23px; }
  .discovery-filters>.compact-field { flex-direction:column; align-items:stretch; gap:9px; font-size:12px; }
  .discovery-filters>.compact-field select { min-height:48px; font-size:15px; width:100%; }
  .discovery-filters .filter-chip { min-height:46px; font-size:13px; }
  .page-title,.owner-app .page-title { margin-bottom:22px; align-items:center; gap:15px; flex-wrap:nowrap; }
  .page-title .eyebrow { display:none; }
  .page-title h1 { margin:0; font-size:30px; letter-spacing:-1px; }
  .page-title p { font-size:11px; margin-top:7px; }
  .page-title>div:last-child { flex-shrink:0; }
  .page-title>div:last-child .button { font-size:10px; min-height:36px; padding:9px 11px; border-radius:12px; }
  .owner-shell { gap:0; }
  .approval-banner { font-size:11px; margin-bottom:22px; padding:14px; }
  .day-command { padding:0; margin-bottom:20px; }
  .day-command .today-date { font-size:11px; margin-bottom:8px; }
  .day-command h2 { font-size:24px; max-width:290px; letter-spacing:-.8px; }
  .day-command .button { display:none; }
  .metrics { padding:21px 0; gap:0; margin-bottom:27px; }
  .metric,.home-metrics .metric { padding:0 15px; }
  .metric:first-child { padding-left:0; }
  .metric:last-child { padding-right:0; }
  .metric strong,.home-metrics .metric strong { font-size:28px; }
  .metric p,.home-metrics .metric p { font-size:10px; line-height:1.4; margin:7px 0 0; }
  .workspace-columns { display:flex; flex-direction:column; gap:26px; }
  .agenda-stream .workspace-heading { flex-wrap:nowrap; align-items:center; }
  .agenda-stream .workspace-heading h2 { font-size:21px; }
  .agenda-stream .workspace-heading p { font-size:11px; }
  .agenda-stream .workspace-heading .text-button { font-size:11px; flex-shrink:0; }
  .booking-card { grid-template-columns:51px minmax(0,1fr); gap:13px; padding:23px 0; }
  .booking-time strong { font-size:18px; }
  .booking-time span { font-size:10px; }
  .booking-card h3 { font-size:15px; }
  .booking-card p { font-size:11px; }
  .booking-card .status { font-size:8px; padding:4px 6px; }
  .booking-details>summary { font-size:11px; }
  .work-shortcuts { width:100%; padding:22px; }
  .quick-actions { grid-template-columns:1fr; }
  .quick-actions button:nth-last-child(2) { border-bottom:1px solid #eee6f1; }
  .quick-actions strong { font-size:13px; }
  .quick-actions span { font-size:11px; }
  .dashboard-actions h2 { font-size:20px; }
  .dashboard-actions p { font-size:12px; }
  .panel { padding:22px 18px; border-radius:23px; }
  .panel h2,.workspace-heading h2 { font-size:22px; }
  .field input,.field select,.field textarea { font-size:16px; }
  .admin-priority { padding:25px; }
  .admin-priority h2 { font-size:26px; }
  .admin-priority p { font-size:13px; }
  .admin-next { grid-template-columns:1fr; }
  .admin-next>a { padding:20px; }
  .admin-app .main-wrap { padding-bottom:40px; }
  .admin-search .field { font-size:12px; }
  .profile-heading h1 { font-size:29px; }
  .profile-heading p { font-size:13px; }
  .profile-nav { margin-right:-4px; gap:1px; padding:4px; }
  .profile-nav a { padding:11px 13px; min-height:41px; }
  .profile-cover { height:220px; border-radius:25px; }
  .service-thumb { width:77px; height:88px; border-radius:17px; }
  .pro-welcome { display:flex; flex-direction:column; border-radius:25px; }
  .pro-welcome-copy { padding:30px 25px; }
  .pro-welcome h1 { font-size:35px; letter-spacing:-1.3px; }
  .pro-welcome-copy>p { font-size:13px; }
  .pro-product-preview { margin:0 17px 17px; padding:25px; border-radius:22px; }
  .preview-clock strong { font-size:30px; }
  #dialog { width:100%; max-width:100%; max-height:91dvh; margin:auto 0 0; border-radius:28px 28px 0 0; border-bottom:0; }
  .modal-top { padding:20px; }
  .modal-top h2 { font-size:20px; }
  .modal-body { padding:22px 20px 28px; }
  .booking-service { padding:17px; }
  .booking-service h3 { font-size:16px; }
  .booking-progress li { padding:11px; }
  .booking-step-panel>h3 { font-size:20px; }
  .booking-review { font-size:12px; }
  .slot { font-size:13px; }
  .save-bar { bottom:104px; padding:13px; border-radius:17px; }
  #toast { bottom:110px; max-width:calc(100vw - 40px); font-size:12px; }
}
@keyframes sheet-enter { from{opacity:0;transform:translateY(32px)} to{opacity:1;transform:none} }
@media(prefers-reduced-motion:reduce) {
  *,*:before,*:after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}
body:has(.navigation-sheet[open]),body:has(#dialog[open]),body:has(.filter-modal[open]) { overflow:hidden; }
.filter-modal { background:transparent; border:0; padding:0; box-shadow:none; }
.filter-modal::backdrop { background:#24142e52; backdrop-filter:blur(6px); }
.feed-extra-filters:has(.filter-modal[open]):before { display:none; }
@media(max-width:600px) {
  .filter-modal[open] { display:block; inset:auto 0 0; margin:0; width:100vw; max-width:100vw; max-height:85dvh; border-radius:28px 28px 0 0; overflow:auto; }
  .filter-modal .discovery-filters { position:static; max-height:none; border-radius:28px 28px 0 0; }
}

.mobile-nav>a.active,.mobile-nav>button.active,.mobile-nav>a.active span,.mobile-nav>button.active span,.mobile-nav>a.active svg,.mobile-nav>button.active svg{color:#fff}

@media(max-width:600px){.client-mode,.client-mode.selected{min-height:44px}.header .icon-button{width:44px;height:44px;min-width:44px}.header .shell-menu{width:40px;min-width:40px}}

.client-mode-picker:not(:has(.client-mode.selected))>.mode-indicator{opacity:0}

.filter-modal[open]{display:block;inset:auto 0 0;margin:0 auto;width:min(100vw,520px);max-width:100vw;max-height:85dvh;border-radius:28px 28px 0 0;overflow:auto}
.filter-modal .discovery-filters{position:static;width:100%;max-height:none;border-radius:28px 28px 0 0}
.header #owner-account{width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;background:#f0e6f4;border:0}
.header #owner-account:after{display:none}
.header #owner-account svg{width:21px;height:21px;color:var(--wine)}
.share-actions{display:flex;gap:10px;flex-wrap:wrap}
.share-actions>.button{flex:1;white-space:nowrap}
#share-panel>[data-preview-share]{align-self:flex-start}
#share-panel [data-share-url]{font-size:13px;letter-spacing:0;color:var(--wine);background:#fff}
.share-catalog-actions{margin:0 0 18px}
.shared-destination{margin:0 0 26px;padding:26px;border:1px solid #fff;border-radius:23px;background:linear-gradient(135deg,#fff,#f4eaf0);box-shadow:var(--shadow-1);scroll-margin-top:110px}
.shared-destination h2{font-size:27px;margin:12px 0;color:var(--ink)}
.shared-destination p{font-size:14px;color:var(--muted);line-height:1.65}
.shared-destination small{display:block;font-size:12px;color:var(--muted);line-height:1.7;margin-top:12px}
.shared-destination .button{margin-top:19px}
.shared-destination.unavailable{background:#f5f1e9;border-color:#ece0ce}
@media(max-width:600px){.shared-destination{padding:23px 20px;scroll-margin-top:85px}.shared-destination h2{font-size:24px}.shared-destination p{font-size:13px}.share-actions>.button{font-size:13px;padding:12px 14px}.page-title>div:last-child [data-share-kind] .ui-icon{width:16px;height:16px}}

@media(max-width:600px){.owner-app .page-title{align-items:flex-start;flex-wrap:wrap;gap:14px}.owner-app .page-title>div:first-child{min-width:0;flex:1 1 100%}.owner-app .page-title>div:last-child{display:flex;gap:8px;flex-wrap:wrap;max-width:100%}}
.location-pill>span{display:grid;text-align:left;gap:4px;min-width:0;max-width:290px}.location-pill strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-pill small{font-size:10px;color:var(--muted)}
.discovery-sort{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted)}.discovery-sort select{min-height:42px;border:1px solid var(--border);border-radius:13px;background:#ffffffc9;padding:0 12px;color:var(--ink);font:inherit;font-size:12px}
.feed-toolbar>.view-switch{margin-left:auto}.active-search-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}.active-search-filters:empty{display:none}.active-search-filters>button{display:flex;align-items:center;gap:8px;border:1px solid #e0d9e8;border-radius:24px;background:#ffffffb3;padding:9px 13px;color:var(--wine);font:inherit;font-size:11px;cursor:pointer}.active-search-filters svg{width:13px;height:13px}.filter-count{display:grid;place-items:center;min-width:20px;min-height:20px;border-radius:50%;background:var(--wine);color:white;font-size:11px}
.filter-modal-actions{display:flex;gap:12px;margin-top:10px}.filter-modal-actions>.button{flex:1}
.address-choice{display:flex;align-items:center;gap:14px;padding:17px;border:1px solid #e7e0ed;border-radius:18px;background:#fff;width:100%;text-align:left;font:inherit;cursor:pointer;color:var(--ink)}.address-choice>svg{flex-shrink:0;width:22px;height:22px;color:var(--wine)}.address-choice>span{display:grid;gap:6px;flex:1;min-width:0}.address-choice small{color:var(--muted);font-size:12px;line-height:1.5}.address-choice strong{font-size:14px}.address-choice.selected{background:#f8edf3;border-color:#b67190}.saved-address-list{display:grid;gap:13px}.saved-address-row{padding-bottom:9px;border-bottom:1px solid var(--border)}.saved-address-row>div{display:flex;gap:20px;padding:5px 12px}.address-chooser h3{font-size:15px;margin:14px 0 0}.address-chooser p{font-size:13px;line-height:1.7;color:var(--muted)}
.admin-search{flex-wrap:wrap;align-items:flex-end}.admin-search>.field{flex:1;min-width:130px}.admin-search>.field:first-child{flex:2;min-width:210px}.admin-account-list{display:grid;gap:12px}.admin-account-card{display:flex;align-items:center;gap:15px;padding:17px;border:1px solid #e9e2ef;border-radius:18px;background:#fff}.admin-account-identity{display:grid;gap:6px;flex:1;min-width:0}.admin-account-identity>span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.admin-account-identity>strong{font-size:14px;overflow-wrap:anywhere}.admin-account-identity>strong>small{font-size:10px;color:var(--wine)}.admin-account-identity>div{display:flex;gap:8px;flex-wrap:wrap}.account-role,.account-status{display:inline-flex;border-radius:7px;padding:4px 7px;font-size:10px;background:#f2edf6;color:#62506f}.account-status{background:#e9f3ee;color:#307257}.account-status.inactive{background:#f6e9e9;color:#9a3748}.account-management-actions{display:grid;gap:12px}.danger-button{background:#fff0f1;border:1px solid #c36c7d;color:#9e173a}.danger-button:hover{background:#f8dee3}.admin-account-card>.identity-avatar{width:43px;height:43px;flex-shrink:0}
@media(max-width:600px){.feed-toolbar{gap:10px;flex-wrap:wrap}.feed-toolbar>.button{padding:11px 14px}.discovery-sort{flex:1;justify-content:flex-end}.discovery-sort select{max-width:160px}.feed-toolbar>.view-switch{margin-left:0}.location-pill>span{max-width:250px}.client-mode-picker{width:100%;max-width:380px}.client-mode{min-width:0;flex:1}.client-mode-picker .client-mode{font-size:11px}.admin-account-card{flex-wrap:wrap;padding:14px}.admin-account-card>.button{margin-left:58px;min-height:39px;font-size:11px}.filter-modal-actions{position:sticky;bottom:-24px;padding:12px 0 0;background:var(--paper)}.admin-account-list .identity-avatar{width:40px;height:40px}}

.client-mode-picker>.mode-indicator{width:calc((100% - 10px)/3)}.client-mode-picker>.client-mode{flex:1}
@media(max-width:600px){.client-mode-picker>.mode-indicator{width:calc((100% - 8px)/3)}}

@media(max-width:600px){.explore-heading{display:block}.explore-heading .location-pill{margin-top:16px;width:100%;max-width:none;justify-content:flex-start;padding:12px 14px;border:1px solid #e7e0ed;border-radius:16px;background:#ffffffbf}.explore-heading .location-pill>span{flex:1;max-width:none}.feed-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.discovery-sort{font-size:0;gap:0;min-width:0}.discovery-sort select{width:100%;max-width:none;min-width:0;font-size:11px;padding:0 8px}.feed-toolbar>.view-switch{margin:0}.filter-modal-actions{bottom:0;padding-bottom:8px}}