:root{color-scheme:dark;--bg:#0c1018;--panel:#131923;--panel2:#19212d;--border:#283140;--muted:#8f9bad;--text:#edf1f5;--green:#b5ecc5;--green-dim:#233c32;--purple:#b5a4e7;--amber:#e6c18a;--red:#f19c9c;font-family:Inter,"Segoe UI",sans-serif;font-size:14px;line-height:1.5}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button{color:inherit;border:1px solid var(--border);border-radius:9px;background:var(--panel2);padding:10px 15px;font-weight:550;display:inline-flex;gap:8px;align-items:center;justify-content:center;transition:background .16s,transform .16s}button:hover:not(:disabled){background:#293545}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:4px}.primary{background:var(--green);color:#10291a;border-color:var(--green)}.primary:hover:not(:disabled){background:#cff9da}.secondary{background:transparent}.danger{color:var(--red);background:#382528;border-color:#57343a}.small{font-size:12px;padding:6px 10px}.icon-button{width:34px;height:34px;padding:7px;background:transparent}.icon{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.muted,small{color:var(--muted)}small{font-size:12px}h1,h2,h3,p{margin:0}h1{font-size:28px;font-weight:600;letter-spacing:-.8px;line-height:1.3}h2{font-size:17px;letter-spacing:-.3px;font-weight:600}h3{font-size:15px;font-weight:600}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:600;color:var(--muted)}
.app-shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--border);padding:28px 16px 0;background:#10151e;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;padding:0 7px;margin-bottom:30px;font-size:19px;font-weight:400;letter-spacing:-.5px}.brand b{font-weight:650}.brand small{font-size:8px;letter-spacing:1.8px;display:block;margin-top:1px}.brand-mark{position:relative;display:grid;place-items:center;background:var(--green);color:#172a21;border-radius:12px;width:40px;height:40px;font-size:25px;font-weight:750;line-height:1}.brand-mark span{position:absolute;right:3px;top:3px;font-size:12px}.workspace{display:flex;gap:10px;align-items:center;border:1px solid var(--border);padding:12px 10px;border-radius:10px;font-size:12px;margin-bottom:29px}.workspace small,.profile small{display:block;font-size:10px;margin-top:3px}.workspace-avatar,.avatar-small{background:#393447;color:#d6c6e9;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-weight:600;flex-shrink:0}.workspace-chevron{margin-left:auto;color:var(--muted)}.nav-caption{font-size:10px;letter-spacing:1.8px;color:#748197;margin:0 13px 12px}nav{display:grid;gap:5px}nav a{display:flex;gap:12px;align-items:center;color:#a3afbe;font-size:13px;padding:12px 14px;border-radius:8px}nav a:hover{background:#1b2431;color:var(--text)}nav a.active{background:#283d33;color:#c7f3d2}nav .count{margin-left:auto;background:#354c40;color:#caeed2;font-size:10px;padding:1px 6px;border-radius:5px}.sidebar-bottom{margin-top:auto}.connection-mini{display:flex;gap:9px;align-items:center;padding:17px 11px;font-size:11px;line-height:1.6;color:var(--muted);border-bottom:1px solid var(--border)}.connection-mini b{display:block;color:#c7d1de;font-weight:500}.signal-icon{font-size:21px;color:var(--muted)}.profile{width:100%;border:0;background:none;padding:20px 6px;justify-content:start;text-align:left;font-size:12px}.profile>span:last-child{margin-left:auto;color:var(--muted)}.topbar{display:flex;align-items:center;justify-content:space-between;height:73px;border-bottom:1px solid var(--border);padding:0 34px;font-size:12px}.breadcrumb{color:var(--muted)}.breadcrumb span{padding:0 13px;color:#4d5867}.breadcrumb strong{color:#ced6e1;font-weight:500}.topbar-right{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:11px}.top-divider{height:16px;border-left:1px solid var(--border)}.local-badge{font-size:9px;letter-spacing:1.3px}.avatar-small{width:29px;height:29px;border-radius:50%;font-size:11px}.main-shell{min-width:0;display:flex;flex-direction:column}main{padding:29px 34px;flex:1}.app-footer{display:flex;justify-content:space-between;border-top:1px solid #1e2632;margin:0 34px;padding:15px 0;font-size:10px;color:#76849a}.page-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:25px}.page-head p{color:var(--muted);font-size:13px;margin-top:6px}.head-actions{display:flex;gap:9px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;font-size:10px;font-weight:550;border-radius:6px;background:#27303d;color:#b9c4d4;white-space:nowrap;letter-spacing:.2px}.badge.green{background:#223c31;color:#b5e7c4}.badge.amber{background:#3a3023;color:var(--amber)}.badge.purple{background:#302b43;color:#c7b5ef}.badge.red{background:#3c292f;color:#f0b0b6}.badge.outline{background:none;border:1px solid var(--border)}.dot{width:5px;height:5px;background:currentColor;border-radius:50%;display:inline-block}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:23px}.stat{padding:17px 20px;background:var(--panel);border:1px solid var(--border);border-radius:12px}.stat-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#a0acbc}.stat .icon{width:16px;height:16px;color:#7f8fa4}.stat-number{font-size:28px;letter-spacing:-.6px;margin-top:7px;line-height:1.25;font-weight:550}.stat small{display:block;font-size:10px;margin-top:5px;color:#7f8c9f}.stat small .positive{color:#b8dfc3}.office-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:18px;align-items:start}.panel{background:var(--panel);border:1px solid var(--border);border-radius:13px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;gap:12px}.panel-head h2{font-size:14px}.panel-head p{font-size:11px;color:var(--muted);margin-top:3px}.panel-head .eyebrow{font-size:9px}.room{position:relative;background:#101620;aspect-ratio:3/2;overflow:hidden;border-top:1px solid #222b38;border-bottom:1px solid #222b38}.room>img{width:100%;height:100%;object-fit:cover;display:block}.desk{position:absolute;transform:translate(-50%,-50%);background:#121c2aee;border:1px solid #536375;color:#f2f5f8;box-shadow:0 3px 14px #0008;font-size:10px;border-radius:7px;padding:6px 10px;display:flex;flex-direction:column;gap:0;min-width:80px;line-height:1.35;backdrop-filter:blur(8px)}.desk small{font-size:8px;color:#c0cbd9;font-weight:400}.desk:hover:not(:disabled){background:#22382cee;border-color:var(--green);transform:translate(-50%,-54%)}.desk.selected{border-color:var(--green);background:#20382cee}.desk-manager{left:50%;top:33%}.desk-content{left:27%;top:58%}.desk-compliance{left:77%;top:58%}.desk-approval{left:29%;top:86%}.desk-publisher{left:75%;top:88%}.room-label{position:absolute;top:14px;left:16px;color:#c0cbd9;letter-spacing:1.4px;font-size:8px;border:1px solid #5f697055;border-radius:5px;padding:5px 8px;background:#10172299}.room-legend{padding:12px 18px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8997aa;gap:10px}.legend-items{display:flex;gap:12px}.legend-items span{display:flex;gap:5px;align-items:center}.agent-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}.agent-card{padding:12px 4px;display:flex;flex-direction:column;gap:5px;background:var(--panel);font-size:10px;border-radius:9px}.agent-card.selected{border-color:#7fad91}.agent-avatar{height:32px;width:32px;border-radius:50%;background-image:url('/assets/office.png');background-size:280px 187px;border:1px solid #687384}.avatar-manager{background-position:-120px -17px}.avatar-content{background-position:-49px -57px}.avatar-compliance{background-position:-202px -55px}.avatar-approval{background-position:-56px -101px}.avatar-publisher{background-position:-200px -107px}.agent-card small{font-size:8px}.right-stack{display:grid;gap:15px}.agent-info{padding:20px}.agent-info-top{display:flex;gap:12px;align-items:center;margin-bottom:16px}.agent-info-top .agent-avatar{width:43px;height:43px;background-size:370px 247px}.agent-info-top .avatar-manager{background-position:-157px -24px}.agent-info-top .avatar-content{background-position:-65px -73px}.agent-info-top .avatar-compliance{background-position:-267px -73px}.agent-info-top .avatar-approval{background-position:-73px -132px}.agent-info-top .avatar-publisher{background-position:-263px -143px}.agent-info h3{font-size:15px}.agent-info .role{font-size:11px;color:var(--muted)}.agent-description{font-size:12px;color:#9eacbf;line-height:1.7;margin-bottom:16px}.detail-label{font-size:9px;color:#8090a7;letter-spacing:1px;margin-bottom:5px}.agent-task{background:#0e141e;border:1px solid #26303d;padding:12px;border-radius:8px;font-size:11px;line-height:1.7}.agent-task strong{display:block;font-size:12px;font-weight:500;margin-bottom:4px}.full{width:100%}.agent-info .full{margin-top:17px;font-size:11px}.activity-list{padding:0 18px 10px}.activity-item{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #252d39;font-size:11px}.activity-item:last-child{border:0}.activity-marker{height:25px;width:25px;border-radius:7px;background:#292c3f;display:grid;place-items:center;flex-shrink:0;font-size:10px;color:var(--purple)}.activity-item p{line-height:1.65;color:#bdc7d5}.activity-item small{font-size:9px;display:block;margin-top:4px}.subtle-link{font-size:10px;color:var(--green)}.quick-brief{display:flex;align-items:center;gap:14px;background:linear-gradient(115deg,#1d2928,#1a2030);border:1px solid #33403e;padding:16px 18px;border-radius:12px;margin-top:19px}.quick-brief .brief-icon{background:#344a3c;color:var(--green);height:37px;width:37px;display:grid;place-items:center;border-radius:10px;font-size:20px;flex-shrink:0}.quick-brief strong{font-size:12px;font-weight:550}.quick-brief p{font-size:10px;color:var(--muted);margin-top:3px}.quick-brief button{margin-left:auto;font-size:11px;white-space:nowrap}.recent{margin-top:24px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#8e9bae;font-weight:500;padding:12px 19px;background:#111720;white-space:nowrap}td{padding:15px 19px;border-top:1px solid #252e3c;vertical-align:middle}td strong{display:block;font-weight:500;font-size:12px}td small{display:block;font-size:10px;margin-top:4px}td .badge{font-size:9px}.table-actions{display:flex;gap:6px;justify-content:flex-end}.empty{padding:32px 20px;text-align:center;color:var(--muted);font-size:12px;line-height:1.8}.empty .icon{width:28px;height:28px;margin-bottom:8px}.empty strong{display:block;color:#cdd5df;font-weight:500;margin-bottom:5px}.toolbar{display:flex;gap:12px;margin-bottom:18px;align-items:center;flex-wrap:wrap}.toolbar input{max-width:320px}.toolbar .spacer{flex:1}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid-three{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.padded{padding:22px}.account-card h3{margin-bottom:5px}.account-top{display:flex;justify-content:space-between;margin-bottom:20px}.account-icon{width:41px;height:41px;background:#253b32;color:var(--green);border-radius:11px;display:grid;place-items:center}.account-card .number{font-size:18px;margin-bottom:6px}.account-card p{font-size:12px;color:var(--muted)}.account-card .actions{margin-top:20px;display:flex;gap:8px;flex-wrap:wrap}.account-card .brand-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:16px}.notice{border:1px solid #54472e;background:#29241d;color:#d9c8a6;padding:14px 17px;border-radius:10px;font-size:12px;line-height:1.7;margin-bottom:18px}.notice.info{border-color:#304457;background:#17242d;color:#a9c5d8}.notice.success{border-color:#34543f;background:#1b2d22;color:#b7dec1}.notice a{text-decoration:underline}.settings-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:start}.settings-form{display:grid;gap:18px}.form-section{padding:24px;border:1px solid var(--border);background:var(--panel);border-radius:12px}.form-section h2{margin-bottom:6px}.form-section>p{color:var(--muted);font-size:12px;margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .span-two{grid-column:1/-1}label{display:flex;flex-direction:column;gap:7px;color:#c0cad8;font-size:12px;font-weight:500}label small{font-size:10px;font-weight:400}input,select,textarea{width:100%;background:#0d141e;border:1px solid #354153;border-radius:8px;padding:10px 12px;color:var(--text);outline:none;font-size:13px;min-width:0}input:focus,select:focus,textarea:focus{border-color:#9ccdab;box-shadow:0 0 0 2px #9ccdab20}input::placeholder,textarea::placeholder{color:#647289}textarea{resize:vertical;min-height:95px;line-height:1.7}input[type=checkbox]{width:16px;height:16px;accent-color:var(--green);box-shadow:none}.check-label{display:flex;flex-direction:row;align-items:center;gap:9px;font-weight:400}.check-grid{display:flex;gap:14px;flex-wrap:wrap}.help-steps{counter-reset:step;display:grid;gap:21px;padding:22px}.help-step{display:flex;gap:12px;font-size:12px;color:var(--muted);line-height:1.7}.help-step:before{counter-increment:step;content:counter(step);width:25px;height:25px;display:grid;place-items:center;background:#293c32;color:var(--green);border-radius:50%;flex-shrink:0;font-size:11px}.help-step strong{display:block;color:var(--text);font-weight:500;margin-bottom:4px}.help-step a{color:var(--green);text-decoration:underline}.mono,code{font-family:Consolas,monospace;font-size:11px;overflow-wrap:anywhere}.inline-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.divider{height:1px;background:var(--border);margin:20px 0}.log-row{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;gap:15px;align-items:flex-start}.log-row p{font-size:13px}.log-row small{font-size:11px}.log-row .badge{margin-left:auto}.inbox-row{padding:19px;border-bottom:1px solid var(--border)}.inbox-row .message{white-space:pre-wrap;margin:10px 0;font-size:13px}.inbox-row strong{font-size:12px}.inbox-row small{float:right}
 dialog{color:var(--text);background:var(--panel);border:1px solid #3a4658;border-radius:16px;padding:0;width:min(920px,calc(100vw - 32px));max-height:90vh;box-shadow:0 30px 120px #0009}dialog::backdrop{background:#050a11b8;backdrop-filter:blur(5px)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:23px 26px;border-bottom:1px solid var(--border);gap:15px}.modal-head h2{font-size:20px}.modal-head p{font-size:12px;color:var(--muted);margin-top:4px}.modal-body{padding:25px 26px}.modal-footer{padding:18px 26px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.compose-grid{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:25px}.compose-fields{display:grid;gap:17px}.field-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:7px}.field-head button{padding:5px 9px;font-size:10px;color:var(--purple)}.phone-preview{background:#0a0f14;border:5px solid #39414d;border-radius:29px;overflow:hidden;align-self:start;box-shadow:0 10px 35px #0005}.phone-notch{width:73px;height:16px;background:#39414d;border-radius:0 0 12px 12px;margin:0 auto}.phone-status{display:flex;justify-content:space-between;font-size:9px;padding:9px 15px}.wa-head{display:flex;align-items:center;gap:9px;background:#202a30;padding:13px 12px;font-size:11px}.wa-logo{background:#597369;color:#fff;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-size:12px}.wa-head small{font-size:8px;display:block;color:#adc0b7}.wa-body{background-color:#111c21;background-image:radial-gradient(#52675b23 1px,transparent 1px);background-size:16px 16px;min-height:285px;padding:18px 13px 30px}.wa-day{text-align:center;color:#a4b2b9;font-size:8px;margin-bottom:16px}.wa-bubble{background:#075e4e;border-radius:8px 0 8px 8px;padding:12px 12px 7px;margin-left:13px;font-size:11px;line-height:1.65;color:#eaf3ee;white-space:pre-wrap;overflow-wrap:anywhere}.wa-time{text-align:right;font-size:8px;color:#a3beb4;display:block;margin-top:5px}.wa-compose{padding:12px;background:#172127;color:#76878e;font-size:10px}.preview-caption{font-size:10px;text-align:center;color:var(--muted);margin-top:12px}.template-zone{display:grid;gap:13px}.workflow{display:flex;gap:7px;margin:15px 0 22px;flex-wrap:wrap}.workflow-step{padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:10px;display:flex;gap:6px;align-items:center}.workflow-step.done{color:var(--green);background:#22382d;border-color:#355242}.workflow-step.current{color:var(--amber);border-color:#5c4e36;background:#302920}.campaign-summary{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.detail-content{background:#0e161f;padding:17px;border:1px solid var(--border);border-radius:9px;white-space:pre-wrap;font-size:13px;line-height:1.8;overflow-wrap:anywhere}.section-label{font-size:11px;color:var(--muted);margin:20px 0 8px}.error-text{color:var(--red);font-size:12px;margin-top:12px;white-space:pre-wrap}.success-text{color:var(--green);font-size:12px;margin-top:12px}.toast-stack{position:fixed;bottom:24px;right:25px;z-index:20;display:grid;gap:10px;max-width:min(430px,calc(100vw - 40px))}.toast{background:#233b2d;color:#d6eedc;border:1px solid #48674e;border-radius:10px;padding:14px 18px;font-size:12px;box-shadow:0 10px 30px #0007}.toast.error{background:#3c252d;color:#f1c3c9;border-color:#71414c}.initial-loading{padding:80px;text-align:center;color:var(--muted)}.login-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 10%,#29423766,transparent 60%)}.login-card{width:min(420px,calc(100vw - 35px));border:1px solid var(--border);background:var(--panel);border-radius:18px;padding:35px;display:grid;gap:22px}.login-card .eyebrow{color:var(--green)}.login-card h1{font-size:25px}.login-card>p{color:var(--muted);font-size:13px}.login-card #login-error{color:var(--red)}[hidden]{display:none!important}
@media(min-width:1600px){main{max-width:1550px;width:100%;margin:auto}.office-grid{grid-template-columns:minmax(0,1fr) 330px}.desk{font-size:12px;padding:8px 14px}.desk small{font-size:10px}}
@media(max-width:1200px){.app-shell{grid-template-columns:195px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.brand{font-size:17px}.brand small{font-size:7px}.office-grid{grid-template-columns:minmax(0,1fr) 245px}main{padding:24px}.topbar{padding:0 24px}.agent-info{padding:16px}.stats{gap:10px}.stat{padding:15px}.grid-three{grid-template-columns:1fr 1fr}.room-legend{font-size:9px}.legend-items{gap:6px}.topbar-right #clock{display:none}}
@media(max-width:1000px){.app-shell{grid-template-columns:74px minmax(0,1fr)}.sidebar{padding:24px 9px 0}.brand{justify-content:center;padding:0}.brand>span:last-child,.workspace,.nav-caption,nav a span,.connection-mini,.profile{display:none}nav a{justify-content:center;padding:13px}nav .count{display:none}.office-grid{grid-template-columns:minmax(0,1fr) 250px}.settings-grid{grid-template-columns:1fr}.brand-mark{width:38px;height:38px}.app-footer{margin:0 24px}.head-actions button{font-size:11px}h1{font-size:25px}}
@media(max-width:780px){.office-grid{grid-template-columns:1fr}.right-stack{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.page-head{align-items:flex-start}.head-actions{justify-content:flex-end}.grid-three,.grid-two{grid-template-columns:1fr}.compose-grid{grid-template-columns:1fr 220px}.room-legend{font-size:10px}.desk{font-size:11px}.desk small{font-size:9px}.topbar-right .local-badge{display:none}}
@media(max-width:560px){.app-shell{display:block}.sidebar{position:fixed;top:auto;bottom:0;width:100%;height:64px;z-index:10;border-right:0;border-top:1px solid var(--border);padding:5px;background:#101720f5;backdrop-filter:blur(12px)}.brand,.sidebar-bottom{display:none}nav{display:flex;justify-content:space-around;gap:0}nav a{flex-direction:column;gap:2px;padding:6px 5px;border-radius:8px;font-size:8px;min-width:43px}nav a span{display:block}nav a:nth-child(6){display:none}nav .icon{height:18px;width:18px}.topbar{height:56px;padding:0 17px}.topbar-right{gap:10px}main{padding:22px 16px 28px}.app-footer{margin:0 16px;padding-bottom:80px;font-size:9px}.page-head{flex-wrap:wrap;margin-bottom:20px}.page-head p{font-size:12px}.head-actions{width:100%;justify-content:start}.head-actions button{font-size:12px}h1{font-size:26px}.stats{gap:10px}.stat{padding:14px}.stat-number{font-size:26px}.office-grid{gap:13px}.panel-head{padding:15px}.right-stack{grid-template-columns:1fr}.room-legend{font-size:8px;padding:10px}.legend-items{display:none}.desk{font-size:9px;min-width:66px;padding:4px 6px}.desk small{font-size:7px}.room-label{font-size:6px;top:7px;left:8px}.agent-card{font-size:9px}.agent-card small{font-size:7px}.agent-strip{gap:5px}.quick-brief{padding:12px;gap:9px;flex-wrap:wrap}.quick-brief button{margin-left:46px}.recent{margin-top:20px}.form-grid{grid-template-columns:1fr}.form-grid .span-two{grid-column:auto}.compose-grid{grid-template-columns:1fr}.preview-side{max-width:260px;width:100%;margin:0 auto}.modal-head,.modal-body,.modal-footer{padding:19px}.modal-footer{flex-wrap:wrap}.modal-footer button{flex:1}.account-card .number{font-size:17px}.toast-stack{bottom:79px;right:16px}.toolbar input{max-width:100%}.settings-grid{gap:15px}.form-section{padding:19px}.log-row{padding:15px;gap:10px}.log-row .badge{display:none}.phone-preview{border-width:4px}td,th{padding:12px 14px}.top-divider{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}


/* Connection panel only; preserve the existing office layout. */
.qr-panel{text-align:center;min-height:100px;padding:16px}.connection-qr{display:block;max-width:100%;height:auto;margin:0 auto 16px;background:#fff;border-radius:8px}.qr-panel p{margin:12px 0}

/* Member batch controls keep the existing layout and wrap on small screens. */
.member-bulk{flex-wrap:wrap;gap:10px}.member-bulk select{width:auto;min-width:180px;max-width:100%}#member-list input[type="checkbox"]{width:18px;height:18px;cursor:pointer}#import-evidence .form-grid{margin-top:12px}#member-bulk-form .check-label{margin-top:16px}