:root{--bg:#fbfaf7;--surface:#fff;--surface-2:#f5f4ef;--border:#e8e6df;--text:#1f1f1c;--muted:#6b6a64;--accent:#0f6e56;--accent-hover:#0b5845;--accent-soft:#e1f5ee;--ok:#0f6e56;--ok-soft:#e1f5ee;--ko:#b42318;--ko-soft:#fdecea;--sidebar:#f5f4ef;--sidebar-text:#3d3d39;--sidebar-muted:#8a8880;--sidebar-active:#eae8e1;--sidebar-strong:#1f1f1c;--sidebar-line:#e2e0d8;--ink:#1f1f1c;--on-accent:#fff;--radius:10px;--shadow:0 1px 2px #1f1f1c0d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#191917;--surface:#201f1d;--surface-2:#262522;--border:#33322e;--text:#ecebe6;--muted:#a3a199;--accent:#3fb68f;--accent-hover:#5dcaa5;--accent-soft:#11352b;--ok:#5dcaa5;--ok-soft:#11352b;--ko:#f97066;--ko-soft:#3a1c1a;--sidebar:#151513;--sidebar-text:#cfcdc6;--sidebar-muted:#8a8880;--sidebar-active:#262522;--sidebar-strong:#f3f2ee;--sidebar-line:#2c2b28;--ink:#2c2b28;--on-accent:#0b1f19;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}h1{align-items:center;gap:10px;margin:0 0 4px;font-size:22px;display:flex}h2{margin:0 0 12px;font-size:16px}.muted{color:var(--muted)}.small{font-size:12px}.nowrap{white-space:nowrap}.hint{color:var(--muted);margin:8px 0 0;font-size:12.5px}.splash{height:100%;color:var(--muted);place-items:center;display:grid}.shell{grid-template-columns:260px 1fr;height:100%;display:grid}.sidebar{background:var(--sidebar);color:var(--sidebar-text);flex-direction:column;padding:16px 12px;display:flex;overflow-y:auto}.brand{color:var(--sidebar-strong);letter-spacing:-.01em;align-items:center;gap:10px;padding:4px 8px 18px;font-size:17px;font-weight:700;display:flex}.brand.big{color:var(--text);padding:0 0 6px;font-size:24px}.brand-mark{flex:none;place-items:center;width:30px;height:30px;display:grid}.brand-mark svg{width:100%;height:100%;display:block}nav{flex:1}.nav-title{text-transform:uppercase;letter-spacing:.06em;color:var(--sidebar-muted);padding:14px 8px 6px;font-size:11px}.nav-empty{color:var(--sidebar-muted);padding:4px 8px;font-size:13px}.nav-item{color:var(--sidebar-text);border-radius:7px;flex-direction:column;padding:7px 10px;display:flex}.nav-item:hover{background:var(--sidebar-active)}.nav-item.active{background:var(--sidebar-active);color:var(--sidebar-strong);box-shadow:inset 3px 0 0 var(--accent)}.nav-sub{color:var(--sidebar-muted);text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.sidebar-foot{border-top:1px solid var(--sidebar-line);justify-content:space-between;align-items:center;gap:8px;padding:12px 8px 0;display:flex}.who{flex-direction:column;min-width:0;display:flex}.who strong{color:var(--sidebar-strong);font-size:13px}.who span{color:var(--sidebar-muted);text-overflow:ellipsis;font-size:11px;overflow:hidden}.sidebar .btn.ghost{color:var(--sidebar-text);border-color:var(--sidebar-line)}.main{flex-direction:column;min-width:0;display:flex;overflow:hidden}.topbar{display:none}.content{flex:1;overflow-y:auto}.page{max-width:1040px;padding:28px 32px 60px}.page-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.page-head p{margin:0}.back{margin-bottom:10px;font-size:13px;display:inline-block}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:18px;padding:18px 20px}.cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:20px 0;display:grid}.link-card{color:var(--text);transition:border-color .15s;display:block}.link-card:hover{border-color:var(--accent)}.card-title{font-size:15px;font-weight:600}.pills{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.pill{background:var(--accent-soft);color:var(--accent);border-radius:99px;margin-left:6px;padding:1px 8px;font-size:11.5px;font-weight:500;display:inline-block}.pills .pill{margin-left:0}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.off{background:var(--surface-2);color:var(--muted);border:1px solid var(--border)}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-weight:500;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled,.btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.primary:hover:not(:disabled){background:var(--accent-hover)}.btn.ghost{background:0 0}.btn.danger-ghost{color:var(--ko);border-color:color-mix(in srgb, var(--ko) 35%, transparent);background:0 0}.btn.small{padding:4px 10px;font-size:12.5px}.btn.block{width:100%}.link-btn{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 0 0 8px;font-size:12.5px}.alert{border-radius:8px;margin:10px 0;padding:9px 12px;font-size:13px}.alert.ok{background:var(--ok-soft);color:var(--ok)}.alert.error{background:var(--ko-soft);color:var(--ko)}.form label,label{flex-direction:column;gap:4px;font-size:13px;font-weight:500;display:flex}.label{margin-bottom:4px;font-size:13px;font-weight:500}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;min-width:0;padding:8px 10px;font-weight:400}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}textarea{resize:vertical;font-family:ui-monospace,Cascadia Code,monospace;font-size:12.5px}label.check{flex-direction:row;align-items:center;gap:8px;margin:12px 0;font-weight:400}.grid2{grid-template-columns:1fr 1fr;gap:12px 16px;display:grid}.servers{border:1px solid var(--border);border-radius:8px;margin:16px 0 4px;padding:10px 14px 14px}.servers legend{padding:0 4px;font-size:13px;font-weight:600}.grid-server{grid-template-columns:2fr 90px 130px;gap:10px 12px;display:grid}.actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.inline-grid{grid-template-columns:2fr 2fr 1fr auto;align-items:end;gap:12px;display:grid}.inline-form{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.inline-form select{flex:1;min-width:220px}.tests{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.test-box .btn{width:100%}.folders-list{font-size:12.5px}.folders-list ul{margin:6px 0 0;padding-left:18px}.kv{grid-template-columns:180px 1fr;gap:6px 12px;margin-bottom:8px;font-size:13px;display:grid}.kv>span:nth-child(odd){color:var(--muted)}.status{white-space:nowrap;font-size:12.5px}.status:before{content:"";background:var(--border);border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.status.ok:before{background:var(--ok)}.status.ko{color:var(--ko)}.status.ko:before{background:var(--ko)}.status.none{color:var(--muted)}.table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;margin-bottom:18px;overflow:hidden}.card .table{border:0;margin:0}.table th{text-align:left;color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--border);padding:9px 12px;font-size:12px;font-weight:600}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 12px}.table tr:last-child td{border-bottom:0}.table.compact td{padding:7px 12px}.table select{padding:4px 8px}.table tr.dim{opacity:.55}.row-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.details{word-break:break-word;max-width:380px}.signature-preview{border:1px dashed var(--border);background:var(--surface-2);border-radius:8px;min-height:140px;padding:12px}.mail-placeholder{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-template-columns:200px 1fr;min-height:360px;display:grid;overflow:hidden}.folders{border-right:1px solid var(--border);background:var(--surface-2);padding:10px}.folder{color:var(--muted);border-radius:6px;padding:7px 10px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.empty-state p{max-width:420px}.empty-icon{color:var(--muted);margin-bottom:8px;font-size:34px}.login{place-items:center;min-height:100%;padding:24px 16px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:100%;max-width:400px;padding:30px 28px;box-shadow:0 10px 30px #1f1f1c14}.login-card>p{margin-top:0}.login-card .btn.primary{margin-top:14px;padding:11px}.dev-login{border-top:1px dashed var(--border);flex-direction:column;gap:10px;margin-top:22px;padding-top:18px;display:flex}.dev-badge{text-transform:uppercase;letter-spacing:.05em;color:#9a6700;background:#fff4d6;border-radius:99px;align-self:flex-start;padding:2px 8px;font-size:11px;font-weight:600}.link-box{border-color:var(--accent)}.link-row{gap:8px;margin-top:10px;display:flex}.link-row input{flex:1;font-family:ui-monospace,Cascadia Code,monospace;font-size:12.5px}.welcome{margin-top:10px}.compact-kv{grid-template-columns:130px 1fr;margin:14px 0 4px}.who:hover strong{text-decoration:underline}.org-switch{background:var(--sidebar-active);color:var(--sidebar-muted);text-transform:uppercase;letter-spacing:.06em;border-radius:8px;flex-direction:column;gap:4px;margin:0 4px 6px;padding:10px;font-size:11px;font-weight:500;display:flex}.org-switch strong{color:var(--sidebar-strong);text-transform:none;letter-spacing:0;font-size:14px}.org-switch select{background:var(--surface);color:var(--text);border-color:var(--sidebar-line);text-transform:none;letter-spacing:0;font-size:14px}.landing{background:var(--bg);flex-direction:column;min-height:100%;display:flex}.landing>main{flex:1}.landing-head,.landing-foot,.landing-main{width:100%;max-width:1080px;margin:0 auto;padding-left:24px;padding-right:24px}.landing-head{justify-content:space-between;align-items:center;padding-top:20px;padding-bottom:8px;display:flex}.landing-brand{color:var(--text);padding:0;font-size:17px}.landing-tag{color:var(--muted);border:1px solid var(--border);border-radius:99px;padding:3px 10px;font-size:12px}.landing-top{grid-template-columns:minmax(0,1.15fr) minmax(300px,380px);align-items:center;gap:64px;padding-top:56px;padding-bottom:48px;display:grid}.eyebrow{color:var(--accent);margin:0 0 14px;font-size:13px;font-weight:500}.landing-hero h1{letter-spacing:-.035em;margin:0 0 18px;font-size:clamp(34px,5vw,54px);font-weight:700;line-height:1.05;display:block}.landing-lead{color:var(--muted);max-width:540px;margin:0 0 26px;font-size:18px;line-height:1.55}.trust{flex-wrap:wrap;gap:10px 22px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.trust li{align-items:center;gap:7px;display:flex}.trust svg{width:17px;height:17px;color:var(--accent)}.landing-card{border-radius:14px;max-width:none;box-shadow:0 1px 2px #1f1f1c0a,0 12px 32px #1f1f1c0f}.landing-card h2{margin-bottom:4px;font-size:20px}.first-time{background:var(--surface-2);border-radius:8px;margin-top:18px;padding:12px 14px;font-size:13px}.first-time p{color:var(--muted);margin:4px 0 0}.faq{margin-top:10px;font-size:13px}.faq summary{cursor:pointer;color:var(--text);font-weight:500}.faq p{color:var(--muted);margin:6px 0 0}.landing-band{padding-bottom:72px}.preview{border:1px solid var(--border);background:var(--surface);-webkit-user-select:none;user-select:none;border-radius:14px;grid-template-columns:210px minmax(0,1fr);font-size:13px;display:grid;overflow:hidden;box-shadow:0 12px 40px #1f1f1c12}.preview-side{background:var(--surface-2);border-right:1px solid var(--border);flex-direction:column;gap:2px;padding:16px 10px;display:flex}.preview-label{color:var(--muted);padding:10px 8px 4px;font-size:11px}.preview-label:first-child{padding-top:0}.preview-box{color:var(--text);border-radius:6px;justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.preview-box.on{background:var(--border);font-weight:500}.preview-box b{color:var(--accent);font-size:11px;font-weight:600}.preview-list{padding:8px 0}.preview-row{border-bottom:1px solid var(--border);color:var(--muted);grid-template-columns:10px 150px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 20px;display:grid}.preview-row:last-child{border-bottom:0}.preview-row.unread{color:var(--text)}.preview-row.unread .preview-from,.preview-row.unread .preview-subject{font-weight:600}.preview-dot{border-radius:50%;width:7px;height:7px}.preview-row.unread .preview-dot{background:var(--accent)}.preview-from,.preview-subject{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-time{color:var(--muted);font-size:12px}.landing-section{padding-top:8px;padding-bottom:72px}.section-title{letter-spacing:-.02em;margin:0 0 28px;font-size:26px}.features{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 40px;margin:0;padding:0;list-style:none;display:grid}.features li{flex-direction:column;gap:6px;display:flex}.features strong{font-size:15px}.features p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.feature-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:9px;place-items:center;margin-bottom:6px;display:grid}.security{border:1px solid var(--border);background:var(--surface);border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin:0;padding:0;list-style:none;display:grid}.security li{border-right:1px solid var(--border);gap:12px;padding:20px;display:flex}.security li:last-child{border-right:0}.security svg{color:var(--accent);flex:none;margin-top:1px}.security strong{font-size:14px}.security p{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.5}.landing-foot{color:var(--muted);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:18px;padding-bottom:24px;font-size:13px;display:flex}.foot-links{gap:18px;display:flex}.landing-foot a,.landing-brand{color:inherit;text-decoration:none}.landing-foot a:hover{color:var(--text)}.landing-main.privacy{max-width:760px;padding-top:32px;padding-bottom:48px;line-height:1.65}.privacy h1{letter-spacing:-.02em;margin-bottom:4px}.privacy h2{margin:28px 0 8px;font-size:17px}.privacy ul{padding-left:20px}@media (width<=960px){.features{grid-template-columns:repeat(2,minmax(0,1fr))}.security li{border-right:0;border-bottom:1px solid var(--border)}.security li:last-child{border-bottom:0}}@media (width<=860px){.landing-top{grid-template-columns:minmax(0,1fr);gap:32px;padding-top:28px}.landing-head,.landing-foot,.landing-main{padding-left:16px;padding-right:16px}.landing-band,.landing-section{padding-bottom:48px}.preview{grid-template-columns:minmax(0,1fr)}.preview-side{display:none}.preview-row{grid-template-columns:8px minmax(0,1fr) auto;grid-template-areas:"dot from time""dot subject subject";gap:2px 10px;padding:12px 14px}.preview-dot{grid-area:dot}.preview-from{grid-area:from}.preview-subject{grid-area:subject}.preview-time{grid-area:time}}@media (width<=560px){.features{grid-template-columns:minmax(0,1fr)}.landing-lead{font-size:16px}}@media (prefers-color-scheme:dark){.landing-card,.preview{box-shadow:none}}.mail-nav{flex-direction:column;gap:1px;display:flex}.compose-btn{width:auto;margin:4px 4px 12px;padding:10px}.nav-item.row{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;font-size:13.5px}.nav-item.row>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-item.folder{padding-left:26px;font-size:13px}.badge{background:var(--accent);min-width:20px;color:var(--on-accent);text-align:center;border-radius:99px;flex:none;padding:0 6px;font-size:11px;font-weight:600;line-height:18px}.nav-box-head{width:100%;color:var(--sidebar-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:7px 8px;display:flex}.nav-box-head:hover{background:var(--sidebar-active)}.nav-box-name{flex-direction:column;flex:1;min-width:0;display:flex}.nav-box-name .nav-name{color:var(--sidebar-strong);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.caret{width:12px;color:var(--sidebar-muted);font-size:11px}.sync-dot{border-radius:50%;flex:none;width:8px;height:8px}.sync-dot.error{background:#f97066}.sync-dot.running{background:#6b8cff;animation:1.2s infinite pulse}@keyframes pulse{50%{opacity:.3}}.content:has(.mail){overflow:hidden}.mail{grid-template-columns:minmax(300px,400px) minmax(0,1fr);height:100%;min-height:0;display:grid}.mail-list{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;min-width:0;min-height:0;display:flex}.fab{display:none}.list-head{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding:14px 14px 8px;display:flex}.list-title{align-items:baseline;gap:8px;min-width:0;display:flex}.list-title h1{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:17px;overflow:hidden}.search input{background:var(--surface-2);border-radius:99px;width:100%;padding:7px 14px}.list-filters{align-items:center;gap:6px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:99px;padding:3px 10px;font-size:12px}.chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.spacer{flex:1}.icon-btn{min-width:32px;height:32px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0 6px;font-size:16px;text-decoration:none;display:inline-grid}.icon-btn:hover{background:var(--surface-2)}.star.on,.icon-btn.star.on{color:#e0a100}.mail-list .alert{margin:8px 12px 0}.alert.info{background:var(--accent-soft);color:var(--accent)}.alert.small{padding:7px 10px;font-size:12.5px}.msg-list{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.list-empty{text-align:center;padding:30px 16px}.list-more{text-align:center;padding:12px}.msg-item{text-align:left;border:0;border-bottom:1px solid var(--border);width:100%;font:inherit;color:var(--text);cursor:pointer;background:0 0;gap:10px;padding:11px 14px;display:flex}.msg-item:hover{background:var(--surface-2)}.msg-item.active{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.msg-item.unread .msg-from,.msg-item.unread .msg-subject{font-weight:700}.msg-item.unread .msg-date{color:var(--accent);font-weight:600}.avatar{color:#fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:15px;font-weight:600;display:grid}.avatar.small-av{width:34px;height:34px;font-size:14px}.draft-av{background:var(--surface-2);color:var(--muted);border:1px dashed var(--border)}.msg-main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.msg-top{justify-content:space-between;gap:8px;display:flex}.msg-from,.msg-subject,.msg-snippet{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.msg-from{font-size:13.5px}.msg-date{color:var(--muted);flex:none;font-size:12px}.msg-subject{font-size:13.5px}.msg-snippet{color:var(--muted);font-size:12.5px}.msg-icons{align-items:center;gap:6px;min-height:0;font-size:12px;display:flex}.msg-icons:empty{display:none}.box-tag{color:var(--muted);border:1px solid var(--border);border-radius:99px;padding:0 7px;font-size:11px}.mail-reader{background:var(--bg);min-height:0;overflow-y:auto}.reader-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;padding:30px;display:flex}.reader{max-width:980px;margin:0 auto;padding:0 24px 40px}.reader-toolbar{z-index:2;background:var(--bg);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;padding:10px 0;display:flex;position:sticky;top:0}.back-btn{display:none}.reader-head h2{margin:18px 0 12px;font-size:20px;line-height:1.3}.reader-from{align-items:flex-start;gap:12px;display:flex}.reader-meta{word-break:break-word;flex-direction:column;gap:2px;min-width:0;display:flex}.pill.subtle{background:var(--surface-2);color:var(--muted);border:1px solid var(--border)}.pill.warn{color:#9a6700;background:#fff4d6}.reader-atts,.compose-atts{flex-wrap:wrap;gap:8px;margin:14px 0 0;display:flex}.att-chip{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;align-items:center;gap:6px;max-width:100%;padding:6px 10px;font-size:13px;font-weight:400;text-decoration:none;display:inline-flex}.att-chip:hover{border-color:var(--accent)}.images-banner{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding:8px 12px;font-size:13px;display:flex}.mail-body{border:1px solid var(--border);border-radius:var(--radius);background:#fff;width:100%;margin-top:14px;display:block}.thread{margin-top:22px}.thread h3{color:var(--muted);margin:0 0 8px;font-size:13px;font-weight:600}.thread-item{text-align:left;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);font:inherit;cursor:pointer;border-radius:8px;grid-template-columns:auto 1fr;gap:2px 10px;margin-bottom:6px;padding:8px 12px;font-size:13px;display:grid}.thread-item.current{border-color:var(--accent);cursor:default}.thread-item.unread strong{color:var(--accent)}.thread-snippet{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;overflow:hidden}.composer-wrap{z-index:40;pointer-events:none;justify-content:flex-end;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.composer{pointer-events:auto;background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;width:min(760px,100%);max-height:calc(100vh - 32px);display:flex;overflow:hidden;box-shadow:0 20px 60px #1f1f1c47}.composer-wrap.min .composer{width:340px}.composer-head{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;gap:10px;padding:8px 8px 8px 16px;display:flex}.composer-head strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.composer-head .icon-btn{color:#fff}.composer-head .icon-btn:hover{background:#ffffff1f}.composer-head-actions{align-items:center;gap:4px;display:flex}.composer-head .muted{color:#aab4c8}.composer-fields{border-bottom:1px solid var(--border)}.cf-row{border-bottom:1px solid var(--border);flex-direction:row;align-items:center;gap:10px;padding:0 14px;font-weight:400;display:flex}.cf-row:last-child{border-bottom:0}.cf-row>span{width:56px;color:var(--muted);flex:none;font-size:13px}.cf-row input,.cf-row select{background:0 0;border:0;border-radius:0;outline:none;flex:1;padding:10px 0}.cf-row input:focus,.cf-row select:focus{box-shadow:none;outline:none}.editor-toolbar{border-bottom:1px solid var(--border);background:var(--surface-2);gap:2px;padding:6px 10px;display:flex}.editor-toolbar button{min-width:30px;height:28px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;font-size:13px}.editor-toolbar button:hover{background:var(--border)}.tb-sep{background:var(--border);width:1px;margin:4px 6px}.editor{color:#1f1f1c;background:#fff;outline:none;flex:1;min-height:240px;padding:14px 16px;font-size:14px;line-height:1.55;overflow-y:auto}.editor.loading{opacity:.5}.editor blockquote{color:#4a5568;border-left:3px solid #c9d1e1;margin:8px 0 8px 2px;padding-left:12px}.editor [data-mm-sig]{color:#4a5568}.compose-atts{padding:0 14px 4px}.composer-error{margin:8px 14px 0}.composer-foot{border-top:1px solid var(--border);align-items:center;gap:8px;padding:10px 14px;display:flex}.danger-text{color:var(--ko)}.toasts{z-index:60;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:#fff;border-radius:8px;padding:10px 16px;font-size:13.5px;box-shadow:0 8px 24px #1f1f1c4d}.toast.error{background:var(--ko)}.toast{pointer-events:auto;align-items:center;gap:12px;max-width:min(560px,100vw - 32px);display:flex}.toast span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.toast-action{color:#fff;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:6px;flex:none;padding:3px 10px;font-size:12.5px}.live-state{color:var(--sidebar-muted);align-items:center;gap:6px;padding:0 10px 8px;font-size:11.5px;display:flex}.live-dot{background:#8592ab;border-radius:50%;width:7px;height:7px}.live-state.on .live-dot{background:#4cc38a;box-shadow:0 0 0 3px #4cc38a2e}.page.wide{max-width:1280px}.reminder{color:#7a5200;background:#fff4d6;border-radius:8px;align-items:center;gap:10px;margin:12px 16px 0;padding:8px 12px;font-size:13px;display:flex}.reminder span{flex:1}.content:has(.mail) .reminder{display:none}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin:14px 0 18px;display:grid}.cat-card{text-align:left;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;flex-direction:column;align-items:flex-start;gap:2px;padding:14px;display:flex}.cat-card:hover:not(:disabled){border-color:var(--accent)}.cat-card:disabled{opacity:.45;cursor:default}.cat-card.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.cat-card.safe{background:var(--surface-2)}.cat-card strong{margin-top:4px;font-size:22px}.cat-icon{font-size:20px}.cat-label{font-size:13px;font-weight:500}.cleanup-bar{background:var(--surface);border-top:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:14px -20px -18px;padding:12px 20px;display:flex;position:sticky;bottom:0}.btn.danger{background:var(--ko);border-color:var(--ko);color:#fff}.job-progress{width:100%;margin-top:6px;display:block}.modal-back{z-index:70;background:#0a0e168c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:min(480px,100%);padding:20px 22px;box-shadow:0 20px 60px #1f1f1c59}.modal h2{margin-bottom:8px}.lead-tabs{flex-wrap:wrap;gap:6px;margin:8px 0 10px;display:flex}.lead-tools{gap:10px;margin-bottom:14px;display:flex}.lead-tools .search{flex:1}.leads{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}.leads.with-detail{grid-template-columns:minmax(0,1fr) minmax(320px,420px)}.table tr.clickable{cursor:pointer}.table tr.clickable:hover td{background:var(--surface-2)}.table tr.selected td{background:var(--accent-soft)}.ellipsis{text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.lead-detail{max-height:calc(100vh - 40px);position:sticky;top:12px;overflow-y:auto}.lead-actions{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.lead-form{flex-direction:column;gap:10px;display:flex}.lead-history{margin:0;padding:0;list-style:none}.lead-history li{border-bottom:1px solid var(--border);padding:8px 0;font-size:13px}.lead-history .muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dir-in{color:var(--ok)}.dir-out{color:var(--accent)}.pill.status-cliente{background:var(--ok-soft);color:var(--ok)}.pill.status-trattativa{color:#9a6700;background:#fff4d6}.pill.status-perso{background:var(--surface-2);color:var(--muted)}@media (width<=1100px){.leads.with-detail{grid-template-columns:minmax(0,1fr)}.lead-detail{max-height:none;position:static}}.drive-block{border-top:1px solid var(--border);margin-top:18px;padding-top:6px}.drive-setup{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:12px 14px}.copyable{background:var(--surface);border:1px solid var(--border);word-break:break-all;cursor:copy;border-radius:6px;margin:4px 0;padding:3px 8px;font-size:12.5px;display:inline-block}.help-link{border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:99px;padding:2px 9px;font-size:12px;font-weight:500}.help-link:hover{color:var(--accent);border-color:var(--accent)}.guide-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:22px;display:grid}.guide-index{flex-direction:column;gap:10px;display:flex;position:sticky;top:12px}.guide-index ul{margin:0;padding:0;list-style:none}.guide-index a{color:var(--text);border-radius:7px;padding:6px 10px;font-size:13.5px;display:block}.guide-index a:hover{background:var(--surface-2);color:var(--accent)}.guide-section{scroll-margin-top:12px;line-height:1.6}.guide-section h2{align-items:center;gap:8px;font-size:18px;display:flex}.guide-section h4{margin:16px 0 6px;font-size:14px}.guide-section ul,.guide-steps{margin:6px 0;padding-left:20px}.guide-section li{margin:4px 0}.guide-steps li::marker{color:var(--accent);font-weight:700}.guide-tip,.guide-warn{border-radius:8px;margin:12px 0;padding:10px 12px;font-size:13.5px}.guide-tip{background:var(--accent-soft);color:var(--text)}.guide-warn{background:var(--ko-soft);color:var(--ko)}.guide-faq dt{margin-top:12px;font-weight:600}.guide-faq dd{color:var(--muted);margin:4px 0 0}.guide code{background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:0 5px;font-size:12.5px}.live-dot.inline{vertical-align:middle;background:#4cc38a;display:inline-block}@media (width<=860px){.guide-layout{grid-template-columns:minmax(0,1fr)}.guide-index{position:static}}.sub-title{margin:18px 0 4px;font-size:14px}.sync-counts{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:12px 0;display:grid}.sync-counts div{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;padding:10px 12px}.sync-counts strong{font-size:20px;display:block}.sync-counts span{color:var(--muted);font-size:12px}@media (width<=1100px){.mail{grid-template-columns:minmax(0,1fr)}.mail:not(.has-reader) .fab{z-index:30;background:var(--accent);width:56px;height:56px;color:var(--on-accent);cursor:pointer;border:0;border-radius:16px;place-items:center;font-size:22px;display:grid;position:fixed;bottom:22px;right:18px;box-shadow:0 8px 24px #1f1f1c59}.mail.has-reader .mail-list,.mail:not(.has-reader) .mail-reader{display:none}.back-btn{display:inline-flex}.reader{padding:0 14px 30px}}@media (width<=860px){.content:has(.mail){height:calc(100vh - 53px)}.composer-wrap{align-items:stretch;padding:0}.composer{border-radius:0;width:100%;height:100%;max-height:none}.composer-wrap.min .composer{width:100%;height:auto;margin-top:auto}.shell{grid-template-columns:1fr}.sidebar{z-index:20;width:270px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.menu-open .sidebar{transform:none;box-shadow:0 0 0 100vmax #00000059}.topbar{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 16px;font-weight:600;display:flex}.page{padding:20px 16px 50px}.page-head{flex-direction:column}.grid2,.tests,.inline-grid{grid-template-columns:1fr}.link-row{flex-wrap:wrap}.link-row input{flex-basis:100%}.grid-server{grid-template-columns:1fr 80px}.grid-server label:nth-child(3n){grid-column:1/-1}.kv{grid-template-columns:1fr}.kv>span:nth-child(odd){margin-top:6px}.mail-placeholder{grid-template-columns:1fr}.folders{border-right:0;border-bottom:1px solid var(--border);display:flex;overflow-x:auto}.table{display:block;overflow-x:auto}}.kit-box{border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:14px 0 6px;padding:12px 14px;display:flex}.kit-box>div{flex:320px;min-width:0}.kit-box .hint{margin:4px 0 0}.problem-list{margin:6px 0 0;padding-left:18px}.hint.block{margin-top:2px;display:block}.inline-field{flex-direction:column;gap:4px;min-width:min(100%,320px);font-size:13px;display:flex}.reminder.danger{background:var(--ko-soft);color:var(--ko);border-color:var(--ko)}
