:root{--m-navy:#173b4b;--m-teal:#2f7f7a;--m-gold:#e8ad43;--m-ink:#18313b;--m-muted:#60757e;--m-paper:#fffdf8;--m-line:#dce7e8;--m-soft:#eef5f4;--m-focus:#ffbf47;--shadow:0 16px 44px rgba(23,59,75,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.miftah-enhanced{padding-top:88px!important}body.miftah-text-lg{font-size:112.5%}body.miftah-text-xl{font-size:125%}
a{color:inherit}.arabic,.lesson-ar,[lang="ar"]{font-family:"Traditional Arabic","Noto Naskh Arabic","Amiri","Times New Roman",serif}
.miftah-sitebar{position:fixed;inset:0 0 auto;z-index:5000;background:rgba(255,253,248,.96);backdrop-filter:blur(15px);border-bottom:1px solid var(--m-line);box-shadow:0 6px 24px rgba(20,55,68,.08);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--m-ink)}
.miftah-sitebar__inner{max-width:1320px;height:72px;margin:auto;padding:0 18px;display:flex;align-items:center;gap:14px}.miftah-brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:max-content}.miftah-brand img{width:40px;height:40px;border-radius:12px}.miftah-brand strong{display:block;font-size:.98rem;line-height:1.05}.miftah-brand small{display:block;color:var(--m-muted);font-size:.72rem;margin-top:3px}.miftah-stage-links{display:flex;gap:5px;margin-left:10px}.miftah-stage-links a{text-decoration:none;padding:8px 10px;border-radius:999px;font-weight:800;font-size:.78rem;color:#49636d}.miftah-stage-links a:hover,.miftah-stage-links a.active{background:#eaf2f1;color:var(--m-navy)}
.miftah-sitebar__nav{display:flex;align-items:center;gap:8px;margin-left:auto}.miftah-navbtn,.miftah-complete{appearance:none;border:1px solid var(--m-line);background:#fff;color:var(--m-ink);border-radius:999px;padding:9px 13px;font:700 .83rem/1 Inter,system-ui;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.miftah-navbtn:hover,.miftah-complete:hover{border-color:#9cc7c4;background:#f4fbfa}.miftah-complete.is-complete{background:#e8f5ee;border-color:#9bd0af;color:#236844}.miftah-progresschip{font-size:.76rem;color:var(--m-muted);min-width:82px;text-align:center}.miftah-sizegroup{display:flex;border:1px solid var(--m-line);border-radius:999px;overflow:hidden;background:#fff}.miftah-sizegroup button{border:0;background:transparent;padding:8px 9px;cursor:pointer;color:var(--m-ink);font-weight:800}.miftah-sizegroup button:hover{background:#eef6f5}
.miftah-sitebar button:focus-visible,.miftah-sitebar a:focus-visible,.miftah-search-modal a:focus-visible,.miftah-search-modal button:focus-visible{outline:3px solid var(--m-focus);outline-offset:2px}
.miftah-search-modal{position:fixed;inset:0;z-index:8000;background:rgba(13,37,46,.64);backdrop-filter:blur(5px);display:none;align-items:flex-start;justify-content:center;padding:6vh 16px}.miftah-search-modal.open{display:flex}.miftah-search-panel{width:min(820px,100%);max-height:86vh;overflow:hidden;background:var(--m-paper);border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.28);display:flex;flex-direction:column}.miftah-search-head{padding:20px;border-bottom:1px solid var(--m-line);display:flex;gap:10px}.miftah-search-head input{flex:1;border:2px solid #cbdadb;border-radius:14px;padding:12px 14px;font:600 1rem Inter,system-ui}.miftah-search-head input:focus{outline:3px solid rgba(255,191,71,.55);border-color:#567f8a}.miftah-search-close{border:0;background:#eaf1f2;border-radius:12px;width:46px;font-size:1.2rem;cursor:pointer}.miftah-search-results{overflow:auto;padding:12px 14px 18px}.miftah-search-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:14px;text-decoration:none;color:var(--m-ink);border:1px solid transparent}.miftah-search-item:hover{background:#fff;border-color:var(--m-line)}.miftah-search-item__code{background:var(--m-navy);color:#fff;border-radius:9px;padding:6px 8px;font-weight:850;font-size:.75rem}.miftah-search-item__title{font-weight:800;display:block}.miftah-search-item__ar{display:block;direction:rtl;text-align:left;color:var(--m-muted);font-size:1.05rem}.miftah-search-empty{padding:24px;text-align:center;color:var(--m-muted)}
.miftah-bottom-nav{max-width:1100px;margin:24px auto 0;display:flex;justify-content:space-between;gap:12px;font-family:Inter,system-ui}.miftah-bottom-nav a{padding:11px 16px;border-radius:999px;background:#fff;border:1px solid var(--m-line);text-decoration:none;color:var(--m-ink);font-weight:800}.miftah-bottom-nav a:hover{background:#eef6f5}.miftah-bottom-nav .disabled{visibility:hidden}
.miftah-card-complete{position:absolute;right:12px;top:12px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#dff4e7;color:#267347;font-weight:900;box-shadow:0 2px 8px rgba(0,0,0,.08)}.lesson-card.miftah-done{outline:2px solid #95cfa9;outline-offset:2px}
/* Generated lesson pages */
body.generated-lesson{margin:0;background:radial-gradient(circle at 12% 3%,color-mix(in srgb,var(--unit) 8%,transparent),transparent 28%),radial-gradient(circle at 88% 5%,rgba(232,173,67,.09),transparent 24%),#f3f7f7;color:var(--m-ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65}.lesson-shell{width:min(1160px,calc(100% - 28px));margin:0 auto;padding:24px 0 62px}.crumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#667c84;font-size:.86rem;margin:0 0 16px}.crumbs a{text-decoration:none;font-weight:750}.crumbs a:hover{text-decoration:underline}.lesson-hero{background:linear-gradient(135deg,#fff 0%,var(--unit-soft) 100%);border:1px solid color-mix(in srgb,var(--unit) 22%,#dce7e8);border-radius:30px;padding:34px;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px;align-items:center;box-shadow:var(--shadow)}.lesson-kicker{display:flex;gap:8px;flex-wrap:wrap}.lesson-kicker span{padding:6px 10px;border-radius:999px;background:#fff;border:1px solid color-mix(in srgb,var(--unit) 22%,#dce7e8);font-size:.76rem;font-weight:850;color:var(--unit)}.lesson-hero h1{font-size:clamp(2rem,4vw,3.35rem);line-height:1.06;margin:16px 0 10px;letter-spacing:-.035em}.lesson-ar{font-size:clamp(1.45rem,3vw,2rem);color:var(--unit);margin:0;text-align:left}.lesson-unit{color:#59717a;font-weight:750;margin:14px 0 0}.ten-minute{background:rgba(255,255,255,.84);border:1px solid color-mix(in srgb,var(--unit) 23%,#dce7e8);border-radius:20px;padding:20px}.ten-minute strong{color:var(--unit);font-size:1.05rem}.ten-minute ol{margin:10px 0 0;padding-left:22px}.ten-minute li{margin:7px 0}.calm-note{margin:18px 0;background:#fff8df;border:1px solid #edd493;border-radius:16px;padding:14px 18px}.lesson-section{background:#fff;border:1px solid var(--m-line);border-radius:24px;padding:26px;margin:18px 0;box-shadow:0 8px 26px rgba(23,59,75,.045)}.section-title{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}.section-title>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--unit);color:#fff;font-weight:900;flex:0 0 auto}.section-title h2{margin:0;font-size:1.4rem}.section-title p{margin:3px 0 0;color:#667b83}.objective-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;padding:0;margin:0}.objective-list li{background:var(--unit-soft);border-left:5px solid var(--unit);border-radius:13px;padding:13px 15px}.recall-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.recall-card{min-height:132px;border:1px solid color-mix(in srgb,var(--unit) 22%,#dce7e8);border-radius:16px;background:linear-gradient(145deg,#fff,var(--unit-soft));padding:16px;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .18s ease,box-shadow .18s ease}.recall-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(23,59,75,.08)}.recall-ar{font-size:1.55rem;font-weight:800;color:var(--unit)}.recall-prompt{font-size:.74rem;color:#71858c;margin-top:8px}.recall-answer{font-weight:800;margin-top:7px;display:none}.recall-card.revealed .recall-answer{display:block}.recall-card.revealed .recall-prompt{display:none}.focus-chip{border-radius:14px;background:var(--unit-soft);border:1px solid color-mix(in srgb,var(--unit) 20%,#dce7e8);padding:16px;font-weight:800}.grammar-section{background:linear-gradient(145deg,#fff 55%,var(--unit-soft))}.grammar-box{font-size:1.03rem;background:#fff;border:1px solid color-mix(in srgb,var(--unit) 18%,#dce7e8);border-left:6px solid var(--unit);border-radius:14px;padding:18px;white-space:pre-line}.sprint-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sprint-card{border:1px solid #dfe8ea;border-radius:16px;padding:17px;background:#fbfdfd}.sprint-card>span{font-size:.75rem;font-weight:900;color:var(--unit);text-transform:uppercase;letter-spacing:.04em}.sprint-card h3{margin:8px 0;font-size:1.05rem}.sprint-card h3 small{font-weight:650;color:#778a91}.sprint-card p{margin:0;color:#536b74}.quiz-list{display:grid;gap:16px}.quiz-item{border:1px solid #dfe8ea;border-radius:16px;padding:17px;background:#fbfdfd}.quiz-item p{font-size:1.25rem;margin:0 0 12px}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quiz-options button{border:1px solid #cfdcdf;background:#fff;border-radius:12px;padding:11px;text-align:left;font:700 .92rem Inter,system-ui;cursor:pointer}.quiz-options button:hover{border-color:var(--unit)}.quiz-options button.correct{background:#e4f5ea;border-color:#7abd91;color:#205f37}.quiz-options button.incorrect{background:#fdeaea;border-color:#dd8c8c;color:#8a2929}.quiz-feedback{min-height:24px;margin-top:10px;font-weight:800;color:#4c6770}.reset-quiz{border:0;background:var(--unit);color:#fff;border-radius:999px;padding:10px 15px;font-weight:850;margin-top:14px;cursor:pointer}.compact-section{padding-bottom:22px}.finish-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.finish-grid article{background:#f6f9f9;border:1px solid #dfe8ea;border-radius:15px;padding:16px}.finish-grid h3{margin:0 0 7px}.finish-grid p{margin:0;color:#526b74}.exam-link{margin-top:14px;padding:14px 16px;background:#fff8df;border:1px solid #ead18e;border-radius:14px}.lesson-page-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin-top:22px}.lesson-page-nav a{text-decoration:none;background:#fff;border:1px solid var(--m-line);border-radius:999px;padding:11px 15px;font-weight:850}.lesson-page-nav a:nth-child(2){text-align:center}.lesson-page-nav a:last-child{text-align:right}.lesson-page-nav a:hover{background:var(--unit-soft);border-color:color-mix(in srgb,var(--unit) 28%,#dce7e8)}
/* Keep old Development pages aligned with the shared shell. */
body.miftah-enhanced:not(.generated-lesson){background-image:radial-gradient(circle at 15% 4%,rgba(47,127,122,.07),transparent 27%),radial-gradient(circle at 88% 8%,rgba(232,173,67,.08),transparent 25%)}body.miftah-enhanced .container{border-color:#dbe7e8!important}body.miftah-enhanced .section{box-shadow:none!important}body.miftah-enhanced .btn-primary,body.miftah-enhanced .page-nav .nav-btn.primary{background:var(--m-teal)!important}body.miftah-enhanced .header .badge{background:var(--m-navy)!important}
@media(max-width:920px){.miftah-stage-links{display:none}.lesson-hero{grid-template-columns:1fr}.recall-grid{grid-template-columns:repeat(2,1fr)}.sprint-grid{grid-template-columns:1fr}.objective-list{grid-template-columns:1fr}}
@media(max-width:650px){body.miftah-enhanced{padding-top:76px!important}.miftah-sitebar__inner{height:64px;padding:0 10px;gap:7px}.miftah-brand small,.miftah-progresschip,.miftah-sizegroup,.miftah-navbtn span{display:none}.miftah-brand strong{font-size:.87rem}.miftah-brand img{width:35px;height:35px}.miftah-navbtn,.miftah-complete{padding:9px 10px}.miftah-complete span{display:none}.lesson-shell{width:min(100% - 18px,1160px);padding-top:14px}.lesson-hero{padding:24px 19px;border-radius:22px}.lesson-section{padding:20px 16px;border-radius:19px}.recall-grid,.quiz-options,.finish-grid{grid-template-columns:1fr}.lesson-page-nav{grid-template-columns:1fr}.lesson-page-nav a,.lesson-page-nav a:last-child{text-align:center}}
@media print{.miftah-sitebar,.miftah-search-modal,.miftah-bottom-nav,.lesson-page-nav{display:none!important}body.miftah-enhanced{padding-top:0!important;background:none!important}.lesson-section,.lesson-hero{box-shadow:none;break-inside:avoid}}

/* ================================================================
   2026-07 audit: unified Development lesson styling, persistent menu,
   and a shared drawing/annotation tool.
   ================================================================ */

/* The global navigation remains visible while the learner moves through a
   lesson. Fixed positioning is used deliberately because it is reliable in
   the older self-contained Development pages as well as the generated pages. */
.miftah-sitebar{
  position:fixed!important;
  top:0!important;
  right:0!important;
  left:0!important;
  z-index:7000!important;
}
body.miftah-enhanced{padding-top:88px!important}

/* Development D1-D4 compatibility layer. It preserves the richer tabbed
   lesson content while applying the same page language as Foundation,
   Progression, D5 and D6. */
body.development-legacy{
  margin:0!important;
  padding-right:0!important;
  padding-bottom:0!important;
  padding-left:0!important;
  background:
    radial-gradient(circle at 12% 3%,color-mix(in srgb,var(--unit) 8%,transparent),transparent 28%),
    radial-gradient(circle at 88% 5%,rgba(232,173,67,.09),transparent 24%),
    #f3f7f7!important;
  color:var(--m-ink)!important;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  line-height:1.65!important;
}
body.development-legacy .container{
  width:min(1160px,calc(100% - 28px))!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:24px 0 64px!important;
  overflow:visible!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  position:relative!important;
}
body.development-legacy .development-crumbs{margin-bottom:16px!important}
body.development-legacy .header{
  margin:0 0 18px!important;
  padding:34px!important;
  border:1px solid color-mix(in srgb,var(--unit) 22%,#dce7e8)!important;
  border-radius:30px!important;
  background:linear-gradient(135deg,#fff 0%,var(--unit-soft) 100%)!important;
  box-shadow:var(--shadow)!important;
  gap:20px!important;
}
body.development-legacy .header .title-group h1{
  margin:0 0 8px!important;
  color:var(--m-ink)!important;
  font-size:clamp(2rem,4vw,3.2rem)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}
body.development-legacy .header .title-group h1 i{color:var(--unit)!important}
body.development-legacy .header .title-group .sub{
  color:#59717a!important;
  font-size:1rem!important;
  font-weight:750!important;
}
body.development-legacy .header .badge{
  border:1px solid color-mix(in srgb,var(--unit) 25%,#dce7e8)!important;
  background:#fff!important;
  color:var(--unit)!important;
  box-shadow:0 6px 18px rgba(23,59,75,.06)!important;
}
body.development-legacy .legacy-rescue{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  align-items:start;
  margin:0 0 18px;
  padding:14px 18px;
  border:1px solid #edd493;
  border-radius:16px;
  background:#fff8df;
  color:#5f522e;
}
body.development-legacy .legacy-rescue strong{color:var(--unit)}
body.development-legacy .legacy-rescue p{margin:0}

body.development-legacy .tab-bar{
  position:sticky!important;
  top:80px!important;
  z-index:600!important;
  margin:0 0 12px!important;
  padding:10px!important;
  border:1px solid var(--m-line)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 10px 28px rgba(23,59,75,.10)!important;
  backdrop-filter:blur(14px);
}
body.development-legacy .tab-btn{
  border:1px solid transparent!important;
  background:#eef3f3!important;
  color:#405b65!important;
  min-height:40px;
}
body.development-legacy .tab-btn:hover:not(.active){
  border-color:color-mix(in srgb,var(--unit) 26%,#dce7e8)!important;
  background:var(--unit-soft)!important;
  color:var(--unit)!important;
}
body.development-legacy .tab-btn.active{
  border-color:var(--unit)!important;
  background:var(--unit)!important;
  color:#fff!important;
  box-shadow:0 7px 18px color-mix(in srgb,var(--unit) 22%,transparent)!important;
}
body.development-legacy .progress-track{
  height:7px!important;
  margin:0 0 18px!important;
  border-radius:999px!important;
  background:#dfe9e9!important;
}
body.development-legacy .progress-track .fill{background:var(--unit)!important}
body.development-legacy .section{
  margin:18px 0!important;
  padding:26px!important;
  border:1px solid var(--m-line)!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 8px 26px rgba(23,59,75,.045)!important;
}
body.development-legacy .section-title{
  margin:0 0 18px!important;
  color:var(--m-ink)!important;
  font-size:1.4rem!important;
  line-height:1.25!important;
  gap:14px!important;
}
body.development-legacy .section-title i{
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  background:var(--unit)!important;
  color:#fff!important;
  font-size:1rem!important;
  box-shadow:0 5px 14px color-mix(in srgb,var(--unit) 24%,transparent)!important;
}
body.development-legacy .section-sub{color:#304b56!important}
body.development-legacy .objectives-grid .obj{
  border:1px solid color-mix(in srgb,var(--unit) 20%,#dce7e8)!important;
  border-left:5px solid var(--unit)!important;
  border-right:1px solid color-mix(in srgb,var(--unit) 20%,#dce7e8)!important;
  background:var(--unit-soft)!important;
  color:var(--m-ink)!important;
}
body.development-legacy .objectives-grid .obj i{color:var(--unit)!important}
body.development-legacy .vocab-grid{gap:12px!important}
body.development-legacy .vocab-card,
body.development-legacy .activity-card,
body.development-legacy .quiz-container{
  border:1px solid color-mix(in srgb,var(--unit) 18%,#dce7e8)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#fff,var(--unit-soft))!important;
  box-shadow:none!important;
}
body.development-legacy .vocab-card:hover{
  border-color:var(--unit)!important;
  box-shadow:0 10px 22px rgba(23,59,75,.08)!important;
}
body.development-legacy .vocab-card .ar,
body.development-legacy .example-sentence,
body.development-legacy .listening-transcript{
  font-family:"Traditional Arabic","Noto Naskh Arabic","Amiri","Times New Roman",serif!important;
}
body.development-legacy .grammar-box{
  border:1px solid color-mix(in srgb,var(--unit) 22%,#dce7e8)!important;
  border-left:5px solid var(--unit)!important;
  border-right:1px solid color-mix(in srgb,var(--unit) 22%,#dce7e8)!important;
  background:var(--unit-soft)!important;
}
body.development-legacy .grammar-box .rule{color:var(--unit)!important}
body.development-legacy .example-sentence{border-right-color:var(--unit)!important}
body.development-legacy .quiz-options button:hover{
  border-color:var(--unit)!important;
  background:var(--unit-soft)!important;
}
body.development-legacy .btn-primary,
body.development-legacy .page-nav .nav-btn.primary{
  background:var(--unit)!important;
  color:#fff!important;
}
body.development-legacy .btn-outline{border-color:var(--unit)!important;color:var(--unit)!important}
body.development-legacy .btn-outline:hover{background:var(--unit)!important;color:#fff!important}
body.development-legacy .page-nav{
  margin-top:18px!important;
  padding:18px!important;
  border:1px solid var(--m-line)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(23,59,75,.045)!important;
}
body.development-legacy .page-nav .nav-btn:hover:not(:disabled){background:var(--unit)!important;color:#fff!important}
body.development-legacy .page-nav .page-indicator span{color:var(--unit)!important}
body.development-legacy .footer{color:#667c84!important}

/* Shared drawing tool. These rules also refine the older built-in D1-D4 tool,
   so every stage presents one consistent annotation control. */
#drawCanvas{
  z-index:6400!important;
  border-radius:0!important;
  background:transparent!important;
}
#drawCanvas.miftah-document-canvas{
  position:absolute!important;
  top:0!important;
  left:0!important;
  width:100%!important;
  height:auto;
  pointer-events:none;
  touch-action:none;
}
#drawCanvas.active{pointer-events:auto!important;cursor:crosshair!important}
#drawToggle{
  position:fixed!important;
  right:24px!important;
  bottom:24px!important;
  z-index:7200!important;
  width:58px!important;
  height:58px!important;
  border:0!important;
  border-radius:18px!important;
  background:var(--unit,var(--m-teal))!important;
  color:#fff!important;
  font:800 1.25rem/1 Inter,system-ui,sans-serif!important;
  box-shadow:0 12px 30px rgba(23,59,75,.28)!important;
  cursor:pointer!important;
  display:grid!important;
  place-items:center!important;
}
#drawToggle:hover{transform:translateY(-2px) scale(1.03)!important;filter:brightness(.96)}
#drawToggle.active{background:#9b3f42!important}
#drawToolbar{
  display:none!important;
  position:fixed!important;
  right:24px!important;
  bottom:94px!important;
  z-index:7201!important;
  min-width:260px!important;
  max-width:min(360px,calc(100vw - 28px))!important;
  padding:16px!important;
  border:1px solid var(--m-line)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 18px 44px rgba(23,59,75,.24)!important;
  backdrop-filter:blur(16px);
  color:var(--m-ink)!important;
}
#drawToolbar[hidden],#drawToolbar:not(.visible){display:none!important}
#drawToolbar.visible{display:flex!important;flex-direction:column!important;gap:12px!important}
#drawToolbar .draw-title{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:900}
#drawToolbar .draw-help{margin:0;color:#667c84;font-size:.78rem;line-height:1.4}
#drawToolbar .tool-row{gap:8px!important}
#drawToolbar .tool-row label{color:#4b646d!important;font-size:.78rem!important}
#drawToolbar .color-btn{
  width:30px!important;
  height:30px!important;
  padding:0!important;
  border:3px solid #fff!important;
  border-radius:50%!important;
  box-shadow:0 0 0 1px #bfd0d3!important;
}
#drawToolbar .color-btn.active{box-shadow:0 0 0 3px var(--unit,var(--m-teal))!important}
#drawToolbar .tool-btn{
  min-height:36px!important;
  border:1px solid #d7e2e3!important;
  border-radius:10px!important;
  background:#f3f7f7!important;
  color:#29434d!important;
}
#drawToolbar .tool-btn:hover{background:var(--unit-soft,#eaf2f1)!important;border-color:var(--unit,var(--m-teal))!important}
#drawToolbar .tool-btn.danger{color:#9b3f42!important}
#drawToolbar .tool-btn.eraser-active{background:#9b3f42!important;color:#fff!important}
html.miftah-drawing-active,html.miftah-drawing-active body{overscroll-behavior:none}

@media(max-width:760px){
  body.miftah-enhanced{padding-top:76px!important}
  body.development-legacy .container{width:min(100% - 18px,1160px)!important;padding-top:14px!important}
  body.development-legacy .header{padding:24px!important;border-radius:24px!important}
  body.development-legacy .section{padding:20px!important;border-radius:20px!important}
  body.development-legacy .tab-bar{top:70px!important;overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:thin}
  body.development-legacy .tab-btn{flex:0 0 auto!important}
  #drawToggle{right:14px!important;bottom:14px!important}
  #drawToolbar{right:14px!important;bottom:82px!important}
}

@media print{
  .miftah-sitebar,#drawCanvas,#drawToggle,#drawToolbar{display:none!important}
  body.miftah-enhanced{padding-top:0!important}
  body.development-legacy .tab-bar{position:static!important}
}