:root{--bg:#f4f6f8;--surface:#fff;--border:#e3e7ec;--text:#15202b;--muted:#5f6b7a;--sidebar:#0f2233;--sidebar-text:#c9d4de;--sidebar-active:#1b3a52;--accent:#0e9f6e;--accent-ink:#fff;--danger:#c0392b;--radius:10px;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:var(--bg);font-size:14px}h1{margin:0;font-size:20px}h2{margin:0;font-size:18px}code{word-break:break-all;background:#eef1f4;border-radius:6px;padding:2px 6px;font-size:12px}.muted{color:var(--muted)}.small{font-size:12px}.error{color:var(--danger);margin:0}.center{text-align:center;place-content:center;min-height:100%;padding:24px;display:grid}.stack{flex-direction:column;gap:12px;display:flex}.narrow{max-width:420px;margin:0 auto}label{flex-direction:column;gap:6px;font-weight:500;display:flex}input,select{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:10px 12px}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:10px 14px;font-weight:600}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.primary:disabled{opacity:.6;cursor:default}.btn.ghost{border-color:var(--border);color:var(--text);background:0 0}.btn.sm{padding:6px 10px;font-size:12px}.auth-wrap{place-content:center;gap:16px;min-height:100%;padding:24px 16px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:14px;width:min(400px,100%);padding:28px;display:flex}.auth-foot{text-align:center;font-size:12px}.brand{align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.brand-mark{background:var(--accent);color:var(--accent-ink);letter-spacing:.5px;border-radius:8px;padding:4px 7px;font-size:13px}.qr{border:1px solid var(--border);background:#fff;border-radius:8px;align-self:center;width:200px;height:200px}.qr.placeholder{color:var(--muted);place-content:center;display:grid}.shell{grid-template-columns:232px 1fr;min-height:100%;display:grid}.sidebar{background:var(--sidebar);color:var(--sidebar-text);flex-direction:column;gap:16px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar .brand{color:#fff;padding:0 6px}.switcher{color:var(--sidebar-text)}.switcher select{color:#fff;background:#16314a;border-color:#24445f}.nav-group{flex-direction:column;gap:2px;margin-bottom:10px;display:flex}.nav-title{text-transform:uppercase;letter-spacing:.6px;color:#7f93a6;padding:6px 8px;font-size:11px}.nav-link{color:var(--sidebar-text);border-radius:8px;align-items:center;gap:10px;padding:8px;text-decoration:none;display:flex}.nav-link:hover{color:#fff;background:#16314a}.nav-link.active{background:var(--sidebar-active);color:#fff;box-shadow:inset 3px 0 0 var(--accent)}.nav-icon{text-align:center;opacity:.9;width:18px}.sidebar-foot{margin-top:auto}.main{flex-direction:column;min-width:0;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:1;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.user{align-items:center;gap:10px;display:flex}.badge{color:#0b7a55;background:#e7f6f0;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.content{flex-direction:column;gap:16px;padding:24px;display:flex}.page-head{justify-content:space-between;align-items:center;display:flex}.empty{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);padding:32px}.empty p{margin:0 0 6px}.cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:inherit;flex-direction:column;gap:6px;padding:18px;text-decoration:none;display:flex}.card:hover{border-color:var(--accent)}.card-title{font-size:15px;font-weight:600}@media (width<=760px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.topbar,.content{padding:12px 16px}}.count{color:var(--muted);vertical-align:middle;background:#eef1f4;border-radius:999px;margin-left:6px;padding:2px 8px;font-size:13px;font-weight:500}.search input{width:min(340px,60vw)}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;background:#fafbfc;padding:10px 14px;font-size:12px;font-weight:600}.table td{white-space:nowrap;border-bottom:1px solid #f0f2f5;padding:10px 14px}.table tbody tr{cursor:pointer}.table tbody tr:hover,.table tbody tr.selected{background:#f3faf7}.ellipsis{text-overflow:ellipsis;max-width:240px;overflow:hidden}.tags{flex-wrap:wrap;gap:4px;display:inline-flex}.tag{color:#24527a;background:#eef4fb;border-radius:6px;padding:2px 6px;font-size:11px}.tag.more{color:var(--muted);background:#eef1f4}.pager{justify-content:flex-end;align-items:center;gap:12px;display:flex}.drawer-backdrop{z-index:10;background:#0f223340;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--bg);width:min(520px,100%);height:100%;padding:20px;overflow-y:auto;box-shadow:-8px 0 24px #00000014}.drawer-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.box h3{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:0;font-size:13px}.box.secure{background:#f7fcfa;border-color:#cfe9de}.lock{text-transform:none;letter-spacing:0;color:#0b7a55;background:#e7f6f0;border-radius:999px;margin-left:6px;padding:2px 8px;font-size:11px}.kv{grid-template-columns:150px 1fr;gap:6px 12px;margin:0;display:grid}.kv dt{color:var(--muted)}.kv dd{overflow-wrap:anywhere;margin:0}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.segmented{background:#eef1f4;border-radius:8px;padding:3px;display:inline-flex}.segmented button{font:inherit;cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:6px 12px}.segmented button.on{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 2px #0000000f}.task-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.task{border-bottom:1px solid #f0f2f5;align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.task:last-child{border-bottom:0}.task input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;margin-top:3px}.task-main{all:unset;cursor:pointer;flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.task-title{font-weight:500}.task.done .task-title{color:var(--muted);text-decoration:line-through}.task-meta{color:var(--muted);flex-wrap:wrap;gap:6px;font-size:12px;display:flex}.due-late{color:var(--danger);font-weight:600}.due-today{color:#b45309;font-weight:600}.due-soon{color:#b45309}.pre{white-space:pre-wrap;margin:0}textarea{font:inherit;border:1px solid var(--border);resize:vertical;border-radius:8px;padding:10px 12px}.divider{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{flex-direction:column;gap:6px;display:flex;position:relative}.field-label{font-weight:500}.chip-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip{color:#0b7a55;background:#e7f6f0;border-radius:999px;padding:4px 10px;font-weight:600}.results{border:1px solid var(--border);background:var(--surface);border-radius:8px;overflow:hidden}.result{all:unset;box-sizing:border-box;cursor:pointer;border-bottom:1px solid #f0f2f5;justify-content:space-between;gap:8px;width:100%;padding:8px 12px;display:flex}.result:last-child{border-bottom:0}.result:hover{background:#f3faf7}.result.create{color:var(--accent);font-weight:600}.grow{flex:1;min-width:200px}.board{align-items:flex-start;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.column{border-radius:var(--radius);background:#eceff3;border:2px solid #0000;flex-direction:column;flex:0 0 272px;max-height:calc(100vh - 210px);display:flex}.column.over{border-color:var(--accent);background:#e6f4ee}.column-head{border-bottom:1px solid #dde2e8;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.column.won .column-head{box-shadow:inset 0 3px 0 var(--accent)}.column.lost .column-head{box-shadow:inset 0 3px #94a3b8}.column-title{font-weight:600}.column-body{flex-direction:column;gap:8px;padding:8px;display:flex;overflow-y:auto}.opp-card{all:unset;box-sizing:border-box;background:var(--surface);border:1px solid var(--border);cursor:grab;border-radius:8px;flex-direction:column;gap:4px;padding:10px;display:flex}.opp-card:hover{border-color:var(--accent)}.opp-card:active{cursor:grabbing}.opp-name{overflow-wrap:anywhere;font-weight:500}.opp-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pill{border-radius:999px;padding:1px 7px;font-size:11px;font-weight:600}.pill.won{color:#0b7a55;background:#e7f6f0}.pill.lost{color:var(--danger);background:#fde8e6}.pill.abandoned{color:var(--muted);background:#eef1f4}.center-text{text-align:center;margin:8px 0}.stage-steps{flex-wrap:wrap;gap:6px;display:flex}.step{font:inherit;border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;padding:5px 10px;font-size:12px}.step.on{background:var(--sidebar);color:#fff;border-color:var(--sidebar)}.step.won.on{background:var(--accent);border-color:var(--accent)}.row-between{justify-content:space-between;align-items:center;display:flex}.mini-task{border-bottom:1px solid #f0f2f5;justify-content:space-between;gap:8px;padding:6px 0;display:flex}.mini-task:last-child{border-bottom:0}.mini-task.done span:first-child{color:var(--muted);text-decoration:line-through}@media (width<=760px){.column{flex-basis:85vw}.row2{grid-template-columns:1fr}}.c360{grid-template-columns:minmax(280px,1fr) minmax(320px,1.3fr) minmax(280px,1fr);align-items:start;gap:16px;display:grid}@media (width<=1100px){.c360{grid-template-columns:1fr 1fr}}@media (width<=760px){.c360,.row3{grid-template-columns:1fr}}.row3{grid-template-columns:1.2fr 1fr 1fr;gap:12px;display:grid}label.inline{flex-direction:row;align-items:center;gap:8px;font-weight:400}.note{border-bottom:1px solid #f0f2f5;padding:8px 0}.note:last-child{border-bottom:0}.note p{margin:0 0 4px}.activity{gap:10px;padding:6px 0;display:flex}.activity-icon{background:#eef1f4;border-radius:50%;flex:none;place-content:center;width:22px;height:22px;font-size:11px;display:grid}.mini-task.check{cursor:pointer;flex-direction:row;justify-content:flex-start;align-items:center;font-weight:400}.mini-task.check input{width:16px;height:16px;accent-color:var(--accent)}.opp-row{color:inherit;border-bottom:1px solid #f0f2f5;flex-direction:column;gap:2px;padding:8px 0;text-decoration:none;display:flex}.opp-row:last-child{border-bottom:0}.opp-row:hover strong{color:var(--accent)}.tag.removable{align-items:center;gap:4px;display:inline-flex}.tag.removable button{all:unset;cursor:pointer;opacity:.6;font-size:13px;line-height:1}.tag.removable button:hover{opacity:1}details summary{cursor:pointer;padding:4px 0}.home{grid-template-columns:1.2fr 1fr;align-items:start;gap:16px;display:grid}@media (width<=900px){.home{grid-template-columns:1fr}}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:13px}.kpi strong{margin-right:2px;font-size:15px}.box.late{background:#fff8f7;border-color:#f3c7c2}.opp-row.static{cursor:default}.gsearch{width:min(520px,55vw);position:relative}.gsearch input{background:#f4f6f8;width:100%}.gsearch-results{background:var(--surface);border:1px solid var(--border);z-index:20;border-radius:10px;max-height:70vh;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden auto;box-shadow:0 10px 30px #0f22331f}.gs-item{all:unset;box-sizing:border-box;cursor:pointer;border-bottom:1px solid #f0f2f5;align-items:center;gap:10px;width:100%;padding:9px 12px;display:flex}.gs-item:last-child{border-bottom:0}.gs-item.on{background:#f3faf7}.gs-icon{background:#eef1f4;border-radius:50%;flex:none;place-content:center;width:22px;height:22px;font-size:11px;display:grid}@media (width<=760px){.gsearch{width:100%}.topbar{flex-wrap:wrap;gap:8px}}.tabs{flex-wrap:wrap;align-self:flex-start}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:16px;display:grid}.list-row{border-bottom:1px solid #f0f2f5;align-items:center;gap:8px;padding:6px 0;display:flex}.list-row:last-of-type{border-bottom:0}.list-row.on{background:#f3faf7;border-radius:6px;padding-left:6px}.link-btn{all:unset;cursor:pointer;text-align:left}.link-btn:hover{color:var(--accent)}.row-actions{align-items:center;gap:4px;display:inline-flex}.row-actions select{padding:4px 6px;font-size:12px}.icon-btn{font:inherit;border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:6px;width:28px;height:28px}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn:hover:not(:disabled){border-color:var(--accent)}.inline-edit{background:0 0;border-color:#0000;padding:6px 8px}.inline-edit:hover{border-color:var(--border)}.inline-edit:focus{background:var(--surface)}.nowrap{white-space:nowrap}.box.merge{background:#f7fcfa}.table-wrap.flat{border:0}tr.static{cursor:default}fieldset.opts{border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;gap:4px 16px;padding:8px 12px;display:flex}fieldset.opts legend{padding:0 4px;font-weight:500}.perm-row{border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.perm-row select{max-width:60%}.switch{cursor:pointer;background:#cfd6de;border:0;border-radius:999px;flex:none;width:40px;height:22px;position:relative}.switch span{background:#fff;border-radius:50%;width:16px;height:16px;transition:left .15s;position:absolute;top:3px;left:3px}.switch.on{background:var(--accent)}.switch.on span{left:21px}.perm-pipes{flex-direction:column;gap:4px;padding-top:8px;display:flex}.btn.active{border-color:var(--accent);color:var(--accent)}.filter-panel{gap:8px}.filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-row .and{width:44px}.filter-row select{max-width:260px}.dropdown{position:relative}.dropdown-menu{z-index:15;background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:4px;min-width:240px;max-height:60vh;padding:10px 14px;display:flex;position:absolute;top:calc(100% + 4px);right:0;overflow-y:auto;box-shadow:0 10px 30px #0f22331f}.bulk-bar{border-radius:var(--radius);background:#e7f6f0;border:1px solid #cfe9de;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.table th.check,.table td.check{width:32px;padding-right:0}.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table th.sortable:hover{color:var(--text)}.sort{color:var(--accent)}details.box.section>summary{cursor:pointer;justify-content:space-between;align-items:center;list-style:none;display:flex}details.box.section>summary::-webkit-details-marker{display:none}details.box.section>summary h3:before{content:"▸ ";color:var(--muted)}details.box.section[open]>summary h3:before{content:"▾ "}.col-order{align-items:center;gap:4px;display:flex}.col-order .icon-btn{width:24px;height:24px;font-size:12px}.cal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-height:calc(100vh - 220px);overflow:auto}.cal-head{border-bottom:1px solid var(--border);z-index:2;background:#fafbfc;display:grid;position:sticky;top:0}.cal-day{all:unset;cursor:pointer;text-align:center;color:var(--muted);text-transform:capitalize;padding:8px 4px;font-size:12px}.cal-day strong{color:var(--text);font-size:16px;display:block}.cal-day.today strong{color:var(--accent)}.cal-body{display:grid}.cal-hours{border-right:1px solid var(--border)}.cal-hour{color:var(--muted);text-align:right;box-sizing:border-box;border-bottom:1px dashed #f0f2f5;padding-right:6px;font-size:10px}.cal-col{border-right:1px solid #f0f2f5;position:relative}.cal-slot{all:unset;cursor:pointer;box-sizing:border-box;border-bottom:1px dashed #f0f2f5;position:absolute;left:0;right:0}.cal-slot:hover{background:#f3faf7}.cal-event{all:unset;box-sizing:border-box;border-left:3px solid var(--accent);cursor:pointer;z-index:1;background:#e6f4ee;border-radius:6px;padding:2px 6px;font-size:12px;line-height:1.3;position:absolute;left:3px;right:3px;overflow:hidden}.cal-event.confirmed{background:#e3eefb;border-color:#2563eb}.cal-event.showed{background:#eef1f4;border-color:#64748b}.cal-event.no_show,.cal-chip.no_show{border-color:var(--danger);background:#fde8e6}.cal-event.cancelled,.cal-chip.cancelled{opacity:.5;text-decoration:line-through}.cal-month{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(7,1fr);display:grid;overflow:hidden}.cal-month-head{color:var(--muted);text-align:center;border-bottom:1px solid var(--border);background:#fafbfc;padding:6px;font-size:12px}.cal-cell{border-bottom:1px solid #f0f2f5;border-right:1px solid #f0f2f5;flex-direction:column;gap:2px;min-height:96px;padding:4px;display:flex}.cal-cell.other{color:var(--muted);background:#fafbfc}.cal-cell-day{all:unset;cursor:pointer;border-radius:999px;align-self:flex-end;padding:0 4px;font-size:12px;font-weight:600}.cal-cell.today .cal-cell-day{background:var(--accent);color:#fff}.cal-chip{all:unset;cursor:pointer;border-left:3px solid var(--accent);white-space:nowrap;text-overflow:ellipsis;background:#e6f4ee;border-radius:4px;padding:1px 4px;font-size:11px;overflow:hidden}.opp-row.past{opacity:.65}button.opp-row{text-align:left;box-sizing:border-box;width:100%}.bell,.bell-btn{position:relative}.bell-count{background:var(--danger);color:#fff;border-radius:999px;padding:1px 5px;font-size:10px;position:absolute;top:-4px;right:-4px}.bell-menu{background:var(--surface);border:1px solid var(--border);z-index:20;border-radius:10px;flex-direction:column;gap:4px;width:340px;max-height:60vh;padding:10px;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 10px 30px #0f22331f}.bell-item{cursor:pointer;border-left:3px solid #0000;border-radius:8px;align-items:flex-start;gap:8px;padding:8px;display:flex}.bell-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.bell-actions{opacity:.55;gap:2px;display:flex}.bell-item:hover .bell-actions,.bell-item:focus-within .bell-actions{opacity:1}.bell-actions .icon-btn{all:unset;cursor:pointer;width:24px;height:24px;color:var(--muted);border-radius:6px;place-items:center;font-size:14px;display:grid}.bell-actions .icon-btn:hover{color:var(--text);background:#e8f3ef}.bell-actions .star.on{color:#d99a00;opacity:1}.bell-item:has(.star.on) .bell-actions{opacity:1}.bell-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:2px;padding-bottom:6px;display:flex}.bell-tabs button{all:unset;cursor:pointer;color:var(--muted);border-radius:6px;padding:4px 8px;font-size:12px}.bell-tabs button.on{color:var(--text);background:#e8f3ef;font-weight:600}.bell-item:hover{background:#f3faf7}.bell-item.unread{border-left:3px solid var(--accent);background:#f7fcfa}.dash{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.widget.full{grid-column:1/-1}@media (width<=900px){.dash{grid-template-columns:1fr}}.widget-tools{border-bottom:1px dashed var(--border);flex-wrap:wrap;align-items:center;gap:6px;padding-bottom:8px;display:flex}.widget-tools select{padding:4px 6px;font-size:12px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.kpi-card{border:1px solid var(--border);color:inherit;border-radius:10px;flex-direction:column;gap:2px;padding:12px;text-decoration:none;display:flex}.kpi-card:hover{border-color:var(--accent)}.kpi-card strong{font-size:24px}.menu-item{border-radius:6px;flex-direction:column;gap:2px;padding:6px 4px;display:flex}.menu-item:hover{background:#f3faf7}.appt-row{border-bottom:1px solid #f0f2f5;align-items:center;gap:10px;padding:6px 0;display:flex}.appt-row.cancelled{opacity:.5;text-decoration:line-through}.bar-row{grid-template-columns:130px 1fr auto;align-items:center;gap:8px;padding:3px 0;display:grid}.bar-label{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.bar{background:#eef1f4;border-radius:999px;height:10px;overflow:hidden}.bar span{background:var(--accent);border-radius:999px;height:100%;display:block}.title-input{background:0 0;border-color:#0000;padding:4px 6px;font-size:20px;font-weight:600}.title-input:hover{border-color:var(--border)}.builder{grid-template-columns:220px 1fr 300px;align-items:start;gap:16px;display:grid}@media (width<=1100px){.builder{grid-template-columns:1fr}}.palette{gap:4px;max-height:calc(100vh - 220px);overflow-y:auto}.palette h3{margin-top:8px}.pal-item{font:inherit;text-align:left;border:1px dashed var(--border);background:var(--surface);cursor:pointer;border-radius:8px;padding:6px 10px}.pal-item:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pal-item:disabled{opacity:.4;cursor:default}.canvas{gap:8px;min-height:300px}.fcard{border:1px solid var(--border);cursor:pointer;background:var(--surface);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.fcard.on{border-color:var(--accent);box-shadow:0 0 0 2px #e6f4ee}.fcard.heading{background:#fafbfc}.grip{color:var(--muted);cursor:grab;letter-spacing:-2px}.inspector{position:sticky;top:80px}.narrow-box{max-width:640px}.form-preview .form-heading{text-transform:none;color:var(--text);letter-spacing:0;margin:8px 0 0;font-size:15px}.secret-row{border-bottom:1px solid #e3f1ea;flex-wrap:wrap;align-items:center;gap:10px;padding:6px 0;display:flex}.secret-label{width:150px;color:var(--muted)}.mono{letter-spacing:.5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.segmented button:disabled{cursor:default;opacity:.6}.soon{color:var(--muted);background:#e3e8ee;border-radius:999px;margin-left:4px;padding:1px 6px;font-size:10px}.chip-btn{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:999px;padding:3px 10px;font-size:12px}.chip-btn.on{color:#0b7a55;background:#e7f6f0;border-color:#bfe6d6;font-weight:600}.inbox{grid-template-columns:320px minmax(0,1fr) 240px;gap:12px;height:calc(100vh - 210px);min-height:460px;margin-top:12px;display:grid}.inbox:not(:has(.inbox-side)){grid-template-columns:320px minmax(0,1fr)}.inbox .box{margin:0}.inbox-list{flex-direction:column;gap:6px;padding:10px;display:flex;overflow-y:auto}.inbox-search{width:100%}.inbox-filters{gap:4px}.conv{all:unset;cursor:pointer;border-left:3px solid #0000;border-radius:8px;align-items:flex-start;gap:8px;padding:8px;display:flex;position:relative}.conv:hover{background:#f3faf7}.conv.on{background:#e8f3ef}.conv.unread{border-left-color:var(--accent)}.conv.unread .conv-subject,.conv.unread strong{font-weight:700}.conv-icon{text-align:center;width:22px;color:var(--muted);padding-top:1px}.conv-body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.conv-top{justify-content:space-between;gap:6px;display:flex}.conv-top strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conv-subject,.conv-preview{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.conv-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;bottom:12px;right:8px}.inbox-thread{flex-direction:column;min-height:0;padding:12px;display:flex}.thread-top{border-bottom:1px solid var(--border);align-items:flex-start;margin-bottom:8px;padding-bottom:8px}.inbox-side{flex-direction:column;gap:8px;padding:12px;display:flex;overflow-y:auto}.only-mobile{display:none}.thread{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.thread-msgs{flex-direction:column;flex:1;gap:8px;min-height:120px;padding:4px 2px;display:flex;overflow-y:auto}.c360 .convo-box{min-height:420px}.thread-empty{text-align:center;margin-top:24px}.thread-subject{color:var(--muted);text-align:center;margin:8px 0 2px;font-size:12px;font-weight:600}.bubble{border:1px solid var(--border);background:#f1f4f7;border-radius:12px;max-width:85%;padding:8px 12px}.bubble.out{background:#e7f6f0;border-color:#bfe6d6;margin-left:auto}.bubble-head{overflow-wrap:anywhere;margin-bottom:4px}.bubble .pre{white-space:pre-wrap;overflow-wrap:anywhere}.quoted{margin-top:6px}.composer{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding-top:8px;display:flex}.composer-row{flex-wrap:wrap;gap:6px;display:flex}.composer-row>*{flex:1;min-width:160px}.composer textarea{resize:vertical;width:100%}.composer-off{border-top:1px solid var(--border);margin:0;padding-top:8px}@media (width<=1100px){:is(.inbox,.inbox:not(:has(.inbox-side))){grid-template-columns:280px minmax(0,1fr)}.inbox-side{display:none}}@media (width<=760px){:is(.inbox,.inbox:not(:has(.inbox-side))){grid-template-columns:1fr;height:auto}.inbox.has-thread .inbox-list,.inbox:not(.has-thread) .inbox-thread{display:none}.only-mobile{margin-bottom:6px;display:inline-flex}}.c360.two{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.c360 .convo-box{flex-direction:column;max-height:calc(100vh - 120px);display:flex;position:sticky;top:12px}.c360 .convo-box .thread{min-height:0}@media (width<=960px){.c360.two{grid-template-columns:1fr}.c360 .convo-box{max-height:none;position:static}}.ok-msg{color:#0b7a55;margin:0}.row-inline{flex-wrap:wrap;gap:8px;display:flex}.row-inline input{flex:1;min-width:220px}.pill.open{color:#8a5a00;background:#fff4dc}