:root{--brand: #dc2626;--brand-dark: #991b1b;--brand-light: #fee2e2;--bg: #f8fafc;--surface: #ffffff;--surface-2: #f1f5f9;--border: #e2e8f0;--text: #0f172a;--text-muted: #64748b;--text-dim: #94a3b8;--accent: #f59e0b;--danger: #ef4444;--success: #10b981;--info: #3b82f6;--wa: #25d366;--wa-dark: #128c7e;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 4px 6px -1px rgb(0 0 0 / .07), 0 2px 4px -2px rgb(0 0 0 / .05);--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .05);--radius: 8px;--radius-lg: 12px}[data-theme=dark]{--bg: #0b1220;--surface: #111827;--surface-2: #1f2937;--border: #1f2937;--text: #f1f5f9;--text-muted: #94a3b8;--text-dim: #64748b;--brand-light: #450a0a}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);font-size:14px;overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit;color:inherit}.app{display:grid;grid-template-rows:56px 1fr;height:100dvh}.app{-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.reading-content,.reading-content *,.thread-msg-body,.rc-subject,.rc-from,.reading-subject,.drive-text-view,.drive-office-view,input,textarea,select,[contenteditable],.ql-editor,.ql-editor *{-webkit-user-select:text;-ms-user-select:text;user-select:text;-webkit-touch-callout:default}.app[data-banner=true]{grid-template-rows:56px auto 1fr}.org-banner{display:flex;align-items:center;gap:10px;padding:9px 18px;background:var(--brand-soft, rgba(220,38,38,.1));border-bottom:1px solid var(--border);color:var(--text);font-size:14px}.org-banner .ico-sm{color:var(--brand);flex-shrink:0}.org-banner-text{flex:1;min-width:0}.org-banner-x{font-size:20px;line-height:1;color:var(--text-muted);padding:0 6px;cursor:pointer;flex-shrink:0}.org-banner-x:hover{color:var(--text)}.topbar{background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;gap:12px;z-index:50;position:relative}.tb-mobile-only,.tb-msearch-back{display:none!important}.topbar-left{display:flex;align-items:center;gap:12px;flex:0 0 auto;min-width:0}.topbar-center{display:flex;align-items:center;justify-content:center;gap:8px;flex:1 1 auto;min-width:0}.topbar-center .search-wrap{max-width:700px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;min-width:220px}.sjpb-logo{height:40px;width:auto;display:block}.drive-app-name{font-weight:600;font-size:15px;color:var(--text-muted);letter-spacing:.2px}.drive-app .topbar-right{display:flex;align-items:center;gap:8px;margin-left:auto}.logo-wordmark{fill:var(--text)}.refresh-btn{margin:0 6px;flex-shrink:0}@media (max-width: 1200px){.sjpb-logo{height:34px}.brand{min-width:auto}}@media (max-width: 900px){.sjpb-logo{height:30px}}.brand-logo{width:36px;height:36px;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:13px;box-shadow:var(--shadow-sm);border:2px solid white}.search-wrap{flex:1;min-width:0;position:relative}.search{width:100%;height:40px;background:var(--surface-2);border:1px solid transparent;border-radius:var(--radius);padding:0 44px 0 40px;font-size:14px;transition:all .15s}.search:focus{background:var(--surface);border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #dc26261a}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-clear{position:absolute;right:42px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:18px;line-height:1}.search-adv{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted)}.search-adv:hover{background:var(--surface);color:var(--brand)}.search-filter-chip{display:flex;align-items:center;gap:8px;height:40px;padding:0 44px 0 40px;background:var(--brand-light, rgba(220,38,38,.1));border:1px solid var(--brand);border-radius:var(--radius)}.sfc-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:600;color:var(--text)}.sfc-x{flex-shrink:0;color:var(--text-muted);font-size:18px;line-height:1}.sfc-x:hover{color:var(--brand)}.icon-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:background .15s;position:relative}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn.active{background:var(--brand-light);color:var(--brand-dark)}[data-theme=dark] .icon-btn.active{color:#fca5a5}.icon-btn .badge{position:absolute;top:2px;right:2px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--surface)}.icon-btn .badge.green{background:var(--wa)}.topbar-right{display:flex;align-items:center;gap:4px;flex:0 0 auto;margin-left:auto}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;cursor:pointer;margin-left:4px}.avatar-photo{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.avatar-lg{width:64px;height:64px;font-size:22px;flex-shrink:0}.profile-photo-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.user-menu{position:relative}.user-dropdown{position:absolute;top:44px;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:220px;padding:8px;z-index:100}.user-dropdown-head{padding:8px 10px;border-bottom:1px solid var(--border);margin-bottom:6px}.user-dropdown-name{font-weight:600}.user-dropdown-email{font-size:12px;color:var(--text-muted)}.user-dropdown button{width:100%;text-align:left;padding:8px 10px;border-radius:6px;font-size:13px;display:flex;align-items:center;gap:8px}.user-dropdown button:hover{background:var(--surface-2)}.main{display:grid;grid-template-columns:240px 400px 1fr;overflow:hidden}@media (max-width: 1280px){.main{grid-template-columns:220px 360px 1fr}}.sidebar{background:var(--surface);border-right:1px solid var(--border);overflow-y:auto;padding:16px 8px}.compose-btn{width:100%;padding:12px 20px;background:var(--brand);color:#fff;border-radius:24px;font-weight:600;font-size:14px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow);transition:all .15s;margin-bottom:16px}.compose-btn:hover{background:var(--brand-dark);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.nav-section{margin-bottom:16px}.nav-section-title{padding:8px 16px 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);display:flex;justify-content:space-between;align-items:center}.nav-section-title button{font-size:14px;color:var(--text-muted)}.nav-row{position:relative;display:flex;align-items:center}.nav-row>.nav-item{flex:1;min-width:0}.nav-row-actions{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:1px;opacity:0;transition:opacity .12s;background:var(--surface);border-radius:7px;padding:1px}.nav-row:hover .nav-row-actions{opacity:1}.nav-row-actions button{padding:5px;border-radius:6px;color:var(--text-muted);display:flex}.nav-row-actions button:hover{background:var(--surface-2);color:var(--text)}@media (hover: none){.nav-row-actions{opacity:1;background:transparent}}@media (max-width: 1100px){.nav-row-actions{opacity:1;background:transparent}}.nav-item{width:100%;padding:8px 16px;border-radius:0 16px 16px 0;display:flex;align-items:center;gap:12px;color:var(--text);font-size:13px;font-weight:500;transition:background .1s;margin-right:8px}.nav-item:hover{background:var(--surface-2)}.nav-item.active{background:var(--brand-light);color:var(--brand-dark);font-weight:600}[data-theme=dark] .nav-item.active{color:#fca5a5}.nav-item-count{margin-left:auto;font-size:12px;font-weight:500;color:var(--text-muted)}.nav-item.active .nav-item-count{color:var(--brand-dark)}[data-theme=dark] .nav-item.active .nav-item-count{color:#fca5a5}.nav-item-color{width:10px;height:10px;border-radius:3px;margin-right:-2px}.label-form{margin:4px 12px 8px;padding:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;gap:8px}.label-form-name{width:100%;padding:7px 9px;font-size:13px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:6px}.label-form-name:focus{outline:none;border-color:var(--brand)}.label-form-swatches{display:flex;flex-wrap:wrap;gap:6px}.label-swatch{width:20px;height:20px;border-radius:5px;border:2px solid transparent;cursor:pointer}.label-swatch.selected{border-color:var(--text);box-shadow:0 0 0 2px var(--surface-2) inset}.label-swatch-custom{position:relative;overflow:hidden;padding:0;background:conic-gradient(red,orange,#ff0,#0f0,#0ff,#00f,#f0f,red)}.label-swatch-custom input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none;padding:0}.label-form-error{font-size:11px;color:var(--danger)}.label-form-actions{display:flex;justify-content:flex-end;gap:6px}.label-form-actions button{padding:5px 12px;font-size:12px;font-weight:600;border-radius:6px;cursor:pointer}.label-form-cancel{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.label-form-create{background:var(--brand);color:#fff;border:1px solid var(--brand)}.label-form-create:disabled{opacity:.5;cursor:default}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:24px}.settings-modal{width:min(560px,96vw);max-height:88vh;background:var(--surface);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0006}.settings-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border)}.settings-title{font-weight:700;font-size:16px;flex:1}.settings-close{color:var(--text-muted);display:flex}.settings-body{padding:18px;overflow:auto}.settings-section{display:flex;flex-direction:column;gap:6px}.settings-label{font-size:13px;font-weight:600}.settings-help{font-size:12px;color:var(--text-muted);margin-bottom:4px}.settings-textarea{width:100%;resize:vertical;min-height:110px;padding:10px 12px;font-size:13px;line-height:1.5;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:8px;font-family:inherit}.settings-textarea:focus{outline:none;border-color:var(--brand)}.settings-error{font-size:12px;color:var(--danger);margin-top:4px}.settings-foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid var(--border)}.settings-saved{margin-right:auto;font-size:13px;color:var(--success);font-weight:600}.settings-save{padding:8px 18px;font-size:13px;font-weight:600;background:var(--brand);color:#fff;border:1px solid var(--brand);border-radius:8px;cursor:pointer}.settings-save:disabled{opacity:.5;cursor:default}.compose-signature{color:var(--text-muted)}.snooze-menu{max-height:340px;overflow-y:auto}.snooze-menu button{display:flex;align-items:center;gap:8px}.snooze-menu-head{padding:6px 10px 4px;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--text-dim)}.snooze-unsnooze-dim{color:var(--text-dim)}.settings-modal-wide{width:min(780px,96vw);height:min(82vh,660px)}.settings-layout{display:flex;flex:1;overflow:hidden}.settings-tabs{width:180px;flex-shrink:0;padding:10px;overflow:auto;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:2px}.settings-tab{text-align:left;padding:8px 10px;border-radius:8px;font-size:13px;color:var(--text-muted);cursor:pointer}.settings-tab:hover{background:var(--surface-2)}.settings-tab.active{background:var(--surface-2);color:var(--text);font-weight:600}.settings-content{flex:1;overflow:auto;padding:18px 22px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--border)}.settings-row:last-child{border-bottom:none}.settings-row-label{font-size:13px;font-weight:600}.settings-row-hint{font-size:12px;color:var(--text-muted);margin-top:2px}.settings-row-control{flex-shrink:0}.settings-select{padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:13px}.settings-input{padding:7px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:13px;width:100%}.filter-list{display:flex;flex-direction:column;gap:8px;margin:6px 0 4px}.filter-empty{color:var(--text-dim);font-size:13px;padding:10px 0}.filter-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.filter-item.off{opacity:.55}.filter-item-main{flex:1;min-width:0}.filter-item-name{font-weight:600;font-size:13.5px}.filter-item-desc{font-size:12.5px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis}.filter-item-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.filter-form{display:flex;flex-direction:column}.filter-when{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.filter-kw{font-size:13px;font-weight:600;color:var(--text-muted)}.settings-avatar-preview{display:flex;align-items:center;gap:12px;margin-top:6px}.settings-inline-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:12px}.switch{width:40px;height:22px;border-radius:999px;background:var(--border);position:relative;cursor:pointer;transition:background .15s;flex-shrink:0}.switch.on{background:var(--brand)}.switch-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .15s}.switch.on .switch-knob{left:20px}.seg{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.seg button{padding:6px 14px;font-size:12px;font-weight:600;color:var(--text-muted);background:var(--surface);cursor:pointer}.seg button.active{background:var(--brand);color:#fff}.sig-toolbar{display:flex;gap:4px;align-items:center;padding:6px;border:1px solid var(--border);border-bottom:none;border-radius:8px 8px 0 0;background:var(--surface-2)}.sig-toolbar button,.sig-toolbar label{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;color:var(--text);font-size:14px}.sig-toolbar button:hover{background:var(--border)}.sig-editor{min-height:120px;padding:10px 12px;overflow:auto;border:1px solid var(--border);border-radius:0 0 8px 8px;font-size:13px;line-height:1.5;color:var(--text);background:var(--surface)}.sig-editor:focus{outline:none}.sig-editor:empty:before{content:attr(data-placeholder);color:var(--text-dim)}[data-density=compact] .email-row{padding-top:5px;padding-bottom:5px}.email-row[draggable=true]{cursor:grab}.email-row[draggable=true]:active{cursor:grabbing}.nav-item.drag-over{background:var(--brand-light);box-shadow:inset 0 0 0 2px var(--brand)}.topbar-dd{position:relative;display:inline-flex}.dd-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:200;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);width:300px;max-height:420px;overflow:auto;padding:6px}.dd-head{padding:8px 10px 6px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--text-dim)}.dd-empty{padding:16px 10px;font-size:13px;color:var(--text-muted);text-align:center}.dd-head-row{display:flex;align-items:center;justify-content:space-between}.dd-clear{font-size:11px;font-weight:600;color:var(--brand);cursor:pointer;text-transform:none;letter-spacing:0}.dd-clear:hover{text-decoration:underline}.bell-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:13px}.bell-item:hover{background:var(--surface-2)}.bell-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bell-time{color:var(--text-dim);font-size:11px;flex-shrink:0}.bell-remove{flex-shrink:0;width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:14px;line-height:1;cursor:pointer}.bell-remove:hover{background:var(--border);color:var(--text)}.apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px}.app-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;border-radius:10px;cursor:pointer;color:var(--text);font-size:12px;font-weight:600;position:relative}.app-tile:hover:not(.disabled){background:var(--surface-2)}.app-tile .ico{width:22px;height:22px;color:var(--brand)}.app-tile.disabled{opacity:.55;cursor:default}.app-tile em{position:absolute;top:4px;right:6px;font-style:normal;font-size:9px;font-weight:700;color:var(--text-dim);background:var(--surface-2);padding:1px 5px;border-radius:999px}.storage-meter{margin:16px;padding:12px;background:var(--surface-2);border-radius:var(--radius)}.storage-meter-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin:8px 0}.storage-meter-fill{height:100%;width:38%;background:linear-gradient(90deg,var(--brand),var(--brand-dark))}.storage-meter-text{font-size:11px;color:var(--text-muted);display:flex;justify-content:space-between}.storage-upgrade{color:var(--brand);font-weight:600;font-size:11px;cursor:pointer}.storage-upgrade:hover{text-decoration:underline}.list-pane{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.tabs{display:flex;border-bottom:1px solid var(--border);padding:0 12px;gap:2px;overflow-x:auto;flex-shrink:0}.tab{padding:12px 10px;font-size:12px;font-weight:500;color:var(--text-muted);border-bottom:2px solid transparent;display:flex;align-items:center;gap:6px;transition:all .15s;white-space:nowrap}.tab:hover{color:var(--text)}.tab.active{color:var(--brand);border-bottom-color:var(--brand)}.tab-count{background:var(--surface-2);color:var(--text-muted);font-size:10px;font-weight:600;padding:1px 5px;border-radius:8px}.tab.active .tab-count{background:var(--brand-light);color:var(--brand-dark)}.toolbar{padding:6px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:4px;flex-shrink:0}.toolbar-selecting{background:var(--brand-soft, rgba(220,38,38,.08))}.bulk-count{font-size:13px;font-weight:700;color:var(--brand);margin:0 6px 0 2px}.toolbar-btn{padding:6px 8px;border-radius:6px;display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted);transition:background .1s}.toolbar-btn:hover{background:var(--surface-2);color:var(--text)}.toolbar-btn:disabled{opacity:.4;cursor:default}.toolbar-spacer{flex:1}.list-count{font-size:11px;color:var(--text-muted);padding:0 6px}.list-folder{font-size:15px;font-weight:700;color:var(--text);padding:0 4px}.email-list{flex:1;overflow-y:auto}.list-pager{flex-shrink:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 14px;border-top:1px solid var(--border);background:var(--surface);font-size:13px}.list-pagesize{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted)}.list-pagesize select{border:1px solid var(--border);border-radius:7px;padding:4px 6px;background:var(--surface);color:var(--text);font-size:13px}.list-pagerange{color:var(--text-muted)}.list-pagenav{display:inline-flex;align-items:center;gap:3px;margin-left:auto}.list-pagenav button{min-width:30px;height:30px;padding:0 7px;border-radius:7px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13px}.list-pagenav button:hover:not(:disabled){background:var(--surface-2)}.list-pagenav button.active{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}.list-pagenav button:disabled{opacity:.4;cursor:default}.list-pagegap{color:var(--text-dim);padding:0 2px}.date-group-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:6px;width:100%;padding:8px 16px 7px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);background:var(--bg);border-bottom:1px solid var(--border);text-align:left;cursor:pointer}.date-group-head:hover{color:var(--text-muted)}.dgh-caret{width:14px;height:14px;transform:rotate(90deg);transition:transform .15s;color:var(--text-dim)}.date-group-head.collapsed .dgh-caret{transform:rotate(0)}.dgh-count{margin-left:auto;font-weight:600;color:var(--text-dim)}.email-row{padding:10px 14px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s;position:relative;display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start;background:var(--surface)}.email-row.checked{background:var(--brand-light)}.email-row:hover{background:var(--surface-2)}.email-row.selected{background:var(--brand-light);box-shadow:inset 3px 0 0 var(--brand)}.email-row.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--brand)}.email-row.unread .email-from,.email-row.unread .email-subject{font-weight:700}.email-row.read{color:var(--text-muted)}.email-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:15px;flex-shrink:0;padding:0;border:none;cursor:pointer;overflow:hidden;transition:transform .08s,box-shadow .1s}.email-avatar:active{transform:scale(.92)}.email-avatar img{width:100%;height:100%;object-fit:cover}.email-avatar.avatar-select{background:var(--surface-2)!important;border:2px solid var(--border);color:#fff}.email-avatar.avatar-select.checked{background:var(--brand)!important;border-color:var(--brand)}.email-row-content{min-width:0}.email-row-line1{display:flex;align-items:center;gap:6px;margin-bottom:2px}.email-from{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.email-time{font-size:11px;color:var(--text-muted);flex-shrink:0}.email-subject{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px}.email-preview{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.email-row-line3{display:flex;align-items:center;gap:4px;margin-top:6px}.label-chip{display:inline-block;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:600;color:#fff}.label-chip.work{background:#3b82f6}.label-chip.client{background:#10b981}.label-chip.internal{background:#8b5cf6}.label-chip.urgent{background:#ef4444}.label-chip.finance{background:#f59e0b}.label-chip.erp{background:#06b6d4}.attachment-icon,.star-icon{color:var(--text-muted)}.star-icon.starred{color:var(--accent)}.priority-flag{color:var(--danger)}.list-empty,.list-loading{padding:48px 24px;text-align:center;color:var(--text-dim);font-size:13px}.reading-pane{background:var(--bg);overflow-y:auto;display:flex;flex-direction:column}.reading-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:32px;gap:16px}.reading-empty-hero{width:100%;max-width:520px;text-align:center;padding:24px 0 8px}.reading-empty-icon{width:64px;height:64px;margin:0 auto 12px;background:var(--surface-2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-dim)}.reading-empty-title{font-size:16px;font-weight:600;color:var(--text-muted);margin-bottom:4px}.reading-empty-subtitle{font-size:13px;color:var(--text-dim)}.reading-empty-cards{width:100%;max-width:520px;display:flex;flex-direction:column;gap:12px}.rail-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.rail-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.rail-card-title{font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px}.rail-card-action{font-size:12px;color:var(--brand);font-weight:500}.calendar-event{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.calendar-event:last-child{border-bottom:none;padding-bottom:0}.event-time{flex-shrink:0;text-align:center;width:50px;font-size:11px;color:var(--text-muted)}.event-time-hour{font-weight:600;font-size:13px;color:var(--text);display:block}.event-details{flex:1}.event-title{font-size:13px;font-weight:500;margin-bottom:2px}.event-desc{font-size:11px;color:var(--text-muted)}.event-color{width:3px;align-self:stretch;border-radius:2px;background:var(--brand)}.event-color.purple{background:#8b5cf6}.event-color.amber{background:#f59e0b}.event-color.rose{background:#f43f5e}.drive-file{display:flex;align-items:center;gap:10px;padding:8px;border-radius:6px;transition:background .1s;cursor:pointer}.drive-file:hover{background:var(--surface-2)}button.drive-file{width:100%;text-align:left;background:none;border:none;font:inherit;color:inherit}.rail-soon{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);padding:1px 7px;border-radius:10px;margin-left:6px;vertical-align:middle}.file-icon{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:10px;color:#fff}.file-icon.pdf{background:#ef4444}.file-icon.xls{background:#16a34a}.file-icon.doc{background:#2563eb}.file-icon.img{background:#f59e0b}.file-icon.ppt{background:#ea580c}.file-icon.zip{background:#7c3aed}.file-icon.cad{background:#0891b2}.file-icon.gen{background:#64748b}.drive{grid-column:1 / -1;min-width:0;display:flex;overflow:hidden}.drive-nav{width:220px;flex-shrink:0;border-right:1px solid var(--border);padding:16px 10px;display:flex;flex-direction:column;gap:2px;background:var(--surface);overflow-y:auto}.drive-nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;font-size:14px;font-weight:600;color:var(--text);cursor:pointer;text-align:left}.drive-nav-item .ico{color:var(--text-muted);flex-shrink:0}.drive-nav-item:hover{background:var(--surface-2)}.drive-nav-item.active{background:var(--brand-soft, rgba(220,38,38,.12));color:var(--brand)}.drive-nav-item.active .ico{color:var(--brand)}.drive-nav-back{color:var(--brand);font-weight:600}.drive-nav-back .back-ico{transform:rotate(180deg);color:var(--brand)}.drive-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;position:relative}.drive-dropzone{position:absolute;top:10px;right:10px;bottom:10px;left:10px;z-index:30;border:2.5px dashed var(--brand);border-radius:14px;background:var(--brand-soft, rgba(220,38,38,.1));display:flex;align-items:center;justify-content:center;pointer-events:none}.drive-dropzone-inner{text-align:center;color:var(--brand)}.drive-dropzone-title{font-size:18px;font-weight:700;margin-top:8px}.drive-dropzone-sub{font-size:13px;color:var(--text-muted);margin-top:2px}.drive-folder-drop{outline:2px solid var(--brand);outline-offset:1px;background:var(--brand-soft, rgba(220,38,38,.12))}.crumb.crumb-drop{background:var(--brand-soft, rgba(220,38,38,.16));color:var(--brand);outline:1px dashed var(--brand)}.drive-file-row[draggable=true]{cursor:grab}.drive-topbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 20px;border-bottom:1px solid var(--border)}.drive-search{flex:1;min-width:200px;display:flex;align-items:center;gap:8px;position:relative;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:0 10px}.drive-search .search-icon{position:static;transform:none;top:auto;color:var(--text-muted);flex-shrink:0}.drive-sortdir{display:inline-flex;align-items:center;gap:5px;font-weight:600;font-size:13px;color:var(--text-muted)}.drive-sortdir .drive-arrow{font-size:12px;line-height:1;color:var(--brand)}.drive-search input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--text);font-size:14px;padding:9px 0}.drive-search .search-clear{color:var(--text-muted);font-size:18px;line-height:1;padding:0 4px;cursor:pointer}.drive-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.drive-select{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:0 6px 0 10px;color:var(--text-muted)}.drive-select select{border:none;outline:none;background:transparent;color:var(--text);font-size:13px;font-weight:600;padding:8px 4px;cursor:pointer}.drive-hero{padding:8px 2px 18px}.drive-hero-title{font-size:22px;font-weight:700;color:var(--text)}.drive-hero-sub{font-size:14px;color:var(--text-muted);margin-top:4px}.drive-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 20px;border-bottom:1px solid var(--border)}.drive-crumbs{display:flex;align-items:center;gap:4px;flex:1;min-width:0;flex-wrap:wrap}.drive-crumbs .crumb{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-size:14px;font-weight:600;color:var(--text);cursor:pointer}.drive-crumbs .crumb:hover{background:var(--surface-2);color:var(--brand)}.drive-crumbs .crumb-sep{color:var(--text-dim)}.drive-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.drive-upload-wrap{position:relative}.drive-upload-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:40;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg, 0 12px 30px rgba(0,0,0,.3));padding:6px;min-width:180px;display:flex;flex-direction:column}.drive-upload-menu button{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:7px;font-size:14px;color:var(--text);text-align:left;cursor:pointer}.drive-upload-menu button:hover{background:var(--surface-2)}.drive-actions .btn{display:inline-flex;align-items:center;gap:6px}.drive-body{flex:1;overflow-y:auto;padding:16px 20px 28px}.drive-section-h{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin:8px 2px 10px}.drive-grid{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.drive-folder{position:relative;display:inline-flex;align-items:center;gap:8px;padding:9px 12px;min-width:150px;max-width:460px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.drive-folder:hover{background:var(--surface-2)}.drive-folder-open{display:flex;align-items:center;gap:10px;flex:1;min-width:0;text-align:left;cursor:pointer;color:var(--text)}.drive-folder-open .ico{color:var(--brand);flex-shrink:0}.drive-folder-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drive-row-actions{display:flex;align-items:center;gap:2px;flex-shrink:0;opacity:0;transition:opacity .12s}.drive-folder:hover .drive-row-actions,.drive-file-row:hover .drive-row-actions{opacity:1}.drive-folder .drive-row-actions{position:absolute;top:1px;right:1px;bottom:1px;gap:2px;padding:0 8px 0 34px;border-radius:0 10px 10px 0;background:linear-gradient(to right,transparent,var(--surface-2) 40%)}.drive-row-actions button{padding:5px;border-radius:6px;color:var(--text-muted)}.drive-row-actions button:hover{background:var(--surface);color:var(--text)}.drive-row-menu{display:none;position:relative;flex-shrink:0}.drive-row-more{padding:8px;border-radius:8px;color:var(--text-muted);display:flex}.drive-row-more:hover{background:var(--surface);color:var(--text)}.drive-row-menu-pop{position:absolute;right:0;top:calc(100% + 2px);z-index:30;min-width:180px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg);padding:5px;display:flex;flex-direction:column}.drive-row-menu-pop button{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:7px;font-size:14px;color:var(--text);text-align:left}.drive-row-menu-pop button:hover{background:var(--surface-2)}.drive-row-menu-pop button.danger{color:var(--danger)}.drive-selbar{display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--brand-soft, rgba(220,38,38,.1));border-bottom:1px solid var(--border)}.drive-sel-count{font-size:14px;font-weight:600;color:var(--text)}.drive-selbar-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.drive-selbar-actions .toolbar-btn{padding:7px 11px}.drive-selbar-actions .drive-sel-del{color:var(--danger)}.drive-sel-mark{width:22px;height:22px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--border);background:var(--surface);color:#fff}.drive-sel-mark.on{background:var(--brand);border-color:var(--brand)}.drive-file-row.selected,.drive-folder.selected{background:var(--brand-soft, rgba(220,38,38,.12))}.drive-folder.selected{border-color:var(--brand)}.sel-bar{display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--brand-soft, rgba(220,38,38,.1));border-bottom:1px solid var(--border)}.sel-count{font-size:14px;font-weight:600;color:var(--text)}.sel-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.sel-actions .toolbar-btn{padding:7px 11px}.sel-actions .sel-del{color:var(--danger)}.sel-actions .toolbar-btn:disabled{opacity:.45;cursor:default}.sel-mark{width:22px;height:22px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--border);background:var(--surface);color:#fff}.sel-mark.on{background:var(--brand);border-color:var(--brand)}.contact-row.selected{background:var(--brand-soft, rgba(220,38,38,.12))}.cal-agenda-item.selected,.cal-chip.selected,.cal-event.selected{outline:2px solid var(--brand);outline-offset:1px}.drive-files{display:flex;flex-direction:column}.drive-file-row{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:8px;cursor:default}.drive-file-row:hover{background:var(--surface-2)}.drive-file-open{display:flex;align-items:center;gap:12px;flex:1;min-width:0;text-align:left;cursor:pointer;color:var(--text)}.drive-file-main{flex:1;min-width:0}.drive-file-name{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drive-file-meta{font-size:12px;color:var(--text-muted)}.drive-star{padding:5px;flex-shrink:0}.drive-empty{text-align:center;color:var(--text-muted);padding:64px 20px}.drive-empty .ico-xl{color:var(--text-dim)}.drive-empty-title{font-size:16px;font-weight:600;color:var(--text);margin-top:12px}.drive-empty-sub{font-size:13px;margin-top:4px}.drive-preview-modal{width:min(1000px,92vw);height:min(820px,88vh)}.drive-text-view{width:100%;height:100%;box-sizing:border-box;margin:0;overflow:auto;padding:16px;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;color:var(--text);background:var(--surface)}.drive-text-edit{width:100%;height:100%;box-sizing:border-box;border:none;outline:none;resize:none;padding:16px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;color:var(--text);background:var(--surface)}.drive-audio-wrap{display:flex;align-items:center;justify-content:center;height:100%;padding:24px}.drive-office-view{width:100%;height:100%;overflow:auto;padding:28px 34px;background:#fff;color:#1a1a1a;box-sizing:border-box;line-height:1.55;font-family:Calibri,Arial,Helvetica,sans-serif}.drive-office-view h1,.drive-office-view h2,.drive-office-view h3{color:#111;margin:.6em 0 .3em}.drive-office-view p{margin:0 0 .6em}.drive-office-view img{max-width:100%;height:auto}.drive-office-view table{border-collapse:collapse;margin:8px 0 16px;font-size:13px}.drive-office-view td,.drive-office-view th{border:1px solid #cbd0d8;padding:4px 8px;text-align:left;vertical-align:top}.drive-office-view .drive-sheet-name{font-size:13px;font-weight:700;color:var(--brand, #b91c1c);margin:14px 0 6px;font-family:Arial,sans-serif}[data-theme=dark] .drive-office-view{background:#f7f7f8}.drive-share-modal{width:min(520px,92vw);background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg, 0 20px 50px rgba(0,0,0,.4));overflow:hidden}.drive-share-body{padding:18px}.drive-share-help{font-size:13px;color:var(--text-muted);margin:0 0 12px}.drive-share-link{display:flex;gap:8px}.drive-share-link input{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);font-size:13px}.drive-share-remove{margin-top:12px;font-size:13px;color:var(--danger);cursor:pointer}.drive-share-remove:hover{text-decoration:underline}.drive-share-sec-h{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:10px}.drive-share-add{display:flex;gap:8px;align-items:center}.drive-share-add select{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);font-size:13px}.drive-share-add .drive-share-perm{flex:0 0 110px}.drive-grant-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.drive-grant-list li{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:8px;background:var(--surface-2)}.drive-grant-who{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.drive-grant-who strong{font-size:13px;font-weight:600;color:var(--text)}.drive-grant-who em{font-size:11px;color:var(--text-muted);font-style:normal}.drive-grant-perm{font-size:12px;color:var(--text-muted);flex-shrink:0}.drive-grant-remove{padding:4px;border-radius:6px;color:var(--text-muted);flex-shrink:0}.drive-grant-remove:hover{background:var(--surface);color:var(--danger)}.drive-badge{margin-left:8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--brand);background:var(--brand-soft, rgba(220,38,38,.12));padding:1px 6px;border-radius:10px;vertical-align:middle}.drive-folder-owner{font-size:11px;color:var(--text-muted);flex-shrink:0;margin-left:6px}.drive-ver-head{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap}.drive-ver-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:360px;overflow-y:auto}.drive-ver-list li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:var(--surface-2)}.drive-ver-main{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}.drive-ver-main strong{font-size:13px;font-weight:600;color:var(--text)}.drive-ver-main em{font-size:11px;color:var(--text-muted);font-style:normal}.drive-ver-restore{flex-shrink:0;padding:5px 12px;font-size:12px}.drive-picker{width:min(560px,94vw);max-height:80vh;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg, 0 20px 50px rgba(0,0,0,.4));display:flex;flex-direction:column;overflow:hidden}.drive-picker-crumbs{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--border);font-size:13px}.drive-picker-body{flex:1;overflow-y:auto;padding:6px;min-height:160px}.drive-picker-row{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:8px;cursor:pointer;text-align:left;color:var(--text)}.drive-picker-row:hover{background:var(--surface-2)}.drive-picker-row.selected{background:color-mix(in srgb,var(--brand) 14%,transparent)}.drive-picker-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}.drive-picker-size{color:var(--text-dim);font-size:12px;flex-shrink:0}.drive-picker-check{width:18px;height:18px;border:1.5px solid var(--border);border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:#fff;flex-shrink:0}.drive-picker-check.on{background:var(--brand);border-color:var(--brand)}.drive-picker-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-top:1px solid var(--border)}.drive-picker-count{font-size:13px;color:var(--text-muted)}.drive-picker-actions{display:flex;gap:8px}.file-info{flex:1;min-width:0}.file-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{font-size:11px;color:var(--text-muted)}.erp-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.erp-shortcut{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px;text-align:left;transition:all .15s}.erp-shortcut:hover{border-color:var(--brand);background:var(--brand-light)}[data-theme=dark] .erp-shortcut:hover{background:var(--surface-2)}.erp-shortcut-icon{width:28px;height:28px;border-radius:6px;background:var(--brand-light);color:var(--brand-dark);display:flex;align-items:center;justify-content:center;margin-bottom:8px}[data-theme=dark] .erp-shortcut-icon{color:#fca5a5}.erp-shortcut-title{font-size:12px;font-weight:600}.erp-shortcut-meta{font-size:11px;color:var(--text-muted);margin-top:2px}.reading-view{flex:1;display:flex;flex-direction:column;overflow:hidden}.reading-toolbar{padding:10px 16px;border-bottom:1px solid var(--border);background:var(--surface);display:flex;align-items:center;gap:4px;flex-shrink:0}.reading-toolbar .toolbar-btn{padding:6px 10px;font-size:13px}.reading-back-btn{display:none}.move-wrap{position:relative}.move-menu{position:absolute;top:36px;left:0;z-index:60;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:190px;padding:6px;max-height:340px;overflow-y:auto}.move-menu button{display:block;width:100%;text-align:left;padding:8px 10px;border-radius:6px;font-size:13px;color:var(--text)}.move-menu button:hover{background:var(--surface-2)}.move-menu button.selected{background:var(--surface-2);color:var(--brand);font-weight:600}.move-menu button.selected .ico-sm{color:var(--brand)}.thread-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:8px;border-radius:9px;background:var(--surface-2);color:var(--text-dim);font-size:11px;font-weight:700;line-height:1;vertical-align:middle}.reading-subject .thread-count{height:22px;min-width:22px;border-radius:11px;font-size:12px}.reading-content{flex:1;overflow-y:auto;padding:20px 28px}.meeting-card{border:1px solid var(--border);border-left:4px solid var(--brand);border-radius:12px;background:var(--surface);padding:14px 16px;margin:4px 0 16px}.meeting-card-head{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted)}.meeting-card-head .ico-sm{color:var(--brand)}.meeting-title{font-size:16px;font-weight:700;color:var(--text);margin:6px 0 8px}.meeting-meta{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--text-muted);margin:2px 0}.meeting-meta .ico-sm,.meeting-org{color:var(--text-dim)}.meeting-pin{font-size:12px}.meeting-note{width:100%;margin:10px 0 0;border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:13.5px;background:var(--surface);color:var(--text);resize:vertical}.meeting-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}.meeting-actions .meeting-decline{color:var(--danger)}.meeting-note-toggle{font-size:13px;color:var(--brand);margin-left:4px}.meeting-done{margin-top:10px;display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--text);background:var(--brand-soft, rgba(220,38,38,.1));padding:8px 12px;border-radius:8px}.meeting-done .ico-sm{color:var(--brand)}.meeting-cancelled{border-left-color:var(--text-muted);opacity:.95}.meeting-cancelled .meeting-card-head .ico-sm{color:var(--text-muted)}.meeting-cancelled .meeting-title{text-decoration:line-through;color:var(--text-muted)}.reading-compact{flex-shrink:0;display:flex;flex-direction:column;gap:4px;padding:8px 18px;background:var(--surface);border-bottom:1px solid var(--border)}.reading-compact .rc-text{cursor:pointer}.reading-compact .rc-text:hover .rc-subject{color:var(--brand)}.rc-subject{font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rc-from{font-size:11px;color:var(--text-muted)}.attachment-row.rc-attach{padding:0;background:transparent;border-top:none}.attach-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:24px}.attach-modal{width:min(960px,96vw);height:min(85vh,900px);background:var(--surface);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0006}.attach-modal-head{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border)}.attach-modal-title{font-weight:600;font-size:14px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach-modal-actions{display:flex;gap:6px;flex-shrink:0}.attach-modal-body{flex:1;overflow:auto;background:var(--surface-2);display:flex;align-items:center;justify-content:center}.attach-modal-body img{max-width:100%;max-height:100%;object-fit:contain}.attach-modal-body iframe{width:100%;height:100%;border:none;background:#fff}.attach-modal-msg{padding:40px;text-align:center;color:var(--text-muted);display:flex;flex-direction:column;align-items:center}.bulk-menu{min-width:220px;max-height:360px;overflow-y:auto}.bulk-menu .bulk-sep{padding:6px 10px 2px;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--text-dim)}.bulk-menu .bulk-empty{padding:4px 10px;font-size:12px;color:var(--text-dim)}.bulk-menu .bulk-divider{height:1px;background:var(--border);margin:6px 0}.bulk-menu .bulk-danger{color:var(--danger)}.bulk-menu .lbl-dot{display:inline-block;width:10px;height:10px;border-radius:3px}.bulk-actions{display:inline-flex;align-items:center;gap:2px}.bulk-ico{width:34px;height:34px;border-radius:8px;color:var(--text-muted)}.bulk-ico:hover{background:var(--surface-2);color:var(--text)}.bulk-sub-toggle{display:flex;align-items:center;gap:8px}.bulk-sub-toggle .bulk-caret{margin-left:auto;color:var(--text-dim);font-size:11px}.bulk-submenu{display:flex;flex-direction:column;background:var(--surface-2);border-radius:6px;margin:2px 6px;padding:2px}.bulk-submenu button{padding:8px 10px;border-radius:5px;font-size:13px}.bulk-submenu button:hover{background:var(--surface)}.reading-subject{font-size:22px;font-weight:700;margin-bottom:12px;line-height:1.3}.reading-labels{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.thread-msg{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:12px;overflow:hidden}.thread-msg-head{padding:14px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border)}.thread-msg-avatar{width:40px;height:40px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.thread-msg-from{font-weight:600;font-size:14px}.thread-msg-to{font-size:12px;color:var(--text-muted)}.thread-msg-time{margin-left:auto;font-size:12px;color:var(--text-muted)}.thread-msg-body{padding:18px;line-height:1.65;font-size:14.5px;color:#1f2937;background:#fff;white-space:pre-wrap}.msg-actions{display:inline-flex;align-items:center;gap:2px;margin-right:6px}.msg-actions .move-wrap{display:inline-flex}.msg-actions .move-menu{left:auto;right:0;top:32px}.msg-action{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;flex-shrink:0}.msg-action:hover{background:var(--surface-2);color:var(--text);border-color:var(--border)}.msg-action.starred{color:#f59e0b}.msg-action:focus-visible{outline:2px solid var(--brand);outline-offset:1px}@media (max-width: 700px){.msg-actions{margin-right:2px;gap:0}.msg-action{width:32px;height:32px}}.mail-html{width:100%;border:0;min-height:80px;background:#fff;display:block;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.img-trust{display:flex;align-items:center;gap:10px;margin:0 14px;padding:8px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;font-size:13px;color:var(--text-muted)}.img-trust .ico-sm{color:var(--text-muted);flex-shrink:0}.img-trust-text{flex:1;min-width:0}.img-trust-btn{flex-shrink:0;padding:5px 12px;border-radius:7px;background:var(--brand);color:#fff;font-weight:600;font-size:12.5px}.img-trust-btn:hover{filter:brightness(1.06)}.sender{display:flex;gap:14px;padding:16px 18px;align-items:flex-start;border-bottom:1px solid var(--border)}.sender-avatar{width:44px;height:44px;border-radius:50%;color:#fff;font-weight:600;font-size:15px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sender-main{flex:1;min-width:0}.sender-line{display:flex;align-items:baseline;gap:10px}.sender-name{font-weight:600;font-size:15px;color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sender-name-wrap{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sender-time{font-size:12px;color:var(--text-muted);flex-shrink:0}.sender-line-right{margin-left:auto;display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.sender-line-right .attachment-icon{color:var(--text-muted)}.sender{cursor:pointer}.sender-details{cursor:default}.thread-msg.collapsed .sender{align-items:center;padding-top:12px;padding-bottom:12px;border-bottom:none}.thread-msg.collapsed:hover{background:var(--surface-2)}.thread-msg.collapsed .sender-name-wrap{max-width:60%}.thread-msg-peek{flex:1;min-width:0;font-size:13px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rc-time{color:var(--text-muted)}.sender-meta{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:var(--text-muted);margin-top:2px;max-width:100%}.sender-meta:hover{color:var(--text)}.sender-meta-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sender-caret{transition:transform .15s;flex-shrink:0}.sender-caret.open{transform:rotate(90deg)}.sender-details{margin-top:10px;padding:12px 14px;background:var(--surface-2);border-radius:var(--radius);font-size:12.5px;color:var(--text)}.sd-row{display:flex;gap:10px;padding:3px 0}.sd-row span{flex-shrink:0;width:44px;color:var(--text-muted);font-weight:500}.sd-row div{min-width:0;word-break:break-word}.contact-chip{position:relative}.contact-chip:hover{cursor:pointer;text-decoration:underline;text-decoration-style:dotted}.contact-card{position:fixed;z-index:200;width:260px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-weight:400;color:var(--text);cursor:default;text-decoration:none;white-space:normal}.cc-head{display:flex;gap:10px;align-items:center;margin-bottom:10px}.cc-avatar{width:40px;height:40px;border-radius:50%;color:#fff;font-weight:600;font-size:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.cc-id{display:flex;flex-direction:column;min-width:0}.cc-name{font-weight:600;font-size:14px}.cc-email{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis}.cc-company{font-size:12px;color:var(--text-dim)}.cc-actions{display:flex;gap:8px}.cc-actions button{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--border);border-radius:6px;font-size:12px;color:var(--text)}.cc-actions button:hover{border-color:var(--brand);color:var(--brand)}.cc-saved{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--success)}.thread-msg-body p{margin-bottom:10px}.thread-msg-body p:last-child{margin-bottom:0}.attachment-row{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;overflow:hidden}.att-clip{color:var(--text-muted);flex-shrink:0}.attachment-row.chips{padding:6px 18px;gap:6px;flex-wrap:nowrap;overflow-x:auto}.rc-count{margin-left:8px;vertical-align:middle}.rc-pos{color:var(--text-muted)}.attachment-row.chips .attachment-pill{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;padding:3px 9px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:12px;cursor:pointer;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-row.chips .attachment-pill:hover{border-color:var(--brand);color:var(--brand)}.att-tile{display:flex;flex-direction:column;gap:0;width:108px;flex-shrink:0;padding:0;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:#fff;cursor:pointer;text-align:left}.att-tile:hover{border-color:var(--brand);box-shadow:0 1px 4px #00000014}.att-tile:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.att-tile-preview{display:flex;align-items:center;justify-content:center;height:54px;background:#f3f4f6;overflow:hidden}.att-tile-preview img{width:100%;height:100%;object-fit:cover;display:block}.att-tile-preview .file-icon{width:32px;height:32px;font-size:10px;border-radius:5px}.att-tile-meta{display:flex;flex-direction:column;padding:5px 7px;min-width:0}.att-tile-name{font-size:11.5px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.att-tile-size{font-size:10.5px;color:#6b7280}.att-more{flex-shrink:0;min-width:38px;height:79px;padding:0 9px;border:1px dashed var(--border);border-radius:8px;background:#fff;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer}.att-more:hover{border-color:var(--brand);color:var(--brand)}.att-less{transform:rotate(180deg)}@media (max-width: 700px){.attachment-row{padding:10px 14px;gap:6px}.att-tile{width:100px}.att-tile-preview{height:48px}}.btn{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:all .15s}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-dark)}.btn-ghost{color:var(--text)}.btn-ghost:hover{background:var(--surface-2)}.btn-outline{border:1px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--brand);color:var(--brand)}.btn-wa{background:var(--wa);color:#fff}.btn-wa:hover{background:var(--wa-dark)}.compose-window{position:fixed;bottom:0;right:24px;width:560px;height:540px;background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;z-index:90}.compose-window.minimized{height:44px}.compose-dropzone{position:absolute;top:0;right:0;bottom:0;left:0;z-index:120;background:color-mix(in srgb,var(--surface) 82%,transparent);border:2px dashed var(--accent, #2563eb);border-radius:inherit;display:flex;align-items:center;justify-content:center;pointer-events:none}.compose-dropzone-inner{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--accent, #2563eb);font-weight:600;font-size:15px}.compose-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:95}.compose-window.expanded{top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:min(920px,94vw);height:min(88vh,840px);border-radius:var(--radius-lg);z-index:100}@media (max-width: 700px){.compose-window,.compose-window.expanded,.compose-window.minimized{top:0!important;left:0!important;right:0!important;bottom:0!important;transform:none!important;width:100%!important;height:100%!important;max-width:none!important;border-radius:0!important;z-index:120!important}}.email-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000080;display:flex;align-items:center;justify-content:center;padding:24px}.email-modal{position:relative;display:flex;width:min(1100px,96vw);height:min(92vh,1000px);background:var(--surface);border-radius:12px;overflow:hidden;box-shadow:0 24px 70px #00000073}.email-modal .reading-pane{flex:1;min-width:0;height:100%}.email-modal-close{position:absolute;top:10px;right:12px;z-index:5;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;cursor:pointer;color:var(--text-muted);background:var(--surface-2)}.email-modal-close:hover{background:var(--border);color:var(--text)}.compose-head{background:var(--text);color:#fff;padding:10px 16px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;align-items:center;font-weight:500;font-size:13px;cursor:pointer}[data-theme=dark] .compose-head{background:var(--surface-2)}.compose-head-actions{margin-left:auto;display:flex;gap:4px}.compose-head-actions button{color:#fff;padding:4px;opacity:.8}.compose-head-actions button:hover{opacity:1}.compose-body{flex:1;display:flex;flex-direction:column;padding:12px 16px;overflow:hidden}.compose-field{border-bottom:1px solid var(--border);padding:11px 2px;display:flex;align-items:center;font-size:14px}.compose-label{color:var(--text-muted);min-width:60px;font-size:13px}.compose-field input{flex:1;border:none;background:transparent;outline:none;font-size:14px;line-height:1.4}.compose-field input::placeholder{color:var(--text-dim)}.compose-from{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:var(--text);cursor:pointer}.compose-ccbcc{display:flex;gap:10px;flex-shrink:0;padding-left:8px}.compose-ccbcc button{font-size:12px;font-weight:500;color:var(--text-muted)}.compose-ccbcc button:hover{color:var(--brand)}.compose-toolbar .btn-outline{padding:7px 12px;font-size:13px}.compose-text{flex:1;border:none;background:transparent;outline:none;resize:none;padding:12px 0;font-size:14px;line-height:1.6}.toolbar-btn.bulk-danger{color:var(--danger)}.toolbar-btn.active{background:var(--surface-2);border-color:var(--border)}.compose-attachments{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0 2px}.attach-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--border);border-radius:16px;background:var(--surface-2);font-size:12px;max-width:240px}.attach-chip .attach-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach-chip .attach-size{color:var(--text-dim);flex-shrink:0}.attach-chip button{color:var(--text-dim);flex-shrink:0;cursor:pointer}.attach-chip button:hover{color:var(--danger)}.attach-chip.uploading{border-style:dashed;opacity:.85}.attach-chip.uploading .attach-size{color:var(--brand)}.compose-editor{flex:1;min-height:0;display:flex;flex-direction:column}.compose-editor .ql-container{flex:1;min-height:0;overflow-y:auto;border:none;font-family:inherit;font-size:14.5px}.compose-editor .ql-editor{padding:12px 2px;min-height:140px;color:var(--text);line-height:1.6;font-family:Arial,Helvetica Neue,sans-serif}.compose-editor .ql-editor.ql-blank:before{color:var(--text-dim);font-style:normal;left:2px;right:2px}.compose-editor .ql-editor a{color:var(--brand)}.compose-editor .ql-editor img{max-width:100%;height:auto}.compose-format{display:flex;align-items:center;gap:2px;flex-wrap:nowrap;overflow:visible;padding:6px 8px;margin:6px 16px 0;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.compose-format button{min-width:28px;height:28px;padding:0 7px;flex-shrink:0;border:1px solid transparent;border-radius:6px;font-size:13.5px;color:var(--text-muted);cursor:pointer;background:transparent;display:inline-flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.compose-format button:hover{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.compose-format .cf-select{height:28px;flex-shrink:0;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-size:12px;padding:0 6px;cursor:pointer}.compose-format .cf-color{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:13.5px;font-weight:700;color:var(--text-muted);flex-shrink:0}.compose-format .cf-color:hover{background:var(--surface);color:var(--text)}.compose-format .cf-color input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.compose-format .cf-hilite{background:#fde68a;color:#1f2937}.compose-format .cf-sep{width:1px;height:18px;background:var(--border);margin:0 4px;flex-shrink:0}.compose-format .cf-icon-btn .ico-sm{width:16px;height:16px}.cf-size-ico{display:inline-flex;align-items:baseline;gap:1px;line-height:1;font-weight:700}.cf-size-ico .cf-t-sm{font-size:11px}.cf-size-ico .cf-t-lg{font-size:16px}.cf-color-a{display:inline-flex;font-weight:700;border-bottom:3px solid;border-image:linear-gradient(90deg,#dc2626,#2563eb,#16a34a) 1;line-height:1.2;padding-bottom:1px}.cf-pop-wrap{position:relative;display:inline-flex;flex-shrink:0}.cf-pop{position:absolute;bottom:calc(100% + 6px);left:0;z-index:50;max-width:90vw;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg, 0 12px 32px rgba(0,0,0,.18));padding:6px}.cf-pop.cf-pop-right{left:auto;right:0}.cf-font-btn{padding:0 8px;min-width:0}.cf-font-name{font-size:12.5px;font-weight:600;white-space:nowrap;max-width:116px;overflow:hidden;text-overflow:ellipsis}.cf-font-menu{display:flex;flex-direction:column;min-width:172px}.cf-font-menu button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:7px 10px;border-radius:6px;color:var(--text);font-size:14px}.cf-font-menu button:hover{background:var(--surface-2)}.cf-font-check{width:16px;display:inline-flex;justify-content:center;flex-shrink:0;color:var(--brand)}.cf-size-menu{display:flex;flex-direction:column;min-width:130px}.cf-size-menu button{width:100%;text-align:left;padding:7px 12px;border-radius:6px;color:var(--text);line-height:1.1;white-space:nowrap}.cf-size-menu button:hover{background:var(--surface-2)}.cf-colorpop{display:flex;gap:14px;padding:4px}.cf-colorcol{display:flex;flex-direction:column;gap:6px}.cf-colorcol-h{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.cf-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.cf-swatches button{width:20px;height:20px;border-radius:5px;border:1px solid var(--border);cursor:pointer}.cf-swatches button:hover{transform:scale(1.08)}.cf-custom{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted);cursor:pointer}.cf-custom input{width:22px;height:20px;padding:0;border:1px solid var(--border);border-radius:5px;cursor:pointer;background:none}.cf-more-menu{display:flex;flex-direction:column;min-width:178px}.cf-more-menu button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:7px 10px;border-radius:6px;color:var(--text);font-size:13px}.cf-more-menu button:hover{background:var(--surface-2)}.cf-more-ico{display:inline-flex;align-items:center;justify-content:center;width:18px;flex-shrink:0}.sig-rich{display:flex;flex-direction:column;height:230px;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface);margin-top:4px}.sig-rich .compose-editor{flex:1;min-height:0}.sig-rich .compose-editor .ql-editor{padding:12px 14px}.sig-rich .compose-format{margin:0;border-radius:0;border-width:1px 0 0 0}.compose-toolbar .cf-toggle{font-weight:700;font-size:14px;padding:6px 9px;line-height:1}.compose-editor .ql-editor blockquote{border-left:3px solid var(--border);margin:0;padding:0 0 0 14px;color:var(--text-muted)}.compose-editor .ql-editor :not(blockquote)+blockquote{margin-top:10px}.compose-editor .ql-editor blockquote+:not(blockquote){margin-top:10px}.compose-toolbar{padding:8px 16px;border-top:1px solid var(--border);display:flex;gap:8px;align-items:center}.compose-send{background:var(--brand);color:#fff;border-radius:6px;padding:8px 18px;font-weight:600}.compose-send:hover{background:var(--brand-dark)}.compose-send:disabled{opacity:.6;cursor:default}.chat-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;z-index:110;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.chat-panel{position:fixed;top:0;right:0;bottom:0;width:420px;background:var(--surface);box-shadow:-8px 0 24px #0000001f;z-index:120;display:flex;flex-direction:column}.chat-header{background:var(--wa-dark);color:#fff;padding:14px 16px;display:flex;align-items:center;gap:12px;flex-shrink:0}.chat-header-title{font-weight:600;flex:1;display:flex;align-items:center;gap:8px}.chat-header-close{background:#ffffff26;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.chat-header-close:hover{background:#ffffff40}.chat-status{font-size:11px;background:#ffffff26;padding:2px 8px;border-radius:10px}.chat-link-screen{flex:1;padding:24px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;overflow-y:auto}.chat-link-title{font-size:18px;font-weight:600;margin-bottom:8px}.chat-link-sub{font-size:13px;color:var(--text-muted);margin-bottom:20px;line-height:1.5}.qr-wrap{width:240px;height:240px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;position:relative}.qr-svg{width:100%;height:100%}.qr-instructions{font-size:12px;color:var(--text-muted);text-align:left;width:100%;max-width:280px;background:var(--surface-2);padding:12px 14px;border-radius:var(--radius);line-height:1.7}.qr-instructions ol{padding-left:18px;margin:4px 0}.qr-instructions li{margin-bottom:4px}.chat-link-btn{margin-top:16px;background:var(--wa);color:#fff;padding:10px 20px;border-radius:6px;font-weight:600;font-size:13px}.chat-link-btn:hover{background:var(--wa-dark)}.chat-disclaimer{margin-top:16px;font-size:11px;color:var(--text-dim);max-width:300px;line-height:1.5}.chat-linked{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-search-wrap{padding:8px 12px;background:var(--surface-2);flex-shrink:0}.chat-search-input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:6px 14px;font-size:13px;outline:none}.chat-list{flex:1;overflow-y:auto}.chat-row{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;gap:12px;cursor:pointer;align-items:center}.chat-row:hover,.chat-row.active{background:var(--surface-2)}.chat-avatar{width:44px;height:44px;border-radius:50%;background:var(--wa);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0;position:relative}.chat-avatar.business:after{content:"✓";position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;background:var(--info);color:#fff;border-radius:50%;font-size:10px;border:2px solid var(--surface);display:flex;align-items:center;justify-content:center}.chat-row-info{flex:1;min-width:0}.chat-row-line1{display:flex;align-items:center;gap:6px;margin-bottom:2px}.chat-row-name{flex:1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-row-time{font-size:11px;color:var(--text-muted);flex-shrink:0}.chat-row-line2{display:flex;align-items:center;gap:6px}.chat-row-preview{flex:1;font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-row-unread{background:var(--wa);color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;padding:0 5px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-thread{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column;z-index:5}.chat-thread-header{padding:10px 16px;background:var(--wa-dark);color:#fff;display:flex;align-items:center;gap:12px;flex-shrink:0}.chat-thread-back{color:#fff;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.chat-thread-back:hover{background:#ffffff26}.chat-thread-name{font-weight:600;font-size:14px}.chat-thread-status{font-size:11px;opacity:.9}.chat-thread-body{flex:1;overflow-y:auto;padding:16px;background:#ece5dd;background-image:radial-gradient(circle at 10% 20%,rgba(255,255,255,.4) 1px,transparent 1px),radial-gradient(circle at 70% 60%,rgba(255,255,255,.3) 1px,transparent 1px);background-size:24px 24px;display:flex;flex-direction:column}[data-theme=dark] .chat-thread-body{background:#0b1020}.chat-bubble{max-width:75%;padding:7px 11px;border-radius:8px;margin-bottom:8px;font-size:13px;line-height:1.4;box-shadow:0 1px 1px #00000014;position:relative}.chat-bubble.incoming{background:#fff;color:#111;align-self:flex-start;border-radius:0 8px 8px}.chat-bubble.outgoing{background:#d9fdd3;color:#111;margin-left:auto;border-radius:8px 0 8px 8px}.chat-bubble-time{font-size:10px;color:#667781;margin-left:8px;float:right;margin-top:4px}.chat-input-bar{padding:8px 12px;background:var(--surface-2);display:flex;align-items:center;gap:8px;flex-shrink:0}.chat-input{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:8px 16px;font-size:13px;outline:none}.chat-send{width:40px;height:40px;background:var(--wa);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-send:hover{background:var(--wa-dark)}.ico{width:18px;height:18px;flex-shrink:0}.ico-sm{width:14px;height:14px;flex-shrink:0}.ico-lg{width:20px;height:20px;flex-shrink:0}.ico-xl{width:28px;height:28px;flex-shrink:0}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);padding:12px 20px;border-radius:var(--radius);box-shadow:var(--shadow-lg);font-size:13px;font-weight:500;z-index:200;animation:toastIn .3s ease}@keyframes toastIn{0%{transform:translate(-50%,20px);opacity:0}to{transform:translate(-50%);opacity:1}}.reminder-alert-stack{position:fixed;top:70px;left:50%;transform:translate(-50%);z-index:250;display:flex;flex-direction:column;gap:10px;width:min(440px,94vw);pointer-events:none}.reminder-alert{pointer-events:auto;position:relative;display:flex;gap:12px;align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--brand);border-radius:12px;box-shadow:var(--shadow-lg);padding:14px 16px;animation:reminderPop .22s cubic-bezier(.2,.9,.3,1.3)}@keyframes reminderPop{0%{transform:scale(.92) translateY(-6px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.reminder-alert-icon{width:38px;height:38px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--brand-soft, rgba(220,38,38,.12));color:var(--brand)}.reminder-alert-main{flex:1;min-width:0}.reminder-alert-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted)}.reminder-alert-text{font-size:14.5px;font-weight:600;color:var(--text);margin:2px 0 10px;word-break:break-word}.reminder-alert-actions{display:flex;gap:8px}.reminder-alert-x{position:absolute;top:8px;right:8px;padding:4px;border-radius:6px;color:var(--text-muted)}.reminder-alert-x:hover{background:var(--surface-2);color:var(--text)}.reminder-snooze-wrap{position:relative}.reminder-snooze-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:5;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg);padding:6px;min-width:160px;max-height:240px;overflow-y:auto}.reminder-snooze-head{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);padding:6px 10px 4px}.reminder-snooze-menu button{display:block;width:100%;text-align:left;padding:8px 10px;border-radius:6px;font-size:13px;color:var(--text)}.reminder-snooze-menu button:hover{background:var(--surface-2)}.adv-modal{width:min(560px,96vw);max-height:92vh;background:var(--surface);color:var(--text);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 70px #00000073}.adv-body{padding:18px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.adv-row{display:flex;gap:10px;flex-wrap:wrap}.adv-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-muted);flex:1;min-width:120px}.adv-field.adv-grow{flex:2}.adv-field input,.adv-field select{padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);font:inherit;font-size:14px}.adv-checks{display:flex;gap:18px;flex-wrap:wrap;font-size:14px;color:var(--text)}.adv-check{display:inline-flex;align-items:center;gap:7px;cursor:pointer}.adv-note{font-size:12px;color:var(--text-dim);line-height:1.4}.sync-phone-btn .ico{color:var(--brand)}.sync-modal{width:min(440px,96vw);background:var(--surface);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0006}.sync-body{padding:18px;display:flex;flex-direction:column;gap:14px}.sync-lead{font-size:14px;color:var(--text);line-height:1.5;margin:0}.sync-muted{font-size:13px;color:var(--text-muted)}.sync-link{display:flex;gap:8px}.sync-link input{flex:1;min-width:0;font-size:13px;padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text)}.sync-go{width:100%;justify-content:center;text-align:center}.sync-steps{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--text-muted);line-height:1.45}.sync-steps strong{color:var(--text)}.install-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;background:#00000073;display:flex;align-items:flex-end;justify-content:center;padding:16px;animation:toastIn .25s ease}@media (min-width: 701px){.install-backdrop{align-items:center}}.install-card{position:relative;width:min(420px,100%);background:var(--surface);color:var(--text);border-radius:16px;padding:24px 22px 20px;box-shadow:0 24px 70px #00000073;text-align:center}.install-x{position:absolute;top:10px;right:12px;font-size:22px;line-height:1;color:var(--text-muted);background:none;border:0;cursor:pointer}.install-icon{border-radius:14px;box-shadow:0 4px 14px #0000002e}.install-title{font-size:18px;font-weight:700;margin-top:12px}.install-text{font-size:14px;color:var(--text-muted);margin:8px 0 18px;line-height:1.5}.install-actions{display:flex;gap:10px;justify-content:center}.install-go{background:var(--brand);color:#fff;border:0;padding:11px 26px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer}.install-later{background:var(--surface-2);color:var(--text);border:0;padding:11px 22px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer}.install-ios-steps{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--surface-2);border-radius:10px;padding:10px 12px;margin-bottom:16px;font-size:13px;font-weight:600;color:var(--text)}.install-ios-share{color:var(--brand);display:inline-flex}.install-ios-arrow{color:var(--text-muted)}.login-screen{height:100dvh;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 600px at 100% 0%,rgba(220,38,38,.1),transparent 60%),radial-gradient(1000px 500px at 0% 100%,rgba(220,38,38,.08),transparent 55%),var(--bg);padding:24px}.login-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:32px}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.login-brand-text{font-weight:700;font-size:18px;line-height:1.1}.login-brand-sub{font-size:11px;font-weight:500;color:var(--text-muted);letter-spacing:.3px}.login-title{font-size:20px;font-weight:700;margin-bottom:4px}.login-subtitle{font-size:13px;color:var(--text-muted);margin-bottom:24px}.login-field{margin-bottom:16px}.login-field label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:6px}.login-field input{width:100%;height:42px;background:var(--surface-2);border:1px solid transparent;border-radius:var(--radius);padding:0 14px;font-size:14px;transition:all .15s}.login-field input:focus{background:var(--surface);border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #dc26261a}.login-submit{width:100%;height:44px;background:var(--brand);color:#fff;border-radius:var(--radius);font-weight:600;font-size:14px;margin-top:8px;transition:background .15s}.login-submit:hover{background:var(--brand-dark)}.login-submit:disabled{opacity:.6;cursor:default}.login-error{background:var(--brand-light);color:var(--brand-dark);border-radius:var(--radius);padding:10px 12px;font-size:13px;margin-bottom:16px}.login-hint{margin-top:20px;padding-top:16px;border-top:1px solid var(--border);font-size:12px;color:var(--text-dim);line-height:1.6}.login-footer{text-align:center;margin-top:16px;font-size:11px;color:var(--text-dim)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.contacts-module{grid-column:2 / -1;display:grid;grid-template-columns:340px 1fr;overflow:hidden;background:var(--bg)}.contacts-list-pane{border-right:1px solid var(--border);display:flex;flex-direction:column;background:var(--surface);overflow:hidden}.contacts-head{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--border)}.contacts-head .back-ico{transform:rotate(180deg)}.contacts-title{font-size:16px;font-weight:700}.contacts-count{font-size:12px;color:var(--text-muted);background:var(--surface-2);padding:1px 8px;border-radius:999px}.contacts-new{margin-left:auto;padding:6px 12px;font-size:13px}.contacts-search{position:relative;padding:10px 14px;border-bottom:1px solid var(--border)}.contacts-search input{width:100%;height:36px;padding:0 30px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);font-size:13px}.contacts-search input:focus{outline:none;border-color:var(--brand)}.contacts-search .search-icon{position:absolute;left:24px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-dim)}.contacts-search .search-clear{position:absolute;right:22px;top:50%;transform:translateY(-50%);color:var(--text-dim);font-size:18px;cursor:pointer}.contacts-list{flex:1;overflow-y:auto}.contacts-empty{padding:24px;text-align:center;color:var(--text-muted);font-size:13px}.contact-row{width:100%;display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;border-bottom:1px solid var(--border);text-align:left}.contact-row:hover{background:var(--surface-2)}.contact-row.active{background:var(--brand-light);box-shadow:inset 3px 0 0 var(--brand)}.contact-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;flex-shrink:0}.contact-row-main{display:flex;flex-direction:column;min-width:0}.contact-row-name{font-weight:600;font-size:14px;display:flex;align-items:center;gap:6px}.fav-star{color:var(--accent);width:13px;height:13px}.contact-row-sub{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contacts-detail{overflow-y:auto;padding:28px 32px}.contacts-detail-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--text-dim)}.contacts-detail-empty .ico-xl{width:56px;height:56px}.contacts-detail-back{display:none}@media (max-width: 700px){.contacts-module{grid-template-columns:1fr}.contacts-module[data-detail=closed] .contacts-detail,.contacts-module[data-detail=open] .contacts-list-pane{display:none}.contacts-detail{padding:14px 16px 24px}.contacts-detail-back{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:6px 2px 12px;margin:0;color:var(--brand);font-size:15px;font-weight:600;cursor:pointer}.contacts-detail-back .back-ico{transform:rotate(180deg);width:18px;height:18px}}.contact-card-view{max-width:560px}.ccv-head{display:flex;align-items:center;gap:16px;margin-bottom:20px}.ccv-avatar{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:22px;flex-shrink:0}.ccv-headtext{flex:1;min-width:0}.ccv-name{font-size:22px;font-weight:700}.ccv-sub{font-size:13px;color:var(--text-muted)}.ccv-actions{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.ccv-delete{color:var(--danger)}.ccv-fields{display:flex;flex-direction:column;gap:14px}.ccv-row{display:flex;gap:12px;font-size:14px}.ccv-label{width:90px;flex-shrink:0;color:var(--text-muted);font-size:13px}.ccv-row a{color:var(--brand);cursor:pointer}.contact-form{max-width:520px;display:flex;flex-direction:column;gap:14px}.contact-form-title{font-size:18px;font-weight:700;margin-bottom:4px}.cf-label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;color:var(--text-muted)}.cf-label input,.cf-label textarea{font-size:14px;font-weight:400;color:var(--text);padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-family:inherit}.cf-label input:focus,.cf-label textarea:focus{outline:none;border-color:var(--brand)}.contact-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.calendar-module{grid-column:2 / -1;display:flex;flex-direction:column;overflow:hidden;background:var(--surface)}.cal-head{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);flex-wrap:wrap}.cal-head .back-ico{transform:rotate(180deg)}.cal-today{padding:6px 14px;font-size:13px}.cal-title{font-size:16px;font-weight:700;margin:0 6px}.cal-viewswitch{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-left:auto}.cal-viewswitch button{padding:6px 14px;font-size:13px;font-weight:600;color:var(--text-muted)}.cal-viewswitch button.active{background:var(--brand);color:#fff}.cal-new{padding:6px 12px;font-size:13px}.cal-month{flex:1;display:flex;flex-direction:column;overflow:hidden}.cal-month-head{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--border)}.cal-month-dow{padding:6px;text-align:center;font-size:11px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.cal-month-grid{flex:1;display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;overflow:auto}.cal-cell{border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:4px;min-height:92px;cursor:pointer;display:flex;flex-direction:column;gap:3px;overflow:hidden}.cal-cell:hover{background:var(--surface-2)}.cal-cell.dim{background:var(--bg)}.cal-cell-num{align-self:flex-start;font-size:12px;font-weight:600;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.cal-cell.dim .cal-cell-num{color:var(--text-dim)}.cal-cell-num.today{background:var(--brand);color:#fff}.cal-cell-events{display:flex;flex-direction:column;gap:2px;overflow:hidden}.cal-chip{font-size:11px;color:#fff;padding:2px 6px;border-radius:4px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-chip-time{font-weight:700;opacity:.9;margin-right:2px}.cal-more{font-size:11px;color:var(--text-muted);text-align:left;padding:0 6px}.cal-time{flex:1;display:flex;flex-direction:column;overflow:hidden}.cal-time-head{display:flex;border-bottom:1px solid var(--border)}.cal-time-gutter{width:56px;flex-shrink:0}.cal-time-dayhead{flex:1;text-align:center;padding:6px 4px;border-left:1px solid var(--border);display:flex;flex-direction:column}.ctd-dow{font-size:11px;color:var(--text-dim);text-transform:uppercase;font-weight:700}.ctd-num{font-size:18px;font-weight:600}.cal-time-dayhead.today .ctd-num{color:var(--brand)}.cal-allday{display:flex;border-bottom:1px solid var(--border)}.cal-allday-label{display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--text-dim)}.cal-allday-col{flex:1;border-left:1px solid var(--border);padding:2px;display:flex;flex-direction:column;gap:2px;min-height:26px}.cal-time-body{flex:1;display:flex;overflow-y:auto;position:relative}.cal-hour-label{font-size:10px;color:var(--text-dim);text-align:right;padding-right:6px;transform:translateY(-6px)}.cal-day-col{flex:1;border-left:1px solid var(--border);position:relative}.cal-hour-cell{border-bottom:1px solid var(--border);cursor:pointer}.cal-hour-cell:hover{background:var(--surface-2)}.cal-event{position:absolute;left:2px;right:2px;border-radius:6px;color:#fff;padding:3px 7px;text-align:left;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,.25)}.cal-event-title{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-event-time{font-size:10px;opacity:.9}.cal-event-loc{font-size:10px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-modal{width:min(480px,96vw);max-height:90vh;background:var(--surface);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0006}.cal-form{padding:18px;display:flex;flex-direction:column;gap:12px;overflow:auto}.cal-form-title{font-size:16px;font-weight:600;padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}.cal-form-title:focus{outline:none;border-color:var(--brand)}.cal-row-toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}.cal-form-row{display:flex;gap:10px}.cal-form-row .cf-label{flex:1}.cal-colors{display:flex;gap:6px;margin-top:5px}.cal-color{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer}.cal-color.selected{border-color:var(--text);box-shadow:0 0 0 2px var(--surface) inset}.cal-del{margin-right:auto}.cal-agenda{flex:1;overflow-y:auto;padding:8px 0 24px}.cal-agenda-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--text-dim);padding:40px}.cal-agenda-empty .ico-xl{width:52px;height:52px}.cal-agenda-day{display:flex;gap:14px;padding:10px 16px;border-bottom:1px solid var(--border)}.cal-agenda-date{flex-shrink:0;width:48px;text-align:center;display:flex;flex-direction:column;align-items:center;line-height:1.1;padding-top:4px}.cal-agenda-dow{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--text-dim);letter-spacing:.5px}.cal-agenda-num{font-size:22px;font-weight:700}.cal-agenda-mon{font-size:10px;color:var(--text-dim);text-transform:uppercase}.cal-agenda-date.today .cal-agenda-num{color:#fff;background:var(--brand);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin:0 auto}.cal-agenda-items{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.cal-agenda-item{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:10px;background:var(--surface-2);text-align:left;width:100%}.cal-agenda-item:hover{background:var(--border)}.cal-agenda-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.cal-agenda-time{font-size:12px;font-weight:600;color:var(--text-muted);flex-shrink:0;min-width:58px}.cal-agenda-title{font-size:14px;font-weight:600;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-agenda-tag{font-size:9px;font-weight:700;color:var(--brand);background:var(--brand-light);padding:1px 6px;border-radius:999px;margin-left:8px;text-transform:uppercase}.cal-agenda-loc{font-size:12px;color:var(--text-dim);flex-shrink:0;max-width:30%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 700px){.cal-head{gap:6px 8px;padding:10px 12px}.cal-title{margin:0 0 0 2px;font-size:15px;white-space:nowrap}.cal-viewswitch{margin-left:0}.cal-new{margin-left:auto}.cal-vs-week{display:none}.cal-cell{min-height:58px;padding:3px}.cal-cell-num{width:22px;height:22px;font-size:12px}.cal-cell-events{flex-direction:row;flex-wrap:wrap;gap:3px;align-content:flex-start}.cal-chip{font-size:0;width:7px;height:7px;padding:0;border-radius:50%}.cal-chip-time{display:none}.cal-more{font-size:9px;padding:0;line-height:7px}}.contact-group-head{display:flex;align-items:center;gap:8px;padding:8px 16px 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-dim);position:sticky;top:0;background:var(--surface);z-index:1}.contact-dir-badge{font-size:9px;font-weight:700;text-transform:none;letter-spacing:0;color:var(--brand);background:var(--brand-light);padding:1px 6px;border-radius:999px}[data-theme=dark] .contact-dir-badge{color:#fca5a5}.ccv-name .contact-dir-badge{margin-left:10px;vertical-align:middle}.ccv-note{font-size:12px;color:var(--text-muted);background:var(--surface-2);border-radius:8px;padding:10px 12px;margin-bottom:18px}.contact-co-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.mini-cal{padding:4px 6px 12px}.mini-cal-head{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 8px}.mini-cal-title{font-size:13px;font-weight:700}.mini-cal-nav{display:flex;gap:2px}.mini-cal-nav button{width:24px;height:24px;border-radius:6px;color:var(--text-muted);display:flex;align-items:center;justify-content:center}.mini-cal-nav button:hover{background:var(--surface-2)}.mini-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.mini-cal-dow{font-size:10px;color:var(--text-dim);text-align:center;padding:2px 0;font-weight:600}.mini-cal-day{font-size:11px;height:26px;border-radius:6px;color:var(--text);display:flex;align-items:center;justify-content:center}.mini-cal-day:hover{background:var(--surface-2)}.mini-cal-day.dim{color:var(--text-dim)}.mini-cal-day.today{color:var(--brand);font-weight:700}.mini-cal-day.sel{background:var(--brand);color:#fff;font-weight:700}.mini-cal-day.sel.today{color:#fff}.recip-wrap{position:relative;flex:1}.recip-box{display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:100%;cursor:text}.recip-box input{flex:1 1 120px;min-width:120px;width:auto;border:none;background:transparent;outline:none;font-size:14px;color:var(--text);line-height:1.4}.recip-chip{display:inline-flex;align-items:center;gap:4px;max-width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:2px 4px 2px 10px;font-size:12.5px;line-height:1.7;color:var(--text)}.recip-chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.recip-chip-x{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;flex-shrink:0;color:var(--text-muted);font-size:14px;line-height:1;cursor:pointer}.recip-chip-x:hover{background:var(--border);color:var(--text)}.recip-bordered .recip-box{border:1px solid var(--border);border-radius:8px;padding:7px 9px;background:var(--surface)}.recip-bordered .recip-box:focus-within{border-color:var(--brand)}.recip-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:200;min-width:280px;max-width:360px;max-height:280px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg);padding:4px}.recip-item{width:100%;display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:7px;text-align:left}.recip-item.hi,.recip-item:hover{background:var(--surface-2)}.recip-avatar{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12px}.recip-text{display:flex;flex-direction:column;min-width:0}.recip-name{font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.recip-email{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-empty{padding:10px 14px;color:var(--text-muted);font-size:13px}.rail-subhead{padding:8px 14px 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-dim)}.cal-attendees .recip-box{border:1px solid var(--border);border-radius:8px;padding:7px 9px;background:var(--surface)}.cal-attendees .recip-box:focus-within{border-color:var(--brand)}.ccv-recent{margin-top:22px}.ccv-recent-head{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-dim);margin-bottom:8px}.ccv-recent-row{width:100%;display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:8px;text-align:left;font-size:13px}.ccv-recent-row:hover{background:var(--surface-2)}.ccv-recent-subj{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--brand)}.ccv-recent-time{color:var(--text-dim);font-size:12px;flex-shrink:0}.app-switch{display:flex;gap:2px;margin-left:4px;flex-shrink:0}.app-switch-btn{display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:8px;color:var(--text-muted);font-size:13px;font-weight:600}.app-switch-btn:hover{background:var(--surface-2);color:var(--text)}.app-switch-btn.active{background:var(--brand-light);color:var(--brand-dark)}[data-theme=dark] .app-switch-btn.active{color:#fca5a5}.app-switch-btn .ico{width:18px;height:18px}@media (max-width: 1150px){.app-switch-label{display:none}.app-switch-btn{padding:7px 9px}}.chat-soon{padding:34px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}.chat-soon-icon{width:72px;height:72px;border-radius:50%;background:#25d3661f;color:var(--wa);display:flex;align-items:center;justify-content:center}.chat-soon-icon .ico-xl{width:38px;height:38px}.chat-soon-title{font-size:18px;font-weight:700}.chat-soon-sub{font-size:13px;color:var(--text-muted);line-height:1.5;max-width:340px}.chat-soon-list{list-style:none;text-align:left;display:flex;flex-direction:column;gap:8px;margin:4px 0;font-size:13px}.chat-soon-list li{display:flex;align-items:center;gap:8px}.chat-soon-list .ico-sm{color:var(--wa);flex-shrink:0}.chat-soon-note{font-size:12px;color:var(--text-dim);max-width:320px;line-height:1.5}.tour-block{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2999}.tour-dim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;z-index:3000}.tour-spot{position:fixed;z-index:3000;border-radius:10px;pointer-events:none;box-shadow:0 0 0 9999px #0f172a8c,0 0 0 2px var(--brand);transition:top .2s,left .2s,width .2s,height .2s}.tour-tip{position:fixed;z-index:3001;width:320px;max-width:calc(100vw - 24px);background:var(--surface);color:var(--text);border-radius:12px;box-shadow:0 20px 50px #0006;padding:16px}.tour-step{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--brand)}.tour-title{font-size:16px;font-weight:700;margin:4px 0 6px}.tour-body{font-size:13px;color:var(--text-muted);line-height:1.5}.tour-actions{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.tour-skip{font-size:12px;color:var(--text-muted)}.tour-skip:hover{color:var(--text)}.tour-nav{display:flex;gap:8px}.tour-nav .btn{padding:6px 14px;font-size:13px}.pw-field{position:relative}.pw-field input{width:100%;padding-right:40px}.pw-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--text-muted)}.pw-eye:hover{background:var(--surface-2);color:var(--text)}.pw-strength{margin:2px 0 6px}.pw-strength-bar{height:6px;background:var(--surface-2);border-radius:999px;overflow:hidden}.pw-strength-fill{height:100%;border-radius:999px;transition:width .2s}.pw-strength-fill.lvl-1{background:#ef4444}.pw-strength-fill.lvl-2{background:#f59e0b}.pw-strength-fill.lvl-3{background:#eab308}.pw-strength-fill.lvl-4{background:#16a34a}.pw-strength-text{display:flex;gap:8px;margin-top:5px;font-size:11px;flex-wrap:wrap}.pw-strength-label{font-weight:700}.pw-strength-label.lvl-1{color:#ef4444}.pw-strength-label.lvl-2{color:#f59e0b}.pw-strength-label.lvl-3{color:#b45309}.pw-strength-label.lvl-4{color:#16a34a}.pw-strength-hint{color:var(--text-dim)}.login-panel{width:min(420px,94vw)}.login-logo{display:flex;justify-content:center;margin-bottom:20px}.login-logo .sjpb-logo{height:46px}.login-card{text-align:center}.login-card form{text-align:left}.login-title{font-size:22px}.login-subtitle{margin-bottom:22px}.login-row{display:flex;justify-content:flex-end;margin:-6px 0 12px}.login-row-split{justify-content:space-between;align-items:center;gap:10px}.login-remember{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--text-muted);cursor:pointer}.login-remember input{width:15px;height:15px;accent-color:var(--brand);cursor:pointer}.login-forgot{font-size:12px;color:var(--text-muted);background:var(--surface-2);border-radius:8px;padding:10px 12px;margin-bottom:12px;text-align:left}.login-foot{text-align:center;font-size:12px;color:var(--text-dim);margin-top:16px}.login-info{background:var(--brand-light);color:var(--brand-dark);border-radius:8px;padding:10px 12px;font-size:13px;margin-bottom:14px}[data-theme=dark] .login-info{color:#fca5a5}.login-screen{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px;background:radial-gradient(1100px 600px at 50% 22%,rgba(190,40,40,.4),transparent 62%),linear-gradient(135deg,#3a0c0c,#500f0f 45%,#1c0707)}.login-hero{text-align:center}.login-hero .login-logo{display:flex;justify-content:center;margin:0}.login-hero .sjpb-logo{height:64px;width:auto}.login-hero .logo-wordmark{fill:#fff}.login-tagline{margin-top:10px;font-size:11px;letter-spacing:4px;text-transform:uppercase;color:#ffffff8c;font-weight:600}.login-card{width:min(420px,94vw);max-width:none;background:snow;border:1px solid rgba(120,20,20,.12);border-radius:16px;box-shadow:0 30px 70px #00000073;padding:28px 28px 18px;color:#2a1414;text-align:left}.login-card-title{font-size:18px;font-weight:700;color:#2a1414;margin-bottom:4px}.login-card-sub{font-size:13px;color:#8a6a6a;margin-bottom:16px}.login-field{margin-bottom:14px}.login-field label{display:block;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#9a4a4a;margin-bottom:7px}.login-field input{width:100%;height:44px;padding:0 14px;border:1px solid #e7d5d5;border-radius:10px;background:#fff;color:#2a1414;font-size:14px}.login-field input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #dc26261f}.login-userfield{position:relative}.login-userfield input{padding-right:84px}.login-suffix{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:14px;color:#b08a8a;pointer-events:none}.login-card .pw-eye{color:#b08a8a}.login-card .pw-eye:hover{background:#f3e6e6;color:#7a3a3a}.login-row{display:flex;justify-content:flex-end;margin:-4px 0 14px}.login-row-center{justify-content:center;margin-top:14px}.login-link{font-size:13px;color:var(--brand);font-weight:600}.login-link:hover{text-decoration:underline}.login-submit{width:100%;height:46px;border-radius:10px;border:none;background:linear-gradient(180deg,#d62828,#b51d1d);color:#fff;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;font-size:14px;box-shadow:0 8px 20px #b41d1d59;cursor:pointer}.login-submit:hover{filter:brightness(1.06)}.login-submit:disabled{opacity:.7;cursor:default}.login-foot{text-align:center;font-size:11px;color:#b08a8a;margin-top:18px}.login-error{background:#fde8e8;color:#b51d1d;border-radius:8px;padding:10px 12px;font-size:13px;margin-bottom:14px}.login-info{background:#eafaf0;color:#15803d;border-radius:8px;padding:10px 12px;font-size:13px;margin-bottom:14px}.login-hint{margin-top:14px;font-size:12px;color:#8a6a6a;text-align:center}.login-hint code{background:#f1e3e3;padding:1px 5px;border-radius:4px}.sidebar-toggle{flex-shrink:0}.app[data-collapsed=true] .main{grid-template-columns:64px 400px 1fr}@media (max-width: 1280px){.app[data-collapsed=true] .main{grid-template-columns:64px 340px 1fr}}.app[data-collapsed=true] .sidebar{padding:16px 8px}.app[data-collapsed=true] .sidebar .nav-label{display:none}.app[data-collapsed=true] .nav-item{justify-content:center;gap:0;padding:10px 0;margin-right:0;border-radius:12px}.app[data-collapsed=true] .nav-item-count{display:none}.app[data-collapsed=true] .nav-item-color{margin-right:0}.app[data-collapsed=true] .compose-btn{justify-content:center;padding:12px 0}.app[data-collapsed=true] .compose-btn .nav-label{display:none}.app[data-collapsed=true] .nav-section-title{justify-content:center;padding:8px 0 4px}.app[data-collapsed=true] .mini-cal,.app[data-collapsed=true] .storage-meter,.app[data-collapsed=true] .label-form{display:none}.reading-toolbar{flex-wrap:wrap}.reading-toolbar.compact{flex-wrap:nowrap}.reading-toolbar.compact .tb-label{display:none}.reading-toolbar.compact .toolbar-btn{padding:0 9px}.rem-section{margin-top:8px}.rem-add{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.rem-title{width:100%;box-sizing:border-box;padding:7px 9px;border:1px solid var(--border);border-radius:7px;background:var(--surface-2);color:var(--text);font:inherit;font-size:13px}.rem-add-row{display:flex;gap:6px}.rem-when{flex:1;min-width:0;padding:6px 8px;border:1px solid var(--border);border-radius:7px;background:var(--surface-2);color:var(--text);font:inherit;font-size:12px}.rem-add-btn{flex-shrink:0;padding:0 10px}.rem-list{display:flex;flex-direction:column;gap:2px}.rem-empty{font-size:12px;color:var(--text-muted);padding:4px 2px}.rem-item{display:flex;align-items:center;gap:8px;padding:6px 4px;border-radius:6px}.rem-item:hover{background:var(--surface-2)}.rem-item:hover .rem-del{opacity:1}.rem-check{flex-shrink:0;color:var(--brand);display:flex}.rem-circle{width:14px;height:14px;border:1.5px solid var(--text-dim);border-radius:50%;display:inline-block}.rem-body{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.rem-item-title{font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rem-item-when{font-size:11px;color:var(--text-muted)}.rem-item.done .rem-item-title{text-decoration:line-through;color:var(--text-muted)}.rem-del{flex-shrink:0;color:var(--text-muted);opacity:0;transition:opacity .12s;padding:2px}.rem-del:hover{color:var(--danger)}.ptr-indicator{overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ptr-text{font-size:12px;color:var(--text-muted)}.admin-module{grid-column:1 / -1;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:var(--surface)}.admin-head{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid var(--border)}.admin-head .back-ico{transform:rotate(180deg)}.admin-title{font-size:17px;font-weight:700}.admin-tabs{display:flex;gap:4px;padding:8px 16px 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.admin-tab{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:8px 8px 0 0;font-size:14px;font-weight:600;color:var(--text-muted);cursor:pointer}.admin-tab:hover{background:var(--surface-2)}.admin-tab.active{color:var(--brand);border-bottom:2px solid var(--brand)}.admin-body{flex:1;overflow-y:auto;padding:20px}.admin-empty{color:var(--text-muted);padding:24px;text-align:center}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:24px}.admin-stat{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:16px 18px}.admin-stat-value{font-size:28px;font-weight:700;color:var(--text);line-height:1.1}.admin-stat-label{font-size:13px;color:var(--text-muted);margin-top:4px}.admin-stat-sub{font-size:12px;color:var(--text-dim);margin-top:2px}.admin-section-h{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin:8px 2px 10px}.admin-recent{display:flex;flex-direction:column;gap:4px}.admin-recent-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-radius:8px;background:var(--surface-2)}.admin-recent-who{display:flex;flex-direction:column;min-width:0}.admin-recent-who strong{font-size:14px;font-weight:600;color:var(--text)}.admin-recent-who em{font-size:12px;color:var(--text-muted);font-style:normal}.admin-recent-when{font-size:12px;color:var(--text-muted);flex-shrink:0}.admin-users-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.admin-users-count{font-size:13px;color:var(--text-muted)}.admin-utable{display:flex;flex-direction:column}.admin-urow{display:grid;grid-template-columns:2.4fr .9fr .9fr 1.2fr auto;align-items:center;gap:10px;padding:9px 10px;border-bottom:1px solid var(--border)}.admin-uhead{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);font-weight:700;border-bottom:2px solid var(--border)}.admin-uwho{display:flex;flex-direction:column;min-width:0}.admin-uwho strong{font-size:14px;font-weight:600;color:var(--text)}.admin-uwho em{font-size:12px;color:var(--text-muted);font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-you{color:var(--brand)}.admin-nophone{color:var(--danger)}.admin-ulast{font-size:12px;color:var(--text-muted)}.admin-pill{font-size:12px;font-weight:600;padding:4px 10px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);cursor:pointer}.admin-pill:disabled{opacity:.6;cursor:default}.admin-pill-on{background:var(--brand-soft, rgba(220,38,38,.12));color:var(--brand);border-color:transparent}.admin-pill-ok{color:#0f766e;border-color:#0f766e66}.admin-pill-off{color:var(--danger);border-color:#dc262666}.admin-reset-btn{font-size:12px;padding:5px 12px}.admin-settings{display:flex;flex-direction:column;gap:16px;max-width:720px}.admin-card{border:1px solid var(--border);border-radius:12px;padding:16px 18px;background:var(--surface)}.admin-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.admin-card-title{font-size:15px;font-weight:600;color:var(--text)}.admin-card-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.admin-switch{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);flex-shrink:0;cursor:pointer}.admin-textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);font:inherit;font-size:13px;resize:vertical}.admin-settings-actions{display:flex;justify-content:flex-end}.admin-field{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-muted);margin-bottom:12px}.admin-field input{padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);font:inherit;font-size:14px}.admin-emailrow{display:flex;align-items:stretch}.admin-emailrow input{flex:1;border-radius:8px 0 0 8px}.admin-emailsuffix{display:inline-flex;align-items:center;padding:0 12px;border:1px solid var(--border);border-left:none;border-radius:0 8px 8px 0;background:var(--surface);color:var(--text-muted);font-size:14px}.admin-done{margin-top:14px;padding:10px 12px;border-radius:8px;background:var(--brand-soft, rgba(220,38,38,.1));font-size:13px;color:var(--text)}.admin-wa-status{margin-top:8px}.admin-wa-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:12px;border:1px solid transparent;line-height:1.4}.admin-wa-ok{background:#10b98124;color:#047857;border-color:#10b98159}.admin-wa-fail{background:#dc26261f;color:#b91c1c;border-color:#dc262659}.admin-wa-none{background:var(--surface-2);color:var(--text-muted);border-color:var(--border)}[data-theme=dark] .admin-wa-ok{color:#6ee7b7}[data-theme=dark] .admin-wa-fail{color:#fca5a5}.admin-wa-next{margin-top:8px;font-size:12px;color:var(--text-muted);line-height:1.5}.import-help-toggle{display:flex;align-items:center;gap:8px;width:100%;font-size:14px;font-weight:600;color:var(--text)}.import-help{margin-top:12px;display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--text-muted);line-height:1.5}.import-help-step{color:var(--text)}.import-help-sub{padding-left:14px}.import-help-note{margin-top:4px;padding:8px 10px;border-radius:8px;background:var(--surface-2);font-size:12px}.import-pick{margin-top:6px;max-height:180px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;padding:6px;display:flex;flex-direction:column;gap:2px}.import-pick-row{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:6px;font-size:14px;color:var(--text);cursor:pointer}.import-pick-row:hover{background:var(--surface-2)}.import-pick-email{color:var(--text-dim);font-size:12px}.import-lists{color:var(--text-muted)}.admin-mlists-head{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-bottom:6px}.admin-mlists-head .admin-card-sub{margin:0}.mlist-card{display:flex;align-items:center;gap:12px}.mlist-card-main{flex:1;min-width:0}.mlist-addr{font-size:15px;font-weight:700;color:var(--brand);display:flex;align-items:center;gap:8px}.mlist-off{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--text-dim);background:var(--surface-2);padding:1px 7px;border-radius:999px}.mlist-name{font-size:14px;font-weight:600;margin-top:1px}.mlist-meta{font-size:12px;color:var(--text-muted);margin-top:2px}.mlist-card-actions{display:flex;gap:2px;flex-shrink:0}.admin-mlist-formhead{display:flex;align-items:center;gap:8px;margin-bottom:6px}.admin-mlist-formhead .back-ico{transform:rotate(180deg)}.mlist-chiprow{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.mlist-empty{font-size:13px;color:var(--text-dim)}.mlist-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 11px;border-radius:999px;background:var(--surface-2);font-size:13px;font-weight:500}.mlist-chip button{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;color:var(--text-muted);font-size:15px;line-height:1}.mlist-chip button:hover{background:var(--border);color:var(--text)}.mlist-add{display:flex;gap:8px;margin-top:8px}.mlist-add select,.mlist-add input{flex:1;min-width:0;padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);font:inherit;font-size:14px}.mlist-add .btn{flex:0 0 auto}@media (max-width: 760px){.admin-urow{grid-template-columns:1fr auto;row-gap:6px}.admin-urow>span:nth-child(4){display:none}.admin-uhead{display:none}}.mobile-back,.mobile-drawer-backdrop{display:none}@media (max-width: 1100px){.app{grid-template-columns:minmax(0,1fr)}.topbar{min-width:0}.main{grid-template-columns:minmax(260px,340px) minmax(0,1fr)!important}.main>*{min-width:0}.main>.sidebar{position:fixed;top:56px;left:0;bottom:0;width:270px;max-width:84vw;z-index:60;box-shadow:0 0 40px #0006;background:var(--surface);overflow-y:auto;display:none}.app[data-drawer=open] .main>.sidebar{display:block}.app[data-drawer=open] .mobile-drawer-backdrop{display:block;position:fixed;top:56px;right:0;bottom:0;left:0;background:#0006;z-index:55}}@media (max-width: 700px){.app{grid-template-rows:calc(56px + env(safe-area-inset-top,0px)) 1fr}.app[data-banner=true]{grid-template-rows:calc(56px + env(safe-area-inset-top,0px)) auto 1fr}.topbar{padding-top:env(safe-area-inset-top,0px)}.email-list{padding-bottom:env(safe-area-inset-bottom,0px)}.app[data-reader=open]{grid-template-rows:1fr}.app[data-reader=open]>.topbar,.app[data-reader=open]>.org-banner{display:none}html,body{overflow-x:hidden}.reading-pane,.reading-view,.reading-content{max-width:100%;overflow-x:hidden}.email-list,.reading-content{overscroll-behavior:contain}.app-switch{display:none}.tb-desktop-only{display:none!important}.topbar-right>.tb-mobile-only{display:inline-flex!important}.user-dropdown .tb-mobile-only{display:flex!important}.user-dropdown-sep.tb-mobile-only{display:block!important;height:1px;background:var(--border);margin:5px 0}.topbar-center{display:none}.topbar-msearch .topbar-center{display:flex;position:absolute;top:0;right:8px;bottom:0;left:8px;z-index:20;background:var(--surface);gap:6px}.topbar-msearch .tb-msearch-back{display:inline-flex!important;flex-shrink:0}.topbar{padding:0 8px;gap:6px}.brand{min-width:auto}.sjpb-logo{height:30px}.drive-app-name{display:none}.topbar-right{gap:2px}.main{grid-template-columns:minmax(0,1fr)!important}.main>*{grid-column:1 / -1!important}.main[data-mpane=list]>.reading-pane{display:none}.main[data-mpane=reading]>.list-pane{display:none}.main[data-mpane=reading] .mobile-back{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;flex-shrink:0;margin:4px 6px 6px;padding:10px 12px;font-size:15px;font-weight:600;color:var(--brand);cursor:pointer}.main[data-mpane=reading] .reading-toolbar{padding-top:calc(10px + env(safe-area-inset-top,0px));padding-bottom:10px}.reading-toolbar{flex-wrap:wrap;overflow:visible;row-gap:2px}.reading-toolbar .tb-label{display:none}.reading-toolbar .toolbar-btn{padding:7px 9px;flex-shrink:0}.reading-toolbar .toolbar-spacer{display:none}.reading-back-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 8px;margin-right:2px;color:var(--brand);flex-shrink:0}.reading-back-btn .back-ico{width:24px;height:24px;transform:rotate(180deg)}.reading-content{padding:10px 12px}.thread-msg{border:none;border-radius:0;margin-bottom:14px;background:transparent;overflow:visible}.sender{padding:12px 6px;gap:10px}.sender-avatar{width:38px;height:38px;font-size:14px}.thread-msg-head{padding:10px 2px;border-bottom:none}.thread-msg-body{border-radius:10px;padding:14px}.mail-html{border-radius:10px}.drive{flex-direction:column}.drive-nav{width:auto;flex-direction:row;gap:6px;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border);padding:8px 10px}.drive-nav-item{white-space:nowrap;padding:7px 11px}.drive-main{width:100%}.drive-topbar{padding:10px 12px;gap:8px}.drive-search{flex:1 1 100%}.drive-controls{width:100%}.drive-select{flex:1 1 auto;min-width:0}.drive-select select{width:100%}.drive-toolbar{padding:10px 12px}.drive-actions{width:100%}.drive-actions .btn{flex:1;justify-content:center}.drive-body{padding:12px}.drive-grid{grid-template-columns:1fr 1fr}.drive-hero-title{font-size:19px}.drive-row-actions{display:none}.drive-row-menu{display:flex}.drive-folder{position:relative}.drive-folder .drive-row-menu{position:absolute;top:8px;right:8px}.drive-share-add{flex-wrap:wrap}.drive-share-add .drive-share-perm{flex:1 1 110px}.settings-modal,.settings-modal-wide{width:96vw}.settings-layout{flex-direction:column}.settings-tabs{flex-direction:row;flex-wrap:wrap;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border)}}