:root{--bg: #f3efe6;--ink: #1b1a17;--muted: #6b6558;--card: #fffcf7;--line: #e4dccb;--accent: #1f6f54;--accent-ink: #fff;--danger: #9b2c2c;--shadow: 0 10px 30px rgb(40 32 16 / 8%);font-family:Avenir Next,Segoe UI,system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.45}*{box-sizing:border-box}body{margin:0}h1,h2{margin:0 0 .35rem;letter-spacing:-.03em}h1{font-size:1.55rem}h2{font-size:1.05rem}p{margin:0}a{color:inherit;text-decoration:none}button,.button,.ghost-link{font:inherit;border:0;border-radius:999px;padding:.7rem 1rem;background:var(--accent);color:var(--accent-ink);cursor:pointer}.ghost,.ghost-link{background:transparent;color:var(--ink);border:1px solid var(--line)}.danger{color:var(--danger)}button:disabled{opacity:.6}input,select,textarea{width:100%;margin-top:.35rem;padding:.7rem .8rem;border:1px solid var(--line);border-radius:.7rem;font:inherit;background:#fff}textarea{min-height:4.5rem}.field-help{display:block;margin-top:.35rem;color:var(--muted);font-size:.85rem;line-height:1.35}.field-need{margin-left:.45rem;font-size:.75rem;font-weight:650;letter-spacing:.01em;color:var(--muted)}.sale-block,.sale-detail{display:grid;gap:.8rem}label{display:flex;flex-direction:column;font-size:.85rem;color:var(--muted)}.muted{color:var(--muted);font-size:.92rem}.error{color:var(--danger);margin:.5rem 0}.brand{font-weight:700;letter-spacing:-.04em;margin:0}.tool-mark{display:block;width:56px;height:56px;margin-bottom:.85rem}.brand-lockup{display:flex;align-items:center;gap:.7rem}.brand-lockup img{width:40px;height:40px}.card{background:var(--card);border:1px solid var(--line);border-radius:1rem;padding:1rem;box-shadow:var(--shadow)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:1rem;background:#1b1a1773}.modal{width:min(52rem,100%);max-height:min(92vh,52rem);overflow:auto;margin:0}.app{min-height:100dvh;padding-bottom:5rem}.topbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1rem .5rem}.nav{position:fixed;left:0;right:0;bottom:0;display:flex;gap:.25rem;overflow-x:auto;padding:.5rem .5rem calc(.5rem + env(safe-area-inset-bottom));background:#f3efe6f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line)}.nav-group{display:contents}.nav-label{display:none;margin:0}.nav-sep{flex:0 0 1px;align-self:stretch;background:var(--line);margin:.35rem .15rem}.nav a{flex:0 0 auto;text-align:center;padding:.65rem .7rem;border-radius:.9rem;font-size:.78rem}.nav a.nav-secondary{color:var(--muted)}.nav a.active{background:var(--ink);color:#fff}.content{padding:.5rem 1rem 1.5rem}.page-head{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1rem}.cost-menu{display:flex;gap:.35rem;overflow-x:auto;margin:0 0 1rem;padding-bottom:.15rem}.cost-menu button{flex:0 0 auto;background:#fff;color:var(--ink);border:1px solid var(--line);padding:.5rem .85rem}.cost-menu button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.segmented{display:flex;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.2rem}.segmented button{flex:1;background:transparent;color:var(--ink);padding:.45rem .6rem}.segmented button.active{background:var(--ink);color:#fff}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.metric strong{display:block;font-size:1.15rem;margin-top:.25rem}.up{color:var(--accent)}.down{color:var(--danger)}.split,.form-grid{display:grid;gap:.75rem}.form-grid{margin-bottom:1rem}.row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.check{flex-direction:row;align-items:center;gap:.5rem}.check input{width:auto;margin:0}.card-list,.list{list-style:none;padding:0;margin:0;display:grid;gap:.7rem}.card-list .card,.list li{display:flex;justify-content:space-between;gap:.8rem;align-items:center}.empty{display:grid;gap:.7rem;margin-bottom:1rem}details summary{cursor:pointer;font-weight:650;margin:.2rem 0 .7rem}.setup-list{list-style:none;padding:0;margin:0;display:grid;gap:.65rem}.setup-list li{display:flex;justify-content:space-between;gap:.8rem;align-items:center}.sync-action{display:inline-grid;gap:.35rem;justify-items:start}.form-grid .span-all{grid-column:1 / -1}.form-grid h3{margin:.9rem 0 0;font-size:1.02rem;letter-spacing:-.02em}.sku-picker{position:relative;display:flex;flex-direction:column;font-size:.85rem;color:var(--muted)}.sku-results{list-style:none;margin:.35rem 0 0;padding:.25rem;max-height:12.5rem;overflow:auto;border:1px solid var(--line);border-radius:.7rem;background:#fff;display:grid;gap:.15rem}.sku-results button{display:grid;width:100%;margin:0;text-align:left;background:transparent;color:var(--ink);border:0;border-radius:.5rem;padding:.5rem .65rem;font:inherit;cursor:pointer}.sku-results button small{color:var(--muted);font-size:.8rem}.sku-results button:hover,.sku-results button[aria-selected=true]{background:var(--bg)}.sku-empty{padding:.55rem .65rem}.gap-note{margin-top:.35rem}.json{margin:.6rem 0 0;padding:.85rem;overflow:auto;max-height:28rem;font-size:.78rem;line-height:1.4;background:#1c1915;color:#f4eee4;border-radius:.9rem}.sandbox{display:grid;gap:1rem}.sandbox-block{display:grid;gap:.75rem}.sandbox-steps{list-style:none;margin:0;padding:0;display:grid;gap:.85rem}.sandbox-steps>li{display:flex;gap:.75rem;justify-content:space-between;align-items:flex-start;padding-top:.75rem;border-top:1px solid var(--line)}.sandbox-steps>li:first-child{border-top:0;padding-top:0}.endpoint{display:block;margin:.35rem 0;padding:.45rem .6rem;font-size:.75rem;background:#efe8da;border-radius:.55rem;overflow-wrap:anywhere}.sandbox-tabs{display:flex;flex-wrap:wrap;gap:.4rem}.sandbox-tab{background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:.55rem .9rem}.sandbox-tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}.sandbox-inputs{display:grid;gap:.9rem;padding-top:.5rem;border-top:1px solid var(--line)}.api-connect{display:grid;gap:.75rem}.api-routes{margin:0;padding-left:1.1rem;color:var(--muted);font-size:.92rem}.api-routes code{color:var(--ink)}.api-secret{display:flex;align-items:flex-start;gap:.45rem}.api-query{display:block;flex:1;min-width:0;margin:0;padding:.75rem .8rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.78rem;line-height:1.45;background:#efe8da;border-radius:.7rem}.icon-btn{display:grid;place-items:center;width:2.5rem;height:2.5rem;padding:0;flex:0 0 auto;background:transparent;color:var(--ink);border:1px solid var(--line)}.icon-btn[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.auth-screen{min-height:100dvh;display:grid;place-items:center;padding:1.2rem}.auth-card{width:min(24rem,100%);display:grid;gap:.8rem}.pad{padding:1.5rem}.table-wrap{overflow-x:auto;margin-bottom:1.25rem;border:1px solid var(--line);border-radius:.9rem;background:var(--card)}.data-table{width:100%;border-collapse:collapse;font-size:.84rem}.data-table th,.data-table td{padding:.65rem .75rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.data-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#f7f2e8;white-space:nowrap}.data-table tbody tr:last-child td{border-bottom:0}.data-table code{font-size:.78rem;background:#efe8da;padding:.1rem .35rem;border-radius:.35rem}.cell-name{min-width:12rem;max-width:18rem}.cell-actions{white-space:nowrap}.cell-actions .ghost{padding:.4rem .7rem;font-size:.78rem}.inbox{display:grid;gap:.8rem;margin-bottom:1.25rem}.inbox-filters{width:100%;flex-wrap:wrap;border-radius:1rem}.inbox-filters button{flex:1 1 7rem;font-size:.82rem;white-space:nowrap}.inbox-layout{display:grid;gap:.75rem}.inbox-list ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.inbox-item{width:100%;display:grid;gap:.2rem;text-align:left;border-radius:.85rem;padding:.7rem .75rem;background:transparent;color:var(--ink);border:1px solid transparent}.inbox-item.active{background:#fff;border-color:var(--line)}.inbox-item-top,.inbox-tags,.inbox-reply-actions,.inbox-thread-head{display:flex;justify-content:space-between;gap:.5rem;align-items:center}.inbox-title{font-weight:650}.inbox-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.inbox-tags{justify-content:flex-start;flex-wrap:wrap;margin-top:.25rem}.tag{font-size:.72rem;padding:.15rem .45rem;border-radius:999px;background:#efe8da;color:var(--muted)}.tag.warn{background:#f3e1c4;color:#7a4b12}.inbox-thread{display:none;gap:.8rem;align-content:start}.inbox-layout.reading .inbox-list{display:none}.inbox-layout.reading .inbox-thread{display:grid}.inbox-back{justify-self:start;padding:.4rem .75rem}.inbox-messages{display:grid;gap:.55rem;max-height:24rem;overflow:auto;padding-right:.15rem}.bubble{max-width:min(36rem,100%);padding:.7rem .8rem;border-radius:.9rem;display:grid;gap:.35rem}.bubble p{white-space:pre-wrap;overflow-wrap:anywhere}.bubble.inbound{background:#fff;border:1px solid var(--line)}.bubble.outbound{justify-self:end;background:#e7f3ec}.bubble-meta{font-size:.75rem;color:var(--muted)}.inbox-reply{display:grid;gap:.55rem}.inbox-reply textarea{width:100%;margin-top:.35rem;padding:.7rem .8rem;border:1px solid var(--line);border-radius:.7rem;font:inherit;background:#fff;resize:vertical}.inbox-closed{padding-top:.2rem}@media(min-width:840px){.app{display:grid;grid-template-columns:220px 1fr;grid-template-rows:auto 1fr;padding:0}.topbar{grid-column:1 / -1;padding:1.2rem 1.5rem 0}.nav{position:static;display:flex;flex-direction:column;align-items:stretch;align-content:start;overflow:visible;background:transparent;border:0;padding:1rem}.nav-group{display:flex;flex-direction:column;gap:.15rem}.nav-label{display:block;margin:.85rem .9rem .2rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.nav-group:first-child .nav-label{margin-top:0}.nav-sep{height:1px;flex:none;margin:.75rem .4rem}.nav a{text-align:left;padding:.7rem .9rem;font-size:.95rem}.content{padding:.5rem 1.5rem 2rem}.page-head{flex-direction:row;justify-content:space-between;align-items:end}.metrics{grid-template-columns:repeat(4,1fr)}.split,.form-grid{grid-template-columns:repeat(2,1fr)}.inbox-layout,.inbox-layout.reading .inbox-list,.inbox-thread{display:grid}.inbox-layout{grid-template-columns:minmax(16rem,22rem) minmax(0,1fr);align-items:start}.inbox-back{display:none}}