/* Webora's own layout, with a palette informed by the user's Wharf reference. */
:root{--bg:#f7f5ef;--surface:#fbfaf6;--panel:#efede6;--line:#dedbd2;--text:#1f1f24;--muted:#5d5b5a;--accent:#f4c24a;--bright:#86600a}body{background:radial-gradient(ellipse at 100% 0,#fbe4a6aa 0,transparent 43%),var(--bg);color:var(--text)}aside{background:#fbfaf6da;backdrop-filter:blur(10px);border-color:#1f1f2417}.brand{color:var(--text)}.brand img{border-radius:12px}.brand small{font-size:8px}nav button{border-radius:10px}nav button.active{background:#1f1f24;color:#f4c24a}nav button:hover{background:#efede6;color:#1f1f24}.primary{background:#1f1f24;border-color:#1f1f24;color:#f4f3ee}.primary:hover{background:#34343c;border-color:#34343c}button{color:var(--text);border-color:#dedbd2;background:#fbfaf6}.quiet{background:#ffffff55}.eyebrow{color:#86600a}.demo-note{background:#fdf3d6;border-color:#eddeb1;color:#7a560a}.hero{background:linear-gradient(110deg,#fbfaf6,#fdf3d6);border-color:#ffffff;border-radius:24px;box-shadow:0 18px 40px -26px #28244640}.hero .number{color:#c58d10}.stats{gap:16px}.stat,.panel{border-color:#fff;border-radius:22px;box-shadow:0 1px 0 #ffffffd9 inset,0 18px 40px -26px #28244635;background:#fffefaaf}.stat:nth-child(2){background:#fdf3d6}.stat strong{font-size:34px;color:#1f1f24}.stat small{color:#86600a}.bar-track{background:#e9e6dd}.bar-track i{background:#f4c24a}.bar-row:nth-child(3n) .bar-track i{background:#1f1f24}.column{background:#efede680;border-color:#dedbd2;border-radius:18px}.lead-card{background:#fbfaf6;border-color:#fff;border-radius:13px;box-shadow:0 6px 18px -12px #28244640}.lead-card:hover{border-color:#c58d10}.pill{color:#7a560a;background:#fdf3d6;border-color:#eddeb1}.card-bottom b{color:#1f1f24}input,select,textarea{background:#fffefa;color:#1f1f24;border-color:#dedbd2}input:focus,select:focus,textarea:focus{outline:2px solid #c58d10;outline-offset:2px}.task{border-color:#1f1f2417}.total-row.main-total{color:#1f1f24}.quote-preview{background:#efede6;color:#34343c}.warning{border-left-color:#e3a81f;background:#fdf3d6;color:#7a560a}.catalog .price{color:#1f1f24}dialog{position:fixed;inset:0 0 0 auto;margin:0;width:560px;max-width:100vw;max-height:100dvh;height:100dvh;border:0;border-left:1px solid #dedbd2;border-radius:0;background:#fbfaf6;color:#1f1f24;padding:28px;box-shadow:-20px 0 60px -20px #1f1f2440;animation:drawer-in .24s ease-out}dialog::backdrop{background:#1f1f2445}.dialog-head{padding-bottom:18px;border-bottom:1px solid #dedbd2}.dialog-actions{position:sticky;bottom:-28px;background:#fbfaf6;padding:18px 0}.business-cell{display:flex;align-items:center;gap:12px}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fbe4a6;color:#7a560a;font-size:12px;flex-shrink:0}.prospect-table{padding:12px 10px;border-radius:22px}td,th{padding:18px 14px;border-color:#1f1f2410}th{font-size:11px}tbody tr:hover{background:#fdf3d655}#toast{background:#1f1f24;color:#f4f3ee}#view{animation:view-in .2s ease-out}.status-dot{background:#c58d10}.badge-count{color:#86600a}@keyframes drawer-in{from{transform:translateX(100%);opacity:.5}to{transform:translateX(0);opacity:1}}@keyframes view-in{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}@media(max-width:650px){aside{background:#fbfaf6}.hero{border-radius:18px}.stat{border-radius:17px}.prospect-table{padding:6px}dialog{width:100vw;padding:20px}.dialog-actions{bottom:-20px}h1{font-size:26px}}