/* Mehfil-e-Karima V5 — Espace Harmonie */
:root{--mk5-ink:#153f3b;--mk5-teal:#0b746a;--mk5-gold:#d1a447;--mk5-cream:#f8faf7}
body{background:linear-gradient(125deg,#f7faf8,#f3f6f2)!important}button{font-family:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed} .icon{flex-shrink:0}
.mark{clip-path:inset(1.2% 0 1.2% 0)}.sidebar .brand img,.topbar img{clip-path:inset(1.2% 0 1.2% 0)}
.mk5-public{background:linear-gradient(130deg,#edf7f3 0%,#f9fbf8 53%,#f3f0e9 100%);min-height:100dvh;position:relative;overflow:hidden}
.mk5-public:before{content:'';position:absolute;width:720px;height:720px;background:radial-gradient(circle,rgba(20,137,118,.13) 0%,rgba(20,137,118,0) 65%);top:-260px;right:-140px;pointer-events:none}
.mk5-public:after{content:'';position:absolute;width:680px;height:650px;border:1px solid rgba(19,120,110,.11);border-radius:50%;bottom:-440px;left:-280px;pointer-events:none}
.mk5-public .public-top{position:relative;z-index:2}.mk5-public-main{width:min(930px,94vw)!important;margin:auto}.mk5-public .public-main{z-index:1;position:relative}
.mk5-welcome{max-width:830px!important;width:100%;margin-inline:auto!important;padding:clamp(26px,5vw,70px)!important;box-shadow:0 22px 80px rgba(15,62,49,.08)!important;background:rgba(255,255,255,.91)!important;border:1px solid #dfede6!important}
.mk5-welcome h1{font-size:clamp(38px,6vw,68px)!important;line-height:1.08;letter-spacing:-.05em;margin:14px 0 20px!important;color:#143f37}.mk5-welcome h1 em{font-family:Georgia,serif;font-weight:500;color:#0b8978;letter-spacing:-.055em}
.mk5-smallcaps{display:inline-block;letter-spacing:.22em;font-size:11px;font-weight:800;color:#9b7a40}.mk5-lead{max-width:610px!important;margin:0 0 28px!important;color:#637c73;font-size:16px!important;line-height:1.8}
.mk5-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.mk5-access{border:1px solid #dce8df;border-radius:21px;background:#fff;padding:23px;text-align:left;min-height:196px;display:flex;flex-direction:column;gap:9px;position:relative;transition:.16s;overflow:hidden}
.mk5-access:first-child{background:linear-gradient(140deg,#0b776b,#0d5a54);border-color:#0b776b;color:#fff}.mk5-access:first-child small{color:#cce6de}.mk5-access:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(15,75,60,.14)}.mk5-access strong{font-size:20px}.mk5-access small{color:#688178;font-size:13px;line-height:1.6;max-width:230px}.mk5-access-icon{display:grid;place-items:center;background:#edf4f0;border-radius:13px;width:49px;height:49px;color:#147567}.mk5-access:first-child .mk5-access-icon{background:rgba(255,255,255,.2);color:#fff}.mk5-access-icon svg{width:27px;height:27px}.mk5-access-arrow{position:absolute;right:22px;bottom:24px}.mk5-caption{font-size:12px;color:#81928a;margin:22px 0 0!important}.mk5-public .public-actions{display:none}
.mk5-alt-sign{display:grid;gap:10px;margin:17px 0}.mk5-alt-sign .btn{min-height:45px}.mk5-public .login-card{max-width:510px}
.sidebar{background:linear-gradient(180deg,#ffffff,#fafcfb);border-right:1px solid #e5eee9}.sidebar .brand{padding-bottom:19px}.sidebar .brand img{object-fit:contain}.topbar{backdrop-filter:blur(12px);background:rgba(255,255,255,.9)}.side-cap{letter-spacing:.18em!important}.nav>button{border-radius:14px!important;min-height:45px!important}.nav>button.active{background:#e8f6f0!important;color:#047c6d!important}
.main{max-width:1420px}.page-head h1{letter-spacing:-.04em}.panel{border-color:#e3ebe6!important}.dash-greeting h1{letter-spacing:-.045em!important}.dash-role-pill{border:1px solid #d9e8df}.home-feature{border-radius:25px!important}.quick-link{border-radius:18px!important}.quick-link:hover{transform:translateY(-2px);transition:.16s}.tube-card{transition:.16s}.tube-card:hover{transform:translateY(-2px)}.btn{border-radius:12px!important}
.mk5-school-intro{display:flex;align-items:center;gap:28px;padding:27px!important;margin-bottom:22px;min-height:192px;background:linear-gradient(115deg,#f4faf5,#fffef6);border:1px solid #deeadf;border-radius:24px}.mk5-school-intro img{height:134px;width:134px;object-fit:contain;background:#fff;padding:9px;border-radius:20px}.mk5-school-intro h1{font-size:36px;line-height:1.05;margin:8px 0!important}.mk5-school-intro p{color:#687f73;line-height:1.6;max-width:590px}
.mk5-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0}.mk5-profile-card{border:1px solid #e3ece5;border-radius:20px;padding:24px 18px;background:#fff;min-height:220px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:9px;box-shadow:0 6px 28px rgba(39,97,70,.045);transition:.16s}.mk5-profile-card:hover{transform:translateY(-3px);border-color:#8cc0a7}.mk5-profile-card strong{font-size:19px;color:#204c44}.mk5-profile-card span:not(.mk5-avatar){font-size:13px;color:#61756e}.mk5-profile-card small{margin-top:auto;color:#168073}.mk5-avatar{height:65px;width:65px;display:grid;place-items:center;border-radius:21px;background:#e7f4ea;font-size:35px}.mk5-avatar.teacher{background:#f3eade}.mk5-avatar.student{background:#eaf2fa}
.mk5-school-area{--mk5-accent:#1c776c}.mk5-school-area.student{--mk5-accent:#39947e}.mk5-school-area.teacher{--mk5-accent:#286a75}.mk5-school-head{display:flex;justify-content:space-between;align-items:center;gap:16px;border-radius:24px;background:linear-gradient(125deg,#eff9f4,#fffaf0);padding:24px;margin-bottom:14px;border:1px solid #dfede5}.mk5-school-area.teacher .mk5-school-head{background:linear-gradient(115deg,#eaf3f4,#fdfcf9)}.mk5-school-identity{display:flex;align-items:center;gap:18px}.mk5-school-identity img{width:108px;height:108px;object-fit:contain;border-radius:18px;background:#fff;padding:8px}.mk5-school-identity h1{font-size:29px;letter-spacing:-.035em;margin:4px 0}.mk5-school-identity p{margin:0;color:#678078}.mk5-school-identity .eyebrow{color:#ab8642}.mk5-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;background:#fff;padding:7px;border:1px solid #e1eae5;border-radius:17px}.mk5-tabs button{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:9px 15px;border:0;border-radius:11px;background:transparent;color:#55736b;font-weight:700}.mk5-tabs .icon{width:18px;height:18px}.mk5-tabs button.selected{background:var(--mk5-accent);color:#fff;box-shadow:0 4px 12px rgba(20,85,75,.16)}
.mk5-school-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.mk5-school-stats>div{display:grid;align-content:center;justify-items:start;gap:4px;background:#fff;border:1px solid #dce8e0;border-radius:19px;padding:22px;min-height:129px}.mk5-school-stats span{font-size:24px}.mk5-school-stats strong{font-size:27px;font-weight:850;letter-spacing:-.04em;color:var(--mk5-accent)}.mk5-school-stats small{font-size:12px;color:#7a8e86}.mk5-school-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.mk5-school-duo>section{min-width:0}.mk5-resource{border:1px solid #dfe9e2;border-radius:19px;background:#fff;padding:23px;margin:12px 0;box-shadow:0 3px 20px rgba(32,75,49,.027)}.mk5-resource h3{font-size:20px;color:#244c44;margin:13px 0 9px}.mk5-resource p{white-space:pre-wrap;color:#607a71;line-height:1.7}.mk5-resource small{color:#80968b}.mk5-subject{color:#077e70;font-size:12px;letter-spacing:.06em;font-weight:850;text-transform:uppercase}.mk5-grade{font-size:26px;color:#0b806d}.mk5-file{display:inline-flex;align-items:center;gap:6px;border-radius:10px;background:#eaf5ef;color:#126e5b;margin:12px 0;padding:10px 14px;max-width:100%;overflow-wrap:anywhere;text-decoration:none}.mk5-file:hover{background:#def0e5}.mk5-file .icon{width:17px}.mk5-check{display:inline-flex;gap:10px;align-items:center;border:1px solid #dce8de;background:#fff;padding:10px 13px;border-radius:11px;color:#375b4e;font-weight:600}.mk5-check input{accent-color:#0b8072}.mk5-class-options{display:flex;flex-wrap:wrap;gap:8px}.mk5-action-banner{border-radius:20px;background:#e9f7f0;border:1px solid #cfebdc;padding:17px 22px;display:flex;align-items:center;gap:14px;margin:16px 0;color:#0c7566}.mk5-action-banner>.icon{width:28px;height:28px}.mk5-action-banner p{margin:5px 0 0;color:#52796b}.mk5-student-roster{display:flex;gap:10px;overflow:auto;padding:10px 0}.mk5-roster-item{flex:0 0 180px;border:1px solid #dce9e3;background:#fff;border-radius:14px;padding:15px;display:flex;flex-direction:column;gap:7px;align-items:start}.mk5-roster-item.selected{outline:2px solid #0f8574}.mk5-roster-item .mk5-avatar{width:44px;height:44px;font-size:24px;border-radius:12px}.mk5-roster-item strong{font-size:14px}.mk5-roster-item small{color:#798d82}.mk5-submissions{margin-top:16px;border-top:1px solid #e4ede8;padding-top:15px}.mk5-chat-list{height:340px;overflow:auto;padding:15px;background:#f5f9f5;border-radius:16px;display:flex;flex-direction:column;align-items:stretch;gap:8px}.mk5-bubble{max-width:min(78%,520px);align-self:start;background:#fff;padding:12px 15px;border:1px solid #e3eee5;border-radius:16px 16px 16px 3px}.mk5-bubble.mine{align-self:end;background:#d6f1e6;border-radius:16px 16px 3px 16px}.mk5-bubble p{margin:0 0 7px}.mk5-bubble small{font-size:10px;color:#759087}.mk5-chat-form{display:flex;align-items:center;gap:8px;margin-top:12px}.mk5-chat-form .input{flex:1;min-width:0}.mk5-profile-banner{display:flex;align-items:center;gap:13px;background:#eff7f0;padding:15px;border-radius:15px}.mk5-profile-banner p{margin:5px 0}.mk5-modal{max-height:92vh;overflow:auto}.mk5-modal .stack{max-height:80vh;overflow:auto}
.mk5-shop-banner{border-radius:22px;background:linear-gradient(110deg,#104e46,#0d7c6d);color:#fff;padding:35px 38px;margin-bottom:20px;position:relative;overflow:hidden}.mk5-shop-banner:after{content:'✦';position:absolute;right:8%;top:-60px;font-size:220px;color:#ffffff0c}.mk5-shop-banner h2{color:white;margin:10px 0;font-size:31px;letter-spacing:-.035em}.mk5-shop-banner p{color:#d7eae3;margin:0}.mk5-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:18px 0 24px}.mk5-product{overflow:hidden;background:#fff;border:1px solid #e2ece4;border-radius:22px;display:flex;flex-direction:column}.mk5-product-img{height:180px;background:#ecf5ef;overflow:hidden;display:grid;place-items:center}.mk5-product-img img{width:100%;height:100%;object-fit:cover}.mk5-shop-placeholder{font-size:75px}.mk5-product-info{padding:19px;display:flex;flex-direction:column;gap:10px;flex:1}.mk5-product-info small{color:#7c9185}.mk5-product-info h3{font-size:19px;color:#20473d;margin:0}.mk5-product-info p{color:#6c8178;margin:0;line-height:1.6;font-size:13px;flex:1}.mk5-product-info>strong{color:#0c796a;font-size:21px}.mk5-admin-store{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mk5-store-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #edf2ed;padding:11px 0}.mk5-product-mini{width:56px;height:56px;flex:none;display:grid;place-items:center;background:#edf6f0;border-radius:9px;overflow:hidden}.mk5-product-mini img{width:100%;height:100%;object-fit:cover}.mk5-product-mini .mk5-shop-placeholder{font-size:30px}.mk5-store-row>div:nth-child(2){flex:1;min-width:0}.mk5-store-row small{display:block;color:#819286}.mk5-order{border:1px solid #e2ece3;border-radius:15px;padding:15px;margin-top:12px}.mk5-event-poster{max-height:270px;max-width:min(100%,370px);width:auto;object-fit:contain;border-radius:14px;display:block;margin:12px 0;border:1px solid #e4ede6}
.dark body{background:#0b1c1c!important}.dark .mk5-product,.dark .mk5-resource,.dark .mk5-profile-card,.dark .mk5-school-stats>div,.dark .mk5-tabs,.dark .mk5-school-duo .panel,.dark .mk5-roster-item,.dark .mk5-school-intro,.dark .mk5-school-head{background:#17302d!important;border-color:#2c4c43!important}.dark .mk5-resource h3,.dark .mk5-product-info h3,.dark .mk5-profile-card strong,.dark .mk5-school-identity h1{color:#e0f4e8!important}.dark .mk5-resource p,.dark .mk5-product-info p{color:#a4c2b7}.dark .mk5-school-stats strong{color:#7cdbc4}.dark .mk5-tabs button.selected{background:#0e8978}.dark .mk5-school-identity p{color:#b0ccc0}.dark .mk5-chat-list{background:#0c2422}.dark .mk5-bubble{color:#24554a}
@media (max-width:950px){.mk5-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mk5-admin-store{grid-template-columns:1fr}.mk5-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:650px){.mk5-public .public-top{padding-block:10px}.mk5-welcome{padding:26px!important}.mk5-access-grid{grid-template-columns:1fr}.mk5-access{min-height:144px;padding:18px}.mk5-access strong{font-size:18px}.mk5-school-head{padding:16px;align-items:start;flex-direction:column}.mk5-school-identity img{height:70px;width:70px}.mk5-school-identity h1{font-size:22px}.mk5-school-intro{flex-direction:column;text-align:center;padding:17px!important}.mk5-school-intro img{height:100px;width:100px}.mk5-profile-grid{grid-template-columns:1fr 1fr;gap:9px}.mk5-profile-card{padding:14px;min-height:184px}.mk5-profile-card strong{font-size:15px}.mk5-profile-card .mk5-avatar{height:48px;width:48px;font-size:26px}.mk5-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory}.mk5-tabs button{white-space:nowrap;flex:0 0 auto;font-size:12px;padding:9px 11px}.mk5-school-stats{gap:7px}.mk5-school-stats>div{padding:12px;min-height:105px}.mk5-school-stats strong{font-size:21px}.mk5-school-duo{grid-template-columns:1fr}.mk5-chat-form{flex-wrap:wrap}.mk5-product-grid{grid-template-columns:1fr 1fr;gap:9px}.mk5-product-img{height:124px}.mk5-product-info{padding:11px;gap:8px}.mk5-product-info h3{font-size:15px}.mk5-product-info>strong{font-size:16px}.mk5-product-info .between{align-items:start;gap:8px;flex-wrap:wrap}.mk5-shop-banner{padding:25px}.mk5-shop-banner h2{font-size:24px}.mk5-store-row{flex-wrap:wrap}}
@media (max-width:380px){.mk5-profile-grid,.mk5-product-grid{grid-template-columns:1fr}.mk5-profile-card{min-height:135px}.mk5-school-stats{grid-template-columns:1fr 1fr}}

/* Mobile overflow containment */
.main-zone,.main,.mk5-school-area,.mk5-school-head,.mk5-school-identity,.mk5-school-stats>div,.mk5-resource,.page-head{min-width:0;max-width:100%}.mk5-school-area{overflow:hidden}.mk5-school-area .mk5-tabs{max-width:100%;overflow-x:auto}.mk5-school-area .mk5-tabs button{min-width:0}.mk5-school-identity>div{min-width:0}.mk5-school-area .page-head{min-width:0}.mk5-school-area .page-head>div{min-width:0}
@media(max-width:650px){.mk5-school-area .page-head{flex-direction:column;align-items:stretch!important}.mk5-school-area .page-head .btn{align-self:flex-start}.mk5-school-area .mk5-tabs{width:100%;box-sizing:border-box}.mk5-school-head .row-actions{flex-wrap:wrap}.mk5-school-area .mk5-school-stats{max-width:100%;width:100%;box-sizing:border-box}}

.mk5-school-duo .info-row>span:first-child small{display:block;font-size:12px;margin-top:4px}.mk5-school-duo .info-row{gap:11px}.mk5-school-duo .info-row>span:first-child{min-width:0}