:root {
  --cream: #faf7f2;
  --paper: #fffdfa;
  --ink: #302a25;
  --muted: #645b54;
  --line: #e8dfd6;
  --coral: #a9442b;
  --orange: #cb8150;
  --blue: #4c7287;
  --mint: #3a795e;
  --amber: #a77627;
  --violet: #675b76;
  --rose: #a95c69;
  --shadow: 0 10px 28px rgba(63, 43, 29, .05);
}
.auth-gate { position:fixed; inset:0; z-index:10000; display:grid; grid-template-columns:minmax(250px,.72fr) minmax(520px,1.28fr); align-items:center; gap:50px; padding:clamp(28px,6vw,90px); background:radial-gradient(circle at 13% 18%,rgba(255,135,88,.24) 0 160px,transparent 161px),radial-gradient(circle at 90% 80%,rgba(58,177,145,.18) 0 210px,transparent 211px),linear-gradient(135deg,#fff6ed,#f7fbf6); }
.auth-gate.hidden { display:none; }.auth-brand { display:flex; flex-direction:column; align-items:flex-start; gap:10px; }.auth-brand .brand-mark { width:62px; height:62px; font-size:25px; }.auth-brand strong { font-size:38px; letter-spacing:-.05em; }.auth-brand small { max-width:310px; color:var(--muted); font-size:14px; line-height:1.5; }
.auth-card { width:min(720px,100%); padding:36px; border:1px solid rgba(99,75,58,.11); border-radius:32px; background:rgba(255,255,255,.88); box-shadow:0 30px 80px rgba(72,52,38,.13); backdrop-filter:blur(18px); }.auth-card h1,.auth-card h2 { margin-top:7px; font-family:"Avenir Next","Trebuchet MS",sans-serif; font-size:34px; letter-spacing:-.04em; }.auth-card>div>p:not(.eyebrow),.auth-card form>p:not(.eyebrow) { margin:8px 0 22px; color:var(--muted); line-height:1.55; }
.auth-role-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }.auth-role-grid button { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:3px 12px; padding:16px; border:1px solid #eadfd6; border-radius:18px; color:var(--ink); background:#fffdfa; text-align:left; cursor:pointer; transition:.18s ease; }.auth-role-grid button:hover { transform:translateY(-2px); border-color:#ff9a72; box-shadow:0 10px 24px rgba(255,112,71,.12); }.auth-role-grid button>span { grid-row:1/3; width:42px; height:42px; display:grid; place-items:center; border-radius:14px; color:var(--coral); background:#fff0e8; font-weight:900; }.auth-role-grid strong { font-size:13px; }.auth-role-grid small { color:var(--muted); font-size:10px; }.auth-card form { display:grid; gap:14px; }.auth-card form label { display:grid; gap:6px; color:var(--muted); font-size:11px; font-weight:800; }.auth-card form input { width:100%; padding:14px; border:1px solid #e3d9d1; border-radius:14px; font:inherit; }.auth-back { justify-self:start; padding:0; border:0; color:var(--muted); background:transparent; cursor:pointer; }
@media(max-width:780px){.auth-gate{grid-template-columns:1fr;align-content:start;overflow:auto;padding:25px 18px}.auth-brand{display:none}.auth-card{padding:24px}.auth-role-grid{grid-template-columns:1fr}.auth-card h1,.auth-card h2{font-size:28px}}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--cream); color: var(--ink); font-family: "Avenir Next", "Trebuchet MS", sans-serif; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
.shell { min-height: 100vh; display: grid; grid-template-columns: 248px 1fr; }
.sidebar { position: sticky; top: 0; height: 100vh; padding: 28px 20px; background: #2f2b29; color: white; display: flex; flex-direction: column; }
.brand { display: flex; align-items: center; gap: 12px; color: white; text-decoration: none; padding: 0 8px 28px; }
.brand-mark { width: 44px; height: 44px; border-radius: 15px 15px 20px 20px; display: grid; place-items: center; background: linear-gradient(145deg, var(--orange), var(--coral)); font-family: Georgia, serif; font-size: 28px; font-weight: 900; transform: rotate(-3deg); }
.brand strong, .brand small { display: block; }.brand strong { font-size: 20px; letter-spacing: .04em; }.brand small { color: #bdb5af; }
nav { display: grid; gap: 14px; min-height: 0; overflow-y: auto; padding-right: 4px; scrollbar-width: thin; }
.nav-group { display: grid; gap: 4px; }.nav-group > small { padding: 0 13px 4px; color: #817872; font-size: 9px; font-weight: 900; letter-spacing: .14em; }
nav a { color: #d7d0cb; text-decoration: none; padding: 12px 13px; border-radius: 13px; display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 700; }
nav a span { width: 22px; text-align: center; color: #978e87; } nav a.active { background: #fff; color: #312d2a; } nav a.active span { color: var(--coral); }
nav a em { margin-left: auto; font-size: 9px; text-transform: uppercase; color: #847b75; font-style: normal; } nav a.disabled { opacity: .55; }
.sidebar-note { margin-top: 16px; padding: 14px; flex: 0 0 auto; border-radius: 18px; background: linear-gradient(145deg, rgba(255,154,61,.22), rgba(255,107,85,.12)); border: 1px solid rgba(255,255,255,.08); }
.sidebar-note span, .sidebar-note strong, .sidebar-note small { display: block; }.sidebar-note span { color: #ffc38b; font-size: 10px; font-weight: 800; text-transform: uppercase; }.sidebar-note strong { margin: 6px 0; }.sidebar-note small { color: #bdb5af; line-height: 1.4; }
main { min-width: 0; padding: 0 34px 48px; }
header { height: 96px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
h1, h2, h3, p { margin: 0; } h1 { font-size: 22px; } h2 { font-family: Georgia, serif; font-size: clamp(32px, 4vw, 50px); line-height: 1.04; max-width: 750px; letter-spacing: -.035em; } h3 { font-size: 21px; }
.eyebrow { font-size: 10px; font-weight: 900; letter-spacing: .14em; color: var(--muted); margin-bottom: 5px; }.coral-text { color: var(--coral); }.blue-text { color: var(--blue); }.mint-text { color: var(--mint); }
.header-actions { display: flex; align-items: center; gap: 14px; }.status { padding: 9px 13px; background: white; border: 1px solid var(--line); border-radius: 99px; font-size: 12px; font-weight: 700; }.status i { display: inline-block; width: 8px; height: 8px; background: #38c77a; border-radius: 50%; margin-right: 6px; box-shadow: 0 0 0 4px rgba(56,199,122,.13); }.avatar { border: 0; width: 42px; height: 42px; border-radius: 15px; background: #ffd8c8; color: #8c3c2d; font-weight: 900; }.mobile-menu { display: none; }
.business-notification-center { position:relative; }.notification-trigger { position:relative; width:42px; height:42px; display:grid; place-items:center; border:1px solid var(--line); border-radius:14px; color:#675c55; background:#fff; font-size:20px; cursor:pointer; }.notification-trigger:hover,.notification-trigger[aria-expanded="true"] { color:var(--coral); border-color:#ffc4af; background:#fff8f4; }.notification-trigger b { position:absolute; right:-6px; top:-6px; min-width:19px; height:19px; display:grid; place-items:center; padding:0 4px; border:2px solid #fff; border-radius:99px; color:#fff; background:#ef4f61; font-size:8px; }.notification-popover { position:absolute; z-index:80; right:0; top:52px; width:min(390px,calc(100vw - 32px)); overflow:hidden; border:1px solid #eadfd7; border-radius:22px; background:#fffdfa; box-shadow:0 24px 70px rgba(58,39,26,.2); }.notification-popover>header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:17px 18px; border-bottom:1px solid #f0e7e0; background:linear-gradient(135deg,#fff7f1,#fff); }.notification-popover>header small,.notification-popover>header strong { display:block; }.notification-popover>header small { color:var(--coral); font-size:8px; font-weight:900; letter-spacing:.1em; }.notification-popover>header strong { margin-top:2px; font-size:16px; }.notification-popover>header button { border:0; color:#e8634d; background:transparent; font-size:9px; font-weight:850; cursor:pointer; }.business-notification-digest { display:grid; gap:4px; padding:13px 17px; border-bottom:1px solid #f0e7e0; background:#201b18; color:#fff; }.business-notification-digest strong { font-size:11px; }.business-notification-digest small { color:#d7cec7; font-size:9px; }.notification-popover-list { max-height:440px; overflow:auto; }.business-notification-row { position:relative; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:start; gap:11px; padding:14px 16px; color:var(--ink); text-decoration:none; border-bottom:1px solid #f3ece6; }.business-notification-row:hover { background:#fff8f3; }.business-notification-row.unread { background:#fff9f4; }.business-notification-row.unread::after { content:""; position:absolute; right:10px; bottom:9px; width:6px; height:6px; border-radius:50%; background:var(--coral); }.business-notification-icon { width:36px; height:36px; display:grid; place-items:center; border-radius:12px; color:#e6624c; background:#ffede5; font-weight:900; }.business-notification-row.urgent .business-notification-icon { color:#d63f52; background:#ffebef; }.business-notification-row.stock .business-notification-icon { color:#b97a13; background:#fff4d8; }.business-notification-row.message .business-notification-icon { color:#2479c7; background:#e9f4ff; }.notification-priority { display:inline-flex; margin:0 0 4px; padding:3px 6px; border-radius:99px; color:#6d625b; background:#f3eee9; font-size:7px; font-style:normal; font-weight:900; letter-spacing:.06em; }.notification-priority.urgent { color:#c7354a; background:#ffebef; }.notification-priority.today { color:#d45b2f; background:#fff0e7; }.business-notification-row strong,.business-notification-row small { display:block; }.business-notification-row strong { font-size:11px; }.business-notification-row small { margin-top:4px; color:var(--muted); font-size:9px; line-height:1.4; }.business-notification-row time { color:#a79d96; font-size:8px; }.notification-popover-empty { display:grid; justify-items:center; gap:5px; padding:35px 22px; text-align:center; }.notification-popover-empty>span { width:42px; height:42px; display:grid; place-items:center; border-radius:14px; color:#25815e; background:#e8f7f0; font-weight:900; }.notification-popover-empty strong { margin-top:5px; font-size:12px; }.notification-popover-empty small { max-width:270px; color:var(--muted); font-size:9px; line-height:1.45; }
.hero { min-height: 245px; overflow: hidden; position: relative; display: grid; grid-template-columns: 1fr 250px; align-items: center; padding: 32px 40px; border-radius: 30px; color: white; background: radial-gradient(circle at 78% 20%, rgba(255,255,255,.2) 0 90px, transparent 91px), linear-gradient(115deg, #ff9c43, #ff6e5a 58%, #f6536a); box-shadow: var(--shadow); }
.hero p { max-width: 670px; margin-top: 17px; color: rgba(255,255,255,.85); line-height: 1.55; }.pill { display: inline-block; margin-bottom: 15px; padding: 7px 12px; border-radius: 99px; background: rgba(255,255,255,.2); font-size: 11px; font-weight: 800; }
.hero-dog { position: relative; width: 220px; height: 210px; justify-self: center; }.face { position: absolute; left: 38px; top: 28px; width: 145px; height: 135px; border-radius: 52% 48% 48% 52%; background: #c98c54; border: 8px solid rgba(255,255,255,.15); box-shadow: inset 0 -22px 0 rgba(107,63,31,.12); }.ear { position: absolute; top: 8px; width: 74px; height: 88px; background: #9c6338; border-radius: 80% 15% 70% 30%; }.ear.left { left: 23px; transform: rotate(-20deg); }.ear.right { right: 20px; transform: scaleX(-1) rotate(-20deg); }.face i { position: absolute; top: 38px; width: 29px; height: 35px; border-radius: 50%; background: white; }.face i:first-child { left: 27px; }.face i:nth-child(2) { right: 27px; }.face i::after { content: ""; position: absolute; width: 11px; height: 13px; left: 9px; top: 10px; background: #302822; border-radius: 50%; }.face b { position: absolute; left: 57px; top: 72px; width: 31px; height: 22px; border-radius: 45% 45% 60% 60%; background: #4e2d22; }.face em { position: absolute; left: 62px; top: 98px; width: 23px; height: 18px; border-radius: 0 0 50% 50%; background: #f36b74; }.box { position: absolute; bottom: 0; left: 17px; width: 190px; height: 72px; display: grid; place-items: center; background: #ffcf83; color: #8a4a2a; border-radius: 12px 12px 24px 24px; font-weight: 900; letter-spacing: .16em; transform: rotate(2deg); }
.metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: 18px 0; }.metrics article { min-width: 0; display: flex; gap: 14px; align-items: center; padding: 18px; background: white; border: 1px solid var(--line); border-radius: 20px; box-shadow: 0 8px 25px rgba(70,45,23,.04); }.metric-icon { flex: 0 0 43px; width: 43px; height: 43px; display: grid; place-items: center; border-radius: 14px; font-weight: 900; }.coral { color: var(--coral); background: #fff0ec; }.blue { color: var(--blue); background: #eaf4ff; }.mint { color: var(--mint); background: #e9f8f1; }.amber { color: #c8890d; background: #fff5d7; }.violet { color: var(--violet); background: #f0edff; }.rose { color: var(--rose); background: #ffedf2; }.metrics small, .metrics strong, .metrics em { display: block; }.metrics small { color: var(--muted); font-size: 11px; font-weight: 700; }.metrics strong { font-size: 24px; line-height: 1.1; }.metrics em { color: #aaa19b; font-size: 10px; font-style: normal; }
.home-workspace { display: grid; grid-template-columns: .8fr 1.2fr; gap: 14px; margin-top: 18px; }.next-step-card,.quick-panel { border: 1px solid var(--line); border-radius: 22px; background: white; box-shadow: 0 10px 30px rgba(70,45,23,.05); }.next-step-card { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 22px; background: radial-gradient(circle at 88% 20%,rgba(57,185,138,.13) 0 60px,transparent 61px),#fff; }.next-step-copy p { margin-top: 7px; color: var(--muted); font-size: 12px; line-height: 1.45; max-width: 390px; }.quick-panel { padding: 18px; }.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 12px; margin-bottom: 13px; }.section-heading > small { color: var(--muted); font-size: 10px; }.quick-actions { display: grid; grid-template-columns: repeat(2,1fr); gap: 9px; }.quick-action { min-width: 0; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; padding: 11px; text-align: left; border: 1px solid var(--line); border-radius: 15px; background: #fffdfa; color: var(--ink); }.quick-action:hover { border-color: #ffc5af; transform: translateY(-1px); }.quick-action > span:nth-child(2) { min-width: 0; }.quick-action strong,.quick-action small { display: block; }.quick-action strong { font-size: 12px; }.quick-action small { margin-top: 2px; color: var(--muted); font-size: 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.quick-action b { color: #b5aaa2; }.quick-icon { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 12px; font-weight: 900; }
.setup-readiness { display:grid; grid-template-columns:1fr minmax(220px,.35fr); align-items:center; gap:24px; margin-top:18px; padding:22px; border:1px solid #f0d9c9; border-radius:24px; background:radial-gradient(circle at 92% 18%,rgba(255,154,61,.16) 0 80px,transparent 81px),linear-gradient(135deg,#fffaf4,#fff); box-shadow:0 12px 34px rgba(87,53,24,.06); }
.setup-readiness h3 { margin-top:4px; font-size:20px; }.setup-readiness-copy>p { max-width:600px; margin-top:6px; color:var(--muted); font-size:12px; line-height:1.5; }.setup-step-list { display:flex; flex-wrap:wrap; gap:7px; margin-top:14px; }.setup-step-chip { display:inline-flex; align-items:center; gap:6px; padding:7px 9px; border-radius:99px; background:#f5f1ed; color:#8b8179; font-size:9px; font-weight:850; }.setup-step-chip::before { content:""; width:7px; height:7px; border:2px solid #b9aea6; border-radius:50%; }.setup-step-chip.complete { background:#eaf8f2; color:#247d5c; }.setup-step-chip.complete::before { border-color:#2bbb7b; background:#2bbb7b; box-shadow:inset 0 0 0 1px #eaf8f2; }.setup-readiness-progress { display:grid; gap:11px; }.setup-readiness-progress>strong { font-size:32px; line-height:1; }.setup-progress-track,.onboarding-progress { height:8px; overflow:hidden; border-radius:99px; background:#eee7e0; }.setup-progress-track i,.onboarding-progress i { display:block; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--orange),var(--coral),var(--mint)); transition:width .35s ease; }.setup-readiness-progress .primary { width:100%; }
.content-grid { display: grid; gap: 18px; min-width: 0; }.panel { min-width: 0; background: white; border: 1px solid var(--line); border-radius: 26px; padding: 24px; box-shadow: var(--shadow); }.panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 20px; }
.primary, .secondary { border: 0; border-radius: 13px; padding: 11px 15px; font-weight: 800; }.primary { background: var(--coral); color: white; }.blue-button { background: var(--blue); }.mint-button { background: var(--mint); }.secondary { background: #f3efeb; color: var(--ink); }
.violet-text { color: var(--violet); }.rose-text { color: var(--rose); }.violet-button { background: var(--violet); }.rose-button { background: var(--rose); }
.table-wrap { max-width: 100%; overflow-x: auto; } table { width: 100%; border-collapse: collapse; } th { padding: 9px 12px; color: #a09790; font-size: 10px; text-align: left; text-transform: uppercase; letter-spacing: .08em; } td { padding: 14px 12px; border-top: 1px solid #f2ebe4; font-size: 13px; }.cell-main { display: flex; align-items: center; gap: 10px; }.cell-avatar { width: 38px; height: 38px; border-radius: 13px; display: grid; place-items: center; background: #fff0e8; color: var(--coral); font-weight: 900; }.product-photo { overflow: hidden; background: #f5f1ed; }.product-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }.cell-main strong, .cell-main small { display: block; }.cell-main small { color: var(--muted); margin-top: 2px; }.tag { display: inline-block; padding: 4px 7px; margin: 2px; border-radius: 99px; background: #eef7ff; color: #347cc6; font-size: 9px; font-weight: 800; }.stock { font-weight: 900; }.stock.low { color: #d89011; }.row-action { border: 0; background: #ecf8f3; color: #23835f; border-radius: 10px; padding: 7px 9px; font-size: 11px; font-weight: 800; }
.product-variant-editor { padding: 14px; border: 1px solid #eadfd4; border-radius: 16px; background: #fffaf6; }
.product-variant-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.product-variant-heading span, .product-variant-heading small { display: block; }
.product-variant-heading small, #productVariantEmpty { color: var(--muted); margin-top: 4px; }
.product-variant-row { display: grid; grid-template-columns: 1.2fr 1fr .75fr .65fr auto; gap: 8px; align-items: end; margin-top: 12px; padding-top: 12px; border-top: 1px solid #eadfd4; }
.product-variant-row label { font-size: 10px; color: var(--muted); }
.product-variant-row input { margin-top: 4px; }
.product-variant-remove { border: 0; width: 38px; height: 38px; border-radius: 11px; background: #ffe8e8; color: #c64d59; font-weight: 900; }
@media (max-width: 720px) { .product-variant-row { grid-template-columns: 1fr 1fr; }.product-variant-remove { width: 100%; }.product-variant-heading { align-items: flex-start; } }
.customer-search { max-width: 620px; display:flex; align-items:center; gap:10px; margin:-5px 0 18px; padding:0 14px; border:1px solid var(--line); border-radius:15px; background:#fffdfa; color:var(--coral); }.customer-search input { border:0; padding:12px 0; background:transparent; box-shadow:none !important; }.customer-search:focus-within { border-color:#ffb49f; box-shadow:0 0 0 3px rgba(255,107,85,.1); }
.barcode-search { max-width:760px; display:grid; grid-template-columns:auto 1fr auto auto; align-items:center; gap:9px; margin:-5px 0 15px; padding:5px 5px 5px 14px; border:1px solid #dfeaf5; border-radius:16px; background:#f7fbff; color:var(--blue); }.barcode-search input { border:0; padding:9px 4px; background:transparent; box-shadow:none !important; }.barcode-result { margin-bottom:15px; padding:13px 15px; border-radius:15px; background:#edf8f3; color:#237a59; font-size:12px; font-weight:750; }.camera-button{border:0;border-radius:11px;padding:10px 13px;background:#e4f1ff;color:#2874c2;font-weight:850;cursor:pointer}.scanner-shell{padding:25px}.scanner-preview{position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:20px;background:#15181d}.scanner-preview video{width:100%;height:100%;object-fit:cover}.scanner-frame{position:absolute;inset:23%;border:3px solid #fff;border-radius:18px;box-shadow:0 0 0 999px rgba(0,0,0,.28)}.scanner-line{position:absolute;z-index:2;left:25%;right:25%;top:40%;height:2px;background:#ff5e55;box-shadow:0 0 12px #ff5e55;animation:scannerMove 1.8s ease-in-out infinite}@keyframes scannerMove{50%{transform:translateY(75px)}}
.growth-summary { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; margin-bottom:22px; }.growth-summary article { padding:17px; border:1px solid var(--line); border-radius:17px; background:linear-gradient(145deg,#fffdf9,#fff5ef); }.growth-summary small,.growth-summary strong,.growth-summary em { display:block; }.growth-summary small { color:var(--muted); font-size:10px; font-weight:800; }.growth-summary strong { margin-top:5px; font-size:26px; }.growth-summary em { color:#a59a92; font-size:9px; font-style:normal; }.growth-columns { display:grid; grid-template-columns:1fr 1fr; gap:16px; }.growth-columns>section { padding:16px; border:1px solid var(--line); border-radius:20px; background:#fffdfa; }
.empty { text-align: center; padding: 38px 10px 25px; color: var(--muted); }.empty span { width: 50px; height: 50px; display: grid; place-items: center; margin: auto auto 10px; border-radius: 17px; background: #fff1eb; color: var(--coral); font-size: 24px; }.empty strong { display: block; color: var(--ink); }.empty p { margin-top: 4px; font-size: 12px; }.hidden { display: none !important; }
.operations-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; min-width: 0; }.operation-list { display: grid; gap: 10px; }.operation-card { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; padding: 13px; border: 1px solid var(--line); border-radius: 16px; background: #fffdfa; }.operation-date { width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; text-align: center; background: #f0edff; color: var(--violet); font-size: 10px; font-weight: 900; line-height: 1.05; }.operation-date strong { display: block; font-size: 18px; }.operation-main strong, .operation-main small { display: block; }.operation-main small { margin-top: 3px; color: var(--muted); font-size: 11px; }.operation-meta { text-align: right; }.operation-meta strong { display: block; font-size: 13px; }.status-badge { display: inline-block; margin-top: 5px; padding: 4px 7px; border-radius: 99px; background: #ecf8f3; color: #23835f; font-size: 9px; font-weight: 900; }.status-badge.pending { background: #fff3dc; color: #aa7011; }.compact { padding: 24px 8px 12px; }.compact span { width: 42px; height: 42px; font-size: 19px; }
.status-badge.incoming { margin-right: 5px; background: #eef4ff; color: #2b67c9; }
.page-hidden, .role-hidden { display: none !important; }
.business-context { display:flex; flex-wrap:wrap; gap:6px; margin-top:5px; }
.business-kind,.business-role { display:inline-block; padding:4px 8px; border-radius:99px; font-size:10px; font-weight:900; }
.business-kind { background:#fff0e8; color:var(--coral); }
.business-role { background:#eef4ff; color:#2b67c9; }
.status.offline { background:#fff3eb; color:#b96b28; }.status.offline i { background:#f0a04b; box-shadow:0 0 0 4px rgba(240,160,75,.14); }
.role-focus { margin-top:18px; padding:22px; border:1px solid #e4e8df; border-radius:24px; background:radial-gradient(circle at 94% 8%,rgba(57,185,138,.12) 0 85px,transparent 86px),linear-gradient(145deg,#fff,#fbfffc); box-shadow:0 12px 34px rgba(49,78,60,.06); }
.role-focus-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:15px; }.role-focus-heading p { margin-top:5px; color:var(--muted); font-size:12px; }
.focus-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.focus-row { min-width:0; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:11px; padding:12px; color:var(--ink); text-decoration:none; border:1px solid var(--line); border-radius:16px; background:#fffdfa; transition:transform .18s ease,border-color .18s ease; }.focus-row:hover { transform:translateY(-1px); border-color:#cde7d8; }.focus-row>span:nth-child(2) { min-width:0; }.focus-row strong,.focus-row small { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.focus-row strong { font-size:12px; }.focus-row small { margin-top:3px; color:var(--muted); font-size:10px; }.focus-row b { color:#9daca2; }
.focus-icon { width:39px; height:39px; display:grid; place-items:center; border-radius:13px; font-size:12px; font-weight:900; }
.focus-empty { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:11px; padding:15px; border:1px dashed #cfe1d5; border-radius:16px; color:var(--muted); }.focus-empty>span { grid-row:1/3; width:39px; height:39px; display:grid; place-items:center; border-radius:13px; background:#eaf8f2; color:#23835f; font-weight:900; }.focus-empty strong,.focus-empty small { display:block; }.focus-empty strong { color:var(--ink); font-size:12px; }.focus-empty small { font-size:10px; }
.command-center{margin-top:16px;padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 10px 32px rgba(51,40,31,.05)}
.command-center-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:15px;border-bottom:1px solid var(--line)}.command-center-heading h3{font-size:22px}.command-center-heading p{max-width:580px;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.45}
.command-center-status{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:99px;background:#eaf8f2;color:#23835f;font-size:9px;font-weight:900;white-space:nowrap}.command-center-status i{width:7px;height:7px;border-radius:50%;background:#2dc67d;box-shadow:0 0 0 4px rgba(45,198,125,.14)}
.command-center-status.attention{color:#b16818;background:#fff3de}.command-center-status.attention i{background:#ef9b30;box-shadow:0 0 0 4px rgba(239,155,48,.14)}
.command-center-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.command-center-metrics article{padding:11px;border-radius:13px;background:#f8f5f2}.command-center-metrics small,.command-center-metrics strong{display:block}.command-center-metrics small{color:var(--muted);font-size:8px;font-weight:850}.command-center-metrics strong{margin-top:3px;font-size:20px}.command-center-metrics article:first-child strong{color:#d9485f}.command-center-metrics article:nth-child(2) strong{color:#c67b1f}.command-center-metrics article:nth-child(3) strong{color:#dd773d}.command-center-metrics article:last-child strong{color:#2d7e65}
.command-center-primary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:16px;border-radius:17px;color:#fff;background:radial-gradient(circle at 88% 10%,rgba(255,255,255,.16) 0 65px,transparent 66px),linear-gradient(125deg,#2c302f,#3d4744);text-decoration:none}.command-primary-number{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#ffe0bd;background:rgba(255,255,255,.1);font-size:11px;font-weight:900}.command-center-primary small,.command-center-primary strong,.command-center-primary em{display:block}.command-center-primary small{color:#9ce1c3;font-size:8px;font-weight:900;letter-spacing:.08em}.command-center-primary strong{margin-top:3px;font-size:14px}.command-center-primary em{margin-top:3px;overflow:hidden;color:rgba(255,255,255,.68);font-size:9px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.command-center-primary b{font-size:10px}
.command-center-list{display:grid;margin-top:5px}.command-center-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 5px;border-bottom:1px solid #f1ebe6;color:var(--ink);text-decoration:none}.command-center-row:last-child{border-bottom:0}.command-center-row>span:first-child{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;color:#9a4f35;background:#fff0e9;font-size:9px;font-weight:900}.command-center-row strong,.command-center-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-center-row strong{font-size:11px}.command-center-row small{margin-top:2px;color:var(--muted);font-size:9px}.command-center-row b{color:#a49b94;font-size:10px}
.command-center-empty{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:16px;border:1px dashed #cfe1d5;border-radius:16px}.command-center-empty>span{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;color:#23835f;background:#eaf8f2;font-weight:900}.command-center-empty strong,.command-center-empty small{display:block}.command-center-empty strong{font-size:12px}.command-center-empty small{margin-top:3px;color:var(--muted);font-size:9px}.demo-business-button{white-space:nowrap}
.settings-help { margin-top: 15px; padding: 12px; border-radius: 13px; background: #fff6ee; color: var(--muted); font-size: 12px; line-height: 1.5; }
.row-action.danger { background: #fff0f1; color: #c63f50; }
.row-action.restore { background: #eef4ff; color: #2b67c9; }
.prescription-heading { margin-top: 22px; }
.prescription-actions { display: grid; gap: 7px; min-width: 190px; }
.prescription-actions select { width: 100%; border: 1px solid #eadfd5; border-radius: 10px; padding: 8px; background: #fff; color: var(--ink); font: inherit; font-size: 11px; }
.schedule-grid { margin-top: 14px; }
.report-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.report-grid article { padding: 24px; border-radius: 18px; background: #fff8f1; border: 1px solid var(--line); }
.report-grid small, .report-grid strong { display: block; }
.report-grid small { color: var(--muted); font-weight: 800; }
.report-grid strong { margin-top: 6px; font-size: 30px; }
.finance-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }.finance-filter { display:flex; align-items:end; gap:10px; margin-bottom:14px; }.finance-filter label { max-width:190px; }.pnl-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.pnl-summary article { position:relative; overflow:hidden; min-height:112px; padding:20px; border:1px solid var(--line); border-radius:20px; }.pnl-summary article::after { content:""; position:absolute; width:80px; height:80px; right:-25px; top:-25px; border-radius:50%; background:currentColor; opacity:.08; }.pnl-summary small,.pnl-summary strong,.pnl-summary em { display:block; }.pnl-summary small { color:var(--muted); font-size:11px; font-weight:800; }.pnl-summary strong { margin-top:8px; font-size:29px; }.pnl-summary em { margin-top:4px; color:var(--muted); font-size:10px; font-style:normal; }.pnl-summary .income { color:#20845f; background:#f1fbf6; }.pnl-summary .expense { color:#c9445b; background:#fff4f5; }.pnl-summary .profit { color:#2d72c9; background:#f3f8ff; }.pnl-summary .profit.negative { color:#c9445b; background:#fff4f5; }.finance-breakdown { display:flex; flex-wrap:wrap; gap:7px; margin:12px 0 5px; }.finance-category { display:flex; gap:7px; padding:7px 10px; border-radius:99px; background:#f5f1ed; color:var(--muted); font-size:10px; }.finance-category b { color:var(--ink); }.finance-category.income b { color:#20845f; }.finance-category.expense b { color:#c9445b; }.finance-section { margin-top:28px; padding-top:22px; border-top:1px solid var(--line); }.ledger-card.income { border-left:4px solid var(--mint); }.ledger-card.expense { border-left:4px solid var(--rose); }.receipt-drop { position:relative; display:grid; place-items:center; gap:7px; min-height:260px; padding:24px; border:2px dashed #f2b5a9; border-radius:20px; background:#fff8f5; text-align:center; overflow:hidden; }.receipt-drop input { position:absolute; inset:0; opacity:0; cursor:pointer; z-index:2; }.receipt-drop .scan-icon { display:grid; place-items:center; width:58px; height:58px; border-radius:18px; color:var(--coral); background:#ffe6dd; font-size:27px; }.receipt-drop small { max-width:300px; color:var(--muted); line-height:1.45; }.receipt-drop img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; background:#241f1c; z-index:1; }.ocr-review textarea { min-height:130px; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:11px; }
.live-chip { display:inline-flex; align-items:center; gap:7px; padding:8px 11px; border-radius:99px; background:#eaf8f2; color:#23835f; font-size:10px; font-weight:900; }.live-chip i { width:7px; height:7px; border-radius:50%; background:#2dc67d; box-shadow:0 0 0 4px rgba(45,198,125,.14); }.delivery-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:18px; }.delivery-summary span { padding:15px; border-radius:16px; background:#f8fbff; border:1px solid #e6eef8; }.delivery-summary strong,.delivery-summary small { display:block; }.delivery-summary strong { font-size:24px; }.delivery-summary small { color:var(--muted); font-size:10px; }.delivery-card { border-left:4px solid #79ace8; }
.dispatch-layout { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(270px,.75fr); gap:16px; margin-bottom:18px; }.dispatch-map-card,.driver-board { padding:14px; border:1px solid #e3edf8; border-radius:20px; background:#f8fbff; }.subheading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:11px; }.subheading small,.subheading strong { display:block; }.subheading small { color:#4586c8; font-size:9px; font-weight:900; letter-spacing:.08em; }.subheading strong { margin-top:2px; font-size:14px; }.subheading>span { padding:6px 9px; border-radius:99px; background:#e7f2ff; color:#397bc1; font-size:10px; font-weight:900; }#deliveryMap { height:310px; border-radius:15px; background:linear-gradient(135deg,#e9f5ed,#dcecff); overflow:hidden; }.dispatch-map-card>p { margin:9px 3px 0; color:var(--muted); font-size:10px; }.leaflet-popup-content { line-height:1.45; }.leaflet-popup-content a { display:inline-block; margin-top:7px; color:#2679cc; font-weight:800; }.driver-list { display:grid; gap:8px; }.driver-card { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:9px; padding:10px; border-radius:14px; background:#fff; border:1px solid #e7edf3; }.driver-avatar { width:38px; height:38px; display:grid; place-items:center; border-radius:12px; color:white; background:linear-gradient(145deg,#3a8be7,#60c0e8); font-size:11px; font-weight:900; }.driver-card strong,.driver-card small,.driver-card a { display:block; }.driver-card small { color:var(--muted); font-size:9px; }.driver-card a { margin-top:3px; color:#347ac0; font-size:10px; }.driver-card>span:last-child { text-align:right; }.driver-dot { display:inline-block; width:8px; height:8px; margin-right:4px; border-radius:50%; }.driver-dot.available { background:#2bc77c; }.driver-dot.busy { background:#ff993f; }.driver-dot.offline { background:#a5aab2; }.driver-empty { padding:22px 14px; border:1px dashed #cfddea; border-radius:14px; color:var(--muted); font-size:11px; line-height:1.5; text-align:center; }.map-link { display:inline-block; text-decoration:none; }
.nav-count { margin-left:auto; min-width:20px; height:20px; display:inline-grid; place-items:center; padding:0 6px; border-radius:99px; color:#fff; background:#ff7047; font-size:9px; font-weight:900; }
.inbox-panel { padding:0; overflow:hidden; }
.inbox-panel>.panel-heading { padding:24px 25px 19px; border-bottom:1px solid var(--line); }
.inbox-panel>.panel-heading p:last-child { margin-top:5px; color:var(--muted); font-size:11px; font-weight:500; }
.inbox-layout { display:grid; grid-template-columns:minmax(270px,.78fr) minmax(390px,1.5fr); min-height:610px; }
.conversation-list { border-right:1px solid var(--line); background:#fffaf6; overflow-y:auto; }
.conversation-row { width:100%; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:11px; padding:15px 16px; border:0; border-bottom:1px solid rgba(88,67,53,.08); color:var(--ink); background:transparent; text-align:left; cursor:pointer; transition:.18s ease; }
.conversation-row:hover { background:#fff; }
.conversation-row.active { background:#fff; box-shadow:inset 4px 0 0 #4599e8; }
.conversation-avatar { width:42px; height:42px; display:grid; place-items:center; border-radius:15px; color:#267cc8; background:linear-gradient(145deg,#dff3ff,#edf7ff); font-size:12px; font-weight:900; }
.conversation-copy { min-width:0; }
.conversation-copy strong,.conversation-copy small,.conversation-copy em { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.conversation-copy strong { font-size:12px; }
.conversation-copy small { margin-top:2px; color:#4485bd; font-size:9px; }
.conversation-copy em { margin-top:5px; color:var(--muted); font-size:10px; font-style:normal; }
.conversation-time { align-self:start; color:var(--muted); font-size:9px; text-align:right; }
.conversation-time b { display:grid; place-items:center; min-width:20px; height:20px; margin:7px 0 0 auto; padding:0 5px; border-radius:99px; color:#fff; background:#ff7047; font-size:9px; }
.conversation-chat { min-width:0; background:radial-gradient(circle at 95% 0,rgba(79,159,231,.11),transparent 210px),#fff; }
.conversation-placeholder { height:100%; min-height:520px; display:grid; place-content:center; justify-items:center; gap:8px; color:var(--muted); text-align:center; }
.conversation-placeholder>span { width:65px; height:65px; display:grid; place-items:center; border-radius:22px; color:#3187d5; background:#e9f5ff; font-size:27px; }
.conversation-placeholder strong { color:var(--ink); }
.conversation-placeholder p { font-size:11px; }
.conversation-active { height:610px; display:grid; grid-template-rows:auto 1fr auto; }
.conversation-header { display:flex; align-items:center; gap:11px; padding:16px 18px; border-bottom:1px solid var(--line); background:rgba(255,255,255,.85); }
.conversation-header>div { min-width:0; flex:1; }
.conversation-header strong,.conversation-header small { display:block; }
.conversation-header strong { font-size:13px; }
.conversation-header small { margin-top:3px; color:var(--muted); font-size:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.conversation-back { display:none; border:0; border-radius:11px; padding:8px; background:#eef6fd; color:#2f80c8; }
.message-thread { display:flex; flex-direction:column; gap:9px; padding:20px; overflow-y:auto; }
.message-bubble { align-self:flex-start; max-width:min(78%,520px); padding:10px 12px 8px; border-radius:17px 17px 17px 5px; background:#f3f0ed; }
.message-bubble.outgoing { align-self:flex-end; border-radius:17px 17px 5px 17px; color:#fff; background:linear-gradient(145deg,#318ee1,#52abe9); }
.message-bubble small { display:block; margin-bottom:3px; font-size:8px; font-weight:900; opacity:.72; }
.message-bubble p { font-size:12px; line-height:1.45; white-space:pre-wrap; }
.message-bubble time { display:block; margin-top:4px; font-size:8px; text-align:right; opacity:.65; }
.thread-empty { margin:auto; color:var(--muted); font-size:11px; }
.message-composer { display:grid; grid-template-columns:1fr auto; align-items:end; gap:10px; padding:14px 16px; border-top:1px solid var(--line); background:#fff; }
.message-composer textarea { min-height:44px; max-height:120px; resize:none; }
.message-composer button { min-height:44px; }
.inbox-panel>.empty { margin:20px; }
.operations-center { padding:0; overflow:hidden; background:#fffaf5; }
.operations-hero { min-height:210px; display:grid; grid-template-columns:1fr auto; align-items:end; gap:25px; padding:34px; color:#fff; background:radial-gradient(circle at 82% 12%,rgba(255,255,255,.14) 0 95px,transparent 96px),radial-gradient(circle at 66% 110%,rgba(255,154,61,.26) 0 150px,transparent 151px),linear-gradient(125deg,#252b2f,#283c42 58%,#215d66); }
.operations-live { display:inline-flex; align-items:center; gap:7px; margin-bottom:16px; color:#a8f1d8; font-size:10px; font-weight:900; letter-spacing:.14em; }
.operations-live i { width:8px; height:8px; border-radius:50%; background:#45e3a8; box-shadow:0 0 0 5px rgba(69,227,168,.13); animation:opsPulse 1.8s ease infinite; }
@keyframes opsPulse { 50% { box-shadow:0 0 0 9px rgba(69,227,168,0); } }
.operations-hero h2 { max-width:none; font-family:"Avenir Next","Trebuchet MS",sans-serif; font-size:38px; letter-spacing:-.045em; }
.operations-hero p { max-width:690px; margin-top:10px; color:rgba(255,255,255,.68); font-size:13px; line-height:1.55; }
.operations-clock { min-width:160px; padding:18px; border:1px solid rgba(255,255,255,.13); border-radius:20px; background:rgba(255,255,255,.08); backdrop-filter:blur(12px); text-align:right; }
.operations-clock small,.operations-clock strong,.operations-clock span { display:block; }
.operations-clock small { color:rgba(255,255,255,.55); font-size:8px; font-weight:900; letter-spacing:.1em; }
.operations-clock strong { margin:5px 0; font-size:25px; }
.operations-clock span { color:#a8f1d8; font-size:10px; font-weight:800; }
.operations-metrics { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; margin:-22px 24px 0; position:relative; z-index:1; }
.operations-metrics article { display:flex; align-items:center; gap:11px; min-width:0; padding:15px; border:1px solid rgba(77,60,47,.09); border-radius:18px; background:#fff; box-shadow:0 12px 35px rgba(50,39,31,.09); }
.operations-metrics small,.operations-metrics strong,.operations-metrics em { display:block; }
.operations-metrics small { color:var(--muted); font-size:9px; font-weight:800; }
.operations-metrics strong { margin-top:2px; font-size:21px; }
.operations-metrics em { color:#aaa19b; font-size:8px; font-style:normal; white-space:nowrap; }
.ops-metric-icon { flex:0 0 37px; width:37px; height:37px; display:grid; place-items:center; border-radius:13px; font-weight:900; }
.operations-layout { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(250px,.55fr); gap:15px; padding:22px 24px 26px; }
.operations-queue-card,.ops-side-card { border:1px solid var(--line); border-radius:21px; background:#fff; }
.operations-queue-card { min-width:0; padding:19px; }
.operations-queue-head { display:flex; align-items:flex-end; justify-content:space-between; gap:15px; padding-bottom:15px; border-bottom:1px solid var(--line); }
.operations-filters { display:flex; gap:5px; padding:4px; border-radius:13px; background:#f6f2ee; }
.operations-filters button { border:0; padding:8px 10px; border-radius:10px; color:#817871; background:transparent; font-size:9px; font-weight:800; }
.operations-filters button.active { color:#fff; background:#2d373a; box-shadow:0 5px 12px rgba(45,55,58,.16); }
.operations-queue { display:grid; }
.ops-queue-item { position:relative; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:13px; padding:15px 4px; border-bottom:1px solid #f2ebe5; }
.ops-queue-item::before { content:""; position:absolute; left:-19px; top:14px; bottom:14px; width:3px; border-radius:4px; background:transparent; }
.ops-queue-item.urgent::before { background:#ee4f68; }.ops-queue-item.attention::before { background:#efa533; }
.ops-type { width:43px; height:43px; display:grid; place-items:center; border-radius:14px; font-size:16px; font-weight:900; }
.ops-type.order { color:#df536c; background:#fff0f3; }.ops-type.appointment { color:#705bd2; background:#f0edff; }
.ops-item-main { min-width:0; }
.ops-item-main>small { color:#9d938c; font-size:8px; font-weight:900; letter-spacing:.07em; }
.ops-item-main>strong { display:block; margin-top:2px; font-size:12px; }
.ops-item-main>p { margin-top:3px; overflow:hidden; color:var(--muted); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.ops-item-meta { display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin-top:7px; }
.ops-item-meta>b,.ops-item-meta>em { color:#695f58; font-size:9px; font-style:normal; }
.ops-assignee { display:inline-flex; align-items:center; gap:5px; color:#347a67; font-size:9px; font-weight:800; }
.ops-assignee i { width:20px; height:20px; display:grid; place-items:center; border-radius:7px; color:#19725a; background:#dff6ed; font-size:7px; font-style:normal; }
.ops-assignee.empty-assignee { padding:4px 7px; border-radius:8px; color:#b46d1e; background:#fff3dd; }
.ops-item-actions { min-width:130px; display:flex; align-items:flex-end; flex-direction:column; gap:6px; }
.ops-item-actions a { text-decoration:none; }
.ops-assign { border:0; padding:8px 10px; border-radius:10px; color:#fff; background:linear-gradient(135deg,#2a9b79,#46c998); font-size:9px; font-weight:900; box-shadow:0 7px 15px rgba(42,155,121,.18); }
.ops-assign:disabled { opacity:.65; }
.ops-open { color:#3788e8; font-size:9px; font-weight:900; }
.operations-empty { min-height:280px; display:grid; place-content:center; justify-items:center; gap:7px; color:var(--muted); text-align:center; }
.operations-empty>span { width:47px; height:47px; display:grid; place-items:center; border-radius:16px; color:#218363; background:#e4f7ef; font-size:20px; }
.operations-empty p { font-size:10px; }
.operations-side { display:grid; align-content:start; gap:14px; }
.ops-side-card { padding:16px; }
.ops-side-card .subheading { margin-bottom:10px; }
.ops-ai-badge { min-width:48px; height:30px; display:grid; place-items:center; padding:0 8px; border-radius:11px; color:#fff; background:linear-gradient(145deg,#ff9540,#ff6c57); font-size:8px; font-weight:900; letter-spacing:.04em; }
.operations-insights { display:grid; gap:8px; }
.ops-insight { display:grid; grid-template-columns:auto 1fr auto; align-items:start; gap:9px; padding:11px; border-radius:14px; color:inherit; background:#f6f4f2; text-decoration:none; }
.ops-insight>span { width:27px; height:27px; display:grid; place-items:center; border-radius:9px; color:#5c554f; background:#fff; font-size:10px; font-weight:900; }
.ops-insight strong { display:block; font-size:10px; line-height:1.35; }
.ops-insight p { margin-top:3px; color:var(--muted); font-size:9px; line-height:1.4; }
.ops-insight>b { color:var(--blue); }
.ops-insight.urgent { background:#fff0f2; }.ops-insight.urgent>span { color:#cf3f56; }
.ops-insight.attention,.ops-insight.stock { background:#fff6e7; }.ops-insight.clear { background:#eaf8f2; }
.operations-team { display:grid; }
.operations-team article { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:9px; padding:10px 0; border-bottom:1px solid #f2ebe5; }
.operations-team article>span { position:relative; width:34px; height:34px; display:grid; place-items:center; border-radius:12px; color:#2f74ac; background:#e7f4ff; font-size:9px; font-weight:900; }
.operations-team article>span i { position:absolute; right:-2px; bottom:-2px; width:9px; height:9px; border:2px solid #fff; border-radius:50%; background:#37c884; }
.operations-team article>span i.busy { background:#ff9a3d; }.operations-team article>span i.offline { background:#a8a5a2; }
.operations-team strong,.operations-team small { display:block; }.operations-team strong { font-size:10px; }.operations-team small { margin-top:2px; color:var(--muted); font-size:8px; }
.operations-team em { color:#32906f; font-size:8px; font-style:normal; font-weight:800; }.operations-team article:has(i.busy) em { color:#d67c2b; }.operations-team article:has(i.offline) em { color:#999; }
.ops-team-empty { padding:15px 8px; color:var(--muted); font-size:9px; line-height:1.5; text-align:center; }
.automation-center { padding:0; overflow:hidden; background:#fbfaf7; }
.automation-hero { min-height:230px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:28px; padding:34px; color:#fff; background:radial-gradient(circle at 88% 20%,rgba(255,255,255,.14) 0 92px,transparent 93px),linear-gradient(135deg,#123c3c,#176a65 58%,#2c8c76); }
.automation-hero h2 { max-width:650px; margin-top:8px; font-size:31px; line-height:1.08; }.automation-hero p { max-width:680px; margin-top:10px; color:rgba(255,255,255,.78); font-size:12px; line-height:1.55; }
.automation-run { min-width:220px; display:grid; grid-template-columns:42px 1fr; align-items:center; gap:2px 11px; padding:15px; border:1px solid rgba(255,255,255,.25); border-radius:18px; color:#174943; background:#fff; text-align:left; box-shadow:0 18px 35px rgba(0,0,0,.16); }
.automation-run>span { grid-row:1/3; width:42px; height:42px; display:grid; place-items:center; border-radius:13px; color:#fff; background:#ff805d; font-size:19px; }.automation-run strong { font-size:12px; }.automation-run small { color:#75817d; font-size:8px; }
.automation-metrics { position:relative; z-index:2; display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin:-18px 24px 0; }.automation-metrics article { padding:15px; border:1px solid #eee5dc; border-radius:17px; background:#fff; box-shadow:0 10px 25px rgba(48,38,30,.06); }
.automation-metrics small,.automation-metrics strong,.automation-metrics em { display:block; }.automation-metrics small { color:var(--muted); font-size:8px; font-weight:900; text-transform:uppercase; }.automation-metrics strong { margin-top:4px; font-size:22px; }.automation-metrics em { margin-top:3px; color:#aaa19a; font-size:8px; font-style:normal; }
.automation-layout { display:grid; grid-template-columns:1.45fr .75fr; gap:14px; padding:20px 24px 28px; }.automation-rules-card,.automation-history-card { padding:18px; border:1px solid #eee5dc; border-radius:20px; background:#fff; }
.automation-rules { display:grid; gap:9px; margin-top:14px; }.automation-rule { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; padding:13px; border:1px solid #f0e8e1; border-radius:16px; background:#fcfaf8; transition:.2s; }.automation-rule.enabled { border-color:#ccebdd; background:#f5fcf8; }
.automation-rule-icon { width:40px; height:40px; display:grid; place-items:center; border-radius:13px; color:#8a7f77; background:#eee9e5; font-weight:900; }.automation-rule.enabled .automation-rule-icon { color:#16735d; background:#dff4ea; }
.automation-rule strong { display:block; font-size:11px; }.automation-rule p { margin-top:3px; color:var(--muted); font-size:9px; line-height:1.4; }.automation-rule small { display:block; margin-top:5px; color:#2b8b72; font-size:8px; font-weight:800; }
.automation-switch { display:block; }.automation-switch input { position:absolute; opacity:0; pointer-events:none; }.automation-switch span { width:42px; height:24px; display:block; padding:3px; border-radius:99px; background:#d8d5d2; transition:.2s; }.automation-switch span::after { content:""; width:18px; height:18px; display:block; border-radius:50%; background:#fff; box-shadow:0 2px 5px rgba(0,0,0,.18); transition:.2s; }.automation-switch input:checked+span { background:#28b47f; }.automation-switch input:checked+span::after { transform:translateX(18px); }
.automation-history { display:grid; margin-top:14px; }.automation-history article { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:9px; padding:11px 0; border-bottom:1px solid #f1ebe6; }.automation-history article>span { width:31px; height:31px; display:grid; place-items:center; border-radius:10px; color:#278467; background:#e6f6ef; }.automation-history article>span.sent { color:#ec704e; background:#fff0e9; }.automation-history strong,.automation-history small { display:block; }.automation-history strong { font-size:9px; }.automation-history small { margin-top:2px; color:var(--muted); font-size:8px; }.automation-history em { color:#278467; font-size:7px; font-style:normal; text-transform:uppercase; }
.barcode-result { align-items:center; justify-content:space-between; gap:12px; }.barcode-receive { display:flex; align-items:center; gap:8px; }.barcode-receive input { width:78px; padding:9px; }.barcode-receive button { white-space:nowrap; }
.smart-procurement { margin-bottom:17px; padding:18px; border:1px solid #cfe8df; border-radius:21px; background:radial-gradient(circle at 92% 0,rgba(47,180,137,.13),transparent 150px),linear-gradient(145deg,#f5fcf8,#fff); }
.smart-procurement-head,.smart-procurement-head>div { display:flex; align-items:center; gap:10px; }.smart-procurement-head { justify-content:space-between; }.smart-procurement-head>div>span { width:38px; height:38px; display:grid; place-items:center; border-radius:12px; color:#fff; background:#239a75; }.smart-procurement-head small,.smart-procurement-head strong { display:block; }.smart-procurement-head small { color:#299172; font-size:8px; font-weight:900; letter-spacing:.08em; }.smart-procurement-head strong { margin-top:2px; font-size:13px; }.smart-procurement-head em { color:var(--muted); font-size:8px; font-style:normal; }
.procurement-summary { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-top:14px; }.procurement-summary article { padding:11px; border:1px solid #e1eee8; border-radius:14px; background:rgba(255,255,255,.85); }.procurement-summary small,.procurement-summary strong { display:block; }.procurement-summary small { color:var(--muted); font-size:8px; }.procurement-summary strong { margin-top:3px; font-size:18px; }
.procurement-list { display:grid; gap:7px; margin-top:12px; }.procurement-item { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:11px; padding:11px; border:1px solid #e7eee9; border-radius:15px; background:#fff; }.procurement-item.critical,.procurement-item.expired { border-color:#ffd2ca; background:#fff9f7; }.procurement-item-icon { width:34px; height:34px; display:grid; place-items:center; border-radius:11px; color:#207d63; background:#e3f6ed; font-weight:900; }.procurement-item.critical .procurement-item-icon,.procurement-item.expired .procurement-item-icon { color:#df5947; background:#ffebe7; }
.procurement-item>div>strong { font-size:10px; }.procurement-item p { margin-top:2px; color:var(--muted); font-size:8px; }.procurement-expiry { display:inline-block; margin-top:5px; color:#746b64; font-size:7px; }.procurement-expiry.warning { color:#d47b24; }.procurement-expiry.danger { color:#d84343; }.procurement-order { min-width:130px; display:grid; justify-items:end; gap:3px; }.procurement-order small { color:var(--muted); font-size:7px; }.procurement-order strong { color:#238768; font-size:12px; }.procurement-order button { padding:7px 9px; border:0; border-radius:9px; color:#fff; background:#1f9773; font-size:8px; font-weight:900; }.procurement-order button:disabled { color:#999; background:#e5e2df; }.procurement-clear { display:grid; justify-items:center; gap:3px; padding:18px; color:var(--muted); text-align:center; }.procurement-clear span { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; color:#218363; background:#e5f6ef; }.procurement-clear strong { color:var(--ink); font-size:10px; }.procurement-clear small { font-size:8px; }
.growth-engine { margin-bottom:20px; padding:20px; border:1px solid #f0d9cf; border-radius:22px; background:radial-gradient(circle at 95% 5%,rgba(255,119,89,.14),transparent 170px),linear-gradient(145deg,#fff8f4,#fff); }
.growth-engine-head,.growth-engine-head>div:first-child { display:flex; align-items:center; gap:11px; }.growth-engine-head { justify-content:space-between; }.growth-engine-head>div:first-child>span { width:42px; height:42px; display:grid; place-items:center; border-radius:14px; color:#fff; background:linear-gradient(145deg,#ff9163,#f55f6f); }.growth-engine-head small,.growth-engine-head strong { display:block; }.growth-engine-head small { color:#e86653; font-size:8px; font-weight:900; letter-spacing:.08em; }.growth-engine-head strong { margin-top:2px; font-size:13px; }
.growth-segments { display:flex; gap:5px; padding:4px; border-radius:12px; background:#f6eee9; }.growth-segments button { padding:7px 9px; border:0; border-radius:9px; color:#847a73; background:transparent; font-size:8px; font-weight:850; }.growth-segments button.active { color:#fff; background:#ee6d59; }
.growth-engine-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-top:15px; }.growth-engine-metrics article { padding:12px; border:1px solid #f1e5de; border-radius:15px; background:rgba(255,255,255,.88); }.growth-engine-metrics small,.growth-engine-metrics strong,.growth-engine-metrics em { display:block; }.growth-engine-metrics small { color:var(--muted); font-size:8px; }.growth-engine-metrics strong { margin-top:3px; font-size:19px; }.growth-engine-metrics em { margin-top:2px; color:#a99e97; font-size:7px; font-style:normal; }
.growth-customer-list { display:grid; gap:7px; margin-top:13px; }.growth-customer { display:grid; grid-template-columns:auto minmax(180px,1fr) auto auto; align-items:center; gap:11px; padding:12px; border:1px solid #f0e6df; border-radius:16px; background:#fff; }.growth-customer.inactive { border-color:#ffd7cf; background:#fff9f7; }.growth-customer.vip { border-color:#f3dfae; background:#fffdf7; }.growth-customer-avatar { width:38px; height:38px; display:grid; place-items:center; border-radius:13px; color:#fff; background:linear-gradient(145deg,#ff9b63,#f26270); font-size:10px; font-weight:900; }.growth-customer-main>span { display:flex; align-items:center; gap:6px; }.growth-customer-main strong { font-size:10px; }.growth-customer-main b { padding:3px 6px; border-radius:99px; color:#c55b49; background:#fff0eb; font-size:7px; }.growth-customer-main p { margin-top:3px; color:var(--muted); font-size:8px; }.growth-customer-main small { display:block; margin-top:5px; color:#665c56; font-size:8px; line-height:1.35; }.growth-customer-value { min-width:68px; text-align:right; }.growth-customer-value strong,.growth-customer-value small { display:block; }.growth-customer-value strong { font-size:12px; }.growth-customer-value small { margin-top:2px; color:#b28a31; font-size:7px; }.growth-action { min-width:76px; padding:8px; border:0; border-radius:10px; color:#fff; background:#ef6d59; font-size:8px; font-weight:900; }.growth-action:disabled { color:#a6a09c; background:#ebe8e5; }
.customer360-button { color:#fff; background:linear-gradient(135deg,var(--coral),var(--orange)); }
.customer360-dialog { width:min(1180px,calc(100vw - 28px)); height:min(850px,calc(100dvh - 28px)); max-width:none; max-height:none; overflow:hidden; background:#fffaf5; }
.customer360-dialog::backdrop { background:rgba(40,31,25,.66); backdrop-filter:blur(7px); }
.customer360-shell { height:100%; display:grid; grid-template-rows:auto auto minmax(0,1fr); overflow:hidden; }
.customer360-header { height:auto; min-height:108px; padding:20px 25px; border-bottom:1px solid var(--line); background:radial-gradient(circle at 75% 0,rgba(255,154,61,.13),transparent 180px),#fff; }
.customer360-close { flex:0 0 40px; width:40px; height:40px; border-radius:50%; background:#f3efeb; color:#6f655e; font-size:23px; }
.customer360-identity { min-width:0; display:flex; align-items:center; gap:14px; flex:1; }
.customer360-avatar { flex:0 0 58px; width:58px; height:58px; display:grid; place-items:center; border-radius:20px; color:#fff; background:linear-gradient(145deg,var(--orange),var(--coral)); font-size:17px; font-weight:900; box-shadow:0 10px 25px rgba(255,107,85,.23); }
.customer360-identity h2 { font-family:"Avenir Next","Trebuchet MS",sans-serif; font-size:25px; }
.customer360-identity>div>p:last-child { margin-top:3px; color:var(--muted); font-size:12px; }
.customer360-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.customer360-actions a { text-decoration:none; font-size:12px; }
.customer360-loading { display:grid; place-content:center; justify-items:center; gap:14px; color:var(--muted); }
.customer360-loading span { width:45px; height:45px; border:4px solid #f4ded1; border-top-color:var(--coral); border-radius:50%; animation:customer360Spin .8s linear infinite; }
@keyframes customer360Spin { to { transform:rotate(360deg); } }
.customer360-content { min-height:0; overflow-y:auto; padding:20px 24px 28px; }
.customer360-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:11px; }
.customer360-metrics article { position:relative; overflow:hidden; padding:16px 17px; border:1px solid var(--line); border-radius:18px; background:#fff; }
.customer360-metrics article::after { content:""; position:absolute; right:-20px; top:-25px; width:75px; height:75px; border-radius:50%; background:linear-gradient(145deg,rgba(255,154,61,.14),rgba(55,136,232,.1)); }
.customer360-metrics small,.customer360-metrics strong,.customer360-metrics em { display:block; }
.customer360-metrics small { color:var(--muted); font-size:10px; font-weight:800; }
.customer360-metrics strong { margin-top:5px; font-size:25px; }
.customer360-metrics em { margin-top:3px; color:#a29992; font-size:9px; font-style:normal; }
.customer360-grid { display:grid; grid-template-columns:minmax(270px,.65fr) minmax(460px,1.5fr); gap:15px; margin-top:15px; }
.customer360-profile { display:grid; align-content:start; gap:11px; }
.customer360-profile section,.customer360-timeline-panel { border:1px solid var(--line); border-radius:20px; background:#fff; }
.customer360-profile section { padding:16px; }
.customer360-section-title { display:flex; align-items:center; gap:8px; margin-bottom:12px; }
.customer360-section-title>span { width:30px; height:30px; display:grid; place-items:center; border-radius:10px; color:var(--coral); background:#fff0ea; }
.customer360-section-title strong { font-size:12px; }
.customer360-section-title button { margin-left:auto; border:0; background:transparent; color:var(--blue); font-size:9px; font-weight:900; }
.customer360-profile dl { display:grid; gap:8px; margin:0; }
.customer360-profile dl>div { display:grid; grid-template-columns:88px 1fr; gap:8px; padding-top:8px; border-top:1px solid #f3ece6; }
.customer360-profile dt { color:var(--muted); font-size:9px; }
.customer360-profile dd { min-width:0; margin:0; font-size:10px; font-weight:750; overflow-wrap:anywhere; }
.customer360-profile section>p { color:var(--muted); font-size:10px; line-height:1.5; }
.customer360-profile section>div:last-child { margin-top:8px; }
.customer360-timeline-panel { min-height:500px; padding:18px; }
.customer360-timeline-heading { display:flex; align-items:end; justify-content:space-between; gap:12px; padding-bottom:14px; border-bottom:1px solid var(--line); }
.customer360-timeline-heading select { width:auto; min-width:135px; padding:9px 11px; }
.customer360-timeline { display:grid; padding-top:5px; }
.customer360-event { display:grid; grid-template-columns:auto 1fr auto; align-items:start; gap:12px; padding:14px 4px; border-bottom:1px solid #f3ece6; }
.customer360-event-icon { width:40px; height:40px; display:grid; place-items:center; border-radius:13px; font-size:11px; font-weight:900; }
.customer360-event-copy { min-width:0; }
.customer360-event-copy small { color:var(--muted); font-size:8px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.customer360-event-copy strong { display:block; margin-top:2px; font-size:12px; }
.customer360-event-copy p { margin-top:3px; color:var(--muted); font-size:10px; line-height:1.4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.customer360-event time { min-width:66px; text-align:right; }
.customer360-event time strong,.customer360-event time small { display:block; }
.customer360-event time strong { font-size:10px; }
.customer360-event time small { margin-top:3px; color:var(--muted); font-size:8px; }
.customer360-empty { min-height:300px; display:grid; place-content:center; justify-items:center; gap:8px; color:var(--muted); text-align:center; font-size:11px; }
.customer360-empty span { width:42px; height:42px; display:grid; place-items:center; border-radius:14px; color:var(--mint); background:#eaf8f2; }
body:not([data-page="overview"]) .content-grid { margin-top: 18px; }
body:not([data-page="overview"]) .content-grid > .panel { min-height: calc(100vh - 162px); }
dialog { width: min(690px, calc(100vw - 28px)); border: 0; border-radius: 26px; padding: 0; color: var(--ink); box-shadow: 0 30px 100px rgba(35,24,17,.28); } dialog::backdrop { background: rgba(47,43,41,.52); backdrop-filter: blur(5px); } dialog form { padding: 25px; }.small-dialog { width: min(480px, calc(100vw - 28px)); }.dialog-heading { display: flex; justify-content: space-between; align-items: start; margin-bottom: 20px; }.close { border: 0; }.dialog-heading .close { width: 37px; height: 37px; border-radius: 50%; font-size: 24px; background: #f4efea; color: #746b65; }.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } label { display: grid; gap: 6px; color: #655c56; font-size: 12px; font-weight: 800; }.wide { grid-column: 1 / -1; } input, textarea, select { width: 100%; border: 1px solid #e7ddd3; border-radius: 12px; padding: 12px 13px; color: var(--ink); background: #fffdfa; outline: none; } input:focus, textarea:focus, select:focus { border-color: var(--orange); box-shadow: 0 0 0 3px rgba(255,154,61,.13); } textarea { min-height: 82px; resize: vertical; } dialog footer { display: flex; justify-content: flex-end; gap: 10px; margin-top: 22px; }
.onboarding-dialog { width:min(820px,calc(100vw - 28px)); max-height:min(880px,calc(100vh - 28px)); overflow:hidden; border-radius:32px; background:radial-gradient(circle at 90% 8%,rgba(255,154,61,.15) 0 120px,transparent 121px),#fffdf9; }.onboarding-dialog::backdrop { background:rgba(30,25,22,.72); }.onboarding-dialog form { display:flex; flex-direction:column; max-height:min(880px,calc(100vh - 28px)); overflow:hidden; padding:0; }.onboarding-head { display:flex; flex:none; align-items:center; justify-content:space-between; gap:16px; padding:30px 34px 0; }.onboarding-head>div { display:flex; align-items:center; gap:10px; }.onboarding-head .brand-mark { width:39px; height:39px; }.onboarding-head>span { padding:7px 10px; border-radius:99px; background:#fff0e8; color:var(--coral); font-size:10px; font-weight:900; }.onboarding-progress { flex:none; margin:17px 34px 0; }.onboarding-step { flex:1; min-height:0; overflow-y:auto; padding:28px 34px 8px; outline:none; overscroll-behavior:contain; animation:onboardingReveal .3s ease both; }.onboarding-step>h2 { max-width:600px; margin-top:6px; font-size:32px; line-height:1.06; }.onboarding-step>p:not(.eyebrow) { max-width:640px; margin-top:9px; color:var(--muted); font-size:13px; line-height:1.55; }.onboarding-fields { margin-top:24px; }.onboarding-note,.onboarding-submit-note { display:flex; align-items:center; gap:12px; margin-top:22px; padding:15px; border-radius:17px; background:#f3f9ff; color:#5d6a76; }.onboarding-note>span,.onboarding-submit-note>span { flex:0 0 39px; width:39px; height:39px; display:grid; place-items:center; border-radius:13px; background:#dff2ff; color:#2c84cf; font-weight:900; }.onboarding-note p,.onboarding-submit-note p { font-size:11px; line-height:1.45; }.onboarding-note strong { display:block; color:var(--ink); }.onboarding-submit-note { background:#eef9f4; }.onboarding-submit-note>span { background:#d9f4e8; color:#24805e; }.offering-type-field { max-width:320px; margin-top:20px; }.onboarding-error { flex:none; margin:12px 34px 0; padding:11px 13px; border-radius:13px; background:#fff0f1; color:#be4051; font-size:11px; font-weight:800; }.onboarding-footer { flex:none; align-items:center; margin-top:14px; padding:16px 34px 24px; border-top:1px solid rgba(86,66,52,.08); background:rgba(255,253,249,.96); }.onboarding-footer .primary { min-width:170px; }.onboarding-footer .secondary { margin-right:auto; }@keyframes onboardingReveal { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
.checkbox-label { display: flex; grid-template-columns: none; align-items: center; flex-direction: row; }.checkbox-label input { width: auto; }
.toast { position: fixed; right: 24px; bottom: 24px; z-index: 10; padding: 13px 17px; border-radius: 14px; background: #2f2b29; color: white; font-size: 13px; font-weight: 700; box-shadow: var(--shadow); opacity: 0; transform: translateY(15px); pointer-events: none; transition: .25s ease; }.toast.show { opacity: 1; transform: translateY(0); }
.website-center { padding:0; overflow:hidden; background:#fffdf9; }
.website-hero { min-height:270px; display:flex; align-items:flex-end; justify-content:space-between; gap:30px; padding:38px; color:#fff; background:radial-gradient(circle at 88% 12%,rgba(255,255,255,.2) 0 95px,transparent 96px),radial-gradient(circle at 72% 100%,rgba(255,190,112,.3) 0 150px,transparent 151px),linear-gradient(125deg,#ff6954,#ff8c44 55%,#f7b95a); }
.website-hero .eyebrow { color:#fff6d5; }.website-hero h2 { margin-top:9px; max-width:620px; font-size:38px; line-height:1.04; }.website-hero p:not(.eyebrow) { max-width:560px; margin-top:12px; color:rgba(255,255,255,.85); line-height:1.5; }
.website-hero .primary { flex:none; text-decoration:none; color:#452c22; background:#fff; box-shadow:0 12px 30px rgba(101,46,19,.2); }
.website-funnel { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-24px 24px 0; position:relative; }
.website-funnel article { min-height:145px; display:flex; flex-direction:column; padding:17px; border:1px solid rgba(88,68,53,.08); border-radius:20px; background:#fff; box-shadow:0 14px 35px rgba(91,62,40,.09); }
.website-funnel article>span { width:28px; height:28px; display:grid; place-items:center; margin-bottom:15px; border-radius:9px; color:#e66b43; background:#fff0e6; font-size:10px; font-weight:900; }
.website-funnel article>small { color:var(--muted); font-weight:800; }.website-funnel article>strong { margin-top:4px; font-size:29px; }.website-funnel article>em { margin-top:auto; color:var(--muted); font-size:10px; font-style:normal; }
.website-funnel .conversion { color:#fff; border:0; background:linear-gradient(145deg,#2f9d70,#51c887); }.website-funnel .conversion>span { color:#25805c; background:#e2f8ec; }.website-funnel .conversion>small,.website-funnel .conversion>em { color:rgba(255,255,255,.8); }
.website-leads-heading { padding:28px 28px 14px; }.website-lead-list { display:grid; gap:10px; padding:0 28px 30px; }
.website-lead { display:grid; grid-template-columns:auto 1fr auto; align-items:start; gap:14px; padding:17px; border:1px solid var(--line); border-radius:19px; background:#fff; }
.website-lead-avatar { width:46px; height:46px; display:grid; place-items:center; border-radius:15px; color:#fff; background:linear-gradient(145deg,#ff8c44,#ff5f59); font-size:12px; font-weight:900; }
.website-lead-copy { min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:2px; }.website-lead-copy>small { color:var(--coral); font-size:9px; font-weight:900; }.website-lead-copy>strong { font-size:15px; }.website-lead-copy>a { color:#49707c; font-size:11px; text-decoration:none; }.website-lead-copy>p { margin-top:7px; color:var(--muted); font-size:11px; line-height:1.45; }
.website-lead-meta { display:flex; flex-direction:column; align-items:flex-end; gap:9px; }.website-lead-meta>small { color:var(--muted); font-size:9px; }.website-lead-meta select { min-width:130px; padding:9px 30px 9px 11px; border:1px solid var(--line); border-radius:12px; background:#fff9f3; color:var(--ink); font:inherit; font-size:11px; font-weight:800; }
@media (max-width: 1100px) { .home-workspace { grid-template-columns: 1fr; } }
@media (max-width: 1100px) { .operations-metrics { grid-template-columns:repeat(3,1fr); }.operations-layout { grid-template-columns:1fr; }.operations-side { grid-template-columns:1fr 1fr; } }
@media (max-width: 900px) { .automation-layout { grid-template-columns:1fr; }.automation-metrics { grid-template-columns:repeat(2,1fr); } }
@media (max-width: 960px) { .shell { grid-template-columns: 1fr; }.sidebar { display: none; }.sidebar.open { display: flex; position: fixed; inset: 0 auto 0 0; z-index: 20; width: min(310px,88vw); box-shadow: 20px 0 70px rgba(0,0,0,.28); }.mobile-menu { display: block; border: 0; background: white; border-radius: 12px; width: 40px; height: 40px; }.hero { grid-template-columns: 1fr 180px; }.hero-dog { transform: scale(.8); }.setup-readiness { grid-template-columns:1fr; }.metrics { grid-template-columns: 1fr 1fr; }.operations-grid,.dispatch-layout,.growth-columns { grid-template-columns: 1fr; }.growth-summary { grid-template-columns:repeat(2,1fr); } }
@media (max-width: 620px) { main { padding: 0 14px 35px; } header { height: 78px; }.status { display: none; }.hero { min-height: 280px; grid-template-columns: 1fr; padding: 25px; }.hero h2 { font-size: 31px; max-width: 90%; }.hero-dog { position: absolute; right: -42px; bottom: -55px; opacity: .38; }.hero p { max-width: 83%; }.setup-readiness { padding:17px; }.next-step-card { align-items: flex-start; flex-direction: column; }.next-step-card .primary { width: 100%; }.section-heading > small { display: none; }.quick-actions,.focus-list { grid-template-columns: 1fr; }.role-focus { padding:17px; }.metrics { grid-template-columns: 1fr 1fr; gap: 9px; }.metrics article { padding: 13px; gap: 9px; }.metric-icon { flex-basis: 37px; width: 37px; height: 37px; }.panel { padding: 17px; border-radius: 21px; }.panel-heading { align-items: flex-start; }.primary { padding: 10px 11px; font-size: 12px; }.form-grid { grid-template-columns: 1fr; }.wide { grid-column: auto; }.operation-card { grid-template-columns: auto 1fr; }.operation-meta { grid-column: 2; text-align: left; }.delivery-summary { grid-template-columns:1fr; }.live-chip { display:none; }.finance-actions { width:100%; justify-content:flex-start; }.pnl-summary { grid-template-columns:1fr; }.finance-filter { align-items:stretch; flex-direction:column; }.finance-filter label { max-width:none; }.onboarding-dialog,.onboarding-dialog form { max-height:calc(100dvh - 20px); }.onboarding-head { padding:23px 19px 0; }.onboarding-progress { margin:14px 19px 0; }.onboarding-step { padding:22px 19px 8px; }.onboarding-step>h2 { font-size:27px; }.onboarding-error { margin:10px 19px 0; }.onboarding-footer { padding:13px 19px calc(15px + env(safe-area-inset-bottom)); }.onboarding-footer .primary { min-width:0; flex:1; } }
@media (max-width: 620px) { .procurement-summary { grid-template-columns:repeat(2,1fr); }.procurement-item { grid-template-columns:auto 1fr; }.procurement-order { grid-column:2; justify-items:start; }.smart-procurement-head em { display:none; }.barcode-result { align-items:stretch; flex-direction:column; }.barcode-receive { width:100%; }.barcode-receive button { flex:1; } }
@media (max-width: 720px) { .growth-engine-head { align-items:flex-start; flex-direction:column; }.growth-segments { width:100%; overflow-x:auto; }.growth-engine-metrics { grid-template-columns:repeat(2,1fr); }.growth-customer { grid-template-columns:auto 1fr; }.growth-customer-value { grid-column:2; text-align:left; }.growth-action { grid-column:2; width:100%; } }

/* Role-first command center */
.command-search{position:relative;width:min(430px,38vw);display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 6px 20px rgba(66,48,34,.04)}
.command-search>span{color:#8d847d;font-size:21px}.command-search input{width:100%;height:44px;padding:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:12px}.command-search kbd{padding:4px 7px;border:1px solid #e9e1da;border-radius:7px;background:#f7f4f1;color:#9a918a;font-family:inherit;font-size:9px}
.command-results{position:absolute;z-index:80;left:0;right:0;top:52px;max-height:390px;overflow:auto;padding:7px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 22px 60px rgba(52,39,30,.18)}
.command-results button{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px;border:0;border-radius:11px;background:transparent;color:var(--ink);text-align:left}.command-results button.is-active,.command-results button:hover{background:#f8f4ef}.command-results button>span:first-child{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#fff0e9;color:var(--coral);font-weight:900}.command-results strong,.command-results small{display:block}.command-results strong{font-size:11px}.command-results small{margin-top:2px;color:var(--muted);font-size:8px}.command-results b{color:#b1a7a0}.command-results-empty{margin:0;padding:16px 12px;color:var(--muted);text-align:center;font-size:12px}
body[data-page="overview"] main{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(315px,.75fr);align-content:start;column-gap:16px}
body[data-page="overview"] main>header,body[data-page="overview"] main>.hero,body[data-page="overview"] main>.setup-readiness,body[data-page="overview"] main>.metrics,body[data-page="overview"] main>.content-grid{grid-column:1/-1}
body[data-page="overview"] main>.command-center{grid-column:1;grid-row:4}
body[data-page="overview"] main>.home-workspace{grid-column:2;grid-row:4}
body[data-page="overview"] main>.metrics{grid-row:5}
body[data-page="overview"] main>.content-grid{grid-row:6}
.hero{min-height:172px;grid-template-columns:1fr auto;padding:28px 32px;border-radius:22px;background:#292725;box-shadow:none}.hero h2{max-width:720px;font-family:"Avenir Next","Trebuchet MS",sans-serif;font-size:31px;letter-spacing:-.035em}.hero p{margin-top:10px;font-size:12px}.pill{margin-bottom:10px;background:#f26f47}
.hero-today{min-width:190px;padding:19px;border-left:1px solid rgba(255,255,255,.16)}.hero-today small,.hero-today strong,.hero-today span{display:block}.hero-today small{color:#aaa29c;font-size:8px;font-weight:900;letter-spacing:.14em}.hero-today strong{margin:5px 0 12px;font-size:16px;text-transform:capitalize}.hero-today span{color:#8fe0b3;font-size:9px;font-weight:850}.hero-today i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#42d388;box-shadow:0 0 0 4px rgba(66,211,136,.12)}
.home-workspace{display:grid;grid-template-columns:1fr;align-content:start;gap:12px;margin-top:16px}.next-step-card,.quick-panel{border-radius:18px;box-shadow:none}.next-step-card{align-items:flex-start;flex-direction:column;padding:18px;background:#fff}.next-step-card .primary{width:100%}.next-step-copy p{max-width:none}.quick-panel{padding:17px}.quick-panel .section-heading{align-items:flex-start}.quick-panel .section-heading>small{display:none}.quick-actions{grid-template-columns:1fr}.quick-action{padding:10px;border-radius:13px}
.role-focus{margin-top:16px;padding:20px;border-color:var(--line);border-radius:18px;background:#fff;box-shadow:none}.role-focus-heading{align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}.role-focus-heading .live-chip{text-decoration:none}.focus-list{grid-template-columns:1fr}.focus-row{padding:11px;border:0;border-bottom:1px solid #f1ebe6;border-radius:0;background:#fff}.focus-row:last-child{border-bottom:0}.focus-row:hover{transform:none;background:#faf7f4}
.metrics{grid-template-columns:repeat(6,1fr);gap:8px;margin:16px 0}.metrics article{display:block;padding:13px;border-radius:15px;box-shadow:none}.metric-icon{width:32px;height:32px;margin-bottom:10px;border-radius:10px}.metrics strong{margin-top:3px;font-size:20px}.metrics em{margin-top:2px}
.sidebar{padding:22px 16px;background:#272624}.brand{padding-bottom:20px}.brand-mark{border-radius:11px;background:#f26f47;font-family:inherit;font-size:20px;transform:none}.sidebar nav{gap:11px}.nav-group{gap:2px}.nav-group>small{padding:0 11px 3px;font-size:8px}.sidebar nav a{padding:9px 11px;border-radius:9px;font-size:12px}.sidebar nav a.active{background:#f26f47;color:#fff}.sidebar nav a.active span{color:#fff}
@media(max-width:1180px){.command-search{width:min(360px,34vw)}.metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:960px){body[data-page="overview"] main{display:block}.command-search{width:100%;max-width:420px;margin-left:auto}.hero{grid-template-columns:1fr auto}}
@media(max-width:700px){header{height:auto;min-height:88px;display:grid;grid-template-columns:auto 1fr auto;padding:12px 0}.command-search{grid-column:1/-1;grid-row:2;margin:0;max-width:none}.hero{grid-template-columns:1fr;min-height:0}.hero-today{display:none}.metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.command-center{padding:16px}.command-center-heading{align-items:flex-start}.command-center-metrics{grid-template-columns:repeat(2,1fr)}.command-center-primary{grid-template-columns:auto 1fr}.command-center-primary>b{display:none}.command-center-empty{grid-template-columns:auto 1fr}.command-center-empty .secondary{grid-column:1/-1;width:100%}.onboarding-footer .demo-business-button{width:100%;order:3}}
@media (max-width: 720px) {
  .automation-hero { min-height:300px; grid-template-columns:1fr; align-content:end; padding:24px 19px; }.automation-hero h2 { font-size:29px; }.automation-run { width:100%; }.automation-metrics { margin:-12px 12px 0; }.automation-layout { padding:14px 12px 22px; }.automation-rule { align-items:start; }.automation-rule p { font-size:10px; }
  .operations-hero { min-height:250px; grid-template-columns:1fr; align-items:end; padding:24px 19px; }
  .operations-hero h2 { max-width:280px; font-size:31px; }
  .operations-clock { min-width:0; display:flex; align-items:center; gap:8px; padding:11px 13px; text-align:left; }
  .operations-clock small { margin-right:auto; }.operations-clock strong { margin:0; font-size:17px; }
  .operations-metrics { grid-template-columns:repeat(2,1fr); margin:-15px 12px 0; }
  .operations-metrics article { padding:12px; }.operations-metrics article:last-child { grid-column:1/-1; }
  .operations-layout { padding:14px 12px 20px; }
  .operations-queue-card { padding:14px; }
  .operations-queue-head { align-items:flex-start; flex-direction:column; }
  .operations-filters { width:100%; overflow-x:auto; }
  .operations-filters button { flex:0 0 auto; }
  .ops-queue-item { grid-template-columns:auto 1fr; align-items:start; }
  .ops-item-actions { grid-column:2; min-width:0; align-items:flex-start; flex-direction:row; flex-wrap:wrap; }
  .operations-side { grid-template-columns:1fr; }
  .inbox-panel { padding:0; }
  .inbox-panel>.panel-heading { padding:18px; }
  .inbox-layout { display:block; min-height:calc(100dvh - 190px); }
  .conversation-list { min-height:420px; border-right:0; }
  .conversation-chat { display:none; position:absolute; inset:0; z-index:3; }
  .conversation-chat.show-thread { display:block; }
  .conversation-active { height:calc(100dvh - 160px); }
  .conversation-back { display:block; }
  .message-bubble { max-width:88%; }
  .message-composer { padding-bottom:calc(14px + env(safe-area-inset-bottom)); }
  .customer360-dialog { width:100vw; height:100dvh; max-height:none; border-radius:0; }
  .customer360-header { align-items:flex-start; flex-wrap:wrap; min-height:0; padding:14px; }
  .customer360-close { width:36px; height:36px; flex-basis:36px; }
  .customer360-avatar { width:45px; height:45px; flex-basis:45px; border-radius:15px; }
  .customer360-identity h2 { font-size:19px; }
  .customer360-actions { width:100%; display:grid; grid-template-columns:repeat(4,1fr); }
  .customer360-actions a,.customer360-actions button { padding:9px 5px; text-align:center; font-size:9px; }
  .customer360-content { padding:12px; }
  .customer360-metrics { grid-template-columns:repeat(2,1fr); }
  .customer360-grid { grid-template-columns:1fr; }
  .customer360-profile { grid-template-columns:1fr; }
  .customer360-timeline-panel { min-height:420px; }
  .customer360-timeline-heading { align-items:flex-start; }
  .customer360-event-copy p { white-space:normal; }
}
@media (max-width: 720px) { .website-hero { min-height:310px; align-items:flex-start; flex-direction:column; padding:25px 20px 45px; }.website-hero h2 { font-size:31px; }.website-hero .primary { width:100%; text-align:center; }.website-funnel { grid-template-columns:repeat(2,1fr); margin:-24px 12px 0; }.website-leads-heading { padding:24px 16px 12px; }.website-lead-list { padding:0 12px 22px; }.website-lead { grid-template-columns:auto 1fr; }.website-lead-meta { grid-column:2; align-items:flex-start; }.website-lead-meta select { width:100%; } }

/* Reception desk and point of sale */
.checkin-panel,.pos-panel{padding:0;overflow:hidden;background:#fffdf9}
.desk-hero{min-height:205px;display:flex;align-items:flex-end;justify-content:space-between;gap:25px;padding:32px 34px;color:#fff}
.desk-hero .eyebrow{color:rgba(255,255,255,.72)}.desk-hero h2{max-width:650px;margin-top:7px;font-size:32px;letter-spacing:-.035em}.desk-hero p:not(.eyebrow){max-width:630px;margin-top:8px;color:rgba(255,255,255,.82);font-size:12px;line-height:1.5}
.checkin-hero{background:radial-gradient(circle at 88% 12%,rgba(255,255,255,.18) 0 105px,transparent 106px),linear-gradient(125deg,#1f8f6b,#3fbd85)}
.pos-hero{background:radial-gradient(circle at 88% 12%,rgba(255,255,255,.18) 0 105px,transparent 106px),linear-gradient(125deg,#e95e46,#ff9a3d)}
.desk-live{flex:none;display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid rgba(255,255,255,.22);border-radius:99px;background:rgba(255,255,255,.13);font-size:10px;font-weight:900;backdrop-filter:blur(8px)}.desk-live i{width:7px;height:7px;border-radius:50%;background:#bcffd9;box-shadow:0 0 0 4px rgba(188,255,217,.15)}
.desk-metrics{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:-22px 24px 0}.desk-metrics article{min-height:105px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 13px 32px rgba(62,42,27,.09)}.desk-metrics small,.desk-metrics strong{display:block}.desk-metrics small{color:var(--muted);font-size:9px;font-weight:850}.desk-metrics strong{margin-top:7px;font-size:28px}.desk-metrics .waiting strong{color:#d98a1f}.desk-metrics .serving strong{color:#347fd2}.desk-metrics .done strong{color:#21865f}
.desk-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:30px 28px 14px}.desk-section-head h3{margin-top:4px;font-size:20px}.desk-link{text-decoration:none;font-size:11px}
.checkin-list{display:grid;gap:9px;padding:0 28px 30px}.checkin-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:13px;padding:14px;border:1px solid var(--line);border-left:4px solid #d8d1ca;border-radius:17px;background:#fff}.checkin-row.waiting{border-left-color:#e6a73a}.checkin-row.serving{border-left-color:#3e8de0}.checkin-row.done{border-left-color:#38ad7f;opacity:.78}.checkin-row.missed{border-left-color:#dc5667}.queue-number{min-width:58px;height:45px;display:grid;place-items:center;padding:0 8px;border-radius:13px;background:#f6f2ee;font-size:13px;font-weight:900}.checkin-person{min-width:0}.checkin-person strong,.checkin-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkin-person strong{font-size:13px}.checkin-person small{margin-top:4px;color:var(--muted);font-size:10px}.checkin-state{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px;font-weight:850}.checkin-state i{width:8px;height:8px;border-radius:50%;background:#aaa}.waiting .checkin-state i{background:#e6a73a}.serving .checkin-state i{background:#3e8de0}.done .checkin-state i{background:#38ad7f}.missed .checkin-state i{background:#dc5667}.checkin-actions{display:flex;gap:7px}.checkin-actions .primary{padding:9px 12px;font-size:10px}
.pos-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.7fr);gap:16px;padding:28px 28px 8px}.pos-catalog{min-width:0}.pos-search{display:flex;align-items:center;gap:9px;margin-bottom:13px;padding:0 13px;border:1px solid var(--line);border-radius:14px;background:#fff}.pos-search span{color:var(--coral);font-size:20px}.pos-search input{border:0;background:transparent;box-shadow:none!important}.pos-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pos-product{min-width:0;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;gap:3px 10px;padding:13px;border:1px solid var(--line);border-radius:16px;color:var(--ink);background:#fff;text-align:left;transition:.18s ease}.pos-product:hover{transform:translateY(-2px);border-color:#f3b39e;box-shadow:0 10px 24px rgba(92,56,33,.08)}.pos-product>span{grid-row:1/4;width:40px;height:40px;display:grid;place-items:center;border-radius:13px;color:#e45b42;background:#fff0e9;font-weight:900}.pos-product strong,.pos-product small,.pos-product b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-product strong{font-size:11px}.pos-product small{color:var(--muted);font-size:8px}.pos-product b{color:#e45b42;font-size:11px}.pos-no-products{grid-column:1/-1;padding:35px;border:1px dashed var(--line);border-radius:17px;color:var(--muted);text-align:center;font-size:11px}
.pos-cart-card{align-self:start;position:sticky;top:18px;padding:17px;border:1px solid #f0d8cd;border-radius:20px;background:#fff;box-shadow:0 14px 38px rgba(83,49,28,.08)}.pos-cart-card label{margin-top:10px}.pos-cart{display:grid;margin-top:13px}.pos-cart-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid #f1eae4}.pos-cart-row span:first-child{min-width:0}.pos-cart-row strong,.pos-cart-row small{display:block}.pos-cart-row span:first-child strong,.pos-cart-row span:first-child small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-cart-row span:first-child strong{font-size:10px}.pos-cart-row small{margin-top:2px;color:var(--muted);font-size:8px}.pos-quantity{display:flex;align-items:center;gap:5px}.pos-quantity button{width:25px;height:25px;border:0;border-radius:8px;background:#f4efeb;color:var(--ink);font-weight:900}.pos-quantity b{min-width:15px;text-align:center;font-size:10px}.pos-cart-empty{padding:25px 5px;color:var(--muted);font-size:10px;text-align:center}.pos-total{display:flex;align-items:end;justify-content:space-between;margin-top:14px;padding-top:14px;border-top:2px solid #f1e8e1}.pos-total span{color:var(--muted);font-size:11px;font-weight:850}.pos-total strong{font-size:26px}.pos-payment{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pos-checkout{width:100%;margin-top:14px;padding:14px;background:#e95e46}.pos-checkout:disabled{cursor:not-allowed;opacity:.45}.recent-pos-heading{padding-top:24px}
@media(max-width:1050px){.pos-products{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-layout{grid-template-columns:1fr}.pos-cart-card{position:static}}
@media(max-width:720px){.desk-hero{min-height:260px;align-items:flex-start;flex-direction:column;justify-content:flex-end;padding:24px 19px 42px}.desk-hero h2{font-size:29px}.desk-metrics{grid-template-columns:repeat(2,1fr);margin:-25px 12px 0}.desk-metrics article{min-height:90px;padding:14px}.desk-section-head{align-items:flex-start;padding:25px 16px 12px}.checkin-list{padding:0 12px 22px}.checkin-row{grid-template-columns:auto 1fr}.checkin-state{grid-column:2}.checkin-actions{grid-column:2;flex-wrap:wrap}.pos-layout{padding:20px 12px 6px}.pos-products{grid-template-columns:1fr}.pos-cart-card{padding:14px}.recent-pos-heading{padding-inline:16px}}

/* Production control center */
.control-center{padding:0;overflow:hidden;background:#fbfaf8}
.control-hero{min-height:245px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;padding:34px;color:#fff;background:radial-gradient(circle at 88% 7%,rgba(255,255,255,.1) 0 110px,transparent 111px),linear-gradient(125deg,#262827,#354642)}
.control-live{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:99px;background:rgba(255,255,255,.08);font-size:8px;font-weight:950;letter-spacing:.12em}.control-live i{width:7px;height:7px;border-radius:50%;background:#66dfa6;box-shadow:0 0 0 4px rgba(102,223,166,.13)}
.control-hero h2{max-width:720px;margin-top:14px;font-size:34px;line-height:1.05;letter-spacing:-.045em}.control-hero p{max-width:690px;margin-top:10px;color:rgba(255,255,255,.7);font-size:12px;line-height:1.5}
.control-run{min-width:225px;display:grid;grid-template-columns:auto 1fr;gap:2px 10px;padding:15px;border:1px solid rgba(255,255,255,.16);border-radius:17px;color:#fff;background:rgba(255,255,255,.1);text-align:left;backdrop-filter:blur(10px)}.control-run>span{grid-row:1/3;width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:#f26f47;font-size:20px}.control-run strong,.control-run small{display:block}.control-run strong{font-size:11px}.control-run small{color:rgba(255,255,255,.62);font-size:8px}.control-run:disabled{opacity:.55}
.control-overview{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;margin:-25px 24px 0;padding:19px;border:1px solid var(--line);border-radius:21px;background:#fff;box-shadow:0 15px 38px rgba(42,40,36,.1)}
.control-score{--control-score:0deg;width:112px;height:112px;display:grid;place-content:center;border-radius:50%;background:radial-gradient(circle,#fff 0 59%,transparent 60%),conic-gradient(#42bd82 var(--control-score),#eeeae5 0);text-align:center}.control-score.degraded{background:radial-gradient(circle,#fff 0 59%,transparent 60%),conic-gradient(#e5a23c var(--control-score),#eeeae5 0)}.control-score.critical{background:radial-gradient(circle,#fff 0 59%,transparent 60%),conic-gradient(#df5663 var(--control-score),#eeeae5 0)}.control-score strong,.control-score span{display:block}.control-score strong{font-size:29px}.control-score span{color:var(--muted);font-size:7px;font-weight:950;letter-spacing:.1em}
.control-summary h3{margin-top:4px;font-size:21px}.control-summary p{margin-top:5px;color:var(--muted);font-size:10px}.control-badges{display:flex;gap:7px;margin-top:12px}.control-badges span{padding:5px 8px;border-radius:99px;font-size:8px;font-weight:900}.control-badges .healthy{color:#237c59;background:#e8f8f0}.control-badges .warning{color:#9a6716;background:#fff4dc}.control-badges .critical{color:#ad3646;background:#ffeaed}
.control-launch{min-width:185px;padding:16px;border-left:1px solid var(--line)}.control-launch small,.control-launch strong,.control-launch span{display:block}.control-launch small{color:var(--muted);font-size:7px;font-weight:950;letter-spacing:.1em}.control-launch strong{margin:5px 0 3px;font-size:25px}.control-launch span{color:var(--muted);font-size:9px}
.launch-board{margin:22px 24px 0;padding:20px;border:1px solid #eaded5;border-radius:21px;background:linear-gradient(135deg,#fff,#fff9f3)}.launch-board-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.launch-board-heading h3{margin-top:3px;font-size:22px}.launch-board-heading p{margin-top:5px;color:var(--muted);font-size:9px}.launch-decision{min-width:170px;padding:13px 16px;border-radius:16px;color:#fff;background:#ca4053}.launch-decision.go{background:#288c65}.launch-decision small,.launch-decision strong,.launch-decision span{display:block}.launch-decision small{font-size:7px;font-weight:950;letter-spacing:.12em;opacity:.72}.launch-decision strong{margin-top:3px;font-size:24px}.launch-decision span{margin-top:2px;font-size:8px;opacity:.78}.launch-gates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:16px}.launch-gate{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:13px;border:1px solid var(--line);border-radius:15px;color:var(--ink);background:#fff;text-decoration:none}.launch-gate>span{width:29px;height:29px;display:grid;place-items:center;border-radius:10px;color:#237e5b;background:#e8f8f0;font-weight:950}.launch-gate.warning>span{color:#9b6817;background:#fff2d8}.launch-gate.blocked>span{color:#af3748;background:#ffe9ec}.launch-gate small,.launch-gate strong,.launch-gate p{display:block}.launch-gate small{color:#288460;font-size:7px;font-weight:950;letter-spacing:.08em}.launch-gate.warning small{color:#a06b16}.launch-gate.blocked small{color:#b23a4a}.launch-gate strong{margin-top:3px;font-size:10px}.launch-gate p{margin-top:4px;color:var(--muted);font-size:8px;line-height:1.35}.launch-gate>b{color:#ee6a45;font-size:11px}.launch-next{position:relative;margin-top:11px;padding:14px 120px 14px 15px;border-radius:14px;background:#262827;color:#fff}.launch-next span,.launch-next strong{display:block}.launch-next span{color:#ff9d77;font-size:7px;font-weight:950;letter-spacing:.1em}.launch-next strong{margin-top:3px;font-size:11px}.launch-next p{margin-top:3px;color:#c6c4c0;font-size:8px}.launch-next a{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#fff;font-size:9px;font-weight:900;text-decoration:none}
.pilot-center{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;margin:18px 24px 0;padding:21px;border:1px solid #cfe3f5;border-radius:22px;background:radial-gradient(circle at 92% 5%,rgba(57,139,219,.12) 0 90px,transparent 91px),linear-gradient(135deg,#f2f8ff,#fff)}
.pilot-copy h3{margin-top:4px;font-size:21px}.pilot-copy>p{max-width:720px;margin-top:6px;color:var(--muted);font-size:10px;line-height:1.5}.pilot-safety{display:flex;flex-wrap:wrap;align-items:center;gap:6px 9px;margin-top:13px}.pilot-safety span{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;color:#23835f;background:#def5e9;font-size:9px;font-weight:950}.pilot-safety strong{margin-right:5px;font-size:8px}.pilot-run{align-self:center;min-width:225px;display:grid;grid-template-columns:auto 1fr;gap:2px 10px;padding:15px;border:0;border-radius:17px;color:#fff;background:#297fcf;text-align:left;box-shadow:0 12px 26px rgba(41,127,207,.2)}.pilot-run>span{grid-row:1/3;width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.16);font-size:14px}.pilot-run strong,.pilot-run small{display:block}.pilot-run strong{font-size:10px}.pilot-run small{color:rgba(255,255,255,.7);font-size:8px}.pilot-run:disabled{cursor:wait;opacity:.6}
.pilot-result{grid-column:1/-1;padding:16px;border:1px solid #dce7f1;border-radius:17px;background:#fff}.pilot-result.empty-state{color:var(--muted)}.pilot-result.passed{border-color:#bfe7d4;background:#f5fcf8}.pilot-result.failed{border-color:#f2c8cd;background:#fff7f8}.pilot-result-heading{display:flex;align-items:center;gap:11px}.pilot-result-heading>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#357fc7;background:#e9f4ff;font-size:18px;font-weight:950}.pilot-result.passed .pilot-result-heading>span{color:#22825d;background:#def5e9}.pilot-result.failed .pilot-result-heading>span{color:#b13949;background:#ffe5e8}.pilot-result-heading small,.pilot-result-heading strong,.pilot-result-heading p{display:block}.pilot-result-heading small{color:var(--muted);font-size:7px;font-weight:950;letter-spacing:.1em}.pilot-result-heading strong{margin-top:3px;font-size:12px}.pilot-result-heading p{margin-top:3px;color:var(--muted);font-size:8px}.pilot-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}.pilot-steps article{display:grid;grid-template-columns:auto 1fr;gap:8px;padding:11px;border:1px solid var(--line);border-radius:13px;background:#fff}.pilot-steps article>span{width:25px;height:25px;display:grid;place-items:center;border-radius:9px;color:#27835f;background:#e6f7ef;font-size:9px;font-weight:950}.pilot-steps article.failed>span{color:#ad3646;background:#ffe8eb}.pilot-steps strong,.pilot-steps small{display:block}.pilot-steps strong{font-size:8px}.pilot-steps small{margin-top:3px;color:var(--muted);font-size:7px;line-height:1.35}.pilot-next{margin-top:11px;color:#406176;font-size:8px;font-weight:800}
.control-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.7fr);gap:17px;padding:28px 24px 30px}.control-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}.control-heading h3{margin-top:4px;font-size:18px}.control-heading>small{color:var(--muted);font-size:8px}
.control-checks{display:grid;gap:8px}.control-check{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-left:4px solid #45ba83;border-radius:15px;color:var(--ink);background:#fff;text-decoration:none}.control-check.warning{border-left-color:#e7a538}.control-check.critical{border-left-color:#dc5362}.control-check>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:#26825e;background:#eaf8f1;font-weight:950}.control-check.warning>span{color:#a26b13;background:#fff3da}.control-check.critical>span{color:#b13747;background:#ffe9ec}.control-check strong,.control-check small{display:block}.control-check strong{font-size:11px}.control-check small{margin-top:3px;color:var(--muted);font-size:8px}.control-check>b{min-width:28px;padding:5px 7px;border-radius:8px;color:#287b5c;background:#edf8f3;text-align:center;font-size:8px}.control-check>em{color:#f26f47;font-size:8px;font-style:normal;font-weight:900}
.provider-setup{margin:18px 24px 0;padding:21px;border:1px solid #cfe0f1;border-radius:22px;background:linear-gradient(135deg,#f3f8fd,#fff)}.provider-setup-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.provider-setup-heading h3{margin-top:4px;font-size:21px}.provider-setup-heading p{max-width:720px;margin-top:6px;color:var(--muted);font-size:10px;line-height:1.5}.provider-setup-progress{min-width:160px;text-align:right}.provider-setup-progress strong,.provider-setup-progress span{display:block}.provider-setup-progress strong{font-size:24px}.provider-setup-progress span{margin-top:2px;color:var(--muted);font-size:8px}.provider-setup-progress button{min-height:38px;margin-top:9px}.control-providers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:17px}.provider-card{min-width:0;padding:15px;border:1px solid #e5e0da;border-radius:17px;background:#fff}.provider-card.healthy{border-color:#bfe7d4;background:linear-gradient(145deg,#f4fcf8,#fff)}.provider-card.failed{border-color:#f0c2c8;background:linear-gradient(145deg,#fff6f7,#fff)}.provider-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.provider-card-top>span{min-width:34px;height:34px;display:grid;place-items:center;padding:0 8px;border-radius:11px;color:#2d7bc2;background:#e7f3ff;font-size:8px;font-weight:950}.provider-card.healthy .provider-card-top>span{color:#237c59;background:#e1f6eb}.provider-card.degraded .provider-card-top>span{color:#9a6716;background:#fff1d5}.provider-card.failed .provider-card-top>span{color:#aa3545;background:#ffe6e9}.provider-card-top b{padding:5px 7px;border-radius:99px;color:#287d5c;background:#e8f8f0;font-size:7px}.provider-card.degraded .provider-card-top b{color:#966114;background:#fff0d0}.provider-card.failed .provider-card-top b{color:#a93444;background:#ffe5e8}.provider-card h4{margin-top:13px;font-size:13px}.provider-card>p{min-height:38px;margin-top:5px;color:var(--muted);font-size:9px;line-height:1.45}.provider-name{display:block;margin-top:8px;color:#716b65;font-size:7px}.provider-requirements{display:flex;flex-wrap:wrap;gap:5px;margin-top:11px}.provider-requirements code{max-width:100%;overflow:hidden;padding:5px 6px;border-radius:7px;color:#5c6770;background:#f1f4f6;font-size:7px;text-overflow:ellipsis}.provider-card-actions{display:flex;align-items:center;gap:7px;margin-top:13px}.provider-card-actions button,.provider-card-actions a{min-height:38px;display:flex;align-items:center;justify-content:center;padding:0 11px;border-radius:11px;font-size:8px;font-weight:900;text-decoration:none}.provider-card-actions button{flex:1;border:0;color:#fff;background:#2c80ca}.provider-card-actions button:disabled{opacity:.55}.provider-card-actions a{border:1px solid #dce4eb;color:#356f9e;background:#fff}.provider-result{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:7px;margin-top:10px;padding:9px;border-radius:10px;color:#247a59;background:#e8f8f0}.provider-result.setup_required{color:#946116;background:#fff0d3}.provider-result.failed{color:#a73545;background:#ffe7ea}.provider-result span{font-weight:950}.provider-result p{font-size:7px;line-height:1.4}.provider-test-summary{margin-top:12px;color:var(--muted);font-size:8px}.control-side{display:grid;align-content:start;gap:12px}.control-side>section{padding:16px;border:1px solid var(--line);border-radius:17px;background:#fff}
.control-recovery p{margin:-2px 0 12px;color:var(--muted);font-size:9px;line-height:1.45}.control-recovery button{width:100%;display:flex;justify-content:space-between}.control-recovery button b{min-width:22px;padding:2px 6px;border-radius:99px;color:#fff;background:#7364db}.control-history{display:grid}.control-history article{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #f1ece7}.control-history article:last-child{border-bottom:0}.control-history i{width:8px;height:8px;border-radius:50%;background:#43bc82}.control-history i.degraded{background:#e3a03b}.control-history i.critical{background:#db5261}.control-history strong,.control-history small{display:block}.control-history strong{font-size:10px}.control-history small,.control-history span,.control-history p{color:var(--muted);font-size:7px}.control-history span{text-align:right}
@media(max-width:900px){.control-providers{grid-template-columns:repeat(2,minmax(0,1fr))}.control-layout{grid-template-columns:1fr}.control-side{grid-template-columns:repeat(2,1fr)}.control-side>section:last-child{grid-column:1/-1}.launch-gates{grid-template-columns:repeat(2,minmax(0,1fr))}.pilot-center{grid-template-columns:1fr}.pilot-run{width:100%}.pilot-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.control-hero{min-height:300px;grid-template-columns:1fr;align-content:end;padding:24px 19px 46px}.control-hero h2{font-size:29px}.control-run{width:100%}.control-overview{grid-template-columns:auto 1fr;margin:-25px 12px 0;padding:14px}.control-score{width:86px;height:86px}.control-score strong{font-size:23px}.control-launch{grid-column:1/-1;padding:12px 0 0;border-top:1px solid var(--line);border-left:0}.launch-board{margin:18px 12px 0;padding:15px}.launch-board-heading{align-items:stretch;flex-direction:column}.launch-decision{min-width:0}.launch-gates{grid-template-columns:1fr}.launch-next{padding:14px}.launch-next a{position:static;display:inline-block;margin-top:10px;transform:none}.provider-setup{margin:14px 12px 0;padding:16px}.provider-setup-heading{align-items:flex-start;flex-direction:column}.provider-setup-progress{width:100%;text-align:left}.provider-setup-progress button{width:100%}.control-providers{grid-template-columns:1fr}.provider-card>p{min-height:0}.pilot-center{margin:14px 12px 0;padding:16px}.pilot-safety{display:grid;grid-template-columns:auto 1fr}.pilot-steps{grid-template-columns:1fr}.control-layout{padding:20px 12px}.control-check{grid-template-columns:auto 1fr auto}.control-check>em{display:none}.control-side{grid-template-columns:1fr}.control-side>section:last-child{grid-column:auto}}

/* Connected customer handoff */
.experience-explainer{display:grid;grid-template-columns:auto 1fr;gap:14px;margin:0 28px 28px;padding:18px;border:1px solid #cce9dc;border-radius:18px;background:linear-gradient(135deg,#eefbf5,#fff)}.experience-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#2da97a;color:#fff;font-size:20px}.experience-explainer small,.experience-explainer strong{display:block}.experience-explainer small{color:#21845f;font-size:8px;font-weight:950;letter-spacing:.14em}.experience-explainer strong{margin-top:4px;font-size:13px}.experience-explainer p{margin-top:5px;color:var(--muted);font-size:10px;line-height:1.45}
.experience-dialog{width:min(760px,calc(100vw - 28px))}.experience-dialog .dialog-heading small{display:block;margin-top:5px;color:var(--muted)}.experience-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 15px}.experience-photo{position:relative;min-height:190px;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;padding:18px;border:1px dashed #8bcdb3;border-radius:18px;background:#f2fbf7;text-align:center;cursor:pointer}.experience-photo.after{border-color:#f2ae92;background:#fff6f1}.experience-photo input{position:absolute;inset:0;opacity:0;cursor:pointer}.experience-photo>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#dff5eb;color:#248a65;font-size:9px;font-weight:950}.experience-photo.after>span{background:#ffe5da;color:#d96744}.experience-photo strong{margin-top:9px}.experience-photo small{margin-top:3px;color:var(--muted)}.experience-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.experience-photo:has(img:not(.hidden))>span,.experience-photo:has(img:not(.hidden))>strong,.experience-photo:has(img:not(.hidden))>small{position:relative;z-index:1;padding:3px 7px;border-radius:7px;background:rgba(255,255,255,.9)}
.experience-receipt{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:#fbf8f5}.experience-receipt span,.experience-receipt small,.experience-receipt strong{display:block}.experience-receipt small{color:var(--muted);font-size:8px}.experience-receipt strong{margin-top:3px;font-size:11px}.pickup-verification{display:grid;grid-template-columns:1fr 125px;align-items:center;gap:14px;margin-top:13px;padding:16px;border-radius:17px;background:#262523;color:#fff}.pickup-verification small,.pickup-verification strong{display:block}.pickup-verification small{color:#7bddae;font-size:8px;font-weight:950}.pickup-verification strong{margin-top:4px;font-size:11px}.pickup-verification input{height:54px;border:1px solid #514e49;background:#fff;color:#222;text-align:center;font-size:23px;font-weight:950;letter-spacing:.25em}.experience-collected{margin-top:13px;padding:14px;border-radius:14px;background:#e6f8ee;color:#21845f;text-align:center;font-size:11px;font-weight:900}
@media(max-width:620px){.experience-explainer{margin:0 12px 20px}.experience-photo-grid{grid-template-columns:1fr 1fr}.experience-photo{min-height:145px}.pickup-verification{grid-template-columns:1fr}.pickup-verification input{width:100%}.experience-dialog footer{display:grid;grid-template-columns:1fr 1fr}.experience-dialog footer .primary{grid-column:1/-1}}

/* Contextual help */
.help-trigger{font-size:15px;font-weight:950;color:#397ecf;background:#edf6ff}
.role-help-card{margin:4px 0 14px;padding:18px;border:1px solid #cfe3f7;border-radius:18px;background:linear-gradient(135deg,#eff8ff,#fff)}
.role-help-card span,.role-help-card strong{display:block}.role-help-card span{color:#3278c5;font-size:8px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.role-help-card strong{margin-top:6px;font-size:16px}.role-help-card p{margin-top:6px;color:var(--muted);font-size:10px;line-height:1.5}
.help-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:15px}.help-shortcuts a{display:grid;grid-template-columns:auto 1fr;gap:2px 9px;padding:13px;border:1px solid var(--line);border-radius:15px;color:var(--ink);text-decoration:none;background:#fff}.help-shortcuts a>span{grid-row:1/3;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;color:#2879cc;background:#eaf4ff;font-weight:950}.help-shortcuts strong,.help-shortcuts small{display:block}.help-shortcuts strong{font-size:10px}.help-shortcuts small{color:var(--muted);font-size:8px}
.help-dialog .inline-check{display:flex;align-items:center;gap:8px}.help-dialog .inline-check input{width:auto;margin:0}
@media(max-width:620px){.help-shortcuts{grid-template-columns:1fr}}

/* Staff scheduling */
.staff-heading{align-items:flex-start}.staff-heading p:last-child{max-width:560px;margin-top:5px;color:var(--muted);font-size:10px}.staff-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.staff-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.staff-profile-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;padding:17px;border:1px solid #dce9f6;border-radius:19px;background:linear-gradient(145deg,#f4f9ff,#fff)}.staff-avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(145deg,#2e8bdc,#5ba9e9);font-size:17px;font-weight:950}.staff-profile-copy{min-width:0}.staff-profile-copy span,.staff-profile-copy strong,.staff-profile-copy small{display:block}.staff-profile-copy span{color:#367dbd;font-size:8px;font-weight:950;text-transform:uppercase}.staff-profile-copy strong{margin-top:3px;font-size:14px}.staff-profile-copy small{margin-top:4px;overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.staff-edit{align-self:start;padding:6px 8px;border:0;border-radius:9px;color:#337dc0;background:#e6f3ff;font-size:8px;font-weight:900}.staff-hours{grid-column:1/-1;padding:12px;border-radius:14px;background:#fff}.staff-hours span,.staff-hours strong,.staff-hours small{display:block}.staff-hours span{color:#3277b5;font-size:9px;font-weight:900}.staff-hours strong{margin-top:3px;font-size:17px}.staff-hours small{margin-top:3px;color:var(--muted);font-size:8px}.staff-leave{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:9px 11px;border-radius:12px;color:#a33f4e;background:#ffebee;font-size:9px}.staff-leave span{font-weight:950}.staff-leave button{width:24px;height:24px;border:0;border-radius:8px;color:#a33f4e;background:#fff;font-weight:950}.staff-shift-heading{margin-top:28px}.weekday-field{margin:0;padding:0;border:0}.weekday-field legend{margin-bottom:7px;color:#655c56;font-size:12px;font-weight:800}.weekday-picker{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.weekday-picker label{display:block}.weekday-picker input{position:absolute;opacity:0;pointer-events:none}.weekday-picker span{height:40px;display:grid;place-items:center;border:1px solid #e7ddd3;border-radius:11px;background:#fffdfa}.weekday-picker input:checked+span{border-color:#3188d7;color:#fff;background:#3188d7}select[multiple]{min-height:100px}
@media(max-width:850px){.staff-profile-grid{grid-template-columns:1fr}.staff-heading{flex-direction:column}.staff-actions{justify-content:flex-start}}
@media(max-width:620px){.staff-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.staff-actions .primary{grid-column:1/-1}.weekday-picker{gap:4px}.weekday-picker span{height:36px;font-size:10px}}
.team-portal-link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.team-access-heading{margin-top:24px}.team-member-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-bottom:22px}.team-member-card{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--line,#e7e3dd);border-radius:18px;background:#fff}.team-member-card>span{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:#ddf5eb;color:#087c59;font-weight:800}.team-member-card strong,.team-member-card small{display:block}.team-member-card small{color:#7b817e;margin-top:3px}.team-member-card button{border:0;background:#f2f2ef;border-radius:12px;padding:9px 11px;font-weight:700;color:#515954}

/* Secure Dog Pass check-in */
.desk-head-actions{display:flex;align-items:center;gap:8px}.dog-pass-dialog{width:min(620px,calc(100vw - 28px))}.dog-pass-input{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin:15px 0}.dog-pass-input input{min-width:0}.dog-pass-result{min-height:76px;padding:15px;border:1px solid #d6eee3;border-radius:17px;background:#f3fbf7}.dog-pass-empty{display:block;color:var(--muted);font-size:9px;line-height:1.45}.dog-pass-profile{display:grid;grid-template-columns:auto 1fr;gap:12px}.dog-pass-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(145deg,#27a777,#58c99b);font-size:22px}.dog-pass-profile h4{font-size:17px}.dog-pass-profile p{margin-top:3px;color:var(--muted);font-size:9px}.dog-pass-meta{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:4px}.dog-pass-meta article{padding:10px;border-radius:12px;background:#fff}.dog-pass-meta small,.dog-pass-meta strong{display:block}.dog-pass-meta small{color:#388567;font-size:7px;font-weight:950;text-transform:uppercase}.dog-pass-meta strong{margin-top:4px;font-size:9px;line-height:1.35;word-break:break-word}.dog-pass-consent{grid-column:1/-1;margin-top:3px;color:#287b5d;font-size:8px;font-weight:850}.dog-pass-checkin{grid-column:1/-1;display:grid;gap:8px;margin-top:6px;padding:14px;border-radius:15px;background:#fff}.dog-pass-checkin>small{color:#25916a;font-size:7px;font-weight:950;letter-spacing:.1em}.dog-pass-checkin>strong{font-size:12px}.dog-pass-checkin>p{margin:0;color:var(--muted);font-size:8px}.dog-pass-checkin label{display:grid;gap:5px;color:#625b55;font-size:8px;font-weight:850}.dog-pass-checkin .dog-pass-approval{grid-template-columns:auto 1fr;align-items:start;padding:9px;border-radius:11px;background:#f1f8f5;line-height:1.4}.dog-pass-approval input{width:auto;margin:1px 0 0}.dog-pass-success{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:center}.dog-pass-success>span{width:50px;height:50px;display:grid;place-items:center;border-radius:17px;color:#fff;background:#28aa79;font-size:24px;font-weight:950}.dog-pass-success small,.dog-pass-success strong{display:block;color:#278561;font-size:8px;font-weight:950}.dog-pass-success h4{margin:4px 0;font-size:17px}.dog-pass-success p{margin:0 0 6px;color:var(--muted);font-size:9px}
@media(max-width:700px){.desk-head-actions{align-items:stretch;flex-direction:column}.dog-pass-input{grid-template-columns:1fr 1fr}.dog-pass-input input{grid-column:1/-1}.dog-pass-meta{grid-template-columns:1fr}}

/* Appointment communication center */
.communication-button{color:#6f52c7!important;background:#f0ebff!important}.communication-dialog{width:min(1040px,calc(100vw - 28px));max-height:92vh}.communication-dialog>.dialog-heading small{display:block;margin-top:5px;color:var(--muted)}.communication-status{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:12px 0 18px}.communication-status article{padding:13px;border:1px solid var(--line);border-radius:15px;background:#faf8f5}.communication-status small,.communication-status strong{display:block}.communication-status small{color:#8b817a;font-size:7px;font-weight:950;letter-spacing:.1em}.communication-status strong{margin-top:5px;font-size:11px}.communication-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:18px}.communication-layout>section,.communication-layout>aside{min-width:0}.communication-section-title{margin:15px 0 9px}.communication-section-title span,.communication-section-title strong{display:block}.communication-section-title span{color:#775bc9;font-size:7px;font-weight:950;letter-spacing:.12em}.communication-section-title strong{margin-top:3px;font-size:14px}.communication-intake{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.communication-intake article{padding:12px;border-radius:14px;background:#f7f3ee}.communication-intake span,.communication-intake strong{display:block}.communication-intake span{color:var(--muted);font-size:8px}.communication-intake strong{margin-top:4px;font-size:10px;line-height:1.4}.communication-empty{padding:18px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);font-size:9px;text-align:center}.communication-messages{max-height:270px;display:flex;flex-direction:column;gap:7px;overflow:auto;padding:4px}.communication-messages article{max-width:82%;align-self:flex-start;padding:10px 12px;border-radius:15px 15px 15px 4px;background:#f1eee9}.communication-messages article.business{align-self:flex-end;border-radius:15px 15px 4px 15px;color:#fff;background:#6650b7}.communication-messages small,.communication-messages time{font-size:7px;opacity:.7}.communication-messages p{margin:3px 0;font-size:10px;line-height:1.4}.communication-messages time{display:block;text-align:right}.communication-reply{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:9px}.communication-reply input{min-width:0}.communication-timeline{display:grid;max-height:265px;overflow:auto}.communication-timeline article{display:grid;grid-template-columns:auto 1fr;gap:9px;position:relative;padding:0 0 14px}.communication-timeline article:not(:last-child):before{content:"";position:absolute;left:4px;top:10px;bottom:0;width:1px;background:#ddd5cb}.communication-timeline i{position:relative;z-index:1;width:9px;height:9px;margin-top:3px;border-radius:50%;background:#f17a50}.communication-timeline strong,.communication-timeline small{display:block}.communication-timeline strong{font-size:9px}.communication-timeline small{margin-top:3px;color:var(--muted);font-size:7px}.communication-aftercare{margin-top:12px;padding:14px;border:1px solid #dcece5;border-radius:17px;background:#f5fbf8}.communication-aftercare label{margin-top:9px}.communication-aftercare textarea{min-height:58px}.communication-aftercare button{width:100%;margin-top:10px}.communication-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
@media(max-width:760px){.communication-status{grid-template-columns:repeat(2,1fr)}.communication-layout{grid-template-columns:1fr}.communication-intake{grid-template-columns:1fr}.communication-actions{display:grid;grid-template-columns:1fr 1fr}.communication-actions button:last-child{grid-column:1/-1}.communication-reply{grid-template-columns:1fr}.communication-dialog{max-height:96vh}}
/* Navigation experience */
.nav-group>small{display:flex;align-items:center;justify-content:space-between;min-height:28px;cursor:pointer;user-select:none}.nav-group>small::after{content:"⌄";font-size:12px;transition:transform .2s ease}.nav-group.collapsed>small::after{transform:rotate(-90deg)}.nav-group.collapsed>a{display:none}.nav-group>small:focus-visible{border-radius:7px;outline:2px solid #ffffffaa;outline-offset:2px}.sidebar-account{display:flex;align-items:center;gap:10px;margin:auto 10px 12px;padding:11px;border:1px solid #ffffff14;border-radius:15px;color:#fff;background:#ffffff0a}.sidebar-account>span{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:11px;color:#201f1d;background:#ffb39d;font-weight:950}.sidebar-account strong,.sidebar-account small{display:block}.sidebar-account strong{font-size:10px}.sidebar-account small{margin-top:2px;color:#aaa49e;font-size:8px}.sidebar-scrim{position:fixed;inset:0;z-index:39;border:0;background:#17151380;backdrop-filter:blur(3px)}.sidebar-scrim.hidden{display:none}
@media(max-width:900px){.sidebar-account{margin-bottom:max(12px,env(safe-area-inset-bottom))}}

/* Workbench refinement: operational hierarchy instead of marketing cards. */
.hero{min-height:150px;color:var(--ink);border:1px solid var(--line);background:#fff;box-shadow:none}
.hero h2{max-width:690px;font-size:28px;line-height:1.08}
.hero p{color:var(--muted)}
.pill{color:#b64f32;background:#fff0e9}
.hero-today{border-left-color:var(--line)}
.hero-today small{color:var(--muted)}
.hero-today strong{color:var(--ink)}
.hero-today span{color:#23835e}
.quick-panel:has(#quickActions:empty){display:none}
.quick-panel>summary{min-height:44px;display:list-item;align-content:center;cursor:pointer;font-size:15px;font-weight:750;color:var(--ink)}
.quick-panel>summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:6px}
.quick-panel[open]>.quick-actions{margin-top:14px}
.sidebar .nav-group>small{font-size:14px;letter-spacing:0;text-transform:none;line-height:1.4;min-height:48px;color:#e8e3dd}
.sidebar.open{z-index:40}
.home-workspace:has(.quick-panel #quickActions:empty){grid-template-columns:1fr}
.next-step-card,.quick-panel,.command-center,.metrics article{border:1px solid var(--line);box-shadow:none}
.next-step-card .primary{width:auto;min-width:150px}
.command-center{background:#fff}
.command-center-status{color:#237e5b;background:#edf8f3}
@media(max-width:700px){.hero{padding:22px 19px}.hero h2{font-size:25px}.next-step-card .primary{width:100%}}
@media(max-width:700px){
  header>div:first-of-type{min-width:0}
  header>div:first-of-type>.eyebrow,.business-context{display:none}
  #businessName{overflow:hidden;margin:0;font-size:19px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}
  .header-actions{gap:8px}
  .header-actions .help-trigger{display:grid}
}

/* Faster, calmer workspace navigation. */
.shell{grid-template-columns:228px minmax(0,1fr)}
.sidebar{padding:20px 14px;background:#242321}
.brand{padding:0 10px 18px}
.sidebar nav{gap:7px;padding:0 2px 12px}
.nav-group{gap:2px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.055)}
.nav-group:last-child{border-bottom:0}
.nav-group>small{min-height:30px;padding:0 10px;color:#918b85;font-size:8px;letter-spacing:.12em}
.sidebar nav a{position:relative;min-height:38px;padding:8px 10px;border-radius:10px;font-size:11px;transition:background-color .12s ease,color .12s ease,transform .12s ease}
.sidebar nav a:hover{color:#fff;background:rgba(255,255,255,.07)}
.sidebar nav a.active{color:#fff;background:#f26f47;box-shadow:0 8px 20px rgba(242,111,71,.18)}
.sidebar nav a.active::before{content:"";position:absolute;left:-5px;width:3px;height:18px;border-radius:99px;background:#ffd3c3}
.sidebar nav a:active{transform:scale(.975)}
.sidebar-account{margin:10px 4px max(8px,env(safe-area-inset-bottom))}
main>header{position:sticky;z-index:35;top:0;margin-inline:-8px;padding-inline:8px;background:color-mix(in srgb,var(--cream) 90%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
button,a,[role="button"]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button:not(:disabled):active,.quick-action:active,.row-action:active{transform:scale(.975)}
button:focus-visible,a:focus-visible,[role="button"]:focus-visible{outline:3px solid rgba(55,136,232,.28);outline-offset:2px}
button,a[href]{touch-action:manipulation}.control-pressed{transform:scale(.985)!important;filter:saturate(1.08)}button:disabled{cursor:not-allowed;opacity:.58}.status::after{display:none}body.business-saving .status{border-color:#ffd0bc;background:#fff7f1}body.business-saving .status span{display:none}body.business-saving .status::after{content:"Αποθήκευση…";display:inline;color:#b75537}body.business-saving .status i{background:#ff8a48;animation:business-saving-pulse .8s ease-in-out infinite alternate}@keyframes business-saving-pulse{to{opacity:.4;transform:scale(.75)}}
body::before{content:"";position:fixed;z-index:9999;top:0;left:228px;right:0;height:3px;pointer-events:none;background:linear-gradient(90deg,var(--coral),var(--orange),var(--mint));transform:scaleX(0);transform-origin:left;opacity:0;transition:transform .16s ease,opacity .16s ease}
body.route-changing::before{transform:scaleX:.78;opacity:1}
body.route-changing main{cursor:progress}
[data-page]:not(.page-hidden){animation:workspace-page-in .18s ease-out both}
@keyframes workspace-page-in{from{opacity:.72;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sidebar nav a,button,[data-page]:not(.page-hidden),body::before{animation:none!important;transition:none!important}}
@media(max-width:900px){
  .shell{grid-template-columns:1fr}
  body::before{left:0}
  main>header{margin-inline:-14px;padding-inline:14px}
}

.page-loader{display:grid;gap:14px;min-height:520px;padding:28px;border:1px solid var(--line);border-radius:26px;background:#fff}
.skeleton-line,.skeleton-grid span,.skeleton-panel i{overflow:hidden;position:relative;background:#f2ede8}
.skeleton-line::after,.skeleton-grid span::after,.skeleton-panel i::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.78) 50%,transparent 80%);transform:translateX(-100%);animation:skeleton-sweep 1.15s ease-in-out infinite}
.skeleton-line{height:13px;border-radius:99px}.skeleton-line.short{width:110px}.skeleton-line.title{width:min(440px,72%);height:30px}
.skeleton-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.skeleton-grid span{height:92px;border-radius:18px}
.skeleton-panel{display:grid;gap:11px;margin-top:8px;padding:20px;border:1px solid #f1e8e0;border-radius:21px}.skeleton-panel i{height:58px;border-radius:14px}
body.page-loading main [data-page]{display:none!important}
body.page-loading .page-loader{display:grid!important}
@keyframes skeleton-sweep{to{transform:translateX(100%)}}
@media(max-width:700px){.page-loader{min-height:440px;padding:18px}.skeleton-grid{grid-template-columns:1fr 1fr}.skeleton-grid span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.skeleton-line::after,.skeleton-grid span::after,.skeleton-panel i::after{animation:none}}

/* Readable desktop navigation */
@media(min-width:901px){
  .shell{grid-template-columns:292px minmax(0,1fr)}
  .sidebar{
    padding:20px 16px;
    background:linear-gradient(180deg,#252321 0%,#1f1e1c 100%);
    box-shadow:10px 0 35px rgba(43,32,25,.08)
  }
  .brand{gap:11px;padding:0 9px 20px}
  .brand strong{font-size:21px;letter-spacing:.02em}
  .brand small{margin-top:2px;color:#c5bdb7;font-size:12px}
  .sidebar nav{gap:9px;padding:0 1px 14px}
  .nav-group{
    gap:4px;
    padding:4px 0 9px;
    border-bottom:1px solid rgba(255,255,255,.09)
  }
  .nav-group>small{
    min-height:36px;
    padding:0 11px;
    border-radius:10px;
    color:#c8c0ba;
    font-size:11px;
    font-weight:900;
    letter-spacing:.09em;
    line-height:1.25
  }
  .nav-group[data-nav-tier="daily"]>small{color:#ffad90}
  .nav-group[data-nav-tier="manage"]>small{color:#aaa39d}
  .nav-group>small:hover{color:#fff;background:rgba(255,255,255,.055)}
  .nav-group>small::after{color:#aaa19a;font-size:15px}
  .nav-group:has(a.active)>small{color:#ff9c79}
.nav-group.collapsed:has(a.active)>a{display:none}
  .nav-group.collapsed:has(a.active)>small::after{transform:none}
  .sidebar nav a{
    min-height:44px;
    gap:10px;
    padding:7px 10px;
    border:1px solid transparent;
    border-radius:12px;
    color:#eee9e5;
    font-size:14px;
    font-weight:750;
    line-height:1.2
  }
  .sidebar nav a>span{
    width:30px;
    height:30px;
    flex:0 0 30px;
    display:grid;
    place-items:center;
    border-radius:9px;
    color:#ddd5cf;
    background:rgba(255,255,255,.075);
    font-size:14px;
    font-weight:900
  }
  .sidebar nav a:hover{
    border-color:rgba(255,255,255,.08);
    color:#fff;
    background:rgba(255,255,255,.08)
  }
  .sidebar nav a:hover>span{color:#fff;background:rgba(255,255,255,.12)}
  .sidebar nav a.active{
    border-color:#f0d5ca;
    color:#352d29;
    background:#fff7f2;
    box-shadow:0 9px 24px rgba(0,0,0,.18)
  }
  .sidebar nav a.active>span{color:#fff;background:#f26f47}
  .sidebar nav a.active::before{
    left:-7px;
    width:4px;
    height:24px;
    background:#ff8b67
  }
  .nav-count{
    min-width:21px;
    margin-left:auto;
    padding:3px 6px;
    border-radius:99px;
    color:#fff;
    background:#e95461;
    font-size:9px;
    text-align:center
  }
  .sidebar-account{
    margin:12px 2px max(8px,env(safe-area-inset-bottom));
    padding:12px;
    border-color:rgba(255,255,255,.12);
    background:rgba(255,255,255,.065)
  }
  .sidebar-account strong{font-size:13px}
  .sidebar-account small{color:#d0c8c2;font-size:10px;line-height:1.4}
  body::before{left:292px}
}

/* Customer work queue stays above the historical activity. */
.customer360-refresh { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 20px; border-bottom:1px solid var(--line); }
.customer360-refresh p { margin:0; color:var(--muted); font-size:12px; }
.customer360-next { padding:16px; margin-bottom:16px; border:1px solid var(--line); border-radius:16px; background:#fff; }
.customer360-next h3 { margin:0 0 8px; font-size:16px; }
.customer360-next h3 span { color:var(--muted); font-size:13px; }
#customer360NextActions { max-height:310px; overflow-y:auto; }
.customer360-next-item { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 0; border-top:1px solid var(--line); }
.customer360-next-item > div { min-width:0; overflow-wrap:anywhere; }
.customer360-next-item strong { font-size:13px; }
.customer360-next-item p { margin:4px 0; color:var(--muted); font-size:12px; white-space:pre-wrap; }
.customer360-next-item small { color:var(--muted); }
.customer360-next-item.overdue small { color:#a32f24; font-weight:700; }
.customer360-next-item button { flex-shrink:0; }
.customer360-next-empty { color:var(--muted); font-size:13px; }
@media (max-width:600px) {
  .customer360-next-item { align-items:stretch; flex-direction:column; gap:8px; }
  .customer360-next-item button { align-self:flex-start; min-height:44px; }
}

@media (max-width:600px) {
  .customer360-header { grid-template-columns:36px minmax(0,1fr); gap:12px; }
  .customer360-actions { grid-column:1 / -1; }
  .customer360-actions a,.customer360-actions button { min-height:44px; display:grid; place-items:center; }
}

/* Keep the daily work readable on both desktop and compact phones. */
:root { --muted:#625a54; }
.command-search input { font-size:14px; }
.hero p,.next-step-copy p,.command-center-heading p { font-size:14px; line-height:1.55; }
.next-step-copy h3,.command-center-heading h3 { line-height:1.2; }
.command-center-status,.command-center-primary small { font-size:12px; }
.command-center-metrics { grid-template-columns:repeat(auto-fit,minmax(125px,1fr)); }
.command-center-metrics small,.metrics small { font-size:12px; line-height:1.35; }
.metrics em { color:var(--muted); font-size:11px; line-height:1.35; }
.command-center-metrics strong { font-size:23px; }
.command-center-primary strong { font-size:17px; line-height:1.3; }
.command-center-primary em,.command-center-row small,.command-center-empty small { font-size:12px; line-height:1.45; }
.command-center-row strong,.command-center-empty strong,.quick-action strong { font-size:14px; line-height:1.35; }
.quick-action small { font-size:12px; line-height:1.4; }
.operations-hero p { color:rgba(255,255,255,.85); font-size:14px; }
.operations-clock small,.operations-metrics small,.ops-item-main>small { font-size:11px; line-height:1.35; }
.operations-metrics em,.ops-item-meta>b,.ops-item-meta>em,.ops-assignee { font-size:11px; line-height:1.35; white-space:normal; }
.operations-filters button { min-height:44px; font-size:12px; }
.ops-item-main>strong { font-size:15px; line-height:1.35; }
.ops-item-main>p { overflow:visible; font-size:13px; line-height:1.45; text-overflow:clip; white-space:normal; }
.ops-assign,.ops-open { min-height:40px; font-size:12px; }
.operations-empty p { font-size:13px; }
.ops-insight strong,.operations-team strong { font-size:13px; line-height:1.4; }
.ops-insight p,.operations-team small,.operations-team em { font-size:11px; line-height:1.45; }
@media (max-width:700px) {
  .hero { min-height:0; padding:18px; }
  .hero h2 { font-size:22px; line-height:1.2; }
  .hero p { font-size:13px; }
  .command-center-heading { flex-direction:column; gap:10px; }
  .command-center-heading > div { min-width:0; width:100%; }
  .command-center-heading h3 { font-size:21px; }
  .command-center-status { align-self:flex-start; }
  .command-center-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .operations-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .operations-metrics article { min-width:0; }
  .operations-metrics em { overflow-wrap:anywhere; }
  .operations-hero { min-height:0; gap:12px; padding:22px 19px; }
  .operations-hero h2 { max-width:none; font-size:26px; line-height:1.1; }
  .operations-hero p { margin-top:7px; }
  .operations-clock { padding:9px 11px; }
  .operations-metrics { gap:8px; margin:-8px 12px 0; }
  .operations-metrics article { min-height:76px; padding:10px; }
  .operations-layout { padding-top:12px; }
}

/* Small labels carry decisions in these workflows, so keep them legible. */
.auth-role-grid strong,.auth-card form label { font-size:14px; line-height:1.35; }
.auth-role-grid small { font-size:12px; line-height:1.45; }
.inbox-panel>.panel-heading p:last-child,.conversation-placeholder p { font-size:13px; line-height:1.45; }
.conversation-copy strong,.conversation-header strong { font-size:14px; }
.conversation-copy small,.conversation-copy em,.conversation-time,.conversation-header small { font-size:12px; line-height:1.4; }
.message-bubble p { font-size:14px; line-height:1.5; }
.message-bubble small,.message-bubble time { font-size:11px; }
.control-hero p { color:rgba(255,255,255,.85); font-size:14px; }
.control-live,.control-run small,.control-score span,.control-badges span,.control-launch small,.control-heading>small { font-size:11px; line-height:1.35; }
.control-run strong,.control-summary p,.control-launch span,.control-check strong,.control-check small,.control-check>b,.control-check>em,.control-recovery p,.control-history strong,.control-history small,.control-history span,.control-history p { font-size:12px; line-height:1.4; }
@media (max-width:700px) {
  .command-center-metrics:not(.role-hidden) { grid-template-columns:repeat(auto-fit,minmax(125px,1fr)); }
  .message-bubble { max-width:88%; }
  .control-badges { flex-wrap:wrap; }
  header { grid-template-columns:auto minmax(0,1fr) auto; row-gap:9px; }
  .mobile-menu { grid-column:1; grid-row:1; }
  .header-actions { grid-column:3; grid-row:1; }
  header>div:first-of-type { grid-column:1 / -1; grid-row:2; }
  #businessName { overflow:visible; font-size:17px; line-height:1.25; white-space:normal; overflow-wrap:anywhere; }
  .command-search { grid-column:1 / -1; grid-row:3; }
}

/* Shared SCAR warmth: one strong action, quiet supporting surfaces. */
:root {
  --cream:#fff9f4;
  --paper:#fffefa;
  --ink:#2d2621;
  --muted:#62564d;
  --line:#efdfd2;
  --coral:#c8462d;
  --orange:#f59b56;
  --mint:#32a978;
  --shadow:0 14px 34px rgba(91,54,31,.08);
}
body { background:var(--cream); }
.sidebar { background:#352920; }
.sidebar nav a { min-height:42px; border-radius:12px; color:#f0e7df; font-size:13px; }
.sidebar nav a span { color:#dbc5b5; }
.sidebar nav a.active { background:var(--coral); color:#fff; box-shadow:0 8px 20px rgba(233,99,67,.2); }
.sidebar .nav-group>small { color:#f0d5c4; }
.brand-mark { background:linear-gradient(140deg,var(--orange),var(--coral)); }
.hero {
  min-height:164px;
  border:1px solid #f4c9ac;
  border-radius:26px;
  color:var(--ink);
  background:radial-gradient(circle at 85% 18%,rgba(255,255,255,.56) 0 92px,transparent 93px),linear-gradient(120deg,#ffe2c8,#fff1e4 72%,#fff7ed);
  box-shadow:none;
}
.hero h2 { font-size:32px; line-height:1.12; }
.hero p { color:#5f4c3d; }
.hero .pill { color:#fff; background:var(--coral); }
.hero-today { border-left-color:#eac4a9; }
.hero-today small,.hero-today strong { color:var(--ink); }
.hero-today span { color:#246b4e; }
.command-center,.next-step-card,.quick-panel,.metrics article {
  border-color:var(--line);
  border-radius:22px;
  box-shadow:none;
}
.command-center { border-top:4px solid var(--coral); }
.command-center-heading .eyebrow,.next-step-copy .eyebrow { color:#ac4026; }
.command-center-metrics article { background:#fff3e9; }
.command-center-metrics article:nth-child(2) { background:#fff0e1; }
.command-center-metrics article:nth-child(3) { background:#f0f8ee; }
.command-center-metrics article:last-child { background:#f7f1e9; }
.command-center-primary {
  border-radius:20px;
  background:linear-gradient(125deg,#c74b30,#ba422a);
  box-shadow:0 12px 26px rgba(214,83,50,.16);
}
.command-center-primary small,.command-center-primary em { color:#fff; }
.command-primary-number { color:#fff; background:rgba(255,255,255,.18); }
.home-workspace .next-step-card { background:#fff0e4; }
.primary { min-height:44px; border-radius:13px; background:var(--coral); }
.quick-action,.operation-card { background:#fffefa; }
:where(button,a,input,textarea,select):focus-visible { outline:3px solid #ac4026; outline-offset:3px; }
@media (max-width:700px) {
  .hero { min-height:0; padding:22px 20px; }
  .hero h2 { font-size:25px; }
  .command-center { display:flex; flex-direction:column; padding:18px; }
  .command-center-heading { order:0; }
  .command-center-primary,.command-center-empty { order:1; margin-top:14px; }
  .command-center-metrics { order:2; margin:14px 0 0; }
  .command-center-list { order:3; }
  .command-center-metrics article { min-height:74px; }
}

/* Dense business data should remain readable at normal browser zoom. */
#inventory { --muted:#564d46; }
#inventory .eyebrow { font-size:12px; letter-spacing:.09em; }
#inventory .smart-procurement-head small { color:#166e52; font-size:11px; letter-spacing:.04em; }
#inventory .smart-procurement-head strong { font-size:16px; line-height:1.35; }
#inventory .procurement-summary small { font-size:12px; line-height:1.35; }
#inventory .procurement-item>div>strong { font-size:14px; line-height:1.35; }
#inventory .procurement-item p,#inventory .procurement-expiry { font-size:12px; line-height:1.4; }
#inventory .procurement-order small { font-size:11px; line-height:1.35; }
#inventory .procurement-order strong { color:#166e52; font-size:14px; }
#inventory .procurement-order button { min-height:34px; padding:8px 11px; font-size:12px; }
#inventory .barcode-search input { font-size:15px; }
#inventory th { color:#62564d; font-size:12px; letter-spacing:.04em; }
#inventory td { font-size:14px; line-height:1.45; }
#inventory .cell-main strong { font-size:14px; }
#inventory .cell-main small,#inventory td small { color:#62564d; font-size:12px; line-height:1.4; }
#inventory .stock.low { color:#a96200; }
#inventory .row-action { min-height:36px; padding:8px 11px; font-size:12px; }

.notification-popover {
  width:min(500px,calc(100vw - 32px));
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.notification-popover>header { padding:19px 20px; }
.notification-popover>header small { color:#a83a24; font-size:12px; letter-spacing:.04em; }
.notification-popover>header strong { font-size:20px; line-height:1.3; }
.notification-popover>header button { color:#96331f; font-size:14px; font-weight:700; }
.business-notification-digest { padding:16px 20px; }
.business-notification-digest strong { font-size:15px; line-height:1.4; }
.business-notification-digest small { color:#f0e5dc; font-size:13px; line-height:1.4; }
.business-notification-row { gap:13px; padding:18px 20px; }
.business-notification-row strong { font-size:16px; line-height:1.35; font-weight:700; }
.business-notification-row small { color:#4e453f; font-size:14px; line-height:1.45; }
.business-notification-row time { color:#5e534b; font-size:12px; line-height:1.4; white-space:nowrap; }
.notification-priority { margin-bottom:6px; font-size:11px; letter-spacing:.02em; }
@media (max-width:700px) {
  #inventory .barcode-search { grid-template-columns:auto minmax(0,1fr) auto auto; gap:5px 8px; padding:9px 12px; }
  #inventory .barcode-search input { grid-column:2 / -1; min-width:0; }
  #inventory .barcode-search .camera-button { grid-column:1 / 3; min-height:40px; }
  #inventory .barcode-search .secondary { grid-column:3 / -1; min-height:40px; }
  .notification-popover {
    position:fixed;
    top:64px;
    right:16px;
    left:16px;
    width:auto;
    max-height:calc(100dvh - 80px);
    overflow-y:auto;
  }
  .business-notification-row { grid-template-columns:36px minmax(0,1fr); padding:16px; }
  .business-notification-row time { grid-column:2; justify-self:start; }
}

/* A calmer overview: one priority, simple summaries, fewer competing cards. */
.hero[data-page="overview"] {
  min-height:0;
  display:block;
  margin-top:16px;
  padding:4px 0 10px;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
}
.hero[data-page="overview"] .pill { color:#9a3a22; background:#fff0e7; }
.hero[data-page="overview"] h2 { max-width:none; margin-top:10px; font-size:30px; }
.hero[data-page="overview"] p { max-width:none; color:var(--muted); }
.hero[data-page="overview"] .hero-today { display:none; }
.command-center[data-page="overview"] {
  margin-top:8px;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
}
.command-center[data-page="overview"] .command-center-heading { padding:10px 0 7px; border:0; }
.command-center[data-page="overview"] .command-center-heading p { display:none; }
.command-center[data-page="overview"] .command-center-status { display:none; }
.command-center[data-page="overview"] .command-center-primary {
  border:1px solid #edd8c8;
  border-left:4px solid var(--coral);
  border-radius:16px;
  color:var(--ink);
  background:#fffefa;
  box-shadow:none;
}
.command-center[data-page="overview"] .command-center-primary small { color:#9a3a22; }
.command-center[data-page="overview"] .command-center-primary em { color:var(--muted); }
.command-center[data-page="overview"] .command-primary-number { color:#9a3a22; background:#fff0e7; }
.command-center[data-page="overview"] .command-center-metrics {
  display:flex;
  flex-wrap:wrap;
  gap:0;
  margin:12px 0 6px;
  padding:0 0 12px;
  border-bottom:1px solid var(--line);
}
.command-center[data-page="overview"] .command-center-metrics article {
  min-height:0;
  margin:0 18px 6px 0;
  padding:0 18px 0 0;
  border-right:1px solid var(--line);
  border-radius:0;
  background:none;
}
.command-center[data-page="overview"] .command-center-metrics strong { color:var(--ink); }
.command-center[data-page="overview"] .command-center-row:nth-child(n+3) { display:none; }
.command-center[data-page="overview"] .command-center-row strong,
.command-center[data-page="overview"] .command-center-row small {
  overflow:visible;
  line-height:1.4;
  text-overflow:clip;
  white-space:normal;
}
.command-center-all {
  display:inline-flex;
  align-self:flex-start;
  min-height:44px;
  align-items:center;
  color:#9a3a22;
  font-size:14px;
  font-weight:750;
  text-decoration:none;
}
.command-center-list:empty + .command-center-all { display:none; }
.home-workspace[data-page="overview"] { display:block; margin-top:12px; }
body:has(#commandCenterPrimary:not(.hidden):not(.role-hidden)) .home-workspace .next-step-card { display:none; }
.home-workspace[data-page="overview"] .next-step-card,
.home-workspace[data-page="overview"] .quick-panel {
  border:0;
  border-top:1px solid var(--line);
  border-radius:0;
  background:none;
  box-shadow:none;
}
.home-workspace[data-page="overview"] .next-step-card { padding:16px 0; }
.home-workspace[data-page="overview"] .quick-panel { padding:7px 0; }
.metrics[data-page="overview"] { gap:0 20px; border-top:1px solid var(--line); }
.metrics[data-page="overview"] article {
  padding:16px 0;
  border:0;
  border-bottom:1px solid var(--line);
  border-radius:0;
  background:none;
  box-shadow:none;
}
.metrics[data-page="overview"] .metric-icon { display:none; }
.overview-summary {
  grid-column:1 / -1;
  grid-row:5;
  margin-top:18px;
  border-top:1px solid var(--line);
}
.overview-summary>summary {
  display:flex;
  min-height:48px;
  align-items:center;
  justify-content:space-between;
  color:var(--ink);
  cursor:pointer;
  font-size:15px;
  font-weight:750;
  list-style:none;
}
.overview-summary>summary::-webkit-details-marker { display:none; }
.overview-summary>summary::after { content:"⌄"; color:#9a3a22; font-size:20px; }
.overview-summary[open]>summary::after { transform:rotate(180deg); }
.overview-summary .metrics { margin:0 0 18px; }

#inventory .smart-procurement { background:#f7fbf8; }
#inventory .procurement-summary article {
  padding:8px 12px 8px 0;
  border:0;
  border-radius:0;
  background:none;
}
#inventory .procurement-item {
  padding:12px 0;
  border:0;
  border-top:1px solid #dcece3;
  border-radius:0;
  background:none;
}
@media (max-width:700px) {
  .hero[data-page="overview"] { margin-top:8px; padding:0 0 8px; }
  .hero[data-page="overview"] h2 { font-size:25px; }
  .command-center[data-page="overview"] { padding:0; }
  .command-center[data-page="overview"] .command-center-primary { margin-top:10px; }
  .command-center[data-page="overview"] .command-center-all { order:4; }
  .command-center[data-page="overview"] .command-center-metrics article {
    width:50%;
    margin:0 0 12px;
    padding:0 10px 0 0;
  }
  .command-center[data-page="overview"] .command-center-metrics article:nth-child(even) {
    padding-left:12px;
    border-right:0;
  }
}

/* SCAR's shared editorial surface: clearer text, calmer depth, one warm accent. */
body {
  background:var(--cream);
  color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:15px;
  line-height:1.45;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3 { font-family:inherit; letter-spacing:-.025em; }
.sidebar { background:#302b27; }
.sidebar nav { gap:8px; }
.sidebar nav a {
  min-height:44px;
  font-size:14px;
  font-weight:650;
  box-shadow:none;
}
.sidebar nav a.active {
  color:#fff;
  background:var(--coral);
  box-shadow:none;
}
.sidebar .nav-group>small { color:#eee0d4; font-size:13px; }
.panel,.command-center,.next-step-card,.quick-panel,.metrics article {
  background:var(--paper);
  box-shadow:var(--shadow);
}
.panel { border-color:var(--line); border-radius:20px; }
.command-center[data-page="overview"],
.home-workspace[data-page="overview"] .next-step-card,
.home-workspace[data-page="overview"] .quick-panel,
.metrics[data-page="overview"] article {
  background:none;
  box-shadow:none;
}
.primary { background:var(--coral); }
.secondary { background:#f1ebe4; }
.primary,.secondary,.row-action,.quick-action { min-height:44px; }
.status,.notification-trigger,.avatar { background:var(--paper); }
.eyebrow,th { font-size:12px; letter-spacing:.06em; }
td { font-size:14px; line-height:1.5; }
.cell-main small,.metrics em,.quick-action small { font-size:12px; line-height:1.4; }
.row-action { font-size:12px; padding:8px 11px; }
.tag { font-size:11px; }
.command-center[data-page="overview"] .command-center-primary {
  background:var(--paper);
  border-color:#dec9b8;
  border-left-color:var(--coral);
}
.command-center-metrics article { background:#f4efe9; }
.operations-center { background:var(--paper); }
.operations-hero {
  background:linear-gradient(115deg,#302b27,#534136);
}
.operations-live { color:#cdebd7; }
.auth-gate { background:linear-gradient(135deg,#f9f2eb,#f4f5ef); }
.auth-card { background:var(--paper); box-shadow:var(--shadow); }
.auth-role-grid button { background:var(--paper); }
.auth-role-grid strong { font-size:15px; line-height:1.35; }
.auth-role-grid small { font-size:12px; line-height:1.4; }
.auth-card form label { color:var(--ink); font-size:13px; }
.auth-card form input { min-height:46px; font-size:16px; }
.notification-popover { background:var(--paper); box-shadow:0 18px 45px rgba(48,35,27,.15); }
input,textarea,select { color:var(--ink); }
:where(button,a,input,textarea,select,summary):focus-visible {
  outline:3px solid #d38d60;
  outline-offset:2px;
}
@media (max-width:700px) {
  main { padding-inline:16px; }
  .panel { padding:18px; border-radius:18px; }
  .sidebar nav a { font-size:14px; }
}

/* Light navigation ties the business workspace to the iPhone app. */
.sidebar {
  color:var(--ink);
  background:#f2ece4;
  border-right:1px solid #e2d6ca;
}
.brand { color:var(--ink); }
.brand small { color:var(--muted); }
.sidebar nav a { color:#51463f; }
.sidebar nav a span { color:#876f60; }
.sidebar nav a:hover,
.sidebar nav a:focus-visible { color:var(--ink); background:#e9ded3; }
.sidebar nav a:hover>span { color:var(--coral); background:#f3d8ca; }
.sidebar nav a.active {
  color:#71301d;
  background:#f7dfd2;
  box-shadow:none;
}
.sidebar nav a.active>span { color:var(--coral); background:#f1cbb8; }
.sidebar nav a.active::before { background:var(--coral); }
.sidebar .nav-group>small { color:#67574c; }
.nav-group>small:hover { color:var(--ink); background:#e9ded3; }
.nav-group>small::after { color:#806f65; }
.nav-group>small:focus-visible { outline-color:var(--coral); }
.sidebar-account {
  color:var(--ink);
  background:var(--paper);
  border:1px solid var(--line);
}
.sidebar-account small { color:var(--muted); }
.sidebar-note {
  color:var(--ink);
  background:#fbf4ee;
  border-color:#e4d6ca;
}
.sidebar-note span,.sidebar-note small { color:var(--muted); }

/* Give navigation section controls a visible, full-width button surface. */
.sidebar .nav-group > small[role="button"] {
  min-height:46px;
  padding:10px 12px;
  gap:10px;
  border:1px solid #d8cbbf;
  border-radius:11px;
  background:#fffdfa;
  color:#51463f;
  box-shadow:0 2px 3px rgba(63,43,29,.04);
  font-size:13px;
  letter-spacing:0;
  text-transform:none;
  transition:background 150ms ease,border-color 150ms ease;
}
.sidebar .nav-group > small[role="button"]:hover {
  background:#fff4ed;
  border-color:#b89178;
  color:#71301d;
}
.sidebar .nav-group > small[role="button"][aria-expanded="true"] {
  background:#f7dfd2;
  border-color:#d6a58b;
  color:#71301d;
  box-shadow:none;
}
.sidebar .nav-group > small[role="button"][aria-expanded]::after {
  display:grid;
  place-items:center;
  flex:0 0 24px;
  width:24px;
  height:24px;
  border-radius:7px;
  background:#f0e8df;
  color:#67574c;
  font-size:17px;
  transform:none;
}
.sidebar .nav-group > small[role="button"][aria-expanded="false"]::after {
  transform:rotate(-90deg);
}
.sidebar .nav-group > small[role="button"][aria-expanded="true"]::after {
  background:#efc9b4;
  color:#71301d;
}

/* Shared Business workspace: one header, surface and action rhythm in every module. */
.shell {
  --cream:#f5f6f3;
  --paper:#fff;
  --ink:#203a32;
  --muted:#617169;
  --line:#dde4de;
  --workspace-accent:#163c32;
  --workspace-soft:#f3f6f3;
  --shadow:0 3px 14px rgba(26,53,41,.035);
  background:var(--cream);
  color:var(--ink);
}
.shell > main { padding:0 28px 40px; }
.shell > main > header { min-height:104px; height:auto; padding-block:20px; }
.shell > main > header h1 { font-size:21px; }
.shell .content-grid { gap:24px; }
.shell .panel {
  padding:24px;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--paper);
  box-shadow:var(--shadow);
}
.shell .panel > :is(.panel-heading,.operations-hero,.automation-hero,.desk-hero,.website-hero,.control-hero) {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-direction:row;
  flex-wrap:wrap;
  gap:16px 24px;
  min-height:0;
  margin:0 0 24px;
  padding:0 0 22px;
  border-bottom:1px solid var(--line);
  border-radius:0;
  background:none;
  color:var(--ink);
}
.shell .panel > :is(.operations-hero,.automation-hero,.desk-hero,.website-hero,.control-hero)::before,
.shell .panel > :is(.operations-hero,.automation-hero,.desk-hero,.website-hero,.control-hero)::after { content:none; }
.shell .panel > :is(.panel-heading,.operations-hero,.automation-hero,.desk-hero,.website-hero,.control-hero) > div:first-child {
  flex:1 1 330px;
  min-width:0;
}
.shell .panel > :is(.panel-heading,.operations-hero,.automation-hero,.desk-hero,.website-hero,.control-hero) :is(h2,h3) {
  max-width:760px;
  margin:5px 0 0;
  color:var(--ink);
  font-family:inherit;
  font-size:26px;
  font-weight:750;
  line-height:1.24;
  letter-spacing:-.025em;
}
.shell :is(.website-hero,.control-hero) h2 br { display:none; }
.shell .panel > :is(.panel-heading,.operations-hero,.automation-hero,.desk-hero,.website-hero,.control-hero) p:not(.eyebrow) {
  max-width:690px;
  margin-top:8px;
  color:var(--muted);
  font-size:14px;
  line-height:1.6;
}
.shell main :is(.eyebrow,.operations-live,.control-live) {
  color:var(--muted);
  font-size:11px;
  font-weight:700;
  letter-spacing:.075em;
  line-height:1.5;
}
.shell :is(.operations-clock,.desk-live) { color:var(--muted); }
.shell .operations-clock { min-width:0; padding:12px 16px; background:var(--workspace-soft); border:1px solid var(--line); border-radius:12px; }
.shell .operations-clock :is(small,span) { color:var(--muted); font-size:11px; }
.shell .operations-clock strong { color:var(--ink); font-size:22px; }
.shell :is(.primary,.automation-run,.control-run,.pilot-run) {
  min-height:44px;
  border:1px solid var(--workspace-accent);
  border-radius:10px;
  background:var(--workspace-accent);
  color:#fff;
  box-shadow:none;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
  transition:background 150ms ease;
}
.shell :is(.primary,.automation-run,.control-run,.pilot-run):hover:not(:disabled) { background:#245b49; border-color:#245b49; }
.shell :is(.automation-run,.control-run,.pilot-run) { min-width:210px; padding:12px 16px; backdrop-filter:none; }
.shell :is(.automation-run,.control-run,.pilot-run) > span { background:#ffffff1f; color:#fff; }
.shell :is(.automation-run,.control-run,.pilot-run) strong { font-size:13px; }
.shell :is(.automation-run,.control-run,.pilot-run) small { color:#d3e5dc; font-size:11px; }
.shell :is(.secondary,.row-action) {
  min-height:40px;
  padding:9px 13px;
  border:1px solid var(--line);
  border-radius:10px;
  color:var(--ink);
  background:var(--paper);
  font-size:13px;
  font-weight:650;
}
.shell :is(.secondary,.row-action):hover:not(:disabled) { background:#edf3ee; border-color:#bdcfc2; }
.shell :is(.primary,.secondary,.row-action):disabled { opacity:.55; cursor:not-allowed; }
.shell :is(.operations-metrics,.automation-metrics,.desk-metrics,.website-funnel,.delivery-summary,.pnl-summary,.report-grid,.growth-summary,.growth-engine-metrics) {
  gap:12px;
  margin:0 0 24px;
  padding:0;
}
.shell :is(.operations-metrics,.automation-metrics,.desk-metrics,.website-funnel,.delivery-summary,.pnl-summary,.report-grid,.growth-summary,.growth-engine-metrics) > article,
.shell .delivery-summary > span {
  min-width:0;
  min-height:100px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--workspace-soft);
  color:var(--ink);
  box-shadow:none;
}
.shell :is(.operations-metrics,.automation-metrics,.desk-metrics,.website-funnel,.delivery-summary,.pnl-summary,.report-grid,.growth-summary,.growth-engine-metrics) :is(small,em) {
  color:var(--muted);
  font-size:12px;
  line-height:1.45;
  white-space:normal;
}
.shell :is(.operations-metrics,.automation-metrics,.desk-metrics,.website-funnel,.delivery-summary,.pnl-summary,.report-grid,.growth-summary,.growth-engine-metrics) strong { font-size:26px; line-height:1.25; }
.shell .website-funnel article > span { margin-bottom:10px; background:#e3ede5; color:#356b50; }
.shell .growth-engine { padding:18px; border:1px solid var(--line); border-radius:12px; background:#fff; }
.shell .growth-engine-head { gap:16px; margin-bottom:16px; flex-wrap:wrap; }
.shell .growth-engine-head small { color:var(--muted); font-size:11px; }
.shell .growth-engine-head strong { font-size:17px; }
.shell .growth-engine-head > div:first-child > span { background:#e3ede5; color:#356b50; border-radius:10px; }
.shell .growth-engine-metrics { margin-bottom:16px; }
.shell .pnl-summary article::after { content:none; }
.shell :is(.operations-layout,.automation-layout,.pos-layout,.control-layout) { gap:20px; padding:0; }
.shell :is(.operations-queue-card,.ops-side-card,.automation-rules-card,.automation-history-card,.pos-cart-card,.dispatch-map-card,.driver-board,.control-side > section) {
  padding:18px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--paper);
  box-shadow:none;
}
.shell :is(.subheading,.section-heading,.desk-section-head) { gap:12px; margin-bottom:16px; }
.shell :is(.desk-section-head,.recent-pos-heading,.website-leads-heading) { padding:0; margin-top:24px; }
.shell :is(.subheading,.section-heading) :is(h3,strong),.shell .desk-section-head h3 { color:var(--ink); font-size:17px; line-height:1.4; }
.shell :is(.subheading,.section-heading) small { color:var(--muted); font-size:12px; line-height:1.5; }
.shell :is(.checkin-list,.website-lead-list) { padding:0; }
.shell :is(.control-overview,.launch-board,.provider-setup,.pilot-center) { margin:0 0 24px; border-color:var(--line); border-radius:12px; background:var(--workspace-soft); box-shadow:none; }
.shell :is(.control-summary,.pilot-copy,.provider-setup-heading,.launch-board-heading) p { font-size:13px; line-height:1.6; color:var(--muted); }
.shell :is(.operation-card,.checkin-row,.driver-card,.website-lead,.automation-rule,.inventory-procurement-row) {
  border-radius:12px;
  background:var(--paper);
  box-shadow:none;
}
.shell :is(.operation-title,.checkin-person,.website-lead-main,.driver-info) strong { font-size:14px; }
.shell :is(.operation-title,.checkin-person,.website-lead-main,.driver-info) small { font-size:12px; line-height:1.5; }
.shell main :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea) {
  min-height:44px;
  border:1px solid #cdd8cf;
  border-radius:10px;
  background:#fff;
  color:var(--ink);
  font-size:14px;
}
.shell main :is(.global-search,.pos-search) input { min-height:40px; border:0; border-radius:0; background:transparent; }
.shell .row-action.danger { border-color:#efccd0; color:#b33346; background:#fff2f3; }
.shell .row-action.danger:hover { border-color:#dca0a8; color:#98263a; background:#ffe6e9; }
.shell .pnl-summary .profit.negative strong { color:#b33346; }
.shell main :is(.operations-filters,.checkin-filters,.finance-filter) { gap:8px; }
.shell :is(.operations-filters,.checkin-filters) button { min-height:36px; padding:8px 12px; border:1px solid var(--line); border-radius:9px; color:var(--muted); background:#fff; font-size:12px; }
.shell :is(.operations-filters,.checkin-filters) button.active { color:var(--workspace-accent); background:#e6f0e8; border-color:#b9d0c1; }
.shell :is(button,a,input,select,textarea,summary):focus-visible { outline:3px solid #52896c; outline-offset:3px; }
.shell .hero[data-page="overview"] {
  min-height:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:24px;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--paper);
  color:var(--ink);
  box-shadow:var(--shadow);
}
.shell .hero[data-page="overview"] h2 { max-width:none; font-size:28px; line-height:1.25; }
.shell .hero[data-page="overview"] p { max-width:650px; color:var(--muted); font-size:14px; }
.shell .hero[data-page="overview"] .pill { color:#356b50; background:#e7f0e9; }
.shell :is(.command-center[data-page="overview"],.home-workspace[data-page="overview"] .next-step-card,.home-workspace[data-page="overview"] .quick-panel) { padding:20px; border:1px solid var(--line); border-radius:18px; background:var(--paper); box-shadow:var(--shadow); }
.shell .command-center-primary { border-color:var(--line); border-left-color:#52896c; background:var(--workspace-soft); }
.shell .command-center-metrics article { background:var(--workspace-soft); border-radius:12px; }
.shell .quick-action { border:1px solid var(--line); border-radius:10px; background:#fff; }
.shell .quick-action:hover { background:#f0f5f0; border-color:#bdcfc2; transform:none; }
.shell .sidebar { background:#edf1ec; border-right-color:var(--line); }
.shell .sidebar .nav-group > small[role="button"] { background:#fff; border-color:#d4ddd4; color:#41564a; box-shadow:none; }
.shell .sidebar .nav-group > small[role="button"]:hover { background:#f6faf6; border-color:#94b39f; }
.shell .sidebar .nav-group > small[role="button"][aria-expanded="true"] { background:#dfeae1; border-color:#aec6b4; color:#214c37; }
.shell .sidebar .nav-group > small[role="button"]::after { background:#edf1ec; color:#496653; }
.shell .sidebar .nav-group > small[role="button"][aria-expanded="true"]::after { background:#cbded0; color:#214c37; }
.shell .sidebar nav a.active { background:#fff0e8; border-color:#eed0bf; color:#9f4427; }
.shell .sidebar-account { border-color:var(--line); background:#fff; }
@media(max-width:1100px) {
  .shell .operations-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:720px) {
  .shell > main { padding:0 14px 28px; }
  .shell .panel { padding:18px; border-radius:14px; }
  .shell .panel > :is(.panel-heading,.operations-hero,.automation-hero,.desk-hero,.website-hero,.control-hero) { gap:14px; padding-bottom:18px; margin-bottom:18px; align-items:flex-start; }
  .shell .panel > :is(.panel-heading,.operations-hero,.automation-hero,.desk-hero,.website-hero,.control-hero) :is(h2,h3) { font-size:23px; }
  .shell :is(.operations-metrics,.automation-metrics,.desk-metrics,.website-funnel,.delivery-summary,.pnl-summary,.report-grid,.growth-summary,.growth-engine-metrics) { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0 0 18px; }
  .shell :is(.operations-metrics,.automation-metrics,.desk-metrics,.website-funnel,.delivery-summary,.pnl-summary,.report-grid,.growth-summary,.growth-engine-metrics) > article,.shell .delivery-summary > span { padding:13px; min-height:90px; }
  .shell :is(.operations-metrics,.delivery-summary) > :last-child:nth-child(odd) { grid-column:1/-1; }
  .shell :is(.automation-run,.control-run,.website-hero > .primary) { width:100%; }
  .shell :is(.operations-queue-card,.ops-side-card,.automation-rules-card,.automation-history-card,.pos-cart-card,.dispatch-map-card,.driver-board) { padding:14px; }
  .shell .hero[data-page="overview"] { align-items:flex-start; flex-direction:column; padding:20px; }
  .shell .hero[data-page="overview"] h2 { max-width:none; font-size:25px; }
}
/* Dialogs live outside .shell, but continue the same workspace language. */
body:has(.shell) dialog {
  --ink:#203a32;
  --muted:#617169;
  --line:#dde4de;
  --paper:#fff;
  color:var(--ink);
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--paper);
}
body:has(.shell) dialog .primary { background:#163c32; color:#fff; border-radius:10px; font-size:13px; }
body:has(.shell) dialog .primary:hover:not(:disabled) { background:#245b49; }
body:has(.shell) dialog .secondary { border:1px solid var(--line); background:#fff; border-radius:10px; font-size:13px; }
body:has(.shell) dialog :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea) { min-height:44px; border-color:#cdd8cf; border-radius:10px; font-size:14px; }
body:has(.shell) dialog :is(input,select,textarea,button):focus-visible { outline:3px solid #52896c; outline-offset:3px; }
@media(max-width:720px) {
  body:has(.shell) .customer360-dialog { border-radius:0; }
}

/* Keep search flexible while reserving space for the header actions. */
.shell > main > #top {
  display:grid;
  grid-template-columns:minmax(190px,.85fr) minmax(220px,1.4fr) auto;
  gap:18px;
}
.shell #top > div:first-of-type { min-width:0; }
.shell #top .header-actions { flex-wrap:nowrap; gap:10px; min-width:0; }
.shell #top .header-actions > * { flex-shrink:0; }
.shell #top .status { white-space:nowrap; font-size:11px; padding:9px 11px; }
.shell #top .avatar { width:42px; min-width:42px; }
.shell #top .status {
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:32px;
  border:1px solid #d6e6da;
  background:#edf5ee;
  color:#356b50;
  font-weight:650;
}
.shell #top .status i { flex:0 0 6px; width:6px; height:6px; margin:0; box-shadow:none; }
.shell #top .status.offline { border-color:#ead7b5; color:#8c641f; background:#fff7e8; }
.shell #top .status.offline i { background:#bb8b36; }
.shell #top :is(.notification-trigger,.avatar) {
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  padding:0;
  border:1px solid #d4dfd6;
  border-radius:12px;
  background:#fff;
  color:#456253;
  transition:background 150ms ease,border-color 150ms ease;
}
.shell #top :is(.notification-trigger,.avatar):hover,
.shell #top .notification-trigger[aria-expanded="true"] { background:#e6f0e8; border-color:#94b39f; color:#163c32; }
.shell #top .avatar { border-color:#b9cfc0; background:#dfece2; color:#214c37; font-size:13px; }
.shell #top .notification-trigger b { top:-5px; right:-5px; min-width:18px; height:18px; font-size:10px; background:#c8462d; }
.shell .command-search {
  width:100%;
  min-width:0;
  max-width:none;
  margin:0;
  gap:10px;
  padding:0 14px;
  border:1px solid #d4dfd6;
  border-radius:12px;
  background:#fff;
  box-shadow:none;
  color:#617169;
}
.shell .command-search > svg { flex:0 0 18px; }
.shell main :is(.command-search,.customer-search,.pos-search) input {
  min-width:0;
  width:100%;
  height:46px;
  min-height:46px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  outline:none;
  box-shadow:none;
  font-size:14px;
  font-weight:400;
}
.shell .command-search input::placeholder { color:#79867d; }
.shell .command-search kbd {
  flex:0 0 auto;
  white-space:nowrap;
  padding:4px 6px;
  border:1px solid #dce4dd;
  border-radius:6px;
  background:#f4f7f3;
  color:#617169;
  font-size:11px;
  line-height:1.2;
}
.shell :is(.command-search,.customer-search,.pos-search):focus-within {
  border-color:#52896c;
  box-shadow:0 0 0 3px #52896c1f;
}
@media(min-width:701px) and (max-width:1100px) {
  .shell > main > #top { grid-template-columns:minmax(0,1fr) auto; }
  .shell #top > div:first-of-type { grid-column:1; grid-row:1; }
  .shell #top .header-actions { grid-column:2; grid-row:1; }
  .shell #top .command-search { grid-column:1/-1; grid-row:2; }
}
@media(max-width:700px) {
  .shell > main > #top { grid-template-columns:auto minmax(0,1fr) auto; gap:10px; }
  .shell #top .header-actions { grid-column:3; grid-row:1; }
  .shell #top > div:first-of-type { grid-column:1/-1; grid-row:2; }
  .shell #top .command-search { grid-column:1/-1; grid-row:3; }
  .shell .command-search kbd { display:none; }
  .shell #top .status { display:none; }
}

/* Customer relationships use the same readable cards as the rest of Business. */
.shell #growth .growth-engine { padding:22px; background:#fafcf9; }
.shell #growth .growth-engine-head { align-items:center; gap:18px; }
.shell #growth .growth-engine-head > div:first-child { min-width:0; }
.shell #growth .growth-engine-head strong { font-size:19px; line-height:1.4; }
.shell #growth .growth-segments { gap:4px; padding:4px; border:1px solid var(--line); background:#edf2ed; border-radius:11px; }
.shell #growth .growth-segments button { min-height:40px; padding:9px 13px; border-radius:8px; color:var(--muted); font-size:13px; font-weight:650; white-space:nowrap; }
.shell #growth .growth-segments button:hover { background:#e0eae1; color:var(--ink); }
.shell #growth .growth-segments button.active { color:#163c32; background:#fff; box-shadow:0 1px 4px #163c3212; }
.shell #growth .growth-summary { grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); }
.shell #growth .growth-summary > article { min-height:95px; }
.shell #growth .growth-customer-list { gap:12px; margin-top:20px; }
.shell #growth .growth-customer { grid-template-columns:44px minmax(0,1fr) auto auto; gap:16px; padding:18px; border:1px solid var(--line); border-radius:12px; background:#fff; }
.shell #growth .growth-customer.inactive { border-left:3px solid #c98245; }
.shell #growth .growth-customer.vip { border-left:3px solid #a99043; }
.shell #growth .growth-customer-avatar { width:44px; height:44px; border-radius:12px; background:#e3ede5; color:#356b50; font-size:13px; }
.shell #growth .growth-customer-main > span { flex-wrap:wrap; gap:8px; }
.shell #growth .growth-customer-main strong { font-size:15px; line-height:1.4; }
.shell #growth .growth-customer-main b { padding:4px 8px; font-size:11px; color:#356b50; background:#edf5ee; }
.shell #growth .growth-customer-main p { margin-top:6px; font-size:12px; line-height:1.5; }
.shell #growth .growth-customer-main small { margin-top:10px; padding:10px 12px; border-radius:8px; background:#f3f6f3; color:#41564a; font-size:13px; line-height:1.55; overflow-wrap:anywhere; }
.shell #growth .growth-customer-value strong { font-size:17px; }
.shell #growth .growth-customer-value small { margin-top:5px; color:var(--muted); font-size:12px; }
.shell #growth .growth-action { min-height:42px; min-width:100px; padding:10px 14px; background:#163c32; font-size:13px; border-radius:10px; }
.shell #growth .growth-action:hover:not(:disabled) { background:#245b49; }
.shell #growth .growth-action:disabled { background:#edf1ec; color:#69776e; cursor:not-allowed; }
.shell #growth .growth-columns { gap:20px; margin-top:24px; }
.shell #growth .growth-columns > section { padding:20px; border:1px solid var(--line); border-radius:12px; background:#fff; }
.shell #growth .finance-section { margin-top:28px; padding-top:24px; }
.shell #growth .operation-main strong { font-size:14px; }
.shell #growth .operation-main small { font-size:12px; line-height:1.55; }
.shell #growth :is(.empty.compact,.procurement-clear) { padding:28px 16px; border:1px dashed var(--line); border-radius:12px; background:#fafcf9; }
.shell #growth :is(.empty.compact,.procurement-clear) strong { font-size:14px; }
.shell #growth :is(.empty.compact,.procurement-clear) :is(p,small) { font-size:13px; line-height:1.55; color:var(--muted); }
@media(max-width:1100px) {
  .shell #growth .growth-customer { grid-template-columns:44px minmax(0,1fr) auto; }
  .shell #growth .growth-action { grid-column:2/-1; justify-self:start; }
}
@media(max-width:720px) {
  .shell #growth .growth-engine,.shell #growth .growth-columns > section { padding:16px; }
  .shell #growth .growth-segments { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; overflow:visible; }
  .shell #growth .growth-customer { grid-template-columns:40px minmax(0,1fr); padding:14px; gap:12px; }
  .shell #growth .growth-customer-avatar { width:40px; height:40px; }
  .shell #growth .growth-customer-value { grid-column:2; text-align:left; }
  .shell #growth .growth-action { grid-column:2; width:100%; }
  .shell #growth .growth-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .shell #growth .growth-summary > article:last-child:nth-child(odd) { grid-column:1/-1; }
}
@media(prefers-reduced-motion:reduce) {
  .shell :is(.primary,.secondary,.quick-action) { transition:none; }
}

/* SCAR visual identity: forest navigation, bright work surfaces, quiet depth. */
.shell {
  --cream:#f6f7f3;
  --ink:#173b2e;
  --muted:#596d61;
  --line:#dce4db;
  --workspace-soft:#eff4ed;
  --shadow:0 6px 24px rgba(23,59,46,.045);
}
.shell .sidebar { background:#173b2e; border-right:1px solid #254f3c; color:#eef5eb; }
.shell .sidebar .brand { color:#fff; padding-bottom:26px; }
.shell .sidebar .brand strong { color:#fff; font-size:23px; letter-spacing:-.035em; }
.shell .sidebar .brand small { color:#b4cbbb; font-size:12px; }
.shell .sidebar .brand-mark { color:#fff; background:#ed633b; border-radius:13px; }
.shell .sidebar nav { gap:14px; }
.shell .sidebar .nav-group > small[role="button"] {
  min-height:45px;
  border:1px solid #39604a;
  background:#234936;
  color:#e7f0e3;
  font-weight:650;
}
.shell .sidebar .nav-group > small[role="button"]:hover { background:#2b5540; border-color:#628970; color:#fff; }
.shell .sidebar .nav-group > small[role="button"][aria-expanded="true"] { background:#305b43; border-color:#628970; color:#fff; }
.shell .sidebar .nav-group > small[role="button"]::after,
.shell .sidebar .nav-group > small[role="button"][aria-expanded="true"]::after { background:#ffffff0d; color:#c8ddca; }
.shell .sidebar nav a { color:#c2d5c7; border-color:transparent; font-size:13px; }
.shell .sidebar nav a > span { color:#9bbba7; background:#ffffff08; }
.shell .sidebar nav a:hover { color:#fff; background:#ffffff0c; }
.shell .sidebar nav a.active { color:#173b2e; background:#e5efdf; border-color:#e5efdf; }
.shell .sidebar nav a.active > span { color:#173b2e; background:#cdddca; }
.shell .sidebar nav a.active::before { background:#ed633b; }
.shell .sidebar-account { color:#fff; background:#234936; border-color:#39604a; }
.shell .sidebar-account strong { color:#fff; }
.shell .sidebar-account small { color:#b4cbbb; }
.shell .sidebar-note { color:#e7f0e3; background:#234936; border-color:#39604a; }
.shell .sidebar-note :is(span,small) { color:#b4cbbb; }
.shell > main > #top { margin-bottom:6px; }
.shell .panel { border-color:#dce4db; border-radius:20px; box-shadow:var(--shadow); }
.shell .panel > :is(.panel-heading,.operations-hero,.automation-hero,.desk-hero,.website-hero,.control-hero) :is(h2,h3) { font-weight:750; letter-spacing:-.035em; }
.shell .panel > :is(.panel-heading,.operations-hero,.automation-hero,.desk-hero,.website-hero,.control-hero) .eyebrow { color:#6b7d6d; font-size:10px; letter-spacing:.12em; }
.shell main .primary { box-shadow:0 3px 8px #163c3210; }
.shell :is(.operation-card,.growth-customer,.quick-action) { transition:border-color 150ms ease,box-shadow 150ms ease; }
.shell :is(.operation-card,.growth-customer):hover { border-color:#a8c0ad; box-shadow:0 3px 12px #163c3209; }
.shell #growth .growth-engine { background:#f3f7ef; border-color:#d7e2d1; border-radius:16px; }
.shell #growth .growth-engine-head > div:first-child > span { background:#173b2e; color:#dbe9c9; }
.shell #growth .growth-engine-metrics > article { background:#fff; border-color:#dce5d6; }
.shell #growth .growth-segments { background:#e2ebdc; border-color:#d5e0ce; }
.shell #growth .growth-segments button.active { background:#173b2e; color:#fff; box-shadow:none; }
.shell #growth .growth-summary > article { background:#fff; border-top:3px solid #aabd9e; }
.shell #growth .growth-columns > section { background:#fbfcf9; }
@media(max-width:720px) {
  .shell .panel { border-radius:16px; }
}
@media(prefers-reduced-motion:reduce) {
  .shell :is(.operation-card,.growth-customer,.quick-action) { transition:none; }
}

/* List controls keep filters and paging available on narrow workspaces. */
.business-list-tools { display:flex; flex-wrap:wrap; align-items:end; gap:12px; margin:18px 0; }
.business-list-tools label { display:flex; flex-direction:column; gap:6px; font-size:12px; font-weight:600; color:var(--muted, #666); flex:1 1 180px; }
.business-list-tools input, .business-list-tools select { width:100%; min-height:42px; padding:10px 12px; border:1px solid #ddd; border-radius:10px; background:#fff; color:#262626; font:inherit; font-size:14px; }
.business-list-tools input:focus-visible, .business-list-tools select:focus-visible { outline:2px solid #ee745b; outline-offset:2px; }
.business-list-footer { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-top:18px; font-size:13px; color:#666; }
.business-list-footer > div { display:flex; gap:8px; }
.business-list-footer button:disabled { opacity:.45; cursor:default; }
.business-list-no-results { padding:24px 12px; text-align:center; color:#666; }
.business-load-error { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin:12px 0; padding:16px; border:1px solid #efb599; border-radius:12px; background:#fff5ec; color:#713b24; }
@media (max-width:600px) {
  .business-list-tools label { flex-basis:100%; }
  .business-list-footer > div { width:100%; }
  .business-list-footer button { flex:1; }
}
@media (max-width:600px) {
  #customers table, #inventory table, #customers tbody, #inventory tbody { display:block; width:100%; min-width:0; }
  #customers thead, #inventory thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  #customers tbody tr, #inventory tbody tr { display:block; padding:12px 0; border-bottom:1px solid var(--line, #ddd); }
  #customers td, #inventory td { display:block; width:100%; padding:8px 0; border:0; overflow-wrap:anywhere; }
  #customers td::before, #inventory td::before { content:attr(data-label); display:block; margin-bottom:5px; font-size:11px; font-weight:700; color:var(--muted, #666); }
  #customers .row-action, #inventory .row-action { display:inline-block; margin:3px 3px 3px 0; min-height:40px; padding:10px 12px; }
}

/* Business cards size to their content, including full Greek labels. */
.shell .panel {
  container-type:inline-size;
  container-name:business-panel;
}
.shell main :is(h1,h2,h3,h4,p,small,strong,em) {
  overflow-wrap:anywhere;
}
.shell main :is(h1,h2,h3,h4) { line-height:1.35; }
.shell main :is(.panel-heading,.section-heading,.subheading,.operations-hero,.automation-hero,.desk-hero,.website-hero,.control-hero,.operations-queue-head,.growth-engine-head,.smart-procurement-head,.command-center-heading,.role-focus-heading) {
  flex-wrap:wrap;
  align-items:flex-start;
  row-gap:16px;
}
.shell main :is(.panel-heading,.section-heading,.subheading,.operations-hero,.automation-hero,.desk-hero,.website-hero,.control-hero,.operations-queue-head,.growth-engine-head,.command-center-heading,.role-focus-heading) > div:first-child {
  flex:1 1 240px;
  min-width:0;
}
.shell main :is(.operations-filters,.checkin-filters,.growth-segments,.finance-actions,.finance-filter) {
  flex-wrap:wrap;
  max-width:100%;
}
.shell main :is(.panel,.hero,.home-workspace,.command-center,.setup-readiness) :is(button,.primary,.secondary,.row-action,.status-badge,.tag) {
  max-width:100%;
  min-width:0;
  height:auto;
  white-space:normal;
  overflow-wrap:anywhere;
  line-height:1.45;
}
.shell main :is(.metrics,.operations-metrics,.automation-metrics,.desk-metrics,.website-funnel,.delivery-summary,.pnl-summary,.report-grid,.growth-summary,.growth-engine-metrics,.procurement-summary) {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));
  gap:14px;
}
.shell main :is(.metrics,.operations-metrics,.automation-metrics,.desk-metrics,.website-funnel,.delivery-summary,.pnl-summary,.report-grid,.growth-summary,.growth-engine-metrics,.procurement-summary) > :is(article,span) {
  min-width:0;
  height:auto;
  min-height:112px;
  padding:18px;
  grid-column:auto;
}
.shell main :is(.metrics,.operations-metrics) > article {
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:14px;
}
.shell main :is(.metrics,.operations-metrics) > article > div { min-width:0; }
.shell main :is(.metrics,.operations-metrics,.automation-metrics,.desk-metrics,.website-funnel,.delivery-summary,.pnl-summary,.report-grid,.growth-summary,.growth-engine-metrics,.procurement-summary) :is(small,em) {
  display:block;
  font-size:13px;
  line-height:1.5;
  white-space:normal;
}
.shell main :is(.metrics,.operations-metrics,.automation-metrics,.desk-metrics,.website-funnel,.delivery-summary,.pnl-summary,.report-grid,.growth-summary,.growth-engine-metrics,.procurement-summary) strong {
  display:block;
  margin-block:6px;
  line-height:1.3;
}
.shell main :is(.quick-action small,.focus-row strong,.focus-row small,.command-center-primary em,.command-center-row strong,.command-center-row small,.conversation-copy strong,.conversation-copy small,.conversation-copy em,.conversation-header small,.ops-item-main > p,.checkin-person strong,.checkin-person small,.pos-product strong,.pos-product small,.pos-product b,.pos-cart-row strong,.pos-cart-row small,.staff-profile-copy small) {
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  -webkit-line-clamp:unset;
  max-height:none;
  line-height:1.5;
}
.shell .operations-layout { grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr); }
.shell main :is(.operations-queue-card,.ops-side-card,.automation-rules-card,.automation-history-card,.pos-cart-card,.driver-board,.operation-main,.operation-meta,.checkin-person,.conversation-copy,.automation-rule-copy) { min-width:0; }
.shell .ops-insight {
  grid-template-columns:32px minmax(0,1fr) auto;
  gap:12px;
  padding:16px;
}
.shell .ops-insight strong { font-size:14px; line-height:1.5; }
.shell .ops-insight p { margin-top:6px; font-size:13px; line-height:1.6; }
.shell .ops-queue-item { grid-template-columns:auto minmax(0,1fr) minmax(0,160px); }
.shell .ops-item-actions { min-width:0; max-width:100%; }
.shell :is(.ops-item-main,.operation-main,.checkin-person) strong { line-height:1.45; }
.shell .operation-card { grid-template-columns:auto minmax(0,1fr) minmax(0,180px); }
.shell .operation-meta { display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:8px; }
.shell .cell-main > span:last-child { min-width:0; }
.shell .cell-avatar { flex-shrink:0; }
body:has(.shell) dialog :is(h2,h3,p,small,strong,em,label,button) { overflow-wrap:anywhere; }
body:has(.shell) .customer360-event-copy p { white-space:normal; overflow:visible; text-overflow:clip; line-height:1.5; }
body:has(.shell) .customer360-metrics { grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr)); }
@container business-panel (max-width:900px) {
  .shell :is(.operations-layout,.automation-layout,.control-layout,.pos-layout) { grid-template-columns:minmax(0,1fr); }
  .shell .operations-side { grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); }
}
@container business-panel (max-width:600px) {
  .shell :is(.ops-queue-item,.operation-card,.checkin-row,.automation-rule) { grid-template-columns:auto minmax(0,1fr); align-items:start; }
  .shell :is(.ops-item-actions,.operation-meta) { grid-column:2; justify-content:flex-start; align-items:flex-start; flex-direction:row; flex-wrap:wrap; }
  .shell .automation-rule > button { grid-column:2; justify-self:start; }
  .shell .operations-clock { text-align:left; }
}
.shell main .operations-metrics { display:flex; flex-wrap:wrap; }
.shell main .operations-metrics > article { flex:1 1 240px; }
.shell main .subheading > div:first-child { flex-basis:180px; }
.shell .operations-clock { display:flex; flex:0 1 220px; flex-direction:column; align-items:flex-start; gap:6px; width:auto; max-width:100%; text-align:left; }
.shell #operationsUpdatedAt { white-space:nowrap; }
.shell #growth .growth-summary { grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr)); }
.shell #growth .growth-segments button { white-space:normal; height:auto; }
.shell #businessName { white-space:normal; overflow:visible; text-overflow:clip; line-height:1.35; }
body:has(.shell) dialog :is(.dialog-heading,footer) { flex-wrap:wrap; gap:12px; }
body:has(.shell) dialog :is(.primary,.secondary,.row-action) { max-width:100%; height:auto; white-space:normal; line-height:1.5; }