/* Droocy Unified Layout V1 */
:root{
  --droocy-purple:#6847e8;
  --droocy-purple-2:#845ff3;
  --droocy-ink:#111827;
  --droocy-text:#344054;
  --droocy-muted:#667085;
  --droocy-line:#e5e7eb;
  --droocy-bg:#f7f8fc;
  --droocy-white:#fff;
  --droocy-green:#0c9161;
  --droocy-red:#d92d20;
  --droocy-header-h:76px;
}
*{box-sizing:border-box}
body{margin:0}
.droocy-site-header{
  position:sticky;top:0;z-index:1000;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--droocy-line);
  box-shadow:0 4px 18px rgba(16,24,40,.035);
  font-family:"Cairo",Tahoma,Arial,sans-serif;
  direction:rtl;
}
.droocy-header-inner{
  max-width:1500px;margin:auto;min-height:var(--droocy-header-h);
  padding:10px 22px;display:flex;align-items:center;gap:18px;
}
.droocy-brand{
  display:flex;align-items:center;gap:9px;
  color:var(--droocy-ink);text-decoration:none;font-size:23px;font-weight:950;
  white-space:nowrap
}
.droocy-brand-mark{
  width:39px;height:39px;border-radius:12px;display:grid;place-items:center;
  color:#fff;background:linear-gradient(135deg,#ff67b7,#764cf4);
  box-shadow:0 7px 18px rgba(104,71,232,.20)
}
.droocy-main-nav{display:flex;align-items:center;gap:5px;flex:1;justify-content:center}
.droocy-main-nav a,.droocy-more-btn{
  min-height:40px;padding:0 11px;border-radius:10px;
  display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;
  color:#4d5668;text-decoration:none;font:800 11px/1 "Cairo",sans-serif;
  cursor:pointer;white-space:nowrap
}
.droocy-main-nav a:hover,.droocy-more-btn:hover{background:#f5f3ff;color:var(--droocy-purple)}
.droocy-main-nav a.active{background:#f0edff;color:var(--droocy-purple)}
.droocy-header-actions{display:flex;align-items:center;gap:8px;margin-right:auto}
.droocy-header-btn{
  min-height:42px;padding:0 13px;border-radius:11px;border:1px solid #ded7ff;
  display:inline-flex;align-items:center;gap:7px;text-decoration:none;
  color:#5d43d2;background:#f8f6ff;font:900 11px/1 "Cairo",sans-serif;white-space:nowrap
}
.droocy-header-btn.primary{background:linear-gradient(135deg,var(--droocy-purple),var(--droocy-purple-2));color:#fff;border-color:transparent}
.droocy-header-btn.danger{background:#fff;color:#b42318;border-color:#fecaca}
.droocy-header-btn.cart{position:relative;background:#fff;border-color:#d8dce5;color:#111827}
.droocy-cart-icon{font-size:18px}
.droocy-user-chip{
  min-height:44px;padding:5px 8px 5px 11px;border:1px solid #e4e7ec;border-radius:12px;
  display:flex;align-items:center;gap:8px;background:#fff
}
.droocy-user-avatar{
  width:32px;height:32px;border-radius:10px;display:grid;place-items:center;
  background:#eeeaff;color:#6748dd;font-weight:950
}
.droocy-user-chip strong{display:block;font-size:10px;color:#202939}
.droocy-user-chip small{display:block;font-size:8px;color:#98a2b3}
.droocy-menu-toggle{
  display:none;width:42px;height:42px;border:1px solid #e1e5ec;border-radius:11px;
  background:#fff;font-size:21px;cursor:pointer
}
.droocy-mobile-panel{display:none}
.droocy-admin-bar{
  background:#29205f;color:#fff;font-family:"Cairo",sans-serif
}
.droocy-admin-bar-inner{
  max-width:1500px;margin:auto;padding:7px 22px;display:flex;align-items:center;gap:10px
}
.droocy-admin-bar strong{font-size:10px;margin-left:auto}
.droocy-admin-bar a{
  color:#fff;text-decoration:none;font-size:9px;font-weight:800;
  padding:6px 9px;border-radius:8px;background:rgba(255,255,255,.09)
}

/* footer */
.droocy-site-footer{
  margin-top:48px;background:#17132e;color:#fff;
  font-family:"Cairo",Tahoma,Arial,sans-serif;direction:rtl
}
.droocy-footer-inner{
  max-width:1500px;margin:auto;padding:42px 22px 24px;
  display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:34px
}
.droocy-footer-brand p{color:#bbb6d3;font-size:11px;line-height:2;max-width:420px}
.droocy-footer-title{font-size:12px;font-weight:950;margin-bottom:12px}
.droocy-footer-links{display:grid;gap:8px}
.droocy-footer-links a{color:#c9c5d8;text-decoration:none;font-size:10px}
.droocy-footer-links a:hover{color:#fff}
.droocy-footer-bottom{
  max-width:1500px;margin:auto;padding:15px 22px 22px;border-top:1px solid rgba(255,255,255,.1);
  display:flex;justify-content:space-between;gap:15px;color:#9892af;font-size:9px
}

/* Prevent content from becoming too wide on general pages */
.droocy-page-shell{max-width:1500px;margin:auto;padding-inline:22px}

/* Tablet */
@media(max-width:1100px){
  .droocy-main-nav{justify-content:flex-start;overflow:auto;scrollbar-width:none}
  .droocy-main-nav::-webkit-scrollbar{display:none}
  .droocy-header-inner{gap:10px;padding-inline:14px}
  .droocy-header-btn .label-hide-tablet{display:none}
  .droocy-footer-inner{grid-template-columns:1.4fr 1fr 1fr}
  .droocy-footer-col.optional{display:none}
}

/* Mobile */
@media(max-width:760px){
  :root{--droocy-header-h:64px}
  .droocy-header-inner{min-height:64px;padding:8px 11px;gap:8px}
  .droocy-brand{font-size:20px;margin-left:auto}
  .droocy-brand-mark{width:36px;height:36px}
  .droocy-main-nav{display:none}
  .droocy-header-actions .desktop-only{display:none}
  .droocy-user-chip{display:none}
  .droocy-menu-toggle{display:block}
  .droocy-header-btn.cart{width:42px;height:42px;padding:0;justify-content:center}
  .droocy-header-btn.cart .cart-text{display:none}
  .droocy-mobile-panel.open{
    display:block;border-top:1px solid #eee;padding:10px 11px 14px;background:#fff
  }
  .droocy-mobile-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .droocy-mobile-links a{
    min-height:46px;padding:9px 11px;border:1px solid #e6e8ed;border-radius:11px;
    display:flex;align-items:center;justify-content:center;text-align:center;
    color:#344054;text-decoration:none;font:850 12px "Cairo",sans-serif;background:#fafbfc
  }
  .droocy-mobile-links a.primary{background:#6847e8;color:#fff;border-color:#6847e8}
  .droocy-mobile-account{display:flex;gap:8px;margin-top:9px}
  .droocy-mobile-account a{flex:1}
  .droocy-admin-bar-inner{padding-inline:11px;overflow:auto}
  .droocy-admin-bar strong{display:none}
  .droocy-footer-inner{grid-template-columns:1fr 1fr;padding:32px 16px 20px;gap:24px}
  .droocy-footer-brand{grid-column:1/-1}
  .droocy-footer-bottom{padding-inline:16px;flex-direction:column;text-align:center}
}
@media(max-width:420px){
  .droocy-footer-inner{grid-template-columns:1fr}
  .droocy-footer-brand{grid-column:auto}
}


/* ===== Droocy Stable v3 — Unified premium header/footer ===== */
.droocy-site-header{
  position:sticky;top:0;z-index:1200;
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(103,78,214,.12)!important;
  box-shadow:0 8px 28px rgba(28,25,70,.07)!important;
}
.droocy-header-inner{
  max-width:1480px!important;min-height:68px!important;
  padding:8px 18px!important;gap:16px!important;
}
.droocy-brand{gap:9px!important;font-weight:950!important;letter-spacing:-.3px}
.droocy-brand-mark{
  width:38px!important;height:38px!important;border-radius:13px!important;
  background:linear-gradient(135deg,#5d43d6,#8b6af2)!important;
  box-shadow:0 7px 18px rgba(93,67,214,.24)!important;
}
.droocy-main-nav{gap:3px!important}
.droocy-main-nav a{
  border-radius:10px!important;transition:.18s ease!important;
  white-space:nowrap!important;
}
.droocy-main-nav a:hover,.droocy-main-nav a.active{
  background:#f2efff!important;color:#5d43d6!important;
  transform:translateY(-1px);
}
.droocy-user-chip{
  border:1px solid #e8e5f7!important;background:#faf9ff!important;
  border-radius:13px!important;padding:5px 8px!important;
}
.droocy-user-avatar{box-shadow:0 4px 12px rgba(93,67,214,.18)}
.droocy-header-btn{border-radius:11px!important;font-weight:900!important}
.droocy-online-bar{position:relative;z-index:1190}
.droocy-admin-bar{position:relative;z-index:1210}
.droocy-site-footer{
  margin-top:48px!important;
  background:linear-gradient(145deg,#17152b,#262047)!important;
  border-top:1px solid rgba(255,255,255,.08);
}
.droocy-footer-inner{max-width:1450px!important;padding:42px 20px 30px!important}
.droocy-footer-links a{transition:.16s ease}
.droocy-footer-links a:hover{transform:translateX(-3px);color:#fff!important}
.droocy-footer-bottom{max-width:1450px!important;margin:auto!important;padding:15px 20px 20px!important}

@media(max-width:1100px){
 .droocy-main-nav{display:none!important}
 .droocy-menu-toggle{display:inline-flex!important}
 .droocy-header-inner{min-height:62px!important}
}
@media(max-width:640px){
 .droocy-header-inner{padding:7px 11px!important}
 .droocy-brand{font-size:18px!important}
 .droocy-brand-mark{width:34px!important;height:34px!important}
 .droocy-user-chip small{display:none!important}
 .droocy-header-btn .cart-text{display:none}
 .droocy-footer-inner{grid-template-columns:1fr 1fr!important;gap:24px!important}
 .droocy-footer-brand{grid-column:1/-1}
}
@media(max-width:430px){
 .droocy-footer-inner{grid-template-columns:1fr!important}
 .droocy-footer-brand{grid-column:auto}
}


/* v9.5 readability: secondary text must remain visible */
.muted,.meta,.hint,.helper-text,.subtitle,.description,small,.card small,.card p,.course-meta,.lesson-meta,.section-meta{color:#475467!important;opacity:1!important}
.muted,.meta,.hint,.helper-text,.course-meta,.lesson-meta,.section-meta{font-weight:600}


/* ===== Droocy v9.7 — full platform UI QA / compact professional system ===== */
:root{
  --ui-card-radius:15px;
  --ui-soft:#f8f9fc;
  --ui-line:#e4e7ec;
  --ui-muted:#475467;
  --ui-purple:#6547d8;
  --ui-shadow:0 5px 18px rgba(16,24,40,.045);
}
html{scroll-behavior:smooth}
body{background:#f6f7fb;color:#172033;overflow-x:hidden}
body,button,input,select,textarea{font-family:"Cairo",Tahoma,Arial,sans-serif}
/* readable secondary copy everywhere */
.muted,.meta,.hint,.helper-text,.subtitle,.description,.course-meta,.lesson-meta,.section-meta,
.card small,.panel small,.card p,.panel p,small{color:var(--ui-muted)!important;opacity:1!important}
.muted,.meta,.hint,.helper-text,.course-meta,.lesson-meta,.section-meta{font-weight:600}
/* compact page rhythm */
.droocy-site-header~main.wrap,.droocy-site-header~main.page,
.droocy-site-header~.wrap,.droocy-site-header~.page{padding-top:16px!important;padding-bottom:34px!important}
main.wrap,main.page{min-height:0!important}
.card,.panel{border-color:var(--ui-line)!important;box-shadow:var(--ui-shadow)}
.card h1,.card h2,.card h3,.panel h1,.panel h2,.panel h3{line-height:1.35}
/* professional forms */
input:not([type="checkbox"]):not([type="radio"]),select,textarea{
  border-color:#d7dce5!important;background:#fff;color:#172033;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
input:not([type="checkbox"]):not([type="radio"]):focus,select:focus,textarea:focus{
  outline:none!important;border-color:#9b87ed!important;box-shadow:0 0 0 3px rgba(101,71,216,.10)!important;
}
label{color:#344054}
/* all common data tables */
.table,.t5-table,.a6-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;background:#fff}
.table th,.t5-table th,.a6-table th{
  background:#f8f7fc!important;color:#475467!important;font-weight:800!important;
  border-top:1px solid #ebe8f5!important;border-bottom:1px solid #e5e2ef!important;
  white-space:nowrap
}
.table td,.t5-table td,.a6-table td{border-bottom:1px solid #edf0f4!important;color:#344054;vertical-align:middle}
.table tr:hover td,.t5-table tr:hover td,.a6-table tr:hover td{background:#fcfbff}
.table th:first-child,.t5-table th:first-child,.a6-table th:first-child{border-radius:0 10px 0 0}
.table th:last-child,.t5-table th:last-child,.a6-table th:last-child{border-radius:10px 0 0 0}
.panel:has(>table),.card:has(>table){overflow-x:auto}
/* clickable user names are visually obvious */
.admin-user-link,.user-name-link,.profile-user-link{
  color:#5137c8!important;font-weight:900!important;text-decoration:none!important;border-bottom:1px dashed #a99bf0;
}
.admin-user-link:hover,.user-name-link:hover,.profile-user-link:hover{color:#3923a2!important;border-bottom-style:solid}
/* reduce oversized decorative whitespace on dashboard/portal areas */
.hero,.sd-hero,.t5-hero,.course-hero{min-height:0!important}
.hero-actions,.sd-actions{align-items:center}
.admin-grid,.sd-course-grid,.course-grid,.features-grid,.stage-grid{align-items:stretch}
/* dashboard cards shouldn't force tall empty blocks */
.admin-card{min-height:112px!important;padding:13px!important}
.admin-card p{margin:4px 0 7px!important;line-height:1.55!important;color:#475467!important}
.quick a{padding:9px 10px!important}
.lower{align-items:start}
/* teacher area legacy large sections */
.section{padding-top:42px!important;padding-bottom:42px!important}
.cta-section{padding-top:36px!important;padding-bottom:36px!important}
.cta-box{padding:24px!important;border-radius:20px!important}
.content-wrap{padding-top:18px!important;padding-bottom:36px!important}
/* consistent empty state */
.empty,.empty-state,.sd-empty{padding:20px!important;border:1px dashed #d9d4ea!important;border-radius:13px!important;background:#fbfaff!important;color:#667085!important;text-align:center}
/* compact headers on small screens and table horizontal safety */
@media(max-width:900px){
  .droocy-site-header~main.wrap,.droocy-site-header~main.page{padding-inline:12px!important}
  .table,.t5-table,.a6-table{min-width:680px}
  .panel:has(>table),.card:has(>table){padding-bottom:8px!important}
}
@media(max-width:600px){
  .card,.panel{border-radius:13px!important}
  .section{padding-top:28px!important;padding-bottom:28px!important}
  .cta-box{padding:18px!important}
}

/* ========================================================================== 
   Droocy v10 — unified role-aware header + footer
   ========================================================================== */
:root{
 --droocy-v10-purple:#6547d8;--droocy-v10-purple-dark:#4e35bd;--droocy-v10-soft:#f6f4ff;
 --droocy-v10-ink:#182230;--droocy-v10-muted:#667085;--droocy-v10-line:#e7e9f0;
 --droocy-v10-green:#079455;--droocy-v10-footer:#17142b;
}
.droocy-admin-utility{position:relative;z-index:1302;background:#211a4b;color:#fff;font-family:"Cairo",Tahoma,Arial,sans-serif;direction:rtl}
.droocy-admin-utility-inner{max-width:1480px;min-height:36px;margin:auto;padding:4px 18px;display:flex;align-items:center;gap:18px}
.droocy-admin-mode{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:900;white-space:nowrap}
.droocy-status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#32d583;box-shadow:0 0 0 3px rgba(50,213,131,.14)}
.droocy-admin-tools{display:flex;align-items:center;gap:4px;margin-right:auto;overflow:auto;scrollbar-width:none}
.droocy-admin-tools::-webkit-scrollbar{display:none}.droocy-admin-tools a{color:#ded9ff;text-decoration:none;font-size:9px;font-weight:800;white-space:nowrap;padding:5px 9px;border-radius:7px}.droocy-admin-tools a:hover{background:rgba(255,255,255,.10);color:#fff}
.droocy-site-header{position:sticky!important;top:0!important;z-index:1300!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid var(--droocy-v10-line)!important;box-shadow:0 5px 22px rgba(16,24,40,.055)!important;backdrop-filter:blur(14px);font-family:"Cairo",Tahoma,Arial,sans-serif;direction:rtl}
.droocy-header-inner{max-width:1480px!important;min-height:70px!important;margin:auto!important;padding:8px 18px!important;display:flex!important;align-items:center!important;gap:18px!important}
.droocy-brand{display:flex!important;align-items:center!important;gap:9px!important;color:var(--droocy-v10-ink)!important;text-decoration:none!important;white-space:nowrap!important;flex:0 0 auto}
.droocy-brand-mark{width:38px!important;height:38px!important;border-radius:12px!important;display:grid!important;place-items:center!important;color:#fff!important;background:linear-gradient(135deg,#5b3fd1,#8768ef)!important;box-shadow:0 7px 17px rgba(101,71,216,.23)!important;font:950 20px/1 Arial,sans-serif!important}
.droocy-brand-copy{display:grid;line-height:1.1}.droocy-brand-copy strong{font-size:19px;color:#18152d;letter-spacing:-.4px}.droocy-brand-copy small{margin-top:4px;font-size:7.5px!important;font-weight:800;color:#8a8fa0!important}
.droocy-main-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;flex:1!important;min-width:0!important}
.droocy-nav-link{min-height:40px;padding:0 9px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:5px;color:#535b6b;text-decoration:none;font-size:10px;font-weight:850;white-space:nowrap;transition:.16s ease}
.droocy-nav-icon{font-size:13px;line-height:1;color:#7c6cbe}.droocy-nav-link:hover{background:#f7f5ff;color:var(--droocy-v10-purple)}.droocy-nav-link.active{background:#f0edff;color:var(--droocy-v10-purple);box-shadow:inset 0 0 0 1px #e3dcff}.droocy-nav-link.active .droocy-nav-icon{color:var(--droocy-v10-purple)}
.droocy-header-actions{display:flex!important;align-items:center!important;gap:7px!important;margin-right:auto!important;flex:0 0 auto!important}
.droocy-icon-btn,.droocy-login-btn,.droocy-register-btn,.droocy-logout-btn{min-height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 11px;text-decoration:none;font-size:10px;font-weight:900;white-space:nowrap}
.droocy-icon-btn{border:1px solid #e1e4eb;background:#fff;color:#344054}.droocy-icon-btn em{font-style:normal}.droocy-login-btn{border:1px solid #ddd7f8;background:#fff;color:var(--droocy-v10-purple)}.droocy-register-btn{border:1px solid transparent;background:linear-gradient(135deg,#6042d4,#7d5ee8);color:#fff;box-shadow:0 5px 14px rgba(101,71,216,.18)}.droocy-logout-btn{border:1px solid #f0d5d2;background:#fff;color:#b42318}
.droocy-user-chip{min-height:44px!important;padding:4px 6px 4px 10px!important;border:1px solid #e7e4f3!important;border-radius:12px!important;display:flex!important;align-items:center!important;gap:8px!important;background:#fbfaff!important;text-decoration:none!important;max-width:175px}.droocy-user-avatar{width:32px!important;height:32px!important;border-radius:9px!important;display:grid!important;place-items:center!important;background:#ece8ff!important;color:#5d43cf!important;font-size:12px!important;font-weight:950!important}.droocy-user-copy{min-width:0;line-height:1.2}.droocy-user-copy strong{display:block!important;max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px!important;color:#242735!important}.droocy-user-copy small{display:block!important;margin-top:3px;font-size:7.5px!important;color:#7d8492!important;font-weight:700!important}
.droocy-menu-toggle{display:none;width:41px;height:41px;padding:10px;border:1px solid #e2e5ec;border-radius:10px;background:#fff;cursor:pointer;flex-direction:column;justify-content:center;gap:4px}.droocy-menu-toggle span{display:block;width:18px;height:2px;margin:auto;border-radius:4px;background:#344054;transition:.18s}.droocy-menu-toggle.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.droocy-menu-toggle.open span:nth-child(2){opacity:0}.droocy-menu-toggle.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.droocy-mobile-panel{display:none!important}.droocy-online-bar{position:relative;z-index:1190;background:#fff;border-bottom:1px solid #eceef3;font-family:"Cairo",Tahoma,Arial,sans-serif;direction:rtl}.droocy-online-inner{max-width:1480px;min-height:35px;margin:auto;padding:5px 18px;display:flex;align-items:center;gap:10px}.droocy-online-title{display:inline-flex;align-items:center;gap:7px;color:#087a55;font-size:9px;font-weight:900;white-space:nowrap}.droocy-online-title b{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#ecfdf3;color:#067647}.droocy-online-list{display:flex;align-items:center;gap:5px;overflow:auto;scrollbar-width:none}.droocy-online-list::-webkit-scrollbar{display:none}.droocy-online-person{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border:1px solid #eaecf0;border-radius:99px;background:#f9fafb;color:#475467;font-size:8px;font-weight:800;white-space:nowrap;text-decoration:none!important}.droocy-online-person.admin-user-link{border-bottom:1px solid #e4e7ec!important}.droocy-online-person.admin-user-link:hover{background:#f2efff;color:#5137c8!important}.droocy-online-manage{margin-right:auto;color:#6048d2;text-decoration:none;font-size:8px;font-weight:900;white-space:nowrap}
/* Footer */
.droocy-site-footer{margin-top:42px!important;background:linear-gradient(145deg,#17142b,#211b3e)!important;color:#fff!important;font-family:"Cairo",Tahoma,Arial,sans-serif!important;direction:rtl!important;border-top:0!important}.droocy-footer-inner{max-width:1450px!important;margin:auto!important;padding:38px 20px 28px!important;display:grid!important;grid-template-columns:1.5fr 1fr 1fr 1.15fr!important;gap:42px!important}.droocy-footer-logo{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.droocy-footer-logo>span:last-child{display:grid}.droocy-footer-logo strong{font-size:19px;line-height:1.1}.droocy-footer-logo small{font-size:8px!important;color:#aaa4c1!important;margin-top:5px}.droocy-footer-brand p,.droocy-footer-about p{max-width:390px;margin:13px 0 0;color:#b7b2ca!important;font-size:9px!important;font-weight:600!important;line-height:1.9!important}.droocy-footer-title{position:relative;margin:4px 0 14px!important;color:#fff!important;font-size:10px!important;font-weight:950!important}.droocy-footer-title:after{content:"";display:block;width:22px;height:2px;margin-top:7px;border-radius:3px;background:#7255dd}.droocy-footer-links{display:grid!important;gap:8px!important}.droocy-footer-links a{width:max-content;max-width:100%;color:#bbb6cd!important;text-decoration:none!important;font-size:9px!important;font-weight:700!important;transition:.15s}.droocy-footer-links a:hover{color:#fff!important;transform:translateX(-3px)}.droocy-footer-bottom{max-width:1450px!important;margin:auto!important;padding:14px 20px 18px!important;border-top:1px solid rgba(255,255,255,.08)!important;display:flex!important;justify-content:space-between!important;gap:14px!important;color:#8f899f!important;font-size:8px!important;font-weight:600!important}
@media(max-width:1180px){.droocy-main-nav{display:none!important}.droocy-menu-toggle{display:flex!important}.droocy-header-inner{min-height:64px!important}.droocy-mobile-panel.open{display:block!important;position:absolute;top:100%;right:12px;left:12px;padding:12px;background:#fff;border:1px solid #e7e9f0;border-radius:0 0 16px 16px;box-shadow:0 18px 35px rgba(16,24,40,.13)}.droocy-mobile-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important}.droocy-mobile-links .droocy-nav-link{min-height:45px!important;justify-content:flex-start!important;padding:0 12px!important;border:1px solid #eceef3;background:#fafbfc;font-size:10px!important}.droocy-mobile-links .droocy-nav-link.active{background:#f1eeff!important;border-color:#ded6ff!important}.droocy-mobile-account{display:flex!important;gap:8px!important;margin-top:10px!important;padding-top:10px!important;border-top:1px solid #eef0f3}.droocy-mobile-account a{flex:1;min-height:42px;display:grid;place-items:center;border-radius:10px;text-decoration:none;font-size:10px;font-weight:900}.droocy-mobile-home{border:1px solid #ddd7f8;color:#5d43cf;background:#fff}.droocy-mobile-register{background:#6547d8;color:#fff}.droocy-mobile-logout{border:1px solid #f0d5d2;color:#b42318;background:#fff}.droocy-footer-inner{grid-template-columns:1.4fr 1fr 1fr!important}.droocy-footer-about{display:none}}
@media(max-width:700px){.droocy-admin-utility-inner{padding-inline:11px}.droocy-admin-mode{font-size:9px}.droocy-admin-tools{gap:0}.droocy-admin-tools a{font-size:8px;padding-inline:7px}.droocy-header-inner{padding:7px 11px!important;gap:8px!important}.droocy-brand-copy small{display:none!important}.droocy-brand-copy strong{font-size:17px!important}.droocy-brand-mark{width:35px!important;height:35px!important;font-size:18px!important}.droocy-desktop-only{display:none!important}.droocy-user-chip{display:none!important}.droocy-icon-btn{width:40px;height:40px;padding:0}.droocy-icon-btn em{display:none}.droocy-online-inner{padding-inline:11px}.droocy-online-title{font-size:8px}.droocy-online-manage{display:none}.droocy-footer-inner{grid-template-columns:1fr 1fr!important;gap:28px 22px!important;padding:30px 16px 22px!important}.droocy-footer-brand{grid-column:1/-1}.droocy-footer-bottom{padding-inline:16px!important;flex-direction:column!important;text-align:center!important;align-items:center!important}}
@media(max-width:430px){.droocy-mobile-panel.open{right:7px;left:7px}.droocy-mobile-links{grid-template-columns:1fr!important}.droocy-footer-inner{grid-template-columns:1fr!important}.droocy-footer-brand{grid-column:auto}.droocy-footer-bottom span:last-child{display:none}}