.gs-page{max-width:1180px;margin:0 auto;padding:28px 28px 60px;min-height:calc(100dvh - 78px);background:radial-gradient(at 20% 10%,#e3f0e270,transparent 50%),linear-gradient(45deg,#eaf4ed33 25%,transparent 25%,transparent 75%,#eaf4ed33 75%);background-size:auto,100px 100px}.gs-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.gs-toolbar h1{font-size:24px;margin:0}.gs-card-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:285px;gap:18px;overflow-x:auto;padding:4px 3px 16px;scroll-snap-type:x proximity;scrollbar-width:thin}.gs-card{border:2px solid #e1e8df;border-radius:20px;overflow:hidden;background:#fff;scroll-snap-align:start;box-shadow:0 5px 15px #1a4c2d06}.gs-card.selected{border-color:#91b844}.gs-strip{padding:8px 15px;display:flex;align-items:center;justify-content:space-between;background:#fbfcf7;border-bottom:1px solid #edf1e7;color:#8b9586;font-size:11px}.gs-dots{border:0;background:none;color:#7c9570;font-size:23px;line-height:1;padding:6px;min-width:32px;min-height:32px}.gs-card-main{display:flex;align-items:center;gap:12px;direction:rtl;background:none;border:0;width:100%;padding:15px 14px 9px;color:#315e50;text-align:start}.gs-card-main h2{font-size:18px;margin:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gs-avatar{display:inline-grid;place-items:center;flex-shrink:0;width:62px;height:62px;border-radius:50%;background:#fbfcf8;border:2px solid #d7e4b8;overflow:hidden;object-fit:cover}.gs-avatar svg{width:51px;height:51px;fill:#b2beb5}.gs-card-entity{font-size:11px;color:#8b968b;padding:0 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gs-card-foot{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:13px}.gs-card-foot small{font-size:10px;color:#819185}.gs-mini{display:flex;align-items:center;gap:5px;color:#73978b}.gs-mini button{border:0;background:none;font-size:25px;color:#315e50;padding:0 3px}.gs-call{border:0;background:#0d7b68;color:white;width:42px;height:42px;border-radius:50%;display:grid;place-items:center}.gs-members-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0 10px}.gs-members-heading h2{font-size:21px;margin:0}.gs-members-heading small{color:#849184;font-size:11px}.gs-tabs{display:flex;gap:8px;border-bottom:1px solid #dce7da;margin-bottom:20px}.gs-tabs button{padding:9px 18px;border:0;background:none;color:#819381}.gs-tabs button.active{color:#2e6c53;border-bottom:3px solid #91b844}.gs-members{display:grid;gap:15px}.gs-member{display:flex;align-items:center;gap:17px;padding:18px 22px;background:white;border-radius:20px;border:1px solid #edf1e9;box-shadow:0 5px 12px #174f4304}.gs-member>div{flex:1;min-width:0}.gs-member h3{font-size:19px;font-weight:500;margin:0 0 7px;overflow-wrap:anywhere}.gs-member small{font-size:10px;color:#9ba59b;margin-inline-start:12px}.gs-badge{display:inline-block;border-radius:8px;padding:2px 12px;background:#edf4ed;color:#78917e;font-size:11px}.gs-demo{font-size:11px;background:#fff5d9;color:#816833;padding:9px 14px;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:16px}.gs-demo button{border:0;background:none;color:inherit;text-decoration:underline}.gs-auth{max-width:600px;text-align:center;margin:40px auto;padding:35px 24px}.gs-auth h1{font-size:27px}.gs-auth p{font-size:14px;color:#6c8274}.gs-auth .btn{margin:5px}.gs-auth-icon .ico{width:65px;height:65px;color:#81a596}.gs-empty{padding:35px;text-align:center;color:#80907a}.gs-empty h2{font-size:21px}.gs-empty .ico{width:45px;height:45px}.gs-empty code{display:block;margin:15px auto;font-size:17px;color:#487054}.gs-empty .btn{margin-top:15px}.gs-loading{text-align:center;padding:70px;color:#7c947f}.gs-form{display:grid;gap:16px}.gs-form label,.gs-account label{font-size:12px;color:#64806d}.gs-form input:not([type=checkbox]),.gs-form textarea,.gs-form select,#modal input:not([type=checkbox]),#modal select,#gs-member-filter{display:block;width:100%;border:1px solid #d9e4d5;border-radius:10px;padding:10px;margin:5px 0;background:white;color:#2c5344;font:14px Cairo}.gs-form .btn{justify-self:start}.gs-menu{display:grid;gap:5px}.gs-menu button{border:0;background:#f2f7ed;color:#456d51;padding:12px;text-align:start;border-radius:8px}.gs-menu .danger{color:#a04f43;background:#fff1ec}.gs-person-pick{display:flex!important;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #e3eadf;font-size:13px}.gs-person-pick input{width:18px;height:18px}.gs-person-pick .gs-avatar{width:42px;height:42px}.gs-person-pick .gs-avatar svg{width:35px;height:35px}.gs-person-pick small{display:block;font-size:10px;color:#8e9c8b}.gs-check{display:flex;align-items:center;gap:10px;padding:12px 0}.gs-check input{width:18px;height:18px}.gs-admin-controls{display:flex;gap:10px;align-items:end;flex-wrap:wrap;border:1px solid #dae6d6;background:#f4f8ed;padding:16px;border-radius:16px}.gs-admin-controls label{display:grid;gap:6px;font-size:11px;flex:1;min-width:200px}.gs-admin-controls select{padding:8px;border:1px solid #cbdcbf;border-radius:10px;background:white}.gs-breadcrumb{display:flex;gap:9px;flex-wrap:wrap;padding:20px 0;align-items:center}.gs-breadcrumb button{border:0;background:none;color:#69885e;font-size:12px}.gs-add-row{display:flex;gap:10px;margin:0 0 18px}.gs-admin-tree{display:grid;gap:14px}.gs-admin-row{display:flex;align-items:center;border:1px solid #dbe6d3;border-radius:17px;background:white;padding:12px 17px}.gs-admin-open{display:flex;align-items:center;gap:17px;flex:1;border:0;background:none;text-align:start;color:#315d49}.gs-admin-open b{font-size:17px;font-weight:600}.gs-admin-open small{display:block;color:#879980;font-size:11px}.gs-admin-open .gs-avatar{width:49px;height:49px}.gs-admin-open .gs-avatar svg{width:40px;height:40px}.gs-archive-row{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid #e0e9db}.gs-audit{max-height:50vh;overflow:auto;font-size:12px}.gs-audit p{border-bottom:1px solid #e0e9db;padding:10px}.gs-account{max-width:600px;padding:25px;background:white;border:1px solid #e0e9db;border-radius:18px}.gs-record-upload{padding:22px;border:1px solid #d7e3cf;border-radius:18px;background:#f7faef;margin-bottom:20px;display:grid;gap:12px}.gs-record-upload input{display:block;width:100%;padding:9px;border:1px solid #d8e3ce;border-radius:9px;background:white}.gs-record-upload small{font-size:10px;color:#87977f}.gs-record{padding:20px;background:white;border:1px solid #dce7d4;border-radius:18px;margin-top:15px}.gs-record h3{font-size:18px;margin:0}.gs-record small{font-size:11px;color:#8b9984}@media(max-width:740px){.gs-page{padding:18px 12px 40px;min-height:calc(100dvh - 72px)}.gs-toolbar h1{font-size:21px}.gs-toolbar .btn{font-size:10px;padding:7px}.gs-card-scroll{grid-auto-columns:calc((100vw - 42px)/2);gap:12px;padding-bottom:12px}.gs-card-main{flex-direction:column;padding:12px 9px 8px;gap:9px}.gs-card-main .gs-avatar{width:55px;height:55px}.gs-card-main .gs-avatar svg{width:46px;height:46px}.gs-card-main h2{font-size:14px;max-width:100%}.gs-card-entity{font-size:9px;padding:0 9px}.gs-card-foot{padding:10px 8px;gap:4px}.gs-call{width:30px;height:30px}.gs-call .ico{width:16px;height:16px}.gs-card-foot small{font-size:9px}.gs-mini .ico{width:17px;height:17px}.gs-mini button{font-size:21px}.gs-strip{padding:5px 9px;font-size:10px}.gs-member{gap:12px;padding:15px 13px;border-radius:17px}.gs-member .gs-avatar{width:55px;height:55px}.gs-member .gs-avatar svg{width:46px;height:46px}.gs-member h3{font-size:17px}.gs-member small{display:block;margin:5px 0 0}.gs-members-heading h2{font-size:18px}.gs-admin-row{padding:10px}.gs-admin-open b{font-size:15px}.gs-breadcrumb{font-size:10px}.gs-demo{font-size:9px}.gs-empty{padding:25px 12px}.gs-auth{margin:20px auto;padding:22px 15px}}

.gs-page [hidden],#modal [hidden]{display:none!important}

.gs-demo{flex-wrap:wrap;gap:12px}.gs-demo-switch{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.gs-demo-switch select{max-width:100%;padding:10px;border:1px solid #b9c9bd;border-radius:10px;background:white;color:#234d43}.gs-test-accounts{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.gs-test-accounts p{padding:12px;border:1px solid #d9e1d6;border-radius:10px;overflow-wrap:anywhere}
/* Groups occupy the available laptop canvas; phones retain two scrollable cards. */
.gs-groups-page{width:100%;max-width:none;padding-inline:clamp(24px,3vw,60px);min-width:0}.gs-groups-page .gs-card-scroll{grid-auto-columns:max(260px,calc((100% - 36px)/3));width:100%;min-width:0;overscroll-behavior-inline:contain}.gs-mobile-notice{display:none}.gs-groups-page .gs-member{min-width:0}.gs-groups-page .gs-card.selected{border-color:#8657d8}.gs-groups-page .gs-toolbar{flex-wrap:wrap}.gs-groups-page .gs-toolbar .actions{margin-top:0}.gs-groups-page .gs-card-main h2{min-width:0}.gs-groups-page .gs-card-entity{text-overflow:ellipsis}.gs-groups-page .gs-card-scroll:focus-visible{outline:3px solid #8657d8;outline-offset:4px}
@media(max-width:740px){
 body:has(.gs-groups-page){overflow-x:hidden}body:has(.gs-groups-page) .apphead{flex-wrap:nowrap;height:72px;min-height:72px;gap:8px;padding-inline:12px}body:has(.gs-groups-page) .header-blink-brand{display:none}body:has(.gs-groups-page) .drawer-user{min-width:0;flex:1}body:has(.gs-groups-page) .header-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100vw - 210px)}body:has(.gs-groups-page) .header-three{flex-shrink:0;gap:6px}
 .gs-groups-page{padding:10px 10px 30px;max-width:100%;width:100%;min-height:calc(100dvh - 72px)}.gs-groups-page .gs-wide-notice{display:none}.gs-mobile-notice{display:block;margin:0 0 9px;font-size:10px;color:#8c7c9d}.gs-mobile-notice summary{cursor:pointer;min-height:30px;padding:5px 6px}.gs-mobile-notice .gs-demo{margin:5px 0 10px;gap:9px;padding:10px}.gs-mobile-notice .gs-demo-switch{width:100%;min-width:0}.gs-mobile-notice select{width:100%;font-size:11px}.gs-groups-page .gs-toolbar{gap:8px;margin:0 0 10px}.gs-groups-page .gs-toolbar h1{font-size:16px}.gs-groups-page .gs-toolbar .actions{gap:6px;margin:0}.gs-groups-page .gs-toolbar .btn{font-size:10px;padding:6px 9px;min-height:34px}
 .gs-groups-page .gs-card-scroll{grid-auto-columns:calc((100% - 12px)/2);gap:12px;padding:3px 0 12px;scroll-snap-type:x mandatory;scrollbar-width:auto;scrollbar-color:#a79bad #f1edf4}.gs-groups-page .gs-card-scroll::-webkit-scrollbar{height:9px}.gs-groups-page .gs-card-scroll::-webkit-scrollbar-track{background:#f1edf4;border-radius:10px}.gs-groups-page .gs-card-scroll::-webkit-scrollbar-thumb{background:#a79bad;border-radius:10px}.gs-groups-page .gs-card{border-radius:15px;min-width:0}.gs-groups-page .gs-strip{font-size:9px;padding:5px 8px;min-height:29px}.gs-groups-page .gs-card-main{flex-direction:row;gap:6px;padding:9px 8px;min-height:70px}.gs-groups-page .gs-card-main .gs-avatar{width:48px;height:48px}.gs-groups-page .gs-card-main .gs-avatar svg{width:40px;height:40px}.gs-groups-page .gs-card-main h2{font-size:12px;line-height:1.6;white-space:normal;overflow-wrap:anywhere;text-overflow:clip}.gs-groups-page .gs-card-entity{font-size:9px;padding:0 8px;line-height:1.7}.gs-groups-page .gs-card-foot{padding:8px 7px;gap:4px;min-height:43px}.gs-groups-page .gs-card-foot small{font-size:9px}.gs-groups-page .gs-mini{gap:1px}.gs-groups-page .gs-mini button{font-size:20px;min-width:24px;min-height:28px}.gs-groups-page .gs-mini .ico{width:15px;height:15px}.gs-groups-page .gs-call{width:29px;height:29px;flex-shrink:0}.gs-groups-page .gs-call .ico{width:15px;height:15px}.gs-groups-page .gs-member{gap:10px;padding:14px 11px}.gs-groups-page .gs-member h3{font-size:16px}.gs-groups-page .gs-members-heading{margin-top:17px}.gs-groups-page .gs-tabs{gap:3px}.gs-groups-page .gs-tabs button{padding:8px 12px;font-size:12px}
}

#gs-host .gs-groups-page>.gs-toolbar{display:none!important}#gs-host .gs-members-heading{display:none!important}.gs-strip{display:flex;justify-content:space-between;align-items:center}.gs-member>.gs-dots{margin-inline-start:auto;flex-shrink:0}
