:root{--ink:#1f2530;--muted:#8c929e;--line:#ebedf1;--blue:#2b80d7;--blue-dark:#1769c2;--paper:#fff;--bg:#f5f6f8;--green:#2ba679}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:'DM Sans','Noto Sans SC',sans-serif;color:var(--ink);font-size:14px}.shell{min-height:100vh;display:flex}.rail{width:72px;background:#202632;display:flex;align-items:center;flex-direction:column;padding:22px 0;gap:13px;flex-shrink:0}.brand-mark{height:34px;width:34px;background:#3189df;color:#fff;display:grid;place-items:center;border-radius:11px;font-size:22px}.rail-spacer{flex:1}.rail-icon{width:38px;height:38px;display:grid;place-items:center;color:#7f8999;border-radius:10px;font-size:18px}.rail-icon.active{background:#313b4b;color:white}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#384253;color:#e0e5ee;font-size:10px;font-weight:700}.workspace{flex:1;min-width:0}.topbar{height:64px;border-bottom:1px solid #eaecf0;padding:0 48px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.58)}.crumb{font-size:10px;letter-spacing:1.4px;font-weight:700;color:#818894}.crumb span{padding:0 9px;color:#c0c5cd}.local-pill{border:1px solid #e6e9ed;background:#fff;border-radius:30px;padding:7px 11px;color:#647080;font-size:11px}.local-pill i,.status-dot{display:inline-block;width:7px;height:7px;background:#44bb8b;border-radius:50%;margin-right:7px}.content{max-width:1160px;margin:0 auto;padding:43px 48px 24px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;color:#9299a5}.eyebrow span{margin-left:8px;color:#c4c8cf}.heading h1{font-size:30px;letter-spacing:-.8px;margin:9px 0 5px;font-weight:600}.heading p{margin:0;color:#838a96;font-size:13px}.icon-button{border:1px solid #e4e7eb;background:#fff;border-radius:9px;width:37px;height:37px;font-size:20px;color:#6f7784;cursor:pointer}.status-banner{background:#fff;border:1px solid #e9ecf0;border-radius:9px;height:42px;padding:0 14px;display:flex;align-items:center;color:#68717e;font-size:12px;margin-bottom:18px}.status-dot{background:#c5cbd3}.status-banner.online .status-dot{background:#44bb8b}.status-banner.warn .status-dot{background:#e5a642}.status-right{margin-left:auto;color:#a0a6b0;font-size:11px}.layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.9fr);gap:18px;align-items:start}.card{background:#fff;border:1px solid #e9ecf0;border-radius:12px;box-shadow:0 2px 8px rgba(29,40,57,.025)}.compose-card{padding:23px 24px 20px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:25px}.step{font-size:9px;letter-spacing:1.4px;color:#a2a8b2;font-weight:700}.step span{margin-left:6px}.card h2{font-size:17px;margin:7px 0 0;font-weight:600}.recipient-count{font-size:10px;color:#8e95a0;background:#f6f7f9;border-radius:20px;padding:6px 10px}.field-label{font-size:11px;color:#535c69;font-weight:600;display:block;margin-bottom:8px}.select-wrap{position:relative}.select-wrap input,.modal-input{width:100%;height:42px;border:1px solid #e4e8ed;border-radius:7px;background:#fff;outline:0;font:inherit;padding:0 39px;color:#29313d}.select-wrap input:focus,.modal-input:focus,textarea:focus{border-color:#81b5e7;box-shadow:0 0 0 3px #eaf4ff}.select-wrap input::placeholder,textarea::placeholder,.modal-input::placeholder{color:#b3b9c2}.search-icon{position:absolute;left:13px;top:9px;color:#929aa6;font-size:19px;z-index:1}.select-wrap input{padding-left:38px}.reload-small{position:absolute;right:9px;top:6px;border:0;background:transparent;color:#9aa1ad;font-size:19px;cursor:pointer}.group-list{height:188px;border:1px solid #eceff2;border-radius:7px;margin:9px 0 21px;overflow:auto}.empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a5abb4;font-size:12px}.empty span{font-size:22px;color:#bdc3cc}.empty p{margin:8px}.group-row{display:flex;align-items:center;gap:10px;padding:9px 11px;border-bottom:1px solid #f0f1f4;cursor:pointer;transition:.15s}.group-row:last-child{border-bottom:0}.group-row:hover{background:#f8fbfe}.group-row.selected{background:#eef6fd}.group-avatar{height:31px;width:31px;border-radius:9px;background:#edf3fa;color:#5684b2;display:grid;place-items:center;font-weight:700;font-size:12px;flex-shrink:0}.group-main{min-width:0;flex:1}.group-main strong{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.group-main small{display:block;font-size:10px;color:#a0a6b0;margin-top:3px}.radio{width:15px;height:15px;border:1px solid #d8dde4;border-radius:50%;display:grid;place-items:center}.selected .radio{border-color:#3687d2}.selected .radio:after{content:'';width:7px;height:7px;border-radius:50%;background:#3687d2}.field-row{display:flex;justify-content:space-between}.counter{font-size:10px;color:#a0a6b0}textarea{width:100%;border:1px solid #e4e8ed;border-radius:7px;resize:vertical;min-height:112px;outline:0;padding:12px;font:13px/1.65 'DM Sans','Noto Sans SC',sans-serif;color:#29313d}textarea:focus{border-color:#81b5e7;box-shadow:0 0 0 3px #eaf4ff}.compose-foot{display:flex;justify-content:space-between;color:#a0a6b0;font-size:10px;margin:9px 0 21px}.compose-foot kbd{border:1px solid #e5e8ec;border-radius:4px;padding:2px 4px;background:#fafbfc;font:inherit;color:#858d99}.plain-text{color:#a4aab3}.send-row{border-top:1px solid #f0f1f3;padding-top:16px;display:flex;align-items:center;justify-content:space-between}.send-hint{font-size:10px;color:#a0a6b0}.send-button{height:39px;padding:0 14px 0 16px;display:flex;align-items:center;gap:21px;border:0;border-radius:7px;background:var(--blue);color:white;font:600 12px 'DM Sans','Noto Sans SC',sans-serif;cursor:pointer;transition:.15s}.send-button:hover:not(:disabled){background:var(--blue-dark);transform:translateY(-1px)}.send-button:disabled{background:#b8c8d8;cursor:not-allowed}.side-column{display:flex;flex-direction:column;gap:15px}.account-card,.activity-card{padding:19px}.side-title{display:flex;align-items:center;gap:10px}.side-icon{width:32px;height:32px;border-radius:9px;background:#eaf4fc;color:#428bd0;display:grid;place-items:center;font-size:18px}.side-icon.lavender{background:#f1efff;color:#8073ce}.side-title h3{font-size:13px;margin:4px 0 0;font-weight:600}.account-state{margin:19px 0 14px;padding:12px 10px;border:1px solid #eff1f4;border-radius:8px;display:flex;align-items:center;gap:10px}.state-avatar{height:33px;width:33px;border-radius:50%;background:#e8f1f8;display:grid;place-items:center;color:#4586be;font-weight:700}.account-state strong{display:block;font-size:11px;font-weight:600}.account-state p{margin:4px 0 0;color:#9aa1ab;font-size:10px}.state-indicator{margin-left:auto;width:7px;height:7px;background:#c6ccd4;border-radius:50%}.state-indicator.online{background:#40b789}.outline-button{width:100%;height:36px;background:white;border:1px solid #dfe5eb;border-radius:6px;color:#475361;font:600 11px 'DM Sans','Noto Sans SC',sans-serif;cursor:pointer}.outline-button:hover{border-color:#91b9df;color:#2677c2}.outline-button span{margin-left:7px}.text-button{display:block;background:none;border:0;color:#8c95a0;font:11px inherit;cursor:pointer;padding:9px 0 0}.text-button:hover{color:#2879c8}.microcopy{font-size:10px;line-height:1.6;color:#a0a6af;margin:11px 1px 0}.activity-empty{height:105px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:#a5abb4;font-size:11px}.activity-line{width:1px;height:25px;background:linear-gradient(#dadde3,transparent)}.activity-entry{display:flex;gap:9px;padding:14px 0 4px;font-size:11px}.activity-entry i{width:7px;height:7px;background:#46b78a;border-radius:50%;margin-top:4px}.activity-entry b{font-weight:600}.activity-entry small{display:block;color:#9ba2ad;margin-top:5px;font-size:10px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.privacy-note{border-top:1px solid #eff1f4;margin-top:8px;padding-top:14px;display:flex;gap:9px;color:#84909e}.privacy-note>span{color:#59a385;font-size:16px}.privacy-note b{display:block;font-size:10px;color:#5d6977}.privacy-note p{margin:4px 0 0;font-size:10px;line-height:1.55;color:#9ca3ac}.footnote{font-size:8px;letter-spacing:1.1px;color:#b1b6be;text-align:center;padding:4px}.footnote span{padding:0 5px;color:#d0d3d8}.page-foot{display:flex;justify-content:space-between;color:#b0b5bd;font-size:9px;letter-spacing:.5px;margin-top:24px}.hidden{display:none!important}.modal-backdrop{position:fixed;inset:0;background:rgba(28,36,49,.45);display:grid;place-items:center;padding:20px;z-index:5;backdrop-filter:blur(3px)}.modal{position:relative;background:#fff;border-radius:13px;width:min(100%,420px);padding:31px 32px 24px;box-shadow:0 20px 60px rgba(20,30,45,.18)}.modal-close{position:absolute;right:17px;top:13px;border:0;background:none;font-size:23px;color:#a1a7af;cursor:pointer}.modal-symbol{width:37px;height:37px;background:#eaf4fc;border-radius:11px;display:grid;place-items:center;color:#3788d5;font-size:20px;margin-bottom:19px}.modal h2{font-size:21px;margin:8px 0 7px}.modal-desc{font-size:12px;line-height:1.7;color:#8a929e;margin:0 0 20px}.modal-input{margin-bottom:14px}.modal-submit{width:100%;justify-content:space-between;margin-top:3px}.modal-note{border-top:1px solid #f0f1f4;padding-top:14px;margin-top:20px;color:#a0a6af;font-size:10px;line-height:1.6}.modal-note code{background:#f4f5f7;padding:2px 4px;border-radius:3px}.modal-error{margin-top:13px;background:#fff4f2;color:#bd584a;padding:10px;border-radius:6px;font-size:11px;line-height:1.5}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#25303d;color:white;padding:11px 16px;border-radius:7px;font-size:12px;z-index:8;box-shadow:0 6px 20px #20263230}.toast.error{background:#a84339}@media(max-width:850px){.content{padding:30px 25px}.topbar{padding:0 25px}.layout{grid-template-columns:1fr}.side-column{display:grid;grid-template-columns:1fr 1fr}.footnote{grid-column:1/-1}}@media(max-width:560px){.rail{width:54px}.topbar{height:55px;padding:0 16px}.content{padding:25px 15px}.heading h1{font-size:25px}.layout{gap:12px}.compose-card{padding:19px 16px}.side-column{display:flex}.page-foot{font-size:8px}.send-hint{max-width:135px;line-height:1.4}.modal{padding:27px 22px}.local-pill{font-size:10px}}

.main-column{display:flex;flex-direction:column;gap:18px;min-width:0}.messages-card{padding:20px 22px}.messages-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.messages-head h2{font-size:16px;margin:6px 0 0;font-weight:600}.messages-actions{display:flex;align-items:center;gap:10px}.live-indicator{font-size:10px;color:#8a929e}.live-indicator i{display:inline-block;width:6px;height:6px;background:#43b68a;border-radius:50%;margin-right:6px}.small-refresh{width:31px;height:31px;font-size:18px}.messages-feed{height:330px;overflow:auto;border:1px solid #edf0f3;border-radius:8px;padding:10px 12px;background:#fcfdfe}.message-item{padding:9px 3px;border-bottom:1px solid #f0f2f5}.message-item:last-child{border-bottom:0}.message-meta{display:flex;align-items:center;gap:7px;margin-bottom:4px}.message-sender{font-size:10px;font-weight:600;color:#5d7792}.message-sender.self{color:#3983bd}.message-time{font-size:9px;color:#a9afb8}.message-body{font-size:12px;line-height:1.65;color:#39424e;white-space:pre-wrap;overflow-wrap:anywhere}.message-empty{height:100%;display:grid;place-items:center;color:#a1a8b2;font-size:11px}.messages-foot{display:flex;justify-content:space-between;font-size:9px;color:#a3a9b2;padding-top:10px}.message-error{color:#b15d53}.group-row.selected{outline:1px solid #d7eafb}.group-list{height:188px} @media(max-width:560px){.messages-card{padding:17px 14px}.messages-feed{height:300px}.messages-foot{gap:10px}.messages-foot span:last-child{text-align:right}}

.side-icon.amber{background:#fff5e7;color:#d58d35}.automation-card{padding:18px}.automation-copy{font-size:10px;line-height:1.6;color:#9098a4;margin:13px 0 14px}.auto-select{width:100%;height:35px;border:1px solid #e5e9ed;border-radius:6px;padding:0 9px;background:#fff;color:#434d5a;font:11px 'DM Sans','Noto Sans SC',sans-serif;margin-bottom:12px;outline:none}.auto-select:focus{border-color:#81b5e7}.automation-status{display:flex;align-items:center;gap:7px;font-size:10px;color:#8d95a0;margin:1px 0 10px}.automation-status i{width:7px;height:7px;border-radius:50%;background:#c3c9d0}.automation-status.running{color:#328e6b}.automation-status.running i{background:#42b586;box-shadow:0 0 0 3px #e6f7ef}.automation-status.error{color:#b45c51}.automation-status.error i{background:#c96c60}.automation-button{height:35px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 11px;border:0;border-radius:6px;background:#2b80d7;color:#fff;font:600 10px 'DM Sans','Noto Sans SC',sans-serif;cursor:pointer}.automation-button:hover:not(:disabled){background:#1769c2}.automation-button.pause{background:#fff;border:1px solid #e0e5ea;color:#596574}.automation-button:disabled{background:#b8c8d8;cursor:not-allowed}.automation-card .microcopy{margin-top:9px}

.destination-choice{border:1px solid #edf0f3;border-radius:7px;padding:9px 9px 0;margin:0 0 9px}.destination-choice .field-label{margin:0 0 8px}.destination-choice .auto-select{margin-bottom:8px}

.account-list{margin:7px 0 12px}.account-row{display:flex;align-items:center;gap:8px;padding:8px 4px;border-top:1px solid #f0f2f4}.account-row-icon{height:25px;width:25px;border-radius:7px;background:#edf4fa;color:#4c84b5;display:grid;place-items:center;font-size:9px;font-weight:700}.account-row-text{flex:1;min-width:0}.account-row-text strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-row-text small{display:block;color:#9da5af;font-size:9px;margin-top:3px}.primary-tag{font-size:8px;color:#5389b5;background:#edf5fb;border-radius:10px;padding:3px 6px}.remove-account{border:0;background:transparent;color:#a2a9b2;font-size:16px;cursor:pointer}.remove-account:hover{color:#bf6258}.binding-head{display:flex;align-items:center;justify-content:space-between;margin:3px 0 7px}.binding-head .field-label{margin:0}.link-button{border:0;background:transparent;color:#4387c0;font:9px 'DM Sans','Noto Sans SC',sans-serif;cursor:pointer;padding:0}.sender-bindings{max-height:220px;overflow:auto;border:1px solid #edf0f3;border-radius:7px;padding:0 8px;margin-bottom:8px}.bindings-empty{padding:13px 5px;text-align:center;color:#a1a8b2;font-size:9px;line-height:1.5}.sender-binding{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #f1f2f4}.sender-binding:last-child{border-bottom:0}.sender-label{min-width:0;flex:1}.sender-label strong{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#586371}.sender-label small{display:block;color:#a2a9b2;font-size:8px;margin-top:3px}.sender-binding select{width:118px;height:28px;border:1px solid #e6e9ed;border-radius:5px;background:white;color:#586371;font:9px 'DM Sans','Noto Sans SC',sans-serif;outline:0}.save-mappings{height:31px;margin-bottom:12px;font-size:10px}.save-mappings:disabled{opacity:.55;cursor:not-allowed}.automation-card .auto-select:disabled{opacity:.7}@media(max-width:560px){.sender-binding select{width:125px}.sender-bindings{max-height:190px}}

.round-order{padding:9px 10px;margin:0 0 11px;background:#f8fafc;border:1px solid #edf0f3;border-radius:7px}.round-account{display:grid;grid-template-columns:16px minmax(0,1fr) 12px minmax(0,1fr);align-items:center;gap:5px;padding:4px 0;color:#697481;font-size:8px}.round-account:not(:last-child){border-bottom:1px solid #edf0f3}.round-account>span{width:15px;height:15px;border-radius:50%;background:#e9f3fa;color:#3f83bb;display:grid;place-items:center;font-weight:700}.round-account>b{font-weight:500}.round-account>i{font-style:normal;color:#a7aeb8}.round-account>strong{font-size:8px;color:#4e5b68;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.activity-list{max-height:250px;overflow:auto;padding-right:3px}.activity-entry{min-width:0}.activity-entry>div{min-width:0;flex:1}.activity-entry small{max-width:100%}.activity-entry time{display:block;margin-top:5px;color:#a0a6b0;font-size:9px}

/* Desktop dashboard grid: keep both upper cards aligned, then pair the
   receipt feed with automation and give activity the full bottom row. */
.layout{grid-template-columns:minmax(0,1.65fr) minmax(260px,.9fr);grid-template-areas:"groups groups" "messages automation" "activity activity";align-items:start}
.main-column,.side-column{display:contents}
.compose-card{grid-area:groups;grid-column:1/-1}
.messages-card{grid-area:messages}
.automation-card{grid-area:automation;align-self:start}
.activity-card{grid-area:activity;min-width:0}
.activity-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 24px;max-height:360px;overflow:auto}
.activity-entry small{white-space:normal;overflow-wrap:anywhere}
@media(max-width:850px){.layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"groups" "messages" "automation" "activity"}}
.account-list{max-height:220px;overflow-y:auto;overscroll-behavior:contain;padding-right:5px}
.account-row{border-radius:5px}.account-row:hover{background:#f7f9fc}.account-row-actions{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.primary-tag,.account-action-spacer,.remove-account{width:42px;height:20px;display:grid;place-items:center;padding:0}.account-action-spacer{visibility:hidden}.remove-account{border:1px solid #e6e9ed;border-radius:10px;background:#fff;color:#778291;font:600 8px 'DM Sans','Noto Sans SC',sans-serif;cursor:pointer}.remove-account:hover{border-color:#e2a29b;background:#fff8f7;color:#bd584a}
.group-main strong{font-size:11px}.group-main small{font-size:9px}
.account-title{justify-content:space-between;width:100%;gap:9px}.account-heading{min-width:0}.account-state{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:0;max-width:58%;margin:0 0 0 auto;padding:0;border:0;text-align:right}.account-state strong{font-size:10px;line-height:1.35;white-space:nowrap}.account-state p{margin:0;color:#9aa1ab;font-size:9px;line-height:1.35}.account-heading h3{white-space:nowrap}
.activity-list{height:204px;max-height:204px;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:68px;align-content:start;overflow-y:auto;overscroll-behavior:contain;padding-right:5px}
.activity-entry{height:68px;overflow:hidden}.activity-entry small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
@media(max-width:560px){.activity-list{height:340px;max-height:340px;grid-template-columns:repeat(2,minmax(0,1fr))}}
.account-summary{display:flex;flex-direction:column;align-items:flex-end;gap:3px;max-width:52%;text-align:right}.account-summary strong{font-size:10px;line-height:1.3}.account-summary span{font-size:9px;line-height:1.3;color:#9aa1ab}.account-picker-label{font-size:10px;font-weight:600;color:#535c69;margin:0 0 3px}.account-list{max-height:180px;margin:0 0 8px}.account-row[role="button"]{cursor:pointer}.account-row.selected{background:#eef6fd;outline:1px solid #d7eafb}.account-row:focus-visible{outline:2px solid #81b5e7;outline-offset:1px}.account-add-button{height:32px;margin-bottom:17px}.group-list-label{display:flex;align-items:center;justify-content:space-between;gap:8px}.group-list-label .field-label{margin-bottom:0}
.account-group-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(230px,.9fr);align-items:stretch}.group-pane{min-width:0;padding-right:22px}.account-pane{min-width:0;padding:0 0 0 22px;border-left:1px solid #eceff2;display:flex;flex-direction:column}.account-pane-title{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-bottom:9px}.account-pane-title h3{font-size:13px;margin:5px 0 0;font-weight:600}.account-pane-title .account-picker-label{margin:0;color:#858d99}.account-list{max-height:190px;overflow-y:auto;overscroll-behavior:contain;padding-right:5px}.account-add-button{margin:auto 0 0;flex-shrink:0}
@media(max-width:850px){.account-group-grid{grid-template-columns:minmax(0,1fr)}.group-pane{padding:0 0 18px}.account-pane{padding:16px 0 0;border-left:0;border-top:1px solid #eceff2}.account-list{max-height:150px}.account-add-button{margin-bottom:0}}
.compose-card{padding-top:15px;padding-bottom:15px}.compose-card .card-head{margin-bottom:12px;align-items:center}.compose-card .card-head h2{margin:0}.account-summary{padding-top:0}.account-summary span{display:none}.group-list-label{margin-bottom:7px}.group-list-label .field-label{font-size:12px}.group-list-tools{display:flex;align-items:center;gap:8px}.group-list-tools .small-refresh{flex:0 0 auto}.group-list{height:220px;margin-top:0;margin-bottom:0}.account-pane-title{align-items:center;margin-bottom:5px}.account-pane-title h3{margin:0;font-size:14px}.account-list{margin:0;max-height:220px}.account-row{padding:5px 4px;gap:7px}.account-row.selected{background:transparent;outline:0}.account-row:hover,.account-row.selected:hover{background:#eef6fd}.account-row-actions{align-items:center}.account-add-button{margin-top:auto}.automation-card .side-title,.activity-card .side-title{margin-bottom:12px}
@media(max-width:850px){.group-list{height:220px}.account-list{max-height:150px}.account-add-button{margin-top:10px}.account-pane{min-height:0}}
.round-order{height:100px;min-height:100px;max-height:100px;overflow-y:auto;overscroll-behavior:contain;padding:7px 10px;flex:0 0 100px}.account-list{height:220px;max-height:220px;overflow-y:auto;overscroll-behavior:contain;border:1px solid #eceff2;border-radius:8px;padding:4px 8px;margin:0 0 8px}.account-row:first-child{border-top:0}.group-list{height:220px;overflow-y:auto;overscroll-behavior:contain;border-radius:8px}
.layout{align-items:stretch}.messages-card,.automation-card{height:100%;min-height:430px}.automation-card{display:flex;flex-direction:column;align-self:stretch}.automation-card .side-title{flex:0 0 auto}.automation-card>.field-label{flex:0 0 auto}.automation-card>.auto-select{flex:0 0 auto}.automation-card .round-order{flex:0 0 100px}.automation-card .destination-choice{flex:0 0 auto}.automation-card .automation-status{margin-top:auto;flex:0 0 auto}.automation-card .automation-button{flex:0 0 35px}
@media(max-width:850px){.messages-card,.automation-card{height:auto;min-height:0}.automation-card{display:flex}.account-list{height:150px;max-height:150px}}
.group-pane{display:flex;flex-direction:column}.group-pane .group-list{flex:0 0 250px;height:250px;min-height:250px;max-height:250px;overflow-y:auto;overscroll-behavior:contain}
@media(max-width:850px){.group-pane .group-list{height:220px;min-height:220px;max-height:220px;flex:0 0 220px}}
.messages-card{display:flex;flex-direction:column;min-height:430px}.messages-card .messages-head{flex:0 0 auto}.messages-card .messages-feed{flex:1 1 0;height:0;min-height:0;overflow-y:auto;overscroll-behavior:contain}.messages-card .messages-foot{margin-top:auto;flex:0 0 auto}
@media(max-width:850px){.messages-card{min-height:0}.messages-card .messages-feed{height:330px;min-height:330px;max-height:330px;flex:0 0 330px}}
.layout{grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(240px,.85fr));grid-template-areas:"groups groups groups" "messages automation automation-cny" "activity activity activity-cny";align-items:stretch}.compose-card{grid-column:1/-1}.cny-automation-card{grid-area:automation-cny}.activity-card{grid-area:activity}.cny-activity-card{grid-area:activity-cny}.account-group-grid{grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,.85fr))}.cny-account-pane{border-left:1px solid #eceff2}.cny-account-list{height:220px;max-height:220px;overflow-y:auto;overscroll-behavior:contain;border:1px solid #eceff2;border-radius:8px;padding:4px 8px}.cny-round-order{height:100px;max-height:100px;overflow-y:auto;overscroll-behavior:contain;border:1px solid #edf0f3;border-radius:7px;padding:7px 10px}.cny-automation-card{min-height:430px}.cny-activity-card{min-width:0}
@media(max-width:1000px){.layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"groups groups" "messages automation" "automation-cny automation-cny" "activity activity-cny"}.account-group-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) minmax(0,.9fr)}}
@media(max-width:850px){.layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"groups" "messages" "automation" "automation-cny" "activity" "activity-cny"}.account-group-grid{grid-template-columns:minmax(0,1fr)}.cny-account-pane{padding:16px 0 0;border-left:0;border-top:1px solid #eceff2}.cny-account-list{height:150px;max-height:150px}.cny-automation-card{min-height:0}.cny-round-order{height:100px;max-height:100px}}
.layout{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"groups groups groups groups groups groups groups groups groups groups groups groups" "messages messages messages messages messages messages automation automation automation automation-cny automation-cny automation-cny" "activity activity activity activity activity activity activity-cny activity-cny activity-cny activity-cny activity-cny activity-cny";align-items:stretch}.compose-card{grid-column:1/-1}.account-group-grid{grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,.85fr))}.cny-account-pane{min-width:0}.cny-account-list{height:220px;max-height:220px;overflow:auto;overscroll-behavior:contain;border:1px solid #eceff2;border-radius:8px;padding:4px 8px}.cny-account-option{display:flex;align-items:center;gap:8px;min-height:32px;padding:5px 4px;border-bottom:1px solid #f0f2f4;color:#586371;font-size:10px;cursor:pointer}.cny-account-option:last-child{border-bottom:0}.cny-account-option input{margin:0;accent-color:#2b80d7}.cny-account-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cny-automation-card{grid-area:automation-cny}.cny-automation-card .cny-round-order{flex:0 0 100px}.activity-card{grid-area:activity}.cny-activity-card{grid-area:activity-cny}.activity-card,.cny-activity-card{height:100%;min-width:0}
@media(max-width:1000px){.layout{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"groups groups" "messages messages" "automation automation-cny" "activity activity-cny"}.account-group-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) minmax(0,.9fr)}}
@media(max-width:850px){.layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"groups" "messages" "automation" "automation-cny" "activity" "activity-cny"}.account-group-grid{grid-template-columns:minmax(0,1fr)}.cny-account-pane{padding:16px 0 0;border-left:0;border-top:1px solid #eceff2}.cny-account-list{height:150px;max-height:150px}.cny-automation-card{min-height:0}.activity-card,.cny-activity-card{height:auto}}
.account-pane-title h3{font-size:12px}.cny-automation-card .auto-select{margin-bottom:12px}.cny-round-order .round-account{font-size:8px}.cny-activity-card .activity-list{height:204px;max-height:204px;overflow-y:auto}
.cny-account-option{display:flex;align-items:center;gap:6px;min-height:32px;padding:4px 2px;border-bottom:1px solid #f0f2f4}.cny-account-option:last-child{border-bottom:0}.cny-account-option input{flex:0 0 auto;margin:0;accent-color:#2b80d7}.cny-account-option .cny-account-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;padding:0;background:transparent;text-align:left;color:#586371;font:10px 'DM Sans','Noto Sans SC',sans-serif;cursor:pointer}.cny-remove-account{flex:0 0 38px;width:38px;height:20px;padding:0;border:1px solid #e6e9ed;border-radius:10px;background:#fff;font-size:8px;display:grid;place-items:center}
.cny-assignment-status{padding-top:5px;margin-top:3px;border-top:1px solid #edf0f3;color:#8c929e;font-size:8px}
.layout{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"groups groups groups groups groups groups groups groups groups groups groups groups" "messages messages messages messages messages messages automation automation automation automation automation automation" "activity activity activity activity activity activity activity-cny activity-cny activity-cny activity-cny activity-cny activity-cny";align-items:stretch}.automation-card{grid-area:automation;grid-column:auto;align-self:stretch;min-height:0}.round-assignment-block{margin:0 0 10px}.round-assignment-block .field-label{margin-bottom:5px}.round-assignment-block .round-order,.round-assignment-block .cny-round-order{height:100px;min-height:100px;max-height:100px;overflow-y:auto;overscroll-behavior:contain}.automation-card>.destination-choice{margin-top:0}.cny-activity-card{grid-area:activity-cny}
@media(max-width:1000px){.layout{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"groups groups" "messages automation" "activity activity-cny"}}
@media(max-width:850px){.layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"groups" "messages" "automation" "activity" "activity-cny"}.automation-card{min-height:0}}

/* Keep the automation panel in a real, roomy grid area at every viewport. */
.layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-areas:"groups groups" "messages automation" "activity activity-cny";align-items:stretch}
.main-column,.side-column{display:contents}
.compose-card{grid-area:groups;grid-column:1/-1;min-width:0}
.messages-card{grid-area:messages;min-width:0}
.automation-card{grid-area:automation;width:100%;max-width:none;min-width:0;grid-column:auto;align-self:stretch}
.activity-card{grid-area:activity;min-width:0}
.cny-activity-card{grid-area:activity-cny;min-width:0}
.account-group-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr) minmax(0,.85fr);gap:12px}
.account-pane.account-subcard{border:1px solid #e9ecf0;border-radius:9px;padding:11px;min-height:292px}
.account-subcard .account-pane-title{min-height:27px}
.account-subcard .account-list{height:220px;max-height:220px;flex:0 0 220px;overflow-y:auto;border:1px solid #eceff2;border-radius:8px;padding:4px 8px;margin:0 0 8px}
.account-subcard .account-add-button{width:100%;margin-top:auto;flex:0 0 36px}
.cny-account-list .account-row{cursor:pointer}
.cny-account-list .account-row.selected{background:transparent;outline:0}
.cny-account-list .account-row:hover{background:#eef6fd}
.cny-remove-account{flex:0 0 38px;width:38px;height:20px;padding:0;border:1px solid #e6e9ed;border-radius:10px;background:#fff;font-size:8px;display:grid;place-items:center}
@media(max-width:1000px){.layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"groups" "messages" "automation" "activity" "activity-cny"}.messages-card,.automation-card{height:auto;min-height:0}.account-group-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.group-pane{grid-column:1/-1;padding:0 0 6px}.automation-card{width:100%;grid-column:auto}}
@media(max-width:560px){.account-group-grid{grid-template-columns:minmax(0,1fr)}.group-pane{grid-column:auto}.account-pane.account-subcard{min-height:0}.account-subcard .account-list{height:180px;max-height:180px;flex-basis:180px}}

/* Match the CNY row controls and round assignments to the standard pool. */
.cny-account-list .account-row-actions{flex-direction:column;align-items:center;justify-content:center}
.cny-account-list .account-row-actions .cny-remove-account{box-sizing:border-box;width:42px;min-width:42px;max-width:42px;height:20px;min-height:20px;max-height:20px;flex:0 0 20px;padding:0;line-height:1;border-radius:10px}
.cny-round-order{padding:9px 10px}
.cny-round-order .round-account{grid-template-columns:16px minmax(0,1fr) 12px minmax(0,1fr);gap:5px;padding:4px 0;font-size:8px}
.cny-round-order .round-account>span{width:15px;height:15px}
.cny-round-order .round-account>b{font-weight:500}
.cny-round-order .round-account>i{font-style:normal;color:#a7aeb8}
.cny-round-order .round-account>strong{min-width:0;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.round-assignment-block .cny-assignment-status{display:flex;align-items:center;gap:7px;margin:5px 0 0;padding:0;border:0;color:#23966b;font-size:10px;font-weight:600;line-height:1.5}.round-assignment-block .cny-assignment-status::before{content:"";width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#39b88a;box-shadow:0 0 0 4px #e8f7f0}.round-assignment-block .cny-assignment-status[hidden]{display:none}.round-order .round-account,.cny-round-order .round-account{display:flex;align-items:flex-start;gap:8px;padding:6px 2px;font-size:10px}.assignment-detail{min-width:0;display:flex;flex-direction:column;gap:3px}.assignment-detail b,.assignment-detail small{overflow-wrap:anywhere}.assignment-detail small{color:#8993a1;font-size:9px;line-height:1.4}
@media(min-width:701px){.layout{grid-template-columns:minmax(0,2fr) minmax(0,3fr)!important;grid-template-areas:"groups groups" "messages automation" "activity activity-cny"!important;align-items:stretch}.messages-card{grid-column:auto!important}.automation-card{grid-column:auto!important;min-width:0}.round-assignment-block .round-order,.round-assignment-block .cny-round-order{width:100%;box-sizing:border-box}}
@media(max-width:700px){.layout{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"groups" "messages" "automation" "activity" "activity-cny"!important}.messages-card,.automation-card{grid-column:auto!important;width:100%;min-width:0}}
.messages-head{padding-top:0}.messages-head .step{display:none}.messages-head h2{margin-top:0}.automation-title-row{display:grid;grid-template-columns:minmax(230px,1fr) minmax(220px,1fr);align-items:center;gap:16px;margin-bottom:12px}.automation-title-row .side-title{margin:0}.source-picker{min-width:0}.source-picker .field-label{margin:0 0 5px}.source-picker .auto-select{margin:0}.round-assignment-block .round-order,.round-assignment-block .cny-round-order{height:190px;min-height:190px;max-height:190px;overflow-y:auto;overflow-x:hidden}.round-account{display:grid!important;grid-template-columns:24px minmax(0,1fr);align-items:center!important;gap:10px!important;padding:7px 2px!important}.assignment-detail{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important;min-width:0;white-space:nowrap}.assignment-detail b,.assignment-detail small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignment-detail b{flex:0 1 auto}.assignment-detail small{flex:1 1 auto;min-width:0}.round-order .round-account>span,.cny-round-order .round-account>span{flex:0 0 24px;width:24px;height:24px}.cny-assignment-status{display:none!important}
@media(max-width:700px){.automation-title-row{grid-template-columns:minmax(0,1fr);gap:8px}.round-assignment-block .round-order,.round-assignment-block .cny-round-order{height:160px;min-height:160px;max-height:160px}.assignment-detail{align-items:flex-start;flex-direction:column!important;gap:2px!important;white-space:normal}.assignment-detail b,.assignment-detail small{white-space:normal}}
.assignment-detail{flex-wrap:wrap!important;white-space:normal!important}.assignment-detail b,.assignment-detail small{overflow:visible!important;text-overflow:clip!important;white-space:normal!important}.assignment-detail b{flex:0 0 auto!important}.assignment-detail small{flex:1 1 260px!important;min-width:220px!important}
.automation-card .automation-status{display:none!important}
.assignment-detail{flex-direction:column!important;align-items:flex-start!important;gap:3px!important;white-space:normal!important}.assignment-detail b{font:inherit!important;font-size:9px!important;font-weight:400!important;color:#8993a1!important;white-space:normal!important}.assignment-detail small{white-space:normal!important}
.round-order .assignment-detail{flex-direction:row!important;align-items:center!important;gap:8px!important;white-space:nowrap!important}.round-order .assignment-detail b,.round-order .assignment-detail small{white-space:nowrap!important;flex:0 0 auto!important}
.round-order .round-account>span,.cny-round-order .round-account>span{width:20px!important;height:20px!important;flex:0 0 20px!important;font-size:9px!important}
.automation-card .round-order .assignment-detail,.automation-card .cny-round-order .assignment-detail{color:#343b46!important}.automation-card .round-order .assignment-detail b,.automation-card .round-order .assignment-detail small,.automation-card .cny-round-order .assignment-detail b,.automation-card .cny-round-order .assignment-detail small{color:#343b46!important}
.automation-card .source-picker .field-label,.automation-card .source-picker .auto-select{color:#343b46!important}
.cny-round-order .assignment-detail{flex-direction:row!important;align-items:center!important;white-space:normal!important}.cny-round-order .assignment-detail b{flex:0 0 auto!important;white-space:nowrap!important}.cny-round-order .assignment-detail small{flex:1 1 auto!important;min-width:0!important;white-space:normal!important}
.round-order .assignment-detail,.cny-round-order .assignment-detail{flex-wrap:nowrap!important;white-space:nowrap!important}.round-order .assignment-detail b,.round-order .assignment-detail small,.cny-round-order .assignment-detail b,.cny-round-order .assignment-detail small{white-space:nowrap!important;flex:0 0 auto!important;overflow:visible!important;text-overflow:clip!important}.round-order .assignment-detail small,.cny-round-order .assignment-detail small{font-size:9px!important}

/* Keep the console heading at the top, with account actions beside refresh. */
.workspace > .content{padding-top:16px}
.heading h1{margin-top:0}
.heading-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.heading-actions .outline-button{width:auto;margin:0;padding:0 14px;min-height:37px;white-space:nowrap}
@media(max-width:560px){.workspace > .content{padding-top:12px}.heading{gap:12px;flex-wrap:wrap}.heading-actions{margin-left:auto}}

/* Shared console navigation and membership workspace. */
.brand-mark{text-decoration:none}.rail a.rail-icon{text-decoration:none}.console-nav-link,#memberAdminLink{font-size:12px;font-weight:600;color:#687687;text-decoration:none;padding:9px 12px;border-radius:7px}.console-nav-link:hover,#memberAdminLink:hover{color:var(--blue);background:#eaf3fc}.console-tabs{display:flex;gap:26px;border-bottom:1px solid #e3e7ed;margin:-2px 0 22px}.console-tabs a{position:relative;padding:12px 1px;font-size:12px;text-decoration:none;color:#8c95a2}.console-tabs a.selected{color:var(--blue);font-weight:600}.console-tabs a.selected:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--blue);border-radius:2px}.admin-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.admin-metric{padding:19px 22px;display:flex;flex-direction:column;gap:8px}.admin-metric>span{font-size:11px;color:#7c8795}.admin-metric strong{font-size:29px;line-height:1.2;font-weight:600;letter-spacing:-1px}.admin-metric small{font-size:10px;color:#a0a8b3}.admin-grid{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.5fr);gap:18px;align-items:start}.admin-invite-card,.admin-list-card,.admin-members-card{padding:22px}.admin-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:20px}.admin-card-head h2{font-size:15px;margin:0 0 7px}.admin-card-head p{font-size:11px;line-height:1.7;color:#949ca8;margin:0}.admin-card-symbol{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#428ad0;background:#edf5fd;font-size:19px;flex-shrink:0}.admin-content .modal-input{padding:0 12px;font-size:12px;height:40px}.admin-generate{width:100%;margin-top:12px;height:39px;padding:0 13px;font-size:12px;display:flex;justify-content:space-between;align-items:center}.admin-help{display:flex;gap:10px;padding:14px 12px;background:#f6f8fb;border:1px solid #ecf0f5;border-radius:8px;margin-top:24px;color:#8c99ab}.admin-help>span{font-size:16px;color:#7da3cb}.admin-help p{font-size:10px;line-height:1.9;margin:0}.admin-count{padding:4px 8px;border-radius:7px;background:#f1f5f9;color:#8190a2;font-size:10px}.admin-invite-list{max-height:470px;overflow:auto;overscroll-behavior:contain}.admin-invite-row{padding:16px 0;border-top:1px solid #eef0f4}.admin-invite-row:first-child{padding-top:0;border-top:0}.admin-invite-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.admin-invite-name{min-width:0}.admin-invite-name strong{display:block;font-size:12px;font-weight:600;overflow-wrap:anywhere}.admin-invite-name small{display:block;font-size:9px;color:#a2abb7;margin-top:5px}.admin-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:20px;padding:5px 9px;white-space:nowrap;font-size:10px;width:max-content}.admin-badge.green{color:#329775;background:#edf8f2}.admin-badge.blue{color:#4a88c4;background:#edf4fc}.admin-badge.gray{color:#97a0ad;background:#f2f4f7}.admin-code-row{display:flex;align-items:center;background:#f7f9fc;border:1px solid #e8edf4;border-radius:7px;padding:5px 6px 5px 12px;gap:10px}.admin-code{min-width:0;width:100%;border:0;background:transparent;outline:0;font:11px ui-monospace,SFMono-Regular,monospace;color:#53657b;padding:4px 0}.admin-copy{border:1px solid #e0e7f0;border-radius:5px;background:white;color:#4f87bf;font-size:10px;padding:6px 11px;cursor:pointer;white-space:nowrap}.admin-invite-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:8px;gap:8px}.admin-invite-bottom small,.admin-used-note{font-size:10px;color:#a1a9b4}.admin-text-button{border:0;background:transparent;font:inherit;font-size:10px;padding:5px 0;cursor:pointer}.admin-text-button.muted{color:#9da5b0}.admin-text-button.muted:hover{color:#c06b63}.admin-text-button.blue{color:var(--blue)}.admin-members-card{grid-column:1/-1}.admin-member-labels,.admin-member-row{display:grid;grid-template-columns:minmax(0,1fr) 110px 80px;gap:18px;align-items:center}.admin-member-labels{font-size:10px;color:#9da5b0;padding:10px 0 12px;border-bottom:1px solid #edf0f4}.admin-member-row{padding:14px 0;border-bottom:1px solid #f0f2f5}.admin-member-row:last-child{border-bottom:0}.admin-identity{display:flex;align-items:center;gap:11px;min-width:0}.admin-avatar{height:32px;width:32px;flex:0 0 32px;background:#eef4fb;color:#6090bd;border-radius:9px;display:grid;place-items:center;font-size:12px;font-weight:600}.admin-identity strong{display:block;font-size:12px;font-weight:600;overflow-wrap:anywhere}.admin-identity small{display:block;font-size:10px;color:#9ba5b1;margin-top:4px;overflow-wrap:anywhere}.admin-row-actions{text-align:right}.admin-member-labels>span:last-child{text-align:right}.admin-subtle{color:#a4adb9;font-size:10px}.admin-empty{text-align:center;padding:36px 10px;color:#a1aab7;font-size:11px}.admin-empty-symbol{display:block;font-size:30px;color:#b5c5d7;margin-bottom:10px}.admin-empty strong{display:block;font-size:12px;font-weight:500}.admin-empty p{font-size:10px;line-height:1.8}.admin-content #message{margin:14px 0 0;color:#5486b3;font-size:11px;line-height:1.8;overflow-wrap:anywhere}.admin-content #message:empty{display:none}
@media(max-width:800px){.admin-grid{grid-template-columns:minmax(0,1fr)}.admin-members-card{grid-column:auto}.admin-metric{padding:15px}.admin-metric small{line-height:1.6}.admin-metrics{gap:10px}}
@media(max-width:560px){.admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.admin-metric{padding:13px 10px}.admin-metric strong{font-size:25px}.admin-metric small{display:none}.admin-metric>span{font-size:10px}.admin-invite-card,.admin-list-card,.admin-members-card{padding:16px}.admin-member-labels,.admin-member-row{grid-template-columns:minmax(0,1fr) 66px 38px;gap:8px}.admin-avatar{display:none}.admin-content .heading-actions{gap:4px}.admin-content .heading-actions .outline-button{padding:0 8px;font-size:10px}}

.console-tabs[hidden],.rail-icon[hidden]{display:none!important}

.telegram-avatar{position:relative;overflow:hidden;flex-shrink:0;border-radius:50%}.telegram-avatar>span{display:grid;place-items:center;width:100%;height:100%}.telegram-avatar>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.account-row-icon.telegram-avatar{width:30px;height:30px;flex:0 0 30px}.group-avatar.telegram-avatar{width:32px;height:32px}

/* Assigned Telegram account avatars in both currency lanes. */
.automation-card .round-order .round-account,.automation-card .cny-round-order .round-account{grid-template-columns:20px 28px minmax(0,1fr)!important;gap:8px!important}.assignment-avatar.telegram-avatar{width:28px;height:28px;background:#edf4fa;color:#4c84b5;font-size:10px;display:grid;place-items:center}

.automation-card .round-order .round-account,.automation-card .cny-round-order .round-account{grid-template-columns:28px minmax(0,1fr)!important}

/* Compact Telegram avatars throughout the console. */
.group-avatar.telegram-avatar{width:25px;height:25px;flex:0 0 25px;font-size:10px}
.account-row-icon.telegram-avatar{width:23px;height:23px;flex:0 0 23px;font-size:9px}
.assignment-avatar.telegram-avatar{width:22px;height:22px;flex:0 0 22px;font-size:9px}
.automation-card .round-order .round-account,.automation-card .cny-round-order .round-account{grid-template-columns:22px minmax(0,1fr)!important;gap:6px!important}

/* Source picker stays inside its card at narrow column widths. */
.automation-title-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.automation-title-row>.side-title,.automation-title-row>.source-picker{min-width:0;max-width:100%}
.automation-title-row .side-title h3{white-space:normal;overflow-wrap:anywhere}
.source-select-row{display:flex;align-items:center;gap:7px;min-width:0;width:100%;max-width:100%;box-sizing:border-box}
.source-select-row>.auto-select{flex:1 1 0;width:0;min-width:0;max-width:100%;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box}
#sourceGroupAvatar{flex:0 0 22px;width:22px}#sourceGroupAvatar[hidden]{display:none}
.source-group-avatar.telegram-avatar{height:22px;width:22px;background:#edf4fa;color:#4c84b5;font-size:9px;display:grid;place-items:center}
@media(max-width:1200px){.automation-title-row{grid-template-columns:minmax(0,1fr)}.source-picker{width:100%}}

/* Keep source selection beside the title; constrain the picker rather than stacking. */
.automation-card .automation-title-row{grid-template-columns:minmax(0,1fr) minmax(0,180px);gap:10px}
.automation-card .automation-title-row .source-picker{width:100%;min-width:0;max-width:180px;justify-self:end}
.automation-card .source-select-row{gap:5px}
.automation-card .source-select-row>.auto-select{padding-left:7px;padding-right:5px}
@media(max-width:560px){.automation-card .automation-title-row{grid-template-columns:minmax(0,1fr) minmax(0,135px);gap:7px}.automation-card .automation-title-row .source-picker{max-width:135px}.automation-card .automation-title-row .side-title{gap:6px}.automation-card .automation-title-row .side-title h3{font-size:12px}}

.destination-select-row{display:flex;align-items:center;gap:8px;width:100%;min-width:0;padding:0 9px;border:1px solid #e5e9ed;border-radius:7px;background:#fff;margin-bottom:12px;box-sizing:border-box}
.destination-select-row>div{width:22px;flex:0 0 22px}.destination-select-row>div[hidden]{display:none}
.destination-select-row>.auto-select{width:0;flex:1 1 0;min-width:0;max-width:100%;margin:0;border:0;background:transparent;box-shadow:none;padding-left:0;text-overflow:ellipsis}
.destination-select-row:focus-within{border-color:#81b5e7}
.destination-avatar.telegram-avatar{width:22px;height:22px;display:grid;place-items:center;background:#edf4fa;color:#4c84b5;font-size:9px}

/* Compact destination cards, darker and slightly heavier labels. */
.automation-card>.destination-choice{padding:8px 9px;margin:0 0 7px;border-radius:8px}
.automation-card .destination-choice>.field-label{margin:0 0 5px;font-size:10px;line-height:1.35;font-weight:650;color:#252b33}
.automation-card .destination-select-row{height:30px;min-height:30px;margin:0;padding:0 8px;gap:7px}
.automation-card .destination-select-row>.auto-select{height:28px;min-height:0;margin:0;font-size:10px;font-weight:600;color:#242a32;line-height:normal}
.automation-card .destination-select-row>.auto-select:disabled{opacity:1;color:#242a32;-webkit-text-fill-color:#242a32}
.automation-card .destination-avatar.telegram-avatar{width:20px;height:20px}
.automation-card .destination-select-row>div{width:20px;flex-basis:20px}
.automation-card .automation-button{margin-top:2px;height:31px;flex-basis:31px;font-size:10px;font-weight:600;color:#303844}

/* Compact workspace header and navigation. */
.workspace>.content{padding-top:12px}
.workspace>.content>.heading{margin-bottom:10px;min-height:37px;gap:12px}
.workspace>.content>.heading h1{font-size:25px;line-height:1.3;margin:0;font-weight:650;letter-spacing:-.5px}
.workspace>.content>.console-tabs{margin:0 0 12px;gap:22px}
.workspace>.content>.console-tabs a{padding:8px 1px;font-size:11px}
.workspace>.content>.status-banner{height:36px;margin-bottom:12px;font-size:11px}
@media(max-width:560px){.workspace>.content{padding-top:10px}.workspace>.content>.heading h1{font-size:21px}.workspace>.content>.heading{margin-bottom:8px}.workspace>.content>.console-tabs{margin-bottom:10px}}

/* Refined header actions aligned with the card typography. */
.heading-actions{gap:8px}
.heading-actions #memberAdminLink,.heading-actions .console-nav-link,.heading-actions #webLogout,.heading-actions #logout{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:32px;min-height:32px;margin:0;padding:0 12px;border:1px solid #e3e8ee;border-radius:7px;background:#fff;color:#424d5b;font-family:inherit;font-size:11px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
.heading-actions #memberAdminLink[hidden]{display:none}
.heading-actions #refresh,.heading-actions #adminRefresh{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:32px;border:1px solid #e3e8ee;border-radius:7px;background:#fff;color:#424d5b;font-size:19px;font-weight:600;line-height:1;transition:background .15s,border-color .15s,color .15s}
.heading-actions #memberAdminLink:hover,.heading-actions .console-nav-link:hover,.heading-actions #webLogout:hover,.heading-actions #logout:hover,.heading-actions #refresh:hover,.heading-actions #adminRefresh:hover{background:#f0f6fc;border-color:#bfd3e8;color:#246fb6}
.heading-actions a:focus-visible,.heading-actions button:focus-visible{outline:2px solid #8cb9e3;outline-offset:2px}
@media(max-width:560px){.heading-actions{gap:6px}.heading-actions #memberAdminLink,.heading-actions .console-nav-link,.heading-actions #webLogout,.heading-actions #logout{padding:0 9px;font-size:10px}}

/* Identical workspace shell geometry when switching between console and members. */
html{scrollbar-gutter:stable}
.workspace>.content,.workspace>.content.admin-content{box-sizing:border-box}
.admin-content .heading{align-items:center}
.admin-content .admin-metrics{display:flex;align-items:center;gap:20px;height:36px;margin:0 0 12px;padding:0 14px;border:1px solid #e9ecf0;border-radius:9px;background:#fff}
.admin-content .admin-metric{display:flex;flex-direction:row;align-items:center;gap:7px;border:0;border-radius:0;box-shadow:none;background:transparent;padding:0;min-width:0}
.admin-content .admin-metric>span{font-size:11px;color:#68717e;white-space:nowrap}
.admin-content .admin-metric strong{font-size:13px;line-height:1;font-weight:600;letter-spacing:0;color:#343b46}
.admin-content .admin-metric small{display:none}
.admin-content .admin-grid{gap:18px}
.admin-content .admin-invite-card,.admin-content .admin-list-card,.admin-content .admin-members-card{padding:15px 24px;border-radius:12px;border-color:#e9ecf0;box-shadow:0 2px 8px rgba(29,40,57,.025)}
.admin-content .admin-card-head{margin-bottom:12px}
.admin-content .admin-card-head h2{font-size:14px;font-weight:600;color:#343b46}
@media(max-width:560px){.admin-content .admin-metrics{gap:12px;padding:0 10px}.admin-content .admin-metric>span{font-size:10px}.admin-content .admin-invite-card,.admin-content .admin-list-card,.admin-content .admin-members-card{padding:15px}}

/* Fixed, matching invite cards; entries scroll inside the right-hand card. */
.admin-content .admin-grid{align-items:stretch;grid-auto-rows:auto}
.admin-content .admin-invite-card,.admin-content .admin-list-card{height:340px;min-height:0;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}
.admin-content .admin-card-head{flex:0 0 auto}
.admin-content .admin-invite-card form{flex:0 0 auto}
.admin-content .admin-help{margin-top:16px;flex:0 0 auto}
.admin-content .admin-invite-list{flex:1 1 0;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:5px}
.admin-content #message{min-height:0;overflow-y:auto;flex:1 1 auto;margin-top:8px}
@media(max-width:560px){.admin-content .admin-invite-card,.admin-content .admin-list-card{height:340px}}

/* Dense invitation entries with restrained spacing. */
.admin-content .admin-invite-row{padding:9px 0}
.admin-content .admin-invite-row:first-child{padding-top:0}
.admin-content .admin-invite-top{margin-bottom:7px;gap:8px}
.admin-content .admin-invite-name strong{font-size:11px;line-height:1.35}
.admin-content .admin-invite-name small{margin-top:2px;font-size:9px;line-height:1.3}
.admin-content .admin-badge{padding:3px 7px;font-size:9px}
.admin-content .admin-code-row{min-height:30px;padding:3px 5px 3px 9px;gap:7px;border-radius:6px}
.admin-content .admin-code{padding:2px 0;font-size:10px;line-height:1.3}
.admin-content .admin-copy{padding:4px 9px;font-size:9px;border-radius:4px}
.admin-content .admin-invite-bottom{margin-top:4px;gap:6px;line-height:1.3}
.admin-content .admin-invite-bottom small,.admin-content .admin-used-note{font-size:9px}
.admin-content .admin-text-button{font-size:9px;padding:2px 0}
.admin-content .admin-used-note{margin:3px 0 0;line-height:1.4}
.admin-content .admin-list-card .admin-card-head{margin-bottom:10px}

/* Inset bounded scrolling surface for invitation history. */
.admin-content .admin-list-card .admin-invite-list{height:230px;min-height:0;max-height:230px;flex:1 1 230px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;border:1px solid #e7ecf2;border-radius:8px;background:#fafbfd;padding:10px 12px;box-sizing:border-box}
.admin-content .admin-invite-list .admin-invite-row{border-color:#e8edf3}
.admin-content .admin-invite-list::-webkit-scrollbar{width:5px}
.admin-content .admin-invite-list::-webkit-scrollbar-thumb{background:#ced7e2;border-radius:8px}
.admin-content .admin-invite-list::-webkit-scrollbar-track{background:transparent}

/* Compact overall console rhythm without changing the reading/sending layout. */
.workspace>.content{padding-top:8px}
.workspace>.content>.heading{min-height:32px;margin-bottom:5px}
.workspace>.content>.heading h1{font-size:23px;line-height:1.25}
.workspace>.content>.console-tabs{margin-bottom:8px}
.workspace>.content>.console-tabs a{padding:6px 1px}
.workspace>.content>.status-banner{height:30px;margin-bottom:9px;padding:0 12px;font-size:10px}
.layout{gap:12px}
.layout .compose-card{padding:11px 16px 12px}
.compose-card .card-head{margin-bottom:8px}
.compose-card .card-head h2{font-size:15px;line-height:1.3}
.account-group-grid{gap:10px}
.account-pane.account-subcard{padding:8px;min-height:0}
.account-subcard .account-list{height:175px;max-height:175px;flex:0 0 175px;margin-bottom:6px;padding:3px 6px}
.group-list{height:175px}
.account-subcard .account-add-button{height:29px;min-height:29px;flex-basis:29px;font-size:10px}
.group-list-label{margin-bottom:5px}
.group-pane{padding-right:12px}
.layout .messages-card,.layout .automation-card{padding:13px 16px;height:auto;min-height:0}
.messages-card .messages-head{margin-bottom:8px;min-height:30px;gap:8px}
.messages-card .messages-head h2{font-size:15px;line-height:1.3}
.messages-card .messages-feed{height:300px;min-height:260px;max-height:none;flex:1 1 300px;padding:7px 10px}
.messages-card .messages-foot{padding-top:7px;margin-top:0;font-size:9px}
.message-item{padding-top:8px;padding-bottom:8px}
.automation-card .automation-title-row{margin-bottom:9px}
.automation-card .automation-title-row .side-icon{width:28px;height:28px;font-size:17px;border-radius:8px}
.automation-card .automation-title-row .side-title h3{font-size:13px}
.automation-card .round-assignment-block{margin-bottom:8px}
.automation-card .round-assignment-block>.field-label{margin-bottom:4px;font-size:10px}
.automation-card .round-assignment-block .round-order,.automation-card .round-assignment-block .cny-round-order{height:110px;min-height:110px;max-height:110px;padding:6px 8px;overflow-y:auto}
.automation-card .round-order .round-account,.automation-card .cny-round-order .round-account{padding-top:4px!important;padding-bottom:4px!important}
.automation-card>.destination-choice{padding:6px 8px;margin-bottom:6px}
.automation-card .destination-choice>.field-label{margin-bottom:4px}
@media(max-width:700px){.group-pane{padding:0 0 6px}.layout .messages-card,.layout .automation-card{padding:12px}.messages-card .messages-feed{height:280px;min-height:280px;max-height:280px;flex:0 0 280px}.automation-card .round-assignment-block .round-order,.automation-card .round-assignment-block .cny-round-order{height:100px;min-height:100px;max-height:100px}}

/* Inline, compact source label and selector. */
.automation-card .automation-title-row{grid-template-columns:minmax(0,1fr) minmax(0,205px);gap:8px}
.automation-card .automation-title-row .source-picker{display:flex;align-items:center;gap:6px;width:100%;max-width:205px;min-width:0}
.automation-card .source-picker>.field-label{flex:0 0 auto;margin:0;white-space:nowrap;font-size:10px;font-weight:600;line-height:1}
.automation-card .source-picker>.source-select-row{flex:1 1 0;width:0;min-width:0;gap:5px}
.automation-card .source-select-row>.auto-select{height:27px;min-height:27px;font-size:10px;padding-left:6px;padding-right:3px}
.automation-card #sourceGroupAvatar{width:19px;flex-basis:19px}
.automation-card .source-group-avatar.telegram-avatar{width:19px;height:19px;font-size:8px}
@media(max-width:560px){.automation-card .automation-title-row{grid-template-columns:minmax(0,1fr) minmax(0,165px);gap:6px}.automation-card .automation-title-row .source-picker{max-width:165px;gap:4px}.automation-card .source-picker>.field-label{font-size:9px}.automation-card .source-select-row>.auto-select{font-size:9px}}

/* Three compact destination pickers on one row; more room for assignments. */
.automation-card .destination-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;flex:0 0 auto;margin:0 0 8px;min-width:0}
.automation-card .destination-grid>.destination-choice{min-width:0;margin:0;padding:0;border:0;background:transparent}
.automation-card .destination-grid .field-label{font-size:9px;font-weight:600;line-height:1.4;white-space:nowrap;margin:0 0 5px;color:#303844}
.automation-card .destination-grid .destination-select-row{height:29px;min-height:29px;padding:0 6px;gap:5px;margin:0}
.automation-card .destination-grid .auto-select{font-size:9px;height:27px;padding:0;min-width:0;text-overflow:ellipsis}
.automation-card .destination-grid .destination-avatar.telegram-avatar{width:18px;height:18px}
.automation-card .destination-grid .destination-select-row>div{width:18px;flex-basis:18px}
.automation-card .round-assignment-block .round-order,.automation-card .round-assignment-block .cny-round-order{height:165px;min-height:165px;max-height:165px;overflow-y:auto}
@media(max-width:560px){.automation-card .destination-grid{gap:5px}.automation-card .destination-grid .field-label{font-size:8px;letter-spacing:-.2px}.automation-card .destination-grid .destination-select-row{padding:0 4px;gap:3px}.automation-card .round-assignment-block .round-order,.automation-card .round-assignment-block .cny-round-order{height:150px;min-height:150px;max-height:150px}}


/* Tighten only the gaps between assignment panels and destination controls. */
.automation-card .round-assignment-block{margin-top:0;margin-bottom:7px;padding-bottom:0}
.automation-card .round-assignment-block .round-order,.automation-card .round-assignment-block .cny-round-order{margin-top:0;margin-bottom:0}
.automation-card .round-assignment-block+.round-assignment-block{margin-top:0}
.automation-card .round-assignment-block+.destination-grid{margin-top:0}

/* Match group/account list identities to the assignment rows. */
.group-row{gap:8px;padding:7px 9px;align-items:center}
.group-avatar.telegram-avatar,.account-row-icon.telegram-avatar,.assignment-avatar.telegram-avatar{width:22px;height:22px;flex:0 0 22px;font-size:9px}
.group-main strong,.account-row-text strong{font-size:9px;font-weight:400;line-height:1.4;color:#343b46}
.group-main small,.account-row-text small{font-size:9px;line-height:1.4;margin-top:2px;color:#8993a1}
.account-row{gap:8px;padding:6px 4px;align-items:center}
.group-row .radio{width:13px;height:13px;flex:0 0 13px}

/* Closer spacing between group entries. */
.group-list .group-row{padding:4px 8px;gap:7px;min-height:0}
.group-list .group-main strong,.group-list .group-main small{line-height:1.25}
.group-list .group-main small{margin-top:1px}

/* Compact both sending-account lists. */
.account-subcard .account-list .account-row{padding:3px 4px;gap:7px;min-height:0}
.account-subcard .account-row-text strong,.account-subcard .account-row-text small{line-height:1.25}
.account-subcard .account-row-text small{margin-top:1px}

/* Put the source avatar inside the select's shared outline. */
.automation-card .source-picker>.source-select-row{border:1px solid #e5e9ed;border-radius:7px;background:#fff;padding:0 6px;height:27px;box-sizing:border-box}
.automation-card .source-select-row>.auto-select{border:0;background:transparent;box-shadow:none;height:25px;min-height:25px;padding-left:0;margin:0}
.automation-card .source-select-row:focus-within{border-color:#81b5e7}
.automation-card #sourceGroupAvatar{display:flex;align-items:center;justify-content:center}
.automation-card #sourceGroupAvatar[hidden]{display:none}

.account-subcard .account-row.selected{background:#eef6fd;outline:1px solid #d7eafb;border-radius:6px}.account-subcard .account-row.selected .account-row-text strong{color:#246fb6;font-weight:600}

/* Custom source menu always opens below the picker, including group avatars. */
.automation-card .source-select-row{position:relative}
.automation-card #autoSource{display:none!important}
.source-picker-toggle{display:flex;align-items:center;justify-content:space-between;gap:5px;flex:1 1 0;min-width:0;height:25px;padding:0;border:0;background:transparent;color:#343b46;font-family:inherit;font-size:10px;line-height:1.3;text-align:left;cursor:pointer}
.source-picker-toggle>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.source-picker-toggle>i{font-style:normal;flex:0 0 auto;color:#7e8997;font-size:14px}
.source-picker-toggle:disabled{cursor:default}
.source-picker-options{position:absolute;top:calc(100% + 6px);bottom:auto!important;right:0;z-index:100;width:280px;max-width:min(280px,70vw);max-height:220px;overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;padding:5px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px rgba(31,42,58,.12)}
.source-picker-options[hidden]{display:none}
.source-picker-option{display:flex;align-items:center;gap:7px;width:100%;min-height:30px;padding:5px 6px;border:0;border-radius:5px;background:#fff;font-family:inherit;font-size:10px;color:#343b46;text-align:left;cursor:pointer}
.source-picker-option>span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.source-picker-option>i{font-style:normal;color:#2b80d7;font-size:11px;width:12px}
.source-picker-option:hover,.source-picker-option:focus-visible,.source-picker-option[aria-selected="true"]{background:#eef6fd;outline:0}
.picker-group-avatar.telegram-avatar{width:20px;height:20px;flex:0 0 20px;display:grid;place-items:center;background:#edf4fa;color:#4c84b5;font-size:9px}

/* Source menu exactly matches its trigger outline. */
.automation-card .source-select-row>.source-picker-options{left:0;right:0;width:100%;min-width:0;max-width:100%;box-sizing:border-box}

/* Consistent downward-only, equal-width destination menus. */
.automation-card .destination-select-row{position:relative}
.automation-card .destination-select-row>select{display:none!important}
.destination-picker-toggle{display:flex;align-items:center;justify-content:space-between;flex:1 1 0;min-width:0;gap:4px;height:27px;border:0;padding:0;background:transparent;color:#242a32;font-family:inherit;font-size:9px;font-weight:600;text-align:left;cursor:pointer}
.destination-picker-toggle>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.destination-picker-toggle>i{flex:0 0 auto;font-size:13px;font-style:normal;color:#7e8997}
.destination-picker-toggle:disabled{cursor:default}
.automation-card .destination-select-row>.destination-picker-options{position:absolute;top:calc(100% + 5px);bottom:auto;left:0;right:0;width:100%;min-width:0;max-width:100%;max-height:210px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;z-index:100;flex:none;padding:4px;border:1px solid #e2e8f0;border-radius:7px;background:#fff;box-shadow:0 8px 24px rgba(31,42,58,.12);overscroll-behavior:contain}
.destination-picker-options[hidden]{display:none!important}
.destination-picker-option{display:flex;align-items:center;gap:5px;box-sizing:border-box;width:100%;min-width:0;min-height:29px;padding:4px;border:0;border-radius:4px;background:#fff;color:#343b46;font-family:inherit;font-size:9px;text-align:left;cursor:pointer}
.destination-picker-option>span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.destination-picker-option>i{flex:0 0 9px;font-style:normal;color:#2b80d7}
.destination-picker-option .telegram-avatar{width:18px;height:18px;flex-basis:18px}
.destination-picker-option:hover,.destination-picker-option:focus-visible,.destination-picker-option[aria-selected="true"]{background:#eef6fd;outline:0}

/* Bottom destination pickers open upwards, clear of the forwarding button. */
.automation-card .destination-select-row>.destination-picker-options{top:auto;bottom:calc(100% + 5px)}

/* The menu is not an avatar slot: override the generic direct-div width rule. */
.automation-card .destination-grid .destination-select-row>.destination-picker-options{position:absolute;left:0;right:0;top:auto;bottom:calc(100% + 5px);width:100%!important;min-width:100%!important;max-width:100%!important;flex:none!important;box-sizing:border-box;padding:4px;z-index:150;overflow-x:hidden;overflow-y:auto}
.automation-card .destination-grid .destination-picker-options .destination-picker-option{width:100%;min-width:0;max-width:100%;display:flex;align-items:center;box-sizing:border-box}
.automation-card .destination-grid .destination-picker-option>.telegram-avatar{width:18px!important;height:18px;flex:0 0 18px!important}
.automation-card .destination-grid .destination-picker-option>span{flex:1 1 0;min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#343b46;font-size:9px}

/* Equal menu heights, contained vertically within the CNY assignment area. */
.automation-card .destination-grid .destination-select-row>.destination-picker-options{height:140px;min-height:140px;max-height:140px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}

/* Shift a little width from group messages to the assignment panel. */
@media(min-width:701px){.layout{grid-template-columns:minmax(0,1.8fr) minmax(0,3.2fr)!important}}

/* Compact sign-in card, matching the amount editor width. */
.login-page .modal-backdrop{padding:10px}
.login-page .modal{width:min(244px,calc(100vw - 20px));max-height:calc(100dvh - 20px);overflow-y:auto;padding:12px;border:1px solid #e0e8ef;border-radius:10px;background:#fff;box-shadow:0 18px 64px #172d4826}
.login-page .modal-symbol{width:24px;height:24px;font-size:13px;border-radius:7px;margin-bottom:6px}
.login-page .eyebrow{font-size:8px;letter-spacing:1px;font-weight:400}
.login-page .modal h1{font-size:17px;line-height:1.4;font-weight:500;margin:3px 0 5px}
.login-page .modal-desc{font-size:11px;line-height:1.5;margin:0 0 8px}
.login-page .field-label{font-size:11px;font-weight:400;margin:0 0 4px}
.login-page .modal-input{height:30px;padding:0 8px;font-size:12px;margin:0 0 7px;border-radius:6px}
.login-page .modal-input:focus{border-color:#a9b8c8;box-shadow:none}
.login-page .modal-submit{height:30px;min-height:0;padding:0 10px;margin-top:2px;font-size:12px;font-weight:400;border-radius:6px}
.login-page .text-button{font:inherit;font-size:10px;padding-top:6px}
.login-page #loginMessage:empty{display:none}
.login-page #loginMessage:not(:empty){margin:9px 0 0;color:#b75043}
@media(max-width:560px){.login-page .modal-input{font-size:16px}}

/* Compact member management typography and spacing. */
.admin-content .heading h1{font-size:21px;font-weight:500;letter-spacing:0}
.admin-content .console-tabs{gap:16px;margin-bottom:9px}
.admin-content .console-tabs a{font-size:10px;padding:6px 1px;font-weight:400}
.admin-content .admin-metrics{height:30px;gap:16px;padding:0 10px;margin-bottom:10px}
.admin-content .admin-metric>span{font-size:10px;font-weight:400}
.admin-content .admin-metric strong{font-size:11px;font-weight:400}
.admin-content .admin-grid{gap:10px}
.admin-content .admin-invite-card,.admin-content .admin-list-card{height:180px;padding:11px 12px;border-radius:9px}
.admin-content .admin-card-head,.admin-content .admin-list-card .admin-card-head{gap:8px;margin-bottom:8px}
.admin-content .admin-card-head h2{font-size:12px;font-weight:400;margin:0 0 4px}
.admin-content .admin-card-head p{font-size:10px;line-height:1.5;margin:0}
.admin-content .admin-card-symbol{font-size:16px}
.admin-content .field-label{font-size:10px;font-weight:400;margin-bottom:5px}
.admin-content .modal-input{height:29px;padding:0 8px;font-size:11px;margin-bottom:6px}
.admin-content .admin-generate{height:28px;margin-top:5px;padding:0 9px;font-size:10px;font-weight:400;border-radius:6px}
.admin-content #message{font-size:10px;line-height:1.5;margin-top:6px}
.admin-content #message:empty{display:none}
.admin-content .admin-list-card .admin-invite-list{height:auto;max-height:none;flex:1 1 0;padding:7px 8px;border-radius:6px}
.admin-content .admin-invite-list .admin-invite-row{padding:7px 0}
.admin-content .admin-invite-list .admin-invite-row:first-child{padding-top:0}
.admin-content .admin-invite-top{margin-bottom:5px;gap:6px}
.admin-content .admin-invite-name strong{font-size:10px;font-weight:400}
.admin-content .admin-invite-name small{font-size:8px;margin-top:2px}
.admin-content .admin-badge{font-size:8px;font-weight:400;padding:2px 5px}
.admin-content .admin-code-row{min-height:25px;padding:2px 4px 2px 6px;gap:5px}
.admin-content .admin-code{font-size:9px;font-weight:400}
.admin-content .admin-copy{font-size:9px;font-weight:400;padding:3px 7px}
.admin-content .admin-invite-bottom{margin-top:3px;gap:4px}
.admin-content .admin-invite-bottom small,.admin-content .admin-text-button{font-size:8px;font-weight:400}
.admin-content .admin-empty strong{font-size:11px;font-weight:400}
.admin-content .admin-empty p{font-size:10px}
@media(max-width:560px){.admin-content .admin-metrics{gap:10px;padding:0 8px}}

.workspace>.content.admin-content>.heading h1{font-size:21px;font-weight:500;letter-spacing:0}
.workspace>.content.admin-content>.console-tabs{gap:16px;margin-bottom:9px}
.workspace>.content.admin-content>.console-tabs a{font-size:10px;padding:6px 1px;font-weight:400}

/* Shared typography for the forwarding workspace and member management. */
body:not(.login-page){--console-heading:#27313d;--console-text:#3f4a58;--console-muted:#7d8794;font-size:10px;color:var(--console-text)}
body:not(.login-page) .workspace>.content>.heading h1{font-size:21px;font-weight:500;line-height:1.3;letter-spacing:0;color:var(--console-heading)}
body:not(.login-page) .workspace :is(.card-head h2,.messages-head h2,.admin-card-head h2){font-size:13px;font-weight:500;line-height:1.4;color:var(--console-heading)}
body:not(.login-page) .workspace :is(.account-pane-title h3,.side-title h3,.automation-title-row .side-title h3){font-size:11px;font-weight:500;line-height:1.4;color:var(--console-heading)}
body:not(.login-page) .workspace .field-label{font-size:10px;font-weight:500;color:var(--console-heading);line-height:1.4}
body:not(.login-page) .automation-card :is(.destination-grid .field-label,.destination-choice>.field-label,.source-picker>.field-label){font-size:9px;font-weight:500;color:var(--console-heading)!important;letter-spacing:0}
body:not(.login-page) .workspace :is(strong,b){font-weight:400}
body:not(.login-page) .workspace :is(.group-main strong,.account-row-text strong,.account-row.selected .account-row-text strong,.round-account,.round-account b,.round-account strong,.round-order .round-account,.cny-round-order .round-account){font-size:9px;font-weight:400;line-height:1.5;color:var(--console-text)}
body:not(.login-page) .workspace :is(.group-main small,.account-row-text small,.account-picker-label,.account-summary,.recipient-count,.bindings-empty,.empty p,.message-empty,.live-indicator,.messages-foot,.message-time,.round-order:empty){font-size:9px;font-weight:400;color:var(--console-muted);line-height:1.5}
body:not(.login-page) .workspace :is(.message-body,.message-sender){font-size:10px;font-weight:400;line-height:1.6;color:var(--console-text)}
body:not(.login-page) .workspace :is(input,select,textarea,.outline-button,.automation-button,.send-button,.admin-generate){font-size:10px;font-weight:400}
body:not(.login-page) .workspace :is(input,select,textarea){color:var(--console-text)}
body:not(.login-page) .workspace :is(.outline-button,.text-button,.admin-text-button){color:var(--console-text)}
body:not(.login-page) .workspace :is(.source-picker-toggle,.source-picker-option,.destination-picker-toggle,.destination-picker-option,.destination-picker-option>span,.source-picker-option>span){font-size:9px;font-weight:400;color:var(--console-text)}
body:not(.login-page) .automation-card .source-picker .auto-select{color:var(--console-text)!important}
body:not(.login-page) .automation-card .destination-select-row>.auto-select:disabled{color:var(--console-muted);-webkit-text-fill-color:var(--console-muted)}
body:not(.login-page) .workspace :is(.console-tabs a,.status-right,.heading-actions #webLogout,.heading-actions #logout,.admin-invite-name strong,.admin-code,.admin-copy){font-size:10px;font-weight:400}
body:not(.login-page) .workspace .console-tabs a:not(.selected){color:var(--console-muted)}
body:not(.login-page) .workspace :is(.status-banner,.automation-status){font-size:9px;font-weight:400}
body:not(.login-page) .workspace .automation-status:not(.running):not(.error){color:var(--console-muted)}
body:not(.login-page) .workspace .admin-card-head h2{font-size:12px;font-weight:500}
body:not(.login-page) .workspace :is(.admin-card-head p,.admin-invite-name small,.admin-invite-bottom small,.admin-used-note){font-size:9px;font-weight:400;color:var(--console-muted)}
body:not(.login-page) .modal h2{font-size:15px;font-weight:500;color:var(--console-heading)}
body:not(.login-page) .modal :is(.field-label,.modal-desc,.modal-note,.text-button){font-size:10px;font-weight:400;color:var(--console-text)}
body:not(.login-page) .modal :is(.modal-input,.modal-submit){font-size:11px;font-weight:400}
@media(max-width:560px){body:not(.login-page) .workspace>.content>.heading h1{font-size:19px}body:not(.login-page) .modal .modal-input{font-size:16px}}

/* Clearer text contrast with compact account rows. */
body:not(.login-page) .workspace :is(.account-row-text strong,.account-row.selected .account-row-text strong,.group-main strong){font-weight:400}
body:not(.login-page) .workspace .account-subcard .account-list{gap:2px}
body:not(.login-page) .workspace .account-subcard .account-row{min-height:0;height:auto;padding:2px 4px;gap:6px;align-items:center}
body:not(.login-page) .workspace .account-subcard .account-row :is(.account-row-icon,.account-row-icon.telegram-avatar){width:18px;height:18px;flex:0 0 18px;font-size:8px}
body:not(.login-page) .workspace .account-subcard .account-row-text :is(strong,small){font-size:9px;font-weight:400;line-height:11px}
body:not(.login-page) .workspace .account-subcard .account-row-text small{margin-top:0}
body:not(.login-page) .workspace .account-subcard .account-row-actions{gap:2px}
body:not(.login-page) .workspace .account-subcard .account-row-actions .remove-account{height:18px;min-height:18px;max-height:18px;flex-basis:18px;padding-top:0;padding-bottom:0;font-size:9px;font-weight:400;line-height:1}