/* BlinkLugha shared identity: purple and mint. */
:root{--green:#8657d8;--dark:#633ba7;--mint:#e7faf4;--paper:#faf8fd;--ink:#362448;--muted:#87798f;--line:#e5ddee;--gold:#55cbb3}
.hamburger,.header-username{color:#67439a}.header-map,.header-three .header-badge{background:#eee8fa;border-color:#e0d4f2;color:#8657d8}.header-three .header-badge .ico{fill:#eee8fa;stroke:#8657d8}.header-balance,.header-three .header-balance{color:#67439a}.header-balance .ico{fill:#55cbb3;stroke:#319f88}
#navigation-drawer{color:#52376d}#navigation-drawer::backdrop{background:#28173d66}.drawer-inner{background:linear-gradient(145deg,#faf7ff,#fff)}.drawer-avatar{background:#eee8fa;border-color:#ded1f0}.drawer-avatar svg{fill:#a087bf}.drawer-account button{color:#8657d8}.drawer-link{color:#765e89}.drawer-link .ico{color:#55bba5}.drawer-link:hover,.drawer-link.current{background:#eee6fa;color:#7143b3}.drawer-note{color:#9c8ca6}
.gs-page{background:radial-gradient(at 20% 10%,#ede3fa70,transparent 50%),linear-gradient(45deg,#eee6f633 25%,transparent 25%,transparent 75%,#eee6f633 75%);background-size:auto,100px 100px;color:#49315f}.gs-page .btn,.gs-form .btn{background:#8657d8;border-color:#8657d8;color:white}.gs-page .btn.secondary,.gs-form .btn.secondary{background:white;color:#8657d8;border-color:#ddcef0}.gs-page .btn.ghost{background:white;color:#8e799e;border-color:#e6dcee}.gs-page .iconbtn{color:#8657d8;border-color:#e1d4ef}.gs-toolbar h1,.gs-members-heading h2{color:#644389}
.gs-card{border-color:#e8e0f1;box-shadow:0 5px 15px #61408c08}.gs-card.selected,.gs-groups-page .gs-card.selected{border-color:#8657d8}.gs-strip{background:#f5f0fb;border-bottom-color:#ebe2f4;color:#957eaa}.gs-dots{color:#8657d8}.gs-card-main{color:#68458d}.gs-avatar{background:#f6fffc;border-color:#a9e6d7}.gs-avatar svg{fill:#94bdaf}.gs-card-entity{color:#a18daf}.gs-card-foot small{color:#8d759f}.gs-mini,.gs-mini button{color:#8657d8}.gs-call{background:#55cbb3;color:#214e43}.gs-badge{background:#f1eafa;color:#8e6ca9}.gs-member{border-color:#ebe3f3;box-shadow:0 5px 12px #61408c04}.gs-member h3{color:#634184}.gs-member small{color:#a18eaf}.gs-tabs{border-bottom-color:#e7ddef}.gs-tabs button{color:#9c87ae}.gs-tabs button.active{color:#8657d8;border-bottom-color:#55cbb3}.gs-empty{color:#9a86aa}.gs-empty h2{color:#917ca3}.gs-loading{color:#9a83ac}.gs-auth p{color:#9581a6}.gs-auth-icon .ico{color:#55cbb3}
.gs-form label,.gs-account label{color:#967faa}.gs-form input:not([type=checkbox]),.gs-form textarea,.gs-form select,#modal input:not([type=checkbox]),#modal select,#gs-member-filter{border-color:#e2d6ee;color:#634583}.gs-menu button{background:#f3edfa;color:#78539c}.gs-person-pick{border-bottom-color:#eee5f5}.gs-person-pick small{color:#a18eae}.gs-account,.gs-record,.gs-record-upload{background:#fcfaff;border-color:#e5daef}.gs-record-upload input{border-color:#dfd1ec}.gs-admin-row,.gs-admin-controls{border-color:#e2d6ee}.gs-admin-controls{background:#f7f1fd}.gs-breadcrumb button,.gs-admin-open{color:#86609f}
.gs-reference-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:4px 0 22px}.gs-reference-heading h1{font-size:25px;margin:0;color:#503267}.gs-reference-heading p{font-size:12px;color:#a18caf;margin:5px 0 0}.gs-reference-heading .btn{border-radius:12px;min-height:46px}.gs-card{display:flex;flex-direction:column;min-height:240px}.gs-card-foot{margin-top:auto;justify-content:flex-end;padding:15px}.gs-card-foot small{font-size:12px}.gs-groups-page .gs-card-scroll{grid-auto-columns:clamp(260px,23vw,330px)}.gs-badge{padding:0;background:transparent;color:#a38daf;border-radius:0}.gs-member{border-radius:15px}.gs-groups-page .gs-tabs{margin-top:10px}.gs-tabs button{font-size:11px}.gs-member .gs-dots{margin-inline-start:auto}.gs-groups-page .gs-card-scroll{margin-bottom:16px}@media(max-width:740px){.gs-reference-heading{gap:12px;margin:2px 0 15px}.gs-reference-heading h1{font-size:20px}.gs-reference-heading p{font-size:10px}.gs-reference-heading .btn{font-size:11px;padding:8px 12px;min-height:40px}.gs-groups-page .gs-card-scroll{grid-auto-columns:calc((100% - 12px)/2)}.gs-groups-page .gs-card{min-height:180px}.gs-groups-page .gs-card-foot{padding:10px;min-height:34px}.gs-groups-page .gs-card-foot small{font-size:11px}}
.gs-groups-page{padding-top:24px}.gs-groups-page .gs-card-scroll{margin-bottom:22px}.gs-member-teacher>.gs-dots{display:none}.gs-member h3{font-weight:500;margin-bottom:4px}.gs-member .gs-badge{display:block;font-size:12px}.gs-groups-page .gs-members{gap:12px}.gs-groups-page .gs-member{min-height:86px}.gs-groups-page .gs-strip{min-height:35px}.gs-groups-page .gs-strip>.gs-dots{font-size:20px;letter-spacing:1px;min-height:26px;padding:0 6px}.gs-groups-page .gs-card-main{padding-top:16px}.gs-groups-page .gs-card-entity{margin-top:3px}@media(max-width:740px){.gs-groups-page{padding-top:14px}.gs-groups-page .gs-member{min-height:75px}.gs-groups-page .gs-strip{min-height:30px}.gs-groups-page .gs-card-main{padding-top:9px}}
/* Match the approved Salam reference geometry, keeping BlinkLugha colors. */
@media(min-width:741px){
 body:has(.gs-groups-page){padding:18px 22px 0;background:#faf8fd}
 body:has(.gs-groups-page) .apphead{height:80px;min-height:80px;padding:10px 18px;border:1px solid #e9e2ef;border-bottom:1px solid #bdebdc;border-radius:25px 25px 0 0;box-shadow:none}
 body:has(.gs-groups-page) .hamburger{border:1px solid #e6dfee;border-radius:13px;width:44px;height:55px;background:white}
 body:has(.gs-groups-page) .header-username{font-size:15px}
 .gs-groups-page{padding:26px 24px 40px;border-inline:1px solid #ede7f3;min-height:calc(100dvh - 98px)}
 .gs-groups-page .gs-card-scroll{grid-auto-columns:275px;gap:20px;padding:0 0 2px;margin:0 0 30px;scrollbar-width:thin}
 .gs-groups-page .gs-card{height:250px;min-height:250px;border-radius:16px;border-width:1px;box-shadow:0 5px 12px #61408c04}
 .gs-groups-page .gs-card.selected{border-width:2px}
 .gs-groups-page .gs-strip{height:36px;min-height:36px;padding:5px 13px;font-size:12px;background:#fcfaff}
 .gs-groups-page .gs-strip .gs-dots{font-size:18px;font-weight:700;letter-spacing:0;color:#a08cb5}
 .gs-groups-page .gs-card-main{padding:16px 14px 9px;gap:12px;min-height:88px}
 .gs-groups-page .gs-card-main h2{font-size:18px;font-weight:500;line-height:1.5}
 .gs-groups-page .gs-card-main .gs-avatar{width:62px;height:62px}
 .gs-groups-page .gs-card-entity{padding:0 14px;margin-top:0;font-size:12px}
 .gs-groups-page .gs-card-foot{padding:13px 14px 14px;min-height:42px}
 .gs-groups-page .gs-card-foot small{font-size:12px}
 .gs-groups-page .gs-members{gap:12px}
 .gs-groups-page .gs-member{min-height:86px;padding:11px 22px;border-radius:15px;border:0;box-shadow:0 5px 12px #61408c03;gap:17px}
 .gs-groups-page .gs-member .gs-avatar{width:62px;height:62px}
 .gs-groups-page .gs-member h3{font-size:18px;font-weight:500;line-height:1.5;margin:0 0 2px}
 .gs-groups-page .gs-member .gs-badge{font-size:12px;line-height:1.6}
 .gs-groups-page .gs-member>.gs-dots{font-size:18px;min-width:32px;padding:6px}
}
.gs-groups-page{background-color:#fcfaff;background-image:linear-gradient(45deg,transparent 47.5%,#e8def82b 49%,#e8def82b 51%,transparent 52.5%),linear-gradient(-45deg,transparent 47.5%,#e8def82b 49%,#e8def82b 51%,transparent 52.5%);background-size:60px 60px}
@media(max-width:740px){body:has(.gs-groups-page){padding:0}.gs-groups-page{border:0;padding-inline:10px}.gs-groups-page .gs-card{min-height:180px;border-radius:15px}.gs-groups-page .gs-card-scroll{margin-bottom:22px}.gs-groups-page .gs-member{padding:10px 12px;min-height:75px}}