/* Daily Groups v26: bridge deployed group UI to unified TLQ design */
.daily-groups-page{min-width:0;padding-bottom:24px}
.daily-group-hero{border-radius:25px;padding:27px 23px;margin:18px 0 21px;position:relative;overflow:hidden;
 background:radial-gradient(circle at 95% 2%,#6ddba14a,transparent 43%),linear-gradient(125deg,#054331,#14805d);color:#fff}
.daily-group-hero:after{content:"";position:absolute;right:-83px;bottom:-85px;border:24px solid #e3ffb91e;border-radius:50%;width:190px;height:190px;pointer-events:none}
.daily-group-hero>.eyebrow{color:#c3f3ba;letter-spacing:.15em;font-size:10px}
.daily-group-emblem{display:grid;place-items:center;height:70px;width:70px;border:1px solid #d0fac865;border-radius:20px;background:#ffffff20;color:#e7ffd8;margin:17px 0 15px}
.daily-group-hero h1{max-width:510px;font-size:27px;color:#fff;line-height:1.28;position:relative;z-index:1}
.daily-group-hero p{max-width:490px;color:#e3f3e7;line-height:1.85;font-size:13px;margin-top:11px;position:relative;z-index:1}
.daily-group-hero-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:19px}
.daily-group-hero-meta span{display:inline-flex;align-items:center;gap:6px;border:1px solid #ffffff36;border-radius:99px;background:#ffffff17;padding:7px 11px;color:#ecf5e9;font-size:10px}
.daily-group-switch{display:grid;grid-template-columns:1fr 1fr;padding:5px;background:#e9f2e9;border-radius:15px;gap:4px;margin-bottom:18px}
.daily-group-switch button{min-height:45px;border-radius:12px;font-size:12px;font-weight:850;color:#769281}
.daily-group-switch button.active{background:#fff;color:#0c7852;box-shadow:0 3px 10px #15492a1c}
.daily-group-navigation{margin:0 0 18px}
.daily-group-join-panel,.daily-group-active,.daily-group-members,.daily-org-feature-grid>article,.daily-org-current{
 background:#fff;border:1px solid #dce9de;border-radius:21px;padding:22px;margin:15px 0;min-width:0;box-shadow:0 8px 23px #254c3710}
.daily-section-title>.eyebrow,.daily-group-titleline .eyebrow{color:#5b9872;font-size:10px;letter-spacing:.14em}
.daily-section-title h2{font-size:20px;color:#194b38;margin:9px 0 6px}
.daily-section-title p{font-size:12px;color:#75887b;line-height:1.8;margin-bottom:18px}
.daily-group-join-panel form{display:grid;gap:9px}
.daily-group-join-panel label{font-size:12px;color:#275b42;font-weight:850;margin-top:9px}
.daily-group-join-panel input,.daily-group-join-panel select{border:1px solid #dce8df;border-radius:13px;background:#fff;min-height:48px;font-size:15px}
.daily-group-join-panel .btn{margin-top:14px;font-size:12px}
.daily-form-help,.daily-privacy-note{font-size:11px;color:#839686;line-height:1.8;margin-top:13px}
.daily-group-preview{display:flex;gap:11px;align-items:center;background:#edf7ef;border:1px solid #d5e9d8;border-radius:13px;padding:13px;margin:10px 0}
.daily-group-preview>svg{color:#19815d;flex-shrink:0}
.daily-group-preview>div{display:grid;gap:4px}
.daily-group-preview b{font-size:13px;color:#15583d}
.daily-group-preview small{font-size:11px;color:#819584}
.daily-group-active-head{background:radial-gradient(circle at 95% 0%,#bfeac279,transparent 45%),linear-gradient(125deg,#e6f5e7,#f8fbef);
 border:1px solid #dcebdc;padding:19px;border-radius:16px;margin-bottom:15px}
.daily-group-active-head>.eyebrow{color:#5b9070;font-size:10px}
.daily-group-active-head h2{font-size:22px;color:#184b38;margin:8px 0}
.daily-group-active-head p{font-size:12px;color:#728678;line-height:1.7}
.daily-group-member-meter{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:13px}
.daily-group-member-meter strong{font-size:22px;color:#0e7b55}
.daily-group-member-meter small{font-size:11px;color:#7f947c}
.daily-group-member-meter .progress{width:100%;height:6px;background:#daeadd;margin-top:4px}
.daily-group-member-meter .progress span{display:block;height:100%;background:#1a9668;border-radius:99px}
.daily-invite-controls{background:#f7faf6;border:1px solid #e2eee2;border-radius:15px;padding:15px;display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.daily-invite-controls>div{flex:1;min-width:180px}
.daily-invite-controls b{font-size:13px;color:#1d533d}
.daily-invite-controls p{font-size:11px;color:#7f9584;line-height:1.65;margin-top:4px}
.daily-invite-controls>.btn{font-size:11px;flex-shrink:0}
.daily-invite-controls code{display:block;flex:0 0 100%;border-radius:10px;padding:10px 12px;background:#fff;border:1px solid #e0e9e0;font-size:10px;color:#668977;word-break:break-all;white-space:normal}
.daily-group-optin{display:flex;align-items:center;gap:12px;background:#eff6ee;border:1px solid #d9ead8;border-radius:16px;padding:15px;margin-top:19px}
.daily-group-optin-icon{height:43px;width:43px;flex-shrink:0;border-radius:13px;background:#d4eade;color:#117c55;display:grid;place-items:center}
.daily-group-optin>div:nth-child(2){flex:1;min-width:0}
.daily-group-optin strong{font-size:12px;color:#25573f}
.daily-group-optin p{font-size:11px;color:#7e9383;line-height:1.65;margin-top:4px}
.daily-optin-toggle{width:51px;height:29px;border-radius:99px;background:#d2ddd5;padding:3px;flex-shrink:0;transition:background .2s}
.daily-optin-toggle span{display:block;height:23px;width:23px;background:#fff;border-radius:50%;box-shadow:0 2px 5px #20402f24;transition:transform .2s}
.daily-optin-toggle.on{background:#13885e}
.daily-optin-toggle.on span{transform:translateX(22px)}
.daily-group-optin-hint{font-size:11px;color:#7c9283;margin:9px 0 17px;line-height:1.75}
.daily-group-members{padding:18px!important}
.daily-group-titleline{display:flex;gap:12px;justify-content:space-between;align-items:flex-start}
.daily-group-titleline h2{font-size:18px;color:#154d37;margin:8px 0 7px}
.daily-group-titleline p{font-size:11px;color:#7e927f;line-height:1.7}
.daily-group-titleline>button{display:grid;place-items:center;width:37px;height:37px;flex-shrink:0;background:#e9f5ec;color:#12855d;border-radius:11px}
.daily-group-leader{display:grid;gap:7px;margin-top:20px}
.daily-group-member{display:grid;grid-template-columns:25px 36px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid #e6eee6;background:#f8fbf8;border-radius:12px;padding:12px 9px;min-width:0}
.daily-group-member.mine{border-color:#99ceaa;background:#edf8ef}
.daily-group-position{font-size:11px;font-weight:850;color:#77a387}
.daily-group-avatar{height:35px;width:35px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:#def1e3;color:#146e4e;font-weight:850;font-size:11px;border:2px solid white;box-shadow:0 0 0 1px #cfe7d5}
.daily-group-member>div{min-width:0}
.daily-group-member b{font-size:12px;color:#264f3b;overflow-wrap:anywhere}
.daily-group-member b small{font-size:10px;color:#197c5d}
.daily-group-member>div>small{display:block;font-size:10px;color:#8a9a8c;margin-top:4px}
.daily-group-member>strong{font-size:15px;color:#18845f;white-space:nowrap}
.daily-group-member>strong small{font-size:10px;color:#92a59a;font-weight:500}
.daily-group-note{font-size:10px;color:#879989;line-height:1.8;margin-top:15px}
.daily-group-organization{display:flex;gap:13px;background:linear-gradient(125deg,#eaf4ea,#f8faf0);border:1px solid #dce8db;padding:19px;border-radius:17px;margin-top:18px}
.daily-group-organization>div:first-child{flex-shrink:0;display:grid;place-items:center;width:53px;height:53px;color:#2e8862;background:#d9efe1;border-radius:15px}
.daily-group-organization>div:last-child{flex:1;min-width:0}
.daily-group-organization h3{font-size:17px;color:#21553d}
.daily-group-organization p{font-size:11px;line-height:1.8;color:#738a79;margin:8px 0}
.daily-wait-icon{height:58px;width:58px;display:grid;place-items:center;border-radius:17px;background:#e5f3e6;color:#187c58;margin-bottom:12px}
.daily-group-join-panel>h2{font-size:18px;color:#194f3a;margin:10px 0}
.daily-group-join-panel>p{font-size:12px;color:#7e8b7f;line-height:1.85}
.daily-group-join-panel>button{margin-top:16px}
.daily-organisasi-page .daily-organization-hero{background:linear-gradient(140deg,#0b4b38,#178360);color:white;border-radius:24px;padding:28px;margin:19px 0}
.daily-organization-hero>.eyebrow{color:#c6f1bc;font-size:10px}
.daily-organization-hero h1{font-size:26px;color:white;margin:15px 0}
.daily-organization-hero p{font-size:13px;color:#def0e1;line-height:1.9}
.daily-organization-status{display:inline-flex;background:#ffffff25;color:#e9f8d7;font-size:11px;border:1px solid #ffffff50;padding:7px 13px;border-radius:99px;margin-top:19px}
.daily-org-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}
.daily-org-feature-grid article{margin:0;padding:19px}
.daily-org-feature-grid article>span{display:grid;place-items:center;width:46px;height:46px;background:#def1e4;border-radius:14px;color:#1d805a}
.daily-org-feature-grid h3{font-size:15px;margin:13px 0 5px}
.daily-org-feature-grid p,.daily-org-current p{font-size:11px;color:#7f8f7d;line-height:1.8}
.daily-org-current b{font-size:14px;color:#1e4d37}
@media(max-width:760px){
 .daily-group-hero{padding:21px 19px}
 .daily-group-hero h1{font-size:24px}
 .daily-group-join-panel,.daily-group-active,.daily-group-members{padding:17px}
 .daily-group-member{gap:6px;grid-template-columns:21px 33px minmax(0,1fr) auto}
 .daily-group-member>strong{font-size:12px}
 .daily-group-avatar{width:32px;height:32px}
 .daily-group-organization{padding:15px}
 .daily-org-feature-grid article{padding:15px}
 .daily-organisasi-page .daily-organization-hero{padding:22px}
 .daily-organisasi-page .daily-organization-hero h1{font-size:23px}
}
@media(max-width:370px){
 .daily-group-member{grid-template-columns:18px 30px minmax(0,1fr) auto}
 .daily-group-member>div>small{font-size:9px}
 .daily-group-member>strong{font-size:11px}
 .daily-group-join-panel input,.daily-group-join-panel select{font-size:16px}
 .daily-org-feature-grid{grid-template-columns:1fr}
}