/* Group join codes: selected clean list layout. Deliberately scoped to this view. */
body.admin-authenticated.group-live-clean-mode .main{background:#f5f7fb!important;}
body.admin-authenticated.group-live-clean-mode .topbar{background:transparent!important;box-shadow:none!important;}
body.admin-authenticated.group-live-clean-mode .topbar .top-tool-trigger,
body.admin-authenticated.group-live-clean-mode .topbar .support-trigger,
body.admin-authenticated.group-live-clean-mode .topbar .account-trigger,
body.admin-authenticated.group-live-clean-mode .topbar .pill{color:#34445e!important;background:transparent!important;box-shadow:none!important;}
body.admin-authenticated.group-live-clean-mode .topbar .account-trigger{background:#fff!important;border-color:#dfe6f0!important;}
#view-wecom-group-code.group-live-clean{--gl-blue:#2563eb;--gl-ink:#172b47;--gl-muted:#8390a4;--gl-line:#e6ebf3;padding:27px 30px!important;background:#fff!important;border:1px solid #e6ebf3!important;border-radius:16px!important;box-shadow:none!important;min-width:0;color:var(--gl-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.55;}
.group-live-clean *{box-sizing:border-box;}
.group-live-clean [hidden]{display:none!important;}
.group-live-clean button,.group-live-clean input{font:inherit;}
.group-live-clean button{cursor:pointer;}
.group-live-clean button:disabled{opacity:.45;cursor:not-allowed;}
.group-live-clean :is(button,input):focus-visible{outline:2px solid #7ca5ff;outline-offset:3px;}
.group-live-clean .group-live-icon,.group-live-clean button img,.group-live-auto>img{width:17px;height:17px;flex:none;object-fit:contain;}
.group-live-page-heading{margin:0 0 27px;}
.group-live-clean h2{margin:0!important;font-size:21px!important;font-weight:650!important;line-height:1.4;color:#172b47!important;letter-spacing:0;}
.group-live-form{margin:0;}
.group-live-top-fields{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:25px;margin-bottom:25px;}
.group-live-inline-field{display:flex;align-items:center;gap:10px;min-width:0;}
.group-live-inline-field>label{flex:none;color:#34445e;font-size:13px;font-weight:500;white-space:nowrap;margin:0;}
.group-live-clean .input{display:block;min-width:0;width:100%;height:42px;padding:0 12px;border:1px solid #dfe5ef!important;border-radius:7px!important;background:#fff!important;color:#233754!important;box-shadow:none!important;line-height:normal;}
.group-live-clean .input::placeholder{color:#a1aabc;}
.group-live-clean .input:focus{border-color:#7ca5ff!important;box-shadow:0 0 0 2px #edf3ff!important;}
.group-live-picker{margin:0;}
.group-live-picker-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px;}
.group-live-picker-title{display:flex;align-items:center;gap:12px;white-space:nowrap;}
.group-live-picker-title>b{font-size:14px;font-weight:600;}
#glSelectedCount{font-size:13px;color:#2563eb;font-variant-numeric:tabular-nums;}
.group-live-picker-tools{display:flex;align-items:center;gap:16px;min-width:0;}
.group-live-search{position:relative;width:270px;max-width:100%;}
.group-live-search>img{position:absolute;left:11px;top:11px;width:16px;height:16px;opacity:.45;pointer-events:none;}
.group-live-clean .group-live-search .input{height:38px;padding-left:35px;font-size:13px;}
.group-live-text-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:4px 3px;border:0!important;border-radius:5px;background:transparent!important;color:#54708f;white-space:nowrap;box-shadow:none!important;font-size:13px!important;font-weight:400;}
.group-live-text-button:hover:not(:disabled){color:var(--gl-blue);background:#f3f7ff!important;}
.group-live-refresh-icon{display:inline-flex;align-items:center;}
.group-live-refresh-icon img{width:16px!important;height:16px!important;}
.is-refreshing .group-live-refresh-icon{animation:gl-spin .9s linear infinite;}
@keyframes gl-spin{to{transform:rotate(360deg);}}
.group-live-picker-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;max-height:246px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:1px;}
.group-live-option{display:flex;align-items:center;gap:11px;min-width:0;min-height:51px;padding:12px 15px;border:1px solid #e2e8f1;border-radius:7px;background:#fff;cursor:pointer;transition:border-color .12s,background .12s;}
.group-live-option:hover{background:#f8faff;border-color:#b7cbf0;}
.group-live-option:has(input:checked){border-color:#b7cffb;background:#f4f8ff;}
.group-live-option:has(input:disabled){cursor:not-allowed;}
.group-live-option>input,.group-live-auto>input{flex:none;width:16px;height:16px;margin:0;accent-color:var(--gl-blue);cursor:inherit;}
.group-live-option>span{min-width:0;overflow-wrap:anywhere;}
.group-live-option b{font-size:13px;font-weight:500;color:#304360;}
.group-live-count{font-size:12px;font-weight:400;color:#8a97ab;white-space:nowrap;}
.group-live-picker-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:36px;margin-top:6px;}
.group-live-directory-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;font-size:12px;color:var(--gl-muted);}
#glDirectoryStatus{color:#5a7f66;}
.group-live-picker-pager{display:flex;align-items:center;gap:14px;}
.group-live-picker-pager button{font-size:12px!important;}
.group-live-selected{display:flex;gap:6px;flex-wrap:wrap;}
.group-live-selected:not(:empty){margin-bottom:10px;}
.group-live-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:4px 8px;border:1px solid #d5e3ff;background:#f4f8ff;color:#365a8e;border-radius:6px;font-size:12px!important;overflow-wrap:anywhere;}
.group-live-chip.is-missing{color:#93602e;border-color:#eedac2;background:#fff9ef;}
.group-live-chip .group-live-icon{width:14px;height:14px;}
.group-live-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:760px;padding:13px 0;}
.group-live-form-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:12px;}
.group-live-auto{display:flex;align-items:center;gap:9px;color:#55677f;font-size:13px;cursor:pointer;}
.group-live-auto>img{width:15px;height:15px;opacity:.4;}
.group-live-actions{display:flex;align-items:center;gap:16px;}
.group-live-clean .btn-primary{display:inline-flex;align-items:center;justify-content:center;min-width:145px;height:42px;padding:0 22px;background:#2563eb!important;border:1px solid #2563eb!important;border-radius:7px!important;color:white!important;box-shadow:none!important;font-size:14px;font-weight:500;line-height:1.2;}
.group-live-clean .btn-primary:hover:not(:disabled){background:#1d54d1!important;}
.group-live-editing{margin-bottom:15px;padding:8px 12px;border-radius:6px;background:#f3f7ff;color:#3e6aaf;font-size:13px;}
.group-live-msg{font-size:13px;color:#3f7556;overflow-wrap:anywhere;}
.group-live-msg:not(:empty){margin-top:13px;}
.group-live-msg.is-error,.group-live-error{color:#cb4b4b;}
.group-live-history{margin-top:27px;padding-top:23px;border-top:1px solid var(--gl-line);}
.group-live-history-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:4px;}
.group-live-clean .group-live-history h2{font-size:16px!important;font-weight:600!important;}
.group-live-history-heading .muted{font-size:12px;color:#9aa5b7!important;}
.group-live-grid{display:block;}
.group-live-item{display:grid;grid-template-columns:104px minmax(150px,.9fr) minmax(275px,1.6fr) auto;gap:20px;align-items:center;min-width:0;padding:23px 0;border:0;border-bottom:1px solid var(--gl-line);border-radius:0;background:#fff;box-shadow:none;}
.group-live-card-qr{width:104px;height:104px;display:flex;align-items:center;justify-content:center;border:1px solid #edf0f6;border-radius:5px;padding:2px;overflow:hidden;background:#fff;}
.group-live-card-qr>img{display:block;width:100%;height:100%;object-fit:contain;}
.group-live-card-qr-empty{color:#9aa6b8;font-size:12px;text-align:center;padding:10px;}
.group-live-item-info{min-width:0;}
.group-live-item-heading{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:9px;}
.group-live-item-heading h3{margin:0;color:#243955;font-size:15px;font-weight:600;line-height:1.45;overflow-wrap:anywhere;}
.group-live-status{display:inline-flex;align-items:center;padding:1px 7px;font-size:11px;border:1px solid #f0deb9;border-radius:4px;background:#fffaf0;color:#a47a2c;white-space:nowrap;}
.group-live-status.is-ready{color:#55a87a;background:#f0fbf5;border-color:#d5eddf;}
.group-live-group-names{margin:0 0 10px;font-size:12px;line-height:1.7;color:#8190a6;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.group-live-date{font-size:11px;color:#a0aabd;white-space:nowrap;}
.group-live-card-links{display:flex;flex-direction:column;gap:9px;min-width:0;}
.group-live-link-line{display:grid;grid-template-columns:70px minmax(0,1fr);gap:9px;align-items:center;min-width:0;}
.group-live-link-label{font-size:12px;color:#7c8da4;white-space:nowrap;}
.group-live-link-control{display:flex;align-items:stretch;min-width:0;height:35px;border:1px solid #e4eaf4;border-radius:6px;background:#f7f9fd;overflow:hidden;}
.group-live-link-control>input{width:0;flex:1;min-width:0;padding:0 10px;border:0!important;background:transparent!important;box-shadow:none!important;color:#60758f;font-size:11px;border-radius:0;outline-offset:-2px!important;text-overflow:ellipsis;}
.group-live-link-control>input::placeholder{color:#a4afbf;}
.group-live-link-control>button{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:34px;padding:0 8px;border:0!important;border-left:1px solid #e7edf6!important;background:transparent!important;color:#5278ba;font-size:12px;box-shadow:none!important;border-radius:0;}
.group-live-link-control>button:hover:not(:disabled){background:#edf3ff!important;}
.group-live-link-control .group-live-icon{width:15px;height:15px;opacity:.6;}
.group-live-link-control>.group-live-shorten-button{padding:0 10px;}
.group-live-link-wait{font-size:12px;color:#90a0b5;}
.group-live-error{margin:0;font-size:12px;overflow-wrap:anywhere;}
.group-live-item-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:nowrap;}
.group-live-row-action{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:5px 2px;background:transparent!important;border:0!important;border-radius:5px;color:#5c7390;font-size:13px!important;font-weight:400;white-space:nowrap;box-shadow:none!important;}
.group-live-row-action:hover:not(:disabled){color:#2563eb;background:#f5f8ff!important;}
.group-live-row-action .group-live-icon{width:16px;height:16px;opacity:.65;}
.group-live-row-action.is-danger{color:#d35e66;}
.group-live-row-action.is-danger:hover:not(:disabled){color:#c33f4a;background:#fff6f6!important;}
.group-live-history-pager{text-align:center;color:#a0aabd;font-size:12px;margin-top:18px;}
.group-live-clean .empty{grid-column:1/-1;text-align:center;padding:30px 14px;color:#94a1b4;border:0;background:transparent;box-shadow:none;font-size:13px;}
.group-live-grid.is-large .group-live-item{content-visibility:auto;contain-intrinsic-size:auto 153px;}
@media(min-width:1600px){.group-live-item{gap:26px;grid-template-columns:110px minmax(200px,1fr) minmax(350px,1.6fr) auto;}.group-live-card-qr{width:110px;height:110px;}.group-live-item-actions{gap:20px;}}
@media(max-width:1350px) and (min-width:1101px){.group-live-item{grid-template-columns:96px minmax(140px,.9fr) minmax(230px,1.5fr);gap:15px;}.group-live-card-qr{width:96px;height:96px;grid-row:1/3;}.group-live-item-info{grid-row:1/3;}.group-live-item-actions{grid-column:3;justify-content:flex-end;}.group-live-item{row-gap:5px;}.group-live-link-line{grid-template-columns:65px minmax(0,1fr);gap:7px;}}
@media(max-width:1100px){#view-wecom-group-code.group-live-clean{padding:23px!important;}.group-live-top-fields{gap:13px;}.group-live-inline-field{gap:7px;}.group-live-inline-field>label{font-size:12px;}.group-live-item{grid-template-columns:96px minmax(0,1fr);gap:16px 20px;}.group-live-card-qr{width:96px;height:96px;}.group-live-card-links{grid-column:1/-1;}.group-live-item-actions{grid-column:1/-1;gap:24px;}.group-live-link-line{grid-template-columns:76px minmax(0,1fr);}.group-live-search{width:210px;}.group-live-grid.is-large .group-live-item{contain-intrinsic-size:auto 290px;}}
@media(max-width:760px){
 body.admin-authenticated.group-live-clean-mode .topbar{padding-left:0!important;padding-right:0!important;}
 #view-wecom-group-code.group-live-clean{padding:20px 16px!important;border-radius:12px!important;}
 .group-live-page-heading{margin-bottom:22px;}.group-live-clean h2{font-size:20px!important;}
 .group-live-top-fields{grid-template-columns:1fr;gap:13px;margin-bottom:23px;}
 .group-live-inline-field{gap:10px;}.group-live-inline-field>label{width:66px;font-size:13px;}
 .group-live-clean .input{height:42px;font-size:16px;}.group-live-clean .input::placeholder{font-size:13px;}
 .group-live-picker-head{align-items:stretch;flex-direction:column;gap:12px;}.group-live-picker-tools{justify-content:space-between;gap:12px;}.group-live-search{width:auto;flex:1;}.group-live-clean .group-live-search .input{height:40px;font-size:16px;}.group-live-search>img{top:12px;}
 .group-live-picker-tools .group-live-text-button{min-height:40px;}
 .group-live-picker-list{grid-template-columns:1fr;max-height:254px;gap:9px;}.group-live-option{min-height:49px;padding:11px 12px;}.group-live-option>input{width:17px;height:17px;}.group-live-option b{font-size:13px;}
 .group-live-picker-footer{gap:8px;align-items:flex-start;}.group-live-directory-meta{padding-top:8px;gap:4px;flex-direction:column;align-items:flex-start;}.group-live-picker-pager{gap:8px;}.group-live-picker-pager button{min-height:38px;font-size:11px!important;}
 .group-live-fields{grid-template-columns:1fr;gap:12px;}.group-live-fields .group-live-inline-field>label{width:78px;}
 .group-live-form-footer{flex-wrap:wrap;gap:13px;margin-top:14px;}.group-live-auto{font-size:12px;}.group-live-auto>input{width:17px;height:17px;}.group-live-actions{margin-left:auto;gap:12px;}.group-live-clean .btn-primary{min-width:128px;height:44px;padding:0 15px;font-size:13px;}
 .group-live-history{margin-top:24px;padding-top:22px;}.group-live-history-heading{align-items:center;}.group-live-clean .group-live-history h2{font-size:15px!important;}.group-live-history-heading .muted{font-size:11px;}
 .group-live-item{grid-template-columns:82px minmax(0,1fr);gap:16px;padding:22px 0;}.group-live-card-qr{width:82px;height:82px;}.group-live-item-heading{gap:7px;margin-bottom:5px;}.group-live-item-heading h3{font-size:14px;}.group-live-group-names{font-size:11px;margin-bottom:5px;}.group-live-date{font-size:10px;}
 .group-live-card-links{gap:9px;}.group-live-link-line{grid-template-columns:66px minmax(0,1fr);gap:5px;}.group-live-link-label{font-size:11px;}.group-live-link-control{height:38px;}.group-live-link-control>input{padding:0 7px;font-size:12px;}.group-live-link-control>button{min-width:36px;}.group-live-link-control>.group-live-shorten-button{padding:0 8px;font-size:11px;}
 .group-live-item-actions{justify-content:flex-end;gap:24px;}.group-live-row-action{min-height:40px;padding:4px;font-size:13px!important;}.group-live-row-action .group-live-icon{width:16px;height:16px;}.group-live-grid.is-large .group-live-item{contain-intrinsic-size:auto 300px;}
}
@media(prefers-reduced-motion:reduce){.group-live-clean *{transition:none!important;animation:none!important;}}
/* Override the legacy shell's !important input/gradient rules only inside this feature. */
body.admin-authenticated.group-live-clean-mode .main{border-radius:0!important;}
#view-wecom-group-code.group-live-clean .input{border-radius:7px!important;color:#233754!important;}
#view-wecom-group-code.group-live-clean .btn-primary{background:#2563eb!important;background-image:none!important;border-radius:7px!important;box-shadow:none!important;}
#view-wecom-group-code.group-live-clean .btn-primary:hover:not(:disabled){background:#1d54d1!important;}
#view-wecom-group-code.group-live-clean .group-live-page-heading h2{font-size:24px!important;}
#view-wecom-group-code.group-live-clean .group-live-history h2{font-size:20px!important;}
.group-live-item-heading h3{font-size:17px;}
@media(max-width:760px){#view-wecom-group-code.group-live-clean .group-live-page-heading h2{font-size:21px!important;}#view-wecom-group-code.group-live-clean .group-live-history h2{font-size:16px!important;}.group-live-item-heading h3{font-size:14px;}}
@media(max-width:760px){#view-wecom-group-code.group-live-clean .input{font-size:16px!important;}.group-live-row-action{min-height:44px;}.group-live-link-control{height:40px;}.group-live-copy{min-width:40px!important;}}