:root {
  color-scheme: light;
  --ink:#17110f;
  --muted:#74645e;
  --brown:#8f593e;
  --terracotta:#c98d6c;
  --rose:#dfa992;
  --blush:#efd4c8;
  --blush-soft:#f8e9e2;
  --cream:#fffaf6;
  --paper:#fffdfb;
  --line:#dfc2b6;
}
* { box-sizing:border-box; }
html, body { margin:0; height:100%; min-height:100%; overflow:hidden; font-family:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color:var(--ink); background:var(--blush-soft); }
button, textarea { font:inherit; }
button { cursor:pointer; }
[hidden] { display:none !important; }
.auth-screen { min-height:100vh; display:grid; place-items:center; padding:24px; background:radial-gradient(circle at 50% 15%,#fffaf6 0,#f3ddd4 48%,#e7c6b7 100%); }
.auth-card { width:min(430px,100%); border:1px solid #cfae9f; border-radius:12px; background:rgba(255,253,251,.96); padding:38px; box-shadow:10px 12px 0 rgba(110,69,50,.13); }
.auth-logo { display:block; width:190px; height:auto; margin:0 auto 29px; mix-blend-mode:multiply; }.auth-card > .eyebrow { text-align:center; }.auth-card h1 { margin:10px 0 7px; text-align:center; font-family:Georgia,"Times New Roman",serif; font-size:38px; font-weight:500; letter-spacing:-.035em; }.auth-intro { margin:0 0 25px; text-align:center; color:var(--muted); font-size:13px; }
.login-form { display:grid; gap:15px; }.login-form label { display:grid; gap:7px; color:#5d463d; font-size:11px; font-weight:750; }.login-form input { width:100%; border:1px solid #cfae9f; border-radius:5px; background:#fffaf7; color:var(--ink); padding:12px; outline:none; font:inherit; }.login-form input:focus { border-color:var(--brown); box-shadow:0 0 0 3px rgba(143,89,62,.12); }.login-form > button { margin-top:4px; border:1px solid var(--ink); border-radius:5px; background:var(--ink); color:white; padding:12px; font-weight:800; }.login-form button:disabled { opacity:.65; cursor:wait; }.password-field { position:relative; display:block; }.password-field input { padding-right:64px; }.password-field button { position:absolute; right:7px; top:50%; transform:translateY(-50%); border:0; background:transparent; color:#76564a; padding:6px 8px; font-size:10px; font-weight:800; }.login-error { min-height:18px; margin:0; color:#963d2d; font-size:11px; line-height:1.45; }.auth-help { margin:18px 0 0; color:var(--muted); font-size:10px; line-height:1.5; text-align:center; }
.app-shell { height:100vh; min-height:100vh; display:grid; grid-template-columns:286px 1fr; overflow:hidden; }
.sidebar { background:var(--blush); border-right:1px solid #d7b4a5; padding:24px 18px 18px; display:flex; flex-direction:column; height:100vh; min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#c28f79 transparent; }
.brand { display:flex; align-items:center; justify-content:center; gap:8px; padding:2px 8px 28px; }
.brand-logo { width:170px; height:auto; display:block; mix-blend-mode:multiply; }
.ai-chip { align-self:flex-start; margin-top:5px; color:var(--cream); background:var(--ink); border-radius:999px; padding:4px 7px; font-size:9px; line-height:1; font-weight:850; letter-spacing:.1em; }
.workspace-chip { align-self:flex-start; margin-top:5px; color:var(--cream); background:var(--ink); border-radius:999px; padding:4px 7px; font-size:8px; line-height:1; font-weight:850; letter-spacing:.1em; }
.new-chat { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; border:1px solid var(--ink); background:var(--ink); color:var(--cream); padding:12px 14px; border-radius:3px; font-weight:700; letter-spacing:.01em; box-shadow:4px 4px 0 rgba(143,89,62,.3); transition:.15s ease; }
.new-chat:hover { transform:translate(-1px,-1px); box-shadow:6px 6px 0 rgba(143,89,62,.3); }
.all-apps-button { width:100%; border:0; background:transparent; color:#6e5044; padding:8px 10px; display:flex; gap:8px; align-items:center; font-size:11px; font-weight:750; text-align:left; border-radius:4px; margin-bottom:8px; }.all-apps-button:hover { background:rgba(255,250,246,.55); color:var(--ink); }
.agent-label { margin:30px 10px 9px; color:#84665a; font-size:10px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.agent { border:1px solid #c9957e; background:rgba(255,250,246,.72); border-radius:4px; width:100%; padding:12px; display:flex; text-align:left; align-items:center; gap:11px; color:var(--ink); box-shadow:3px 3px 0 rgba(143,89,62,.13); }
.agent-icon, .analyst-avatar { display:grid; place-items:center; color:var(--cream); background:var(--brown); border-radius:50%; }
.agent-icon { width:35px; height:35px; }
.agent span:last-child { display:flex; flex-direction:column; gap:3px; }
.agent strong { font-size:14px; }.agent small { color:#765f55; font-size:12px; }
.module-nav { display:flex; flex-direction:column; gap:8px; }
.module-link { border:1px solid transparent; background:transparent; border-radius:5px; width:100%; padding:11px; display:flex; text-align:left; align-items:center; gap:11px; color:#5f483e; }
.module-link:hover { background:rgba(255,250,246,.45); }.module-link.active { border-color:#c9957e; background:rgba(255,250,246,.82); color:var(--ink); box-shadow:3px 3px 0 rgba(143,89,62,.13); }
.module-link span:last-child { display:flex; flex-direction:column; gap:3px; }.module-link strong { font-size:13px; }.module-link small { color:#765f55; font-size:11px; }
.ai-sidebar { margin-top:18px; }.ai-sidebar .new-chat { margin-top:4px; }
.chat-label { margin-top:24px; }
.chat-list { display:flex; flex-direction:column; gap:4px; max-height:none; overflow:visible; padding-right:2px; }
.chat-list-row { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 30px; align-items:center; border-radius:4px; }.chat-list-row:hover,.chat-list-row.active { background:rgba(255,250,246,.5); }.chat-list-row .chat-link { min-width:0; }.chat-list-row .chat-link.active { background:rgba(255,250,246,.82); }
.delete-chat { width:27px; height:27px; display:grid; place-items:center; border:0; border-radius:50%; background:transparent; color:#8b6e62; font-size:19px; opacity:0; transition:opacity .15s,background .15s,color .15s; }.chat-list-row:hover .delete-chat,.chat-list-row:focus-within .delete-chat { opacity:1; }.delete-chat:hover { background:#ecd0c4; color:#7e2f22; }.delete-chat:focus-visible { opacity:1; outline:2px solid var(--brown); outline-offset:1px; }
.chat-link { width:100%; border:0; background:transparent; color:#654d43; padding:9px 10px; border-radius:4px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px; text-align:left; }
.chat-link:hover { background:rgba(255,250,246,.5); }.chat-link.active { background:rgba(255,250,246,.82); color:var(--ink); box-shadow:2px 2px 0 rgba(143,89,62,.12); }
.chat-link strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; font-weight:650; }.chat-link small { font-size:9px; color:#94766a; }
.sidebar-spacer { flex:1; }
.data-card { background:rgba(255,250,246,.78); border:1px solid #d5ad9b; padding:13px; border-radius:4px; }
.status-line { display:flex; align-items:center; gap:8px; font-size:12px; }.status-dot { width:8px; height:8px; border-radius:50%; background:#3b936d; box-shadow:0 0 0 3px #dcece4; }
.data-card p { color:var(--muted); font-size:11px; line-height:1.45; margin:7px 0 0 16px; }
#operational-coverage-sidebar { white-space:pre-line; padding-top:7px; border-top:1px solid rgba(143,89,62,.18); }
.privacy { font-size:11px; color:#765f55; padding:14px 8px 0; display:flex; gap:7px; }
.account-card { margin-top:14px; padding:12px 4px 0; border-top:1px solid rgba(143,89,62,.22); display:flex; align-items:center; justify-content:space-between; gap:5px; }.account-profile { min-width:0; flex:1; border:0; border-radius:5px; background:transparent; color:var(--ink); padding:6px 4px; display:flex; align-items:center; gap:8px; text-align:left; }.account-profile:hover,.account-profile.active { background:rgba(255,250,246,.58); }.account-profile > span:last-child { min-width:0; display:flex; flex-direction:column; gap:3px; }.account-avatar { width:28px; height:28px; flex:0 0 auto; border-radius:50%; display:grid; place-items:center; background:var(--brown); color:white; font-size:10px; font-weight:850; }.account-card strong { overflow:hidden; text-overflow:ellipsis; font-size:10px; }.account-card small { color:#765f55; font-size:9px; text-transform:capitalize; }.account-card > #sign-out { border:0; background:transparent; color:#754636; padding:5px; font-size:9px; font-weight:800; }
.main { min-width:0; display:grid; grid-template-rows:auto minmax(0,1fr) auto; height:100vh; min-height:0; overflow:hidden; position:relative; background:radial-gradient(circle at 50% 0,#fffaf6 0,#fbefea 45%,#f7e5dd 100%); }
.topbar { height:86px; padding:0 30px; border-bottom:1px solid var(--line); background:rgba(255,250,246,.9); backdrop-filter:blur(12px); display:flex; align-items:center; gap:14px; position:sticky; top:0; z-index:4; }
.topbar-identity { display:flex; align-items:center; gap:14px; }.topbar-logo { width:122px; height:auto; mix-blend-mode:multiply; }.topbar h1 { font-size:10px; letter-spacing:.18em; margin:0 0 4px; }.topbar p { font-size:12px; color:var(--muted); margin:0; }
.dataset-badge { margin-left:auto; display:flex; align-items:center; gap:9px; background:#f8e8e0; border:1px solid var(--line); border-radius:3px; padding:8px 12px; }
.dataset-badge > span { width:8px; height:8px; border-radius:50%; background:var(--brown); }.dataset-badge div { display:flex; flex-direction:column; gap:2px; }.dataset-badge strong { font-size:11px; }.dataset-badge small { color:var(--muted); font-size:10px; }
.dataset-badge[data-status="complete"] > span { background:#3b936d; }.dataset-badge[data-status="partial"] > span { background:#c3842f; }.dataset-badge[data-status="unavailable"] > span,.dataset-badge[data-status="unknown"] > span { background:#a14f4f; }
.menu-button { display:none; border:0; background:transparent; font-size:22px; color:var(--ink); }
.conversation { overflow:auto; padding:42px 24px 120px; }
.jump-latest { position:absolute; z-index:7; left:50%; bottom:112px; width:40px; height:40px; border-radius:50%; border:1px solid #b7836c; background:var(--paper); color:var(--ink); display:grid; place-items:center; font-size:21px; box-shadow:0 5px 16px rgba(67,38,26,.2); transform:translateX(-50%); transition:transform .15s,background .15s; }.jump-latest:hover { background:var(--blush); transform:translateX(-50%) translateY(-2px); }.jump-latest[hidden] { display:none; }
.welcome { max-width:780px; margin:2.5vh auto 0; text-align:center; }
.welcome-brand { width:270px; margin:0 auto 22px; position:relative; }.welcome-brand img { display:block; width:100%; mix-blend-mode:multiply; }.welcome-brand span { position:absolute; right:-2px; top:5px; color:white; background:var(--ink); border-radius:999px; padding:6px 8px; font-size:10px; font-weight:850; letter-spacing:.12em; }
.eyebrow { font-size:10px; letter-spacing:.18em; color:var(--brown); font-weight:850; }
.welcome h2 { font-family:Georgia, "Times New Roman", serif; font-size:42px; font-weight:500; letter-spacing:-.035em; margin:13px 0; }
.welcome-copy { color:var(--muted); max-width:575px; margin:0 auto; line-height:1.65; font-size:14px; }
.suggestions { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:34px; text-align:left; }
.suggestions button { background:rgba(255,253,251,.9); border:1px solid var(--line); padding:15px; border-radius:4px; display:flex; gap:12px; align-items:center; color:var(--ink); transition:.15s ease; box-shadow:3px 3px 0 rgba(143,89,62,.09); }
.suggestions button:hover { transform:translate(-2px,-2px); border-color:#bd846a; box-shadow:6px 6px 0 rgba(143,89,62,.14); }
.suggestions button > span { color:var(--ink); background:var(--blush); width:36px; height:36px; display:grid; place-items:center; border-radius:50%; }
.suggestions div { display:flex; flex-direction:column; gap:3px; }.suggestions strong { font-size:13px; }.suggestions small { color:var(--muted); font-size:11px; }
.messages { max-width:850px; margin:0 auto; display:flex; flex-direction:column; gap:24px; }
.message { display:flex; gap:12px; align-items:flex-start; }.message.user { justify-content:flex-end; }.message.user .bubble { color:var(--ink); background:var(--rose); border-color:#b9785b; max-width:72%; border-radius:16px 3px 16px 16px; font-weight:550; white-space:pre-wrap; }
.mini-avatar { width:34px; height:34px; flex:0 0 34px; border-radius:50%; display:grid; place-items:center; background:var(--ink); color:var(--cream); font-weight:800; }
.bubble { max-width:82%; background:rgba(255,253,251,.94); border:1px solid var(--line); border-radius:3px 16px 16px 16px; padding:15px 17px; line-height:1.58; font-size:13px; box-shadow:4px 4px 0 rgba(143,89,62,.08); overflow-wrap:anywhere; }
.message.assistant .bubble { width:calc(100% - 46px); max-width:calc(100% - 46px); font-size:15px; }
.markdown-body > :first-child { margin-top:0; }.markdown-body > :last-child { margin-bottom:0; }
.markdown-body p { margin:.75em 0; }.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6 { line-height:1.3; margin:1.35em 0 .55em; letter-spacing:-.015em; }
.markdown-body h1 { font-size:1.7em; }.markdown-body h2 { font-size:1.4em; }.markdown-body h3 { font-size:1.18em; }.markdown-body h4,.markdown-body h5,.markdown-body h6 { font-size:1em; }
.markdown-body ul,.markdown-body ol { margin:.75em 0; padding-left:1.55em; }.markdown-body li { margin:.28em 0; padding-left:.15em; }.markdown-body li::marker { color:var(--brown); font-weight:700; }
.markdown-body strong { font-weight:750; }.markdown-body em { font-style:italic; }
.markdown-body a { color:#8d4d35; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:2px; }.markdown-body a:hover { color:var(--ink); }
.markdown-body code { padding:.12em .35em; border-radius:4px; background:#f1dfd7; color:#5f2f20; font-family:"Cascadia Code",Consolas,monospace; font-size:.88em; }
.markdown-body pre { overflow:auto; margin:1em 0; padding:14px 16px; border-radius:8px; background:#211b19; color:#fffaf6; line-height:1.5; }
.markdown-body pre code { padding:0; background:transparent; color:inherit; font-size:.86em; white-space:pre; }
.markdown-body blockquote { margin:1em 0; padding:.15em 0 .15em 1em; border-left:3px solid var(--terracotta); color:var(--muted); }
.markdown-body hr { height:1px; border:0; background:var(--line); margin:1.35em 0; }
.table-wrap { width:100%; overflow-x:auto; margin:1em 0; border:1px solid var(--line); border-radius:7px; }
.markdown-body table { width:100%; min-width:520px; border-collapse:collapse; font-size:.92em; background:var(--paper); }
.markdown-body th,.markdown-body td { padding:10px 12px; border-bottom:1px solid #ead6cd; vertical-align:top; white-space:normal; }
.markdown-body th { background:#f2ddd3; font-weight:750; color:#4e3025; }.markdown-body tbody tr:last-child td { border-bottom:0; }.markdown-body tbody tr:nth-child(even) { background:#fff8f4; }
.bubble.loading { color:var(--muted); display:flex; align-items:center; gap:8px; min-width:105px; }
.thinking-dots { display:inline-flex; gap:3px; align-items:center; }.thinking-dots i { width:4px; height:4px; border-radius:50%; background:var(--brown); animation:thinking 1.1s infinite ease-in-out; }.thinking-dots i:nth-child(2){animation-delay:.16s}.thinking-dots i:nth-child(3){animation-delay:.32s}
@keyframes thinking { 0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)} }
.composer-wrap { position:sticky; bottom:0; padding:16px 24px 18px; background:linear-gradient(transparent, #f7e5dd 20%); }
.composer { max-width:850px; margin:auto; background:var(--paper); border:1px solid #bd846a; border-radius:4px; padding:10px 10px 10px 17px; display:flex; align-items:flex-end; gap:10px; box-shadow:6px 6px 0 rgba(143,89,62,.16); }
.composer:focus-within { border-color:var(--ink); box-shadow:7px 7px 0 rgba(143,89,62,.22); }
textarea { flex:1; resize:none; border:0; outline:0; min-height:28px; max-height:140px; padding:6px 0; color:var(--ink); background:transparent; line-height:1.45; }
textarea::placeholder { color:#9a8177; }.composer button { border:0; width:38px; height:38px; border-radius:50%; color:white; background:var(--ink); font-size:20px; }
.composer button:hover { background:var(--brown); }.composer button:disabled { opacity:.45; cursor:not-allowed; }.composer-wrap > p { text-align:center; color:#806c64; font-size:10px; margin:10px 0 0; }
.module-view[hidden],[data-module-sidebar][hidden] { display:none !important; }
body[data-module="home"] .app-shell { grid-template-columns:1fr; }
body[data-module="home"] .sidebar { display:none; }
.home-main { height:100vh; min-height:0; overflow-y:auto; background:radial-gradient(circle at 80% 10%,#f2cfc0 0,transparent 30%),radial-gradient(circle at 10% 90%,#ead0bf 0,transparent 32%),#fff8f3; display:grid; grid-template-rows:auto 1fr auto; }
.home-header { height:92px; padding:0 clamp(24px,5vw,76px); border-bottom:1px solid rgba(143,89,62,.18); display:flex; align-items:center; justify-content:space-between; gap:28px; background:rgba(255,250,246,.82); backdrop-filter:blur(14px); position:relative; z-index:5; }.home-header > img { width:164px; mix-blend-mode:multiply; }.home-header-actions,.home-workspace-status { display:flex; align-items:center; }.home-header-actions { justify-content:flex-end; gap:11px; }.home-workspace-status { gap:8px; color:var(--muted); font-size:11px; font-weight:650; }.home-status-dot { width:8px; height:8px; border-radius:50%; background:#3b936d; box-shadow:0 0 0 3px #dcece4; }
.home-app-menu { position:relative; }.home-app-menu summary { width:39px; height:39px; border:1px solid #c9aa9c; border-radius:9px; display:grid; place-items:center; list-style:none; background:#fffaf6; color:var(--ink); font-size:17px; font-weight:850; cursor:pointer; }.home-app-menu summary::-webkit-details-marker { display:none; }.home-app-menu summary:hover,.home-app-menu[open] summary { background:var(--blush); }.home-app-popover { position:absolute; right:0; top:49px; width:300px; padding:14px; display:grid; grid-template-columns:1fr 1fr; gap:7px; border:1px solid var(--line); border-radius:10px; background:var(--paper); box-shadow:0 16px 44px rgba(62,35,25,.2); }.home-app-popover .eyebrow { grid-column:1/-1; margin:2px 3px 7px; }.home-app-popover button { min-width:0; border:0; border-radius:7px; background:#fbf0eb; color:var(--ink); padding:12px 9px; display:flex; align-items:center; gap:8px; text-align:left; }.home-app-popover button:hover { background:#efd8ce; }.home-app-popover button > span { width:27px; height:27px; flex:0 0 auto; display:grid; place-items:center; border-radius:7px; background:var(--ink); color:white; }.home-app-popover strong { overflow:hidden; text-overflow:ellipsis; font-size:10px; }
.home-account-menu { position:relative; }.home-account-menu summary { width:39px; height:39px; border:1px solid #b88b76; border-radius:50%; display:grid; place-items:center; list-style:none; background:#fffaf6; color:var(--ink); font-size:13px; font-weight:850; cursor:pointer; transition:background .15s,transform .15s; }.home-account-menu summary::-webkit-details-marker { display:none; }.home-account-menu summary:hover,.home-account-menu[open] summary { background:var(--blush); transform:translateY(-1px); }.home-account-menu summary:focus-visible { outline:2px solid var(--brown); outline-offset:2px; }
.home-account-popover { position:absolute; right:0; top:49px; width:260px; padding:9px; border:1px solid var(--line); border-radius:9px; background:var(--paper); box-shadow:0 16px 44px rgba(62,35,25,.2); }.home-account-identity { display:flex; flex-direction:column; gap:4px; padding:10px 11px 13px; margin-bottom:5px; border-bottom:1px solid #ead8d0; }.home-account-identity strong { font-size:12px; overflow-wrap:anywhere; }.home-account-identity small { color:var(--muted); font-size:10px; text-transform:capitalize; }.home-account-popover button { width:100%; border:0; border-radius:5px; background:transparent; color:var(--ink); padding:10px 11px; display:flex; align-items:center; gap:10px; text-align:left; font-size:11px; font-weight:750; }.home-account-popover button:hover { background:#f4e2da; }.home-account-popover button span { width:20px; color:var(--brown); font-size:15px; text-align:center; }
.home-content { width:min(1180px,calc(100% - 48px)); margin:auto; padding:52px 0; }.home-intro { max-width:720px; }.home-intro .eyebrow { margin:0 0 13px; }.home-intro h1 { font-family:Georgia,"Times New Roman",serif; font-weight:500; font-size:clamp(43px,6vw,72px); line-height:.98; letter-spacing:-.05em; margin:0; }.home-intro > p:last-child { color:var(--muted); font-size:16px; line-height:1.65; max-width:610px; margin:21px 0 0; }
.app-launcher { margin-top:45px; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.app-tile { min-height:265px; border:1px solid var(--line); border-radius:9px; padding:24px; background:rgba(255,253,251,.9); color:var(--ink); text-align:left; display:flex; flex-direction:column; align-items:flex-start; position:relative; overflow:hidden; box-shadow:6px 6px 0 rgba(143,89,62,.09); transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }.app-tile::after { content:""; position:absolute; width:160px; height:160px; border-radius:50%; right:-70px; bottom:-75px; background:rgba(223,169,146,.22); }.app-tile:not(.future-tile):hover { transform:translate(-3px,-3px); box-shadow:10px 10px 0 rgba(143,89,62,.14); border-color:#bb7d62; }.app-icon { width:66px; height:66px; border-radius:16px; display:grid; place-items:center; background:var(--ink); color:white; font-size:29px; box-shadow:5px 5px 0 rgba(143,89,62,.22); }.loss-tile .app-icon { background:#9d563f; }.future-tile .app-icon { background:#d8c3b9; color:#6f584e; box-shadow:none; }.app-copy { display:flex; flex-direction:column; gap:9px; margin-top:auto; position:relative; z-index:1; }.app-copy strong { font-family:Georgia,"Times New Roman",serif; font-size:26px; font-weight:500; }.app-copy small { color:var(--muted); font-size:12px; line-height:1.55; max-width:280px; }.launch-arrow { position:absolute; right:22px; top:24px; font-size:24px; }.future-tile { opacity:.68; border-style:dashed; cursor:default; }
.kitchen-tile .app-icon { background:#61735d; }
.home-data-strip { margin-top:20px; background:rgba(255,253,251,.75); border:1px solid var(--line); border-radius:7px; padding:14px 17px; display:flex; align-items:center; justify-content:space-between; gap:16px; }.home-data-strip > div { display:flex; gap:9px; align-items:center; font-size:12px; }.home-data-strip p { color:var(--muted); font-size:11px; margin:0; }.home-footer { padding:20px clamp(24px,5vw,76px); color:#806c64; font-size:10px; letter-spacing:.05em; }
.loss-main { grid-template-rows:auto 1fr; background:#f8eee9; }
.dashboard { overflow:auto; padding:34px; }
.dashboard-hero { max-width:1320px; margin:0 auto 22px; display:flex; align-items:flex-end; justify-content:space-between; gap:28px; }
.dashboard-hero h2 { font-family:Georgia,"Times New Roman",serif; font-size:40px; font-weight:500; letter-spacing:-.035em; margin:8px 0; }.dashboard-hero > div > p:last-child { color:var(--muted); line-height:1.55; max-width:650px; margin:0; }
.date-filter { background:var(--paper); border:1px solid var(--line); border-radius:5px; padding:10px; display:flex; align-items:flex-end; gap:8px; box-shadow:4px 4px 0 rgba(143,89,62,.1); }
.date-filter label { display:flex; flex-direction:column; gap:5px; color:var(--muted); font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.date-filter input { border:1px solid #dec4b9; border-radius:3px; background:#fffaf7; padding:8px; color:var(--ink); }
.date-filter button,.review-button,.case-save { border:1px solid var(--ink); background:var(--ink); color:var(--cream); border-radius:3px; padding:9px 13px; font-weight:700; }.date-filter button:hover,.review-button:hover,.case-save:hover { background:var(--brown); }.review-button:disabled,.case-save:disabled { opacity:.65; cursor:default; }
.dashboard-notice { max-width:1320px; margin:0 auto 18px; border:1px solid #d6b783; background:#fff5d9; color:#5f4a22; border-radius:5px; padding:12px 15px; display:flex; gap:10px; font-size:12px; }.dashboard-notice strong { white-space:nowrap; }
.metric-grid { max-width:1320px; margin:0 auto 18px; display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.metric-card { min-height:124px; background:var(--paper); border:1px solid var(--line); border-radius:5px; padding:18px; display:flex; flex-direction:column; box-shadow:4px 4px 0 rgba(143,89,62,.08); }.metric-label { color:var(--brown); font-size:9px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }.metric-value { font-family:Georgia,"Times New Roman",serif; font-size:31px; font-weight:500; margin:12px 0 5px; }.metric-detail { color:var(--muted); font-size:11px; line-height:1.4; }
.skeleton { background:linear-gradient(100deg,#fffaf7 20%,#f3ddd3 50%,#fffaf7 80%); background-size:220% 100%; animation:shimmer 1.5s infinite; }@keyframes shimmer{to{background-position-x:-220%;}}
.dashboard-grid { max-width:1320px; margin:0 auto; display:grid; grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr); gap:16px; align-items:start; }.dashboard-aside { display:grid; gap:16px; }
.panel { background:rgba(255,253,251,.92); border:1px solid var(--line); border-radius:5px; padding:19px; box-shadow:4px 4px 0 rgba(143,89,62,.08); }.panel-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid #ead7cf; padding-bottom:13px; margin-bottom:13px; }.panel-heading .eyebrow { margin:0 0 5px; }.panel-heading h3 { margin:0; font-family:Georgia,"Times New Roman",serif; font-size:22px; font-weight:500; }.count-pill { min-width:30px; height:30px; border-radius:999px; display:grid; place-items:center; background:var(--blush); font-size:11px; font-weight:800; }
.risk-alerts,.pattern-list,.saved-cases { display:grid; gap:10px; }.risk-card { border:1px solid #e2cbc1; border-radius:5px; padding:15px; background:#fffaf7; }.risk-card-head,.saved-case-top { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }.risk-card-head > div { display:flex; flex-direction:column; gap:3px; }.risk-card-head small { color:var(--muted); font-size:10px; }.risk-score { width:37px; height:37px; border-radius:50%; display:grid; place-items:center; flex:0 0 auto; background:#ead6a9; color:#684d14; font-weight:850; }.risk-score.medium { background:#efc38d;color:#6c3c0b;}.risk-score.high { background:#d98d7b;color:#4c1810; }
.risk-amounts { display:flex; flex-wrap:wrap; gap:8px 16px; margin:13px 0 10px; font-size:12px; font-weight:700; }.signal-list { display:flex; flex-wrap:wrap; gap:5px; }.signal { background:#f0ddd5; color:#744a39; border-radius:999px; padding:5px 8px; font-size:9px; font-weight:750; text-transform:capitalize; }.risk-meta { color:var(--muted); font-size:10px; line-height:1.5; }.review-button { font-size:11px; }
.pattern-row { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:10px 0; border-bottom:1px solid #eeded7; }.pattern-row:last-child { border-bottom:0; }.pattern-row > div { display:flex; flex-direction:column; gap:3px; }.pattern-row strong { font-size:11px; }.pattern-row small { color:var(--muted); font-size:9px; }.pattern-rate { font-size:11px; font-weight:800; }.pattern-rate.flagged { color:#9b3f2d; }
.saved-case { border:1px solid #e2cbc1; border-radius:5px; padding:12px; display:grid; gap:8px; }.saved-case p { color:var(--muted); font-size:10px; line-height:1.45; margin:0; }.case-status { color:var(--brown); font-size:9px; font-weight:800; text-transform:capitalize; }.saved-case select,.saved-case textarea { width:100%; border:1px solid #dec4b9; border-radius:3px; background:#fffaf7; padding:8px; color:var(--ink); }.saved-case textarea { min-height:58px; }.case-save { justify-self:start; font-size:10px; padding:7px 10px; }.empty-state { color:var(--muted); font-size:12px; line-height:1.55; }.error-state { color:#91412f; }

/* Loss Prevention has its own focused operations-console visual language. */
.loss-main { --risk-bg:#060a18; --risk-panel:#0e1528; --risk-panel-2:#111a30; --risk-line:#202b44; --risk-text:#edf2ff; --risk-muted:#91a0bc; --risk-red:#f25d62; --risk-blue:#5da0f5; background:var(--risk-bg); color:var(--risk-text); }
.loss-main .topbar { background:#090e1d; border-color:var(--risk-line); }.loss-main .topbar h1,.loss-main .topbar p { color:var(--risk-text); }.loss-main .dataset-badge { background:var(--risk-panel); border-color:var(--risk-line); }.loss-main .dataset-badge small { color:var(--risk-muted); }
.loss-main .dashboard { padding:32px clamp(20px,3vw,44px) 54px; }.loss-main .dashboard-hero { align-items:center; }.loss-main .dashboard-hero h2 { font-family:inherit; font-size:32px; font-weight:780; letter-spacing:-.025em; }.loss-main .dashboard-hero > div > p:last-child { color:var(--risk-muted); }.loss-main .eyebrow { color:#7d8daa; }
.loss-main .date-filter { background:var(--risk-panel); border-color:var(--risk-line); box-shadow:none; }.loss-main .date-filter label { color:var(--risk-muted); }.loss-main .date-filter input { color:var(--risk-text); background:#121b31; border-color:#2a3856; color-scheme:dark; }.loss-main .date-filter button,.loss-main .review-button,.incident-dialog .case-save { background:#e5484d; border-color:#e5484d; color:white; border-radius:7px; }.loss-main .date-filter button:hover,.loss-main .review-button:hover,.incident-dialog .case-save:hover { background:#f25d62; }
.loss-main .dashboard-notice { background:#171729; border-color:#3a3653; color:#d4cceb; border-radius:8px; }.loss-main .metric-grid { gap:18px; }.loss-main .metric-card { min-height:140px; background:linear-gradient(145deg,var(--risk-panel-2),#0c1324); border-color:var(--risk-line); border-radius:16px; box-shadow:none; }.loss-main .metric-label { color:#9ba9c2; font-size:11px; }.loss-main .metric-value { font-family:inherit; color:white; font-weight:760; font-size:34px; }.loss-main .metric-detail { color:#71809c; }
.loss-main .dashboard-grid { grid-template-columns:minmax(0,1.35fr) minmax(360px,.8fr); gap:18px; }.loss-main .panel { background:var(--risk-panel); border-color:var(--risk-line); border-radius:16px; box-shadow:none; padding:22px; }.loss-main .panel-heading { border-color:var(--risk-line); }.loss-main .panel-heading h3 { color:var(--risk-text); font-family:inherit; font-size:19px; font-weight:720; }.loss-main .panel-heading small { color:var(--risk-muted); }.loss-main .count-pill { background:#1b2740; color:#b8c7e4; }
.loss-main .risk-card { color:var(--risk-text); background:#10192d; border-color:#25324d; border-radius:10px; cursor:pointer; transition:border-color .18s,transform .18s,background .18s; }.loss-main .risk-card:hover,.loss-main .risk-card:focus { border-color:#52698e; background:#131e35; transform:translateY(-1px); outline:none; }.loss-main .risk-card-head small,.loss-main .risk-meta,.loss-main .empty-state { color:var(--risk-muted); }.loss-main .risk-score { background:#332619;color:#ffc34d;}.loss-main .risk-score.medium { background:#392617;color:#ffb24c;}.loss-main .risk-score.high { background:#3d1723;color:#ff7b83;}.loss-main .signal { background:#1d2b45;color:#a9c7ef;}.loss-main .review-button { margin-top:4px; }
.loss-main .pattern-row { border-color:var(--risk-line); padding:14px 4px; }.loss-main .pattern-row strong { color:var(--risk-text); font-size:12px; }.loss-main .pattern-row small { color:var(--risk-muted); font-size:10px; line-height:1.45; }.loss-main .pattern-rate { color:#75b4ff; font-size:13px; }.loss-main .pattern-rate.flagged { color:#ff7078; background:#391922; padding:6px 9px; border-radius:999px; }
.store-comparison-panel { max-width:1320px; margin:18px auto 0; }.store-comparison { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.store-refund-card { border:1px solid var(--risk-line); border-radius:10px; background:#10192d; padding:16px; }.store-refund-card.highest { border-color:#71343e; }.store-refund-top,.store-refund-details { display:flex; justify-content:space-between; gap:16px; }.store-refund-top > div { display:flex; flex-direction:column; gap:4px; }.store-refund-top strong { color:var(--risk-text); }.store-refund-top small,.store-refund-details { color:var(--risk-muted); font-size:10px; }.store-refund-top > span { color:#ff7b83; font-weight:800; }.refund-bar { height:8px; border-radius:99px; background:#1c2942; overflow:hidden; margin:14px 0 10px; }.refund-bar span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#4f91e8,#f05c65); }
.incident-dialog { width:min(760px,calc(100vw - 28px)); max-height:90vh; border:1px solid #2b3853; border-radius:16px; padding:0; background:#0c1324; color:#edf2ff; box-shadow:0 30px 100px rgba(0,0,0,.65); }.incident-dialog::backdrop { background:rgba(2,5,13,.78); backdrop-filter:blur(4px); }.incident-dialog-shell { position:relative; padding:28px; max-height:90vh; overflow:auto; }.incident-close { position:absolute; right:18px; top:16px; border:0; background:transparent; color:#93a2be; font-size:26px; }.incident-heading { display:flex; justify-content:space-between; gap:20px; padding-right:34px; }.incident-heading h2 { margin:5px 0; font-size:27px; }.incident-heading p { color:#91a0bc; margin:0; font-size:12px; }.incident-facts { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:22px 0; }.incident-fact { padding:13px; border:1px solid #24314a; border-radius:9px; background:#10192d; display:flex; flex-direction:column; gap:6px; }.incident-fact small { color:#8291ad; }.incident-signals,.incident-workflow { border-top:1px solid #24314a; padding-top:18px; margin-top:18px; }.incident-signals h3,.incident-workflow h3 { font-size:15px; }.incident-signal { display:flex; align-items:flex-start; gap:10px; margin:9px 0; }.incident-signal span { min-width:35px; color:#ffbd55; font-weight:800; }.incident-signal p { margin:0; color:#bdc8db; font-size:12px; line-height:1.5; }.incident-warning { color:#d6c9a5; background:#272313; border:1px solid #4b4220; padding:12px; border-radius:8px; font-size:11px; line-height:1.5; }.incident-workflow { display:grid; gap:10px; }.incident-workflow select,.incident-workflow textarea { width:100%; border:1px solid #2b3956; border-radius:7px; background:#111a2f; color:#edf2ff; padding:10px; }.incident-workflow textarea { resize:vertical; }.incident-workflow .case-save { justify-self:start; padding:10px 14px; }
@media(max-width:900px){.loss-main .dashboard-grid,.store-comparison { grid-template-columns:1fr; }.incident-facts { grid-template-columns:1fr 1fr; }}
@media(max-width:560px){.loss-main .dashboard-hero { align-items:stretch; }.loss-main .date-filter { flex-wrap:wrap; }.incident-facts { grid-template-columns:1fr; }}
.kitchen-main { grid-template-rows:auto minmax(0,1fr); background:#f5efe8; }.recipe-count-badge { margin-left:auto; border:1px solid #c9b5a9; border-radius:5px; padding:8px 12px; display:flex; flex-direction:column; gap:2px; background:#fffaf6; }.recipe-count-badge strong { font-size:11px; }.recipe-count-badge small { color:var(--muted); font-size:9px; }
.kitchen-workspace { min-height:0; display:grid; grid-template-columns:340px minmax(0,1fr); }.recipe-browser { min-height:0; overflow-y:auto; border-right:1px solid #d8c7bd; background:#eee2d9; padding:25px 18px; }.recipe-browser-heading { padding:0 7px 18px; }.recipe-browser-heading .eyebrow { margin:0 0 7px; }.recipe-browser-heading h2 { font-family:Georgia,"Times New Roman",serif; font-size:30px; font-weight:500; margin:0 0 8px; }.recipe-browser-heading > p:last-child { color:var(--muted); font-size:11px; line-height:1.5; margin:0; }.recipe-search { display:flex; align-items:center; gap:8px; background:var(--paper); border:1px solid #cdb6a9; border-radius:6px; padding:9px 11px; margin-bottom:20px; }.recipe-search span { color:var(--muted); }.recipe-search input { min-width:0; flex:1; border:0; outline:0; background:transparent; color:var(--ink); }.recipe-category { color:#81685d; font-size:9px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; margin:18px 8px 7px; }.recipe-list { display:flex; flex-direction:column; gap:4px; }.recipe-link { width:100%; border:1px solid transparent; border-radius:5px; background:transparent; color:var(--ink); text-align:left; padding:10px 11px; display:flex; align-items:center; justify-content:space-between; gap:10px; }.recipe-link:hover { background:rgba(255,253,251,.6); }.recipe-link.active { background:var(--paper); border-color:#cda995; box-shadow:3px 3px 0 rgba(143,89,62,.1); }.recipe-link strong { font-size:12px; }.recipe-link small { color:var(--muted); font-size:9px; white-space:nowrap; }
.recipe-library-tabs { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin:0 0 12px; padding:4px; border:1px solid #ccb4a7; border-radius:7px; background:rgba(255,253,251,.45); }.recipe-library-tabs button { border:0; border-radius:4px; background:transparent; color:#71594e; padding:9px 7px; display:flex; justify-content:center; align-items:center; gap:6px; font-size:10px; font-weight:800; }.recipe-library-tabs button span { min-width:20px; padding:3px 5px; border-radius:999px; background:#e6d1c6; font-size:8px; }.recipe-library-tabs button.active { background:var(--ink); color:white; box-shadow:2px 2px 0 rgba(143,89,62,.2); }.recipe-library-tabs button.active span { background:rgba(255,255,255,.16); }
.recipe-detail { min-height:0; overflow-y:auto; padding:36px clamp(24px,4vw,58px) 60px; }.recipe-detail-header { max-width:900px; margin:0 auto 20px; display:flex; align-items:flex-start; justify-content:space-between; gap:24px; }.recipe-detail-header .eyebrow { margin:0 0 8px; }.recipe-detail-header h2 { font-family:Georgia,"Times New Roman",serif; font-size:38px; font-weight:500; letter-spacing:-.03em; margin:0; }.recipe-help { color:var(--muted); font-size:12px; line-height:1.5; margin:10px 0 0; }.recipe-scale-box { flex:0 0 auto; min-width:125px; border:1px solid #b7aa82; border-radius:7px; padding:12px 14px; background:#f6f0d7; display:flex; flex-direction:column; gap:5px; }.recipe-scale-box span { color:#706538; font-size:8px; font-weight:850; letter-spacing:.12em; }.recipe-scale-box strong { font-family:Georgia,"Times New Roman",serif; font-size:22px; font-weight:500; }.recipe-scale-note { max-width:900px; margin:0 auto 10px; padding:10px 13px; border-radius:5px; background:#e5eee2; color:#4f654c; font-size:10px; font-weight:700; }
.recipe-table { max-width:900px; margin:0 auto; border:1px solid #d5c1b5; border-radius:7px; overflow:hidden; background:var(--paper); box-shadow:5px 5px 0 rgba(143,89,62,.08); }.recipe-row { min-height:59px; display:grid; grid-template-columns:minmax(220px,1.5fr) minmax(100px,.55fr) minmax(180px,.8fr); align-items:center; gap:18px; padding:10px 16px; border-bottom:1px solid #eadbd3; }.recipe-row:last-child { border-bottom:0; }.recipe-row:nth-child(odd):not(.recipe-table-head) { background:#fff9f5; }.recipe-table-head { min-height:42px; background:#ead7cd; color:#5b3d31; font-size:9px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }.ingredient-name { display:flex; flex-direction:column; gap:3px; }.ingredient-name strong { font-size:13px; }.ingredient-name small { color:var(--muted); font-size:9px; }.ingredient-original { color:var(--muted); font-size:12px; }.ingredient-editor { justify-self:start; display:flex; align-items:center; border:1px solid #bda08f; border-radius:5px; overflow:hidden; background:white; }.ingredient-editor input { width:112px; border:0; outline:0; padding:9px 10px; color:var(--ink); font-weight:750; background:transparent; }.ingredient-editor:focus-within { border-color:var(--ink); box-shadow:0 0 0 2px rgba(143,89,62,.14); }.ingredient-editor span { min-width:42px; align-self:stretch; display:grid; place-items:center; border-left:1px solid #dcc8bd; background:#f3e7e0; color:#654b40; font-size:10px; font-weight:800; }.recipe-actions { max-width:900px; margin:18px auto 0; display:flex; align-items:center; gap:14px; }.recipe-reset { border:1px solid var(--ink); border-radius:4px; background:var(--ink); color:white; padding:9px 13px; font-weight:750; }.recipe-reset:hover { background:var(--brown); }.recipe-actions p { color:var(--muted); font-size:10px; margin:0; }
.ingredient-name .ingredient-unit-note { color:#9b5d45; }.recipe-method { max-width:900px; margin:18px auto 0; border:1px solid #c8bba0; border-radius:7px; background:#f7f2df; padding:18px 20px; }.recipe-method .eyebrow { margin:0 0 5px; color:#6e6038; }.recipe-method h3 { font-family:Georgia,"Times New Roman",serif; font-size:22px; font-weight:500; margin:0 0 12px; }.recipe-method ol { margin:0; padding-left:21px; }.recipe-method li { color:#5f5541; font-size:12px; line-height:1.55; margin:5px 0; }
.profile-main { min-width:0; height:100vh; overflow-y:auto; background:radial-gradient(circle at 85% 5%,#efd1c2 0,transparent 32%),#fff8f3; }
.profile-content { width:min(960px,calc(100% - 48px)); margin:0 auto; padding:38px 0 70px; }
.profile-back { border:0; border-radius:5px; background:transparent; color:#76564a; padding:9px 10px; margin:0 0 28px -10px; font-size:11px; font-weight:800; }
.profile-back:hover { background:rgba(223,169,146,.25); color:var(--ink); }
.profile-heading { display:flex; align-items:center; gap:18px; margin-bottom:30px; }
.profile-heading .profile-avatar { width:72px; height:72px; flex:0 0 auto; border-radius:50%; display:grid; place-items:center; background:var(--brown); color:white; font-family:Georgia,"Times New Roman",serif; font-size:30px; box-shadow:5px 5px 0 rgba(143,89,62,.18); }
.profile-heading .eyebrow { margin:0 0 7px; }
.profile-heading h2 { margin:0; font-family:Georgia,"Times New Roman",serif; font-size:34px; font-weight:500; letter-spacing:-.03em; overflow-wrap:anywhere; }
.profile-heading > div > p:last-child { margin:7px 0 0; color:var(--muted); font-size:12px; text-transform:capitalize; }
.profile-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.profile-panel { border:1px solid var(--line); border-radius:8px; background:rgba(255,253,251,.92); padding:23px; box-shadow:5px 5px 0 rgba(143,89,62,.08); }
.profile-panel > .eyebrow { margin:0 0 16px; }
.profile-panel dl { margin:0; display:grid; }
.profile-panel dl > div { display:grid; grid-template-columns:130px minmax(0,1fr); gap:18px; padding:13px 0; border-bottom:1px solid #ebd9d1; }
.profile-panel dl > div:last-child { border-bottom:0; }
.profile-panel dt { color:var(--muted); font-size:11px; }
.profile-panel dd { margin:0; font-size:12px; font-weight:750; text-align:right; overflow-wrap:anywhere; }
#profile-email-status,#profile-role { text-transform:capitalize; }
.profile-apps { display:grid; gap:9px; }
.profile-app { min-height:49px; border:1px solid #ead5cc; border-radius:6px; background:#fff9f5; padding:10px 12px; display:grid; grid-template-columns:28px minmax(0,1fr); grid-template-rows:auto auto; column-gap:10px; align-items:center; }
.profile-app > span { grid-row:1 / 3; width:26px; height:26px; border-radius:50%; display:grid; place-items:center; background:#dcece4; color:#277252; font-weight:850; }
.profile-app strong { font-size:12px; }.profile-app small { color:var(--muted); font-size:9px; }
.profile-security { margin-top:16px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.profile-security .eyebrow { margin:0 0 7px; }.profile-security h3 { margin:0 0 7px; font-family:Georgia,"Times New Roman",serif; font-size:22px; font-weight:500; }.profile-security p:last-child { max-width:650px; margin:0; color:var(--muted); font-size:11px; line-height:1.55; }
.profile-security button { flex:0 0 auto; border:1px solid var(--ink); border-radius:5px; background:var(--ink); color:white; padding:10px 15px; font-weight:800; }
.profile-security button:hover { background:var(--brown); border-color:var(--brown); }
.profile-security-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }.profile-security-actions button { font-size:10px; }.profile-security-actions button:nth-child(2) { background:#fff6f2; color:#87382d; border-color:#c98d7e; }.profile-security-actions button:nth-child(2):hover { background:#efd6cd; }
.mfa-security { margin-top:16px; }.mfa-security h3 { margin:6px 0; font:500 22px/1.2 Georgia,"Times New Roman",serif; }.mfa-security > div:first-child > p:last-child { max-width:720px; color:var(--muted); font-size:11px; line-height:1.55; }.mfa-factor-list { display:grid; gap:8px; margin:18px 0; }.mfa-empty { margin:0; padding:13px; border:1px dashed #d7b8ab; border-radius:5px; color:var(--muted); font-size:11px; }.mfa-factor { display:grid; grid-template-columns:30px minmax(0,1fr) auto; align-items:center; gap:10px; padding:11px; border:1px solid #dbc3b8; border-radius:5px; background:#fff9f6; }.mfa-factor > span { width:27px; height:27px; display:grid; place-items:center; border-radius:50%; background:#dcece4; color:#246748; font-weight:850; }.mfa-factor > div { display:flex; flex-direction:column; gap:3px; }.mfa-factor small { color:var(--muted); font-size:9px; }.mfa-factor button { border:1px solid #c98d7e; background:#fff5f2; color:#87382d; border-radius:4px; padding:7px 9px; font-size:9px; font-weight:800; }.mfa-actions { display:flex; align-items:center; gap:14px; }.mfa-actions button { border:1px solid var(--ink); border-radius:4px; background:var(--ink); color:white; padding:9px 12px; font-size:10px; font-weight:800; }.mfa-actions small { color:var(--muted); font-size:9px; line-height:1.4; }
.mfa-dialog #mfa-enroll-verify { display:flex; flex-direction:column; gap:14px; }.mfa-dialog #mfa-enroll-verify[hidden] { display:none; }.mfa-qr { width:220px; height:220px; align-self:center; border:10px solid white; border-radius:6px; image-rendering:pixelated; }.mfa-secret { display:block; padding:10px; border-radius:4px; background:#f2e1d9; color:#59382b; overflow-wrap:anywhere; text-align:center; font-size:11px; user-select:all; }
.mfa-scan-steps { padding:13px 15px; border:1px solid #ddc4b8; border-radius:6px; background:#fff8f4; color:#654c42; }.mfa-scan-steps strong { color:var(--ink); font-size:12px; }.mfa-scan-steps ol { margin:8px 0 0; padding-left:20px; font-size:11px; line-height:1.6; }.mfa-dialog details { border:1px solid #ddc4b8; border-radius:6px; background:#fbefea; padding:10px 12px; }.mfa-dialog details summary { color:#6c493a; cursor:pointer; font-size:10px; font-weight:800; }.mfa-dialog details p { color:#8a4b3e; font-size:10px; line-height:1.45; }.mfa-dialog details .mfa-secret { margin-top:9px; }
.mfa-onboarding-dialog { width:min(610px,calc(100% - 28px)); }.mfa-onboarding-shell { padding:34px; display:flex; flex-direction:column; align-items:center; text-align:center; gap:13px; }.mfa-onboarding-shell > img { width:150px; height:auto; margin-bottom:7px; }.mfa-onboarding-shell > .eyebrow { margin:0; }.mfa-onboarding-shell h2 { margin:0; font:500 34px/1.1 Georgia,"Times New Roman",serif; }.mfa-onboarding-shell > small { color:var(--muted); font-size:9px; }.mfa-onboarding-shell .dialog-actions { width:100%; justify-content:center; margin-top:7px; }.mfa-onboarding-shell .dialog-actions button { min-width:135px; }
.mfa-security-notice { width:100%; box-sizing:border-box; border:1px solid #d8b7a7; border-left:4px solid var(--brown); border-radius:6px; background:#f6e1d7; padding:16px 18px; text-align:left; }.mfa-security-notice strong { color:#55382d; font-size:12px; }.mfa-security-notice p { margin:6px 0 0 !important; color:#75574a !important; font-size:11px; line-height:1.55; }.mfa-onboarding-benefits { width:100%; display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.mfa-onboarding-benefits span { border:1px solid #e3cfc5; border-radius:5px; background:#fff9f6; color:#674b40; padding:11px 8px; font-size:9px; font-weight:750; }
.mfa-setup-dialog { width:min(720px,calc(100% - 28px)); max-height:min(880px,calc(100vh - 28px)); }.mfa-setup-dialog > form { padding:30px 38px 34px; gap:19px; }.mfa-setup-brand { display:flex; align-items:center; gap:21px; padding-right:30px; }.mfa-setup-brand img { width:112px; height:auto; }.mfa-setup-brand .eyebrow { margin:0 0 6px; }.mfa-setup-brand h2 { font-size:31px; }.mfa-setup-section { display:grid; grid-template-columns:34px minmax(0,1fr); gap:14px; padding-top:19px; border-top:1px solid #ead8d0; }.mfa-setup-section h3 { margin:1px 0 6px; font:700 15px/1.25 Georgia,"Times New Roman",serif; }.mfa-setup-section p { margin:0 0 13px; color:var(--muted); font-size:11px; line-height:1.55; }.mfa-step-number { width:28px; height:28px; display:grid; place-items:center; border-radius:50%; background:var(--brown); color:white; font-size:11px; font-weight:850; box-shadow:3px 3px 0 rgba(143,89,62,.16); }.mfa-setup-section .mfa-qr { display:block; align-self:auto; margin:15px 0; width:230px; height:230px; border:7px solid white; outline:1px solid #ddc5ba; }.mfa-setup-section details { max-width:430px; }.mfa-code-label { max-width:360px; }.mfa-code-label input { font-size:19px; letter-spacing:.3em; text-align:center; }.mfa-setup-actions { display:flex; justify-content:flex-end; gap:9px; padding-top:5px; }.mfa-setup-actions button { padding:10px 15px; }.mfa-setup-loading { min-height:110px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; border:1px dashed #d9b9aa; border-radius:7px; background:#fff9f6; color:#76584b; font-size:11px; }.mfa-setup-loading[hidden] { display:none; }.mfa-setup-loading span { width:24px; height:24px; border:3px solid #ecd8cf; border-top-color:var(--brown); border-radius:50%; animation:mfa-spin .8s linear infinite; }@keyframes mfa-spin { to { transform:rotate(360deg); } }
.auth-text-button { border:0 !important; box-shadow:none !important; background:transparent !important; color:var(--brown) !important; padding:5px !important; font-size:11px !important; text-decoration:underline; text-underline-offset:3px; }.password-requirements { color:var(--muted); font-size:10px; line-height:1.45; }
.auth-step { display:grid; grid-template-columns:34px minmax(0,1fr); gap:11px; align-items:center; border:1px solid #ddc3b7; border-radius:8px; background:#f7e8e1; padding:12px; }.auth-step > span { width:32px; height:32px; display:grid; place-items:center; border-radius:50%; background:var(--brown); color:white; font-size:12px; font-weight:850; }.auth-step p { margin:0; display:grid; gap:3px; }.auth-step strong { color:var(--ink); font-size:12px; }.auth-step small { color:var(--muted); font-size:10px; line-height:1.4; }.auth-step.complete { background:#e8f1ec; border-color:#bed4c8; }.auth-step.complete > span { background:#2f7354; }.login-form .auth-code-input { text-align:center; letter-spacing:.35em; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:20px; font-weight:800; }
.admin-tile .app-icon { background:#343d48; }
.admin-main { grid-template-rows:auto 1fr; background:#f7eee9; }.admin-main .topbar .admin-primary { margin-left:auto; }
.admin-workspace { overflow:auto; padding:34px; }.admin-hero,.admin-metrics,.admin-tabs,.admin-panel { width:min(1260px,100%); margin-left:auto; margin-right:auto; }
.admin-hero h2 { margin:7px 0 9px; font:500 42px/1.05 Georgia,"Times New Roman",serif; letter-spacing:-.035em; }.admin-hero p:last-child { color:var(--muted); margin:0; font-size:14px; }
.admin-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:27px; }.admin-metrics article { min-height:120px; padding:20px; background:var(--paper); border:1px solid var(--line); border-radius:8px; box-shadow:4px 4px 0 rgba(143,89,62,.08); display:flex; flex-direction:column; }.admin-metrics span { color:#876a5d; font-size:9px; font-weight:850; letter-spacing:.14em; }.admin-metrics strong { margin-top:12px; font:500 32px/1 Georgia,"Times New Roman",serif; }.admin-metrics small { margin-top:auto; color:var(--muted); font-size:10px; }
.admin-tabs { display:flex; gap:5px; margin-top:27px; border-bottom:1px solid var(--line); }.admin-tabs button { border:0; border-bottom:2px solid transparent; background:transparent; color:var(--muted); padding:11px 16px; font-size:12px; font-weight:750; }.admin-tabs button.active { color:var(--ink); border-bottom-color:var(--brown); }
.admin-panel { margin-top:17px; background:var(--paper); border:1px solid var(--line); border-radius:8px; box-shadow:5px 5px 0 rgba(143,89,62,.07); overflow:hidden; }.admin-panel-heading { padding:19px 21px; border-bottom:1px solid #ead7ce; display:flex; align-items:center; justify-content:space-between; gap:15px; }.admin-panel-heading .eyebrow { margin:0 0 5px; }.admin-panel-heading h3 { margin:0; font-size:18px; }.admin-panel-heading > small { color:var(--muted); }
.admin-search { min-width:240px; border:1px solid #d9bbb0; background:#fffaf7; border-radius:5px; padding:8px 11px; color:var(--muted); display:flex; gap:7px; align-items:center; }.admin-search input { width:100%; border:0; outline:0; background:transparent; color:var(--ink); }
.admin-table { overflow-x:auto; }.admin-table-row { min-width:900px; display:grid; grid-template-columns:minmax(260px,1.45fr) 110px 110px minmax(220px,1fr) 90px; align-items:center; gap:14px; padding:14px 20px; border-bottom:1px solid #efe0d9; font-size:11px; }.admin-table-row:last-child { border-bottom:0; }.admin-table-head { background:#f5e4dc; color:#745b51; padding-top:10px; padding-bottom:10px; font-size:9px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }.invite-row { grid-template-columns:minmax(240px,1.4fr) 110px 110px 170px 150px; }
.admin-user { min-width:0; display:flex; align-items:center; gap:10px; }.admin-user-avatar { width:34px; height:34px; flex:0 0 auto; display:grid; place-items:center; border-radius:50%; background:#ead1c6; color:#684333; font-weight:850; }.admin-user > span:last-child { min-width:0; display:flex; flex-direction:column; gap:3px; }.admin-user strong { overflow:hidden; text-overflow:ellipsis; }.admin-user small { color:#94796e; overflow:hidden; text-overflow:ellipsis; font-size:8px; }.admin-role { font-weight:750; }
.admin-status { width:max-content; border-radius:999px; padding:4px 8px; background:#e8ded8; color:#66564f; font-size:9px; font-weight:800; text-transform:capitalize; }.admin-status.active,.admin-status.accepted { background:#dcece4; color:#236547; }.admin-status.invited,.admin-status.pending { background:#f5e4ba; color:#7c5a16; }.admin-status.suspended,.admin-status.cancelled,.admin-status.expired { background:#efd5d2; color:#873d38; }
.admin-app-pills { display:flex; flex-wrap:wrap; gap:4px; }.admin-app-pills span { border:1px solid #dbc1b5; border-radius:999px; padding:3px 7px; background:#fff8f4; color:#765b50; font-size:8px; }.admin-row-action { border:1px solid #c99b87; border-radius:4px; background:#fffaf7; color:#5c3c30; padding:7px 9px; font-size:9px; font-weight:800; }.admin-row-action:hover:not(:disabled) { background:#f0d8cd; }.admin-row-action:disabled { border-color:#ded0ca; color:#a28e85; }.admin-row-actions { display:flex; gap:6px; }.danger-text { color:#8b392e; }.admin-muted { color:var(--muted); }
.admin-audit { padding:4px 20px; }.admin-audit-row { display:flex; gap:12px; padding:15px 0; border-bottom:1px solid #efe0d9; }.admin-audit-row:last-child { border-bottom:0; }.admin-audit-icon { width:29px; height:29px; flex:0 0 auto; display:grid; place-items:center; border-radius:50%; background:#dcece4; color:#28684b; font-weight:850; }.admin-audit-row div { display:flex; flex-direction:column; gap:3px; }.admin-audit-row p,.admin-audit-row small { margin:0; color:var(--muted); font-size:10px; }
.admin-primary { border:1px solid var(--ink); border-radius:4px; background:var(--ink); color:#fffaf6; padding:10px 15px; font-size:11px; font-weight:800; box-shadow:3px 3px 0 rgba(143,89,62,.22); }.admin-primary:hover { background:var(--brown); }.admin-primary:disabled { opacity:.55; }
.admin-dialog { width:min(570px,calc(100% - 28px)); border:1px solid var(--line); border-radius:10px; padding:0; background:var(--paper); color:var(--ink); box-shadow:0 24px 75px rgba(48,27,20,.3); }.admin-dialog::backdrop { background:rgba(30,20,16,.48); backdrop-filter:blur(3px); }.admin-dialog > form { position:relative; padding:28px; display:flex; flex-direction:column; gap:15px; }.admin-dialog h2 { margin:0; font:500 28px/1.1 Georgia,"Times New Roman",serif; }.admin-dialog p { margin:0; color:var(--muted); line-height:1.5; }.admin-dialog label { display:flex; flex-direction:column; gap:6px; color:#71564b; font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }.admin-dialog input,.admin-dialog select { border:1px solid #d7b8ab; border-radius:4px; background:#fffaf7; color:var(--ink); padding:10px; font:inherit; text-transform:none; letter-spacing:0; }.admin-dialog fieldset { border:0; padding:0; margin:0; }.admin-dialog legend { margin-bottom:8px; color:#71564b; font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.admin-app-options { display:grid; grid-template-columns:1fr 1fr; gap:8px; }.admin-app-option { border:1px solid #dfc7bd; border-radius:5px; background:#fff9f6; padding:10px; display:grid !important; grid-template-columns:auto 1fr; align-items:start; gap:9px !important; text-transform:none !important; letter-spacing:0 !important; }.admin-app-option input { margin:3px 0 0; }.admin-app-option span { display:flex; flex-direction:column; gap:3px; }.admin-app-option strong { color:var(--ink); font-size:11px; }.admin-app-option small { color:var(--muted); font-size:9px; font-weight:500; line-height:1.35; }.admin-form-error { min-height:17px; color:#913e32 !important; font-size:11px; }.admin-member-actions { display:grid; grid-template-columns:auto 1fr auto auto; gap:8px; align-items:center; }.danger-button { border:1px solid #c88478; border-radius:4px; background:#fff5f2; color:#8e342c; padding:9px 11px; font-size:10px; font-weight:800; }
.integrations-tile .app-icon { background:#496b63; }
.integrations-main { grid-template-rows:auto 1fr; background:linear-gradient(145deg,#f8eee9,#f4e1d8 55%,#f8eee9); }
.integration-refresh { margin-left:auto; border:1px solid #b98c78; border-radius:5px; background:#fffaf7; color:#654638; padding:9px 13px; font-size:10px; font-weight:800; }.integration-refresh:hover { background:#efd8ce; }.integration-refresh:disabled { opacity:.55; }
.integrations-workspace { overflow:auto; padding:36px; }.integrations-hero,.integration-metrics,.integration-toolbar,.integration-catalog { width:min(1260px,100%); margin-left:auto; margin-right:auto; }
.integrations-hero { display:flex; align-items:flex-end; justify-content:space-between; gap:34px; }.integrations-hero .eyebrow { margin:0 0 8px; }.integrations-hero h2 { margin:0 0 10px; font:500 43px/1.06 Georgia,"Times New Roman",serif; letter-spacing:-.035em; }.integrations-hero > div:first-child > p:last-child { max-width:720px; margin:0; color:var(--muted); font-size:13px; line-height:1.6; }
.integration-security-note { flex:0 0 290px; border:1px solid #c8a899; border-radius:8px; background:rgba(255,251,248,.7); padding:14px; display:flex; align-items:center; gap:11px; }.integration-security-note > span { width:34px; height:34px; flex:0 0 auto; display:grid; place-items:center; border-radius:50%; background:#dce9e4; color:#386357; }.integration-security-note div { display:flex; flex-direction:column; gap:3px; }.integration-security-note strong { font-size:11px; }.integration-security-note small { color:var(--muted); font-size:9px; line-height:1.35; }
.integration-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; margin-top:28px; }.integration-metrics article { min-height:112px; border:1px solid #d8bbae; border-radius:8px; background:rgba(255,253,251,.88); padding:18px; box-shadow:4px 4px 0 rgba(91,55,41,.07); display:flex; flex-direction:column; }.integration-metrics span { color:#82665a; font-size:8px; font-weight:850; letter-spacing:.14em; }.integration-metrics strong { margin-top:12px; font:500 29px/1 Georgia,"Times New Roman",serif; }.integration-metrics small { margin-top:auto; color:var(--muted); font-size:9px; }
.integration-toolbar { margin-top:31px; display:flex; align-items:flex-end; justify-content:space-between; gap:18px; }.integration-toolbar .eyebrow { margin:0 0 5px; }.integration-toolbar h3 { margin:0; font-size:19px; }.integration-filters { display:flex; gap:5px; padding:4px; border:1px solid #d7b9ac; border-radius:7px; background:rgba(255,250,247,.7); }.integration-filters button { border:0; border-radius:4px; background:transparent; color:var(--muted); padding:7px 10px; font-size:9px; font-weight:800; }.integration-filters button.active { background:var(--ink); color:white; }
.integration-catalog { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; margin-top:16px; padding-bottom:45px; }.integration-card { min-height:260px; border:1px solid #d7b9ac; border-radius:9px; background:rgba(255,253,251,.92); padding:19px; box-shadow:5px 5px 0 rgba(92,56,42,.07); display:flex; flex-direction:column; transition:transform .15s,box-shadow .15s,border-color .15s; }.integration-card:hover { transform:translateY(-2px); border-color:#be8e79; box-shadow:7px 8px 0 rgba(92,56,42,.09); }.integration-card.planned { background:rgba(249,243,239,.74); }.integration-card-heading { display:flex; align-items:center; gap:11px; }.integration-card-heading > div { min-width:0; }.integration-card h4 { margin:0 0 4px; font:600 20px/1.1 Georgia,"Times New Roman",serif; }.integration-card-heading p { margin:0; color:var(--muted); font-size:9px; }
.integration-provider-icon { width:42px; height:42px; flex:0 0 auto; display:grid; place-items:center; border-radius:9px; background:#3e655c; color:white; font-size:13px; font-weight:850; box-shadow:3px 3px 0 #d8c7bd; }.integration-provider-icon.large { width:52px; height:52px; border-radius:11px; font-size:15px; }.integration-card:nth-child(3n+2) .integration-provider-icon { background:#9b5e43; }.integration-card:nth-child(3n+3) .integration-provider-icon { background:#333942; }
.integration-status { margin-left:auto; width:max-content; border-radius:999px; padding:5px 8px; background:#e7ded9; color:#665650; font-size:8px; font-weight:850; text-transform:capitalize; }.integration-status.active,.integration-status.managed_connected { background:#dcece4; color:#236547; }.integration-status.pending,.integration-status.available { background:#f2e4bd; color:#745518; }.integration-status.reauthorization_required,.integration-status.error,.integration-status.disconnected { background:#f0d6d1; color:#853c33; }.integration-status.planned,.integration-status.managed { background:#e6e2df; color:#6f6560; }
.integration-description { min-height:54px; margin:20px 0 16px; color:#6f5b52; font-size:11px; line-height:1.55; }.integration-card-facts { padding-top:13px; border-top:1px solid #eadad3; display:flex; flex-direction:column; gap:5px; color:#8b7166; font-size:9px; }.integration-card-action { width:100%; margin-top:auto; border:1px solid var(--ink); border-radius:5px; background:var(--ink); color:white; padding:10px; font-size:10px; font-weight:800; }.integration-card-action:hover:not(:disabled) { background:var(--brown); }.integration-card-action.muted { border-color:#d4c5be; background:#ede7e3; color:#8a7b75; cursor:not-allowed; }.integration-loading { grid-column:1/-1; min-height:220px; display:grid; place-items:center; align-content:center; gap:12px; color:var(--muted); font-size:11px; }.integration-loading span { width:26px; height:26px; border:3px solid #e3cec5; border-top-color:var(--brown); border-radius:50%; animation:mfa-spin .8s linear infinite; }
.integration-detail-dialog { width:min(1120px,calc(100% - 32px)); max-height:calc(100vh - 32px); border:1px solid #cba99a; border-radius:12px; padding:0; background:#f8efea; color:var(--ink); box-shadow:0 26px 90px rgba(43,27,21,.35); }.integration-detail-dialog::backdrop { background:rgba(28,20,17,.53); backdrop-filter:blur(4px); }.integration-detail-shell { position:relative; max-height:calc(100vh - 34px); overflow:auto; padding:31px; }.integration-detail-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-right:35px; }.integration-detail-brand { display:flex; align-items:center; gap:15px; }.integration-detail-brand .eyebrow { margin:0 0 5px; }.integration-detail-brand h2 { margin:0 0 4px; font:500 34px/1 Georgia,"Times New Roman",serif; }.integration-detail-brand p:last-child { margin:0; color:var(--muted); font-size:11px; }
.integration-detail-facts { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:23px; }.integration-detail-facts > div { border:1px solid #ddc5ba; border-radius:6px; background:#fffaf7; padding:13px; display:flex; flex-direction:column; gap:7px; }.integration-detail-facts small { color:var(--muted); font-size:8px; letter-spacing:.08em; text-transform:uppercase; }.integration-detail-facts strong { font-size:11px; text-transform:capitalize; }.integration-schedule-summary { margin-top:12px; border-left:4px solid #53766c; border-radius:5px; background:#e8efec; padding:12px 15px; }.integration-schedule-summary strong { font-size:10px; }.integration-schedule-summary p { margin:4px 0 0; color:#5e6f68; font-size:9px; line-height:1.5; }
.integration-detail-section { margin-top:18px; border:1px solid #ddc5ba; border-radius:8px; background:var(--paper); padding:18px; }.integration-section-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; margin-bottom:13px; }.integration-section-heading .eyebrow { margin:0 0 4px; }.integration-section-heading h3 { margin:0; font-size:15px; }.integration-section-heading > small { max-width:350px; color:var(--muted); font-size:8px; line-height:1.45; text-align:right; }.integration-detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.integration-detail-grid .integration-detail-section { min-width:0; }
#integration-location-form { display:flex; flex-direction:column; gap:9px; }.integration-location-row { display:grid; grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) 32px; gap:8px; }.integration-location-row input,.integration-location-row select { min-width:0; border:1px solid #d7b8ab; border-radius:4px; background:#fffaf7; color:var(--ink); padding:9px; font:inherit; }.integration-external-location{min-height:42px;border:1px solid #d7b8ab;border-radius:4px;padding:6px 9px;display:flex;flex-direction:column;justify-content:center;background:#fffaf7}.integration-external-location strong{font-size:12px}.integration-external-location small{color:var(--muted);font-size:9px;margin-top:2px}.integration-location-remove { border:1px solid #d5b6aa; border-radius:4px; background:#fff6f2; color:#8a3d32; font-size:18px; }.integration-secondary { width:max-content; border:1px solid #bb8f7b; border-radius:4px; background:#fff9f6; color:#68483a; padding:9px 11px; font-size:9px; font-weight:800; }.integration-secondary:hover { background:#efd9cf; }#integration-save-locations { align-self:flex-end; }
.integration-history { max-height:300px; overflow:auto; }.integration-history-row { display:grid; grid-template-columns:29px minmax(0,1fr); gap:9px; padding:10px 0; border-bottom:1px solid #efe1da; }.integration-history-row:last-child { border-bottom:0; }.integration-history-icon { width:26px; height:26px; display:grid; place-items:center; border-radius:50%; background:#dcece4; color:#28684b; font-weight:850; }.integration-history-row.failed .integration-history-icon,.integration-history-row.disconnected .integration-history-icon,.integration-history-row.verification_failed .integration-history-icon { background:#f0d7d2; color:#873d35; }.integration-history-row > div { min-width:0; display:flex; flex-direction:column; gap:3px; }.integration-history-row strong { font-size:10px; text-transform:capitalize; }.integration-history-row p { margin:0; color:var(--muted); font-size:9px; line-height:1.45; overflow-wrap:anywhere; }.integration-history-row small { color:#9a8177; font-size:8px; }.integration-detail-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:18px; }.integration-detail-actions button { min-width:110px; }
.integration-connect-dialog { width:min(600px,calc(100% - 28px)); }.integration-credential-fields { display:grid; grid-template-columns:1fr 1fr; gap:11px; }.integration-credential-notice { border:1px solid #c9b5aa; border-radius:6px; background:#edf2f0; padding:11px; display:flex; gap:9px; align-items:flex-start; }.integration-credential-notice > span { color:#3f695e; }.integration-credential-notice p { color:#5f6d68; font-size:9px; }.integration-connect-dialog input[type="password"] { font-family:ui-monospace,"Cascadia Code",monospace; }
.delete-dialog { width:min(430px,calc(100% - 32px)); border:1px solid var(--line); border-radius:12px; padding:0; color:var(--ink); background:var(--paper); box-shadow:0 24px 80px rgba(47,25,18,.3); }.delete-dialog::backdrop { background:rgba(28,17,13,.48); backdrop-filter:blur(3px); }.delete-dialog form { padding:25px; }.delete-dialog-icon { width:42px; height:42px; border-radius:50%; display:grid; place-items:center; background:#f1d8ce; color:#8d3929; font-size:25px; }.delete-dialog h2 { font-family:Georgia,"Times New Roman",serif; font-size:25px; font-weight:500; margin:17px 0 8px; }.delete-dialog p { color:var(--muted); font-size:13px; line-height:1.55; margin:0; }.dialog-actions { display:flex; justify-content:flex-end; gap:9px; margin-top:24px; }.dialog-actions button { border-radius:5px; padding:9px 15px; font-weight:750; }.dialog-cancel { border:1px solid var(--line); background:var(--paper); color:var(--ink); }.dialog-delete { border:1px solid #8e3425; background:#9d3c2d; color:white; }.dialog-delete:hover { background:#7f2e22; }
@media (max-width:760px) {
  .app-shell { grid-template-columns:1fr; }.sidebar { position:fixed; inset:0 auto 0 0; width:286px; z-index:10; transform:translateX(-100%); transition:.2s; box-shadow:15px 0 40px rgba(70,39,26,.22); }.sidebar.open { transform:none; }
  .menu-button { display:block; }.topbar { height:78px; padding:0 16px; }.topbar-logo { width:98px; }.topbar-identity { gap:9px; }.topbar-identity h1 { display:none; }.dataset-badge { display:none; }.chat-list{max-height:210px;}
  .conversation { padding:27px 16px 110px; }.welcome { margin-top:1vh; }.welcome-brand { width:215px; margin-bottom:16px; }.welcome h2 { font-size:32px; }.welcome-copy { font-size:13px; }
  .suggestions { grid-template-columns:1fr; }.composer-wrap { padding:12px; }.message.user .bubble,.bubble { max-width:88%; }
  .jump-latest { bottom:98px; }
  .dashboard { padding:22px 14px; }.dashboard-hero { align-items:stretch; flex-direction:column; }.dashboard-hero h2 { font-size:32px; }.date-filter { flex-wrap:wrap; }.date-filter label { flex:1; min-width:120px; }.date-filter input { width:100%; }.metric-grid { grid-template-columns:1fr 1fr; }.dashboard-grid { grid-template-columns:1fr; }.dashboard-notice { align-items:flex-start; flex-direction:column; }
  .home-header { height:76px; padding:0 20px; gap:12px; }.home-header > img { width:130px; }.home-workspace-status > span:last-child { display:none; }.home-header-actions { gap:7px; }.home-app-popover,.home-account-popover { right:-4px; }.home-content { width:calc(100% - 30px); padding:38px 0; }.home-intro h1 { font-size:42px; }.home-intro > p:last-child { font-size:14px; }.app-launcher { grid-template-columns:1fr; margin-top:30px; }.app-tile { min-height:210px; }.home-data-strip { align-items:flex-start; flex-direction:column; }
  .kitchen-workspace { grid-template-columns:1fr; overflow-y:auto; }.recipe-browser { overflow:visible; border-right:0; border-bottom:1px solid #d8c7bd; max-height:330px; }.recipe-detail { overflow:visible; padding:26px 14px 50px; }.recipe-detail-header { flex-direction:column; }.recipe-detail-header h2 { font-size:31px; }.recipe-scale-box { width:100%; }.recipe-row { grid-template-columns:minmax(0,1fr) 92px; gap:10px; }.recipe-table-head span:nth-child(2),.ingredient-original { display:none; }.ingredient-editor { justify-self:end; }.ingredient-editor input { width:80px; }.recipe-actions { align-items:flex-start; flex-direction:column; }
  .profile-content { width:calc(100% - 30px); padding-top:25px; }.profile-heading { align-items:flex-start; }.profile-heading .profile-avatar { width:56px; height:56px; font-size:23px; }.profile-heading h2 { font-size:24px; }.profile-grid { grid-template-columns:1fr; }.profile-panel dl > div { grid-template-columns:100px minmax(0,1fr); }.profile-security { align-items:flex-start; flex-direction:column; }
  .mfa-onboarding-shell { padding:28px 20px; }.mfa-onboarding-shell h2 { font-size:28px; }.mfa-onboarding-benefits { grid-template-columns:1fr; }.mfa-onboarding-shell .dialog-actions { flex-direction:column-reverse; }.mfa-onboarding-shell .dialog-actions button { width:100%; }.mfa-setup-dialog > form { padding:25px 18px; }.mfa-setup-brand { align-items:flex-start; flex-direction:column; gap:12px; }.mfa-setup-brand h2 { font-size:27px; }.mfa-setup-section { grid-template-columns:28px minmax(0,1fr); gap:10px; }.mfa-setup-section .mfa-qr { width:min(220px,100%); height:auto; }.mfa-setup-actions { flex-direction:column-reverse; }.mfa-setup-actions button { width:100%; }
}
@media (min-width:761px) and (max-width:1080px) { .metric-grid { grid-template-columns:1fr 1fr; }.dashboard-grid { grid-template-columns:1fr; }.app-launcher { grid-template-columns:1fr 1fr; }.kitchen-workspace { grid-template-columns:290px minmax(0,1fr); }.recipe-row { grid-template-columns:minmax(180px,1.2fr) 90px minmax(150px,.7fr); } }
@media (max-width:900px) { .admin-metrics{grid-template-columns:1fr 1fr}.admin-workspace{padding:24px 18px}.admin-app-options{grid-template-columns:1fr}.admin-panel-heading{align-items:flex-start;flex-direction:column}.admin-search{width:100%;min-width:0} }
@media (max-width:1000px) { .integration-catalog{grid-template-columns:1fr 1fr}.integration-metrics{grid-template-columns:1fr 1fr}.integration-detail-facts{grid-template-columns:1fr 1fr}.integration-detail-grid{grid-template-columns:1fr} }
@media (max-width:700px) { .integrations-workspace{padding:24px 15px}.integrations-hero,.integration-toolbar{align-items:flex-start;flex-direction:column}.integrations-hero h2{font-size:34px}.integration-security-note{width:100%;flex-basis:auto}.integration-filters{width:100%;overflow:auto}.integration-catalog{grid-template-columns:1fr}.integration-metrics{grid-template-columns:1fr 1fr}.integration-detail-shell{padding:23px 14px}.integration-detail-heading{align-items:flex-start;flex-direction:column}.integration-detail-facts{grid-template-columns:1fr 1fr}.integration-location-row{grid-template-columns:1fr 32px}.integration-location-row select{grid-column:1}.integration-location-row .integration-location-remove{grid-column:2;grid-row:1/3}.integration-credential-fields{grid-template-columns:1fr}.integration-section-heading{flex-direction:column}.integration-section-heading>small{text-align:left}.integration-refresh{padding:8px;font-size:0}.integration-refresh::first-letter{font-size:15px} }