#groups.gp-design{--gp-ink:#183153;--gp-muted:#647c99;--gp-line:#d6e5f7;--gp-blue:#116cea}
#groups.gp-design>.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
#groups.gp-design>.section-title h1{font-size:30px;color:var(--gp-ink);line-height:1.2;margin:4px 0 8px}
#groups.gp-design>.section-title p{font-size:14px;line-height:1.5;color:var(--gp-muted)}
#groups.gp-design>.section-title .eyebrow{font-size:11px;letter-spacing:.1em}
#groups.gp-design .heading-actions{display:flex;gap:10px;flex-wrap:wrap}
#groups.gp-design .heading-actions .btn,#qrPanel .qr-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 17px;border-radius:10px;font-size:13px;line-height:1.3}
#groups.gp-design .heading-actions .btn svg,#qrPanel svg,#reportDecisions svg,.gp-directory>.panel-head svg{width:21px;height:21px;flex:0 0 21px}
#groups.gp-design .heading-actions .primary,#qrPanel #reconnectBtn{background:#116cea;color:#fff;border-color:#116cea}
#groups.gp-design #openImportBtn,#qrPanel #newQrBtn{background:white;color:#116cea;border-color:#9fc4fa}
#qrPanel.panel{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:22px;padding:0 22px 22px;border:1px solid var(--gp-line);border-radius:16px;background:#fff;box-shadow:0 7px 25px #1b47790a;min-width:0;overflow:visible}
#qrPanel .gp-connection-head{display:flex;align-items:center;gap:14px;grid-column:1/-1;padding:16px 22px;margin:0 -22px;border-bottom:1px solid #dfebf8;background:linear-gradient(100deg,#eaf5ff,#f5fbff);border-radius:16px 16px 0 0;min-width:0}
#qrPanel .gp-connection-head h2{font-size:20px;color:var(--gp-ink);line-height:1.3;margin:0}
#groups .gp-section-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;background:#e3efff;color:#116cea;border-radius:12px}
#groups .gp-section-icon.gp-green{background:#ddf7e7;color:#099b55}
#qrPanel .gp-status{padding:7px 11px;border-radius:20px;background:#edf2f9;color:#526a88;font-size:12px;line-height:1.3;font-weight:650;margin-left:0;overflow-wrap:anywhere}
#qrPanel .gp-status.is-connected{background:#ddf8e8;color:#087d42}
#qrPanel .gp-collapse{display:grid;place-items:center;margin-left:auto;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:#517799;cursor:pointer}
#qrPanel .gp-collapse:hover{background:#deecfb}
#qrPanel.gp-collapsed{padding-bottom:0}
#qrPanel.gp-collapsed>.gp-connection-body,#qrPanel.gp-collapsed>.qr-box{display:none}
#qrPanel.gp-collapsed .gp-connection-head{border-bottom:0;border-radius:16px}
#qrPanel.gp-collapsed .gp-collapse svg{transform:rotate(180deg)}
#qrPanel .gp-connection-body{min-width:0}
#qrPanel .gp-connection-body>.eyebrow{display:none}
#qrPanel #qrTitle{font-size:20px;line-height:1.35;color:var(--gp-ink);margin:0 0 7px}
#qrPanel #qrHelp{font-size:14px;line-height:1.5;color:var(--gp-muted);margin:0 0 14px}
#qrPanel .wa-connection-details{padding:11px 14px;border:1px solid #dce8f5;border-radius:10px;background:#f7faff;margin:0 0 14px;min-width:0}
#qrPanel #waStatusText{font-size:13px;font-weight:650}
#qrPanel #waStatusDetail{font-size:12px;line-height:1.5;margin-top:4px;overflow-wrap:anywhere}
#qrPanel .wa-progress{padding:14px;border:1px solid #dce8f5;border-radius:10px;background:#fcfdff;margin-top:0}
#qrPanel .wa-progress-head{font-size:13px;line-height:1.5;gap:8px}
#qrPanel #waProgressStage,#qrPanel #waProgressPercent{font-size:13px;line-height:1.5}
#qrPanel .wa-progress-steps>span{font-size:12px;line-height:1.4}
#qrPanel .wa-progress-track{height:8px;border-radius:6px;background:#e1eaf6;margin:10px 0}
#qrPanel .wa-progress-track>i{background:linear-gradient(90deg,#3183ed,#116cea)}
#qrPanel .wa-progress.error .wa-progress-track>i{background:#d89a30}
#qrPanel .wa-progress-steps{gap:6px;font-size:12px}
#qrPanel .qr-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 0}
#qrPanel .phone-pair-row{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:16px;margin-top:16px;gap:12px;border:1px solid #d7e9fe;border-radius:12px;background:#eff7ff}
#qrPanel .safe-pair-heading{grid-column:1/-1;gap:12px}
#qrPanel .safe-pair-heading>span{color:#1172ed;background:#deedff;width:40px;height:40px}
#qrPanel .safe-pair-heading strong{font-size:14px;color:var(--gp-ink)}
#qrPanel .safe-pair-heading small{font-size:12px;color:var(--gp-muted)}
#qrPanel .safe-pair-field{font-size:12px;color:var(--gp-ink)}
#qrPanel #waPairPhone{min-height:44px;font-size:14px;background:#fff;border-color:#ccdff6;border-radius:9px;padding:10px 12px}
#qrPanel #pairPhoneBtn{min-height:44px;padding:11px 16px;font-size:13px;border-radius:9px;background:#116cea;border-color:#116cea;color:#fff}
#qrPanel .qr-box{align-self:stretch;min-width:0;min-height:220px;padding:18px;border:1px solid #deebf8;border-radius:13px;background:#f7fbff;overflow:hidden}
#qrPanel .qr-box #qrImage{max-width:100%;width:210px;height:auto;object-fit:contain}
#qrPanel .qr-box #qrPlaceholder{min-width:0;font-size:13px;overflow-wrap:anywhere}
#qrPanel .gp-connected-visual{display:none;flex-direction:column;align-items:center;justify-content:center;gap:15px;width:100%;color:#139448;text-align:center}
#qrPanel.connected .qr-box{background:linear-gradient(145deg,#f2fbf6,#edf7ff);min-height:220px}
#qrPanel.connected #qrPlaceholder{display:grid!important}
#qrPanel.connected .gp-connected-visual{display:none}
#qrPanel #qrPlaceholder.ajmer-connected-animation{width:100%;min-width:0;gap:12px}
#qrPanel #qrPlaceholder .ajmer-connected-scene{width:100%;max-width:280px;min-width:0}
#qrPanel #qrPlaceholder .ajmer-connected-scene svg{width:100%;height:100%;max-width:100%;flex:none}
#qrPanel .gp-qr-caption{font-size:12px;line-height:1.5;color:var(--gp-muted);text-align:center}
#qrPanel .gp-connection-body>.wa-connection-details.ready{display:none}
#qrPanel.connected #qrTitle:before{content:'';display:inline-block;width:13px;height:13px;border-radius:50%;background:#17a55c;box-shadow:0 0 0 7px #e6f8ed;margin-right:18px}
#qrPanel .gp-progress-row{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:20px;margin-bottom:20px}
#qrPanel .gp-progress-row .wa-progress{padding:0;border:0;background:transparent;margin:0}
#qrPanel .gp-progress-row .qr-actions{margin:0;align-self:center}
#qrPanel .wa-progress-steps{display:flex;justify-content:space-between;gap:6px;padding-top:28px}
#qrPanel .wa-progress-steps>span{position:relative;flex:1;text-align:center;color:#768aa4;padding-top:0}
#qrPanel .wa-progress-steps>span:before{content:'';position:absolute;left:50%;top:-28px;transform:translateX(-50%);display:grid;place-items:center;width:23px;height:23px;border-radius:50%;border:1px solid #bfd3ee;background:#fff;color:#fff;box-shadow:none}
#qrPanel .wa-progress-steps>span.done:before{content:'✓';background:#1875ef;border-color:#1875ef;font-size:14px}
#qrPanel .wa-progress-steps>span.current:before{content:'•••';background:#1875ef;border-color:#1875ef;font-size:11px}
#qrPanel .wa-progress-steps>span.done,#qrPanel .wa-progress-steps>span.current{color:#216ac9}
#qrPanel .gp-phone-illustration{position:relative;width:126px;height:126px;display:grid;place-items:center;border-radius:50%;background:#e1f2ff;color:#1b6bd9}
#qrPanel .gp-phone-illustration>svg{width:66px;height:84px}
#qrPanel .gp-phone-illustration>span{position:absolute;right:12px;bottom:12px;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#1aa862;color:#fff;border:3px solid white;font-size:19px}
#qrPanel .gp-connected-visual strong{font-size:13px;padding:7px 14px;border-radius:20px;background:#ddf7e6;color:#087d42}
#qrPanel .gp-connected-visual small{font-size:12px;line-height:1.5;color:var(--gp-muted)}
#groups.gp-design #reportDecisions{display:grid;gap:12px;margin:18px 0}
#groups.gp-design #reportDecisions.hidden{display:none}
#groups #reportDecisions article{display:flex;align-items:center;gap:16px;min-width:0;padding:16px 18px;border:1px solid #efd8ad;border-radius:13px;background:linear-gradient(100deg,#fffaf0,#fff);box-shadow:0 3px 12px #93641504}
#groups #reportDecisions article>span{width:42px;height:42px;flex:0 0 42px;border-radius:11px;background:#fff0cf;color:#b67712}
#groups #reportDecisions article>div{min-width:0;flex:1}
#groups #reportDecisions .gp-decision-filename{display:block;font-size:13px;line-height:1.5;color:#496581;margin-top:4px;overflow-wrap:anywhere}
#groups #reportDecisions .gp-decision-badge{width:auto;height:auto;flex:0 0 auto;display:inline-flex;align-items:center;padding:7px 11px;border-radius:20px;background:#fff0d3;color:#a9690c;font-size:11px;line-height:1.4;font-weight:650;white-space:nowrap}
#groups #reportDecisions strong{font-size:14px;color:#243957;line-height:1.4;overflow-wrap:anywhere}
#groups #reportDecisions p{font-size:12px;line-height:1.5;color:#6c7d91;margin:5px 0 0;overflow-wrap:anywhere}
#groups #reportDecisions button{flex:0 0 auto;min-height:40px;padding:10px 15px;border-radius:9px;font-size:12px;background:#116cea;border-color:#116cea;color:#fff}
#groups #reportDecisions button.message-only{background:white;color:#1767cf;border-color:#bbd4f5}
#groups .gp-directory.panel{border:1px solid #d6e5f7;border-radius:16px;box-shadow:0 7px 25px #1b477908;overflow:hidden}
#groups .gp-directory>.panel-head{display:flex;align-items:center;gap:14px;padding:20px;background:#fff}
#groups .gp-directory>.panel-head>div{flex:1;min-width:0}
#groups .gp-directory>.panel-head .eyebrow{display:none}
#groups .gp-directory>.panel-head h2{font-size:22px;line-height:1.3;margin:0;color:var(--gp-ink)}
#groups .gp-directory .directory-subtitle{font-size:13px;line-height:1.5;color:var(--gp-muted);margin:5px 0 0}
#groups .gp-directory .search{display:flex;align-items:center;min-width:0;width:min(420px,100%);padding:9px 12px;border:1px solid #d4e2f4;border-radius:10px;background:#fbfdff}
#groups .gp-directory .search input{min-width:0;font-size:13px;width:100%}
#groups .gp-directory .directory-edition{display:none}
#groups .gp-directory .account-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 20px;background:#f7fbff;border-block:1px solid #e0ebf7;flex-wrap:wrap}
#groups .gp-directory .account-filters{display:flex;gap:8px;flex-wrap:wrap}
#groups .gp-directory .account-filters button{font-size:13px;padding:9px 14px;min-height:38px;border:1px solid #d8e5f5;border-radius:20px;background:#fff;color:#49617e}
#groups .gp-directory .account-filters button[data-account-filter=due]{background:#fff4df;color:#9a6512;border-color:#f3e1bf}
#groups .gp-directory .account-filters button[data-account-filter=paid]{background:#e8f8ee;color:#177348;border-color:#cfeeda}
#groups .gp-directory .account-filters button[data-account-filter=paused]{background:#edf2f8;color:#52647b}
#groups .gp-directory .account-filters button.is-active{background:#116cea;color:white;border-color:#116cea;box-shadow:0 3px 9px #116cea20}
#groups .gp-directory .account-sort{font-size:13px;color:#506784}
#groups .gp-directory .account-sort select{padding:9px 12px;min-height:38px;font-size:13px;border:1px solid #cfdef2;border-radius:9px;background:white;color:#243957}
#groups .gp-directory #accountDirectoryCount{padding:12px 20px;font-size:13px;color:#526c8a;background:white}
#groups .gp-directory>.account-settings{margin:0 20px 14px;font-size:13px}
#groups .gp-directory .gp-directory-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:12px 20px;background:#fff}
#groups .gp-directory .gp-directory-meta #accountDirectoryCount{padding:0;flex:0 0 auto;line-height:36px}
#groups .gp-directory .gp-directory-meta .account-settings{margin:0;min-width:0;font-size:12px}
@media(max-width:640px){#groups .gp-directory .gp-directory-meta{padding:12px 16px;flex-wrap:wrap}#groups #reportDecisions .gp-decision-badge{font-size:11px;padding:5px 9px}#qrPanel .wa-progress-steps>span{font-size:11px}}
@media(min-width:1450px){#qrPanel .gp-progress-row{grid-template-columns:minmax(0,1fr) auto;gap:24px}#qrPanel .phone-pair-row{grid-template-columns:minmax(210px,1.2fr) minmax(160px,1fr) auto;align-items:end}#qrPanel .safe-pair-heading{grid-column:auto;align-self:center}}
@media(min-width:1700px){#qrPanel.panel{grid-template-columns:minmax(0,1fr) 280px}#qrPanel .phone-pair-row{grid-template-columns:minmax(220px,1fr) minmax(180px,1fr) auto;align-items:end}#qrPanel .safe-pair-heading{grid-column:auto;align-self:center}}
@media(max-width:900px){#qrPanel.panel{grid-template-columns:minmax(0,1fr) 200px;gap:16px}#qrPanel .gp-connection-head{flex-wrap:wrap}#qrPanel .gp-status{margin-left:0}#groups #reportDecisions article{flex-wrap:wrap}#groups #reportDecisions article>div{flex:1 1 calc(100% - 70px)}#groups #reportDecisions button{flex:1}#groups .gp-directory>.panel-head{flex-wrap:wrap}#groups .gp-directory .search{width:100%;flex:1 1 100%}}
@media(max-width:640px){#groups.gp-design>.section-title{align-items:stretch;flex-direction:column;gap:12px}#groups.gp-design>.section-title h1{font-size:25px}#groups.gp-design .heading-actions .btn{flex:1;font-size:12px;padding:11px 10px}#qrPanel.panel{grid-template-columns:1fr;padding:0 16px 16px;gap:16px}#qrPanel .gp-connection-head{margin:0 -16px;padding:14px 16px;gap:10px}#qrPanel .gp-connection-head h2{font-size:18px}#qrPanel .gp-status{margin:0;max-width:100%}#qrPanel .gp-connection-body{width:100%}#qrPanel .phone-pair-row{grid-template-columns:1fr;padding:14px}#qrPanel .safe-pair-heading{grid-column:auto}#qrPanel #pairPhoneBtn{width:100%}#qrPanel #waPairPhone{font-size:16px}#qrPanel .qr-actions .btn{flex:1;font-size:12px;padding:10px}#qrPanel .qr-box{min-height:200px}#qrPanel.connected .qr-box{min-height:180px}#qrPanel .wa-progress-steps{font-size:11px}#groups #reportDecisions article{padding:14px;gap:10px}#groups .gp-directory>.panel-head{padding:16px;gap:10px}#groups .gp-directory>.panel-head h2{font-size:20px}#groups .gp-directory .directory-edition{margin:0 16px 12px}#groups .gp-directory .account-controls{padding:14px 16px;gap:12px}#groups .gp-directory .account-filters{gap:6px}#groups .gp-directory .account-filters button{font-size:12px;padding:8px 11px}#groups .gp-directory .account-sort{width:100%;display:flex;align-items:center;justify-content:space-between}#groups .gp-directory #accountDirectoryCount{padding:12px 16px}}

@media(max-width:900px){#groups #reportDecisions article{display:flex;flex-direction:row;flex-wrap:wrap}#groups #reportDecisions article>.gp-decision-badge{width:auto;flex:0 0 auto}#groups #reportDecisions article button{width:auto;flex:1 1 auto}}

@media(max-width:900px){#groups #reportDecisions article>.gp-decision-badge{flex:0 0 auto;max-width:100%;white-space:normal}#groups #reportDecisions article button{flex:1 1 calc(50% - 10px);min-width:0;white-space:normal}#groups #reportDecisions article>div{flex:1 1 calc(100% - 70px)}}
@media(max-width:410px){#groups #reportDecisions article>.gp-decision-badge{flex-basis:100%;width:100%}#groups #reportDecisions article>div{flex-basis:100%}}