.sbd-field{background:var(--field-sky);border-radius:var(--r-xl);margin-inline:var(--inset);padding-block:clamp(44px,5.4vw,84px);position:relative}.sbd-grid{column-gap:clamp(20px,2.4vw,36px);display:grid;grid-template-areas:"head flo" "demo flo" "jobs jobs";grid-template-columns:minmax(0,1fr) minmax(0,300px);row-gap:clamp(30px,3.6vw,44px)}.sbd-head{display:grid;gap:16px;grid-area:head;justify-items:start;max-width:780px}.sbd-flo{align-self:end;grid-area:flo;width:100%}.sbd-demo{display:grid;gap:clamp(16px,2vw,24px);grid-area:demo;grid-template-columns:minmax(0,1fr) minmax(0,300px);min-width:0}.sbd-app{background:var(--sheet-bg);border-radius:26px;box-shadow:var(--shadow);color:var(--ink);display:flex;flex-direction:column;min-width:0;overflow:hidden;overflow-anchor:none}.sbd-bar{align-items:center;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:6px 12px;min-height:56px;padding:8px 16px}.sbd-mark{flex:none;height:22px;width:22px}.sbd-title{font:800 16px/1.2 var(--text)}.sbd-inbox{align-items:center;color:var(--ink-soft);display:inline-flex;font:700 14px/1.2 var(--text);gap:6px;margin-inline-start:auto}.sbd-inbox .i{height:18px;width:18px}.sbd-badge{background:var(--green);border-radius:999px;color:var(--on-bright);display:grid;font:800 12px/1 var(--text);font-variant-numeric:tabular-nums;height:20px;min-width:20px;padding:0 6px;place-items:center}.sbd-badge[data-off]{visibility:hidden}.sbd-tabs{background:var(--surface-2);border-radius:22px;display:flex;gap:4px;margin:12px 16px 0;padding:4px}.sbd-tabs button{background:transparent;border:0;border-radius:999px;color:var(--ink-soft);cursor:pointer;flex:1 1 0px;font:700 14px/1.15 var(--text);min-height:44px;padding:0 12px;-webkit-tap-highlight-color:transparent}.sbd-tabs button[aria-selected=true]{background:var(--ink);box-shadow:var(--shadow-xs);color:var(--ground)}.sbd-tabs button:focus-visible{outline-offset:-1px}.sbd-panels{display:grid;flex:1 1 auto}.sbd-panel{display:flex;flex-direction:column;gap:12px;grid-area:1/1;margin:0;min-width:0;padding:14px 16px 16px}.sbd-panel[data-off]{visibility:hidden}.sbd-panel:focus{outline:none}.sbd-panel:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.sbd-label{color:var(--ink-soft);font:700 13px/1.3 var(--text)}.sbd-pickrow{display:grid;gap:6px}.sbd-select select{font:600 15px/1.2 var(--mono);min-height:44px}.sbd-previews{display:grid}.sbd-preview{align-items:flex-start;background:var(--chat-bg);border-radius:14px;display:flex;flex-direction:column;gap:8px;grid-area:1/1;padding:10px 12px 12px}.sbd-preview[data-off]{visibility:hidden}.sbd-preview-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.sbd-pill{align-items:center;background:var(--sheet-bg);border-radius:999px;color:var(--ink-soft);display:inline-flex;font:700 12px/1.2 var(--text);min-height:24px;padding:2px 9px}.sbd-pill.is-ok{background:var(--field-green);color:var(--ink)}.sbd-preview p{font-size:14px;line-height:1.45;margin:0;text-wrap:pretty}.sbd-var{background:var(--field-sky);border-radius:6px;color:var(--ink);direction:ltr;display:inline-block;font:700 12px/1.6 var(--mono);padding:0 5px;unicode-bidi:isolate}.sbd-qr{align-items:center;background:var(--sheet-bg);border-radius:999px;box-shadow:var(--shadow-xs);color:var(--accent-ink);display:inline-flex;font:700 13px/1.2 var(--text);min-height:30px;padding:3px 12px}.sbd-reciphead{align-items:center;display:flex;flex-wrap:wrap;gap:6px 12px;justify-content:space-between}.sbd-slot{display:grid;justify-items:end}.sbd-slot>*{grid-area:1/1}.sbd-slot>[data-off]{visibility:hidden}.sbd-file{align-items:center;background:var(--field-green);border-radius:999px;display:inline-flex;font:700 13px/1.2 var(--text);gap:6px;min-height:44px;min-width:0;padding:4px 12px 4px 10px}.sbd-file .i{flex:none;height:17px;width:17px}.sbd-file code{direction:ltr;font:600 12px/1.2 var(--mono);unicode-bidi:isolate}.sbd-file [data-rows]{color:var(--ink-soft);font-weight:600;white-space:nowrap}.sbd-act{align-items:center;background:var(--surface-2);border:0;border-radius:999px;color:var(--ink);cursor:pointer;display:inline-flex;font:700 14px/1.1 var(--text);gap:7px;justify-content:center;min-height:44px;padding:0 14px;transition:background-color .16s ease,transform .16s var(--ease-out);-webkit-tap-highlight-color:transparent}.sbd-act .i{height:17px;width:17px}.sbd-act:active{transform:scale(.97)}.sbd-act[data-off]{visibility:hidden}.sbd-table-wrap{min-width:0;position:relative}.sbd-table{border-collapse:collapse;font-size:14px;line-height:1.3;width:100%}.sbd-table th{color:var(--ink-soft);font:700 12px/1.3 var(--text);padding:6px 10px;text-align:start}.sbd-table td,.sbd-table th{border-bottom:1px solid var(--line)}.sbd-table td{height:34px;padding:4px 10px}.sbd-table tr:last-child td{border-bottom:0}.sbd-table tr[data-off]{visibility:hidden}.sbd-table td:first-child,.sbd-table th:first-child{width:58%}.sbd-num{direction:ltr;font:500 13px/1.3 var(--mono);font-variant-numeric:tabular-nums;unicode-bidi:isolate;white-space:nowrap}.sbd-none{color:var(--ink-soft);display:grid;font-size:14px;inset:30px 0 0;line-height:1.45;margin:0;padding:12px;place-items:center;position:absolute;text-align:center;text-wrap:balance}.sbd-none[hidden]{display:none}.sbd-foot{align-items:center;gap:10px 16px;justify-content:space-between;margin-top:auto}.sbd-foot,.sbd-sched{display:flex;flex-wrap:wrap}.sbd-sched{gap:4px 18px;margin:0}.sbd-sched div{align-items:baseline;display:flex;flex-wrap:wrap;gap:0 6px}.sbd-sched dt{color:var(--ink-soft);font:700 12px/1.3 var(--text)}.sbd-sched dd{font:700 14px/1.3 var(--text);margin:0}.sbd-start{align-items:center;background:var(--wa-bg);border:0;border-radius:999px;box-shadow:var(--shadow-xs);color:var(--wa-ink);cursor:pointer;display:inline-flex;font:700 15px/1.1 var(--text);gap:8px;justify-content:center;margin-inline-start:auto;min-height:44px;padding:0 20px;transition:background-color .2s ease,color .2s ease,transform .16s var(--ease-out);-webkit-tap-highlight-color:transparent}.sbd-start .i{height:18px;width:18px}.sbd-start:active:not(:disabled){transform:scale(.97)}.sbd-start:disabled{background:var(--surface-2);box-shadow:none;color:var(--ink-soft);cursor:not-allowed}@media (hover:hover) and (pointer:fine){.sbd-act:hover{background:var(--line)}.sbd-start:not(:disabled):hover{background:var(--wa-bg-hover)}.sbd-tabs button[aria-selected=false]:hover{color:var(--ink)}}.sbd-banner{background:var(--surface-2);border-radius:14px;display:grid;gap:8px;padding:10px 14px 12px;transition:background-color .2s ease}.sbd-banner[data-state=running]{background:var(--field-sky)}.sbd-banner[data-state=done]{background:var(--field-green)}.sbd-banner-text{align-items:baseline;display:flex;flex-wrap:wrap;gap:2px 12px;justify-content:space-between}.sbd-banner-text b{font:800 15px/1.3 var(--text)}.sbd-progress{color:var(--ink-soft);font:600 13px/1.3 var(--mono);font-variant-numeric:tabular-nums}.sbd-meter{background:color-mix(in srgb,var(--ink) 12%,transparent);border-radius:999px;display:block;height:8px;overflow:hidden}.sbd-meter-fill{background:var(--sky);border-radius:inherit;display:block;height:100%;transform:scaleX(var(--p,0));transform-origin:left center;transition:transform .3s var(--ease-out),background-color .2s ease}[dir=rtl] .sbd-meter-fill{transform-origin:right center}.sbd-banner[data-state=done] .sbd-meter-fill{background:var(--green)}.sbd-tiles{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.sbd-tiles div{border-radius:12px;box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column-reverse;gap:2px;justify-content:flex-end;min-width:0;padding:8px 10px 9px}.sbd-tiles dt{color:var(--ink-soft);font-size:12px;line-height:1.3;overflow-wrap:anywhere}.sbd-tiles dd{font:800 1.35rem/1.1 var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:0}.sbd-loghead{margin:2px 0 -6px}.sbd-detail{align-items:center;background:var(--surface-2);border-radius:999px;display:inline-flex;font:700 12px/1.25 var(--text);min-height:24px;padding:2px 9px;transition:background-color .2s ease}.sbd-detail:empty{display:none}.sbd-detail[data-state=sent]{background:var(--surface-2)}.sbd-detail[data-state=delivered]{background:var(--field-sky)}.sbd-detail[data-state=read]{background:var(--field-green)}.sbd-detail[data-state=dup]{background:transparent;box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--ink-soft)}.sbd-stats .sbd-go{display:flex;justify-content:flex-end;margin-top:auto}.sbd-phone{display:flex;flex-direction:column;gap:10px;margin:0;min-width:0}.sbd-chat{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden}.sbd-msgs{flex:1 1 0px;margin:0;min-height:0;overflow-anchor:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--scroll-thumb) transparent;scrollbar-width:thin}.sbd-msgs>:first-child{margin-top:auto}.sbd-day{align-self:center}.sbd-day[data-off]{display:none}.sbd-day span{background:var(--sheet-bg);border-radius:8px;box-shadow:var(--shadow-xs);color:var(--ink-soft);display:block;font:600 12px/1.3 var(--text);padding:4px 10px}.sbd-wait{align-self:center;background:color-mix(in srgb,var(--sheet-bg) 70%,transparent);border-radius:10px;color:var(--ink-soft);font:600 13px/1.4 var(--text);margin-block:auto;padding:6px 12px;text-align:center}.sbd-wait[hidden]{display:none}.sbd-msg p{margin:0;text-wrap:pretty}.sbd-name{font-weight:700}.sbd-phone figcaption{color:var(--ink-soft);font-size:14px;line-height:1.45;text-wrap:pretty}.sbd-jobs{display:grid;gap:clamp(14px,1.8vw,24px);grid-area:jobs;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}.sbd-job .link{margin-top:auto;padding-block:2px 0}@media (prefers-reduced-motion:no-preference){.sbd-table tr.is-new>td{animation:sbd-row-in .2s var(--ease-out) both;animation-delay:calc(var(--i, 0)*45ms)}.sbd-msgs>.is-new{animation:sbd-rise .22s var(--ease-out) both}.sbd-badge.is-new{animation:sbd-pop .2s var(--ease-out) both}}@media (prefers-reduced-motion:reduce){.sbd-msgs>.is-new,.sbd-table tr.is-new>td{animation:sbd-fade .15s ease both}.sbd-meter-fill{transition:background-color .2s ease}.sbd-act:active,.sbd-start:active:not(:disabled){transform:none}}@keyframes sbd-fade{0%{opacity:0}to{opacity:1}}@keyframes sbd-rise{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes sbd-row-in{0%{opacity:0;translate:0 3px}to{opacity:1;translate:0 0}}@keyframes sbd-pop{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@media (max-width:1179px){.sbd-grid{grid-template-areas:"head" "flo" "demo" "jobs";grid-template-columns:minmax(0,1fr);row-gap:24px}.sbd-flo{--head:calc(50% + 4px)}.sbd-flo>img{margin-inline:auto;width:220px}.sbd-jobs{margin-top:8px}}@media (max-width:799px){.sbd-demo{grid-template-columns:minmax(0,1fr)}.sbd-phone{margin-inline:auto;width:min(100%,340px)}.sbd-chat{flex:none;height:440px}.sbd-jobs{grid-template-columns:minmax(0,1fr)}}@media (max-width:479px){.sbd-bar{gap:6px 8px;padding-inline:12px}.sbd-inbox-name{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.sbd-tabs{margin-inline:12px}.sbd-panel{padding-inline:12px}.sbd-table td,.sbd-table th{padding-inline:8px}.sbd-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.sbd-tiles div{padding-inline:8px}.sbd-tiles dd{font-size:1.15rem}}