/* Standalone Whiteboard App — reference-layout shell only. Canonical tools stay in whiteboard-v2. */
:root{
  --azwba-green:#1E6F5C;
  --azwba-green-dark:#143D33;
  --azwba-blue:#4EA8DE;
  --azwba-gold:#E9C46A;
  --azwba-bg:#F8F9FA;
  --azwba-ink:#20352F;
  --azwba-dark:#171820;
  --azwba-dark-2:#20222C;
  --azwba-panel:#66717D;
  --azwba-line:rgba(255,255,255,.10);
  --azwba-top:48px;
  --azwba-dock:58px;
  --azwba-zoom-bottom:76px;
  /* Whiteboard layering contract: workspace < panels < chrome < popovers < widgets < modals < critical */
  --azwba-z-workspace:100;
  --azwba-z-panel:200;
  --azwba-z-chrome:220;
  --azwba-z-popover:260;
  --azwba-z-widget:300;
  --azwba-z-modal:500;
  --azwba-z-critical:600;
  --azwba-z-app:9990;
  --azwba-z-global-tooltip:10050;
  --azwba-z-local-content:2;
  --azq-z-overlay:4;
  --azq-z-sidebar:5;
}
html:has(.azwba-app:not(.azc-whiteboard-app-host)),

body:has(.azwba-app:not(.azc-whiteboard-app-host)){
  width:100%;
  height:100%;
  min-height:100%;
  margin:0!important;
  overflow:hidden!important;
  background:#fff!important;
}
body.azp-system-page--whiteboard_app{background:#fff!important}
body.azp-system-page--whiteboard_app #wpadminbar{display:none!important}
body.azp-system-page--whiteboard_app{margin-top:0!important}
.azwba-app:not(.azc-whiteboard-app-host),

.azwba-room,

.azwba-board-host{width:100%;height:100dvh;min-height:0}
.azwba-app:not(.azc-whiteboard-app-host),

.azwba-app:not(.azc-whiteboard-app-host) *,

.azwba-app:not(.azc-whiteboard-app-host) *::before,

.azwba-app:not(.azc-whiteboard-app-host) *::after{box-sizing:border-box}
.azwba-app:not(.azc-whiteboard-app-host) button,

.azwba-app:not(.azc-whiteboard-app-host) input,

.azwba-app:not(.azc-whiteboard-app-host) select,

.azwba-app:not(.azc-whiteboard-app-host) textarea{font-family:inherit}
.azwba-app:not(.azc-whiteboard-app-host) button{margin:0}
.azwba-app:not(.azc-whiteboard-app-host) button>svg{display:block;max-width:100%;max-height:100%;flex:0 0 auto}
.azwba-app:not(.azc-whiteboard-app-host){position:fixed;inset:0;z-index:var(--azwba-z-app);background:#fff;font-family:"Cairo",system-ui,sans-serif;color:var(--azwba-ink);overflow:hidden}
.azwba-board-host{position:relative;overflow:hidden}
.azwba-access{max-width:560px;margin:10vh auto;padding:28px;border:1px solid #DDE8E4;border-radius:18px;background:#fff;text-align:center;font-family:"Cairo",sans-serif}
.azwba-access a{display:inline-flex;margin-top:12px;padding:10px 18px;border-radius:10px;background:var(--azwba-green);color:#fff;text-decoration:none;font-weight:800}

.azwba-app .azwb-shell.azwba-reference-ui{
  position:absolute;
  inset:0;
  width:100%;
  height:100dvh;
  min-height:0;
  overflow:hidden;
  background:#fff;
  --wb-btn:38px;
}
.azwba-app .azwba-reference-ui>.azwb-toolbar,

.azwba-app .azwba-reference-ui>.azwb-statusline{display:none!important}

.azwba-topbar{
  position:absolute;
  inset:0 0 auto 0;
  z-index:var(--azwba-z-chrome);
  display:grid;
  grid-template-columns:minmax(250px,1fr) auto minmax(250px,1fr);
  align-items:center;
  height:var(--azwba-top);
  padding:0 10px;
  gap:8px;
  direction:rtl;
  color:#fff;
  background:rgba(23,24,32,.98);
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 3px 16px rgba(20,28,26,.22);
  backdrop-filter:blur(14px);
}
.azwba-topbar__group{display:flex;align-items:center;min-width:0;gap:5px}
.azwba-topbar__primary{justify-content:flex-start}
.azwba-topbar__pages{justify-content:center}
.azwba-topbar__history{justify-content:flex-end}
.azwba-topbar__title{font-size:13px;font-weight:900;white-space:nowrap}
.azwba-topbar__pagecount{display:inline-flex;align-items:center;justify-content:center;min-width:50px;height:28px;padding:0 9px;border:1px solid rgba(255,255,255,.10);border-radius:8px;background:#20222B;color:#E9F0ED;font-size:12px;font-weight:800;direction:ltr}
.azwba-save-pill{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:1px solid rgba(48,180,120,.18);border-radius:999px;background:rgba(30,111,92,.26);color:#A8E4C8;font-size:11px;font-weight:900;white-space:nowrap}
.azwba-save-pill i{width:7px;height:7px;border-radius:50%;background:#55D092;box-shadow:0 0 0 3px rgba(85,208,146,.10)}
.azwba-save-pill.is-saved i{display:none}
.azwba-save-pill.is-saving i{background:var(--azwba-gold)}
.azwba-save-pill.is-error{color:#FFD0CD;background:rgba(166,61,57,.22)}
.azwba-save-pill.is-error i{background:#E36D66}
.azwba-top-btn{
  display:grid;place-items:center;width:34px;height:34px;min-width:34px;padding:0;border:1px solid transparent;border-radius:9px;background:transparent;color:#E6ECEA;cursor:pointer;transition:.15s ease
}
.azwba-top-btn:hover:not(:disabled){background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.08);color:#fff}
.azwba-top-btn:disabled{opacity:.35;cursor:not-allowed}
.azwba-top-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.azwba-top-btn.is-accent{color:#8ED5C2}
.azwba-top-sep{width:1px;height:20px;margin:0 2px;background:rgba(255,255,255,.11)}

.azwba-app .azwba-reference-ui .azwb-workspace{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%!important;
  min-width:0;
  min-height:0;
  max-width:none;
  max-height:none;
  margin:0;
  padding:0;
  overflow:hidden;
  background:#fff;
}
.azwba-app .azwba-reference-ui .azwb-stage-scroll{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  padding:0!important;
  overflow:hidden;
  background:#fff;
  scrollbar-width:none;
  overscroll-behavior:none;
}
.azwba-app .azwba-reference-ui .azwb-stage-scroll::-webkit-scrollbar{display:none}
/* AZWB_FIXED_VIEWPORT_V57 */
.azwba-app .azwba-reference-ui .azwb-document-track{display:block;width:100%;height:100%;min-height:0;gap:0;overflow:hidden}
.azwba-app .azwba-reference-ui .azwb-document-slot{display:none;width:100%;height:100%;min-height:0;overflow:hidden}
.azwba-app .azwba-reference-ui .azwb-document-slot.is-active{display:flex;align-items:stretch;justify-content:stretch}
.azwba-app .azwba-reference-ui .azwb-canvas-frame{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  min-width:0;
  min-height:0;
  aspect-ratio:auto!important;
  margin:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:#fff;
  overflow:hidden;
}
.azwba-app .azwba-reference-ui .azwb-canvas{width:100%!important;height:100%!important}

.azwba-app .azwba-reference-ui .azwb-pages{
  position:fixed;
  top:56px;
  right:8px;
  bottom:70px;
  left:auto;
  z-index:var(--azwba-z-panel);
  width:210px;
  min-width:210px;
  height:auto;
  min-height:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  background:rgba(23,24,32,.97);
  color:#fff;
  box-shadow:0 18px 45px rgba(20,24,23,.28);
  transform:translateX(calc(100% + 24px));
  opacity:0;
  pointer-events:none;
  transition:transform .25s ease,opacity .2s ease;
  backdrop-filter:blur(14px);
}
.azwba-app .azwba-reference-ui.azwba-pages-open .azwb-pages{transform:translateX(0);opacity:1;pointer-events:auto}
.azwba-app .azwba-reference-ui .azwb-pages__topbar{background:#252730;border-bottom-color:rgba(255,255,255,.08)}
.azwba-app .azwba-reference-ui .azwb-pages__list{background:transparent;padding:14px 20px 20px 8px;gap:14px}

.azwba-panel{
  position:absolute;
  z-index:var(--azwba-z-panel);
  top:56px;
  bottom:82px;
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:14px;
  overflow-y:auto;
  overscroll-behavior:contain;
  border:1px solid rgba(255,255,255,.13);
  border-radius:16px;
  background:rgba(91,103,116,.94);
  color:#fff;
  box-shadow:0 16px 42px rgba(22,33,30,.25);
  backdrop-filter:blur(16px);
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.28) transparent;
  transition:transform .26s cubic-bezier(.4,0,.2,1),opacity .22s ease;
}
.azwba-panel::-webkit-scrollbar{width:6px}
.azwba-panel::-webkit-scrollbar-track{background:transparent}
.azwba-panel::-webkit-scrollbar-thumb{background:rgba(255,255,255,.24);border-radius:999px}
.azwba-panel--left{left:8px;width:300px;transform:translateX(calc(-100% - 18px));opacity:0;pointer-events:none}
.azwba-panel--right{right:8px;width:230px;bottom:auto;max-height:390px;transform:translateX(calc(100% + 18px));opacity:0;pointer-events:none}
.azwba-reference-ui.azwba-left-open .azwba-panel--left,

.azwba-reference-ui.azwba-right-open .azwba-panel--right{transform:translateX(0);opacity:1;pointer-events:auto}
.azwba-panel-section{display:flex;flex-direction:column;gap:10px;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.10)}
.azwba-panel-section[hidden]{display:none!important}
.azwba-panel-section:last-child{border-bottom:0;padding-bottom:0}
.azwba-panel-section h3{display:flex;align-items:center;justify-content:space-between;margin:0;color:#fff;font-size:14px;line-height:1.35;font-weight:900}
.azwba-action-row{display:flex;gap:8px}
.azwba-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.azwba-action-grid .azwba-action-btn{min-width:0;line-height:1.35;text-align:center}
.azwba-action-grid .azwba-action-btn:last-of-type:nth-child(odd){grid-column:1/-1}
.azwba-action-btn{display:flex;flex:1;min-width:0;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:8px 11px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.07);color:#fff;font-size:13px;font-weight:850;cursor:pointer}
.azwba-action-btn>svg{display:block;width:21px!important;height:21px!important;min-width:21px;flex:0 0 21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.azwba-action-btn>span{min-width:0;line-height:1.4}
.azwba-action-btn:hover{background:rgba(255,255,255,.12)}
.azwba-action-btn.is-danger{color:#A2433B}
.azwba-panel-disclosure{display:block;width:100%}
.azwba-panel-disclosure>summary{
  display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;gap:10px;padding:8px 12px;
  border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.07);color:#fff;
  font-size:13px;font-weight:850;cursor:pointer;list-style:none
}
.azwba-panel-disclosure>summary::-webkit-details-marker{display:none}
.azwba-panel-disclosure>summary:hover{background:rgba(255,255,255,.12)}
.azwba-disclosure-main{display:flex;align-items:center;min-width:0;gap:9px}
.azwba-disclosure-main>svg{width:22px;height:22px;flex:0 0 22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.azwba-disclosure-chevron{display:grid;place-items:center;width:20px;height:20px;transition:transform .18s ease}
.azwba-disclosure-chevron svg{width:16px;height:16px}
.azwba-panel-disclosure[open] .azwba-disclosure-chevron{transform:rotate(180deg)}
.azwba-panel-disclosure__body{margin-top:8px}
.azwba-color-row{display:flex;flex-wrap:wrap;gap:5px}
.azwba-color-proxy{width:30px!important;min-width:30px!important;height:30px!important;padding:0!important;border:2px solid #C2D7CA!important;border-radius:50%!important;cursor:pointer;box-shadow:0 0 0 1px rgba(0,0,0,.08)!important}
.azwba-color-proxy.is-active{box-shadow:0 0 0 2px #1E6F5C!important}
.azwba-current-color{height:30px;border:1px solid #C7D9CE;border-radius:7px;background:#173E34}
.azwba-slider-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}
.azwba-slider-row input[type="range"]{width:100%;accent-color:var(--azwba-blue)}
.azwba-slider-value{min-width:38px;color:#2B678A;font-size:11px;font-weight:850;text-align:left;direction:ltr}
.azwba-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.azwba-choice-grid button{min-height:40px;padding:5px;border:1px solid #D8E7DE;border-radius:9px;background:#F7FAF8;color:#365B49;font-family:inherit;font-size:10px;font-weight:800;cursor:pointer}
.azwba-choice-grid button:hover{background:#E9F4ED;color:#185E45}
.azwba-choice-grid button.is-active{border-color:#98C9B0;background:#DFF0E5;color:#145840;box-shadow:inset 0 0 0 1px #B1D6C1}
.azwba-choice-section[hidden]{display:none!important}
.azwba-tool-hint[hidden]{display:none!important}
.azwba-tool-hint p{margin:0;padding:8px 4px;color:#687F71;font-size:11px;font-weight:700;line-height:1.7;text-align:center}

.azwba-edge-toggle{z-index:calc(var(--azwba-z-panel) + 2);display:grid;place-items:center;width:24px;height:54px;padding:0;border:1px solid rgba(255,255,255,.10);background:#26313D;color:#fff;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.azwba-edge-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.azwba-edge-toggle--right{border-radius:8px 0 0 8px}
.azwba-edge-toggle:hover{background:var(--azwba-green)}

.azwba-dock-wrap{position:absolute;left:0;right:0;bottom:14px;z-index:var(--azwba-z-chrome);display:flex;align-items:center;justify-content:center;gap:9px;padding:0 14px;pointer-events:none}
.azwba-reference-ui.azwba-dock-hidden{--azwba-dock:0px;--azwba-zoom-bottom:12px}
.azwba-reference-ui.azwba-dock-hidden .azwba-dock-wrap{display:none!important}
.azwba-reference-ui.azwba-dock-hidden .azwba-panel--left{bottom:12px}
.azwba-reference-ui.azwba-dock-hidden .azwb-pages,

.azwba-reference-ui.azwba-dock-hidden .azwba-boards-drawer{bottom:12px}
.azwba-reference-ui.azwba-dock-hidden .azwb-toast{bottom:16px}

.azwba-app .azwba-reference-ui .azwb-selectionbar{z-index:var(--azwba-z-chrome)}
.azwba-app .azwba-reference-ui .azwb-zoom{z-index:var(--azwba-z-chrome);bottom:var(--azwba-zoom-bottom);transition:bottom .22s ease}
@media(min-width:761px){
  .azwba-reference-ui.azwba-left-open{--azwba-zoom-bottom:12px}
}
.azwba-app .azwba-reference-ui .azwb-toast{z-index:var(--azwba-z-critical);bottom:72px}
.azwba-app .azwba-reference-ui .azwb-board-lock,

.azwba-app .azwba-reference-ui .azwb-timer{top:58px}
.azwba-app .azwba-reference-ui [data-tooltip]::after{z-index:var(--azwba-z-critical)}

@media(max-width:980px){
  .azwba-topbar{grid-template-columns:1fr auto 1fr;padding-inline:6px}
  .azwba-topbar__title{display:none}
  .azwba-save-pill{padding-inline:7px}
  .azwba-panel--left{width:280px}
  .azwba-panel--right{width:220px}
}
@media(max-width:760px){
  :root{--azwba-top:42px;--azwba-dock:50px}
  .azwba-topbar{display:flex;justify-content:space-between;height:42px;overflow-x:auto;scrollbar-width:none}
  .azwba-topbar::-webkit-scrollbar{display:none}
  .azwba-topbar__group{flex:0 0 auto}
  .azwba-topbar__primary .azwba-save-pill{display:none}
  .azwba-top-btn{width:30px;height:30px;min-width:30px}
  .azwba-app .azwba-reference-ui .azwb-workspace{inset:0}
  .azwba-panel{top:48px;bottom:62px;border-radius:0;padding:12px;gap:11px}
  .azwba-panel--left{left:0;width:min(300px,86vw)}
  .azwba-panel--right{right:0;width:min(260px,82vw);max-height:none}
  .azwba-reference-ui.azwba-left-open{--azwba-zoom-bottom:6px}
  .azwba-app .azwba-reference-ui .azwb-pages{top:48px;right:0;bottom:58px;width:min(240px,82vw);min-width:0;border-radius:0 0 0 12px}
  .azwba-dock-wrap{bottom:10px;gap:5px;padding-inline:6px}
  
  
  
}
@media(max-width:480px){
  :root{--azwba-top:38px;--azwba-dock:44px}
  .azwba-topbar{height:38px;padding-inline:3px;gap:3px}
  .azwba-top-btn{width:27px;height:27px;min-width:27px;border-radius:7px}
  .azwba-topbar__pagecount{min-width:42px;height:25px;padding-inline:6px;font-size:11px}
  .azwba-app .azwba-reference-ui .azwb-workspace{inset:0}
  .azwba-dock-wrap{bottom:8px;gap:4px}
  .azwba-edge-toggle{width:22px;height:48px}
}
@media(prefers-reduced-motion:reduce){.azwba-panel,
.azwba-app .azwba-reference-ui .azwb-pages,
.azwba-top-btn{transition:none!important}}

/* ---------- Reference-style content libraries ---------- */
.azwba-library-btn{justify-content:flex-start!important;padding-inline:13px!important}
.azwba-library-icon{display:grid;place-items:center;width:28px;height:28px;line-height:1;flex:0 0 28px}.azwba-library-icon svg{width:23px;height:23px}
.azwba-lib-modal{
  position:fixed;inset:0;z-index:var(--azwba-z-modal);display:flex;align-items:center;justify-content:center;padding:24px;
  background:rgba(11,18,16,.48);opacity:0;pointer-events:none;transition:opacity .18s ease;backdrop-filter:blur(5px)
}
.azwba-lib-modal.is-open{opacity:1;pointer-events:auto}
.azwba-lib-box{
  width:min(900px,94vw);max-height:min(760px,88vh);display:flex;flex-direction:column;overflow:hidden;
  border:1px solid #DCE8E3;border-radius:20px;background:#fff;box-shadow:0 30px 90px rgba(20,43,36,.28);
  transform:translateY(10px) scale(.985);transition:transform .18s ease
}
.azwba-lib-modal.is-open .azwba-lib-box{transform:none}
.azwba-lib-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border-bottom:1px solid #E2ECE8;background:#F8FBFA}
.azwba-lib-head h3{margin:0;color:var(--azwba-ink);font-size:17px;font-weight:900}
.azwba-lib-close{width:34px;height:34px;border:1px solid #D8E5E0;border-radius:9px;background:#fff;color:#526862;font-size:22px;line-height:1;cursor:pointer}
.azwba-lib-close:hover{background:#FFF0EF;color:#BE4C46}
.azwba-lib-tabs{display:flex;align-items:center;gap:6px;padding:10px 14px;overflow-x:auto;border-bottom:1px solid #E7EFEC;background:#fff;scrollbar-width:none}
.azwba-lib-tabs::-webkit-scrollbar{display:none}
.azwba-lib-tab{min-height:32px;padding:0 12px;border:1px solid #DCE8E3;border-radius:999px;background:#fff;color:#536B64;font-family:inherit;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer}
.azwba-lib-tab.is-active{border-color:#B7D8CD;background:#EAF4F0;color:var(--azwba-green)}
.azwba-lib-body{min-height:0;overflow-y:auto;padding:16px;background:#F8FAF9}
.azwba-lib-grid{display:grid;gap:12px}
.azwba-lib-grid.is-backgrounds{grid-template-columns:repeat(4,minmax(0,1fr))}
.azwba-lib-grid.is-education{grid-template-columns:repeat(4,minmax(0,1fr))}
.azwba-lib-grid.is-templates{grid-template-columns:repeat(3,minmax(0,1fr))}
.azwba-lib-item{
  min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px;
  border:1px solid #DDE8E4;border-radius:14px;background:#fff;color:#314B44;font-family:inherit;font-weight:800;cursor:pointer;transition:.16s ease;overflow:hidden
}
.azwba-lib-item:hover:not(:disabled){border-color:#8EBFB0;box-shadow:0 8px 24px rgba(30,111,92,.10);transform:translateY(-2px)}
.azwba-lib-item:disabled{opacity:.55;cursor:wait}
.azwba-lib-item>span:last-child{max-width:100%;font-size:11px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.azwba-lib-item.is-background{aspect-ratio:1.35}
.azwba-lib-item.is-education{aspect-ratio:1.12}
.azwba-lib-item.is-template{aspect-ratio:1.3}
.azwba-lib-icon{display:grid;place-items:center;width:42px;height:42px;line-height:1}.azwba-lib-icon svg{width:34px;height:34px}
.azwba-bg-preview{display:block;width:100%;flex:1;min-height:80px;border-radius:9px;border:1px solid #D8E3DF;background:#fff}
.azwba-bg-preview.is-lines{background-image:repeating-linear-gradient(to bottom,#fff 0,#fff 15px,#D6EAF5 16px,#D6EAF5 17px)}
.azwba-bg-preview.is-grid{background-color:#fff;background-image:linear-gradient(#D9E6E1 1px,transparent 1px),linear-gradient(90deg,#D9E6E1 1px,transparent 1px);background-size:18px 18px}
.azwba-bg-preview.is-dots{background-color:#fff;background-image:radial-gradient(#A8BBB3 1.5px,transparent 1.5px);background-size:16px 16px}
.azwba-bg-preview.is-chalk{background:#173E34;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 25px,rgba(255,255,255,.07) 26px)}
.azwba-bg-preview.is-math{background-color:#FAFCFF;background-image:linear-gradient(#DFE7F2 1px,transparent 1px),linear-gradient(90deg,#DFE7F2 1px,transparent 1px);background-size:16px 16px}
.azwba-bg-preview.is-arabic{background-color:#FFFDF6;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 20px,#BDD8EA 21px,#BDD8EA 22px,transparent 23px,transparent 31px,#E9B7B0 32px,#E9B7B0 33px)}
.azwba-bg-preview.is-narrow-lines{background-color:#fff;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 10px,#D5E7F2 11px,#D5E7F2 12px)}
.azwba-bg-preview.is-double-lines{background-color:#fff;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 14px,#B9D8EA 15px,#B9D8EA 16px,transparent 17px,transparent 26px,#B9D8EA 27px,#B9D8EA 28px,transparent 29px,transparent 42px)}
.azwba-bg-preview.is-ruqah{background-color:#fff;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 10px,#BCD8E8 11px,#BCD8E8 12px,transparent 13px,transparent 24px)}
.azwba-bg-preview.is-perimeter{background:#fff;box-shadow:inset 0 0 0 5px #DDE9E5,inset 0 0 0 9px #fff,inset 0 0 0 10px #B7CEC5}
.azwba-bg-preview.is-isometric{background-color:#fff;background-image:linear-gradient(30deg,#DDE7E3 1px,transparent 1px),linear-gradient(150deg,#DDE7E3 1px,transparent 1px),linear-gradient(90deg,#EFF4F2 1px,transparent 1px);background-size:22px 38px}
.azwba-bg-preview.is-graph{background-color:#fff;background-image:linear-gradient(#D6E6F3 1px,transparent 1px),linear-gradient(90deg,#D6E6F3 1px,transparent 1px);background-size:12px 12px}
.azwba-bg-preview.is-graph-pink{background-color:#FFFDFE;background-image:linear-gradient(#F2D4DE 1px,transparent 1px),linear-gradient(90deg,#F2D4DE 1px,transparent 1px);background-size:12px 12px}
.azwba-bg-preview.is-pastel{background:linear-gradient(135deg,#F4FBF8,#F7F4FF 55%,#FFF8E8)}
.azwba-bg-preview.is-blue{background-color:#17324A;background-image:linear-gradient(rgba(124,193,232,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(124,193,232,.18) 1px,transparent 1px);background-size:18px 18px}

@media(max-width:760px){
 .azwba-lib-modal{padding:8px}
 .azwba-lib-box{width:100%;max-height:92vh;border-radius:16px}
 .azwba-lib-grid.is-backgrounds{grid-template-columns:repeat(2,minmax(0,1fr))}
  .azwba-lib-grid.is-education,

  .azwba-lib-grid.is-templates{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---------- Dock menus + independent teaching widgets ---------- */
.azwba-dock-menu{
 position:fixed;z-index:var(--azwba-z-popover);display:none;
 width:min(352px,calc(100vw - 16px));max-height:min(72dvh,520px);
 overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;
 padding:14px;border:1px solid #D9E5DF;border-radius:18px;
 background:#fff;color:#20352F;box-shadow:0 18px 50px rgba(24,55,45,.18);
 direction:rtl;font-family:inherit
}
.azwba-dock-menu.is-open{display:block}
.azwba-dock-menu-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px;margin-bottom:12px}
.azwba-dock-menu-title{min-width:0}
.azwba-dock-menu-title>strong{display:block;margin:0;color:#20352F;font-size:15px;font-weight:900;line-height:1.4}
.azwba-dock-menu-note{display:block;margin-top:3px;color:#687D74;font-size:10.5px;font-weight:700;line-height:1.55}
.azwba-dock-menu-back{
 min-width:58px;height:34px;display:inline-flex;align-items:center;justify-content:center;gap:4px;
 padding:0 9px;border:1px solid #D8E5DF;border-radius:10px;background:#F5F8F6;color:#35584B;
 font-family:inherit;font-size:11px;font-weight:800;cursor:pointer
}
.azwba-dock-menu-back[hidden]{display:none!important}
.azwba-dock-menu-back:hover{border-color:#A8CDBF;background:#EAF4F0;color:#175E48}
.azwba-dock-menu-back>span{font-size:15px;line-height:1}.azwba-dock-menu-back>small{font-size:10.5px;font-weight:850}
.azwba-dock-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-width:0}
.azwba-dock-menu-card{
 min-width:0;min-height:76px;display:grid;grid-template-columns:42px minmax(0,1fr);
 align-items:center;gap:9px;padding:9px 10px;border:1px solid #DDE8E2;border-radius:13px;
 background:#F8FAF9;color:#294C41;text-align:right;font-family:inherit;cursor:pointer
}
.azwba-dock-menu-card.is-group-card{grid-template-columns:42px minmax(0,1fr) 18px;background:#FBFDFC}
.azwba-dock-menu-card:hover{border-color:#9FC8B8;background:#EAF4F0;color:#165F46}
.azwba-dock-menu-card__icon{
 display:grid;place-items:center;width:42px;height:42px;min-width:42px;border-radius:11px;background:#EAF3EF;color:#27594A
}
.azwba-dock-menu-card__icon svg,

.azwba-dock-menu-card__icon img{width:23px;height:23px;max-width:23px;max-height:23px;object-fit:contain}
.azwba-dock-menu-card small{
 min-width:0;max-width:100%;margin:0;color:#335647;font-size:12px;font-weight:800;line-height:1.45;
 white-space:normal;overflow-wrap:anywhere;word-break:normal;text-overflow:clip
}
.azwba-dock-menu-card__next{
 display:grid;place-items:center;width:14px;height:18px;color:#719083;
 font-size:21px;font-style:normal;line-height:1;direction:ltr;unicode-bidi:isolate
}
.azwba-dock-menu.is-group-index,

.azwba-dock-menu.is-group-level{width:min(420px,calc(100vw - 16px))}
.azwba-dock-menu.is-group-index .azwba-dock-menu-card,

.azwba-dock-menu.is-group-level .azwba-dock-menu-card{
 min-height:82px;height:auto;overflow:visible;
 grid-template-columns:40px minmax(0,1fr);gap:7px;padding:10px 9px
}
.azwba-dock-menu.is-group-index .azwba-dock-menu-card.is-group-card{
 grid-template-columns:40px minmax(0,1fr) 14px
}
.azwba-dock-menu.is-group-index .azwba-dock-menu-card__icon,

.azwba-dock-menu.is-group-level .azwba-dock-menu-card__icon{
 width:40px;height:40px;min-width:40px
}
.azwba-dock-menu.is-group-index .azwba-dock-menu-card small,

.azwba-dock-menu.is-group-level .azwba-dock-menu-card small{
 display:block;min-width:0;max-width:none;height:auto;max-height:none;
 white-space:normal;overflow:visible;overflow-wrap:normal;word-break:normal;hyphens:none;
 line-height:1.5
}
.azwba-dock-menu-back>span{direction:ltr;unicode-bidi:isolate;font-size:20px}
@media(max-width:520px){
 .azwba-dock-menu.is-group-index,

 .azwba-dock-menu.is-group-level{width:calc(100vw - 12px);padding:12px}
 .azwba-dock-menu.is-group-index .azwba-dock-menu-grid,

 .azwba-dock-menu.is-group-level .azwba-dock-menu-grid{grid-template-columns:1fr}
 .azwba-dock-menu.is-group-index .azwba-dock-menu-card,

 .azwba-dock-menu.is-group-level .azwba-dock-menu-card{min-height:70px}
}
.azwba-widget{position:fixed;z-index:var(--azwba-z-widget);display:flex;flex-direction:column;max-width:calc(100vw - 16px);max-height:calc(100vh - 70px);overflow:hidden;border:1px solid #D7E4DF;border-radius:16px;background:#fff;color:var(--azwba-ink);box-shadow:0 20px 55px rgba(25,50,43,.24)}
.azwba-widget>header{display:flex;align-items:center;gap:8px;min-height:43px;padding:7px 9px 7px 12px;border-bottom:1px solid #E2ECE8;background:#F8FBFA;cursor:move;user-select:none}
.azwba-widget>header>span{display:grid;place-items:center;width:20px;height:20px}.azwba-widget>header>span svg{width:18px;height:18px}
.azwba-widget>header>strong{flex:1;font-size:12px;font-weight:900}
.azwba-widget>header>button{display:grid;place-items:center;width:30px;height:30px;border:1px solid #D8E5E0;border-radius:8px;background:#fff;color:#61756F;line-height:1;cursor:pointer}.azwba-widget>header>button svg{width:16px;height:16px}
.azwba-widget-body{min-height:0;overflow:auto;padding:13px}
.azwba-widget-controls{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px}
.azwba-widget-controls button,

.azwba-widget-add button{min-height:34px;padding:0 12px;border:1px solid #CFE0DA;border-radius:8px;background:#F4F8F6;color:#294C41;font-family:inherit;font-size:11px;font-weight:800;cursor:pointer}
.azwba-widget-controls button:hover,

.azwba-widget-add button:hover{background:#EAF4F0;color:var(--azwba-green)}
.azwba-widget-add{display:flex;gap:6px;margin-bottom:10px}
.azwba-widget-add input,

.azwba-wheel textarea{width:100%;min-width:0;padding:8px 10px;border:1px solid #D8E4E0;border-radius:9px;background:#fff;color:#263E37;font-family:inherit;font-size:12px;outline:none}
.azwba-widget-add input:focus,

.azwba-wheel textarea:focus{border-color:#84B8A8;box-shadow:0 0 0 3px rgba(30,111,92,.08)}

.azwba-widget--ruler{background:transparent;border:0;box-shadow:none;overflow:visible}
.azwba-widget--ruler>header{border-radius:12px;border:1px solid #D7E4DF}
.azwba-widget--ruler .azwba-widget-body{padding:8px 0;background:transparent;overflow:visible}
.azwba-ruler-wrap{padding:18px 10px}
.azwba-ruler{position:relative;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;width:100%;height:82px;padding:0 8px 8px;border:2px solid rgba(164,115,32,.65);border-radius:7px;background:rgba(247,199,105,.72);box-shadow:0 7px 20px rgba(88,56,10,.18);transform-origin:center;transition:transform .14s ease}
.azwba-ruler-ticks{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 9px,rgba(77,53,16,.65) 10px,rgba(77,53,16,.65) 11px);mask-image:linear-gradient(to bottom,#000 0,#000 34px,transparent 34px)}
.azwba-ruler b{position:relative;z-index:var(--azwba-z-local-content);color:#5B421B;font-size:10px;text-align:center}
.azwba-protractor{transform-origin:50% 91%;transition:transform .14s ease}
.azwba-protractor svg{display:block;width:100%;height:auto}
.azwba-protractor text{font:700 15px Cairo,Arial;fill:#37566B}

.azwba-calc-display{width:100%;height:46px;margin-bottom:8px;padding:0 12px;border:1px solid #D8E4E0;border-radius:10px;background:#F8FBFA;color:#20352F;font:800 18px/1 Cairo;text-align:left;direction:ltr}
.azwba-calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.azwba-calc-grid button{height:42px;border:1px solid #D8E4E0;border-radius:9px;background:#fff;color:#294C41;font:800 14px Cairo;cursor:pointer}
.azwba-calc-grid button:hover{background:#EAF4F0}







.azwba-curtain{position:absolute;inset:0;z-index:calc(var(--azwba-z-workspace) + 20);pointer-events:none}
.azwba-curtain-panel{position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(180deg,#25313B,#1D252D 55%,#172027);box-shadow:inset 0 0 80px rgba(0,0,0,.24);pointer-events:auto}
.azwba-curtain-panel::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 28px,transparent 29px,transparent 58px)}
.azwba-curtain-handle{position:absolute;left:50%;width:74px;height:26px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#2C3944;color:#fff;cursor:ns-resize;pointer-events:auto;box-shadow:0 5px 16px rgba(0,0,0,.24)}
.azwba-curtain-close{position:absolute;top:58px;right:10px;width:34px;height:34px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:rgba(0,0,0,.28);color:#fff;font-size:20px;cursor:pointer;pointer-events:auto}

.azwba-linefocus{position:absolute;inset:0;z-index:calc(var(--azwba-z-workspace) + 19);pointer-events:none}
.azwba-linefocus-top,

.azwba-linefocus-bottom{position:absolute;left:0;right:0;background:rgba(10,17,15,.68);backdrop-filter:blur(1px)}
.azwba-linefocus-top{top:0}
.azwba-linefocus-bottom{bottom:0}
.azwba-linefocus-band{position:absolute;left:0;right:0;border-top:2px solid var(--azwba-gold);border-bottom:2px solid var(--azwba-gold);background:rgba(255,255,255,.025);pointer-events:auto;cursor:ns-resize;box-shadow:0 0 18px rgba(233,196,106,.18)}
.azwba-linefocus-band span{position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:4px 8px;border-radius:999px;background:rgba(23,24,32,.8);color:#fff;font-size:10px}
.azwba-linefocus>button{position:absolute;top:58px;right:10px;width:34px;height:34px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:rgba(23,24,32,.82);color:#fff;font-size:20px;pointer-events:auto;cursor:pointer}
.azwba-magnifier{position:fixed;z-index:var(--azwba-z-widget);width:220px;height:220px;overflow:hidden;border:6px solid rgba(255,255,255,.94);border-radius:50%;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.30);pointer-events:auto;cursor:pointer}
.azwba-magnifier canvas{display:block;width:100%;height:100%}

.azwba-wheel textarea{resize:vertical}
.azwba-wheel-disc{display:grid;place-items:center;width:112px;height:112px;margin:12px auto;border:10px solid #EAF4F0;border-radius:50%;background:conic-gradient(#1E6F5C 0 60deg,#E9C46A 60deg 120deg,#5A9FD4 120deg 180deg,#8B5CF6 180deg 240deg,#E77A78 240deg 300deg,#4CB889 300deg 360deg);font-size:46px;box-shadow:0 7px 18px rgba(30,111,92,.14)}
.azwba-wheel-disc.is-spin{animation:azwba-wheel-spin .85s cubic-bezier(.2,.8,.15,1)}
.azwba-wheel>button{display:block;margin:auto;min-height:38px;padding:0 18px;border:0;border-radius:9px;background:var(--azwba-green);color:#fff;font-family:inherit;font-weight:900;cursor:pointer}
.azwba-wheel-result{display:block;min-height:34px;margin-top:10px;color:var(--azwba-green);font-size:18px;text-align:center}
@keyframes azwba-wheel-spin{to{transform:rotate(1080deg)}}

.azwba-magnetic-tabs{display:flex;gap:5px;margin-bottom:9px}
.azwba-magnetic-tabs button{flex:1;min-height:32px;border:1px solid #D9E5E0;border-radius:8px;background:#fff;color:#5D746D;font-family:inherit;font-weight:800;cursor:pointer}
.azwba-magnetic-tabs button.is-active{background:#EAF4F0;color:var(--azwba-green);border-color:#B8D7CD}
.azwba-mag-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}
.azwba-mag-grid button{aspect-ratio:1;border:1px solid #D9E5E0;border-radius:8px;background:#fff;color:#20352F;font:900 24px Cairo;cursor:pointer}
.azwba-mag-grid button:hover{background:#EAF4F0}

/* Shared live-class hub is owned by the Meeting,


above its dock and side panels. */
.azc-room.azc-call-view .azwba-widget--interaction{
 z-index:1200!important;
 max-height:min(78dvh,760px);
 width:min(520px,calc(100vw - 20px))!important;
 border:1px solid #D7E4DF;
}
.azc-room.azc-call-view .azwba-widget--interaction .azwba-widget-body{overflow:auto;min-height:0}
.azc-room.azc-call-view .azc-wb-interaction-trigger{
 min-width:38px;min-height:38px;
 display:inline-grid;place-items:center;
 border:1px solid #BFD8CF;border-radius:9px;
 background:#EAF4F0;color:#1E6F5C;
 font-size:21px;cursor:pointer
}
.azc-room.azc-call-view .azc-wb-interaction-trigger:hover{background:#DCEFE8}
.azwba-interaction-hub{display:flex;flex-direction:column;gap:12px}
.azwba-interaction-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.azwba-interaction-tabs button{min-height:38px;padding:5px 7px;border:1px solid #D8E5E0;border-radius:9px;background:#F7FAF9;color:#5B6E68;font:800 11px Cairo,sans-serif;cursor:pointer}
.azwba-interaction-tabs button.is-active{border-color:#8DC4B4;background:#EAF4F0;color:#1E6F5C}
.azwba-interaction-content{min-height:220px}
.azwba-reaction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.azwba-reaction-grid button{display:flex;min-height:92px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #DCE8E3;border-radius:14px;background:#fff;color:#314A43;font-family:inherit;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}
.azwba-reaction-grid button:hover{transform:translateY(-2px);border-color:#9CCBBB;box-shadow:0 8px 20px rgba(30,111,92,.10)}
.azwba-reaction-grid button strong{font-size:34px;line-height:1}
.azwba-reaction-grid button span{font-size:12px;font-weight:900}
.azwba-interaction-note,

.azwba-student-hint,

.azwba-assignment-note{margin:10px 0 0;color:#6B7D77;font-size:11px;line-height:1.7}
.azwba-student-hub{display:flex;flex-direction:column;gap:10px}
.azwba-student-summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid #DCE8E3;border-radius:13px;background:#F8FBFA}
.azwba-student-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#1E6F5C;color:#fff;font-size:18px;font-weight:900}
.azwba-student-summary div{display:flex;min-width:0;flex-direction:column;gap:2px}.azwba-student-summary small{color:#758680;font-size:10px}.azwba-student-summary strong{overflow:hidden;color:#20352F;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.azwba-student-summary>b{color:#1E6F5C;font-size:20px}.azwba-student-summary>b small{font-size:10px}
.azwba-live-stat{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:10px;background:#F4F8F6;color:#536A62;font-size:11px;font-weight:800}
.azwba-live-stat strong{color:#20352F;font-size:15px}
.azwba-live-awards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.azwba-live-awards button{min-height:44px;border:1px solid #BFD8CF;border-radius:10px;background:#EAF4F0;color:#1E6F5C;font:900 13px Cairo,sans-serif;cursor:pointer}
.azwba-live-awards button:hover{background:#DDEFE9}
.azwba-student-empty{display:flex;min-height:190px;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:24px;text-align:center;color:#61756F}
.azwba-student-empty svg{width:34px;height:34px}.azwba-student-empty strong{color:#20352F;font-size:14px}.azwba-student-empty span{max-width:330px;font-size:11px;line-height:1.7}
.azwba-assignment-form{display:flex;flex-direction:column;gap:10px}
.azwba-assignment-form label{display:flex;flex-direction:column;gap:5px;color:#536A62;font-size:11px;font-weight:800}
.azwba-assignment-form input,

.azwba-assignment-form textarea{width:100%;box-sizing:border-box;padding:9px 10px;border:1px solid #D7E4DF;border-radius:10px;background:#fff;color:#20352F;font:600 12px Cairo,sans-serif;outline:none}
.azwba-assignment-form input:focus,

.azwba-assignment-form textarea:focus{border-color:#84B8A8;box-shadow:0 0 0 3px rgba(30,111,92,.08)}
.azwba-assignment-row{display:grid;grid-template-columns:.65fr 1.35fr;gap:9px}
.azwba-assignment-submit{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:0;border-radius:11px;background:#1E6F5C;color:#fff;font:900 12px Cairo,sans-serif;cursor:pointer}
.azwba-assignment-submit svg{width:20px;height:20px}.azwba-assignment-submit:disabled{opacity:.55;cursor:not-allowed}
.azwba-live-tasks{display:flex;flex-direction:column;gap:10px}
.azwba-live-tasks-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:9px;border-bottom:1px solid #E2ECE8}
.azwba-live-tasks-head>div{display:flex;min-width:0;flex-direction:column;gap:2px}.azwba-live-tasks-head strong{font-size:13px;color:#20352F}.azwba-live-tasks-head small{font-size:10px;color:#71827C}
.azwba-live-tasks-head button{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:0 10px;border:1px solid #D6E4DF;border-radius:8px;background:#F7FAF9;color:#31574B;font:800 11px Cairo,sans-serif;cursor:pointer}
.azwba-live-tasks-head button svg{width:15px;height:15px}
.azwba-live-tasks-list{display:flex;flex-direction:column;gap:8px;max-height:330px;overflow:auto}
.azwba-live-task-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px;border:1px solid #DDE8E4;border-radius:11px;background:#fff}
.azwba-live-task-row>div{display:flex;min-width:0;flex-direction:column;gap:3px}.azwba-live-task-row strong{overflow:hidden;color:#20352F;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.azwba-live-task-row small{color:#71827C;font-size:10px}
.azwba-task-approve{min-height:34px;padding:0 11px;border:0;border-radius:8px;background:#1E6F5C;color:#fff;font:900 11px Cairo,sans-serif;cursor:pointer}
.azwba-task-approve:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:760px){
 .azwba-widget--interaction{width:min(94vw,520px)!important}
 .azwba-interaction-tabs{grid-template-columns:repeat(2,1fr)}
 .azwba-reaction-grid{grid-template-columns:repeat(2,1fr)}
 .azwba-assignment-row{grid-template-columns:1fr}
 }
@media(max-width:760px){
 .azwba-dock-menu{width:220px}
 .azwba-widget{max-height:calc(100vh - 54px)}
 .azwba-widget--ruler{width:88vw!important}
 .azwba-mag-grid{grid-template-columns:repeat(6,1fr)}
}

/* ---------- Special dock tools ---------- */
.azwba-special-btn.is-recording{background:#B42318;color:#fff;animation:azwba-recording 1.2s ease infinite}
@keyframes azwba-recording{50%{box-shadow:0 0 0 6px rgba(216,88,82,.12)}}

.azwba-special-modal{position:fixed;inset:0;z-index:var(--azwba-z-modal);display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(11,18,16,.45);backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:.16s ease}
.azwba-special-modal.is-open{opacity:1;pointer-events:auto}
.azwba-special-box{width:min(480px,94vw);max-height:88vh;overflow:hidden;border:1px solid #DCE8E3;border-radius:18px;background:#fff;box-shadow:0 26px 75px rgba(20,43,36,.26);transform:translateY(10px);transition:.16s ease}
.azwba-special-modal.is-open .azwba-special-box{transform:none}
.azwba-special-box>header{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid #E4ECE9;background:#F8FBFA}
.azwba-special-box>header strong{font-size:14px;color:#20352F}
.azwba-special-box>header button{display:grid;place-items:center;width:32px;height:32px;border:1px solid #D9E5E0;border-radius:8px;background:#fff;color:#60736D;cursor:pointer}.azwba-special-box>header button svg{width:16px;height:16px}
.azwba-special-body{display:flex;flex-direction:column;gap:10px;padding:14px;overflow:auto}
.azwba-special-body textarea,

.azwba-special-input{width:100%;padding:10px 12px;border:1px solid #D9E5E0;border-radius:10px;background:#fff;color:#20352F;font-family:inherit;font-size:13px;outline:none;resize:vertical}
.azwba-special-body textarea:focus,

.azwba-special-input:focus{border-color:#7FB5A4;box-shadow:0 0 0 3px rgba(30,111,92,.08)}
.azwba-sticky-colors{display:flex;gap:7px;flex-wrap:wrap}
.azwba-sticky-colors button{width:34px;height:34px;border:2px solid transparent;border-radius:9px;cursor:pointer}
.azwba-sticky-colors button.is-active{border-color:#1E6F5C;box-shadow:0 0 0 2px #fff inset}
.azwba-special-primary{min-height:40px;border:0;border-radius:9px;background:var(--azwba-green);color:#fff;font-family:inherit;font-weight:900;cursor:pointer}

.azwba-video-float{position:fixed;z-index:var(--azwba-z-widget);top:90px;left:50%;width:min(620px,90vw);transform:translateX(-50%);overflow:hidden;border:1px solid #D6E4DE;border-radius:16px;background:#fff;box-shadow:0 20px 55px rgba(25,50,43,.24)}
.azwba-video-float>header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #E4ECE9;background:#F8FBFA}
.azwba-video-float>header strong{display:flex;align-items:center;gap:6px;font-size:12px}.azwba-video-float>header strong svg{width:18px;height:18px}.azwba-video-float>header button{display:grid;place-items:center;width:30px;height:30px;border:1px solid #D9E5E0;border-radius:8px;background:#fff;color:#60736D;cursor:pointer}.azwba-video-float>header button svg{width:16px;height:16px}
.azwba-video-controls{display:flex;gap:6px;padding:10px}
.azwba-video-controls input{flex:1;min-width:0;padding:8px 10px;border:1px solid #D9E5E0;border-radius:9px;font-family:inherit;font-size:11px}
.azwba-video-controls button{padding:0 14px;border:0;border-radius:8px;background:var(--azwba-green);color:#fff;font-family:inherit;font-weight:800;cursor:pointer}
.azwba-video-session-note{padding:7px 10px;border-top:1px solid #E6EDE9;border-bottom:1px solid #E6EDE9;background:#FFF9E8;color:#7B662D;font-size:9px;font-weight:800;line-height:1.6;text-align:center}
.azwba-video-stage{display:grid;place-items:center;min-height:280px;background:#111;color:#DDE4E2}
.azwba-video-stage iframe,

.azwba-video-stage video{width:100%;aspect-ratio:16/9;border:0;background:#000}
.azwba-video-stage span{padding:24px;text-align:center;font-size:12px;color:#AAB7B3}

.azwba-special-draw-layer{position:fixed;z-index:calc(var(--azwba-z-workspace) + 8);display:block;background:transparent;touch-action:none;cursor:crosshair}
.azwba-interaction-layer{position:fixed;z-index:calc(var(--azwba-z-workspace) + 8);display:block;background:transparent;touch-action:none}

@media(max-width:760px){
 .azwba-special-btn{width:32px;height:32px;min-width:32px;border-radius:7px}
 .azwba-video-float{top:54px;width:96vw}
 .azwba-video-stage{min-height:210px}
}

/* ---------- Ping,


reveal and encouragement ---------- */
.azwba-ping-layer{position:absolute;inset:48px 0 58px 0;z-index:calc(var(--azwba-z-workspace) + 9);cursor:crosshair;background:transparent}
.azwba-ping-layer>span{position:fixed;top:58px;left:50%;transform:translateX(-50%);padding:7px 12px;border-radius:999px;background:rgba(23,24,32,.9);color:#fff;font-size:11px;font-weight:800;pointer-events:none;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.azwba-ping{position:fixed;z-index:var(--azwba-z-critical);width:18px;height:18px;margin:-9px 0 0 -9px;border:3px solid #D85852;border-radius:50%;pointer-events:none;animation:azwba-ping-pop 1.35s ease-out forwards}
.azwba-ping::before,

.azwba-ping::after{content:"";position:absolute;inset:50%;width:4px;height:4px;margin:-2px;border-radius:50%;background:#D85852}
.azwba-ping::after{inset:-12px;border:2px solid rgba(216,88,82,.45);background:transparent}
@keyframes azwba-ping-pop{0%{transform:scale(.45);opacity:0}16%{opacity:1}100%{transform:scale(3.8);opacity:0}}
@media(max-width:760px){.azwba-ping-layer{inset:42px 0 50px}}

/* ---------- Local boards / folders manager ---------- */
.azwba-boards-btn.is-active{background:rgba(30,111,92,.38);color:#A8E4C8}
.azwba-boards-drawer{
  position:absolute;z-index:var(--azwba-z-panel);top:56px;bottom:70px;left:8px;width:320px;display:flex;flex-direction:column;overflow:hidden;
  border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(23,24,32,.985);color:#fff;box-shadow:0 18px 48px rgba(15,24,21,.32);
  transform:translateX(calc(-100% - 22px));opacity:0;pointer-events:none;transition:transform .24s ease,opacity .2s ease;backdrop-filter:blur(16px)
}
.azwba-boards-drawer.is-open{transform:translateX(0);opacity:1;pointer-events:auto}
.azwba-boards-drawer>header{display:flex;align-items:center;gap:10px;padding:12px 12px 10px;border-bottom:1px solid rgba(255,255,255,.08);background:#22242D}
.azwba-boards-drawer>header>div{min-width:0;flex:1}
.azwba-boards-drawer>header strong,

.azwba-boards-drawer>header small{display:block}
.azwba-boards-drawer>header strong{font-size:13px;font-weight:900}
.azwba-boards-drawer>header small{margin-top:2px;color:#9EAAA7;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.azwba-boards-close{width:30px;height:30px;border:1px solid rgba(255,255,255,.10);border-radius:8px;background:rgba(255,255,255,.04);color:#fff;font-size:19px;cursor:pointer}
.azwba-boards-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:9px;border-bottom:1px solid rgba(255,255,255,.07)}
.azwba-boards-actions button{min-height:34px;border:1px solid rgba(255,255,255,.10);border-radius:8px;background:rgba(255,255,255,.055);color:#EAF0EE;font-family:inherit;font-size:10px;font-weight:800;cursor:pointer}
.azwba-boards-actions button:hover{background:rgba(30,111,92,.30);border-color:rgba(129,194,174,.25)}
.azwba-boards-list{flex:1;min-height:0;overflow-y:auto;padding:7px;scrollbar-width:thin;scrollbar-color:#555 #282A32}
.azwba-loose-boards,

.azwba-folder{margin-bottom:7px}
.azwba-loose-head,

.azwba-folder-head{display:flex;align-items:center;gap:5px;min-height:34px;padding:4px 6px;border-radius:8px;color:#F1F4F3}
.azwba-loose-head{border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.025)}
.azwba-loose-head strong{flex:1;font-size:10px}
.azwba-loose-head>button,

.azwba-folder-actions button,

.azwba-folder-toggle{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:6px;background:rgba(255,255,255,.055);color:#DDE6E3;font-family:inherit;cursor:pointer}
.azwba-loose-head>button:hover,

.azwba-folder-actions button:hover,

.azwba-folder-toggle:hover{background:rgba(255,255,255,.11);color:#fff}
.azwba-loose-head.is-drop-target,

.azwba-folder-head.is-drop-target{outline:2px solid #62B79F;background:rgba(30,111,92,.25)}
.azwba-folder-head{cursor:default}
.azwba-folder-toggle{font-size:18px}
.azwba-folder-toggle svg{transition:none}
.azwba-folder-name{min-width:0;flex:1;font-size:11px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.azwba-folder-actions{display:flex;gap:3px;opacity:.25;transition:opacity .15s}
.azwba-folder-head:hover .azwba-folder-actions,

.azwba-folder-head:focus-within .azwba-folder-actions{opacity:1}
.azwba-folder-items{display:none;padding:3px 0 3px 12px}
.azwba-folder.is-open .azwba-folder-items{display:block}
.azwba-loose-items{padding-top:3px}
.azwba-board-item{position:relative;display:flex;align-items:center;gap:6px;min-height:42px;margin:2px 0;padding:4px 5px 4px 8px;border:1px solid transparent;border-radius:8px;color:#DCE5E2;cursor:pointer}
.azwba-board-item:hover{background:rgba(255,255,255,.055)}
.azwba-board-item.is-active{border-color:rgba(98,183,159,.28);background:rgba(30,111,92,.30);color:#fff}
.azwba-board-item.is-dragging{opacity:.45}
.azwba-board-icon{width:20px;color:#7CC5B0;text-align:center;font-size:12px}
.azwba-board-name{min-width:0;flex:1;font-size:10px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.azwba-board-actions{display:flex;gap:2px;opacity:0;transition:opacity .15s}
.azwba-board-item:hover .azwba-board-actions,

.azwba-board-item:focus-within .azwba-board-actions{opacity:1}
.azwba-board-actions>button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:5px;background:rgba(255,255,255,.06);color:#DCE5E2;font-size:11px;cursor:pointer}
.azwba-board-actions>button:hover{background:rgba(255,255,255,.13)}
.azwba-inline-rename{width:100%;min-width:0;height:26px;padding:0 6px;border:1px solid #68B79F;border-radius:6px;background:#fff;color:#233D35;font-family:inherit;font-size:10px;outline:none}
.azwba-board-move-pop{position:fixed;z-index:var(--azwba-z-popover);display:flex;min-width:150px;max-height:210px;flex-direction:column;gap:2px;padding:5px;overflow-y:auto;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#2A2C35;box-shadow:0 10px 24px rgba(0,0,0,.30)}
.azwba-board-move-pop button{min-height:28px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:#E6ECEA;font-family:inherit;font-size:9px;text-align:right;cursor:pointer}
.azwba-board-move-pop button:hover,

.azwba-board-move-pop button.is-active{background:rgba(30,111,92,.34);color:#fff}
@media(max-width:760px){
 .azwba-boards-drawer{top:48px;bottom:58px;left:0;width:min(300px,88vw);border-radius:0 14px 0 0}
}

/* AZWB board drawer touch targets: source-level responsive rules for coarse pointers. */
@media(pointer:coarse){
 .azwba-app .azwba-boards-drawer .azwba-boards-close,
 .azwba-app .azwba-boards-drawer .azwba-loose-head>button,
 .azwba-app .azwba-boards-drawer .azwba-folder-actions button,
 .azwba-app .azwba-boards-drawer .azwba-folder-toggle,
 .azwba-app .azwba-boards-drawer .azwba-board-actions>button{width:44px;min-width:44px;height:44px;min-height:44px}
 .azwba-app .azwba-boards-drawer .azwba-boards-actions button,
 .azwba-app .azwba-board-move-pop button{min-height:44px}
 .azwba-app .azwba-boards-drawer .azwba-board-actions,
 .azwba-app .azwba-boards-drawer .azwba-folder-actions{opacity:1}
 .azwba-app .azwba-boards-drawer .azwba-board-item,
 .azwba-app .azwba-boards-drawer .azwba-folder-head,
 .azwba-app .azwba-boards-drawer .azwba-loose-head{min-height:52px}
}

/* ---------- Camera + device video ---------- */
.azwba-video-tabs{display:flex;gap:6px;padding:9px 10px 0;background:#fff}
.azwba-video-tabs button{min-height:32px;padding:0 16px;border:1px solid #DCE7E3;border-radius:8px;background:#fff;color:#5D746D;font-family:inherit;font-size:11px;font-weight:800;cursor:pointer}
.azwba-video-tabs button.is-active{border-color:#A7CEC2;background:#EAF4F0;color:var(--azwba-green)}
.azwba-video-pane{display:none;background:#fff}
.azwba-video-pane.is-active{display:block}
.azwba-video-device{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;padding:10px}
.azwba-video-device input{display:none}
.azwba-video-device button{min-height:36px;padding:0 14px;border:0;border-radius:8px;background:var(--azwba-green);color:#fff;font-family:inherit;font-size:11px;font-weight:900;cursor:pointer}
.azwba-video-device small{grid-column:1/-1;color:#7B8E88;font-size:10px;line-height:1.7}
.azwba-camera-float{position:fixed;z-index:var(--azwba-z-widget);top:84px;right:18px;width:min(340px,84vw);overflow:hidden;border:1px solid #D6E4DE;border-radius:16px;background:#fff;box-shadow:0 20px 55px rgba(25,50,43,.24)}
.azwba-camera-float>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-bottom:1px solid #E4ECE9;background:#F8FBFA}
.azwba-camera-float>header strong{display:flex;align-items:center;gap:6px;font-size:12px;color:#20352F}.azwba-camera-float>header strong svg{width:18px;height:18px}
.azwba-camera-float>header>div{display:flex;align-items:center;gap:5px}
.azwba-camera-float>header button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:0 9px;border:1px solid #D9E5E0;border-radius:8px;background:#fff;color:#60736D;font-family:inherit;font-size:10px;font-weight:800;cursor:pointer}.azwba-camera-float>header button svg{width:16px;height:16px}
.azwba-camera-float>header [data-camera-close]{width:30px;padding:0;font-size:20px}
.azwba-camera-stage{position:relative;display:grid;place-items:center;aspect-ratio:16/10;background:#101513;overflow:hidden}
.azwba-camera-stage video{width:100%;height:100%;object-fit:cover;background:#101513}
.azwba-camera-stage video.is-mirrored{transform:scaleX(-1)}
.azwba-camera-stage span{position:absolute;inset:auto 12px 12px;padding:7px 9px;border-radius:8px;background:rgba(10,16,14,.72);color:#EAF0EE;font-size:10px;text-align:center}
@media(max-width:760px){
 .azwba-camera-float{top:50px;right:8px;width:min(300px,88vw)}
 .azwba-video-device{grid-template-columns:1fr}
}

/* ---------- Quran reader + interactive Mushaf ---------- */
.azwba-quran-topbtn{font-size:17px!important}
.azq-reader{
  position:fixed;z-index:var(--azwba-z-modal);top:70px;left:50%;width:min(820px,92vw);height:min(720px,82vh);
  transform:translateX(-50%);display:flex;flex-direction:column;overflow:hidden;
  border:1px solid #D9E6E0;border-radius:20px;background:#fff;color:#20352F;box-shadow:0 26px 80px rgba(21,44,37,.26)
}
.azq-reader>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid #E5ECE9;background:linear-gradient(135deg,#F8FBFA,#FFF9EA)}
.azq-reader>header strong{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:900;color:#36554B}.azq-reader>header strong svg{width:18px;height:18px}
.azq-reader>header button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #D8E4DF;border-radius:9px;background:#fff;color:#657A73;cursor:pointer}.azq-reader>header button svg{width:16px;height:16px}
.azq-reader-controls{display:grid;grid-template-columns:minmax(180px,1fr) auto auto minmax(140px,auto);gap:7px;align-items:center;padding:10px 12px;border-bottom:1px solid #EEF2F0;background:#FCFDFD}
.azq-reader-controls select,

.azq-reader-search input,

.azq-goto input,

.azq-surahs input{min-width:0;border:1px solid #D9E4E0;border-radius:9px;background:#fff;color:#314B44;font-family:inherit;outline:none}
.azq-reader-controls select{height:36px;padding:0 10px;font-size:11px;font-weight:800}
.azq-reader-controls button,

.azq-reader-search button{height:36px;padding:0 12px;border:1px solid #D7E4DF;border-radius:9px;background:#fff;color:#466158;font-family:inherit;font-size:11px;font-weight:800;cursor:pointer}
.azq-reader-controls button:hover,

.azq-reader-search button:hover{background:#EAF4F0;color:var(--azwba-green)}
.azq-reader-controls [data-info]{font-size:10px;font-weight:800;color:#7B8E88;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.azq-reader-search{display:flex;gap:7px;padding:9px 12px;border-bottom:1px solid #EEF2F0;background:#fff}
.azq-reader-search input{flex:1;height:38px;padding:0 11px;font-size:11px}
.azq-reader-body{flex:1;min-height:0;overflow:auto;padding:12px;background:#F7FAF8}
.azq-ayah{display:block;width:100%;margin:0 0 8px;padding:13px 15px;border:1px solid #DDE8E4;border-radius:12px;background:#fff;color:#1F3932;text-align:right;cursor:pointer;transition:.16s ease}
.azq-ayah:hover,

.azq-ayah.is-selected{border-color:#A6CFC2;background:#F1F8F5;box-shadow:0 7px 18px rgba(30,111,92,.07)}
.azq-ayah span{font-family:'Amiri',serif;font-size:24px;line-height:2.05}
.azq-ayah b{display:inline-block;margin-inline-start:6px;color:#A57C2E;font-family:'Amiri',serif;font-size:18px}
.azq-ayah small{display:block;margin-bottom:5px;color:#7D8E88;font-family:inherit;font-size:10px;font-weight:800}
.azq-reader>footer{display:flex;gap:7px;justify-content:center;padding:10px 12px;border-top:1px solid #E5ECE9;background:#fff}
.azq-reader>footer button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 16px;border:1px solid #D7E4DF;border-radius:9px;background:#F6FAF8;color:#36554B;font-family:inherit;font-size:11px;font-weight:900;cursor:pointer}.azq-reader>footer button svg{width:16px;height:16px}
.azq-reader>footer button[data-board]{border-color:#A8CFC2;background:#EAF4F0;color:#1E6F5C}
.azq-reader>footer button:disabled{opacity:.4;cursor:not-allowed}
.azq-loading,

.azq-error,

.azq-empty{display:grid;place-items:center;min-height:180px;padding:25px;color:#768983;font-size:12px;text-align:center}
.azq-error{color:#B85650}

.azq-mushaf{
  --azq-scale:1;position:fixed;inset:0;z-index:calc(var(--azwba-z-modal) + 1);display:flex;flex-direction:column;overflow:hidden;background:#F4F0E7;color:#2E322F
}
.azq-mushaf-top{display:flex;align-items:center;gap:10px;min-height:52px;padding:6px 10px;border-bottom:1px solid #DFD8C9;background:#fff;box-shadow:0 2px 12px rgba(61,54,39,.06);z-index:var(--azq-z-overlay)}
.azq-mushaf-title{display:flex;align-items:center;gap:6px;white-space:nowrap;color:#8A651F;font-family:'Amiri',serif;font-size:17px}.azq-mushaf-title svg{width:18px;height:18px}
.azq-mushaf-center{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;min-width:0}
.azq-mushaf-top button,

.azq-goto button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:34px;height:34px;padding:0 8px;border:1px solid #DDD6C8;border-radius:8px;background:#F6F3EC;color:#4F514D;font-family:inherit;font-size:11px;font-weight:800;cursor:pointer}.azq-mushaf-top button svg,
.azq-goto button svg{width:16px;height:16px}
.azq-mushaf-top button:hover,

.azq-mushaf-top button.is-active{border-color:#D4B96E;background:#F8EECF;color:#85631C}
.azq-close{border-color:#F0C5C2!important;background:#FFF2F1!important;color:#B84E47!important}
.azq-goto{display:flex;align-items:center;gap:5px;color:#6E6B64;font-size:10px;white-space:nowrap}
.azq-goto input{width:54px;height:34px;padding:0 5px;text-align:center;font-size:11px}
.azq-drawtools{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid #E0DACF;border-radius:9px;background:#F8F6F1}
.azq-drawtools button{border:0;background:transparent}
.azq-drawtools button.is-active{background:#F3E3B8;color:#805E1B}
.azq-drawtools input[type="color"]{width:27px;height:27px;padding:0;border:1px solid #D6D0C4;border-radius:6px;background:transparent}
.azq-zoom{display:flex;align-items:stretch;border:1px solid #DED8CB;border-radius:8px;overflow:hidden}
.azq-zoom button{border:0!important;border-radius:0!important}
.azq-zoom [data-zreset]{min-width:52px;border-inline:1px solid #DED8CB!important}
.azq-mushaf-body{display:flex;flex:1;min-height:0}
.azq-surahs{width:225px;flex:0 0 225px;display:flex;flex-direction:column;overflow:hidden;border-left:1px solid #DED8CB;background:#FCFAF5;transition:.2s ease}
.azq-surahs.is-collapsed{width:0;flex-basis:0;border-left:0}
.azq-surahs>header{padding:10px;border-bottom:1px solid #E6E0D5}
.azq-surahs>header strong{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:7px;color:#9A7428;font-family:'Amiri',serif;text-align:center}.azq-surahs>header strong svg{width:18px;height:18px}
.azq-surahs input{width:100%;height:34px;padding:0 10px;font-size:10px}
.azq-surahs>div{flex:1;min-height:0;overflow:auto;padding:6px}
.azq-surah-row{display:flex;align-items:center;gap:8px;width:100%;min-height:36px;padding:5px 8px;border:0;border-radius:8px;background:transparent;color:#403F3A;text-align:right;font-family:inherit;cursor:pointer}
.azq-surah-row:hover{background:#F2E9D4}
.azq-surah-row b{display:grid;place-items:center;width:25px;height:25px;border:1px solid #DDCFAF;border-radius:50%;color:#947129;font-size:9px}
.azq-surah-row span{font-family:'Amiri',serif;font-size:15px}
.azq-pageviewer{position:relative;flex:1;min-width:0;overflow:auto;padding:18px;background:radial-gradient(circle at top,#FFFDF7,#EFE9DC 75%);overscroll-behavior:contain}
.azq-pages{display:flex;align-items:flex-start;justify-content:center;gap:8px;min-width:max-content;margin:auto}
.azq-pagecard{position:relative;width:min(700px,74vw);min-height:calc(100vh - 100px);padding:46px 46px 55px;border:1px solid #D8CFBD;border-radius:8px;background:#FFFDF8;color:#1E2924;box-shadow:0 12px 35px rgba(65,52,28,.12),inset 0 0 0 5px #FBF4E3;transform-origin:top center}
.azq-pages.is-spread .azq-pagecard{width:min(520px,42vw)}
.azq-page-number{position:absolute;top:14px;left:50%;transform:translateX(-50%);padding:3px 10px;border:1px solid #E4D6B4;border-radius:999px;background:#FFF9E8;color:#9A7428;font-size:10px;font-family:inherit}
.azq-pagecard h2{margin:4px 0 18px;padding:8px 12px;border-top:1px solid #DCC89C;border-bottom:1px solid #DCC89C;color:#7C5C1A;font-family:'Amiri',serif;font-size:24px;text-align:center}
.azq-page-ayah{font-family:'Amiri',serif;font-size:calc(25px * var(--azq-scale));line-height:2.25;cursor:pointer;transition:.12s ease}
.azq-page-ayah:hover{background:rgba(233,196,106,.16)}
.azq-page-ayah b{color:#9A7428;font-size:.8em}
.azq-drawcanvas{position:absolute;top:0;left:0;right:auto;bottom:auto;z-index:var(--azq-z-overlay);width:100%;height:100%;pointer-events:none;touch-action:none}
.azq-drawcanvas.is-draw{pointer-events:auto;cursor:crosshair}
.azq-drawcanvas.is-zoom{cursor:zoom-in}
.azq-page-retry{display:flex!important;flex-direction:column;gap:10px}
.azq-page-retry button{min-height:34px;padding:0 14px;border:1px solid #D4B96E;border-radius:8px;background:#FFF7DC;color:#805F20;font-family:inherit;font-size:10px;font-weight:900;cursor:pointer}
.azq-pageviewer::-webkit-scrollbar,

.azq-surahs>div::-webkit-scrollbar{width:8px;height:8px}
.azq-pageviewer::-webkit-scrollbar-thumb,

.azq-surahs>div::-webkit-scrollbar-thumb{background:#C9BFAE;border-radius:999px}
.azq-pageviewer::-webkit-scrollbar-track,

.azq-surahs>div::-webkit-scrollbar-track{background:transparent}

@media(max-width:980px){
 .azq-mushaf-title strong{display:none}
 .azq-mushaf-center{overflow-x:auto;justify-content:flex-start;scrollbar-width:none}
 .azq-mushaf-center::-webkit-scrollbar{display:none}
 .azq-surahs{position:absolute;top:52px;bottom:0;right:0;z-index:var(--azq-z-sidebar);width:min(300px,78vw);flex-basis:auto;box-shadow:-10px 0 35px rgba(49,42,28,.16)}
 .azq-surahs.is-collapsed{width:0}
 .azq-pagecard{width:min(760px,88vw);padding:42px 28px 48px}
 .azq-pages.is-spread .azq-pagecard{width:min(760px,88vw)}
 .azq-pages.is-spread .azq-pagecard:nth-child(2){display:none}
}
@media(max-width:760px){
 .azq-reader{top:48px;width:96vw;height:88vh;border-radius:14px}
 .azq-reader-controls{grid-template-columns:1fr auto auto}
 .azq-reader-controls [data-info]{grid-column:1/-1}
 .azq-ayah span{font-size:21px}
 .azq-mushaf-top{min-height:44px;padding:4px 6px}
 .azq-mushaf-center{gap:3px}
 .azq-goto>span{display:none}
 .azq-drawtools{display:none}
 .azq-pageviewer{padding:8px}
 .azq-pagecard{width:94vw;min-height:calc(100vh - 68px);padding:38px 19px 40px}
 .azq-pagecard h2{font-size:21px}
 .azq-page-ayah{font-size:calc(21px * var(--azq-scale));line-height:2.15}
 .azq-close{width:32px;padding:0!important}
 .azq-close span{display:none}
 .azq-close svg{width:18px;height:18px;margin:auto}
}

/* ---------- Text formatting controls ---------- */
.azwba-font-select{
  width:100%;height:44px;padding:0 10px;border:1px solid #D7E5DB;border-radius:9px;
  background:#FFF;color:#294A3B;font-family:inherit;font-size:11px;font-weight:800;outline:none;cursor:pointer
}
.azwba-font-select:focus{border-color:#5A9FD4;box-shadow:0 0 0 2px rgba(90,159,212,.18)}
.azwba-font-select option{background:#fff;color:#243A34}
.azwba-text-format{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:2px}
.azwba-text-format button{
  min-height:44px;border:1px solid #D7E7DC;border-radius:9px;background:#F7FAF8;
  color:#315A47;font-family:Arial,sans-serif;font-size:15px;font-weight:800;cursor:pointer
}
.azwba-text-format button:hover{background:#E9F4ED}
.azwba-text-format button.is-active{border-color:#A5CEB8;background:#E0F0E5;color:#155A41;box-shadow:inset 0 0 0 1px #BADCC7}
.azwba-text-style-section[hidden]{display:none!important}
/* Native whiteboard rich-text & selected-element controls. */
.azwba-app .azwba-text-style-section{gap:12px}
.azwba-app .azwba-text-setting{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;min-width:0}
.azwba-app .azwba-text-setting-label{display:block;color:#3C5B4A;font-size:11px;font-weight:850;line-height:1.5}
.azwba-app .azwba-text-size-row{display:flex;align-items:center;gap:5px;min-width:0;max-width:100%}
.azwba-app .azwba-text-size-row input[type="range"]{flex:1 1 70px;min-width:50px;width:100%;accent-color:#1E6F5C}
.azwba-app .azwba-text-size-row .azwba-slider-value{display:none}
.azwba-app .azwba-text-size-number{flex:0 0 58px;min-width:58px;width:58px;height:44px;padding:0 5px;border:1px solid #D7E5DB;border-radius:9px;background:#FFF;color:#20352F;font-family:inherit;font-size:12px;font-weight:800;text-align:center;direction:ltr}
.azwba-app .azwba-text-step{flex:0 0 44px;display:grid;place-items:center;min-width:44px;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #D7E5DB;border-radius:10px;background:#F5F9F6;color:#275843;font-size:22px;font-weight:650;cursor:pointer}
.azwba-app .azwba-text-step:hover:not(:disabled){border-color:#A8CCB8;background:#E6F2EA;color:#15583E}
.azwba-app .azwba-text-format button{min-height:44px;min-width:0;background:#F6FAF7;border-color:#D9E7DE;border-radius:10px;color:#305944}
.azwba-app .azwba-text-color{display:block;width:100%;height:44px;min-height:44px;padding:3px 6px;border:1px solid #D8E6DE;border-radius:10px;background:#FFF;cursor:pointer}
.azwba-app .azwba-text-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:6px;min-width:0;max-width:100%}
.azwba-app .azwba-text-options button{min-width:0;min-height:44px;padding:6px 7px;border:1px solid #D9E8DE;border-radius:10px;background:#F8FBF9;color:#365849;font-family:inherit;font-size:10px;font-weight:800;line-height:1.45;cursor:pointer}
.azwba-app .azwba-text-options button:hover:not(:disabled){background:#EAF4F0;border-color:#A7D0B8;color:#185D43}
.azwba-app .azwba-text-options button.is-active,

.azwba-app .azwba-text-options button[aria-pressed="true"],

.azwba-app .azwba-text-format button.is-active,

.azwba-app .azwba-text-format button[aria-pressed="true"]{background:#DDEFE4;border-color:#8CBD9E;color:#15583F;box-shadow:inset 0 0 0 1px #B8D8C4}
.azwba-app .azwba-text-language-hint{margin:0;padding:9px 10px;border:1px solid #DDE9E1;border-radius:10px;background:#F4F9F5;color:#4F6C5A;font-size:10px;line-height:1.7}
.azwba-app .azwba-object-zoom{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px}
.azwba-app .azwba-object-zoom button{display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:1px solid #CCE1D4;border-radius:11px;background:#EFF7F1;color:#23684C;font-size:24px;cursor:pointer}
.azwba-app .azwba-object-zoom button:hover:not(:disabled){border-color:#9FC9AE;background:#DCEFE2;color:#15563E}
.azwba-app .azwba-object-zoom button:disabled{opacity:.35;cursor:not-allowed}
.azwba-app .azwba-object-zoom-value{display:grid;place-items:center;min-height:44px;border:1px solid #E1EAE4;border-radius:10px;background:#F8FBF8;color:#2B5942;font-weight:850;font-size:13px;direction:ltr}
.azwba-app .azwba-text-style-section button:focus-visible,

.azwba-app .azwba-text-style-section input:focus-visible,

.azwba-app .azwba-text-style-section select:focus-visible,

.azwba-app .azwba-object-zoom button:focus-visible{outline:3px solid #5A9FD4;outline-offset:2px}
@media(max-width:760px){
 .azwba-app .azwba-text-options{grid-template-columns:repeat(auto-fit,minmax(68px,1fr))}
 .azwba-app .azwba-text-size-row{gap:4px}
}
@media(pointer:coarse){
 /* All interactive whiteboard zoom/selection controls share the approved 44px touch target. */
 .azwba-app .azwba-reference-ui .azwb-selectionbar .azwb-icon-only,

 .azwba-app .azwba-reference-ui .azwb-selectionbar .azwb-object-color,

 .azwba-app .azwba-reference-ui .azwb-zoom .azwb-icon-only{
  min-width:44px;width:44px;min-height:44px;height:44px
 }
 .azwba-app .azwba-pdf-toolbar .azwba-pdf-icon,

 .azwba-app .azwba-pdf-toolbar .azwba-pdf-zoom-label,

 .azwba-app .azwba-pdf-thumbs>header button{
  min-width:44px;width:44px;min-height:44px;height:44px
 }
 .azwba-app .azwba-pdf-toolbar .azwba-pdf-files,

 .azwba-app .azwba-pdf-toolbar .azwba-pdf-page-input,

 .azwba-app .azwba-pdf-toolbar .azwba-pdf-reconnect,

 .azwba-app .azwba-pdf-show-tab{min-height:44px;height:44px}
}


.azwba-task-empty{padding:24px 8px;color:#8A9994;font-size:10px;text-align:center}
@media(max-width:520px){
 .azwba-task-compose{grid-template-columns:minmax(0,1fr) 82px 34px}
}

/* ---------- Minimized whiteboard ---------- */
.azwba-reference-ui.azwba-minimized{background:transparent!important;box-shadow:none!important}
.azwba-reference-ui.azwba-minimized>*:not(.azwba-restore-whiteboard){visibility:hidden!important;pointer-events:none!important}
.azwba-restore-whiteboard{
  position:fixed;z-index:var(--azwba-z-critical);right:18px;bottom:18px;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 15px;
  border:1px solid #B8D7CD;border-radius:999px;background:#173E34;color:#fff;box-shadow:0 12px 34px rgba(20,47,39,.28);
  font-family:inherit;cursor:pointer;visibility:visible!important;pointer-events:auto!important
}
.azwba-restore-whiteboard[hidden]{display:none!important}
.azwba-restore-whiteboard span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#EAF4F0;color:#1E6F5C;font-size:15px}
.azwba-restore-whiteboard strong{font-size:11px;font-weight:900}
.azwba-restore-whiteboard:hover{background:#1E6F5C;transform:translateY(-1px)}
@media(max-width:760px){.azwba-restore-whiteboard{right:10px;bottom:10px;min-height:40px;padding:0 12px}}

/* ---------- Real Mushaf page-image mode ---------- */
.azq-mushaf--image .azq-pageviewer{background:#EDE8DC}
.azq-mushaf--image .azq-pages{align-items:flex-start;justify-content:center;gap:12px;min-width:max-content;padding:10px 18px 34px}
.azq-mushaf--image .azq-pagecard--image{
  flex:0 0 auto;width:720px;min-height:0;padding:0;overflow:hidden;border:1px solid #D0C6B5;border-radius:5px;
  background:#fff;box-shadow:0 12px 32px rgba(56,47,29,.16);transform:none
}
.azq-mushaf--image .azq-pagecard--image::before{display:none}
.azq-mushaf--image .azq-pageimage{display:block;width:100%;height:auto;margin:0;padding:0;background:#fff;user-select:none;-webkit-user-drag:none}
.azq-mushaf--image .azq-pagecard--image .azq-loading,

.azq-mushaf--image .azq-pagecard--image .azq-error{min-height:72vh;background:#FFFDF8}
.azq-mushaf--image .azq-mushaf-credit{
  position:sticky;left:50%;bottom:6px;z-index:var(--azwba-z-local-content);width:max-content;max-width:90%;margin:0 auto;
  padding:4px 9px;border:1px solid rgba(120,105,73,.18);border-radius:999px;background:rgba(255,253,248,.88);
  color:#8A7B5B;font-size:8px;font-weight:700;backdrop-filter:blur(6px)
}
.azq-mushaf--image .azq-drawcanvas{z-index:var(--azq-z-overlay)}
.azq-mushaf--image .azq-pages.is-spread .azq-pagecard--image{width:520px}
@media(max-width:980px){
 .azq-mushaf--image .azq-pages{padding-inline:10px}
 .azq-mushaf--image .azq-pages.is-spread .azq-pagecard--image:nth-child(2){display:none}
}
@media(max-width:760px){
 .azq-mushaf--image .azq-pages{padding:5px 4px 26px}
 .azq-mushaf--image .azq-pagecard--image{width:94vw!important;border-radius:3px}
 .azq-mushaf--image .azq-mushaf-credit{font-size:7px}
}

/* ---------- Calculator export + task clear ---------- */
.azwba-calc-export{
  display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:36px;margin-top:8px;border:1px solid #B8D7CD;border-radius:9px;background:#EAF4F0;
  color:#1E6F5C;font-family:inherit;font-size:10px;font-weight:900;cursor:pointer
}
.azwba-calc-export svg{width:16px;height:16px}
.azwba-calc-export:hover{background:#DDEFE9}
/* ---------- PDF floating controls ---------- */
.azwba-pdf-toolbar{
  position:fixed;z-index:calc(var(--azwba-z-chrome) + 6);top:56px;left:50%;display:flex;align-items:center;gap:5px;max-width:min(960px,92vw);
  min-height:42px;padding:5px 7px;border:1px solid rgba(255,255,255,.10);border-radius:13px;background:rgba(23,24,32,.96);
  color:#fff;box-shadow:0 12px 34px rgba(0,0,0,.24);transform:translateX(-50%);backdrop-filter:blur(14px);direction:rtl
}
.azwba-pdf-toolbar[hidden]{display:none!important}
.azwba-pdf-icon,

.azwba-pdf-zoom-label{
  display:grid;place-items:center;height:31px;min-width:31px;padding:0 7px;border:1px solid rgba(255,255,255,.08);
  border-radius:8px;background:rgba(255,255,255,.04);color:#EEF3F1;font-family:inherit;font-size:11px;font-weight:900;cursor:pointer
}
.azwba-pdf-icon svg{width:16px;height:16px}
.azwba-pdf-icon:hover:not(:disabled),

.azwba-pdf-zoom-label:hover{background:rgba(255,255,255,.10)}
.azwba-pdf-icon:disabled{opacity:.34;cursor:not-allowed}
.azwba-pdf-icon.is-active,

.azwba-pdf-lock.is-active{border-color:rgba(142,213,194,.34);background:rgba(30,111,92,.42);color:#BCE8DC}
.azwba-pdf-files{
  width:min(210px,24vw);height:31px;padding:0 8px;border:1px solid rgba(255,255,255,.10);border-radius:8px;
  background:#252730;color:#fff;font-family:inherit;font-size:10px;font-weight:800;outline:none
}
.azwba-pdf-page-input{
  width:48px;height:31px;padding:0 4px;border:1px solid rgba(255,255,255,.10);border-radius:8px;background:#252730;color:#fff;
  font-family:inherit;font-size:10px;font-weight:900;text-align:center;outline:none
}
.azwba-pdf-page-input::-webkit-outer-spin-button,

.azwba-pdf-page-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.azwba-pdf-count{min-width:34px;color:#BFCBC7;font-size:10px;font-weight:800;direction:ltr}
.azwba-pdf-zoom-label{min-width:52px}
.azwba-pdf-reconnect{
  min-height:31px;padding:0 10px;border:1px solid #D8BF77;border-radius:8px;background:rgba(233,196,106,.14);color:#F1D889;
  font-family:inherit;font-size:9px;font-weight:900;cursor:pointer;white-space:nowrap
}
.azwba-pdf-reconnect[hidden]{display:none!important}
.azwba-pdf-show-tab{
  position:fixed;z-index:calc(var(--azwba-z-chrome) + 5);top:58px;left:50%;min-height:31px;padding:0 13px;border:1px solid rgba(255,255,255,.12);
  border-radius:0 0 10px 10px;background:#20222A;color:#fff;font-family:inherit;font-size:10px;font-weight:900;cursor:pointer;
  transform:translateX(-50%);box-shadow:0 7px 20px rgba(0,0,0,.18)
}
.azwba-pdf-show-tab[hidden]{display:none!important}
.azwba-pdf-thumbs{
  position:fixed;z-index:calc(var(--azwba-z-panel) + 4);top:108px;left:8px;bottom:70px;width:178px;overflow:hidden;border:1px solid rgba(255,255,255,.10);
  border-radius:14px;background:rgba(23,24,32,.97);color:#fff;box-shadow:0 16px 40px rgba(0,0,0,.25);backdrop-filter:blur(14px)
}
.azwba-pdf-thumbs[hidden]{display:none!important}
.azwba-pdf-thumbs>header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;padding:6px 8px 6px 11px;border-bottom:1px solid rgba(255,255,255,.08)}
.azwba-pdf-thumbs>header strong{font-size:10px;font-weight:900}
.azwba-pdf-thumbs>header button{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:rgba(255,255,255,.04);color:#fff;cursor:pointer}.azwba-pdf-thumbs>header button svg{width:15px;height:15px}
.azwba-pdf-thumbs-list{display:grid;grid-template-columns:1fr;gap:10px;height:calc(100% - 40px);overflow:auto;padding:10px;scrollbar-width:none}
.azwba-pdf-thumbs-list::-webkit-scrollbar{display:none}
.azwba-pdf-thumb{position:relative;display:flex;flex-direction:column;gap:5px;padding:5px;border:2px solid transparent;border-radius:8px;background:#2B2D35;color:#fff;cursor:pointer}
.azwba-pdf-thumb:hover{border-color:rgba(142,213,194,.34)}
.azwba-pdf-thumb.is-active{border-color:#8ED5C2;background:#243D35}
.azwba-pdf-thumb i{display:block;width:100%;aspect-ratio:.707;background:#F3F3F1 center/cover no-repeat;border-radius:3px;box-shadow:0 3px 10px rgba(0,0,0,.20)}
.azwba-pdf-thumb span{font-size:9px;font-weight:900;text-align:center}

@media(max-width:980px){
 .azwba-pdf-toolbar{left:8px;right:8px;max-width:none;transform:none;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}
 .azwba-pdf-toolbar::-webkit-scrollbar{display:none}
 .azwba-pdf-files{width:150px;min-width:150px}
 .azwba-pdf-thumbs{top:104px;left:0;bottom:58px;width:160px;border-radius:0 12px 12px 0}
}
@media(max-width:760px){
 .azwba-pdf-toolbar{top:46px;min-height:38px;padding:4px}
 .azwba-pdf-icon,

 .azwba-pdf-zoom-label,

 .azwba-pdf-page-input,

 .azwba-pdf-files{height:30px;min-height:30px}
 .azwba-pdf-files{width:120px;min-width:120px}
 .azwba-pdf-reconnect{min-height:29px}
 .azwba-pdf-thumbs{top:90px}
 .azwba-pdf-show-tab{top:43px}
}

/* ---------- Compact content insert menu ---------- */
.azwba-content-menu{
  position:fixed;z-index:var(--azwba-z-popover);display:none;width:270px;padding:9px;border:1px solid rgba(255,255,255,.10);
  border-radius:14px;background:rgba(23,24,32,.98);color:#fff;box-shadow:0 16px 40px rgba(0,0,0,.28);backdrop-filter:blur(16px)
}
.azwba-content-menu.is-open{display:block}
.azwba-content-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.azwba-content-menu-grid button{
  display:flex;min-height:66px;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.045);color:#fff;
  font-family:inherit;cursor:pointer
}
.azwba-content-menu-grid button:hover{border-color:rgba(142,213,194,.30);background:rgba(30,111,92,.22)}
.azwba-content-menu-grid button>span{display:grid;place-items:center;width:22px;height:22px;line-height:1}.azwba-content-menu-grid button>span svg{width:20px;height:20px}
.azwba-content-menu-grid button>small{font-size:9px;font-weight:800}
.azwba-content-voice-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}
.azwba-content-voice-row>span{color:#CBD7D3;font-size:9px;font-weight:800}
.azwba-content-voice-lang{height:30px;min-width:105px;padding:0 7px;border:1px solid rgba(255,255,255,.10);border-radius:8px;background:#272A32;color:#fff;font-family:inherit;font-size:9px;font-weight:800}
@media(max-width:760px){
 .azwba-content-menu{width:245px}
 .azwba-content-menu-grid button{min-height:58px}
}

/* ---------- Quran top menu ---------- */
.azq-topmenu{
  position:fixed;z-index:var(--azwba-z-popover);display:none;width:260px;padding:8px;border:1px solid rgba(255,255,255,.10);
  border-radius:14px;background:rgba(23,24,32,.98);box-shadow:0 16px 40px rgba(0,0,0,.28);backdrop-filter:blur(16px)
}
.azq-topmenu.is-open{display:grid;gap:6px}
.azq-topmenu>button{
  display:grid;grid-template-columns:34px 1fr;align-items:center;gap:9px;min-height:60px;padding:8px 10px;
  border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.04);color:#fff;
  font-family:inherit;text-align:right;cursor:pointer
}
.azq-topmenu>button:hover{border-color:rgba(142,213,194,.30);background:rgba(30,111,92,.22)}
.azq-topmenu>button>span{display:grid;place-items:center;width:28px;height:28px;text-align:center}.azq-topmenu>button>span svg{width:22px;height:22px}
.azq-topmenu strong{display:block;font-size:11px;font-weight:900}
.azq-topmenu small{display:block;margin-top:2px;color:#BFCBC7;font-size:8px;font-weight:700;line-height:1.5}

/* ---------- Persistent classroom widgets V2 ---------- */
.azwba-app .azwb-canvas-frame{position:relative}
.azwba-board-widget-layer{
 position:absolute;inset:0;z-index:3;overflow:hidden;pointer-events:none
}
.azwba-board-widget{
 position:absolute;display:flex;min-width:120px;min-height:90px;flex-direction:column;overflow:hidden;
 border:1px solid #D7E5E0;border-radius:16px;background:rgba(255,255,255,.98);color:#20352F;
 box-shadow:0 12px 30px rgba(28,59,51,.16);pointer-events:auto;touch-action:none;user-select:none
}
.azwba-board-widget.is-selected{border-color:#1E6F5C;box-shadow:0 0 0 2px rgba(30,111,92,.18),0 12px 30px rgba(28,59,51,.16)}
.azwba-board-widget.is-dragging,

.azwba-board-widget.is-resizing{opacity:.94;box-shadow:0 16px 34px rgba(28,59,51,.22)}
.azwba-board-widget__head{
 display:flex;min-height:38px;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid #E3ECE8;
 background:#F7FAF8;cursor:grab
}
.azwba-board-widget.is-locked .azwba-board-widget__head{cursor:not-allowed}
.azwba-board-widget.is-readonly .azwba-board-widget__head{cursor:default}
.azwba-board-widget__head:active{cursor:grabbing}
.azwba-board-widget.is-readonly .azwba-board-widget__head:active{cursor:default}
.azwba-board-widget__icon{display:grid;place-items:center;width:24px;height:24px;color:#1E6F5C;flex:0 0 24px}
.azwba-board-widget__icon svg{width:20px;height:20px}
.azwba-board-widget__head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:900}
.azwba-board-widget__scope{
 margin-inline-start:auto;min-height:26px;padding:3px 7px;border:1px solid #D7E5E0;border-radius:8px;
 background:#fff;color:#516861;font-size:8px;font-weight:900;white-space:nowrap;cursor:pointer
}
.azwba-board-widget__scope[aria-pressed="true"]{border-color:#9FC9BC;background:#EAF4F0;color:#1E6F5C}
.azwba-board-widget__scope:disabled{opacity:.55;cursor:not-allowed}
.azwba-board-widget__lock{margin-inline-start:auto;color:#687B75;font-style:normal;font-size:8px;font-weight:800}
.azwba-board-widget__body{display:flex;min-height:0;flex:1;padding:10px;overflow:auto;touch-action:auto}
.azwba-board-widget__resize{
 position:absolute;right:3px;bottom:3px;width:18px;height:18px;border:0;background:transparent;cursor:nwse-resize
}
.azwba-board-widget__resize::before{
 content:"";position:absolute;right:2px;bottom:2px;width:9px;height:9px;border-right:2px solid #7A958C;border-bottom:2px solid #7A958C;border-radius:1px
}
.azwba-board-widget.is-locked .azwba-board-widget__resize,

.azwba-board-widget.is-readonly .azwba-board-widget__resize{display:none}
.azwba-traffic-light{display:grid;width:100%;grid-template-columns:1fr;gap:7px;align-content:center}
.azwba-traffic-light__state{
 display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;min-height:42px;padding:5px 9px;
 border:1px solid #E1EAE6;border-radius:11px;background:#fff;color:#20352F;text-align:right;cursor:pointer
}
.azwba-traffic-light__state:hover{background:#F7FAF8}
.azwba-traffic-light__state>span{display:block;width:26px;height:26px;border-radius:50%;opacity:.34;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.azwba-traffic-light__state.is-red>span{background:#D85852}
.azwba-traffic-light__state.is-yellow>span{background:#E9C46A}
.azwba-traffic-light__state.is-green>span{background:#2F8F73}
.azwba-traffic-light__state.is-active{border-color:#9FC9BC;background:#EEF7F3;font-weight:900}
.azwba-traffic-light__state.is-active>span{opacity:1;box-shadow:0 0 0 4px rgba(30,111,92,.10)}
.azwba-traffic-light__state strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}











.azwba-timer-v2{--azwb-timer-accent:#1E6F5C;display:grid;width:100%;gap:9px;align-content:start}
.azwba-timer-v2.theme-blue{--azwb-timer-accent:#5A9FD4}
.azwba-timer-v2.theme-gold{--azwb-timer-accent:#D69E16}
.azwba-timer-v2__display{position:relative;display:grid;min-height:104px;place-items:center;align-content:center;gap:3px;padding:10px;border:1px solid #E1EAE6;border-radius:14px;background:#F8FBF9;overflow:hidden}
.azwba-timer-v2__display>strong{position:relative;z-index:1;color:#143D33;font-size:clamp(28px,4.2vw,48px);font-weight:900;line-height:1;font-variant-numeric:tabular-nums}
.azwba-timer-v2__display>small{position:relative;z-index:1;color:#687B75;font-size:9px;font-weight:800}
.azwba-timer-v2.is-warning .azwba-timer-v2__display{border-color:#E6B7B4;background:#FFF7F6}
.azwba-timer-v2.is-warning .azwba-timer-v2__display>strong,

.azwba-timer-v2.is-warning .azwba-timer-v2__display>small{color:#B64742}
.azwba-timer-v2__ring{display:none;position:absolute;inset:8px;margin:auto;width:86px;height:86px;border-radius:50%;background:conic-gradient(var(--azwb-timer-accent) var(--azwb-timer-progress,360deg),#E5EEEA 0);touch-action:none}
.azwba-timer-v2__ring::after{content:"";position:absolute;inset:8px;border-radius:50%;background:#F8FBF9}
.azwba-timer-v2.is-ring .azwba-timer-v2__ring{display:block;cursor:crosshair}
.azwba-timer-v2.is-ring .azwba-timer-v2__ring[aria-disabled="true"]{cursor:default}
.azwba-timer-v2.is-ring .azwba-timer-v2__ring:focus-visible{outline:3px solid color-mix(in srgb,var(--azwb-timer-accent) 32%,transparent);outline-offset:3px}
.azwba-timer-v2.is-counterclockwise .azwba-timer-v2__ring{transform:scaleX(-1)}
.azwba-timer-v2.is-ring .azwba-timer-v2__display>strong{font-size:20px;pointer-events:none}
.azwba-timer-v2.is-ring .azwba-timer-v2__display>small{pointer-events:none}
.azwba-timer-v2.hide-ring-numbers .azwba-timer-v2__display>strong{opacity:0}
.azwba-timer-v2.is-warning .azwba-timer-v2__ring{background:conic-gradient(#B64742 var(--azwb-timer-progress,360deg),#F2DEDC 0)}
.azwba-timer-v2.is-warning .azwba-timer-v2__ring::after{background:#FFF7F6}
.azwba-timer-v2__presets,

.azwba-timer-v2__actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.azwba-timer-v2__presets button,

.azwba-timer-v2__actions button{
 min-height:34px;padding:5px 7px;border:1px solid #D7E5E0;border-radius:9px;background:#fff;color:#20352F;font-size:9px;font-weight:900;cursor:pointer
}
.azwba-timer-v2__actions [data-timer-start]{border-color:color-mix(in srgb,var(--azwb-timer-accent) 35%,#D7E5E0);background:color-mix(in srgb,var(--azwb-timer-accent) 10%,#fff);color:var(--azwb-timer-accent)}
.azwba-timer-v2__presets button:hover,

.azwba-timer-v2__actions button:hover{border-color:#9FC9BC;background:#EEF7F3}
.azwba-timer-v2 button:disabled,

.azwba-timer-v2 input:disabled,

.azwba-timer-v2 select:disabled{opacity:.55;cursor:not-allowed}
.azwba-timer-v2__custom{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.azwba-timer-v2__custom label,

.azwba-timer-v2__settings label{display:grid;gap:4px;color:#687B75;font-size:8px;font-weight:800}
.azwba-timer-v2__custom input,

.azwba-timer-v2__settings input,

.azwba-timer-v2__settings select{
 width:100%;min-height:32px;padding:4px 7px;border:1px solid #D7E5E0;border-radius:8px;background:#fff;color:#20352F;font:800 9px/1.2 Cairo,sans-serif
}
.azwba-timer-v2__settings{border-top:1px solid #E1EAE6;padding-top:5px}
.azwba-timer-v2__settings summary{cursor:pointer;color:#516861;font-size:9px;font-weight:900}
.azwba-timer-v2__settings>div{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
.azwba-timer-v2__settings .azwba-timer-v2__check{display:flex;grid-column:1/-1;align-items:center;gap:7px;min-height:28px}
.azwba-timer-v2__settings .azwba-timer-v2__check input{width:16px;min-height:16px;height:16px;margin:0}
.azwba-stopwatch-v2{display:grid;width:100%;gap:9px;align-content:start}
.azwba-stopwatch-v2>strong{display:block;padding:12px 8px;border:1px solid #E1EAE6;border-radius:12px;background:#F8FBF9;color:#143D33;text-align:center;font-size:clamp(27px,4vw,44px);font-weight:900;line-height:1;font-variant-numeric:tabular-nums}
.azwba-stopwatch-v2__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.azwba-stopwatch-v2__actions button,

.azwba-random-picker-v2__actions button,

.azwba-random-picker-v2__source button{
 min-height:36px;border:1px solid #D7E5E0;border-radius:9px;background:#fff;color:#20352F;font-size:9px;font-weight:900;cursor:pointer
}
.azwba-stopwatch-v2__actions button:hover,

.azwba-random-picker-v2__actions button:hover,

.azwba-random-picker-v2__source button:hover{border-color:#9FC9BC;background:#EEF7F3}
.azwba-stopwatch-v2__laps{display:grid;gap:4px;max-height:104px;margin:0;padding:0 18px 0 0;overflow:auto;color:#687B75;font-size:8px;font-weight:800}
.azwba-stopwatch-v2__laps li{padding:3px 0;border-bottom:1px dashed #E1EAE6}









.azwba-random-picker-v2{display:grid;width:100%;gap:8px;align-content:start}
.azwba-random-picker-v2 textarea{width:100%;min-height:76px;resize:vertical;padding:7px 8px;border:1px solid #D7E5E0;border-radius:9px;background:#fff;color:#20352F;font:700 9px/1.6 Cairo,sans-serif}
.azwba-widget-limit-note{display:block;margin-top:-3px;color:#7B8E88;font-size:7px;font-weight:800;line-height:1.45;text-align:start}
.azwba-random-picker-v2__source{display:grid}
.azwba-random-picker-v2__source button{min-height:32px}
.azwba-random-picker-v2__remember{display:flex;align-items:center;gap:7px;color:#516861;font-size:8px;font-weight:800}
.azwba-random-picker-v2__remember input{width:16px;height:16px;margin:0}
.azwba-random-picker-v2__result{display:grid;min-height:52px;place-items:center;padding:7px;border:1px solid #CFE0DA;border-radius:11px;background:#EEF7F3;color:#1E6F5C;text-align:center;font-size:16px;font-weight:900}
.azwba-random-picker-v2.is-picking .azwba-random-picker-v2__result{animation:azwb-picker-pop .65s ease}
@keyframes azwb-picker-pop{0%{transform:scale(.94);filter:blur(1px);opacity:.72}45%{transform:scale(1.05);filter:blur(0);opacity:1}100%{transform:scale(1)}}
.azwba-random-picker-v2__actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.azwba-group-maker{display:grid;width:100%;gap:8px;align-content:start}
.azwba-group-maker textarea{width:100%;min-height:78px;resize:vertical;padding:7px 8px;border:1px solid #D7E5E0;border-radius:9px;background:#fff;color:#20352F;font:700 9px/1.6 Cairo,sans-serif}
.azwba-group-maker__source{display:grid}
.azwba-group-maker__source button,

.azwba-group-maker__actions button{min-height:36px;border:1px solid #D7E5E0;border-radius:9px;background:#fff;color:#20352F;font-size:9px;font-weight:900;cursor:pointer}
.azwba-group-maker__source button:hover,

.azwba-group-maker__actions button:hover{border-color:#9FC9BC;background:#EEF7F3}
.azwba-group-maker__settings{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.azwba-group-maker__settings label{display:grid;gap:4px;color:#687B75;font-size:8px;font-weight:800}
.azwba-group-maker__settings select{min-height:32px;padding:4px 7px;border:1px solid #D7E5E0;border-radius:8px;background:#fff;color:#20352F;font:800 9px/1.2 Cairo,sans-serif}
.azwba-group-maker__results{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:7px;max-height:190px;overflow:auto}
.azwba-group-maker__empty{grid-column:1/-1;margin:0;padding:12px;border:1px dashed #CFE0DA;border-radius:10px;background:#F8FBF9;color:#687B75;text-align:center;font-size:9px;font-weight:800}
.azwba-group-maker__group{min-width:0;padding:8px;border:1px solid #D7E5E0;border-radius:10px;background:#F8FBF9}
.azwba-group-maker__group>strong{display:block;margin-bottom:5px;color:#1E6F5C;font-size:10px;font-weight:900}
.azwba-group-maker__group ol{display:grid;gap:2px;margin:0;padding:0 18px 0 0;color:#20352F;font-size:8px;font-weight:800}
.azwba-group-maker__group li{overflow-wrap:anywhere}
.azwba-group-maker__actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.azwba-scoreboard{display:grid;width:100%;gap:8px;align-content:start}
.azwba-scoreboard__settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.azwba-scoreboard__settings label{display:grid;gap:4px;color:#687B75;font-size:8px;font-weight:800}
.azwba-scoreboard__settings select,

.azwba-scoreboard__settings input[type="number"]{width:100%;min-height:32px;padding:4px 7px;border:1px solid #D7E5E0;border-radius:8px;background:#fff;color:#20352F;font:800 9px/1.2 Cairo,sans-serif}
.azwba-scoreboard__settings .azwba-scoreboard__sound{display:flex;align-items:center;gap:7px;min-height:32px}
.azwba-scoreboard__sound input{width:16px;height:16px;margin:0}
.azwba-scoreboard__teams{display:grid;grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:7px;max-height:220px;overflow:auto}
.azwba-scoreboard__team{display:grid;min-width:0;gap:7px;padding:8px;border:1px solid #D7E5E0;border-radius:11px;background:#F8FBF9}
.azwba-scoreboard__team[data-winner="1"]{border-color:#D8B350;background:#FFF9E7;box-shadow:inset 0 0 0 1px rgba(216,179,80,.18)}
.azwba-scoreboard__team>input{width:100%;min-height:30px;padding:4px 6px;border:1px solid transparent;border-radius:7px;background:transparent;color:#20352F;text-align:center;font:900 10px/1.2 Cairo,sans-serif}
.azwba-scoreboard__team>input:focus{border-color:#9FC9BC;background:#fff;outline:none}
.azwba-scoreboard__controls{display:grid;grid-template-columns:34px minmax(42px,1fr) 34px;align-items:center;gap:5px}
.azwba-scoreboard__controls button{display:grid;min-height:34px;place-items:center;border:1px solid #CFE0DA;border-radius:9px;background:#fff;color:#1E6F5C;font-size:18px;font-weight:900;cursor:pointer}
.azwba-scoreboard__score{text-align:center;color:#143D33;font-size:clamp(24px,3.2vw,38px);font-weight:900;line-height:1;font-variant-numeric:tabular-nums}
.azwba-scoreboard__race{height:10px;overflow:hidden;border-radius:999px;background:#E5EEEA}
.azwba-scoreboard__race>i{display:block;width:var(--score-progress,0%);height:100%;border-radius:inherit;background:#1E6F5C;transition:width .24s ease}
.azwba-scoreboard[data-race-style="bars"] .azwba-scoreboard__race{height:14px;border-radius:4px}
.azwba-scoreboard[data-race-style="bars"] .azwba-scoreboard__race>i{border-radius:3px;background:#5A9FD4}
.azwba-scoreboard[data-race-style="steps"] .azwba-scoreboard__race{height:12px;border-radius:3px;background:repeating-linear-gradient(90deg,#E5EEEA 0,#E5EEEA 16px,#fff 16px,#fff 19px)}
.azwba-scoreboard[data-race-style="steps"] .azwba-scoreboard__race>i{border-radius:2px;background:#D69E16}
.azwba-scoreboard__reset{min-height:36px;border:1px solid #D7E5E0;border-radius:9px;background:#fff;color:#516861;font-size:9px;font-weight:900;cursor:pointer}
.azwba-scoreboard button:hover{border-color:#9FC9BC;background:#EEF7F3}
.azwba-lesson-plan{display:grid;width:100%;gap:8px;align-content:start}
.azwba-lesson-plan__settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.azwba-lesson-plan__settings label{display:grid;gap:4px;color:#687B75;font-size:8px;font-weight:800}
.azwba-lesson-plan__settings select,

.azwba-lesson-plan__settings input[type="time"]{width:100%;min-height:32px;padding:4px 7px;border:1px solid #D7E5E0;border-radius:8px;background:#fff;color:#20352F;font:800 9px/1.2 Cairo,sans-serif}
.azwba-lesson-plan__settings .azwba-lesson-plan__sound{display:flex;align-items:center;gap:7px;min-height:32px}
.azwba-lesson-plan__sound input{width:16px;height:16px;margin:0}
.azwba-lesson-plan__items{display:grid;gap:6px;max-height:245px;overflow:auto}
.azwba-lesson-plan__empty{margin:0;padding:14px;border:1px dashed #CFE0DA;border-radius:10px;background:#F8FBF9;color:#687B75;text-align:center;font-size:9px;font-weight:800}
.azwba-lesson-plan__item{display:grid;grid-template-columns:28px 44px minmax(92px,1fr) 52px 58px auto;align-items:center;gap:5px;padding:7px;border:1px solid #D7E5E0;border-radius:10px;background:#F8FBF9}
.azwba-lesson-plan__item[data-active="1"]{border-color:#7AB8A6;background:#EEF7F3;box-shadow:inset 0 0 0 1px rgba(30,111,92,.12)}
.azwba-lesson-plan__item[data-done="1"] .azwba-lesson-plan__title{text-decoration:line-through;color:#879892}
.azwba-lesson-plan__done{width:17px;height:17px;margin:0}
.azwba-lesson-plan__icon,

.azwba-lesson-plan__title,

.azwba-lesson-plan__duration{width:100%;min-height:30px;padding:4px 5px;border:1px solid #D7E5E0;border-radius:7px;background:#fff;color:#20352F;font:800 8px/1.2 Cairo,sans-serif}
.azwba-lesson-plan__icon{font-size:14px;text-align:center}
.azwba-lesson-plan__duration{text-align:center;font-variant-numeric:tabular-nums}
.azwba-lesson-plan__meta{color:#687B75;text-align:center;font-size:8px;font-weight:900;white-space:nowrap}
.azwba-lesson-plan__order{display:grid;grid-template-columns:repeat(3,28px);gap:3px}
.azwba-lesson-plan__order button{display:grid;min-height:30px;place-items:center;border:1px solid #D7E5E0;border-radius:7px;background:#fff;color:#516861;font-size:13px;font-weight:900;cursor:pointer}
.azwba-lesson-plan__actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.azwba-lesson-plan__actions button{min-height:36px;border:1px solid #D7E5E0;border-radius:9px;background:#fff;color:#1E6F5C;font-size:9px;font-weight:900;cursor:pointer}
.azwba-lesson-plan button:hover{border-color:#9FC9BC;background:#EEF7F3}
.azwba-poll{display:grid;width:100%;gap:8px;align-content:start}
.azwba-poll__settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.azwba-poll__settings label{display:grid;gap:4px;color:#687B75;font-size:8px;font-weight:800}
.azwba-poll__settings select{width:100%;min-height:32px;padding:4px 7px;border:1px solid #D7E5E0;border-radius:8px;background:#fff;color:#20352F;font:800 9px/1.2 Cairo,sans-serif}
.azwba-poll__settings .azwba-poll__show{display:flex;align-items:center;gap:7px;min-height:32px;grid-column:1/-1}
.azwba-poll__show input{width:16px;height:16px;margin:0}
.azwba-poll>[data-poll-question],

.azwba-poll>[data-poll-options]{width:100%;padding:7px 8px;border:1px solid #D7E5E0;border-radius:9px;background:#fff;color:#20352F;font:800 9px/1.5 Cairo,sans-serif}
.azwba-poll>[data-poll-question]{min-height:34px}.azwba-poll>[data-poll-options]{min-height:66px;resize:vertical}
.azwba-poll__choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:7px}
.azwba-poll__choice{min-height:40px;border:1px solid #CFE0DA;border-radius:10px;background:#fff;color:#20352F;font-size:10px;font-weight:900;cursor:pointer}
.azwba-poll__choice[data-selected="1"]{border-color:#1E6F5C;background:#EEF7F3;box-shadow:inset 0 0 0 1px rgba(30,111,92,.18)}
.azwba-poll__results{display:grid;gap:6px;padding:8px;border:1px solid #E1EAE6;border-radius:10px;background:#F8FBF9}
.azwba-poll__result{display:grid;grid-template-columns:minmax(64px,.8fr) minmax(80px,1.4fr) 28px;align-items:center;gap:6px;color:#20352F;font-size:8px;font-weight:800}
.azwba-poll__result i{display:block;position:relative;height:9px;overflow:hidden;border-radius:999px;background:#E5EEEA}
.azwba-poll__result i:before{content:"";display:block;width:var(--poll-pct,0%);height:100%;border-radius:inherit;background:#1E6F5C;transition:width .2s ease}
.azwba-poll__result strong{text-align:left;font-variant-numeric:tabular-nums}
.azwba-poll__results>small{color:#687B75;font-size:8px;font-weight:800;text-align:center}
.azwba-poll__actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.azwba-poll__actions button{min-height:36px;border:1px solid #D7E5E0;border-radius:9px;background:#fff;color:#1E6F5C;font-size:9px;font-weight:900;cursor:pointer}
.azwba-poll[data-open="0"] .azwba-poll__choices{opacity:.65}
.azwba-poll button:hover{border-color:#9FC9BC;background:#EEF7F3}


















.azwba-clock{display:grid;width:100%;gap:8px;align-content:start}
.azwba-clock__settings{display:grid;grid-template-columns:minmax(0,1fr);gap:7px}
.azwba-clock__settings label{display:grid;gap:4px;color:#687B75;font-size:8px;font-weight:800}
.azwba-clock__settings select{width:100%;min-height:32px;padding:4px 7px;border:1px solid #D7E5E0;border-radius:8px;background:#fff;color:#20352F;font:800 9px/1.2 Cairo,sans-serif}
.azwba-clock__display{display:grid;place-items:center;min-height:116px;border:1px solid #D7E5E0;border-radius:12px;background:#F8FBF9}
.azwba-clock__digital{display:grid;place-items:center;gap:3px}
.azwba-clock__digital strong{color:#143D33;font-size:clamp(28px,4vw,44px);font-weight:900;line-height:1;font-variant-numeric:tabular-nums}
.azwba-clock__digital span{color:#687B75;font-size:8px;font-weight:800}
.azwba-clock__analog{position:relative;width:96px;height:96px;border:3px solid #1E6F5C;border-radius:50%;background:radial-gradient(circle at center,#fff 0 60%,#F5FAF8 61% 100%);box-shadow:inset 0 0 0 5px #EAF4F0}
.azwba-clock__analog:before,

.azwba-clock__analog:after{content:"";position:absolute;background:#AFC8C0}
.azwba-clock__analog:before{left:50%;top:5px;bottom:5px;width:1px;transform:translateX(-.5px)}
.azwba-clock__analog:after{top:50%;left:5px;right:5px;height:1px;transform:translateY(-.5px)}
.azwba-clock__analog i{position:absolute;left:50%;bottom:50%;z-index:2;width:3px;border-radius:999px;background:#143D33;transform-origin:50% 100%}
.azwba-clock__analog .is-hour{height:26px;width:4px}.azwba-clock__analog .is-minute{height:35px}.azwba-clock__analog .is-second{height:39px;width:2px;background:#D85852}
.azwba-clock__analog b{position:absolute;left:50%;top:50%;z-index:3;width:9px;height:9px;border-radius:50%;background:#1E6F5C;transform:translate(-50%,-50%)}
.azwba-clock[data-mode="digital"] .azwba-clock__analog{display:none}.azwba-clock[data-mode="analog"] .azwba-clock__digital{display:none}
.azwba-clock__next{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border:1px solid #CFE0DA;border-radius:9px;background:#EEF7F3;color:#516861;font-size:8px;font-weight:800}
.azwba-clock__next span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.azwba-clock__next strong{color:#143D33;font-size:12px;font-variant-numeric:tabular-nums}
.azwba-clock__alarms{display:grid;gap:6px;max-height:190px;overflow:auto}
.azwba-clock__empty{margin:0;padding:11px;border:1px dashed #CFE0DA;border-radius:9px;background:#F8FBF9;color:#687B75;text-align:center;font-size:8px;font-weight:800}
.azwba-clock__alarm{display:grid;grid-template-columns:24px 74px minmax(82px,1fr) 78px 30px;align-items:center;gap:5px;padding:6px;border:1px solid #D7E5E0;border-radius:9px;background:#fff}
.azwba-clock__alarm[data-enabled="0"]{opacity:.58}
.azwba-clock__alarm input[type="checkbox"]{width:17px;height:17px;margin:0}
.azwba-clock__alarm input[type="time"],

.azwba-clock__alarm input[type="text"],

.azwba-clock__alarm select{width:100%;min-height:30px;padding:4px 5px;border:1px solid #D7E5E0;border-radius:7px;background:#fff;color:#20352F;font:800 8px/1.2 Cairo,sans-serif}
.azwba-clock__alarm button{display:grid;min-height:30px;place-items:center;border:1px solid #E6D3D1;border-radius:7px;background:#FFF8F7;color:#B64742;font-size:14px;font-weight:900;cursor:pointer}
.azwba-clock>[data-clock-add]{min-height:36px;border:1px solid #CFE0DA;border-radius:9px;background:#fff;color:#1E6F5C;font-size:9px;font-weight:900;cursor:pointer}
.azwba-clock button:hover{border-color:#9FC9BC;background:#EEF7F3}











/* AZWB_LEGACY_WIDGET_VISUALS_REMOVED_V37: Calendar/QR/Quick Links/Safe Embed now use their dedicated original identity blocks. */
.azwba-board-widget.is-alarm-ringing{animation:azwb-clock-alarm 1.2s ease}
@keyframes azwb-clock-alarm{0%,
100%{box-shadow:0 0 0 0 rgba(214,158,22,0)}25%,
70%{box-shadow:0 0 0 5px rgba(214,158,22,.28)}}
.azwba-stopwatch-v2 button:disabled,

.azwba-random-picker-v2 button:disabled,

.azwba-random-picker-v2 textarea:disabled,

.azwba-random-picker-v2 input:disabled,

.azwba-group-maker button:disabled,

.azwba-group-maker textarea:disabled,

.azwba-group-maker select:disabled,

.azwba-scoreboard button:disabled,

.azwba-scoreboard input:disabled,

.azwba-scoreboard select:disabled,

.azwba-lesson-plan button:disabled,

.azwba-lesson-plan input:disabled,

.azwba-lesson-plan select:disabled,

.azwba-poll button:disabled,

.azwba-poll input:disabled,

.azwba-poll select:disabled,

.azwba-poll textarea:disabled,

.azwba-clock button:disabled,

.azwba-clock input:disabled,

.azwba-clock select:disabled,

.azwba-calendar button:disabled,

.azwba-qr button:disabled,

.azwba-qr textarea:disabled{opacity:.55;cursor:not-allowed}
@media(pointer:coarse){
 .azwba-board-widget__head{min-height:44px}
 .azwba-board-widget__scope{min-height:44px;min-width:76px}
 .azwba-board-widget__resize{width:44px;height:44px}
}
@media(max-width:760px){
 .azwba-board-widget{border-radius:13px}
 .azwba-board-widget__body{padding:8px}
}

/* AZWB_VISUAL_ASSET_KIT_V1 */






@media(max-width:560px){
 
 
}

/* AZWB_WIDGET_VISUAL_REFACTOR_V1 */
/* Shared premium widget surface */
.azwba-board-widget{
 border-color:#DDE6E2;
 border-radius:18px;
 background:#fff;
 box-shadow:0 14px 34px rgba(31,41,55,.12),0 2px 8px rgba(31,41,55,.05);
}
.azwba-board-widget__body{background:#fff}

/* Traffic light — single physical signal */
.azwba-traffic-light{
 display:grid;
 place-items:center;
 align-content:center;
 width:100%;
 min-height:100%;
 gap:10px;
 padding:8px;
}
.azwba-traffic-light__housing{
 display:grid;
 grid-template-rows:repeat(3,1fr);
 gap:11px;
 width:clamp(76px,52%,112px);
 padding:13px 12px;
 border:3px solid #111827;
 border-radius:28px;
 background:linear-gradient(145deg,#5B6270 0%,#414855 46%,#2F3540 100%);
 box-shadow:inset 4px 4px 8px rgba(255,255,255,.12),inset -5px -7px 12px rgba(0,0,0,.22),0 10px 22px rgba(31,41,55,.16);
}
.azwba-traffic-light__state{
 display:grid;
 place-items:center;
 width:100%;
 aspect-ratio:1;
 min-height:0;
 padding:0;
 border:0;
 border-radius:50%;
 background:transparent;
 cursor:pointer;
}
.azwba-traffic-light__state>span{
 position:relative;
 display:block;
 width:100%;
 height:100%;
 border:3px solid #111827;
 border-radius:50%;
 opacity:.42;
 overflow:hidden;
 transition:opacity .16s ease,transform .16s ease,box-shadow .16s ease;
 box-shadow:inset 0 -9px 14px rgba(0,0,0,.28),inset 0 4px 10px rgba(255,255,255,.18);
}
.azwba-traffic-light__state>span i{
 position:absolute;
 top:17%;
 left:20%;
 width:38%;
 height:25%;
 border-radius:999px;
 background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(255,255,255,0));
 transform:rotate(-20deg);
}
.azwba-traffic-light__state.is-red>span{background:#C3221B}
.azwba-traffic-light__state.is-yellow>span{background:#B88619}
.azwba-traffic-light__state.is-green>span{background:#087A35}
.azwba-traffic-light__state.is-active>span{
 opacity:1;
 transform:scale(1.035);
 box-shadow:0 0 0 5px rgba(255,255,255,.07),0 0 22px color-mix(in srgb,currentColor 34%,transparent),inset 0 -10px 14px rgba(0,0,0,.28),inset 0 5px 11px rgba(255,255,255,.24);
}
.azwba-traffic-light__caption{
 display:block;
 min-height:24px;
 color:#20352F;
 font-size:12px;
 font-weight:900;
 text-align:center;
}
.azwba-traffic-light__state:focus-visible{outline:3px solid rgba(90,159,212,.32);outline-offset:4px}

/* Timer — ring + four digit steppers + circular controls */
.azwba-timer-v2{
 --azwb-timer-accent:#1E6F5C;
 gap:10px;
}
.azwba-timer-v2__hero{
 display:grid;
 grid-template-columns:minmax(108px,142px) minmax(210px,1fr) 54px;
 align-items:center;
 gap:13px;
 min-height:150px;
 padding:12px 13px;
 border:1px solid #E1E7E4;
 border-radius:18px;
 background:#fff;
}
.azwba-timer-v2__visual{display:grid;place-items:center;min-width:0}
.azwba-timer-v2__ring{
 display:block!important;
 position:relative!important;
 inset:auto!important;
 margin:0!important;
 width:clamp(104px,100%,142px)!important;
 height:auto!important;
 aspect-ratio:1;
 border-radius:50%;
 background:conic-gradient(var(--azwb-timer-accent) var(--azwb-timer-progress,360deg),#E8ECEA 0);
 box-shadow:0 0 0 1px rgba(31,41,55,.03);
}
.azwba-timer-v2__ring::after{
 inset:9px!important;
 background:#fff!important;
 box-shadow:inset 0 0 0 1px rgba(31,41,55,.025);
}
.azwba-timer-v2__display{
 display:grid;
 min-height:0;
 place-items:center;
 align-content:center;
 gap:6px;
 padding:0;
 border:0;
 border-radius:0;
 background:transparent;
 overflow:visible;
}
.azwba-timer-v2__digits{
 display:grid;
 grid-template-columns:repeat(2,minmax(42px,1fr)) 18px repeat(2,minmax(42px,1fr));
 align-items:center;
 width:100%;
 direction:ltr;
}
.azwba-timer-v2__digits>div{
 display:grid;
 grid-template-rows:30px minmax(58px,1fr) 30px;
 place-items:center;
 min-width:0;
}
.azwba-timer-v2__digits button{
 display:grid;
 place-items:center;
 width:34px;
 height:28px;
 padding:0;
 border:0;
 border-radius:8px;
 background:transparent;
 color:#111827;
 font:500 24px/1 Arial,sans-serif;
 cursor:pointer;
}
.azwba-timer-v2__digits button:hover{background:#F2F5F4;color:var(--azwb-timer-accent)}
.azwba-timer-v2__digits button:disabled{opacity:.28}
.azwba-timer-v2__digits b{
 display:block;
 color:#0F172A;
 font-family:Arial,"Helvetica Neue",sans-serif;
 font-size:clamp(50px,6vw,76px);
 font-weight:500;
 line-height:.92;
 letter-spacing:-.055em;
 font-variant-numeric:tabular-nums;
}
.azwba-timer-v2__digits em{
 align-self:center;
 margin-top:1px;
 color:#0F172A;
 font:500 clamp(44px,5vw,66px)/1 Arial,sans-serif;
 font-style:normal;
}
.azwba-timer-v2__display>small{
 color:#697872;
 font-size:9px;
 font-weight:800;
}
.azwba-timer-v2__sr-value{
 position:absolute!important;
 width:1px!important;
 height:1px!important;
 padding:0!important;
 margin:-1px!important;
 overflow:hidden!important;
 clip:rect(0,0,0,0)!important;
 white-space:nowrap!important;
 border:0!important;
}
.azwba-timer-v2.is-long-duration .azwba-timer-v2__digits{display:none}
.azwba-timer-v2.is-long-duration .azwba-timer-v2__sr-value{
 position:static!important;
 width:auto!important;
 height:auto!important;
 margin:0!important;
 clip:auto!important;
 overflow:visible!important;
 white-space:normal!important;
 color:#0F172A;
 font:500 clamp(46px,6vw,72px)/1 Arial,sans-serif;
 letter-spacing:-.04em;
}
.azwba-timer-v2__primary{
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;
 gap:8px;
}
.azwba-timer-v2__primary button{
 display:grid;
 place-items:center;
 width:46px;
 height:46px;
 min-height:46px;
 padding:0;
 border:2px solid var(--azwb-timer-accent);
 border-radius:50%;
 background:#fff;
 cursor:pointer;
}
.azwba-timer-v2__primary [data-timer-start]{
 border-color:var(--azwb-timer-accent);
 background:var(--azwb-timer-accent);
 box-shadow:0 5px 13px color-mix(in srgb,var(--azwb-timer-accent) 25%,transparent);
}
.azwba-timer-v2__primary .is-play{
 width:0;
 height:0;
 margin-left:3px;
 border-top:9px solid transparent;
 border-bottom:9px solid transparent;
 border-left:14px solid #fff;
}
.azwba-timer-v2__primary .is-stop{
 width:13px;
 height:13px;
 border:2px solid #0F172A;
 border-radius:2px;
}
.azwba-timer-v2__primary [data-timer-stop]{border-color:#6B7280}
.azwba-timer-v2__actions{grid-template-columns:repeat(2,minmax(0,1fr))}
.azwba-timer-v2__presets button,

.azwba-timer-v2__actions button{
 border-radius:10px;
 background:#fff;
}
.azwba-timer-v2.is-warning .azwba-timer-v2__hero{border-color:#E8B6B2;background:#FFF9F8}
.azwba-timer-v2.is-warning .azwba-timer-v2__ring{background:conic-gradient(#B64742 var(--azwb-timer-progress,360deg),#F2DEDC 0)}
.azwba-timer-v2.is-ring.hide-ring-numbers .azwba-timer-v2__digits{opacity:0}
.azwba-timer-v2.is-ring.hide-ring-numbers .azwba-timer-v2__display>small{opacity:.7}

/* Clock — numbered analog face with minute ticks */
.azwba-clock{gap:9px}
.azwba-clock__settings{
 justify-self:end;
 width:min(150px,100%);
}
.azwba-clock__display{
 display:grid;
 place-items:center;
 gap:10px;
 min-height:0;
 padding:11px 10px 12px;
 border:0;
 border-radius:16px;
 background:#fff;
}
.azwba-clock__analog{
 display:block;
 position:relative;
 width:clamp(154px,78%,220px);
 height:auto;
 aspect-ratio:1;
 border:4px solid #5A9FD4;
 border-radius:50%;
 background:#fff;
 box-shadow:0 4px 12px rgba(31,41,55,.06),inset 0 0 0 1px rgba(90,159,212,.12);
}
.azwba-clock__ticks{
 position:absolute;
 inset:6px;
 border-radius:50%;
 background:repeating-conic-gradient(from -1deg,#5A9FD4 0deg 1.1deg,transparent 1.1deg 6deg);
 -webkit-mask:radial-gradient(circle,transparent 0 76%,#000 77%);
 mask:radial-gradient(circle,transparent 0 76%,#000 77%);
 opacity:.95;
}
.azwba-clock__numbers{position:absolute;inset:0}
.azwba-clock__numbers>span{
 position:absolute;
 inset:0;
 display:flex;
 justify-content:center;
 transform:rotate(var(--clock-angle));
 pointer-events:none;
}
.azwba-clock__numbers>span i{
 display:block;
 margin-top:14px;
 color:#111827;
 font:700 clamp(11px,1.7vw,16px)/1 Arial,sans-serif;
 font-style:normal;
 transform:rotate(calc(var(--clock-angle) * -1));
}
.azwba-clock__analog:before,

.azwba-clock__analog:after{display:none}
.azwba-clock__analog i{
 left:50%;
 bottom:50%;
 z-index:4;
 border-radius:999px;
 background:#111827;
 transform-origin:50% 100%;
}
.azwba-clock__analog .is-hour{width:5px;height:30%;margin-left:-2.5px}
.azwba-clock__analog .is-minute{width:4px;height:39%;margin-left:-2px}
.azwba-clock__analog .is-second{width:2px;height:43%;margin-left:-1px;background:#D85852}
.azwba-clock__analog b{
 z-index:6;
 width:10px;
 height:10px;
 background:#1E6F5C;
 box-shadow:0 0 0 2px #fff;
}
.azwba-clock__digital{
 display:grid!important;
 place-items:center;
 gap:4px;
}
.azwba-clock__digital strong{
 color:#111827;
 font-family:Arial,"Helvetica Neue",sans-serif;
 font-size:clamp(30px,4.2vw,46px);
 font-weight:500;
 letter-spacing:-.04em;
}
.azwba-clock__digital span{font-size:9px;color:#64736D}
.azwba-clock[data-mode="digital"] .azwba-clock__analog{display:none}
.azwba-clock[data-mode="digital"] .azwba-clock__digital strong{font-size:clamp(44px,6vw,68px)}
.azwba-clock[data-mode="analog"] .azwba-clock__analog{display:block}
.azwba-clock[data-mode="analog"] .azwba-clock__digital{display:grid!important}

@media(pointer:coarse){
 .azwba-traffic-light__state{min-height:0}
 .azwba-timer-v2__digits button{width:44px;height:38px;min-height:38px}
 .azwba-timer-v2__primary button{width:50px;height:50px;min-height:50px}
}
@media(max-width:760px){
 .azwba-timer-v2__hero{
  grid-template-columns:minmax(86px,112px) minmax(160px,1fr) 48px;
  gap:8px;
  padding:9px;
 }
 .azwba-timer-v2__digits{grid-template-columns:repeat(2,minmax(34px,1fr)) 14px repeat(2,minmax(34px,1fr))}
 .azwba-timer-v2__digits b{font-size:clamp(38px,9vw,56px)}
 .azwba-timer-v2__digits em{font-size:clamp(34px,8vw,50px)}
 .azwba-timer-v2__ring{width:min(100%,106px)!important}
 .azwba-clock__analog{width:clamp(150px,74%,194px)}
}
@media(max-width:520px){
 .azwba-timer-v2__hero{
  grid-template-columns:92px minmax(0,1fr);
  grid-template-areas:"visual display" "primary primary";
 }
 .azwba-timer-v2__visual{grid-area:visual}
 .azwba-timer-v2__display{grid-area:display}
 .azwba-timer-v2__primary{grid-area:primary;flex-direction:row}
}


/* AZWB_WIDGET_VISUAL_REFACTOR_V2 */





















.azwba-reference-ui .azwba-poll{gap:9px}
.azwba-reference-ui .azwba-poll__hero{position:relative;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #DCE8E4;border-radius:14px;background:linear-gradient(135deg,#FBFEFC,#F1F8F5);box-shadow:0 6px 18px rgba(32,53,47,.05)}
.azwba-reference-ui .azwba-poll__live{flex:0 0 11px;width:11px;height:11px;border-radius:50%;background:#9AA8A3;box-shadow:0 0 0 4px rgba(154,168,163,.12)}
.azwba-reference-ui .azwba-poll__live[data-open="1"]{background:#2F8F73;box-shadow:0 0 0 4px rgba(47,143,115,.14)}
.azwba-reference-ui .azwba-poll__hero [data-poll-question]{min-width:0;width:100%;min-height:38px;padding:0;border:0;background:transparent;color:#20352F;font:950 13px/1.5 Cairo,sans-serif;outline:0}
.azwba-reference-ui .azwba-poll__hero [data-poll-question]:focus{box-shadow:none}
.azwba-reference-ui .azwba-poll__choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.azwba-reference-ui .azwba-poll__choice{
 position:relative;min-height:58px;padding:10px 12px;border:1px solid #DCE7E3;border-radius:14px;background:#fff;color:#20352F;
 font:900 11px/1.45 Cairo,sans-serif;box-shadow:0 5px 14px rgba(32,53,47,.05);transition:transform .16s ease,border-color .16s ease,background .16s ease
}
.azwba-reference-ui .azwba-poll__choice:hover:not(:disabled){transform:translateY(-1px);border-color:#8FC5B4;background:#F7FCF9}
.azwba-reference-ui .azwba-poll__choice[data-selected="1"]{border-color:#1E6F5C;background:#EEF7F3;box-shadow:0 0 0 2px rgba(30,111,92,.08)}
.azwba-reference-ui .azwba-poll__choice[data-selected="1"]:after{content:"✓";position:absolute;top:7px;left:8px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#1E6F5C;color:#fff;font-size:10px}
.azwba-reference-ui .azwba-poll__results{gap:8px;padding:10px;border-radius:13px;background:#FAFCFB}
.azwba-reference-ui .azwba-poll__result{grid-template-columns:minmax(70px,.9fr) minmax(90px,1.5fr) 34px;gap:8px;font-size:9px}
.azwba-reference-ui .azwba-poll__result i{height:11px;background:#E5EEEA}
.azwba-reference-ui .azwba-poll__result i:before{background:linear-gradient(90deg,#1E6F5C,#5A9FD4)}
.azwba-reference-ui .azwba-poll__actions button:first-child{border-color:#1E6F5C;background:#1E6F5C;color:#fff}
.azwba-reference-ui .azwba-poll[data-open="0"] .azwba-poll__actions button:first-child{border-color:#CFE0DA;background:#EEF7F3;color:#1E6F5C}
.azwba-reference-ui .azwba-poll__advanced{border-top:1px solid #E8EFEC;padding-top:6px}
.azwba-reference-ui .azwba-poll__advanced summary{cursor:pointer;color:#526C63;font-size:9px;font-weight:900}
.azwba-reference-ui .azwba-poll__advanced[open] summary{margin-bottom:8px}
.azwba-reference-ui .azwba-poll__settings{padding:9px;border-radius:11px;background:#F8FBF9}
.azwba-reference-ui .azwba-poll__settings textarea{grid-column:1/-1;min-height:70px;padding:8px;border:1px solid #D7E5E0;border-radius:9px;background:#fff;color:#20352F;font:800 9px/1.5 Cairo,sans-serif;resize:vertical}










.azwba-reference-ui .azwba-timetable-v1{gap:10px}
.azwba-reference-ui .azwba-timetable-v1__head{padding-bottom:2px}
.azwba-reference-ui .azwba-timetable-v1__head strong{font-size:12px;color:#20352F}
.azwba-reference-ui .azwba-timetable-v1__head button{border:0;background:#1E6F5C;color:#fff;border-radius:10px;box-shadow:0 5px 12px rgba(30,111,92,.15)}
.azwba-reference-ui .azwba-timetable-v1__status{min-height:42px;display:grid;place-items:center;border:0;border-radius:12px;background:linear-gradient(135deg,#EDF7F3,#F6FBF9);color:#294C41;font-size:9px;box-shadow:inset 0 0 0 1px #D6E6E0}
.azwba-reference-ui .azwba-timetable-v1>[data-tt-list]{gap:7px;max-height:300px;padding-inline-start:2px}
.azwba-reference-ui .azwba-timetable-v1__row{
 position:relative;grid-template-columns:86px minmax(0,1fr) 34px;gap:7px;padding:7px 7px 7px 12px;border:1px solid #E1EAE6;border-radius:12px;background:#fff;box-shadow:0 4px 12px rgba(32,53,47,.04)
}
.azwba-reference-ui .azwba-timetable-v1__row:before{content:"";position:absolute;right:-3px;top:14px;width:7px;height:calc(100% - 28px);border-radius:999px;background:#D8E5E0}
.azwba-reference-ui .azwba-timetable-v1__row input{border:0;background:#F8FBF9;min-height:38px;border-radius:9px}
.azwba-reference-ui .azwba-timetable-v1__row input:first-child{font-size:10px;color:#1E6F5C;text-align:center;font-variant-numeric:tabular-nums}
.azwba-reference-ui .azwba-timetable-v1__row button{width:34px;height:34px;border-radius:9px}
.azwba-reference-ui .azwba-timetable-v1__row[data-active="1"]{border-color:#8FC5B4;background:#F4FBF8;box-shadow:0 7px 18px rgba(30,111,92,.08)}
.azwba-reference-ui .azwba-timetable-v1__row[data-active="1"]:before{background:#1E6F5C}
.azwba-reference-ui .azwba-timetable-v1__row[data-next="1"]:not([data-active="1"]){border-color:#BED6EA;background:#F7FBFE}
.azwba-reference-ui .azwba-timetable-v1__row[data-next="1"]:not([data-active="1"]):before{background:#5A9FD4}

@media(max-width:640px){


 .azwba-reference-ui .azwba-poll__choices{grid-template-columns:1fr}
 
 
 .azwba-reference-ui .azwba-timetable-v1__row{grid-template-columns:78px minmax(0,1fr) 38px}
}
@media(pointer:coarse){
 .azwba-reference-ui .azwba-poll__choice,

 .azwba-reference-ui .azwba-poll__actions button,

 .azwba-reference-ui .azwba-timetable-v1__head button{min-height:44px}
}


/* AZWB_WIDGET_VISUAL_REFACTOR_V3 */











.azwba-reference-ui .azwba-random-picker-v2{gap:9px}
.azwba-reference-ui .azwba-random-picker-v2 textarea{min-height:84px;border-radius:12px;background:#FBFDFC}
.azwba-reference-ui .azwba-random-picker-v2__source button{border-radius:10px;background:#F4F9FD;color:#356E98;border-color:#C8DDF0}
.azwba-reference-ui .azwba-random-picker-v2__remember{padding:5px 7px;border-radius:9px;background:#FAFCFB}
.azwba-reference-ui .azwba-random-picker-v2__result{
 position:relative;display:grid;min-height:105px;place-items:center;padding:14px;border:1px solid #CFE0DA;border-radius:18px;
 background:radial-gradient(circle at 50% 25%,#fff,#EDF7F3);color:#143D33;font-size:clamp(24px,4vw,42px);font-weight:950;
 box-shadow:0 10px 24px rgba(30,111,92,.10);overflow:hidden
}
.azwba-reference-ui .azwba-random-picker-v2__result:before,

.azwba-reference-ui .azwba-random-picker-v2__result:after{content:"";position:absolute;width:54px;height:54px;border-radius:50%;opacity:.12}
.azwba-reference-ui .azwba-random-picker-v2__result:before{right:-16px;top:-14px;background:#5A9FD4}
.azwba-reference-ui .azwba-random-picker-v2__result:after{left:-18px;bottom:-18px;background:#E9C46A}
.azwba-reference-ui .azwba-random-picker-v2__actions button:first-child{border:0;background:#1E6F5C;color:#fff;border-radius:11px;box-shadow:0 6px 14px rgba(30,111,92,.16)}
.azwba-reference-ui .azwba-random-picker-v2__actions button:last-child{border-radius:11px;background:#fff}

.azwba-reference-ui .azwba-group-maker{gap:9px}
.azwba-reference-ui .azwba-group-maker textarea{border-radius:12px;background:#FBFDFC}
.azwba-reference-ui .azwba-group-maker__settings{padding:8px;border:1px solid #E5ECE9;border-radius:11px;background:#FAFCFB}
.azwba-reference-ui .azwba-group-maker__results{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:9px;max-height:240px}
.azwba-reference-ui .azwba-group-maker__group{position:relative;padding:11px;border-radius:14px;background:#fff;box-shadow:0 6px 16px rgba(32,53,47,.06);overflow:hidden}
.azwba-reference-ui .azwba-group-maker__group:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:#1E6F5C}
.azwba-reference-ui .azwba-group-maker__group:nth-child(2n):before{background:#5A9FD4}
.azwba-reference-ui .azwba-group-maker__group:nth-child(3n):before{background:#E9C46A}
.azwba-reference-ui .azwba-group-maker__group>strong{font-size:11px}
.azwba-reference-ui .azwba-group-maker__group li{padding:3px 0;border-bottom:1px dashed #E5ECE9;font-size:9px}
.azwba-reference-ui .azwba-group-maker__group li:last-child{border-bottom:0}
.azwba-reference-ui .azwba-group-maker__actions button:first-child{border:0;background:#1E6F5C;color:#fff;box-shadow:0 6px 14px rgba(30,111,92,.16)}

.azwba-reference-ui .azwba-scoreboard{gap:10px}
.azwba-reference-ui .azwba-scoreboard__settings{padding:8px;border:1px solid #E5ECE9;border-radius:11px;background:#FAFCFB}
.azwba-reference-ui .azwba-scoreboard__teams{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;max-height:270px}
.azwba-reference-ui .azwba-scoreboard__team{position:relative;padding:11px;border-radius:15px;background:linear-gradient(180deg,#fff,#FAFCFB);box-shadow:0 7px 18px rgba(32,53,47,.06)}
.azwba-reference-ui .azwba-scoreboard__team:nth-child(2n){background:linear-gradient(180deg,#fff,#F6FAFD)}
.azwba-reference-ui .azwba-scoreboard__team[data-winner="1"]{border-color:#D8B350;background:linear-gradient(180deg,#FFFDF5,#FFF6D8);box-shadow:0 0 0 3px rgba(216,179,80,.10),0 9px 22px rgba(216,179,80,.12)}
.azwba-reference-ui .azwba-scoreboard__team[data-winner="1"]:before{content:"★";position:absolute;top:8px;left:9px;color:#D69E16;font-size:15px}
.azwba-reference-ui .azwba-scoreboard__team>input{font-size:11px}
.azwba-reference-ui .azwba-scoreboard__score{font-size:clamp(30px,4vw,46px)}
.azwba-reference-ui .azwba-scoreboard__controls button{border-radius:10px;background:#fff}
.azwba-reference-ui .azwba-scoreboard__controls button:last-child{background:#EEF7F3}
.azwba-reference-ui .azwba-scoreboard__race{height:12px}
.azwba-reference-ui .azwba-scoreboard__reset{border-radius:11px}

.azwba-reference-ui .azwba-calendar{gap:9px}
.azwba-reference-ui .azwba-calendar__head{grid-template-columns:42px minmax(0,1fr) 42px}
.azwba-reference-ui .azwba-calendar__head strong{font-size:13px}
.azwba-reference-ui .azwba-calendar__head button{min-height:40px;border-radius:11px;background:#F8FBF9}
.azwba-reference-ui .azwba-calendar__weekdays{gap:4px}
.azwba-reference-ui .azwba-calendar__weekdays b{padding:5px 1px;font-size:7px}
.azwba-reference-ui .azwba-calendar__grid{gap:5px}
.azwba-reference-ui .azwba-calendar__day{min-height:38px;border-radius:10px;background:#fff;font-size:9px;box-shadow:0 2px 6px rgba(32,53,47,.035)}
.azwba-reference-ui .azwba-calendar__day[data-current="0"]{opacity:.28;background:#F7F9F8}
.azwba-reference-ui .azwba-calendar__day[data-today="1"]{border-color:#1E6F5C;background:#EEF7F3;font-weight:950}
.azwba-reference-ui .azwba-calendar__day[data-selected="1"]{border-color:#5A9FD4!important;background:#EAF5FC!important;box-shadow:0 0 0 3px rgba(90,159,212,.10)!important}
.azwba-reference-ui .azwba-calendar__today{min-height:40px;border-radius:11px;background:#1E6F5C;color:#fff;border:0}
.azwba-reference-ui .azwba-calendar__selected{min-height:38px;display:grid;place-items:center;border-radius:11px;background:#F4F9FD}












@media(max-width:520px){

 
 .azwba-reference-ui .azwba-scoreboard__teams,


 
 .azwba-reference-ui .azwba-group-maker__results{grid-template-columns:1fr}
}
@media(pointer:coarse){
 .azwba-reference-ui .azwba-random-picker-v2__actions button,

 .azwba-reference-ui .azwba-group-maker__actions button,

 .azwba-reference-ui .azwba-scoreboard__controls button,

 .azwba-reference-ui .azwba-calendar__day,

 .azwba-reference-ui .azwba-calendar__head button,

 .azwba-reference-ui .azwba-calendar__today{min-height:44px}
}


/* AZWB_WIDGET_VISUAL_REFACTOR_V4 */
/* AZWB_LEGACY_REFERENCE_WIDGET_VISUALS_REMOVED_V37: superseded board-only styles removed; settings and accessibility rules remain elsewhere. */

/* AZWB_SPECIALTOOLS_VISUAL_REFACTOR_V5 */
/* Unified content insert popover */
.azwba-reference-ui .azwba-content-menu{
 width:310px;padding:10px;border:1px solid #DCE8E3;border-radius:16px;background:rgba(255,255,255,.985);color:#20352F;
 box-shadow:0 20px 52px rgba(20,43,36,.22);backdrop-filter:blur(18px)
}
.azwba-reference-ui .azwba-content-menu-head{padding:4px 4px 10px}
.azwba-reference-ui .azwba-content-menu-head strong{display:block;color:#20352F;font-size:12px;font-weight:950}
.azwba-reference-ui .azwba-content-menu-head small{display:block;margin-top:2px;color:#7A8D86;font-size:8px;font-weight:700;line-height:1.5}
.azwba-reference-ui .azwba-content-menu-grid{gap:8px}
.azwba-reference-ui .azwba-content-menu-grid button{
 min-height:78px;gap:7px;padding:8px 5px;border:1px solid #E0EAE6;border-radius:13px;background:linear-gradient(180deg,#fff,#F9FCFB);color:#294C41;
 box-shadow:0 4px 12px rgba(32,53,47,.04);transition:transform .15s ease,border-color .15s ease,background .15s ease
}
.azwba-reference-ui .azwba-content-menu-grid button:hover{transform:translateY(-1px);border-color:#9FC9BC;background:#EEF7F3}
.azwba-reference-ui .azwba-content-menu-grid button>span{width:34px;height:34px;color:#1E6F5C}
.azwba-reference-ui .azwba-content-menu-grid button>span svg{width:30px;height:30px}
.azwba-reference-ui .azwba-content-menu-grid button>small{color:#36564C;font-size:9px;font-weight:900}
.azwba-reference-ui .azwba-content-voice-row{margin-top:10px;padding:10px 4px 2px;border-top:1px solid #E7EFEC}
.azwba-reference-ui .azwba-content-voice-row>span{color:#657A73}
.azwba-reference-ui .azwba-content-voice-lang{height:34px;border:1px solid #D8E5E0;border-radius:9px;background:#fff;color:#294C41}

/* Sticky + mind-node modals */
.azwba-reference-ui .azwba-special-modal{background:rgba(13,25,21,.38);backdrop-filter:blur(8px)}
.azwba-reference-ui .azwba-special-box{width:min(520px,94vw);border-radius:20px;box-shadow:0 30px 85px rgba(20,43,36,.26)}
.azwba-reference-ui .azwba-special-box>header{min-height:56px;padding:12px 16px;background:linear-gradient(135deg,#F7FBF9,#FBFDFB)}
.azwba-reference-ui .azwba-special-box>header strong{font-size:15px;font-weight:950}
.azwba-reference-ui .azwba-special-box>header button{width:36px;height:36px;border-radius:10px}
.azwba-reference-ui .azwba-special-body{gap:13px;padding:17px}
.azwba-reference-ui .azwba-special-body textarea,

.azwba-reference-ui .azwba-special-input{min-height:46px;border-radius:12px;background:#FBFDFC;font-size:13px}
.azwba-reference-ui .azwba-special-body textarea{min-height:130px}
.azwba-reference-ui .azwba-sticky-colors{gap:9px;padding:4px 0}
.azwba-reference-ui .azwba-sticky-colors button{width:40px;height:40px;border-radius:12px;box-shadow:0 4px 10px rgba(32,53,47,.07)}
.azwba-reference-ui .azwba-sticky-colors button.is-active{border-color:#1E6F5C;box-shadow:0 0 0 3px rgba(30,111,92,.10)}
.azwba-reference-ui .azwba-special-primary{min-height:46px;border-radius:12px;background:#1E6F5C;box-shadow:0 7px 16px rgba(30,111,92,.16)}

/* Video tool */
.azwba-reference-ui .azwba-video-float{
 top:76px;width:min(720px,92vw);border:1px solid #DCE8E3;border-radius:20px;background:#fff;box-shadow:0 28px 80px rgba(20,43,36,.27)
}
.azwba-reference-ui .azwba-video-float>header{min-height:54px;padding:10px 14px;background:linear-gradient(135deg,#F8FBFA,#F3F8F6)}
.azwba-reference-ui .azwba-video-float>header strong{gap:8px;color:#20352F;font-size:13px;font-weight:950}
.azwba-reference-ui .azwba-video-float>header strong svg{width:22px;height:22px;color:#1E6F5C}
.azwba-reference-ui .azwba-video-float>header button{width:34px;height:34px;border-radius:10px}
.azwba-reference-ui .azwba-video-tabs{display:flex;gap:6px;padding:10px 12px 0;background:#fff}
.azwba-reference-ui .azwba-video-tabs button{min-height:34px;padding:0 14px;border:1px solid #DCE8E3;border-radius:999px;background:#fff;color:#60736D;font:900 9px Cairo,sans-serif;cursor:pointer}
.azwba-reference-ui .azwba-video-tabs button.is-active{border-color:#A9D0C3;background:#EAF4F0;color:#1E6F5C}
.azwba-reference-ui .azwba-video-pane{padding:2px 2px 0}
.azwba-reference-ui .azwba-video-controls{gap:8px;padding:10px 12px}
.azwba-reference-ui .azwba-video-controls input{min-height:42px;border-radius:11px;background:#FBFDFC}
.azwba-reference-ui .azwba-video-controls button,

.azwba-reference-ui .azwba-video-device button{min-height:42px;border-radius:10px;background:#1E6F5C;box-shadow:0 6px 14px rgba(30,111,92,.14)}
.azwba-reference-ui .azwba-video-device{padding:10px 12px}
.azwba-reference-ui .azwba-video-session-note{margin:0 12px 10px;padding:8px 10px;border:1px solid #F0DFAC;border-radius:10px;background:#FFF9E8}
.azwba-reference-ui .azwba-video-stage{min-height:330px;margin:0 12px 12px;border-radius:15px;background:linear-gradient(145deg,#131C19,#090E0C);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.azwba-reference-ui .azwba-video-stage iframe,

.azwba-reference-ui .azwba-video-stage video{height:100%;min-height:330px;object-fit:contain}
.azwba-reference-ui .azwba-video-stage span{color:#C6D3CE;font-size:11px}

/* Camera tool */
.azwba-reference-ui .azwba-camera-float{
 top:76px;right:16px;width:min(390px,88vw);border-radius:20px;border-color:#DCE8E3;box-shadow:0 25px 70px rgba(20,43,36,.25)
}
.azwba-reference-ui .azwba-camera-float>header{min-height:54px;padding:10px 12px;background:linear-gradient(135deg,#F8FBFA,#F3F8F6)}
.azwba-reference-ui .azwba-camera-float>header strong{gap:8px;font-size:13px;font-weight:950}
.azwba-reference-ui .azwba-camera-float>header strong svg{width:22px;height:22px;color:#1E6F5C}
.azwba-reference-ui .azwba-camera-float>header button{min-height:34px;border-radius:10px}
.azwba-reference-ui .azwba-camera-stage{aspect-ratio:16/10;background:linear-gradient(145deg,#111916,#080D0B)}
.azwba-reference-ui .azwba-camera-stage span{right:12px;left:12px;bottom:12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(8,14,12,.74);backdrop-filter:blur(6px)}

/* Better keyboard focus for this surface */
.azwba-reference-ui .azwba-content-menu button:focus-visible,


.azwba-reference-ui .azwba-special-box button:focus-visible,


.azwba-reference-ui .azwba-video-float button:focus-visible,


.azwba-reference-ui .azwba-camera-float button:focus-visible{outline:3px solid rgba(90,159,212,.25);outline-offset:2px}

@media(max-width:760px){
 .azwba-reference-ui .azwba-content-menu{width:min(300px,92vw)}
 .azwba-reference-ui .azwba-content-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .azwba-reference-ui .azwba-video-float{top:48px;width:96vw}
 .azwba-reference-ui .azwba-video-stage,

 .azwba-reference-ui .azwba-video-stage iframe,

 .azwba-reference-ui .azwba-video-stage video{min-height:220px}
 .azwba-reference-ui .azwba-camera-float{top:48px;right:6px;width:min(360px,94vw)}
}
@media(pointer:coarse){
 .azwba-reference-ui .azwba-content-menu-grid button,

 .azwba-reference-ui .azwba-video-tabs button,

 .azwba-reference-ui .azwba-video-controls button,

 .azwba-reference-ui .azwba-video-device button,

 .azwba-reference-ui .azwba-camera-float>header button,

 .azwba-reference-ui .azwba-special-primary{min-height:44px}
}


/* AZWB_SHELL_VISUAL_REFACTOR_V6 */
/* Dock popovers */
.azwba-reference-ui .azwba-dock-menu{
 padding:12px;border:1px solid #DCE8E3;border-radius:17px;background:rgba(255,255,255,.985);color:#20352F;
 box-shadow:0 22px 60px rgba(20,43,36,.24);backdrop-filter:blur(18px)
}
.azwba-reference-ui .azwba-dock-menu>strong{margin:0 0 3px;padding:0 3px;color:#20352F;font-size:13px;font-weight:950}
.azwba-reference-ui .azwba-dock-menu-note{display:block;margin:0 0 10px;padding:0 3px;color:#7C8F88;font-size:8px;font-weight:700;line-height:1.45}
.azwba-reference-ui .azwba-dock-menu-grid{gap:7px}
.azwba-reference-ui .azwba-dock-menu-grid button{
 min-height:68px;gap:6px;padding:7px 4px;border:1px solid #E0E9E6;border-radius:12px;background:linear-gradient(180deg,#fff,#F9FCFB);
 color:#294C41;box-shadow:0 3px 10px rgba(32,53,47,.035);transition:transform .14s ease,border-color .14s ease,background .14s ease
}
.azwba-reference-ui .azwba-dock-menu-grid button:hover{transform:translateY(-1px);border-color:#A5CDBF;background:#EEF7F3}
.azwba-reference-ui .azwba-dock-menu-grid button>span{width:30px;height:30px;color:#1E6F5C}
.azwba-reference-ui .azwba-dock-menu-grid button>span svg{width:27px;height:27px}
.azwba-reference-ui .azwba-dock-menu-grid button small{color:#45635A;font-size:8.5px;font-weight:900}


/* Persistent widget chrome */
.azwba-reference-ui .azwba-board-widget{
 border-color:#DCE7E3;border-radius:18px;background:rgba(255,255,255,.99);
 box-shadow:0 14px 34px rgba(28,59,51,.13);transition:box-shadow .14s ease,border-color .14s ease
}
.azwba-reference-ui .azwba-board-widget.is-selected{border-color:#78B8A4;box-shadow:0 0 0 3px rgba(30,111,92,.11),0 18px 40px rgba(28,59,51,.16)}
.azwba-reference-ui .azwba-board-widget.is-dragging,

.azwba-reference-ui .azwba-board-widget.is-resizing{box-shadow:0 22px 48px rgba(28,59,51,.22)}
.azwba-reference-ui .azwba-board-widget__head{
 min-height:44px;gap:8px;padding:6px 9px;border-bottom-color:#E5ECE9;background:linear-gradient(180deg,#FBFDFC,#F5F9F7)
}
.azwba-reference-ui .azwba-board-widget__icon{
 width:30px;height:30px;flex-basis:30px;border:1px solid #D8E7E1;border-radius:9px;background:#EEF7F3;color:#1E6F5C
}
.azwba-reference-ui .azwba-board-widget__icon svg{width:22px;height:22px}
.azwba-reference-ui .azwba-board-widget__head strong{font-size:11px;color:#29483F}
.azwba-reference-ui .azwba-board-widget__scope{min-height:28px;padding:3px 8px;border-radius:999px;background:#fff}
.azwba-reference-ui .azwba-board-widget__scope[aria-pressed="true"]{border-color:#A8CFC2;background:#EAF4F0}
.azwba-reference-ui .azwba-board-widget__body{padding:11px}
.azwba-reference-ui .azwba-board-widget__resize{right:4px;bottom:4px;width:22px;height:22px;border-radius:7px;background:rgba(255,255,255,.72)}
.azwba-reference-ui .azwba-board-widget__resize::before{right:4px;bottom:4px;width:9px;height:9px;border-color:#6E8C82}

/* Legacy floating utility widget chrome */
.azwba-reference-ui .azwba-widget{border-color:#DCE7E3;border-radius:18px;box-shadow:0 24px 65px rgba(20,43,36,.22)}
.azwba-reference-ui .azwba-widget>header{min-height:48px;padding:8px 10px 8px 13px;background:linear-gradient(180deg,#FBFDFC,#F5F9F7)}
.azwba-reference-ui .azwba-widget>header>span{width:30px;height:30px;border:1px solid #D8E7E1;border-radius:9px;background:#EEF7F3;color:#1E6F5C}
.azwba-reference-ui .azwba-widget>header>span svg{width:22px;height:22px}
.azwba-reference-ui .azwba-widget>header>strong{font-size:13px;color:#29483F}
.azwba-reference-ui .azwba-widget>header>button{width:34px;height:34px;border-radius:10px}
.azwba-reference-ui .azwba-widget-body{padding:15px}

/* Large asset library modal */
.azwba-reference-ui .azwba-lib-modal{padding:18px;background:rgba(11,22,18,.38);backdrop-filter:blur(8px)}
.azwba-reference-ui .azwba-lib-box{width:min(1040px,96vw);max-height:min(800px,91vh);border-radius:22px;box-shadow:0 34px 100px rgba(20,43,36,.27)}
.azwba-reference-ui .azwba-lib-head{min-height:62px;padding:14px 18px;background:linear-gradient(135deg,#F8FBFA,#F3F8F6)}
.azwba-reference-ui .azwba-lib-head h3{font-size:18px}
.azwba-reference-ui .azwba-lib-close{width:38px;height:38px;border-radius:11px}
.azwba-reference-ui .azwba-lib-tabs{gap:8px;padding:11px 16px}
.azwba-reference-ui .azwba-lib-tab{min-height:36px;padding:0 15px;font-size:11px}
.azwba-reference-ui .azwba-lib-body{padding:18px;background:#F7FAF8}
.azwba-reference-ui .azwba-lib-grid{gap:14px}
.azwba-reference-ui .azwba-lib-grid.is-backgrounds,

.azwba-reference-ui .azwba-lib-grid.is-education{grid-template-columns:repeat(4,minmax(0,1fr))}
.azwba-reference-ui .azwba-lib-grid.is-templates{grid-template-columns:repeat(3,minmax(0,1fr))}
.azwba-reference-ui .azwba-lib-item{gap:9px;padding:10px;border-radius:15px;background:#fff;box-shadow:0 4px 12px rgba(32,53,47,.035)}
.azwba-reference-ui .azwba-lib-item:hover:not(:disabled){border-color:#86BAA9;box-shadow:0 10px 28px rgba(30,111,92,.10);transform:translateY(-2px)}
.azwba-reference-ui .azwba-lib-item>span:last-child{font-size:10px;color:#415F56}
.azwba-reference-ui .azwba-lib-item img{display:block;width:100%;height:auto;object-fit:cover;border-radius:10px;background:#F4F7F6}

@media(max-width:760px){
 .azwba-reference-ui .azwba-lib-grid.is-backgrounds,

 .azwba-reference-ui .azwba-lib-grid.is-education{grid-template-columns:repeat(2,minmax(0,1fr))}
 .azwba-reference-ui .azwba-lib-grid.is-templates{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:430px){
 .azwba-reference-ui .azwba-lib-box{width:98vw}
 .azwba-reference-ui .azwba-lib-body{padding:11px}
}
@media(pointer:coarse){
 .azwba-reference-ui .azwba-dock-menu-grid button,

 .azwba-reference-ui .azwba-lib-tab,

 .azwba-reference-ui .azwba-lib-close,

 .azwba-reference-ui .azwba-board-widget__scope{min-height:44px}
}


/* AZWB_PDF_ORIGINAL_IDENTITY_V41
   Edutech Document Console — proprietary PDF navigation and page rail. */
.azwba-reference-ui{
 --azpdf-accent:#6366F1;
 --azpdf-accent-2:#22C55E;
 --azpdf-ink:#1F2937;
 --azpdf-muted:#64748B;
 --azpdf-line:#E2E8F0;
 --azpdf-bg:#FFFFFF
}
.azwba-reference-ui .azwba-pdf-toolbar{
 top:64px;
 gap:6px;
 max-width:min(1080px,94vw);
 min-height:54px;
 padding:7px 9px;
 overflow:visible;
 border:1px solid color-mix(in srgb,var(--azpdf-accent) 16%,var(--azpdf-line));
 border-radius:18px 7px 18px 7px;
 background:linear-gradient(135deg,rgba(255,255,255,.988),rgba(248,250,252,.975));
 color:var(--azpdf-ink);
 box-shadow:0 18px 46px rgba(15,23,42,.16);
 backdrop-filter:blur(18px)
}
.azwba-reference-ui .azwba-pdf-toolbar::before{
 content:"";
 align-self:stretch;
 width:4px;
 margin-inline:2px 3px;
 border-radius:999px;
 background:linear-gradient(180deg,var(--azpdf-accent),var(--azpdf-accent-2));
 box-shadow:0 0 12px color-mix(in srgb,var(--azpdf-accent) 18%,transparent)
}
.azwba-reference-ui .azwba-pdf-icon,

.azwba-reference-ui .azwba-pdf-zoom-label{
 height:36px;
 min-width:36px;
 padding:0 8px;
 border:1px solid var(--azpdf-line);
 border-radius:10px 4px 10px 4px;
 background:linear-gradient(145deg,#fff,#F8FAFC);
 color:color-mix(in srgb,var(--azpdf-ink) 72%,var(--azpdf-accent) 28%);
 font-size:10px;
 box-shadow:none
}
.azwba-reference-ui .azwba-pdf-icon svg{width:18px;height:18px}
.azwba-reference-ui .azwba-pdf-icon:hover:not(:disabled),

.azwba-reference-ui .azwba-pdf-zoom-label:hover{
 border-color:color-mix(in srgb,var(--azpdf-accent) 38%,var(--azpdf-line));
 background:color-mix(in srgb,var(--azpdf-accent) 7%,#fff);
 color:var(--azpdf-accent)
}
.azwba-reference-ui .azwba-pdf-icon:disabled{opacity:.34;background:#F8FAFC}
.azwba-reference-ui .azwba-pdf-icon.is-active,

.azwba-reference-ui .azwba-pdf-lock.is-active{
 border-color:var(--azpdf-accent);
 background:color-mix(in srgb,var(--azpdf-accent) 11%,#fff);
 color:var(--azpdf-accent);
 box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--azpdf-accent) 12%,transparent)
}
.azwba-reference-ui .azwba-pdf-files{
 width:min(240px,27vw);
 height:36px;
 padding:0 11px;
 border:1px solid var(--azpdf-line);
 border-radius:11px 5px 11px 5px;
 background:#fff;
 color:var(--azpdf-ink);
 font-family:inherit;
 font-size:9px;
 font-weight:850;
 outline:none
}
.azwba-reference-ui .azwba-pdf-files:focus,

.azwba-reference-ui .azwba-pdf-page-input:focus{
 border-color:var(--azpdf-accent);
 box-shadow:0 0 0 3px color-mix(in srgb,var(--azpdf-accent) 10%,transparent)
}
.azwba-reference-ui .azwba-pdf-page-input{
 width:54px;
 height:36px;
 padding:0 5px;
 border:1px solid var(--azpdf-line);
 border-radius:9px 4px 9px 4px;
 background:#fff;
 color:var(--azpdf-ink);
 font-size:10px;
 font-weight:950
}
.azwba-reference-ui .azwba-pdf-count{
 min-width:38px;
 color:var(--azpdf-muted);
 font-size:9px;
 font-weight:850
}
.azwba-reference-ui .azwba-pdf-zoom-label{
 min-width:58px;
 background:color-mix(in srgb,var(--azpdf-accent) 8%,#fff);
 color:var(--azpdf-accent);
 font-variant-numeric:tabular-nums
}
.azwba-reference-ui .azwba-pdf-reconnect{
 min-height:36px;
 padding:0 11px;
 border:1px solid color-mix(in srgb,#F59E0B 48%,var(--azpdf-line));
 border-radius:11px 5px 11px 5px;
 background:color-mix(in srgb,#F59E0B 9%,#fff);
 color:#8A5808;
 font-size:8.5px;
 font-weight:950;
 box-shadow:none
}
.azwba-reference-ui .azwba-pdf-reconnect:hover{
 background:color-mix(in srgb,#F59E0B 15%,#fff);
 border-color:#D99A12
}
.azwba-reference-ui .azwba-pdf-show-tab{
 top:64px;
 min-height:36px;
 padding:0 16px;
 border:1px solid color-mix(in srgb,var(--azpdf-accent) 18%,var(--azpdf-line));
 border-top:0;
 border-radius:0 0 14px 5px;
 background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--azpdf-accent) 5%,#fff));
 color:var(--azpdf-accent);
 font-size:9px;
 font-weight:900;
 box-shadow:0 8px 22px rgba(15,23,42,.13)
}

/* PDF page rail — document stack rather than generic cards */
.azwba-reference-ui .azwba-pdf-thumbs{
 top:124px;
 left:12px;
 bottom:76px;
 width:202px;
 overflow:hidden;
 border:1px solid color-mix(in srgb,var(--azpdf-accent) 14%,var(--azpdf-line));
 border-radius:8px 18px 8px 18px;
 background:rgba(255,255,255,.988);
 color:var(--azpdf-ink);
 box-shadow:0 20px 50px rgba(15,23,42,.16);
 backdrop-filter:blur(18px)
}
.azwba-reference-ui .azwba-pdf-thumbs::before{
 content:"";
 position:absolute;
 z-index:3;
 top:0;
 left:0;
 bottom:0;
 width:4px;
 background:linear-gradient(180deg,var(--azpdf-accent),var(--azpdf-accent-2))
}
.azwba-reference-ui .azwba-pdf-thumbs>header{
 min-height:50px;
 padding:7px 9px 7px 15px;
 border-bottom:1px solid var(--azpdf-line);
 background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--azpdf-accent) 5%,#F8FAFC))
}
.azwba-reference-ui .azwba-pdf-thumbs>header strong{
 color:var(--azpdf-ink);
 font-size:10px;
 font-weight:950
}
.azwba-reference-ui .azwba-pdf-thumbs>header button{
 width:34px;
 height:34px;
 border:1px solid var(--azpdf-line);
 border-radius:10px 4px 10px 4px;
 background:#fff;
 color:var(--azpdf-muted)
}
.azwba-reference-ui .azwba-pdf-thumbs>header button:hover{
 border-color:color-mix(in srgb,var(--azpdf-accent) 30%,var(--azpdf-line));
 background:color-mix(in srgb,var(--azpdf-accent) 7%,#fff);
 color:var(--azpdf-accent)
}
.azwba-reference-ui .azwba-pdf-thumbs-list{
 grid-template-columns:1fr;
 gap:10px;
 height:calc(100% - 50px);
 padding:11px 10px 11px 13px;
 background:linear-gradient(180deg,#F8FAFC,#F3F6FA);
 scrollbar-width:thin;
 scrollbar-color:color-mix(in srgb,var(--azpdf-accent) 26%,#CBD5E1) transparent
}
.azwba-reference-ui .azwba-pdf-thumb{
 position:relative;
 gap:7px;
 padding:8px;
 overflow:hidden;
 border:1px solid var(--azpdf-line);
 border-radius:7px 14px 7px 14px;
 background:#fff;
 color:var(--azpdf-muted);
 box-shadow:0 4px 12px rgba(15,23,42,.045);
 transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease
}
.azwba-reference-ui .azwba-pdf-thumb::after{
 content:"";
 position:absolute;
 top:8px;
 right:8px;
 width:7px;
 height:7px;
 border-radius:3px 1px 3px 1px;
 background:color-mix(in srgb,var(--azpdf-accent) 35%,#fff);
 opacity:.65
}
.azwba-reference-ui .azwba-pdf-thumb:hover{
 transform:translateY(-1px);
 border-color:color-mix(in srgb,var(--azpdf-accent) 34%,var(--azpdf-line));
 box-shadow:0 8px 20px color-mix(in srgb,var(--azpdf-accent) 8%,transparent)
}
.azwba-reference-ui .azwba-pdf-thumb.is-active{
 border-color:var(--azpdf-accent);
 background:color-mix(in srgb,var(--azpdf-accent) 7%,#fff);
 color:var(--azpdf-accent);
 box-shadow:0 0 0 3px color-mix(in srgb,var(--azpdf-accent) 8%,transparent),0 8px 20px rgba(15,23,42,.07)
}
.azwba-reference-ui .azwba-pdf-thumb i{
 border:1px solid color-mix(in srgb,var(--azpdf-accent) 9%,var(--azpdf-line));
 border-radius:5px 11px 5px 11px;
 background-color:#FAFAF7;
 box-shadow:0 5px 12px rgba(15,23,42,.07)
}
.azwba-reference-ui .azwba-pdf-thumb span{
 display:inline-grid;
 place-items:center;
 align-self:center;
 min-width:28px;
 height:22px;
 padding:0 7px;
 border-radius:8px 3px 8px 3px;
 background:#F1F5F9;
 color:var(--azpdf-muted);
 font-size:8px;
 font-weight:950
}
.azwba-reference-ui .azwba-pdf-thumb.is-active span{
 background:var(--azpdf-accent);
 color:#fff
}
.azwba-reference-ui .azwba-pdf-toolbar .azwba-pdf-count{margin-inline-end:2px}
.azwba-reference-ui .azwba-pdf-toolbar .azwba-pdf-lock{margin-inline-start:3px}
.azwba-reference-ui .azwba-pdf-toolbar .azwba-pdf-reconnect{margin-inline-start:3px}

@media(max-width:980px){
 .azwba-reference-ui .azwba-pdf-toolbar{
  top:54px;
  left:8px;
  right:8px;
  max-width:none;
  min-height:50px;
  padding:6px 7px;
  transform:none;
  overflow-x:auto;
  justify-content:flex-start;
  scrollbar-width:none
 }
 .azwba-reference-ui .azwba-pdf-toolbar::-webkit-scrollbar{display:none}
 .azwba-reference-ui .azwba-pdf-files{width:165px;min-width:165px}
 .azwba-reference-ui .azwba-pdf-thumbs{top:112px;left:6px;bottom:62px;width:178px}
 .azwba-reference-ui .azwba-pdf-show-tab{top:54px}
}
@media(max-width:760px){
 .azwba-reference-ui .azwba-pdf-toolbar{top:48px;min-height:50px;padding:4px 6px}
 .azwba-reference-ui .azwba-pdf-icon,

 .azwba-reference-ui .azwba-pdf-zoom-label,

 .azwba-reference-ui .azwba-pdf-page-input,

 .azwba-reference-ui .azwba-pdf-files{height:40px;min-height:40px}
 .azwba-reference-ui .azwba-pdf-files{width:140px;min-width:140px}
 .azwba-reference-ui .azwba-pdf-reconnect{min-height:40px}
 .azwba-reference-ui .azwba-pdf-thumbs{top:104px;left:0;bottom:58px;width:164px;border-radius:0 14px 14px 0}
 .azwba-reference-ui .azwba-pdf-show-tab{top:48px;min-height:40px}
}
@media(pointer:coarse){
 .azwba-reference-ui .azwba-pdf-toolbar .azwba-pdf-icon,

 .azwba-reference-ui .azwba-pdf-toolbar .azwba-pdf-zoom-label,

 .azwba-reference-ui .azwba-pdf-thumbs>header button{
  min-width:44px;width:44px;min-height:44px;height:44px
 }
 .azwba-reference-ui .azwba-pdf-files,

 .azwba-reference-ui .azwba-pdf-page-input,

 .azwba-reference-ui .azwba-pdf-reconnect,

 .azwba-reference-ui .azwba-pdf-show-tab{min-height:44px;height:44px}
}


/* AZWB_QURAN_MENU_VISUAL_REFACTOR_V8 */
/* Quran launcher menu — light shell with a restrained Mushaf identity */
.azwba-reference-ui .azq-topmenu{
 width:292px;padding:10px;border:1px solid #DED9CD;border-radius:16px;
 background:rgba(255,255,252,.99);color:#343B36;
 box-shadow:0 20px 56px rgba(45,42,31,.20);backdrop-filter:blur(16px)
}
.azwba-reference-ui .azq-topmenu.is-open{display:grid;gap:8px}
.azwba-reference-ui .azq-topmenu>button{
 grid-template-columns:42px minmax(0,1fr);gap:10px;min-height:68px;padding:9px 11px;
 border:1px solid #E6E1D6;border-radius:13px;background:linear-gradient(180deg,#fff,#FCFAF4);color:#3E5148;
 text-align:right;box-shadow:0 3px 10px rgba(61,54,39,.035);transition:transform .14s ease,border-color .14s ease,background .14s ease
}
.azwba-reference-ui .azq-topmenu>button:hover{
 transform:translateY(-1px);border-color:#D8C68F;background:#FFF8E8;color:#76581C
}
.azwba-reference-ui .azq-topmenu>button>span{
 width:38px;height:38px;border:1px solid #E6DAB8;border-radius:11px;background:#FFF7E2;color:#9A7428
}
.azwba-reference-ui .azq-topmenu>button>span svg{width:24px;height:24px}
.azwba-reference-ui .azq-topmenu strong{color:#354A41;font-size:11px;font-weight:950}
.azwba-reference-ui .azq-topmenu small{margin-top:3px;color:#7D8B84;font-size:8.5px;font-weight:700;line-height:1.55}
.azwba-reference-ui .azq-topmenu>button:hover strong{color:#76581C}
@media(max-width:520px){
 .azwba-reference-ui .azq-topmenu{width:min(292px,92vw)}
 .azwba-reference-ui .azq-topmenu>button{min-height:64px}
}
@media(pointer:coarse){
 .azwba-reference-ui .azq-topmenu>button{min-height:68px}
}


/* AZWB_INTERACTION_VISUAL_REFACTOR_V7 */
.azwba-reference-ui .azwba-widget--interaction .azwba-widget-body{padding:12px;background:#F8FBF9}
.azwba-reference-ui .azwba-interaction-hub{gap:12px;min-width:0}
.azwba-reference-ui .azwba-interaction-tabs{
 display:flex;grid-template-columns:none;gap:7px;padding:5px;border:1px solid #DDE9E4;border-radius:14px;
 background:#FFF;overflow-x:auto;scrollbar-width:none;overscroll-behavior-inline:contain
}
.azwba-reference-ui .azwba-interaction-tabs::-webkit-scrollbar{display:none}
.azwba-reference-ui .azwba-interaction-tabs button{
 flex:1 1 86px;min-width:74px;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
 padding:6px;border:1px solid transparent;border-radius:11px;background:transparent;color:#60736D;
 font:800 9px Cairo,sans-serif;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease
}
.azwba-reference-ui .azwba-interaction-tabs button:hover{background:#F2F8F5;color:#294C41;transform:translateY(-1px)}
.azwba-reference-ui .azwba-interaction-tabs button.is-active{
 border-color:#A7CEC1;background:linear-gradient(180deg,#EEF7F3,#E7F3EE);color:#1E6F5C;box-shadow:0 4px 10px rgba(30,111,92,.08)
}
.azwba-reference-ui .azwba-interaction-tabs button>span{display:grid;place-items:center;width:25px;height:25px}
.azwba-reference-ui .azwba-interaction-tabs button>span svg{width:24px;height:24px}
.azwba-reference-ui .azwba-interaction-tabs button>small{font:900 9px/1.2 Cairo,sans-serif;color:inherit}
.azwba-reference-ui .azwba-interaction-content{
 min-height:250px;padding:12px;border:1px solid #E2EBE7;border-radius:15px;background:#FFF;
 box-shadow:0 7px 20px rgba(32,53,47,.045)
}

/* Reaction controls use the exact same Unicode emoji that the live effect renders. */
.azwba-reference-ui .azwba-reaction-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.azwba-reference-ui .azwba-reaction-grid button{
 min-height:108px;gap:7px;padding:10px 6px;border-radius:15px;background:linear-gradient(180deg,#FFF,#FAFCFB);
 box-shadow:0 5px 14px rgba(32,53,47,.045)
}
.azwba-reference-ui .azwba-reaction-grid button:hover:not(:disabled){border-color:#8FC5B4;background:#F3FAF7;box-shadow:0 9px 22px rgba(30,111,92,.10)}
.azwba-reference-ui .azwba-reaction-grid button:disabled{opacity:.56;cursor:wait}
.azwba-reference-ui .azwba-reaction-visual{
 display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#F7FAF9;
 box-shadow:inset 0 0 0 1px #E5ECE9
}
.azwba-reference-ui .azwba-reaction-visual strong{
 display:block;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
 font-size:40px;font-weight:400;line-height:1
}
.azwba-reference-ui .azwba-reaction-grid button>span:last-child{font-size:10px;font-weight:900;color:#36564C}

/* Student overview */
.azwba-reference-ui .azwba-student-hub{gap:11px}
.azwba-reference-ui .azwba-student-summary{
 grid-template-columns:auto minmax(0,1fr) auto;gap:12px;padding:14px;border-radius:15px;
 background:linear-gradient(135deg,#F4FAF7,#F9FCFB);box-shadow:inset 0 0 0 1px #DCE8E3
}
.azwba-reference-ui .azwba-student-avatar{
 width:50px;height:50px;border:4px solid #FFF;background:linear-gradient(145deg,#1E6F5C,#2F8F73);
 box-shadow:0 6px 14px rgba(30,111,92,.16);font-size:19px
}
.azwba-reference-ui .azwba-student-summary strong{font-size:14px}
.azwba-reference-ui .azwba-student-summary>b{
 min-width:64px;padding:8px 10px;border:1px solid #D7E8E1;border-radius:12px;background:#FFF;text-align:center;font-size:22px
}
.azwba-reference-ui .azwba-live-stat{
 min-height:42px;padding:8px 11px;border:1px solid #E2EBE7;border-radius:11px;background:#FAFCFB
}
.azwba-reference-ui .azwba-live-awards{gap:7px}
.azwba-reference-ui .azwba-live-awards button{
 min-height:48px;border-radius:11px;background:#EEF7F3;box-shadow:0 3px 9px rgba(30,111,92,.05)
}

/* Task workspace and assignment forms */
.azwba-reference-ui .azwba-task-workspace{display:grid;gap:11px}
.azwba-reference-ui .azwba-task-workspace-nav{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:5px;border:1px solid #E0EAE6;border-radius:12px;background:#F8FBF9
}
.azwba-reference-ui .azwba-task-workspace-nav button{
 min-height:38px;padding:5px 7px;border:1px solid transparent;border-radius:9px;background:transparent;color:#61776F;
 font:850 9px Cairo,sans-serif;cursor:pointer
}
.azwba-reference-ui .azwba-task-workspace-nav button.is-active{border-color:#B5D5CA;background:#FFF;color:#1E6F5C;box-shadow:0 3px 9px rgba(32,53,47,.05)}
.azwba-reference-ui .azwba-task-workspace-body{min-width:0}
.azwba-reference-ui .azwba-assignment-form{gap:11px}
.azwba-reference-ui .azwba-assignment-form label{gap:6px}
.azwba-reference-ui .azwba-assignment-form input,

.azwba-reference-ui .azwba-assignment-form textarea{
 min-height:42px;border-radius:11px;background:#FBFDFC
}
.azwba-reference-ui .azwba-assignment-form textarea{min-height:100px}
.azwba-reference-ui .azwba-assignment-submit{min-height:46px;border-radius:11px;box-shadow:0 7px 16px rgba(30,111,92,.16)}
.azwba-reference-ui .azwba-live-tasks-list{gap:8px}
.azwba-reference-ui .azwba-live-task-row{
 min-height:62px;padding:10px 12px;border-radius:12px;background:#FFF;box-shadow:0 4px 12px rgba(32,53,47,.04)
}
.azwba-reference-ui .azwba-task-approve{min-height:38px;border-radius:9px;box-shadow:0 4px 10px rgba(30,111,92,.12)}

@media(max-width:760px){
 .azwba-reference-ui .azwba-widget--interaction .azwba-widget-body{padding:9px}
 .azwba-reference-ui .azwba-interaction-tabs{padding:4px}
 .azwba-reference-ui .azwba-interaction-tabs button{flex:0 0 84px;min-width:84px;min-height:56px}
 .azwba-reference-ui .azwba-interaction-content{min-height:220px;padding:9px}
 .azwba-reference-ui .azwba-reaction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .azwba-reference-ui .azwba-task-workspace-nav{grid-template-columns:1fr}
 .azwba-reference-ui .azwba-student-summary{grid-template-columns:auto minmax(0,1fr)}
 .azwba-reference-ui .azwba-student-summary>b{grid-column:1/-1;width:100%;box-sizing:border-box}
}
@media(max-width:420px){
 .azwba-reference-ui .azwba-reaction-grid{grid-template-columns:1fr 1fr}
}
@media(pointer:coarse){
 .azwba-reference-ui .azwba-interaction-tabs button,

 .azwba-reference-ui .azwba-reaction-grid button,

 .azwba-reference-ui .azwba-task-workspace-nav button,

 .azwba-reference-ui .azwba-live-awards button,

 .azwba-reference-ui .azwba-task-approve{min-height:44px}
}


/* AZWB_MAGNETIC_ORIGINAL_IDENTITY_V36
   Edutech Learning Tokens — custom floating library for letters,



marks and numbers. */
.azwba-reference-ui .azwba-widget[data-widget="magnetic"]{
 width:min(450px,calc(100vw - 24px))!important;
 max-width:calc(100vw - 24px)!important
}
.azwba-reference-ui .azwba-widget[data-widget="magnetic"] .azwba-widget-body{
 padding:12px!important;
 background:
  radial-gradient(circle at 88% 8%,rgba(99,102,241,.08),transparent 28%),
  linear-gradient(155deg,#FFFFFF,#F8FAFC)!important
}
.azwba-reference-ui .azwba-magnetic{
 --mag-accent:#6366F1;
 --mag-ink:#1F2937;
 --mag-soft:#EEF2FF;
 display:grid!important;
 gap:12px!important
}
.azwba-reference-ui .azwba-magnetic-tabs{
 position:relative;
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:6px!important;
 margin:0!important;
 padding:5px!important;
 overflow:hidden;
 border:1px solid #E2E8F0!important;
 border-radius:15px 7px 15px 7px!important;
 background:linear-gradient(145deg,#F8FAFC,#FFFFFF)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important
}
.azwba-reference-ui .azwba-magnetic-tabs::after{
 content:"";
 position:absolute;
 left:8%;
 right:8%;
 bottom:2px;
 height:2px;
 border-radius:999px;
 background:linear-gradient(90deg,transparent,var(--mag-accent),transparent);
 opacity:.22;
 pointer-events:none
}
.azwba-reference-ui .azwba-magnetic-tabs button{
 min-height:40px!important;
 padding:7px 8px!important;
 border:1px solid transparent!important;
 border-radius:11px 5px 11px 5px!important;
 background:transparent!important;
 color:#64748B!important;
 font:850 11px/1.2 Cairo,sans-serif!important;
 cursor:pointer!important;
 transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease!important
}
.azwba-reference-ui .azwba-magnetic-tabs button:hover{
 background:#FFFFFF!important;
 color:#334155!important;
 transform:translateY(-1px)!important
}
.azwba-reference-ui .azwba-magnetic-tabs button.is-active{
 border-color:color-mix(in srgb,var(--mag-accent) 32%,#E2E8F0)!important;
 background:linear-gradient(145deg,color-mix(in srgb,#FFFFFF 86%,var(--mag-accent) 14%),#FFFFFF)!important;
 color:var(--mag-accent)!important;
 box-shadow:0 5px 14px rgba(15,23,42,.06)!important
}
.azwba-reference-ui .azwba-mag-grid{
 display:grid!important;
 grid-template-columns:repeat(auto-fit,minmax(42px,1fr))!important;
 gap:8px!important;
 padding:11px!important;
 border:1px solid #E2E8F0!important;
 border-radius:18px 8px 18px 8px!important;
 background:
  linear-gradient(145deg,#FBFDFF,#F3F6FB)!important;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.65)!important
}
.azwba-reference-ui .azwba-mag-tile{
 --token-accent:#6366F1;
 position:relative!important;
 display:grid!important;
 place-items:center!important;
 aspect-ratio:1!important;
 min-width:0!important;
 min-height:0!important;
 padding:0!important;
 overflow:hidden!important;
 border:1px solid color-mix(in srgb,var(--token-accent) 28%,#CBD5E1)!important;
 background:linear-gradient(145deg,
  color-mix(in srgb,#FFFFFF 86%,var(--token-accent) 14%),
  #FFFFFF
 )!important;
 color:var(--mag-ink)!important;
 font:950 clamp(23px,5vw,31px)/1 Cairo,sans-serif!important;
 cursor:pointer!important;
 box-shadow:
  inset 0 1px 0 rgba(255,255,255,.85),
  0 5px 12px rgba(15,23,42,.07)!important;
 transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease!important
}
.azwba-reference-ui .azwba-mag-tile::before{
 content:"";
 position:absolute;
 top:8%;
 left:10%;
 width:27%;
 height:7%;
 border-radius:999px;
 background:color-mix(in srgb,var(--token-accent) 42%,transparent);
 transform:rotate(-14deg)
}
.azwba-reference-ui .azwba-mag-tile::after{
 content:"";
 position:absolute;
 right:9%;
 bottom:8%;
 width:13%;
 aspect-ratio:1;
 border-radius:3px 1px 3px 1px;
 background:var(--token-accent);
 opacity:.55
}
.azwba-reference-ui .azwba-mag-tile[data-tone="0"]{
 --token-accent:#6366F1;
 border-radius:18px 7px 18px 7px!important
}
.azwba-reference-ui .azwba-mag-tile[data-tone="1"]{
 --token-accent:#0EA5E9;
 border-radius:50%!important
}
.azwba-reference-ui .azwba-mag-tile[data-tone="2"]{
 --token-accent:#EAB308;
 border-radius:0!important;
 clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%)
}
.azwba-reference-ui .azwba-mag-tile[data-tone="3"]{
 --token-accent:#10B981;
 border-radius:10px 22px 10px 22px!important
}
.azwba-reference-ui .azwba-magnetic[data-set="harakat"] .azwba-mag-tile{
 font-size:clamp(28px,6vw,36px)!important
}
.azwba-reference-ui .azwba-magnetic[data-set="numbers"] .azwba-mag-tile{
 font-family:Arial,Cairo,sans-serif!important;
 font-size:clamp(22px,4.6vw,29px)!important
}
.azwba-reference-ui .azwba-mag-tile:hover:not(:disabled){
 transform:translateY(-3px) rotate(-1deg)!important;
 border-color:var(--token-accent)!important;
 box-shadow:0 9px 20px color-mix(in srgb,var(--token-accent) 14%,transparent)!important
}
.azwba-reference-ui .azwba-mag-tile:active:not(:disabled){
 transform:translateY(1px) scale(.94)!important;
 box-shadow:0 2px 5px rgba(15,23,42,.10)!important
}
.azwba-reference-ui .azwba-mag-tile:disabled{opacity:.52!important;cursor:wait!important}
.azwba-reference-ui .azwba-magnetic-note{
 position:relative;
 min-height:38px!important;
 display:flex!important;
 align-items:center!important;
 padding:8px 12px 8px 34px!important;
 border:1px solid #E2E8F0!important;
 border-radius:11px 5px 11px 5px!important;
 background:#F8FAFC!important;
 color:#64748B!important;
 font:750 10px/1.55 Cairo,sans-serif!important
}
.azwba-reference-ui .azwba-magnetic-note::before{
 content:"";
 position:absolute;
 left:12px;
 width:10px;
 height:10px;
 border-radius:4px 1px 4px 1px;
 background:var(--mag-accent);
 box-shadow:8px 0 0 color-mix(in srgb,var(--mag-accent) 45%,#FFFFFF)
}
@media(max-width:620px){
 .azwba-reference-ui .azwba-mag-grid{grid-template-columns:repeat(auto-fit,minmax(40px,1fr))!important}
}
@media(max-width:430px){
 .azwba-reference-ui .azwba-widget[data-widget="magnetic"]{width:calc(100vw - 16px)!important}
 .azwba-reference-ui .azwba-mag-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important}
 .azwba-reference-ui .azwba-mag-tile{font-size:24px!important}
}
@media(pointer:coarse){
 .azwba-reference-ui .azwba-magnetic-tabs button{min-height:44px!important}
 .azwba-reference-ui .azwba-mag-tile{min-height:44px!important}
}


/* AZWB_REFERENCE_STATIC_CSS_V1 */
/* Static replacement for legacy runtime-injected reference-suite CSS. */

/* Shared library section headers */
.azwba-reference-ui .azwba-ref-bg-sec h3 small{
 display:inline-grid;place-items:center;min-width:28px;height:22px;padding:0 7px;border-radius:999px;
 background:#EAF4F0;color:#1E6F5C;font-size:10px;font-weight:900
}

/* Library tabs */
.azwba-reference-ui .azwba-ref-bg-tabs{
 display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;overscroll-behavior-inline:contain
}
.azwba-reference-ui .azwba-ref-bg-tabs::-webkit-scrollbar{display:none}
.azwba-reference-ui .azwba-ref-bg-tabs button{
 flex:0 0 auto;min-height:32px;padding:0 10px;border:1px solid #DCE8E3;border-radius:999px;
 background:#F8FBF9;color:#526C63;font:900 9px Cairo,sans-serif;cursor:pointer
}
.azwba-reference-ui .azwba-ref-bg-tabs button:hover{border-color:#A8CFC2;background:#EEF7F3;color:#1E6F5C}
.azwba-reference-ui .azwba-ref-bg-tabs button.is-active{
 border-color:#1E6F5C;background:#1E6F5C;color:#fff
}

/* Background library */
.azwba-reference-ui .azwba-ref-bg-grid{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:430px;overflow:auto
}
.azwba-reference-ui .azwba-ref-bg-card{
 display:grid;gap:7px;padding:7px;border:1px solid #E0E9E6;border-radius:13px;background:#fff;color:#294C41;
 cursor:pointer;box-shadow:0 4px 12px rgba(32,53,47,.035);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease
}
.azwba-reference-ui .azwba-ref-bg-card:hover{transform:translateY(-1px);border-color:#9FC9BC;box-shadow:0 8px 20px rgba(30,111,92,.08)}
.azwba-reference-ui .azwba-ref-bg-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:9px;background:#F5F8F7}
.azwba-reference-ui .azwba-ref-bg-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#415F56;font:900 8.5px Cairo,sans-serif}
.azwba-reference-ui .azwba-ref-bg-card[hidden]{display:none!important}

/* Timetable structural rules */
.azwba-reference-ui .azwba-timetable-v1{display:grid}
.azwba-reference-ui .azwba-timetable-v1__head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.azwba-reference-ui .azwba-timetable-v1>[data-tt-list]{display:grid;overflow:auto}
.azwba-reference-ui .azwba-timetable-v1__row{display:grid;align-items:center}
.azwba-reference-ui .azwba-timetable-v1__row input{
 min-width:0;padding:5px 7px;border:1px solid #D7E5E0;color:#20352F;font:800 9px Cairo,sans-serif
}
.azwba-reference-ui .azwba-timetable-v1__row button{display:grid;place-items:center;cursor:pointer}

/* Event countdown / calendar structural rules */






.azwba-reference-ui .azwba-calendar__day:is(button){cursor:pointer}
.azwba-reference-ui .azwba-calendar__selected{border:1px solid #DDE8E4;color:#526C63;text-align:center;font:800 8px/1.5 Cairo,sans-serif}

/* Touch targets — no legacy physical dock height overrides */
@media(pointer:coarse){
 .azwba-reference-ui .azwba-dock-menu-grid button,
 .azwba-reference-ui .azwba-content-menu-grid button,
 .azwba-reference-ui .azwba-ref-bg-card,
 .azwba-reference-ui .azwba-ref-bg-tabs button{min-height:44px}
 .azwba-reference-ui .azwba-panel-disclosure>summary{min-height:48px}
 .azwba-reference-ui .azwba-timetable-v1__head button,
 .azwba-reference-ui .azwba-timetable-v1__row input,
 .azwba-reference-ui .azwba-timetable-v1__row button,
 .azwba-reference-ui .azwba-calendar__day:is(button){min-height:44px}
}
@media(max-width:640px){
 .azwba-reference-ui .azwba-ref-bg-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:430px){
 .azwba-reference-ui .azwba-ref-bg-grid{grid-template-columns:1fr}
}


/* AZWB_QURAN_RETRY_UX_V1 */
.azq-reader-retry{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.azq-reader-retry button{
 min-height:38px;padding:0 15px;border:1px solid #A8CFC2;border-radius:9px;background:#EAF4F0;color:#1E6F5C;
 font-family:inherit;font-size:10px;font-weight:900;cursor:pointer
}
.azq-reader-retry button:hover{border-color:#1E6F5C;background:#1E6F5C;color:#fff}
@media(pointer:coarse){.azq-reader-retry button{min-height:44px}}


/* Quran reader and Mushaf coarse-pointer touch targets. */
@media(pointer:coarse){
 /* Quran reader and Mushaf actions use compact desktop controls by default; expand only on coarse pointers. */
 .azwba-app .azq-reader>header button,
 .azwba-app .azq-reader-controls select,
 .azwba-app .azq-reader-controls button,
 .azwba-app .azq-reader-search input,
 .azwba-app .azq-reader-search button,
 .azwba-app .azq-reader>footer button,
 .azwba-app .azq-mushaf-top button,
 .azwba-app .azq-goto button,
 .azwba-app .azq-goto input,
 .azwba-app .azq-surahs input,
 .azwba-app .azq-surah-row,
 .azwba-app .azq-page-retry button{
  min-height:44px
 }
 .azwba-app .azq-reader>header button,
 .azwba-app .azq-mushaf-top button{
  min-width:44px
 }
 .azwba-app .azq-drawtools input[type="color"]{
  width:44px;height:44px;min-width:44px;min-height:44px
 }
}
@media(pointer:coarse) and (max-width:760px){
 /* Do not let the compact mobile close rule shrink below the coarse-pointer target. */
 .azwba-app .azq-close{
  width:44px;min-width:44px;height:44px;min-height:44px
 }
}


/* AZWB_WIDGET_CHROME_CLASSROOMSCREEN_V4 */
.azwba-app .azwba-board-widget{
 --azwba-widget-select:#6366F1;
 min-width:0!important;
 min-height:0!important;
 overflow:visible!important;
 border:0!important;
 border-radius:0!important;
 background:transparent!important;
 box-shadow:none!important;
 isolation:visible
}
.azwba-app .azwba-board-widget__surface{
 position:absolute;
 inset:0;
 width:100%;
 height:100%;
 overflow:hidden;
 border-radius:9px;
 background:#fff;
 box-shadow:0 2px 7px rgba(15,23,42,.10);
 transform:rotate(var(--azwba-widget-rotation,0deg));
 transform-origin:center center;
 container-type:size;
 touch-action:none
}
.azwba-app .azwba-board-widget.is-selected .azwba-board-widget__surface{
 box-shadow:0 0 0 2px var(--azwba-widget-select),0 4px 12px rgba(15,23,42,.08)
}
.azwba-app .azwba-board-widget.is-dragging .azwba-board-widget__surface,

.azwba-app .azwba-board-widget.is-resizing .azwba-board-widget__surface,

.azwba-app .azwba-board-widget.is-rotating .azwba-board-widget__surface{
 box-shadow:0 0 0 2px var(--azwba-widget-select),0 10px 24px rgba(15,23,42,.14)
}
.azwba-app .azwba-board-widget__body{
 width:100%!important;
 height:100%!important;
 min-height:0!important;
 padding:0!important;
 overflow:hidden!important;
 border:0!important;
 border-radius:inherit!important;
 background:transparent!important
}
.azwba-app .azwba-board-widget__toolbar{
 position:absolute;
 z-index:30;
 top:-42px;
 left:50%;
 display:none;
 align-items:center;
 gap:0;
 min-height:34px;
 padding:2px;
 border:1px solid #D1D5DB;
 border-radius:8px;
 background:#fff;
 box-shadow:0 4px 12px rgba(15,23,42,.14);
 transform:translateX(-50%);
 direction:ltr;
 white-space:nowrap
}
.azwba-app .azwba-board-widget.is-selected .azwba-board-widget__toolbar{display:flex}
.azwba-app .azwba-board-widget__toolbar button{
 display:grid;
 place-items:center;
 width:30px;
 height:30px;
 min-width:30px;
 min-height:30px;
 padding:5px;
 border:0;
 border-radius:6px;
 background:transparent;
 color:#4B5563;
 cursor:pointer
}
.azwba-app .azwba-board-widget__toolbar button:hover:not(:disabled){background:#F3F4F6;color:#111827}
.azwba-app .azwba-board-widget__toolbar button:focus-visible{outline:2px solid #818CF8;outline-offset:1px}
.azwba-app .azwba-board-widget__toolbar button:disabled{opacity:.38;cursor:not-allowed}
.azwba-app .azwba-board-widget__toolbar svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor}
.azwba-app .azwba-board-widget__more-menu{
 position:absolute;
 z-index:34;
 top:-4px;
 left:50%;
 display:grid;
 width:max-content;
 min-width:180px;
 gap:4px;
 padding:6px;
 border:1px solid #D1D5DB;
 border-radius:10px;
 background:#fff;
 box-shadow:0 12px 28px rgba(15,23,42,.16);
 transform:translate(-50%,100%);
 direction:rtl
}
.azwba-app .azwba-board-widget__more-menu[hidden]{display:none!important}
.azwba-app .azwba-board-widget__more-menu button{
 min-height:38px;
 padding:8px 10px;
 border:0;
 border-radius:7px;
 background:transparent;
 color:#374151;
 font:700 11px/1.5 Cairo,sans-serif;
 text-align:right;
 cursor:pointer
}
.azwba-app .azwba-board-widget__more-menu button:hover:not(:disabled){background:#F3F4F6}
.azwba-app .azwba-board-widget__handle{
 position:absolute;
 z-index:28;
 display:none;
 width:13px;
 height:13px;
 min-width:13px;
 min-height:13px;
 padding:0;
 border:2px solid var(--azwba-widget-select);
 border-radius:50%;
 background:#fff;
 box-shadow:0 1px 3px rgba(15,23,42,.14);
 touch-action:none
}
.azwba-app .azwba-board-widget.is-selected .azwba-board-widget__handle:not([hidden]){display:block}
.azwba-app .azwba-board-widget__handle--nw{top:-7px;left:-7px;cursor:nwse-resize}
.azwba-app .azwba-board-widget__handle--ne{top:-7px;right:-7px;cursor:nesw-resize}
.azwba-app .azwba-board-widget__handle--sw{bottom:-7px;left:-7px;cursor:nesw-resize}
.azwba-app .azwba-board-widget__handle--se{right:-7px;bottom:-7px;cursor:nwse-resize}
.azwba-app .azwba-board-widget__rotate{
 position:absolute;
 z-index:28;
 top:50%;
 right:-33px;
 display:none;
 place-items:center;
 width:24px;
 height:24px;
 min-width:24px;
 min-height:24px;
 padding:0;
 border:2px solid var(--azwba-widget-select);
 border-radius:50%;
 background:#fff;
 color:var(--azwba-widget-select);
 font:900 15px/1 Arial,sans-serif;
 box-shadow:0 2px 5px rgba(15,23,42,.12);
 transform:translateY(-50%);
 cursor:grab;
 touch-action:none
}
.azwba-app .azwba-board-widget.is-selected .azwba-board-widget__rotate:not([hidden]){display:grid}
.azwba-app .azwba-board-widget__rotate:active{cursor:grabbing}

/* Configuration lives in the settings drawer,


not inside the object on the board. */
.azwba-app .azwba-board-widget__body [class*="__settings"],


.azwba-app .azwba-board-widget__body details[class*="__advanced"],


.azwba-app .azwba-board-widget__body [class*="__sound"],


.azwba-app .azwba-board-widget__body .azwba-random-picker-v2__remember,


.azwba-app .azwba-board-widget__body [data-azwb-settings-source]{display:none!important}

/* Timer: board view contains only the actual widget surface. */
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2{
 display:block!important;
 width:100%!important;
 height:100%!important;
 min-height:0!important;
 padding:0!important;
 margin:0!important;
 gap:0!important;
 --azwb-timer-accent:#6366F1
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2__presets,

.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2__custom,

.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2__actions,

.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2__settings{display:none!important}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2__hero{
 width:100%;
 height:100%;
 min-height:0;
 padding:5cqh 3.2cqw;
 gap:2.5cqw;
 grid-template-columns:minmax(0,25%) minmax(0,1fr) minmax(30px,11%);
 border:0;
 border-radius:8px;
 background:#fff;
 box-sizing:border-box
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2__visual{width:100%;height:100%}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2__ring{
 width:min(78cqh,23cqw)!important;
 max-width:none!important;
 min-width:0!important;
 height:auto!important;
 aspect-ratio:1;
 border-radius:50%
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2__ring::after{inset:7%!important}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2__display{height:100%;gap:1cqh}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2__digits{
 grid-template-columns:repeat(2,minmax(0,1fr)) minmax(7px,4%) repeat(2,minmax(0,1fr));
 height:100%
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2__digits>div{
 grid-template-rows:22% 56% 22%;
 height:100%
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2__digits button{
 width:min(10cqh,32px);
 height:min(10cqh,30px);
 min-height:0;
 font-size:min(10cqh,27px)
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2__digits b{
 font-size:min(30cqh,8.2cqw);
 line-height:.9
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2__digits em{
 font-size:min(27cqh,7.5cqw)
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2__display>small{display:none}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2__primary{gap:3cqh}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2__primary button{
 width:min(19cqh,44px);
 height:min(19cqh,44px);
 min-height:0;
 border-width:1.5px
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2__primary .is-play{
 border-top-width:min(4cqh,8px);
 border-bottom-width:min(4cqh,8px);
 border-left-width:min(6cqh,12px)
}
.azwba-app .azwba-timer-v2.theme-green{--azwb-timer-accent:#10B981}
.azwba-app .azwba-timer-v2.theme-blue{--azwb-timer-accent:#3B82F6}
.azwba-app .azwba-timer-v2.theme-gold{--azwb-timer-accent:#F59E0B}
.azwba-app .azwba-timer-v2.theme-indigo{--azwb-timer-accent:#6366F1}
.azwba-app .azwba-timer-v2.theme-teal{--azwb-timer-accent:#14B8A6}
.azwba-app .azwba-timer-v2.theme-orange{--azwb-timer-accent:#F97316}
.azwba-app .azwba-timer-v2.theme-pink{--azwb-timer-accent:#EC4899}
.azwba-app .azwba-timer-v2.theme-red{--azwb-timer-accent:#EF4444}
.azwba-app .azwba-timer-v2.theme-purple{--azwb-timer-accent:#8B5CF6}
.azwba-app .azwba-timer-v2.theme-navy{--azwb-timer-accent:#334155}

/* Traffic light: the image itself fills the proportional widget frame. */
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light{
 width:100%;
 height:100%;
 min-height:0;
 padding:5%;
 gap:3%;
 grid-template-rows:minmax(0,1fr) auto;
 box-sizing:border-box;
 background:#fff
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__housing{
 width:auto;
 height:100%;
 max-width:100%;
 max-height:100%;
 aspect-ratio:.43;
 padding:9% 10%;
 gap:5%;
 border-width:clamp(2px,1.2cqw,4px);
 border-radius:18%/8%;
 box-sizing:border-box
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__state>span{
 border-width:clamp(2px,1cqw,4px)
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__caption{
 min-height:0;
 font-size:min(5cqh,13px);
 line-height:1.2
}
.azwba-app .azwba-traffic-light.design-signal .azwba-traffic-light__housing{
 position:relative;
 border-radius:10%;
 background:#242933;
 box-shadow:inset 4px 4px 8px rgba(255,255,255,.08),inset -6px -8px 13px rgba(0,0,0,.28),0 7px 14px rgba(15,23,42,.16)
}
.azwba-app .azwba-traffic-light.design-signal .azwba-traffic-light__housing:before,

.azwba-app .azwba-traffic-light.design-signal .azwba-traffic-light__housing:after{
 content:"";
 position:absolute;
 top:14%;
 bottom:14%;
 width:13%;
 border:2px solid #111827;
 background:#343A46
}
.azwba-app .azwba-traffic-light.design-signal .azwba-traffic-light__housing:before{right:100%;border-radius:8px 0 0 8px}
.azwba-app .azwba-traffic-light.design-signal .azwba-traffic-light__housing:after{left:100%;border-radius:0 8px 8px 0}
.azwba-app .azwba-traffic-light.design-yellow .azwba-traffic-light__housing{
 border-color:#CA8A04;
 background:linear-gradient(145deg,#FACC15,#EAB308)
}
.azwba-app .azwba-traffic-light.design-outline .azwba-traffic-light__housing{
 border-color:#374151;
 background:#F8FAFC;
 box-shadow:inset 0 0 0 2px #fff,0 5px 12px rgba(15,23,42,.08)
}
.azwba-app .azwba-traffic-light.theme-blue{--widget-theme:#2563EB}
.azwba-app .azwba-traffic-light.theme-green{--widget-theme:#059669}
.azwba-app .azwba-traffic-light.theme-gold{--widget-theme:#D97706}
.azwba-app .azwba-traffic-light.theme-indigo{--widget-theme:#4F46E5}
.azwba-app .azwba-traffic-light.theme-teal{--widget-theme:#0D9488}
.azwba-app .azwba-traffic-light.theme-orange{--widget-theme:#EA580C}
.azwba-app .azwba-traffic-light.theme-pink{--widget-theme:#DB2777}
.azwba-app .azwba-traffic-light.theme-red{--widget-theme:#DC2626}
.azwba-app .azwba-traffic-light.theme-purple{--widget-theme:#7C3AED}
.azwba-app .azwba-traffic-light.theme-navy{--widget-theme:#1E293B}
.azwba-app .azwba-traffic-light__caption{color:var(--widget-theme,#1F2937)}

/* Direct widget settings drawer. */
.azwba-app .azwba-widget-settings-drawer{
 position:fixed;
 z-index:560;
 top:0;
 right:0;
 bottom:0;
 display:flex;
 flex-direction:column;
 width:min(430px,100vw);
 height:100dvh;
 border-left:1px solid #E5E7EB;
 background:#fff;
 color:#111827;
 box-shadow:-14px 0 36px rgba(15,23,42,.14);
 direction:rtl
}
.azwba-app .azwba-widget-settings-drawer[hidden]{display:none!important}
.azwba-app .azwba-widget-settings-drawer__header{
 flex:0 0 auto;
 display:grid;
 grid-template-columns:42px minmax(0,1fr) 42px;
 align-items:center;
 gap:10px;
 min-height:64px;
 padding:10px 14px;
 border-bottom:1px solid #E5E7EB;
 background:#F3F4F6
}
.azwba-app .azwba-widget-settings-drawer__header>strong{
 overflow:hidden;
 color:#111827;
 font:800 16px/1.3 Cairo,sans-serif;
 text-align:center;
 text-overflow:ellipsis;
 white-space:nowrap
}
.azwba-app .azwba-widget-settings-drawer__icon{
 display:grid;
 place-items:center;
 width:34px;
 height:34px;
 color:#111827
}
.azwba-app .azwba-widget-settings-drawer__icon svg{display:block;width:24px;height:24px}
.azwba-app .azwba-widget-settings-drawer__header>button{
 display:grid;
 place-items:center;
 width:32px;
 height:32px;
 min-width:32px;
 padding:6px;
 border:1px solid #D1D5DB;
 border-radius:50%;
 background:#fff;
 color:#4B5563;
 cursor:pointer
}
.azwba-app .azwba-widget-settings-drawer__header>button svg{width:17px;height:17px}
.azwba-app .azwba-widget-settings-drawer__body{
 flex:1 1 auto;
 min-height:0;
 overflow-y:auto;
 overscroll-behavior:contain;
 scrollbar-width:thin;
 background:#fff
}
.azwba-app .azwba-widget-settings__specific,

.azwba-app .azwba-widget-settings__common{display:block}
.azwba-app .azwba-widget-settings__section{
 display:flex;
 flex-direction:column;
 gap:12px;
 padding:17px 17px 19px;
 border-bottom:1px solid #E5E7EB
}
.azwba-app .azwba-widget-settings__section-head{
 display:flex;
 flex-direction:column;
 gap:3px
}
.azwba-app .azwba-widget-settings__section-head strong{
 color:#1F2937;
 font:800 12px/1.45 Cairo,sans-serif
}
.azwba-app .azwba-widget-settings__section-head small{
 color:#6B7280;
 font:600 9px/1.5 Cairo,sans-serif
}
.azwba-app .azwba-widget-settings__field{
 display:flex;
 min-width:0;
 flex-direction:column;
 gap:6px;
 margin:0
}
.azwba-app .azwba-widget-settings__label{color:#374151;font:700 10px/1.4 Cairo,sans-serif}
.azwba-app .azwba-widget-settings__field>small{color:#6B7280;font-size:8.5px}
.azwba-app .azwba-widget-settings__field input:not([type="checkbox"]):not([type="radio"]),

.azwba-app .azwba-widget-settings__field select,

.azwba-app .azwba-widget-settings__select,

.azwba-app .azwba-widget-settings__specific-block input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),

.azwba-app .azwba-widget-settings__specific-block select,

.azwba-app .azwba-widget-settings__specific-block textarea{
 width:100%;
 min-height:38px;
 padding:7px 9px;
 border:1px solid #D1D5DB;
 border-radius:6px;
 background:#fff;
 color:#374151;
 font:600 10px/1.4 Cairo,sans-serif;
 box-sizing:border-box
}
.azwba-app .azwba-widget-settings__row{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:8px
}
.azwba-app .azwba-widget-settings__toggle{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:14px;
 width:100%;
 min-height:34px;
 padding:3px 0;
 border:0;
 background:transparent;
 color:#374151;
 font:inherit;
 text-align:right;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__toggle>span{
 display:flex;
 min-width:0;
 flex-direction:column;
 gap:2px
}
.azwba-app .azwba-widget-settings__toggle strong{font-size:10px;font-weight:700}
.azwba-app .azwba-widget-settings__toggle small{color:#6B7280;font-size:8.5px;line-height:1.4}
.azwba-app .azwba-widget-settings__toggle>i{
 position:relative;
 flex:0 0 29px;
 width:29px;
 height:16px;
 border-radius:999px;
 background:#E5E7EB;
 transition:background .14s ease
}
.azwba-app .azwba-widget-settings__toggle>i:after{
 content:"";
 position:absolute;
 top:2px;
 right:2px;
 width:12px;
 height:12px;
 border-radius:50%;
 background:#fff;
 box-shadow:0 1px 2px rgba(0,0,0,.18);
 transition:transform .14s ease
}
.azwba-app .azwba-widget-settings__toggle[aria-pressed="true"]>i{background:#6366F1}
.azwba-app .azwba-widget-settings__toggle[aria-pressed="true"]>i:after{transform:translateX(-13px)}
.azwba-app .azwba-widget-settings__themes{
 display:grid;
 grid-template-columns:repeat(5,minmax(0,1fr));
 gap:7px
}
.azwba-app .azwba-widget-settings__theme{
 position:relative;
 display:grid;
 grid-template-rows:1fr auto auto;
 gap:4px;
 aspect-ratio:.82;
 min-height:58px;
 padding:7px;
 border:1px solid #D1D5DB;
 border-radius:7px;
 background:#fff;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__theme[aria-checked="true"]{
 border:2px solid #6366F1;
 padding:6px
}
.azwba-app .azwba-widget-settings__theme[aria-checked="true"]:before{
 content:"✓";
 position:absolute;
 top:5px;
 right:5px;
 display:grid;
 place-items:center;
 width:15px;
 height:15px;
 border-radius:50%;
 background:#6366F1;
 color:#fff;
 font:800 9px/1 Arial
}
.azwba-app .azwba-widget-settings__theme span{
 align-self:end;
 height:6px;
 border-radius:5px;
 background:#111827
}
.azwba-app .azwba-widget-settings__theme i{
 height:5px;
 border-radius:5px;
 background:var(--theme-a)
}
.azwba-app .azwba-widget-settings__theme em{
 justify-self:end;
 width:6px;
 height:6px;
 border-radius:50%;
 background:var(--theme-b)
}
.azwba-app .azwba-widget-settings__choices{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:7px
}
.azwba-app .azwba-widget-settings__choice{
 display:flex;
 min-width:0;
 flex-direction:column;
 align-items:center;
 justify-content:center;
 gap:5px;
 min-height:90px;
 padding:7px 4px;
 border:1px solid #D1D5DB;
 border-radius:7px;
 background:#fff;
 color:#374151;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__choice.is-active{border:2px solid #6366F1;padding:6px 3px}
.azwba-app .azwba-widget-settings__choice strong{font:700 8px/1.2 Cairo,sans-serif}
.azwba-app .azwba-widget-settings__choice>span{
 position:relative;
 display:block;
 width:34px;
 height:48px;
 border:2px solid #374151;
 border-radius:12px;
 background:linear-gradient(#7F1D1D 0 30%,#A16207 30% 63%,#166534 63%)
}
.azwba-app .azwba-widget-settings__choice .is-traffic-signal{border-radius:5px;background:linear-gradient(#7F1D1D 0 30%,#A16207 30% 63%,#166534 63%)}
.azwba-app .azwba-widget-settings__choice .is-traffic-yellow{border-color:#CA8A04;background:linear-gradient(#DC2626 0 30%,#A16207 30% 63%,#15803D 63%);box-shadow:inset 0 0 0 7px #FACC15}
.azwba-app .azwba-widget-settings__choice .is-traffic-outline{background:linear-gradient(#7F1D1D 0 30%,#A16207 30% 63%,#166534 63%);box-shadow:inset 0 0 0 7px #fff}
.azwba-app .azwba-widget-settings__choice .is-digital{
 width:48px;
 height:24px;
 border:0;
 border-radius:4px;
 background:#111827
}
.azwba-app .azwba-widget-settings__choice .is-ring{
 width:39px;
 height:39px;
 border:6px solid #6366F1;
 border-radius:50%;
 background:#fff
}
.azwba-app .azwba-widget-settings__line-action{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:12px;
 width:100%;
 min-height:46px;
 padding:7px 0;
 border:0;
 border-top:1px solid #F1F5F9;
 border-bottom:1px solid #F1F5F9;
 background:transparent;
 color:#374151;
 text-align:right;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__line-action>span{display:flex;flex-direction:column;gap:2px}
.azwba-app .azwba-widget-settings__line-action strong{font-size:10px}
.azwba-app .azwba-widget-settings__line-action small{color:#6B7280;font-size:8.5px}
.azwba-app .azwba-widget-settings__line-action b{font-size:20px;font-weight:400;color:#9CA3AF}
.azwba-app .azwba-widget-settings__specific-block{
 display:flex!important;
 flex-direction:column!important;
 gap:10px!important;
 margin:0!important;
 padding:17px!important;
 border:0!important;
 border-bottom:1px solid #E5E7EB!important;
 background:#fff!important
}
.azwba-app .azwba-widget-settings__specific-block>summary{
 min-height:32px;
 padding:0;
 list-style:none;
 color:#1F2937;
 font-size:11px;
 font-weight:800
}
.azwba-app .azwba-widget-settings__specific-block>summary::-webkit-details-marker{display:none}
.azwba-app .azwba-widget-settings__empty{
 margin:17px;
 padding:16px;
 border:1px dashed #D1D5DB;
 border-radius:8px;
 background:#F9FAFB;
 color:#6B7280;
 text-align:center
}
.azwba-app .azwba-widget-settings__empty strong,

.azwba-app .azwba-widget-settings__empty span{display:block}
.azwba-app .azwba-widget-settings__empty strong{margin-bottom:4px;color:#374151;font-size:11px}
.azwba-app .azwba-widget-settings__empty span{font-size:9px}
.azwba-app .azwba-widget-settings-drawer__footer{
 flex:0 0 auto;
 display:flex;
 align-items:center;
 justify-content:center;
 gap:6px;
 min-height:34px;
 padding:7px 12px;
 border-top:1px solid #E5E7EB;
 background:#FAFAFA;
 color:#9CA3AF
}
.azwba-app .azwba-widget-settings-drawer__footer>span:first-child{
 display:grid;
 place-items:center;
 width:14px;
 height:14px;
 border-radius:50%;
 background:#9CA3AF;
 color:#fff;
 font:800 9px/1 Arial
}
.azwba-app .azwba-widget-settings-drawer__footer small{font-size:8.5px}

@media(max-width:680px){
 .azwba-app .azwba-widget-settings-drawer{
  top:auto;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:min(86dvh,760px);
  border-top:1px solid #D1D5DB;
  border-left:0;
  border-radius:18px 18px 0 0;
  box-shadow:0 -14px 36px rgba(15,23,42,.18)
 }
 .azwba-app .azwba-widget-settings-drawer__header{min-height:58px}
 .azwba-app .azwba-widget-settings__section{padding:14px 14px 16px}
}
@media(pointer:coarse){
 .azwba-app .azwba-board-widget__toolbar{top:-52px;min-height:44px}
 .azwba-app .azwba-board-widget__toolbar button{width:40px;height:40px;min-width:40px;min-height:40px}
 .azwba-app .azwba-board-widget__handle{width:18px;height:18px;min-width:18px;min-height:18px}
 .azwba-app .azwba-board-widget__handle--nw{top:-9px;left:-9px}
 .azwba-app .azwba-board-widget__handle--ne{top:-9px;right:-9px}
 .azwba-app .azwba-board-widget__handle--sw{bottom:-9px;left:-9px}
 .azwba-app .azwba-board-widget__handle--se{right:-9px;bottom:-9px}
 .azwba-app .azwba-board-widget__rotate{right:-42px;width:34px;height:34px;min-width:34px;min-height:34px}
}


/* AZWB_WIDGET_CHROME_FLEX_FIX_V5 */
/* Widgets own their selection UI. The legacy canvas selection bar must never sit above them. */
.azwba-app .azwba-widget-selected .azwb-selectionbar{display:none!important}

/* Reset the original traffic-light button grid/active styles that survived the visual refactor. */
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__state{
 display:grid!important;
 grid-template-columns:1fr!important;
 grid-template-rows:1fr!important;
 place-items:center!important;
 width:100%!important;
 height:100%!important;
 min-width:0!important;
 min-height:0!important;
 padding:0!important;
 margin:0!important;
 border:0!important;
 border-radius:50%!important;
 background:transparent!important;
 color:inherit!important;
 box-shadow:none!important
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__state.is-active{
 border:0!important;
 background:transparent!important;
 font-weight:inherit!important;
 box-shadow:none!important
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__state>span{
 grid-column:1!important;
 grid-row:1!important;
 width:100%!important;
 height:100%!important;
 min-width:0!important;
 min-height:0!important;
 margin:0!important
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__state.is-active>span{
 opacity:1!important;
 transform:scale(1.02)!important
}


/* AZWB_ROTATED_TRANSFORM_FRAME_V6 */
.azwba-app .azwba-board-widget__transform{
 position:absolute;
 inset:0;
 width:100%;
 height:100%;
 overflow:visible;
 transform:rotate(var(--azwba-widget-rotation,0deg));
 transform-origin:center center;
 pointer-events:none
}
/* AZWB_PERSISTENT_PROPORTIONAL_WIDGET_SCALE_V33
   Keep every widget composition at its stored baseline size,

then scale the whole surface.
   This makes text,

SVG,

spacing,

borders and decorative details resize as one unit both
   during drag and after persistence/reload. Widget chrome remains UI-sized. */
.azwba-app .azwba-board-widget__surface{
 inset:auto!important;
 left:50%!important;
 top:50%!important;
 right:auto!important;
 bottom:auto!important;
 width:var(--azwba-design-width-pct,100%)!important;
 height:var(--azwba-design-height-pct,100%)!important;
 max-width:none!important;
 max-height:none!important;
 transform:translate3d(-50%,-50%,0) scale3d(var(--azwba-widget-scale-x,1),var(--azwba-widget-scale-y,1),1)!important;
 transform-origin:50% 50%!important;
 backface-visibility:hidden;
 -webkit-font-smoothing:antialiased;
 pointer-events:auto
}
.azwba-app .azwba-board-widget__handle,

.azwba-app .azwba-board-widget__rotate{
 pointer-events:auto
}

/* AZWB_ATOMIC_WIDGET_RESIZE_V32
   Resize now uses the same persistent baseline transform as the committed state.
   Only the outer frame geometry changes; the complete composition follows it atomically. */
.azwba-app .azwba-board-widget.is-resizing .azwba-board-widget__surface{
 width:var(--azwba-design-width-pct,100%)!important;
 height:var(--azwba-design-height-pct,100%)!important;
 transform:translate3d(-50%,-50%,0) scale3d(var(--azwba-widget-scale-x,1),var(--azwba-widget-scale-y,1),1)!important;
 will-change:transform;
 pointer-events:none!important
}
.azwba-app .azwba-board-widget.is-resizing,

.azwba-app .azwba-board-widget.is-resizing .azwba-board-widget__transform,

.azwba-app .azwba-board-widget.is-resizing .azwba-board-widget__surface,

.azwba-app .azwba-board-widget.is-resizing .azwba-board-widget__surface *,

.azwba-app .azwba-board-widget.is-resize-commit,

.azwba-app .azwba-board-widget.is-resize-commit .azwba-board-widget__transform,

.azwba-app .azwba-board-widget.is-resize-commit .azwba-board-widget__surface,

.azwba-app .azwba-board-widget.is-resize-commit .azwba-board-widget__surface *,

.azwba-app .azwba-board-widget-layer.azwba-resize-commit .azwba-board-widget,

.azwba-app .azwba-board-widget-layer.azwba-resize-commit .azwba-board-widget__transform,

.azwba-app .azwba-board-widget-layer.azwba-resize-commit .azwba-board-widget__surface,

.azwba-app .azwba-board-widget-layer.azwba-resize-commit .azwba-board-widget__surface *{
 transition:none!important;
 animation-play-state:paused!important;
 scroll-behavior:auto!important
}
.azwba-app .azwba-board-widget.is-resizing .azwba-board-widget__handle{
 pointer-events:auto!important
}


.azwba-app .azwba-widget-settings__sound-row{
 display:grid;
 grid-template-columns:minmax(0,1fr) 36px;
 gap:7px;
 align-items:end
}
.azwba-app .azwba-widget-settings__preview{
 display:grid;
 place-items:center;
 width:36px;
 height:36px;
 min-width:36px;
 padding:0;
 border:1px solid #D1D5DB;
 border-radius:50%;
 background:#fff;
 color:#4B5563;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__preview:hover{background:#F9FAFB;border-color:#9CA3AF}
.azwba-app .azwba-widget-settings__stepper{
 display:grid;
 grid-template-columns:34px 42px 34px;
 align-items:center;
 justify-content:start;
 gap:8px;
 direction:ltr
}
.azwba-app .azwba-widget-settings__stepper button{
 display:grid;
 place-items:center;
 width:34px;
 height:34px;
 min-width:34px;
 padding:0;
 border:1px solid #D1D5DB;
 border-radius:50%;
 background:#fff;
 color:#374151;
 font:500 20px/1 Arial,sans-serif;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__stepper button:disabled{opacity:.35;cursor:not-allowed}
.azwba-app .azwba-widget-settings__stepper output{
 display:grid;
 place-items:center;
 height:34px;
 color:#374151;
 font:700 11px/1 Arial,sans-serif;
 font-variant-numeric:tabular-nums
}
.azwba-app .azwba-widget-settings__indicator{
 display:grid;
 gap:8px;
 padding-top:4px
}
.azwba-app .azwba-widget-settings__radio-line{
 display:grid;
 grid-template-columns:16px minmax(0,1fr) 58px auto;
 align-items:center;
 gap:7px;
 margin:0;
 color:#4B5563;
 font-size:9px;
 line-height:1.4
}
.azwba-app .azwba-widget-settings__radio-line input[type="radio"]{
 width:14px;
 height:14px;
 margin:0;
 accent-color:#6366F1
}
.azwba-app .azwba-widget-settings__radio-line input[type="number"]{
 width:58px;
 min-height:32px;
 padding:4px 6px;
 border:1px solid #D1D5DB;
 border-radius:6px;
 background:#fff;
 color:#374151;
 font:600 9px/1 Arial,sans-serif
}
.azwba-app .azwba-widget-settings__radio-line b{
 min-width:22px;
 color:#6B7280;
 font-size:8px;
 font-weight:700
}
.azwba-app .azwba-widget-settings__theme{
 background:var(--theme-bg,#fff)!important
}
.azwba-app .azwba-widget-settings__subhead{
 margin-top:8px;
 color:#374151;
 font-size:10px;
 font-weight:800
}
.azwba-app .azwba-widget-settings__custom-theme-btn{
 align-self:start;
 min-height:36px;
 padding:7px 12px;
 border:1px solid #9CA3AF;
 border-radius:999px;
 background:#fff;
 color:#374151;
 font:700 9px/1.3 Cairo,sans-serif;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__custom-theme-btn:hover{background:#F9FAFB}
.azwba-app .azwba-widget-settings__custom-theme{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:8px;
 align-items:end;
 margin-top:2px;
 padding:10px;
 border:1px solid #E5E7EB;
 border-radius:8px;
 background:#F9FAFB
}
.azwba-app .azwba-widget-settings__custom-theme[hidden]{display:none!important}
.azwba-app .azwba-widget-settings__custom-theme input[type="color"]{
 width:100%;
 height:34px;
 padding:2px;
 border:1px solid #D1D5DB;
 border-radius:6px;
 background:#fff;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__custom-theme>button{
 grid-column:1/-1;
 min-height:34px;
 border:0;
 border-radius:7px;
 background:#6366F1;
 color:#fff;
 font:800 9px/1.3 Cairo,sans-serif;
 cursor:pointer
}
@media(max-width:680px){
 .azwba-app .azwba-widget-settings__themes{grid-template-columns:repeat(5,minmax(0,1fr))}
 .azwba-app .azwba-widget-settings__custom-theme{grid-template-columns:1fr}
 .azwba-app .azwba-widget-settings__custom-theme>button{grid-column:auto}
}


/* AZWB_DIGITAL_TIMER_ORIGINAL_IDENTITY_V30C
   Edutech Time Deck — digital timer identity with true proportional scaling. */
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2:not(.is-ring){
 container-type:size;
 container-name:digital-timer-widget;
 background:
  radial-gradient(circle at 8% 16%,color-mix(in srgb,var(--azwb-timer-accent) 9%,transparent),transparent 27%),
  linear-gradient(155deg,var(--azwb-timer-bg),color-mix(in srgb,var(--azwb-timer-bg) 96%,var(--azwb-timer-accent) 4%))!important;
 color:var(--azwb-timer-ink)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2:not(.is-ring) .azwba-timer-v2__hero{
 position:relative!important;
 display:grid!important;
 grid-template-columns:minmax(0,22%) minmax(0,1fr) minmax(0,12%)!important;
 grid-template-rows:1fr!important;
 align-items:stretch!important;
 width:100%!important;
 height:100%!important;
 min-width:0!important;
 min-height:0!important;
 gap:min(3cqw,3cqh,12px)!important;
 padding:min(5cqh,3.5cqw,15px)!important;
 overflow:hidden!important;
 border:0!important;
 border-radius:0!important;
 background:transparent!important;
 box-sizing:border-box!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2:not(.is-ring) .azwba-timer-v2__hero::before{
 content:"";
 position:absolute;
 left:0;
 top:18%;
 bottom:18%;
 width:min(1cqw,4px);
 border-radius:0 999px 999px 0;
 background:linear-gradient(180deg,var(--azwb-timer-accent),color-mix(in srgb,var(--azwb-timer-accent) 35%,var(--azwb-timer-bg) 65%));
 opacity:.8
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2:not(.is-ring) .azwba-timer-v2__visual{
 position:relative!important;
 display:grid!important;
 place-items:center!important;
 width:100%!important;
 height:100%!important;
 min-width:0!important;
 min-height:0!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2:not(.is-ring) .azwba-timer-v2__ring{
 position:relative!important;
 inset:auto!important;
 display:block!important;
 width:min(70cqh,19cqw,110px)!important;
 height:auto!important;
 max-width:none!important;
 min-width:0!important;
 aspect-ratio:1!important;
 margin:0!important;
 border:0!important;
 border-radius:0!important;
 clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%)!important;
 background:conic-gradient(
  from -90deg,
  var(--azwb-timer-accent) var(--azwb-timer-progress,360deg),
  color-mix(in srgb,var(--azwb-timer-ink) 8%,var(--azwb-timer-bg) 92%) 0
 )!important;
 box-shadow:0 min(1.5cqh,5px) min(4cqh,14px) color-mix(in srgb,var(--azwb-timer-ink) 12%,transparent)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2:not(.is-ring) .azwba-timer-v2__ring::before{
 content:"";
 position:absolute;
 z-index:2;
 top:7%;
 right:7%;
 width:min(5cqh,4cqw,14px);
 height:min(5cqh,4cqw,14px);
 border-radius:50%;
 background:var(--azwb-timer-accent);
 box-shadow:0 0 min(3cqh,10px) color-mix(in srgb,var(--azwb-timer-accent) 32%,transparent)
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2:not(.is-ring) .azwba-timer-v2__ring::after{
 content:""!important;
 position:absolute!important;
 inset:14%!important;
 border:1px solid color-mix(in srgb,var(--azwb-timer-accent) 16%,transparent)!important;
 border-radius:0!important;
 clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%)!important;
 background:color-mix(in srgb,var(--azwb-timer-bg) 95%,var(--azwb-timer-accent) 5%)!important;
 box-shadow:none!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2:not(.is-ring) .azwba-timer-v2__display{
 display:grid!important;
 grid-template-rows:minmax(0,1fr) auto!important;
 place-items:center!important;
 align-content:stretch!important;
 width:100%!important;
 height:100%!important;
 min-width:0!important;
 min-height:0!important;
 gap:min(1.6cqh,5px)!important;
 padding:0!important;
 overflow:hidden!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2:not(.is-ring) .azwba-timer-v2__digits{
 display:grid!important;
 grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,7%) repeat(2,minmax(0,1fr))!important;
 align-items:stretch!important;
 width:100%!important;
 height:100%!important;
 min-width:0!important;
 direction:ltr!important;
 gap:min(1cqw,3px)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2:not(.is-ring) .azwba-timer-v2__digits>div{
 display:grid!important;
 grid-template-rows:22% 56% 22%!important;
 place-items:center!important;
 height:100%!important;
 min-width:0!important;
 overflow:hidden!important;
 border:1px solid color-mix(in srgb,var(--azwb-timer-accent) 17%,var(--azwb-timer-ink) 5%)!important;
 border-radius:min(4cqh,2.2cqw,10px) min(1.2cqh,.7cqw,3px) min(4cqh,2.2cqw,10px) min(1.2cqh,.7cqw,3px)!important;
 background:linear-gradient(180deg,
  color-mix(in srgb,var(--azwb-timer-bg) 91%,var(--azwb-timer-accent) 9%),
  color-mix(in srgb,var(--azwb-timer-bg) 98%,var(--azwb-timer-accent) 2%)
 )!important;
 box-shadow:inset 0 min(.6cqh,2px) 0 color-mix(in srgb,var(--azwb-timer-bg) 70%,transparent)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2:not(.is-ring) .azwba-timer-v2__digits button{
 display:grid!important;
 place-items:center!important;
 width:min(8cqh,5cqw,28px)!important;
 height:min(8cqh,5cqw,28px)!important;
 min-width:0!important;
 min-height:0!important;
 padding:0!important;
 border:0!important;
 border-radius:min(2cqh,6px)!important;
 background:transparent!important;
 color:color-mix(in srgb,var(--azwb-timer-ink) 64%,var(--azwb-timer-accent) 36%)!important;
 font:800 min(8cqh,4cqw,22px)/1 Arial,sans-serif!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2:not(.is-ring) .azwba-timer-v2__digits button:hover:not(:disabled){
 background:color-mix(in srgb,var(--azwb-timer-accent) 10%,transparent)!important;
 color:var(--azwb-timer-accent)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2:not(.is-ring) .azwba-timer-v2__digits b{
 color:var(--azwb-timer-ink)!important;
 font:800 min(29cqh,7.6cqw,62px)/.9 Arial,sans-serif!important;
 letter-spacing:-.04em!important;
 font-variant-numeric:tabular-nums!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2:not(.is-ring) .azwba-timer-v2__digits em{
 display:grid!important;
 place-items:center!important;
 color:var(--azwb-timer-accent)!important;
 font:900 min(25cqh,6.2cqw,48px)/1 Arial,sans-serif!important;
 font-style:normal!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2:not(.is-ring) .azwba-timer-v2__display>small{
 display:block!important;
 max-width:100%!important;
 overflow:hidden!important;
 color:color-mix(in srgb,var(--azwb-timer-ink) 58%,transparent)!important;
 font:800 min(3.6cqh,2.3cqw,11px)/1.2 Cairo,sans-serif!important;
 text-overflow:ellipsis!important;
 white-space:nowrap!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2:not(.is-ring).is-long-duration .azwba-timer-v2__digits{
 display:none!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2:not(.is-ring).is-long-duration .azwba-timer-v2__sr-value{
 position:static!important;
 display:block!important;
 width:auto!important;
 height:auto!important;
 margin:0!important;
 padding:0!important;
 overflow:visible!important;
 clip:auto!important;
 color:var(--azwb-timer-ink)!important;
 font:850 min(25cqh,9cqw,58px)/1 Arial,sans-serif!important;
 white-space:nowrap!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2:not(.is-ring) .azwba-timer-v2__primary{
 display:flex!important;
 flex-direction:column!important;
 align-items:center!important;
 justify-content:center!important;
 gap:min(3cqh,2cqw,9px)!important;
 width:100%!important;
 height:100%!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2:not(.is-ring) .azwba-timer-v2__primary button{
 display:grid!important;
 place-items:center!important;
 width:min(18cqh,9cqw,42px)!important;
 height:min(18cqh,9cqw,42px)!important;
 min-width:0!important;
 min-height:0!important;
 padding:0!important;
 border:min(.8cqh,.5cqw,2px) solid var(--azwb-timer-accent)!important;
 border-radius:min(4cqh,2cqw,10px) min(1.2cqh,.7cqw,3px) min(4cqh,2cqw,10px) min(1.2cqh,.7cqw,3px)!important;
 background:color-mix(in srgb,var(--azwb-timer-bg) 94%,var(--azwb-timer-accent) 6%)!important;
 box-shadow:0 min(1.5cqh,5px) min(3cqh,10px) color-mix(in srgb,var(--azwb-timer-ink) 8%,transparent)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2:not(.is-ring) .azwba-timer-v2__primary [data-timer-start]{
 background:linear-gradient(135deg,var(--azwb-timer-accent),color-mix(in srgb,var(--azwb-timer-accent) 72%,var(--azwb-timer-ink) 28%))!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2:not(.is-ring) .azwba-timer-v2__primary .is-play{
 border-top-width:min(3.5cqh,1.8cqw,8px)!important;
 border-bottom-width:min(3.5cqh,1.8cqw,8px)!important;
 border-left-width:min(5.5cqh,2.8cqw,12px)!important;
 border-left-color:var(--azwb-timer-bg)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2:not(.is-ring) .azwba-timer-v2__primary .is-stop{
 width:min(5cqh,2.7cqw,12px)!important;
 height:min(5cqh,2.7cqw,12px)!important;
 border:min(.8cqh,.5cqw,2px) solid var(--azwb-timer-ink)!important;
 border-radius:min(1cqh,3px)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2:not(.is-ring).is-warning .azwba-timer-v2__hero{
 background:
  radial-gradient(circle at 50% 50%,color-mix(in srgb,#EF4444 8%,transparent),transparent 48%)!important
}

/* AZWB_TRAFFIC_REVIEW_V8 */
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light{
 --traffic-bg:#FFFFFF;
 --traffic-ink:#111827;
 --traffic-accent:#6366F1;
 display:grid!important;
 width:100%!important;
 height:100%!important;
 min-height:0!important;
 padding:4%!important;
 border:0!important;
 background:var(--traffic-bg)!important;
 color:var(--traffic-ink)!important;
 box-sizing:border-box
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__stage{
 display:grid;
 grid-template-columns:1fr;
 align-items:stretch;
 justify-items:center;
 gap:5%;
 width:100%;
 height:100%;
 min-width:0;
 min-height:0
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light.has-descriptions .azwba-traffic-light__stage{
 grid-template-columns:minmax(52px,44%) minmax(0,1fr);
 align-items:center;
 justify-items:stretch
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__housing{
 justify-self:center;
 width:auto!important;
 height:100%!important;
 max-width:100%!important;
 max-height:100%!important;
 aspect-ratio:.43!important
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light.has-descriptions .azwba-traffic-light__housing{
 height:min(100%,82cqh)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__descriptions{
 display:grid;
 grid-template-rows:repeat(3,minmax(0,1fr));
 align-items:center;
 gap:4%;
 min-width:0;
 height:100%;
 padding:8% 0
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__descriptions[hidden]{
 display:none!important
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__description{
 display:grid;
 grid-template-columns:min(3cqw,10px) minmax(0,1fr);
 align-items:center;
 gap:min(2cqw,7px);
 min-width:0;
 color:color-mix(in srgb,var(--traffic-ink) 74%,transparent);
 font:700 min(3.5cqh,3cqw,14px)/1.4 Cairo,sans-serif
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__description i{
 width:min(2.8cqh,2.5cqw,9px);
 height:min(2.8cqh,2.5cqw,9px);
 border-radius:50%;
 box-shadow:0 0 0 min(.35cqh,.3cqw,1px) rgba(15,23,42,.10)
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__description span{
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__description.is-active{
 color:var(--traffic-ink);
 font-weight:850
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__description.is-active span{
 text-decoration:underline;
 text-decoration-color:var(--traffic-accent);
 text-decoration-thickness:min(.65cqh,.55cqw,2px);
 text-underline-offset:min(1.3cqh,1.1cqw,4px)
}

/* Theme affects the widget surface/chrome,


but preserves semantic red/yellow/green lamp colors. */
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light.design-classic .azwba-traffic-light__housing,


.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light.design-signal .azwba-traffic-light__housing{
 border-color:color-mix(in srgb,var(--traffic-ink) 82%,#000)!important;
 background:color-mix(in srgb,var(--traffic-ink) 76%,#4B5563)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light.design-yellow .azwba-traffic-light__housing{
 border-color:#B45309!important;
 background:linear-gradient(145deg,#FDE047,#EAB308)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light.design-outline .azwba-traffic-light__housing{
 border-color:var(--traffic-ink)!important;
 background:var(--traffic-bg)!important;
 box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--traffic-ink) 8%,transparent),0 5px 12px rgba(15,23,42,.08)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light.design-signal .azwba-traffic-light__housing:before,

.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light.design-signal .azwba-traffic-light__housing:after{
 border-color:color-mix(in srgb,var(--traffic-ink) 85%,#000)!important;
 background:color-mix(in srgb,var(--traffic-ink) 68%,#4B5563)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__state:focus-visible{
 outline:3px solid color-mix(in srgb,var(--traffic-accent) 42%,transparent)!important;
 outline-offset:3px
}

/* Settings: three editable descriptions map 1:1 to the three lights. */
.azwba-app .azwba-widget-settings__traffic-desc{
 display:grid;
 gap:8px;
 padding-top:4px
}
.azwba-app .azwba-widget-settings__traffic-desc-line{
 display:grid;
 grid-template-columns:12px 70px minmax(0,1fr);
 align-items:center;
 gap:7px;
 margin:0
}
.azwba-app .azwba-widget-settings__traffic-desc-line>i{
 width:10px;
 height:10px;
 border-radius:50%;
 box-shadow:0 0 0 1px rgba(15,23,42,.12)
}
.azwba-app .azwba-widget-settings__traffic-desc-line>span{
 color:#4B5563;
 font-size:9px;
 font-weight:700
}
.azwba-app .azwba-widget-settings__traffic-desc-line>input{
 width:100%;
 min-height:34px;
 padding:6px 8px;
 border:1px solid #D1D5DB;
 border-radius:6px;
 background:#fff;
 color:#374151;
 font:600 9px/1.4 Cairo,sans-serif
}
@media(max-width:680px){
 .azwba-app .azwba-widget-settings__traffic-desc-line{
  grid-template-columns:12px 62px minmax(0,1fr)
 }
}


/* AZWB_CLOCK_ORIGINAL_IDENTITY_V31
   Edutech Time Beacon — digital/analog clock identity with true proportional scaling. */
.azwba-app .azwba-board-widget[data-widget-kind="clock-alarm"] .azwba-clock{
 --clock-accent:#6366F1;
 --clock-bg:#FFFFFF;
 --clock-ink:#111827;
 container-type:size;
 container-name:clock-widget;
 display:grid!important;
 grid-template-rows:minmax(0,1fr) auto!important;
 align-items:center!important;
 width:100%!important;
 height:100%!important;
 min-width:0!important;
 min-height:0!important;
 gap:min(3cqh,2.4cqw,11px)!important;
 padding:min(5cqh,4cqw,16px)!important;
 background:
  radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--clock-accent) 10%,transparent),transparent 30%),
  linear-gradient(155deg,var(--clock-bg),color-mix(in srgb,var(--clock-bg) 96%,var(--clock-accent) 4%))!important;
 color:var(--clock-ink)!important;
 box-sizing:border-box!important;
 overflow:hidden!important
}
.azwba-app .azwba-board-widget[data-widget-kind="clock-alarm"] .azwba-clock__settings,

.azwba-app .azwba-board-widget[data-widget-kind="clock-alarm"] .azwba-clock__alarms,

.azwba-app .azwba-board-widget[data-widget-kind="clock-alarm"] .azwba-clock>[data-clock-add]{
 display:none!important
}
.azwba-app .azwba-board-widget[data-widget-kind="clock-alarm"] .azwba-clock__display{
 position:relative!important;
 display:grid!important;
 place-items:center!important;
 align-self:stretch!important;
 width:100%!important;
 height:100%!important;
 min-width:0!important;
 min-height:0!important;
 padding:0!important;
 overflow:hidden!important;
 border:0!important;
 background:transparent!important
}
.azwba-app .azwba-board-widget[data-widget-kind="clock-alarm"] .azwba-clock__display::before{
 content:"";
 position:absolute;
 z-index:-1;
 width:min(86cqh,82cqw,300px);
 aspect-ratio:1.45;
 border:1px solid color-mix(in srgb,var(--clock-accent) 16%,transparent);
 border-radius:38% 62% 44% 56% / 54% 38% 62% 46%;
 background:
  radial-gradient(circle at 34% 26%,color-mix(in srgb,var(--clock-accent) 10%,transparent),transparent 34%),
  color-mix(in srgb,var(--clock-bg) 95%,var(--clock-accent) 5%);
 transform:rotate(-3deg);
 pointer-events:none
}
.azwba-app .azwba-board-widget[data-widget-kind="clock-alarm"] .azwba-clock__analog{
 position:relative!important;
 display:block!important;
 width:min(72cqh,68cqw,250px)!important;
 height:auto!important;
 max-width:none!important;
 min-width:0!important;
 aspect-ratio:1!important;
 border:min(1.3cqh,1cqw,4px) solid color-mix(in srgb,var(--clock-accent) 74%,var(--clock-ink) 26%)!important;
 border-radius:43% 57% 47% 53% / 55% 44% 56% 45%!important;
 background:
  radial-gradient(circle at 35% 28%,color-mix(in srgb,var(--clock-accent) 8%,transparent),transparent 32%),
  var(--clock-bg)!important;
 color:var(--clock-ink)!important;
 box-shadow:
  inset 0 0 0 min(.8cqh,.7cqw,2px) color-mix(in srgb,var(--clock-accent) 10%,transparent),
  0 min(2cqh,7px) min(5cqh,18px) color-mix(in srgb,var(--clock-ink) 10%,transparent)!important;
 transform:rotate(-2deg)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="clock-alarm"] .azwba-clock__ticks{
 position:absolute!important;
 inset:5%!important;
 border-radius:50%!important;
 background:repeating-conic-gradient(
  from -1deg,
  color-mix(in srgb,var(--clock-accent) 78%,var(--clock-ink) 22%) 0 1deg,
  transparent 1deg 6deg
 )!important;
 -webkit-mask:radial-gradient(circle,transparent 0 78%,#000 79%)!important;
 mask:radial-gradient(circle,transparent 0 78%,#000 79%)!important;
 opacity:.8!important
}
.azwba-app .azwba-board-widget[data-widget-kind="clock-alarm"] .azwba-clock__numbers{position:absolute!important;inset:0!important}
.azwba-app .azwba-board-widget[data-widget-kind="clock-alarm"] .azwba-clock__numbers>span{
 position:absolute!important;inset:0!important;display:flex!important;justify-content:center!important;
 transform:rotate(var(--clock-angle))!important;pointer-events:none!important
}
.azwba-app .azwba-board-widget[data-widget-kind="clock-alarm"] .azwba-clock__numbers>span i{
 display:block!important;
 margin-top:min(6cqh,5cqw,18px)!important;
 color:var(--clock-ink)!important;
 font:800 min(5cqh,4.2cqw,15px)/1 Arial,sans-serif!important;
 font-style:normal!important;
 transform:rotate(calc(var(--clock-angle) * -1))!important
}
.azwba-app .azwba-board-widget[data-widget-kind="clock-alarm"] .azwba-clock__analog i{
 left:50%!important;bottom:50%!important;z-index:4!important;border-radius:999px!important;
 background:var(--clock-ink)!important;transform-origin:50% 100%!important
}
.azwba-app .azwba-board-widget[data-widget-kind="clock-alarm"] .azwba-clock__analog .is-hour{
 width:min(1.6cqh,1.2cqw,5px)!important;height:29%!important;margin-left:calc(-1 * min(.8cqh,.6cqw,2.5px))!important
}
.azwba-app .azwba-board-widget[data-widget-kind="clock-alarm"] .azwba-clock__analog .is-minute{
 width:min(1.2cqh,.9cqw,4px)!important;height:39%!important;margin-left:calc(-1 * min(.6cqh,.45cqw,2px))!important
}
.azwba-app .azwba-board-widget[data-widget-kind="clock-alarm"] .azwba-clock__analog .is-second{
 width:min(.65cqh,.5cqw,2px)!important;height:43%!important;margin-left:calc(-1 * min(.33cqh,.25cqw,1px))!important;background:var(--clock-accent)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="clock-alarm"] .azwba-clock__analog b{
 z-index:6!important;width:min(3.3cqh,2.8cqw,11px)!important;height:min(3.3cqh,2.8cqw,11px)!important;
 border-radius:min(1.5cqh,1.2cqw,5px) min(.6cqh,.5cqw,2px) min(1.5cqh,1.2cqw,5px) min(.6cqh,.5cqw,2px)!important;background:var(--clock-accent)!important;
 box-shadow:0 0 0 min(.7cqh,.6cqw,2px) var(--clock-bg)!important;transform:rotate(45deg)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="clock-alarm"] .azwba-clock__digital{
 position:relative!important;
 display:grid!important;
 place-items:center!important;
 align-content:center!important;
 gap:min(3cqh,2.2cqw,8px)!important;
 width:min(92%,520px)!important;
 min-width:0!important;min-height:0!important;
 padding:min(6cqh,4cqw,20px) min(5cqw,20px)!important;
 border:1px solid color-mix(in srgb,var(--clock-accent) 22%,var(--clock-ink) 6%)!important;
 border-radius:min(7cqh,5cqw,24px) min(2.6cqh,1.8cqw,9px) min(7cqh,5cqw,24px) min(2.6cqh,1.8cqw,9px)!important;
 background:linear-gradient(145deg,
  color-mix(in srgb,var(--clock-bg) 84%,var(--clock-accent) 16%),
  color-mix(in srgb,var(--clock-bg) 97%,var(--clock-accent) 3%)
 )!important;
 box-shadow:inset min(1cqw,4px) 0 0 var(--clock-accent),
  0 min(2cqh,7px) min(5cqh,18px) color-mix(in srgb,var(--clock-ink) 8%,transparent)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="clock-alarm"] .azwba-clock__digital::after{
 content:"";position:absolute;right:min(3cqw,12px);top:min(3cqh,12px);width:min(12cqw,46px);height:min(1cqh,4px);border-radius:999px;
 background:repeating-linear-gradient(90deg,var(--clock-accent) 0 min(1.4cqw,6px),transparent min(1.4cqw,6px) min(2.4cqw,10px));opacity:.42
}
.azwba-app .azwba-board-widget[data-widget-kind="clock-alarm"] .azwba-clock[data-mode="analog"] .azwba-clock__digital{display:none!important}
.azwba-app .azwba-board-widget[data-widget-kind="clock-alarm"] .azwba-clock[data-mode="digital"] .azwba-clock__analog{display:none!important}
.azwba-app .azwba-board-widget[data-widget-kind="clock-alarm"] .azwba-clock__digital strong{
 max-width:100%!important;overflow:hidden!important;color:var(--clock-ink)!important;
 font:750 min(24cqh,13cqw,70px)/1 Arial,sans-serif!important;letter-spacing:-.04em!important;
 font-variant-numeric:tabular-nums!important;white-space:nowrap!important
}
.azwba-app .azwba-board-widget[data-widget-kind="clock-alarm"] .azwba-clock__digital span{
 max-width:100%!important;overflow:hidden!important;color:color-mix(in srgb,var(--clock-ink) 62%,transparent)!important;
 font:800 min(5cqh,3.2cqw,14px)/1.3 Cairo,sans-serif!important;text-overflow:ellipsis!important;white-space:nowrap!important
}
.azwba-app .azwba-board-widget[data-widget-kind="clock-alarm"] .azwba-clock__next{
 display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;
 gap:min(2cqw,8px)!important;width:100%!important;min-height:0!important;
 padding:min(3cqh,2.5cqw,10px) min(4cqw,16px)!important;
 border:1px solid color-mix(in srgb,var(--clock-accent) 23%,var(--clock-ink) 5%)!important;
 border-radius:min(3cqh,11px) min(1.2cqh,5px) min(3cqh,11px) min(1.2cqh,5px)!important;
 background:color-mix(in srgb,var(--clock-bg) 91%,var(--clock-accent) 9%)!important;
 color:color-mix(in srgb,var(--clock-ink) 72%,transparent)!important;
 font:750 min(3.5cqh,2.6cqw,12px)/1.35 Cairo,sans-serif!important;
 box-shadow:inset min(1cqw,4px) 0 0 color-mix(in srgb,var(--clock-accent) 68%,var(--clock-ink) 32%)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="clock-alarm"] .azwba-clock__next[hidden]{display:none!important}
.azwba-app .azwba-board-widget[data-widget-kind="clock-alarm"] .azwba-clock__next span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.azwba-app .azwba-board-widget[data-widget-kind="clock-alarm"] .azwba-clock__next strong{
 color:var(--clock-ink)!important;font:900 min(5cqh,3.7cqw,16px)/1 Arial,sans-serif!important;font-variant-numeric:tabular-nums!important
}
.azwba-app .azwba-board-widget[data-widget-kind="clock-alarm"].is-alarm-ringing .azwba-board-widget__surface{
 animation:azwba-clock-beacon-v31 .42s ease 3
}
@keyframes azwba-clock-beacon-v31{
 0%,

 100%{box-shadow:0 0 0 min(.7cqh,3px) var(--azwba-widget-select),0 min(1cqh,4px) min(3cqh,12px) rgba(15,23,42,.08)}
 50%{box-shadow:0 0 0 min(1.1cqh,4px) color-mix(in srgb,var(--clock-accent) 55%,#F59E0B 45%),0 0 min(7cqh,26px) color-mix(in srgb,var(--clock-accent) 25%,#F59E0B 75%)}
}

/* Clock settings */
.azwba-app .azwba-widget-settings__radio-stack{
 display:grid;
 gap:10px
}
.azwba-app .azwba-widget-settings__radio-choice{
 display:flex;
 align-items:center;
 gap:9px;
 margin:0;
 color:#374151;
 font-size:10px;
 font-weight:700
}
.azwba-app .azwba-widget-settings__radio-choice input{
 width:16px;
 height:16px;
 margin:0;
 accent-color:#6366F1
}
.azwba-app .azwba-widget-settings__alarms{
 display:grid;
 gap:8px
}
.azwba-app .azwba-widget-settings__alarms-empty{
 margin:0;
 padding:12px;
 border:1px dashed #D1D5DB;
 border-radius:8px;
 background:#F9FAFB;
 color:#6B7280;
 text-align:center;
 font-size:9px;
 font-weight:700
}
.azwba-app .azwba-widget-settings__alarm{
 display:grid;
 grid-template-columns:30px 84px minmax(0,1fr) 30px;
 align-items:center;
 gap:6px;
 padding:7px;
 border:1px solid #E5E7EB;
 border-radius:8px;
 background:#fff
}
.azwba-app .azwba-widget-settings__alarm[data-enabled="0"]{opacity:.58}
.azwba-app .azwba-widget-settings__alarm input[type="time"],

.azwba-app .azwba-widget-settings__alarm input[type="text"]{
 width:100%;
 min-width:0;
 min-height:34px;
 padding:5px 7px;
 border:1px solid #D1D5DB;
 border-radius:6px;
 background:#fff;
 color:#374151;
 font:600 9px/1.3 Cairo,sans-serif
}
.azwba-app .azwba-widget-settings__alarm-toggle{
 position:relative;
 width:29px;
 height:16px;
 min-width:29px;
 padding:0;
 border:0;
 border-radius:999px;
 background:#D1D5DB;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__alarm-toggle i{
 position:absolute;
 top:2px;
 right:2px;
 width:12px;
 height:12px;
 border-radius:50%;
 background:#fff;
 box-shadow:0 1px 2px rgba(0,0,0,.18);
 transition:transform .14s ease
}
.azwba-app .azwba-widget-settings__alarm-toggle[aria-pressed="true"]{background:#6366F1}
.azwba-app .azwba-widget-settings__alarm-toggle[aria-pressed="true"] i{transform:translateX(-13px)}
.azwba-app .azwba-widget-settings__alarm-remove{
 display:grid;
 place-items:center;
 width:30px;
 height:30px;
 min-width:30px;
 padding:0;
 border:1px solid #F1C7C3;
 border-radius:50%;
 background:#FFF7F6;
 color:#B91C1C;
 font:700 17px/1 Arial,sans-serif;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__add-alarm{
 align-self:start;
 min-height:38px;
 padding:7px 13px;
 border:1px solid #9CA3AF;
 border-radius:999px;
 background:#fff;
 color:#374151;
 font:700 9px/1.3 Cairo,sans-serif;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__add-alarm:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:680px){
 .azwba-app .azwba-widget-settings__alarm{
  grid-template-columns:30px 78px minmax(0,1fr) 30px
 }
}


/* AZWB_TIMETABLE_ORIGINAL_IDENTITY_V21
   Edutech Class Flow Timeline — theme-aware,



readable,



and container-responsive. */
.azwba-app .azwba-board-widget[data-widget-kind="timetable-v1"] .azwba-timetable-v1{
 --tt-accent:#6366F1;
 --tt-bg:#FFFFFF;
 --tt-ink:#111827;
 container-type:size;
 container-name:timetable-widget;
 position:relative;
 display:grid!important;
 grid-template-rows:auto auto minmax(0,1fr)!important;
 align-content:start!important;
 width:100%!important;
 height:100%!important;
 min-width:0!important;
 min-height:0!important;
 gap:min(2.4cqh,2cqw,11px)!important;
 padding:min(3.6cqh,3cqw,14px)!important;
 background:
  radial-gradient(circle at 91% 7%,color-mix(in srgb,var(--tt-accent) 10%,transparent),transparent 28%),
  linear-gradient(155deg,var(--tt-bg),color-mix(in srgb,var(--tt-bg) 96%,var(--tt-accent) 4%))!important;
 color:var(--tt-ink)!important;
 direction:rtl;
 box-sizing:border-box;
 overflow:hidden
}
.azwba-app .azwba-board-widget[data-widget-kind="timetable-v1"] .azwba-timetable-v1__title{
 position:relative;
 display:flex;
 align-items:center;
 min-height:min(7cqh,34px);
 padding-inline-start:min(3cqw,18px);
 color:var(--tt-ink)!important;
 font:900 min(4.4cqh,3.8cqw,18px)/1.35 Cairo,sans-serif!important;
 text-align:start!important;
 white-space:nowrap!important;
 overflow:hidden!important;
 text-overflow:ellipsis!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timetable-v1"] .azwba-timetable-v1__title::before{
 content:"";
 position:absolute;
 inset-inline-start:0;
 width:min(1.6cqw,9px);
 height:min(5cqh,28px);
 border-radius:999px;
 background:linear-gradient(180deg,var(--tt-accent),color-mix(in srgb,var(--tt-accent) 58%,var(--tt-ink) 42%));
 box-shadow:0 0 12px color-mix(in srgb,var(--tt-accent) 24%,transparent)
}
.azwba-app .azwba-board-widget[data-widget-kind="timetable-v1"] .azwba-timetable-v1__title[hidden]{display:none!important}
.azwba-app .azwba-board-widget[data-widget-kind="timetable-v1"] .azwba-timetable-v1__status{
 position:relative!important;
 display:flex!important;
 align-items:center!important;
 min-height:min(11cqh,52px)!important;
 padding:min(2.2cqh,11px) min(8cqw,48px) min(2.2cqh,11px) min(3cqw,15px)!important;
 border:1px solid color-mix(in srgb,var(--tt-accent) 26%,transparent)!important;
 border-radius:min(3cqh,15px) min(1.8cqh,9px) min(3cqh,15px) min(1.8cqh,9px)!important;
 background:linear-gradient(135deg,
  color-mix(in srgb,var(--tt-bg) 86%,var(--tt-accent) 14%),
  color-mix(in srgb,var(--tt-bg) 97%,var(--tt-accent) 3%)
 )!important;
 color:color-mix(in srgb,var(--tt-ink) 82%,transparent)!important;
 font:800 min(3.1cqh,2.8cqw,14px)/1.45 Cairo,sans-serif!important;
 box-shadow:inset 4px 0 0 color-mix(in srgb,var(--tt-accent) 75%,var(--tt-ink) 25%)!important;
 overflow:hidden!important;
 text-overflow:ellipsis!important;
 white-space:nowrap!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timetable-v1"] .azwba-timetable-v1__status::before{
 content:"";
 position:absolute;
 inset-inline-start:min(3cqw,18px);
 width:min(3cqh,14px);
 height:min(3cqh,14px);
 border:2px solid var(--tt-bg);
 border-radius:50%;
 background:var(--tt-accent);
 box-shadow:0 0 0 4px color-mix(in srgb,var(--tt-accent) 12%,transparent),0 0 12px color-mix(in srgb,var(--tt-accent) 24%,transparent)
}
.azwba-app .azwba-board-widget[data-widget-kind="timetable-v1"] .azwba-timetable-v1__status[hidden]{display:none!important}
.azwba-app .azwba-board-widget[data-widget-kind="timetable-v1"] .azwba-timetable-v1__list{
 position:relative;
 display:grid!important;
 align-content:start!important;
 gap:min(2cqh,1.8cqw,10px)!important;
 min-width:0!important;
 min-height:0!important;
 overflow:auto!important;
 padding:2px 2px 2px min(7cqw,42px)!important;
 scrollbar-width:thin;
 scrollbar-color:color-mix(in srgb,var(--tt-accent) 28%,transparent) transparent
}
.azwba-app .azwba-board-widget[data-widget-kind="timetable-v1"] .azwba-timetable-v1__list::before{
 content:"";
 position:absolute;
 left:min(3cqw,19px);
 top:min(5cqh,28px);
 bottom:min(5cqh,28px);
 width:min(.7cqw,3px);
 border-radius:999px;
 background:linear-gradient(180deg,
  color-mix(in srgb,var(--tt-accent) 72%,var(--tt-bg) 28%),
  color-mix(in srgb,var(--tt-accent) 18%,var(--tt-bg) 82%)
 );
 pointer-events:none
}
.azwba-app .azwba-board-widget[data-widget-kind="timetable-v1"] .azwba-timetable-v1__item{
 position:relative!important;
 display:grid!important;
 grid-template-columns:min(10cqw,46px) minmax(0,1fr) min(7cqw,34px)!important;
 align-items:center!important;
 gap:min(2cqw,10px)!important;
 width:100%!important;
 min-width:0!important;
 min-height:min(14cqh,70px)!important;
 padding:min(2.2cqh,11px) min(2.6cqw,13px)!important;
 border:1px solid color-mix(in srgb,var(--tt-ink) 10%,transparent)!important;
 border-radius:min(3.2cqh,16px) min(2cqh,10px) min(3.2cqh,16px) min(2cqh,10px)!important;
 background:linear-gradient(145deg,
  color-mix(in srgb,var(--tt-bg) 96%,var(--tt-accent) 4%),
  color-mix(in srgb,var(--tt-bg) 91%,var(--tt-accent) 9%)
 )!important;
 color:var(--tt-ink)!important;
 text-align:start!important;
 box-shadow:0 4px 14px color-mix(in srgb,var(--tt-ink) 6%,transparent)!important;
 box-sizing:border-box!important;
 overflow:visible!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timetable-v1"] .azwba-timetable-v1__item::before{
 content:attr(data-step);
 position:absolute;
 left:calc(-1 * min(7cqw,42px));
 top:50%;
 display:grid;
 place-items:center;
 width:min(6cqw,32px);
 height:min(6cqw,32px);
 transform:translateY(-50%);
 border:2px solid var(--tt-bg);
 border-radius:min(3cqh,3cqw,10px) min(1.2cqh,1.2cqw,4px) min(3cqh,3cqw,10px) min(1.2cqh,1.2cqw,4px);
 background:color-mix(in srgb,var(--tt-accent) 72%,var(--tt-ink) 28%);
 color:var(--tt-bg);
 font:900 min(2.8cqh,2.4cqw,12px)/1 Arial,sans-serif;
 box-shadow:0 0 0 3px color-mix(in srgb,var(--tt-accent) 12%,transparent),0 4px 10px color-mix(in srgb,var(--tt-ink) 10%,transparent)
}
.azwba-app .azwba-board-widget[data-widget-kind="timetable-v1"] button.azwba-timetable-v1__item{cursor:pointer}
.azwba-app .azwba-board-widget[data-widget-kind="timetable-v1"] .azwba-timetable-v1__item:nth-child(2n){
 background:linear-gradient(145deg,
  color-mix(in srgb,var(--tt-bg) 93%,var(--tt-accent) 7%),
  color-mix(in srgb,var(--tt-bg) 97%,var(--tt-accent) 3%)
 )!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timetable-v1"] .azwba-timetable-v1__item[data-active="1"]{
 border-color:color-mix(in srgb,var(--tt-accent) 62%,transparent)!important;
 background:linear-gradient(135deg,
  color-mix(in srgb,var(--tt-bg) 78%,var(--tt-accent) 22%),
  color-mix(in srgb,var(--tt-bg) 94%,var(--tt-accent) 6%)
 )!important;
 box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tt-accent) 16%,transparent),0 6px 18px color-mix(in srgb,var(--tt-accent) 13%,transparent)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timetable-v1"] .azwba-timetable-v1__item[data-active="1"]::before{
 background:var(--tt-accent)!important;
 box-shadow:0 0 0 4px color-mix(in srgb,var(--tt-accent) 16%,transparent),0 0 16px color-mix(in srgb,var(--tt-accent) 28%,transparent)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timetable-v1"] .azwba-timetable-v1__item[data-next="1"]:not([data-active="1"]){
 border-color:color-mix(in srgb,var(--tt-accent) 34%,transparent)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timetable-v1"] .azwba-timetable-v1__item[data-next="1"]:not([data-active="1"])::before{
 background:color-mix(in srgb,var(--tt-accent) 52%,var(--tt-bg) 48%)!important;
 color:var(--tt-ink)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timetable-v1"] .azwba-timetable-v1__item[data-checked="1"]{
 opacity:.62!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timetable-v1"] .azwba-timetable-v1__item[data-checked="1"] strong{text-decoration:line-through}
.azwba-app .azwba-board-widget[data-widget-kind="timetable-v1"] .azwba-timetable-v1__item[data-kind="break"]{
 border-style:dashed!important;
 background:color-mix(in srgb,var(--tt-bg) 88%,var(--tt-accent) 12%)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timetable-v1"] .azwba-timetable-v1__icon{
 display:grid!important;
 place-items:center!important;
 width:min(10cqw,46px)!important;
 height:min(10cqw,46px)!important;
 border:1px solid color-mix(in srgb,var(--tt-accent) 18%,transparent)!important;
 border-radius:min(3.5cqh,3cqw,12px) min(1.5cqh,1.2cqw,5px) min(3.5cqh,3cqw,12px) min(1.5cqh,1.2cqw,5px)!important;
 background:color-mix(in srgb,var(--tt-bg) 82%,var(--tt-accent) 18%)!important;
 color:var(--tt-ink)!important;
 font-size:min(6.2cqh,5.4cqw,30px)!important;
 line-height:1!important;
 box-shadow:inset 0 1px 0 color-mix(in srgb,var(--tt-bg) 55%,transparent)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timetable-v1"] .azwba-timetable-v1__copy{
 display:grid!important;
 min-width:0!important;
 gap:min(.8cqh,.8cqw,4px)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timetable-v1"] .azwba-timetable-v1__copy strong{
 overflow:hidden!important;
 color:var(--tt-ink)!important;
 font:850 min(3.8cqh,3.2cqw,15px)/1.35 Cairo,sans-serif!important;
 text-overflow:ellipsis!important;
 white-space:nowrap!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timetable-v1"] .azwba-timetable-v1__copy small{
 overflow:hidden!important;
 color:color-mix(in srgb,var(--tt-ink) 62%,transparent)!important;
 font:750 min(2.8cqh,2.4cqw,12px)/1.35 Cairo,sans-serif!important;
 font-variant-numeric:tabular-nums!important;
 text-overflow:ellipsis!important;
 white-space:nowrap!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timetable-v1"] .azwba-timetable-v1__mark{
 display:grid!important;
 place-items:center!important;
 width:min(7cqw,34px)!important;
 height:min(7cqw,34px)!important;
 justify-self:end!important;
 border:1px solid color-mix(in srgb,var(--tt-ink) 18%,transparent)!important;
 border-radius:min(3cqh,3cqw,10px) min(1.2cqh,1.2cqw,4px) min(3cqh,3cqw,10px) min(1.2cqh,1.2cqw,4px)!important;
 background:var(--tt-bg)!important;
 color:var(--tt-accent)!important;
 font:900 min(4cqh,3.4cqw,18px)/1 Arial,sans-serif!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timetable-v1"] .azwba-timetable-v1[data-display="timed"] .azwba-timetable-v1__mark,

.azwba-app .azwba-board-widget[data-widget-kind="timetable-v1"] .azwba-timetable-v1[data-display="list"] .azwba-timetable-v1__mark{
 border:0!important;
 background:transparent!important
}

/* Timetable settings activity editor */
.azwba-app .azwba-widget-settings__activities{
 display:grid;
 gap:9px
}
.azwba-app .azwba-widget-settings__activity{
 display:grid;
 gap:7px;
 padding:8px;
 border:1px solid #E5E7EB;
 border-radius:9px;
 background:#fff
}
.azwba-app .azwba-widget-settings__activity-main{
 display:grid;
 grid-template-columns:46px minmax(0,1fr) 30px 30px 30px;
 align-items:center;
 gap:5px
}
.azwba-app .azwba-widget-settings__activity-main select,

.azwba-app .azwba-widget-settings__activity-main input{
 width:100%;
 min-width:0;
 min-height:34px;
 padding:5px 7px;
 border:1px solid #D1D5DB;
 border-radius:6px;
 background:#fff;
 color:#374151;
 font:600 9px/1.3 Cairo,sans-serif
}
.azwba-app .azwba-widget-settings__activity-main select{
 padding-inline:4px;
 font-size:16px
}
.azwba-app .azwba-widget-settings__activity-main button{
 display:grid;
 place-items:center;
 width:30px;
 height:30px;
 min-width:30px;
 padding:0;
 border:1px solid #D1D5DB;
 border-radius:50%;
 background:#fff;
 color:#4B5563;
 font:700 13px/1 Arial,sans-serif;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__activity-main button:last-child{
 border-color:#F1C7C3;
 background:#FFF7F6;
 color:#B91C1C
}
.azwba-app .azwba-widget-settings__activity-main button:disabled{opacity:.3;cursor:not-allowed}
.azwba-app .azwba-widget-settings__activity-meta{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:7px
}
.azwba-app .azwba-widget-settings__activity-meta .azwba-widget-settings__field input,

.azwba-app .azwba-widget-settings__activity-meta .azwba-widget-settings__field select{
 min-height:32px;
 font-size:8.5px
}
.azwba-app .azwba-widget-settings__add-activity{
 align-self:start;
 min-height:38px;
 padding:7px 13px;
 border:1px solid #9CA3AF;
 border-radius:999px;
 background:#fff;
 color:#374151;
 font:700 9px/1.3 Cairo,sans-serif;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__add-activity:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:680px){
 .azwba-app .azwba-widget-settings__activity-main{
  grid-template-columns:44px minmax(0,1fr) 28px 28px 28px
 }
 .azwba-app .azwba-widget-settings__activity-meta{
  grid-template-columns:1fr
 }
}


/* AZWB_WORK_SYMBOLS_ORIGINAL_IDENTITY_V12
   Edutech Work Modes: original theme-aware SVG system with container-responsive sizing. */


/* Every mode has its own silhouette/detail while sharing the product identity. */












/* Tiny resized widgets keep the symbol useful instead of clipping labels/art. */

/* AZWB_SOUND_LEVEL_ORIGINAL_IDENTITY_V15
   Edutech Classroom Pulse: segmented vertical sound beacon instead of a circular gauge. */























/* Sound Level settings */
.azwba-app .azwba-widget-settings__microphones{
 display:grid;
 gap:9px
}
.azwba-app .azwba-widget-settings__device-note{
 margin:0;
 padding:10px;
 border:1px dashed #D1D5DB;
 border-radius:8px;
 background:#F9FAFB;
 color:#6B7280;
 font-size:9px;
 line-height:1.55
}
.azwba-app .azwba-widget-settings__range-line{
 display:grid;
 grid-template-columns:minmax(0,1fr) 54px;
 align-items:center;
 gap:10px
}
.azwba-app .azwba-widget-settings__range-line input[type="range"]{
 width:100%;
 accent-color:#6366F1;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__range-line output{
 display:grid;
 place-items:center;
 min-height:32px;
 padding:4px 6px;
 border:1px solid #D1D5DB;
 border-radius:6px;
 background:#fff;
 color:#374151;
 font:700 9px/1 Arial,sans-serif
}
.azwba-app .azwba-widget-settings__segmented{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:5px;
 padding:3px;
 border:1px solid #E5E7EB;
 border-radius:9px;
 background:#F3F4F6
}
.azwba-app .azwba-widget-settings__segmented button{
 min-width:0;
 min-height:34px;
 padding:5px 4px;
 border:0;
 border-radius:6px;
 background:transparent;
 color:#6B7280;
 font:700 8.5px/1.25 Cairo,sans-serif;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__segmented button.is-active{
 background:#fff;
 color:#4338CA;
 box-shadow:0 1px 4px rgba(15,23,42,.10)
}
.azwba-app .azwba-widget-settings__counter-line{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:10px;
 padding:8px 10px;
 border:1px solid #E5E7EB;
 border-radius:8px;
 background:#F9FAFB
}
.azwba-app .azwba-widget-settings__counter-line strong{
 color:#111827;
 font-size:18px;
 font-variant-numeric:tabular-nums
}
.azwba-app .azwba-widget-settings__counter-line button{
 min-height:32px;
 padding:5px 9px;
 border:1px solid #D1D5DB;
 border-radius:7px;
 background:#fff;
 color:#4B5563;
 font:700 8.5px/1.3 Cairo,sans-serif;
 cursor:pointer
}
@media(max-width:680px){
 .azwba-app .azwba-widget-settings__segmented{
  grid-template-columns:repeat(2,minmax(0,1fr))
 }
}

/* AZWB_RANDOMIZER_ORIGINAL_IDENTITY_V20
   Edutech Orbit Picker — theme-aware,


responsive to widget size,


and visually distinct. */
.azwba-app .azwba-board-widget[data-widget-kind="random-picker"] .azwba-random-picker-v2{
 --random-accent:#6366F1;
 --random-bg:#FFFFFF;
 --random-ink:#111827;
 container-type:size;
 container-name:random-picker;
 display:grid!important;
 grid-template-rows:minmax(0,1fr) auto!important;
 width:100%!important;
 height:100%!important;
 min-width:0!important;
 min-height:0!important;
 gap:min(3cqh,2.5cqw,10px)!important;
 padding:min(4cqh,3.5cqw,13px)!important;
 background:
  radial-gradient(circle at 10% 8%,color-mix(in srgb,var(--random-accent) 10%,transparent),transparent 28%),
  linear-gradient(160deg,var(--random-bg),color-mix(in srgb,var(--random-bg) 96%,var(--random-accent) 4%))!important;
 color:var(--random-ink)!important;
 box-sizing:border-box;
 overflow:hidden
}
.azwba-app .azwba-board-widget[data-widget-kind="random-picker"] .azwba-random-picker-v2__standard{
 position:relative;
 display:grid!important;
 place-items:center!important;
 min-width:0!important;
 min-height:0!important;
 overflow:hidden!important
}
.azwba-app .azwba-board-widget[data-widget-kind="random-picker"] .azwba-random-picker-v2__standard::before{
 content:"";
 position:absolute;
 width:min(52cqh,45cqw,170px);
 aspect-ratio:1;
 border-radius:42% 58% 46% 54% / 58% 44% 56% 42%;
 border:min(1cqh,3px) solid color-mix(in srgb,var(--random-accent) 22%,transparent);
 background:
  radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--random-accent) 15%,transparent),transparent 38%),
  color-mix(in srgb,var(--random-bg) 94%,var(--random-accent) 6%);
 transform:rotate(-6deg);
 pointer-events:none
}
.azwba-app .azwba-board-widget[data-widget-kind="random-picker"] .azwba-random-picker-v2__result{
 position:relative!important;
 z-index:2;
 display:grid!important;
 place-items:center!important;
 width:min(74cqw,300px)!important;
 min-height:min(34cqh,120px)!important;
 max-height:100%!important;
 padding:min(5cqh,4cqw,18px)!important;
 border:1px solid color-mix(in srgb,var(--random-accent) 34%,transparent)!important;
 border-radius:min(7cqh,22px) min(3.5cqh,11px) min(7cqh,22px) min(3.5cqh,11px)!important;
 background:linear-gradient(145deg,
  color-mix(in srgb,var(--random-bg) 84%,var(--random-accent) 16%),
  color-mix(in srgb,var(--random-bg) 97%,var(--random-accent) 3%)
 )!important;
 color:var(--random-ink)!important;
 font:900 min(13cqh,7cqw,34px)/1.2 Cairo,sans-serif!important;
 text-align:center!important;
 overflow-wrap:anywhere!important;
 box-shadow:
  inset min(1cqw,4px) 0 0 var(--random-accent),
  0 min(2cqh,7px) min(5cqh,18px) color-mix(in srgb,var(--random-ink) 9%,transparent)!important;
 box-sizing:border-box!important
}
.azwba-app .azwba-board-widget[data-widget-kind="random-picker"] .azwba-random-picker-v2__wheel-wrap{
 position:relative!important;
 display:none!important;
 place-items:center!important;
 min-width:0!important;
 min-height:0!important;
 overflow:visible!important
}
.azwba-app .azwba-board-widget[data-widget-kind="random-picker"] .azwba-random-picker-v2[data-mode="wheel"] .azwba-random-picker-v2__standard{display:none!important}
.azwba-app .azwba-board-widget[data-widget-kind="random-picker"] .azwba-random-picker-v2[data-mode="wheel"] .azwba-random-picker-v2__wheel-wrap{display:grid!important}
.azwba-app .azwba-board-widget[data-widget-kind="random-picker"] .azwba-random-picker-v2__wheel-wrap::before{
 content:"";
 position:absolute;
 width:min(78cqh,78cqw,280px);
 aspect-ratio:1;
 border-radius:50%;
 background:
  radial-gradient(circle at center,transparent 0 66%,color-mix(in srgb,var(--random-accent) 9%,transparent) 66% 70%,transparent 70%),
  repeating-conic-gradient(from -4deg,color-mix(in srgb,var(--random-ink) 10%,transparent) 0 1deg,transparent 1deg 18deg);
 opacity:.85;
 pointer-events:none
}
.azwba-app .azwba-board-widget[data-widget-kind="random-picker"] .azwba-random-picker-v2__wheel{
 position:relative!important;
 display:grid!important;
 place-items:center!important;
 width:min(68cqh,68cqw,240px)!important;
 max-width:100%!important;
 aspect-ratio:1!important;
 border:min(1.7cqh,5px) solid var(--random-bg)!important;
 border-radius:50%!important;
 outline:min(.9cqh,3px) solid color-mix(in srgb,var(--random-accent) 68%,var(--random-ink) 32%)!important;
 outline-offset:min(.9cqh,3px)!important;
 box-shadow:
  0 0 0 min(2.2cqh,7px) color-mix(in srgb,var(--random-accent) 10%,transparent),
  0 min(3cqh,10px) min(7cqh,24px) color-mix(in srgb,var(--random-ink) 16%,transparent)!important;
 transform:rotate(0deg);
 transition:none
}
.azwba-app .azwba-board-widget[data-widget-kind="random-picker"] .azwba-random-picker-v2__wheel::before{
 content:"";
 position:absolute;
 inset:7%;
 border-radius:50%;
 border:min(.8cqh,2px) dashed color-mix(in srgb,var(--random-bg) 70%,transparent);
 pointer-events:none
}
.azwba-app .azwba-board-widget[data-widget-kind="random-picker"] .azwba-random-picker-v2__wheel::after{
 content:"";
 position:absolute!important;
 inset:29%!important;
 border:min(.9cqh,3px) solid color-mix(in srgb,var(--random-accent) 32%,var(--random-ink) 8%)!important;
 border-radius:40% 60% 52% 48% / 58% 43% 57% 42%!important;
 background:linear-gradient(145deg,
  color-mix(in srgb,var(--random-bg) 88%,var(--random-accent) 12%),
  var(--random-bg)
 )!important;
 box-shadow:
  inset 0 0 0 min(.8cqh,2px) color-mix(in srgb,var(--random-bg) 65%,transparent),
  0 min(1.5cqh,5px) min(4cqh,14px) color-mix(in srgb,var(--random-ink) 12%,transparent)!important;
 transform:rotate(8deg)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="random-picker"] .azwba-random-picker-v2__wheel span{
 position:relative!important;
 z-index:2!important;
 max-width:48%!important;
 overflow:hidden!important;
 color:var(--random-ink)!important;
 font:900 min(7cqh,4.5cqw,18px)/1.15 Cairo,sans-serif!important;
 text-align:center!important;
 text-overflow:ellipsis!important;
 white-space:nowrap!important
}
.azwba-app .azwba-board-widget[data-widget-kind="random-picker"] .azwba-random-picker-v2__pointer{
 position:absolute!important;
 z-index:5!important;
 top:2%!important;
 left:50%!important;
 right:auto!important;
 width:min(12cqh,34px)!important;
 height:min(12cqh,34px)!important;
 border:0!important;
 border-radius:11px 4px 11px 4px!important;
 background:linear-gradient(145deg,
  color-mix(in srgb,var(--random-accent) 78%,var(--random-bg) 22%),
  color-mix(in srgb,var(--random-accent) 74%,var(--random-ink) 26%)
 )!important;
 box-shadow:
  0 0 0 min(.8cqh,2px) var(--random-bg),
  0 min(1.6cqh,5px) min(4cqh,12px) color-mix(in srgb,var(--random-accent) 28%,transparent)!important;
 transform:translateX(-50%) rotate(45deg)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="random-picker"] .azwba-random-picker-v2__pointer::after{
 content:"";
 position:absolute;
 inset:29%;
 border-radius:50%;
 background:var(--random-bg);
 box-shadow:0 0 0 1px color-mix(in srgb,var(--random-ink) 12%,transparent)
}
.azwba-app .azwba-board-widget[data-widget-kind="random-picker"] .azwba-random-picker-v2[data-animations="0"] .azwba-random-picker-v2__wheel{
 transition:none!important
}
.azwba-app .azwba-board-widget[data-widget-kind="random-picker"] .azwba-random-picker-v2.is-picking .azwba-random-picker-v2__result{
 animation:azwb-randomizer-orbit-pop .62s cubic-bezier(.2,.8,.2,1)
}
@keyframes azwb-randomizer-orbit-pop{
 0%{transform:scale(.94) rotate(-1deg);opacity:.7}
 48%{transform:scale(1.035) rotate(.5deg);opacity:1}
 100%{transform:scale(1) rotate(0)}
}
.azwba-app .azwba-board-widget[data-widget-kind="random-picker"] .azwba-random-picker-v2__actions{
 display:grid!important;
 grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;
 gap:min(2.4cqw,8px)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="random-picker"] .azwba-random-picker-v2__actions button{
 min-width:0!important;
 min-height:min(13cqh,42px)!important;
 padding:min(2.5cqh,8px) min(3cqw,11px)!important;
 border:1px solid color-mix(in srgb,var(--random-accent) 32%,transparent)!important;
 border-radius:min(3.5cqh,11px)!important;
 background:color-mix(in srgb,var(--random-bg) 96%,var(--random-accent) 4%)!important;
 color:var(--random-ink)!important;
 font:850 min(3.4cqh,3cqw,14px)/1.3 Cairo,sans-serif!important;
 box-shadow:none!important
}
.azwba-app .azwba-board-widget[data-widget-kind="random-picker"] .azwba-random-picker-v2__actions button:first-child{
 border-color:var(--random-accent)!important;
 background:linear-gradient(135deg,
  var(--random-accent),
  color-mix(in srgb,var(--random-accent) 72%,var(--random-ink) 28%)
 )!important;
 color:var(--random-bg)!important;
 box-shadow:0 min(1.7cqh,5px) min(4cqh,13px) color-mix(in srgb,var(--random-accent) 23%,transparent)!important
}
/* React to the widget bounds instead of the browser viewport. */

/* Randomizer settings */
.azwba-app .azwba-widget-settings__names{
 width:100%;
 min-height:150px;
 resize:vertical;
 padding:9px 10px;
 border:1px solid #D1D5DB;
 border-radius:8px;
 background:#fff;
 color:#374151;
 font:600 10px/1.65 Cairo,sans-serif;
 box-sizing:border-box
}
.azwba-app .azwba-widget-settings__note{
 color:#6B7280;
 font-size:8.5px;
 line-height:1.5
}
.azwba-app .azwba-widget-settings__source-btn{
 align-self:start;
 min-height:36px;
 padding:7px 12px;
 border:1px solid #D1D5DB;
 border-radius:8px;
 background:#fff;
 color:#374151;
 font:750 9px/1.3 Cairo,sans-serif;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__source-btn:hover{background:#F9FAFB}
.azwba-app .azwba-widget-settings__chosen{
 display:grid;
 gap:7px;
 padding:9px;
 border:1px solid #E5E7EB;
 border-radius:8px;
 background:#F9FAFB
}
.azwba-app .azwba-widget-settings__chosen>small{
 color:#6B7280;
 font-size:8.5px;
 font-weight:700
}
.azwba-app .azwba-widget-settings__chosen>div{
 display:flex;
 flex-wrap:wrap;
 gap:5px
}
.azwba-app .azwba-widget-settings__chosen>div span{
 padding:4px 7px;
 border-radius:999px;
 background:#EEF2FF;
 color:#4338CA;
 font-size:8px;
 font-weight:800
}
.azwba-app .azwba-widget-settings__chosen>button{
 justify-self:start;
 min-height:32px;
 padding:5px 9px;
 border:1px solid #D1D5DB;
 border-radius:7px;
 background:#fff;
 color:#4B5563;
 font:700 8.5px/1.3 Cairo,sans-serif;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__choice .is-random-standard{
 width:48px;
 height:30px;
 border:2px solid #6366F1;
 border-radius:7px;
 background:linear-gradient(135deg,#EEF2FF,#FFFFFF)
}
.azwba-app .azwba-widget-settings__choice .is-random-wheel{
 width:42px;
 height:42px;
 border:2px solid #6366F1;
 border-radius:50%;
 background:conic-gradient(#6366F1 0 25%,#22C55E 25% 50%,#F59E0B 50% 75%,#EC4899 75%)
}


/* AZWB_POLL_ORIGINAL_IDENTITY_V19
   Edutech Class Pulse Ballot — theme-aware and container-responsive. */
.azwba-app .azwba-board-widget[data-widget-kind="poll"] .azwba-poll{
 --poll-accent:#6366F1;
 --poll-bg:#FFFFFF;
 --poll-ink:#111827;
 container-type:size;
 container-name:poll-widget;
 display:grid!important;
 grid-template-rows:auto auto minmax(0,1fr) auto!important;
 width:100%!important;
 height:100%!important;
 min-width:0!important;
 min-height:0!important;
 gap:min(2.8cqh,2.2cqw,9px)!important;
 padding:min(3.8cqh,3cqw,12px)!important;
 background:
  radial-gradient(circle at 90% 7%,color-mix(in srgb,var(--poll-accent) 10%,transparent),transparent 28%),
  linear-gradient(160deg,var(--poll-bg),color-mix(in srgb,var(--poll-bg) 96%,var(--poll-accent) 4%))!important;
 color:var(--poll-ink)!important;
 box-sizing:border-box;
 overflow:hidden
}
.azwba-app .azwba-board-widget[data-widget-kind="poll"] .azwba-poll__hero{
 position:relative;
 display:grid!important;
 grid-template-columns:auto minmax(0,1fr)!important;
 align-items:center!important;
 gap:min(3cqw,10px)!important;
 min-height:min(14cqh,54px)!important;
 padding:min(3cqh,10px) min(4cqw,14px)!important;
 border:1px solid color-mix(in srgb,var(--poll-accent) 22%,transparent)!important;
 border-radius:min(4cqh,14px) min(2.2cqh,8px) min(4cqh,14px) min(2.2cqh,8px)!important;
 background:linear-gradient(135deg,
  color-mix(in srgb,var(--poll-bg) 89%,var(--poll-accent) 11%),
  color-mix(in srgb,var(--poll-bg) 97%,var(--poll-accent) 3%)
 )!important;
 box-shadow:inset min(1cqw,4px) 0 0 var(--poll-accent)!important;
 overflow:hidden
}
.azwba-app .azwba-board-widget[data-widget-kind="poll"] .azwba-poll__live{
 position:relative;
 flex:0 0 auto!important;
 width:min(6cqh,16px)!important;
 height:min(6cqh,16px)!important;
 border:min(.7cqh,2px) solid var(--poll-bg)!important;
 border-radius:50%!important;
 background:#94A3B8!important;
 box-shadow:0 0 0 min(1.3cqh,4px) color-mix(in srgb,#94A3B8 16%,transparent)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="poll"] .azwba-poll__live[data-open="1"]{
 background:var(--poll-accent)!important;
 box-shadow:0 0 0 min(1.3cqh,4px) color-mix(in srgb,var(--poll-accent) 14%,transparent),
            0 0 min(4cqh,14px) color-mix(in srgb,var(--poll-accent) 32%,transparent)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="poll"] .azwba-poll__hero strong{
 min-width:0!important;
 overflow:hidden!important;
 color:var(--poll-ink)!important;
 font:900 min(5cqh,4cqw,18px)/1.45 Cairo,sans-serif!important;
 text-overflow:ellipsis!important;
 white-space:nowrap!important
}
.azwba-app .azwba-board-widget[data-widget-kind="poll"] .azwba-poll__choices{
 display:grid!important;
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:min(2.2cqh,2cqw,8px)!important;
 min-width:0!important;
 min-height:0!important
}
.azwba-app .azwba-board-widget[data-widget-kind="poll"] .azwba-poll__choice{
 --poll-choice-color:var(--poll-accent);
 position:relative!important;
 display:flex!important;
 align-items:center!important;
 justify-content:flex-start!important;
 min-width:0!important;
 min-height:min(17cqh,58px)!important;
 padding:min(2.6cqh,9px) min(3cqw,11px) min(2.6cqh,9px) min(10cqw,38px)!important;
 border:1px solid color-mix(in srgb,var(--poll-choice-color) 24%,var(--poll-ink) 6%)!important;
 border-radius:min(3.3cqh,11px)!important;
 background:linear-gradient(135deg,
  color-mix(in srgb,var(--poll-bg) 95%,var(--poll-choice-color) 5%),
  var(--poll-bg)
 )!important;
 color:var(--poll-ink)!important;
 font:800 min(3.8cqh,3.2cqw,14px)/1.35 Cairo,sans-serif!important;
 text-align:start!important;
 box-shadow:0 min(1cqh,3px) min(3cqh,10px) color-mix(in srgb,var(--poll-ink) 5%,transparent)!important;
 cursor:pointer!important;
 overflow:hidden!important;
 transition:.15s ease!important
}
.azwba-app .azwba-board-widget[data-widget-kind="poll"] .azwba-poll__choice::before{
 content:attr(data-option);
 position:absolute;
 left:min(2.2cqw,8px);
 top:50%;
 display:grid;
 place-items:center;
 width:min(7cqh,6.8cqw,24px);
 height:min(7cqh,6.8cqw,24px);
 transform:translateY(-50%);
 border-radius:8px 4px 8px 4px;
 background:var(--poll-choice-color);
 color:var(--poll-bg);
 font:900 min(3.5cqh,3cqw,12px)/1 Arial,sans-serif;
 box-shadow:0 3px 9px color-mix(in srgb,var(--poll-choice-color) 24%,transparent)
}
.azwba-app .azwba-board-widget[data-widget-kind="poll"] .azwba-poll__choice::after{
 content:"";
 position:absolute;
 left:0;
 bottom:0;
 width:100%;
 height:min(1cqh,3px);
 background:var(--poll-choice-color);
 opacity:.7
}
.azwba-app .azwba-board-widget[data-widget-kind="poll"] .azwba-poll__choice:hover:not(:disabled){
 transform:translateY(-1px)!important;
 border-color:color-mix(in srgb,var(--poll-choice-color) 58%,transparent)!important;
 background:color-mix(in srgb,var(--poll-bg) 88%,var(--poll-choice-color) 12%)!important;
 box-shadow:0 min(2cqh,6px) min(4cqh,14px) color-mix(in srgb,var(--poll-choice-color) 15%,transparent)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="poll"] .azwba-poll__choice:disabled{
 opacity:.48!important;
 cursor:not-allowed!important
}
.azwba-app .azwba-board-widget[data-widget-kind="poll"] .azwba-poll__results{
 display:grid!important;
 align-content:center!important;
 gap:min(2.2cqh,7px)!important;
 min-width:0!important;
 min-height:0!important;
 overflow:auto!important;
 padding:min(2.5cqh,8px)!important;
 border:1px solid color-mix(in srgb,var(--poll-ink) 7%,transparent)!important;
 border-radius:min(3.3cqh,11px)!important;
 background:color-mix(in srgb,var(--poll-bg) 97%,var(--poll-accent) 3%)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="poll"] .azwba-poll__bars{
 display:grid!important;
 gap:min(2cqh,6px)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="poll"] .azwba-poll__result{
 display:grid!important;
 grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr) minmax(0,auto)!important;
 align-items:center!important;
 gap:min(2cqw,7px)!important;
 min-width:0!important;
 color:var(--poll-ink)!important;
 font-size:min(3.1cqh,2.8cqw,12px)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="poll"] .azwba-poll__result>span{
 overflow:hidden!important;
 text-overflow:ellipsis!important;
 white-space:nowrap!important
}
.azwba-app .azwba-board-widget[data-widget-kind="poll"] .azwba-poll__result i{
 position:relative!important;
 height:min(4.2cqh,12px)!important;
 overflow:hidden!important;
 border-radius:4px 999px 999px 4px!important;
 background:color-mix(in srgb,var(--poll-ink) 8%,transparent)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="poll"] .azwba-poll__result i::before{
 content:""!important;
 display:block!important;
 width:var(--poll-pct,0%)!important;
 height:100%!important;
 border-radius:inherit!important;
 background:var(--poll-color,var(--poll-accent))!important;
 box-shadow:inset 0 1px 0 color-mix(in srgb,var(--poll-bg) 26%,transparent)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="poll"] .azwba-poll__result strong{
 display:grid;
 place-items:center;
 min-width:min(8cqw,28px);
 min-height:min(7cqh,22px);
 padding:2px 5px;
 border-radius:999px;
 background:color-mix(in srgb,var(--poll-accent) 9%,var(--poll-bg));
 color:var(--poll-ink);
 font:900 min(3cqh,2.7cqw,12px)/1 Arial,sans-serif;
 font-variant-numeric:tabular-nums
}
.azwba-app .azwba-board-widget[data-widget-kind="poll"] .azwba-poll__circle{
 position:relative!important;
 justify-self:center!important;
 display:grid!important;
 place-items:center!important;
 width:min(52cqh,40cqw,150px)!important;
 aspect-ratio:1!important;
 border:min(1cqh,3px) solid var(--poll-bg)!important;
 border-radius:42% 58% 48% 52% / 54% 44% 56% 46%!important;
 box-shadow:0 0 0 min(.8cqh,2px) color-mix(in srgb,var(--poll-accent) 20%,transparent),
            0 min(2cqh,6px) min(5cqh,16px) color-mix(in srgb,var(--poll-ink) 10%,transparent)!important;
 transform:rotate(-3deg)
}
.azwba-app .azwba-board-widget[data-widget-kind="poll"] .azwba-poll__circle.is-doughnut::after{
 content:""!important;
 position:absolute!important;
 inset:28%!important;
 border-radius:46% 54% 52% 48%!important;
 background:var(--poll-bg)!important;
 box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--poll-ink) 7%,transparent)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="poll"] .azwba-poll__circle>strong{
 position:relative!important;
 z-index:2!important;
 color:var(--poll-ink)!important;
 font:900 min(7cqh,5cqw,21px)/1 Arial,sans-serif!important
}
.azwba-app .azwba-board-widget[data-widget-kind="poll"] .azwba-poll__legend{
 display:flex!important;
 flex-wrap:wrap!important;
 justify-content:center!important;
 gap:4px min(2.5cqw,9px)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="poll"] .azwba-poll__legend span{
 display:flex!important;
 align-items:center!important;
 gap:4px!important;
 min-width:0!important;
 color:var(--poll-ink)!important;
 font-size:min(2.7cqh,2.4cqw,11px)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="poll"] .azwba-poll__legend i{
 width:min(2.5cqh,7px)!important;
 height:min(2.5cqh,7px)!important;
 flex:0 0 auto!important;
 border-radius:min(1.4cqh,1.1cqw,4px) min(.4cqh,.3cqw,1px) min(1.4cqh,1.1cqw,4px) min(.4cqh,.3cqw,1px)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="poll"] .azwba-poll__legend b{
 max-width:min(28cqw,100px)!important;
 overflow:hidden!important;
 font-weight:750!important;
 text-overflow:ellipsis!important;
 white-space:nowrap!important
}
.azwba-app .azwba-board-widget[data-widget-kind="poll"] .azwba-poll__results>small{
 color:color-mix(in srgb,var(--poll-ink) 54%,transparent)!important;
 font-size:min(2.7cqh,2.4cqw,11px)!important;
 text-align:center!important
}
.azwba-app .azwba-board-widget[data-widget-kind="poll"] .azwba-poll__hidden{
 display:grid!important;
 place-items:center!important;
 height:100%!important;
 min-height:min(18cqh,64px)!important;
 color:color-mix(in srgb,var(--poll-ink) 54%,transparent)!important;
 font-size:min(3.2cqh,2.8cqw,13px)!important;
 font-weight:750!important
}

/* Poll settings drawer */
.azwba-app .azwba-widget-settings__poll-types{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:7px
}
.azwba-app .azwba-widget-settings__poll-type{
 display:flex;
 min-width:0;
 min-height:78px;
 flex-direction:column;
 align-items:center;
 justify-content:center;
 gap:5px;
 padding:7px 4px;
 border:1px solid #D1D5DB;
 border-radius:8px;
 background:#fff;
 color:#4B5563;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__poll-type.is-active{
 border:2px solid #6366F1;
 padding:6px 3px;
 color:#4338CA
}
.azwba-app .azwba-widget-settings__poll-type strong{
 font:850 18px/1 Arial,sans-serif
}
.azwba-app .azwba-widget-settings__poll-type span{
 font-size:8px;
 font-weight:750;
 text-align:center
}
.azwba-app .azwba-widget-settings__poll-question{
 width:100%;
 min-height:82px;
 resize:vertical;
 padding:9px 10px;
 border:1px solid #D1D5DB;
 border-radius:8px;
 background:#fff;
 color:#374151;
 font:600 10px/1.6 Cairo,sans-serif;
 box-sizing:border-box
}
.azwba-app .azwba-widget-settings__char-count{
 align-self:end;
 color:#9CA3AF;
 font-size:8px
}
.azwba-app .azwba-widget-settings__poll-options{
 display:grid;
 gap:7px
}
.azwba-app .azwba-widget-settings__poll-option{
 display:grid;
 grid-template-columns:28px minmax(0,1fr) 46px 30px;
 align-items:center;
 gap:6px
}
.azwba-app .azwba-widget-settings__poll-option>span{
 display:grid;
 place-items:center;
 width:28px;
 height:28px;
 border-radius:7px;
 background:#EEF2FF;
 color:#4338CA;
 font:850 10px/1 Arial,sans-serif
}
.azwba-app .azwba-widget-settings__poll-option>input{
 width:100%;
 min-width:0;
 min-height:34px;
 padding:5px 7px;
 border:1px solid #D1D5DB;
 border-radius:6px;
 background:#fff;
 color:#374151;
 font:600 9px/1.35 Cairo,sans-serif
}
.azwba-app .azwba-widget-settings__poll-option>small{
 color:#9CA3AF;
 font-size:7.5px;
 white-space:nowrap
}
.azwba-app .azwba-widget-settings__poll-option>button{
 display:grid;
 place-items:center;
 width:30px;
 height:30px;
 min-width:30px;
 border:1px solid #F1C7C3;
 border-radius:50%;
 background:#FFF7F6;
 color:#B91C1C;
 font:700 16px/1 Arial,sans-serif;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__poll-option>button:disabled{
 opacity:.3;
 cursor:not-allowed
}
.azwba-app .azwba-widget-settings__add-option,

.azwba-app .azwba-widget-settings__reset-action{
 align-self:start;
 min-height:36px;
 padding:7px 12px;
 border:1px solid #D1D5DB;
 border-radius:8px;
 background:#fff;
 color:#374151;
 font:750 9px/1.3 Cairo,sans-serif;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__reset-action{
 border-color:#F0B9B4;
 color:#B91C1C;
 background:#FFF8F7
}
.azwba-app .azwba-widget-settings__add-option:disabled{
 opacity:.4;
 cursor:not-allowed
}


/* AZWB_TIMETABLE_PARITY_V11 */
.azwba-app .azwba-board-widget[data-widget-kind="timetable-v1"] .azwba-timetable-v1[data-display="list"] .azwba-timetable-v1__mark,



.azwba-app .azwba-board-widget[data-widget-kind="timetable-v1"] .azwba-timetable-v1[data-display="timed"] .azwba-timetable-v1__mark{
 border:0!important;
 background:transparent!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timetable-v1"] .azwba-timetable-v1__item[data-kind="break"]{
 border-style:dashed!important;
 background:color-mix(in srgb,var(--tt-bg) 91%,var(--tt-accent) 9%)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timetable-v1"] .azwba-timetable-v1__item[data-kind="break"] .azwba-timetable-v1__copy strong{
 font-style:italic;
 font-weight:750
}
.azwba-app .azwba-widget-settings__activity.is-break{
 border-style:dashed;
 background:#FAFAFA
}
.azwba-app .azwba-widget-settings__activity.is-break .azwba-widget-settings__activity-main:before{
 content:"استراحة";
 grid-column:1/-1;
 color:#6B7280;
 font-size:8px;
 font-weight:800
}
.azwba-app .azwba-widget-settings__activity-meta{
 grid-template-columns:minmax(0,1fr)!important
}
.azwba-app .azwba-widget-settings__activity-actions{
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 gap:8px
}
.azwba-app .azwba-widget-settings__add-activity,

.azwba-app .azwba-widget-settings__add-break{
 min-height:38px;
 padding:7px 13px;
 border:1px solid #9CA3AF;
 border-radius:999px;
 background:#fff;
 color:#374151;
 font:700 9px/1.3 Cairo,sans-serif;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__add-break{
 border-style:dashed;
 background:#F9FAFB
}
.azwba-app .azwba-widget-settings__add-activity:hover,

.azwba-app .azwba-widget-settings__add-break:hover{
 border-color:#6B7280;
 background:#F3F4F6
}
.azwba-app .azwba-widget-settings__add-activity:disabled,

.azwba-app .azwba-widget-settings__add-break:disabled{
 opacity:.4;
 cursor:not-allowed
}


/* AZWB_SOUND_LEVEL_PARITY_V13 */






/* Reference-style smoothing control: one 0–10 slider with Live / Average / Smooth scale. */
.azwba-app .azwba-widget-settings__smoothing{
 display:grid;
 gap:7px
}
.azwba-app .azwba-widget-settings__smoothing>output{
 justify-self:center;
 min-width:64px;
 color:#374151;
 font:750 9px/1.2 Cairo,sans-serif;
 text-align:center
}
.azwba-app .azwba-widget-settings__smoothing>input[type="range"]{
 width:100%;
 height:20px;
 margin:0;
 accent-color:#6366F1;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__range-scale{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 color:#6B7280;
 font-size:8px;
 font-weight:650
}
.azwba-app .azwba-widget-settings__range-scale span:first-child{text-align:start}
.azwba-app .azwba-widget-settings__range-scale span:nth-child(2){text-align:center}
.azwba-app .azwba-widget-settings__range-scale span:last-child{text-align:end}
.azwba-app .azwba-widget-settings__counter-line{
 display:grid;
 grid-template-columns:96px minmax(0,1fr);
 align-items:center;
 gap:8px
}
.azwba-app .azwba-widget-settings__counter-line input[readonly]{
 width:96px;
 min-height:36px;
 padding:6px 8px;
 border:1px solid #D1D5DB;
 border-radius:7px;
 background:#F9FAFB;
 color:#374151;
 font:750 10px/1 Arial,sans-serif;
 text-align:center;
 font-variant-numeric:tabular-nums
}
.azwba-app .azwba-widget-settings__counter-line button{
 justify-self:start;
 min-height:36px;
 padding:7px 12px;
 border:1px solid #F1B8B2;
 border-radius:8px;
 background:#FFF7F6;
 color:#B91C1C;
 font:750 9px/1.3 Cairo,sans-serif;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__counter-line button:hover{
 background:#FEECE9
}
@media(max-width:680px){
 .azwba-app .azwba-widget-settings__counter-line{
  grid-template-columns:88px minmax(0,1fr)
 }
}


/* AZWB_RANDOMIZER_TABS_V14 */
.azwba-app .azwba-widget-settings__tabs{
 position:sticky;
 top:0;
 z-index:3;
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:0;
 padding:10px 17px 0;
 border-bottom:1px solid #E5E7EB;
 background:#fff
}
.azwba-app .azwba-widget-settings__tabs button{
 min-height:42px;
 padding:8px 6px 10px;
 border:0;
 border-bottom:1px solid #D1D5DB;
 background:transparent;
 color:#6B7280;
 font:750 10px/1.3 Cairo,sans-serif;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__tabs button.is-active{
 border-bottom:2px solid #6366F1;
 color:#4F46E5;
 font-weight:850
}
.azwba-app .azwba-widget-settings__tab-pane[hidden]{display:none!important}
.azwba-app .azwba-widget-settings__list-tools{
 display:flex;
 flex-wrap:wrap;
 align-items:flex-start;
 gap:8px
}
.azwba-app .azwba-widget-settings__suggestions{
 position:relative;
 min-width:110px
}
.azwba-app .azwba-widget-settings__suggestions>summary{
 display:flex;
 align-items:center;
 min-height:36px;
 padding:7px 12px;
 border:1px solid #D1D5DB;
 border-radius:8px;
 background:#fff;
 color:#4B5563;
 font:750 9px/1.3 Cairo,sans-serif;
 cursor:pointer;
 list-style:none
}
.azwba-app .azwba-widget-settings__suggestions>summary::-webkit-details-marker{display:none}
.azwba-app .azwba-widget-settings__suggestions>summary:after{
 content:"⌄";
 margin-inline-start:7px;
 color:#9CA3AF;
 font-size:12px
}
.azwba-app .azwba-widget-settings__suggestions[open]>summary{
 border-color:#A5B4FC;
 box-shadow:0 0 0 2px rgba(99,102,241,.08)
}
.azwba-app .azwba-widget-settings__suggestions-menu{
 position:absolute;
 z-index:8;
 top:calc(100% + 5px);
 inset-inline-end:0;
 display:grid;
 width:190px;
 overflow:hidden;
 padding:5px;
 border:1px solid #D1D5DB;
 border-radius:9px;
 background:#fff;
 box-shadow:0 12px 26px rgba(15,23,42,.14)
}
.azwba-app .azwba-widget-settings__suggestions-menu button{
 min-height:34px;
 padding:7px 9px;
 border:0;
 border-radius:6px;
 background:transparent;
 color:#374151;
 font:650 9px/1.35 Cairo,sans-serif;
 text-align:start;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__suggestions-menu button:hover{background:#F3F4F6}
.azwba-app .azwba-widget-settings__suggestions>small{
 display:block;
 width:190px;
 margin-top:6px;
 color:#92400E;
 font-size:8px;
 line-height:1.45
}
.azwba-app .azwba-widget-settings__chosen>div em{
 color:#9CA3AF;
 font-size:8px;
 font-style:normal
}
.azwba-app .azwba-widget-settings__chosen>button:disabled{
 opacity:.4;
 cursor:not-allowed
}


.azwba-app .azwba-widget-settings__team-names{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:8px
}
@media(max-width:680px){
 .azwba-app .azwba-widget-settings__team-names{grid-template-columns:1fr}
}


.azwba-app .azwba-widget-settings__dice-sides{
 grid-template-columns:repeat(3,minmax(0,1fr))!important
}


/* AZWB_LESSON_PLAN_ORIGINAL_IDENTITY_V33
   Edutech Lesson Flow — theme-aware and true-scale after atomic resize commit. */
.azwba-app .azwba-board-widget[data-widget-kind="lesson-plan"] .azwba-lesson-plan--board{
 --lesson-accent:#6366F1;
 --lesson-bg:#FFFFFF;
 --lesson-ink:#111827;
 container-type:size;
 container-name:lesson-plan-widget;
 position:relative;
 display:grid!important;
 width:100%!important;
 height:100%!important;
 min-width:0!important;
 min-height:0!important;
 padding:min(4cqh,3.2cqw,14px)!important;
 overflow:hidden!important;
 background:
  radial-gradient(circle at 90% 7%,color-mix(in srgb,var(--lesson-accent) 10%,transparent),transparent 28%),
  linear-gradient(155deg,var(--lesson-bg),color-mix(in srgb,var(--lesson-bg) 96%,var(--lesson-accent) 4%))!important;
 color:var(--lesson-ink)!important;
 box-sizing:border-box
}
.azwba-app .azwba-board-widget[data-widget-kind="lesson-plan"] .azwba-lesson-plan--board::before{
 content:"";
 position:absolute;
 top:min(3cqh,11px);
 left:min(3cqw,11px);
 width:min(13cqw,48px);
 height:min(1cqh,4px);
 border-radius:999px;
 background:repeating-linear-gradient(90deg,var(--lesson-accent) 0 min(1.8cqw,7px),transparent min(1.8cqw,7px) min(3cqw,12px));
 opacity:.35
}
.azwba-app .azwba-board-widget[data-widget-kind="lesson-plan"] .azwba-lesson-plan--board .azwba-lesson-plan__items{
 display:grid!important;
 align-content:start!important;
 gap:min(2.4cqh,2cqw,10px)!important;
 max-height:none!important;
 min-width:0!important;
 min-height:0!important;
 padding:min(2cqh,1.5cqw,6px)!important;
 overflow:auto!important;
 scrollbar-width:thin;
 scrollbar-color:color-mix(in srgb,var(--lesson-accent) 22%,transparent) transparent
}
.azwba-app .azwba-board-widget[data-widget-kind="lesson-plan"] .azwba-lesson-plan__item--display{
 position:relative!important;
 display:grid!important;
 grid-template-columns:auto auto minmax(0,1fr)!important;
 align-items:center!important;
 min-width:0!important;
 gap:min(3cqw,2.4cqh,10px)!important;
 padding:min(3cqh,2.7cqw,12px)!important;
 overflow:hidden!important;
 border:1px solid color-mix(in srgb,var(--lesson-accent) 18%,var(--lesson-ink) 6%)!important;
 border-radius:min(4cqh,3cqw,15px) min(1.5cqh,1.1cqw,6px) min(4cqh,3cqw,15px) min(1.5cqh,1.1cqw,6px)!important;
 background:linear-gradient(145deg,
  color-mix(in srgb,var(--lesson-bg) 94%,var(--lesson-accent) 6%),
  color-mix(in srgb,var(--lesson-bg) 99%,var(--lesson-accent) 1%)
 )!important;
 box-shadow:
  inset min(.8cqw,3px) 0 0 color-mix(in srgb,var(--lesson-accent) 58%,transparent),
  0 min(1.2cqh,4px) min(3cqh,12px) color-mix(in srgb,var(--lesson-ink) 6%,transparent)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="lesson-plan"] .azwba-lesson-plan__item--display::after{
 content:attr(data-item-number);
 position:absolute;
 right:min(2cqw,9px);
 top:min(1.7cqh,8px);
 display:grid;
 place-items:center;
 width:min(5cqh,4.3cqw,20px);
 height:min(5cqh,4.3cqw,20px);
 border-radius:min(1.7cqh,7px) min(.7cqh,3px) min(1.7cqh,7px) min(.7cqh,3px);
 background:color-mix(in srgb,var(--lesson-bg) 82%,var(--lesson-accent) 18%);
 color:var(--lesson-accent);
 font:900 min(2.5cqh,2.1cqw,10px)/1 Arial,sans-serif
}
.azwba-app .azwba-board-widget[data-widget-kind="lesson-plan"] .azwba-lesson-plan__item--display[data-active="1"]{
 border-color:var(--lesson-accent)!important;
 background:linear-gradient(145deg,
  color-mix(in srgb,var(--lesson-bg) 82%,var(--lesson-accent) 18%),
  color-mix(in srgb,var(--lesson-bg) 96%,var(--lesson-accent) 4%)
 )!important;
 box-shadow:
  inset min(1cqw,4px) 0 0 var(--lesson-accent),
  0 0 0 min(.7cqh,2px) color-mix(in srgb,var(--lesson-accent) 11%,transparent),
  0 0 min(5cqh,18px) color-mix(in srgb,var(--lesson-accent) 15%,transparent)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="lesson-plan"] .azwba-lesson-plan__item--display[data-kind="break"]{
 border-style:dashed!important;
 background:color-mix(in srgb,var(--lesson-bg) 96%,var(--lesson-ink) 4%)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="lesson-plan"] .azwba-lesson-plan__icon-display{
 display:grid!important;
 place-items:center!important;
 width:min(11cqh,9cqw,40px)!important;
 height:min(11cqh,9cqw,40px)!important;
 min-width:0!important;
 min-height:0!important;
 border:1px solid color-mix(in srgb,var(--lesson-accent) 20%,var(--lesson-ink) 5%)!important;
 border-radius:min(3cqh,2.4cqw,11px) min(1.1cqh,.8cqw,4px) min(3cqh,2.4cqw,11px) min(1.1cqh,.8cqw,4px)!important;
 background:color-mix(in srgb,var(--lesson-bg) 91%,var(--lesson-accent) 9%)!important;
 color:var(--lesson-ink)!important;
 font-size:min(6.5cqh,5.2cqw,22px)!important;
 line-height:1!important
}
.azwba-app .azwba-board-widget[data-widget-kind="lesson-plan"] .azwba-lesson-plan__copy{
 display:flex!important;
 min-width:0!important;
 flex-direction:column!important;
 gap:min(1cqh,4px)!important;
 padding-inline-end:min(5cqw,24px)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="lesson-plan"] .azwba-lesson-plan__title{
 overflow:hidden!important;
 color:var(--lesson-ink)!important;
 font:850 min(4.2cqh,3.6cqw,15px)/1.35 Cairo,sans-serif!important;
 text-overflow:ellipsis!important;
 white-space:nowrap!important
}
.azwba-app .azwba-board-widget[data-widget-kind="lesson-plan"] .azwba-lesson-plan__meta{
 overflow:hidden!important;
 color:color-mix(in srgb,var(--lesson-ink) 58%,transparent)!important;
 font:800 min(3.1cqh,2.6cqw,11px)/1.3 Cairo,sans-serif!important;
 text-align:start!important;
 text-overflow:ellipsis!important;
 white-space:nowrap!important
}
.azwba-app .azwba-board-widget[data-widget-kind="lesson-plan"] .azwba-lesson-plan__item--display[data-done="1"]{
 opacity:.68!important
}
.azwba-app .azwba-board-widget[data-widget-kind="lesson-plan"] .azwba-lesson-plan__item--display[data-done="1"] .azwba-lesson-plan__title{
 text-decoration:line-through!important;
 color:color-mix(in srgb,var(--lesson-ink) 50%,transparent)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="lesson-plan"] .azwba-lesson-plan__done{
 width:min(5cqh,4.2cqw,18px)!important;
 height:min(5cqh,4.2cqw,18px)!important;
 min-width:0!important;
 min-height:0!important;
 margin:0!important;
 accent-color:var(--lesson-accent)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="lesson-plan"] .azwba-lesson-plan__empty{
 margin:0!important;
 padding:min(6cqh,5cqw,22px)!important;
 border:1px dashed color-mix(in srgb,var(--lesson-accent) 30%,transparent)!important;
 border-radius:min(4cqh,3cqw,14px)!important;
 background:color-mix(in srgb,var(--lesson-bg) 95%,var(--lesson-accent) 5%)!important;
 color:color-mix(in srgb,var(--lesson-ink) 62%,transparent)!important;
 font:800 min(3.5cqh,2.8cqw,13px)/1.55 Cairo,sans-serif!important;
 text-align:center!important
}



.azwba-app .azwba-widget-settings__lesson-items{
 display:grid;
 gap:8px
}
.azwba-app .azwba-widget-settings__lesson-item{
 padding:8px;
 border:1px solid #E5E7EB;
 border-radius:9px;
 background:#fff
}
.azwba-app .azwba-widget-settings__lesson-item.is-break{
 border-style:dashed;
 background:#FAFAFA
}
.azwba-app .azwba-widget-settings__lesson-main{
 display:grid;
 grid-template-columns:48px minmax(0,1fr) 62px 30px 30px 30px;
 align-items:center;
 gap:6px
}
.azwba-app .azwba-widget-settings__lesson-main select,

.azwba-app .azwba-widget-settings__lesson-main input{
 width:100%;
 min-width:0;
 min-height:34px;
 padding:5px 7px;
 border:1px solid #D1D5DB;
 border-radius:6px;
 background:#fff;
 color:#374151;
 font:650 9px/1.3 Cairo,sans-serif
}
.azwba-app .azwba-widget-settings__lesson-main select{
 padding-inline:4px;
 text-align:center
}
.azwba-app .azwba-widget-settings__lesson-main button{
 display:grid;
 place-items:center;
 width:30px;
 height:30px;
 padding:0;
 border:1px solid #D1D5DB;
 border-radius:6px;
 background:#fff;
 color:#4B5563;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__lesson-main button:last-child{
 color:#B91C1C
}
.azwba-app .azwba-widget-settings__lesson-main button:disabled{
 opacity:.35;
 cursor:not-allowed
}
@media(max-width:680px){
 .azwba-app .azwba-widget-settings__lesson-main{
  grid-template-columns:44px minmax(0,1fr) 58px;
 }
 .azwba-app .azwba-widget-settings__lesson-main button{
  grid-row:2
 }
}


.azwba-app .azwba-widget-settings__range-line{
 display:grid;
 grid-template-columns:minmax(0,1fr) 48px;
 align-items:center;
 gap:9px
}
.azwba-app .azwba-widget-settings__range-line input[type="range"]{
 width:100%;
 min-width:0;
 height:20px;
 margin:0;
 accent-color:#6366F1;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__range-line output{
 min-width:48px;
 color:#4B5563;
 font:800 9px/1 Arial,sans-serif;
 text-align:center;
 font-variant-numeric:tabular-nums
}


/* AZWB_STOPWATCH_ORIGINAL_IDENTITY_V27
   Edutech Chrono Track — theme-aware stopwatch with true proportional scaling. */
.azwba-app .azwba-board-widget[data-widget-kind="stopwatch"] .azwba-stopwatch-v2{
 --stopwatch-accent:#6366F1;
 --stopwatch-bg:#FFFFFF;
 --stopwatch-ink:#111827;
 container-type:size;
 container-name:stopwatch-widget;
 display:grid!important;
 grid-template-rows:auto auto minmax(0,1fr)!important;
 width:100%!important;
 height:100%!important;
 min-width:0!important;
 min-height:0!important;
 gap:min(3cqh,2.3cqw,11px)!important;
 padding:min(4cqh,3.2cqw,14px)!important;
 background:
  radial-gradient(circle at 90% 8%,color-mix(in srgb,var(--stopwatch-accent) 10%,transparent),transparent 30%),
  linear-gradient(155deg,var(--stopwatch-bg),color-mix(in srgb,var(--stopwatch-bg) 96%,var(--stopwatch-accent) 4%))!important;
 color:var(--stopwatch-ink)!important;
 box-sizing:border-box;
 overflow:hidden
}
.azwba-app .azwba-board-widget[data-widget-kind="stopwatch"] .azwba-stopwatch-v2>strong{
 position:relative!important;
 display:grid!important;
 place-items:center!important;
 min-width:0!important;
 min-height:min(30cqh,128px)!important;
 padding:min(5cqh,4cqw,18px)!important;
 overflow:hidden!important;
 border:1px solid color-mix(in srgb,var(--stopwatch-accent) 26%,var(--stopwatch-ink) 6%)!important;
 border-radius:min(6cqh,4cqw,22px) min(2.4cqh,1.8cqw,9px) min(6cqh,4cqw,22px) min(2.4cqh,1.8cqw,9px)!important;
 background:
  linear-gradient(145deg,
   color-mix(in srgb,var(--stopwatch-bg) 84%,var(--stopwatch-accent) 16%),
   color-mix(in srgb,var(--stopwatch-bg) 97%,var(--stopwatch-accent) 3%)
  )!important;
 color:var(--stopwatch-ink)!important;
 font:950 min(17cqh,9cqw,58px)/1 Arial,sans-serif!important;
 letter-spacing:min(.3cqw,1px)!important;
 font-variant-numeric:tabular-nums;
 box-shadow:
  inset min(1cqw,4px) 0 0 var(--stopwatch-accent),
  0 min(2cqh,7px) min(5cqh,18px) color-mix(in srgb,var(--stopwatch-ink) 9%,transparent)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="stopwatch"] .azwba-stopwatch-v2>strong::before{
 content:"";
 position:absolute;
 top:min(3cqh,12px);
 left:min(3cqw,12px);
 width:min(4cqh,14px);
 height:min(4cqh,14px);
 border:min(.7cqh,2px) solid var(--stopwatch-bg);
 border-radius:50%;
 background:color-mix(in srgb,var(--stopwatch-accent) 45%,var(--stopwatch-bg) 55%);
 box-shadow:0 0 0 min(1cqh,4px) color-mix(in srgb,var(--stopwatch-accent) 12%,transparent)
}
.azwba-app .azwba-board-widget[data-widget-kind="stopwatch"] .azwba-stopwatch-v2>strong::after{
 content:"";
 position:absolute;
 right:min(3cqw,12px);
 top:min(3cqh,12px);
 width:min(15cqw,58px);
 height:min(1cqh,4px);
 border-radius:999px;
 background:repeating-linear-gradient(90deg,
  var(--stopwatch-accent) 0 min(1.5cqw,6px),
  transparent min(1.5cqw,6px) min(2.5cqw,10px)
 );
 opacity:.45
}
.azwba-app .azwba-board-widget[data-widget-kind="stopwatch"] .azwba-stopwatch-v2[data-running="1"]>strong{
 border-color:color-mix(in srgb,var(--stopwatch-accent) 56%,transparent)!important;
 box-shadow:
  inset min(1cqw,4px) 0 0 var(--stopwatch-accent),
  0 0 0 min(.7cqh,3px) color-mix(in srgb,var(--stopwatch-accent) 11%,transparent),
  0 0 min(6cqh,24px) color-mix(in srgb,var(--stopwatch-accent) 18%,transparent)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="stopwatch"] .azwba-stopwatch-v2[data-running="1"]>strong::before{
 background:var(--stopwatch-accent);
 box-shadow:0 0 0 min(1cqh,4px) color-mix(in srgb,var(--stopwatch-accent) 14%,transparent),
            0 0 min(4cqh,14px) color-mix(in srgb,var(--stopwatch-accent) 34%,transparent)
}
.azwba-app .azwba-board-widget[data-widget-kind="stopwatch"] .azwba-stopwatch-v2__actions{
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:min(2.5cqw,2cqh,9px)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="stopwatch"] .azwba-stopwatch-v2__actions button{
 min-width:0!important;
 min-height:min(12cqh,11cqw,44px)!important;
 padding:min(3cqh,9px) min(2.5cqw,10px)!important;
 border:1px solid color-mix(in srgb,var(--stopwatch-accent) 25%,var(--stopwatch-ink) 7%)!important;
 border-radius:min(3cqh,11px) min(1.2cqh,5px) min(3cqh,11px) min(1.2cqh,5px)!important;
 background:color-mix(in srgb,var(--stopwatch-bg) 96%,var(--stopwatch-accent) 4%)!important;
 color:var(--stopwatch-ink)!important;
 font:850 min(3.6cqh,3cqw,14px)/1.3 Cairo,sans-serif!important;
 cursor:pointer!important
}
.azwba-app .azwba-board-widget[data-widget-kind="stopwatch"] .azwba-stopwatch-v2__actions button[data-sw-start]{
 border-color:var(--stopwatch-accent)!important;
 background:linear-gradient(135deg,var(--stopwatch-accent),color-mix(in srgb,var(--stopwatch-accent) 72%,var(--stopwatch-ink) 28%))!important;
 color:var(--stopwatch-bg)!important;
 box-shadow:0 min(1.6cqh,5px) min(4cqh,14px) color-mix(in srgb,var(--stopwatch-accent) 20%,transparent)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="stopwatch"] .azwba-stopwatch-v2[data-running="1"] .azwba-stopwatch-v2__actions button[data-sw-start]{
 background:linear-gradient(135deg,
  color-mix(in srgb,var(--stopwatch-accent) 45%,#B91C1C 55%),
  color-mix(in srgb,var(--stopwatch-accent) 24%,#7F1D1D 76%)
 )!important
}
.azwba-app .azwba-board-widget[data-widget-kind="stopwatch"] .azwba-stopwatch-v2__actions button:disabled{
 opacity:.34!important;
 cursor:not-allowed!important
}
.azwba-app .azwba-board-widget[data-widget-kind="stopwatch"] .azwba-stopwatch-v2__laps{
 min-width:0!important;
 min-height:0!important;
 max-height:none!important;
 margin:0!important;
 padding:0!important;
 overflow:auto!important;
 list-style:none!important;
 color:color-mix(in srgb,var(--stopwatch-ink) 76%,transparent)!important;
 font:750 min(3.2cqh,2.7cqw,13px)/1.45 Cairo,sans-serif!important;
 scrollbar-width:thin;
 scrollbar-color:color-mix(in srgb,var(--stopwatch-accent) 22%,transparent) transparent
}
.azwba-app .azwba-board-widget[data-widget-kind="stopwatch"] .azwba-stopwatch-v2__laps li{
 position:relative;
 margin:0 0 min(1.4cqh,5px)!important;
 padding:min(2cqh,7px) min(3cqw,12px) min(2cqh,7px) min(8cqw,34px)!important;
 border:1px solid color-mix(in srgb,var(--stopwatch-ink) 8%,transparent)!important;
 border-radius:min(2.5cqh,9px) min(1cqh,4px) min(2.5cqh,9px) min(1cqh,4px)!important;
 background:color-mix(in srgb,var(--stopwatch-bg) 96%,var(--stopwatch-accent) 4%)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="stopwatch"] .azwba-stopwatch-v2__laps li::before{
 content:"";
 position:absolute;
 left:min(3cqw,12px);
 top:50%;
 width:min(3cqh,10px);
 height:min(3cqh,10px);
 transform:translateY(-50%);
 border-radius:min(1.2cqh,1cqw,4px) min(.4cqh,.3cqw,1px) min(1.2cqh,1cqw,4px) min(.4cqh,.3cqw,1px);
 background:var(--stopwatch-accent);
 opacity:.72
}
.azwba-app .azwba-board-widget[data-widget-kind="stopwatch"] .azwba-stopwatch-v2__laps[hidden]{
 display:none!important
}



/* AZWB_EVENT_COUNTDOWN_ORIGINAL_IDENTITY_V28
   Edutech Event Horizon — theme-aware countdown/progress with true proportional scaling. */




















/* Event Countdown settings */
.azwba-app .azwba-widget-settings__preset-actions{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:7px;
 margin-top:3px
}
.azwba-app .azwba-widget-settings__preset-actions button{
 min-height:36px;
 padding:7px 8px;
 border:1px solid #D1D5DB;
 border-radius:7px;
 background:#fff;
 color:#374151;
 font:700 9px/1.3 Cairo,sans-serif;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__preset-actions button:hover{background:#F9FAFB;border-color:#9CA3AF}
.azwba-app .azwba-widget-settings__preset-actions button.is-danger{color:#B91C1C;border-color:#F0CACA;background:#FFF7F7}


/* AZWB_CALENDAR_ORIGINAL_IDENTITY_V29
   Edutech Calendar Board — full month always visible,



theme-aware,



true proportional scaling. */
.azwba-app .azwba-board-widget[data-widget-kind="calendar"] .azwba-calendar{
 --calendar-accent:#6366F1;
 --calendar-bg:#FFFFFF;
 --calendar-ink:#111827;
 container-type:size;
 container-name:calendar-widget;
 display:grid!important;
 grid-template-rows:auto auto auto minmax(0,1fr) auto!important;
 width:100%!important;
 height:100%!important;
 min-width:0!important;
 min-height:0!important;
 gap:min(2.2cqh,1.8cqw,9px)!important;
 padding:min(4cqh,3.2cqw,14px)!important;
 background:
  radial-gradient(circle at 90% 8%,color-mix(in srgb,var(--calendar-accent) 10%,transparent),transparent 28%),
  linear-gradient(155deg,var(--calendar-bg),color-mix(in srgb,var(--calendar-bg) 96%,var(--calendar-accent) 4%))!important;
 color:var(--calendar-ink)!important;
 box-sizing:border-box;
 overflow:hidden
}
.azwba-app .azwba-board-widget[data-widget-kind="calendar"] .azwba-calendar__daily{
 display:none!important
}
.azwba-app .azwba-board-widget[data-widget-kind="calendar"] .azwba-calendar__head{
 position:relative!important;
 display:grid!important;
 grid-template-columns:min(12cqh,10cqw,42px) minmax(0,1fr) min(12cqh,10cqw,42px)!important;
 align-items:center!important;
 gap:min(2cqw,2cqh,8px)!important;
 padding:min(1.6cqh,6px)!important;
 border:1px solid color-mix(in srgb,var(--calendar-accent) 22%,var(--calendar-ink) 6%)!important;
 border-radius:min(4cqh,3cqw,15px) min(1.8cqh,1.3cqw,7px) min(4cqh,3cqw,15px) min(1.8cqh,1.3cqw,7px)!important;
 background:linear-gradient(135deg,
  color-mix(in srgb,var(--calendar-bg) 86%,var(--calendar-accent) 14%),
  color-mix(in srgb,var(--calendar-bg) 97%,var(--calendar-accent) 3%)
 )!important;
 box-shadow:inset min(1cqw,4px) 0 0 var(--calendar-accent)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="calendar"] .azwba-calendar__head strong{
 min-width:0!important;
 overflow:hidden!important;
 color:var(--calendar-ink)!important;
 font:900 min(4.3cqh,3.7cqw,17px)/1.35 Cairo,sans-serif!important;
 text-align:center!important;
 text-overflow:ellipsis!important;
 white-space:nowrap!important
}
.azwba-app .azwba-board-widget[data-widget-kind="calendar"] .azwba-calendar__head button{
 display:grid!important;
 place-items:center!important;
 width:min(10cqh,9cqw,38px)!important;
 height:min(10cqh,9cqw,38px)!important;
 min-width:0!important;
 min-height:0!important;
 padding:0!important;
 border:1px solid color-mix(in srgb,var(--calendar-accent) 28%,var(--calendar-ink) 6%)!important;
 border-radius:min(2.8cqh,10px) min(1cqh,4px) min(2.8cqh,10px) min(1cqh,4px)!important;
 background:color-mix(in srgb,var(--calendar-bg) 94%,var(--calendar-accent) 6%)!important;
 color:var(--calendar-accent)!important;
 font:900 min(6cqh,5cqw,20px)/1 Arial,sans-serif!important;
 cursor:pointer!important
}
.azwba-app .azwba-board-widget[data-widget-kind="calendar"] .azwba-calendar__today{
 justify-self:center!important;
 min-height:min(9cqh,8cqw,34px)!important;
 padding:min(1.8cqh,7px) min(5cqw,20px)!important;
 border:1px solid var(--calendar-accent)!important;
 border-radius:999px!important;
 background:linear-gradient(135deg,var(--calendar-accent),color-mix(in srgb,var(--calendar-accent) 72%,var(--calendar-ink) 28%))!important;
 color:var(--calendar-bg)!important;
 font:850 min(3.1cqh,2.7cqw,12px)/1.25 Cairo,sans-serif!important;
 box-shadow:0 min(1cqh,4px) min(3cqh,11px) color-mix(in srgb,var(--calendar-accent) 20%,transparent)!important;
 cursor:pointer!important
}
.azwba-app .azwba-board-widget[data-widget-kind="calendar"] .azwba-calendar__weekdays{
 display:grid!important;
 grid-template-columns:repeat(7,minmax(0,1fr))!important;
 gap:min(1.2cqw,1cqh,4px)!important;
 min-width:0!important
}
.azwba-app .azwba-board-widget[data-widget-kind="calendar"] .azwba-calendar__weekdays b{
 min-width:0!important;
 padding:min(1.2cqh,4px) 1px!important;
 overflow:hidden!important;
 color:color-mix(in srgb,var(--calendar-ink) 60%,transparent)!important;
 font:850 min(2.5cqh,2.1cqw,10px)/1.2 Cairo,sans-serif!important;
 text-align:center!important;
 text-overflow:ellipsis!important;
 white-space:nowrap!important
}
.azwba-app .azwba-board-widget[data-widget-kind="calendar"] .azwba-calendar__grid{
 display:grid!important;
 grid-template-columns:repeat(7,minmax(0,1fr))!important;
 grid-template-rows:repeat(6,minmax(0,1fr))!important;
 gap:min(1.2cqw,1cqh,5px)!important;
 min-width:0!important;
 min-height:0!important
}
.azwba-app .azwba-board-widget[data-widget-kind="calendar"] .azwba-calendar__day{
 position:relative!important;
 display:grid!important;
 place-items:center!important;
 width:100%!important;
 height:100%!important;
 min-width:0!important;
 min-height:0!important;
 padding:0!important;
 overflow:hidden!important;
 border:1px solid color-mix(in srgb,var(--calendar-accent) 13%,var(--calendar-ink) 6%)!important;
 border-radius:min(2.2cqh,1.8cqw,8px) min(.8cqh,.7cqw,3px) min(2.2cqh,1.8cqw,8px) min(.8cqh,.7cqw,3px)!important;
 background:color-mix(in srgb,var(--calendar-bg) 97%,var(--calendar-accent) 3%)!important;
 color:var(--calendar-ink)!important;
 font:850 min(3.2cqh,2.5cqw,12px)/1 Arial,sans-serif!important;
 font-variant-numeric:tabular-nums;
 cursor:pointer!important
}
.azwba-app .azwba-board-widget[data-widget-kind="calendar"] .azwba-calendar__day[data-current="0"]{
 opacity:.36!important
}
.azwba-app .azwba-board-widget[data-widget-kind="calendar"] .azwba-calendar__day[data-today="1"]{
 border-color:var(--calendar-accent)!important;
 background:color-mix(in srgb,var(--calendar-bg) 84%,var(--calendar-accent) 16%)!important;
 color:var(--calendar-accent)!important;
 box-shadow:inset 0 0 0 min(.6cqh,2px) color-mix(in srgb,var(--calendar-accent) 20%,transparent)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="calendar"] .azwba-calendar__day[data-today="1"]::after{
 content:"";
 position:absolute;
 bottom:min(.8cqh,3px);
 width:min(2.2cqh,8px);
 height:min(.7cqh,2px);
 border-radius:999px;
 background:var(--calendar-accent)
}
.azwba-app .azwba-board-widget[data-widget-kind="calendar"] .azwba-calendar__day[data-selected="1"]{
 border-color:var(--calendar-accent)!important;
 background:linear-gradient(145deg,
  color-mix(in srgb,var(--calendar-bg) 72%,var(--calendar-accent) 28%),
  color-mix(in srgb,var(--calendar-bg) 90%,var(--calendar-accent) 10%)
 )!important;
 box-shadow:0 0 0 min(.7cqh,2px) color-mix(in srgb,var(--calendar-accent) 13%,transparent)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="calendar"] .azwba-calendar__selected{
 min-height:0!important;
 overflow:hidden!important;
 color:color-mix(in srgb,var(--calendar-ink) 62%,transparent)!important;
 font:800 min(2.8cqh,2.4cqw,11px)/1.35 Cairo,sans-serif!important;
 text-align:center!important;
 text-overflow:ellipsis!important;
 white-space:nowrap!important
}


/* AZWB_QR_ORIGINAL_IDENTITY_V33
   Edutech Scan Card — QR canvas and housing are theme-aware and true-scale. */
.azwba-app .azwba-board-widget[data-widget-kind="qr-code"] .azwba-qr{
 --qr-accent:#6366F1;--qr-bg:#FFFFFF;--qr-ink:#111827;
 container-type:size;container-name:qr-widget;
 display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;place-items:center!important;
 width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;
 gap:min(2.6cqh,2cqw,9px)!important;padding:min(4cqh,3.4cqw,14px)!important;
 overflow:hidden!important;
 background:radial-gradient(circle at 88% 8%,color-mix(in srgb,var(--qr-accent) 10%,transparent),transparent 28%),linear-gradient(155deg,var(--qr-bg),color-mix(in srgb,var(--qr-bg) 96%,var(--qr-accent) 4%))!important;
 color:var(--qr-ink)!important;box-sizing:border-box
}
.azwba-app .azwba-board-widget[data-widget-kind="qr-code"] .azwba-qr>textarea,

.azwba-app .azwba-board-widget[data-widget-kind="qr-code"] .azwba-qr>[data-qr-build],

.azwba-app .azwba-board-widget[data-widget-kind="qr-code"] .azwba-qr>small{display:none!important}
.azwba-app .azwba-board-widget[data-widget-kind="qr-code"] .azwba-qr__title{
 display:block!important;width:min(92%,420px)!important;min-width:0!important;overflow:hidden!important;
 padding:min(1.8cqh,6px) min(3cqw,12px)!important;
 border:1px solid color-mix(in srgb,var(--qr-accent) 18%,var(--qr-ink) 5%)!important;
 border-radius:min(3cqh,11px) min(1.2cqh,5px) min(3cqh,11px) min(1.2cqh,5px)!important;
 background:color-mix(in srgb,var(--qr-bg) 92%,var(--qr-accent) 8%)!important;color:var(--qr-ink)!important;
 font:850 min(4.2cqh,3.5cqw,14px)/1.35 Cairo,sans-serif!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important
}
.azwba-app .azwba-board-widget[data-widget-kind="qr-code"] .azwba-qr__title[hidden]{display:none!important}
.azwba-app .azwba-board-widget[data-widget-kind="qr-code"] .azwba-qr__preview{
 position:relative!important;display:grid!important;place-items:center!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;
 padding:min(5cqh,4cqw,16px)!important;overflow:hidden!important;border:1px solid color-mix(in srgb,var(--qr-accent) 22%,var(--qr-ink) 5%)!important;
 border-radius:min(6cqh,4cqw,20px) min(2cqh,1.4cqw,7px) min(6cqh,4cqw,20px) min(2cqh,1.4cqw,7px)!important;
 background:linear-gradient(145deg,color-mix(in srgb,var(--qr-bg) 88%,var(--qr-accent) 12%),color-mix(in srgb,var(--qr-bg) 98%,var(--qr-accent) 2%))!important;
 box-shadow:inset min(1cqw,4px) 0 0 var(--qr-accent),0 min(2cqh,7px) min(5cqh,18px) color-mix(in srgb,var(--qr-ink) 7%,transparent)!important;
 box-sizing:border-box!important
}
.azwba-app .azwba-board-widget[data-widget-kind="qr-code"] .azwba-qr__preview::before,

.azwba-app .azwba-board-widget[data-widget-kind="qr-code"] .azwba-qr__preview::after{
 content:"";position:absolute;z-index:2;width:min(10cqh,8cqw,30px);height:min(10cqh,8cqw,30px);pointer-events:none
}
.azwba-app .azwba-board-widget[data-widget-kind="qr-code"] .azwba-qr__preview::before{
 top:min(3cqh,10px);left:min(3cqw,10px);border-top:min(1cqh,3px) solid var(--qr-accent);border-left:min(1cqh,3px) solid var(--qr-accent);border-radius:min(2cqh,7px) 0 0 0
}
.azwba-app .azwba-board-widget[data-widget-kind="qr-code"] .azwba-qr__preview::after{
 right:min(3cqw,10px);bottom:min(3cqh,10px);border-right:min(1cqh,3px) solid var(--qr-accent);border-bottom:min(1cqh,3px) solid var(--qr-accent);border-radius:0 0 min(2cqh,7px) 0
}
.azwba-app .azwba-board-widget[data-widget-kind="qr-code"] .azwba-qr__preview canvas{
 position:relative!important;z-index:1!important;width:min(78cqw,78cqh,280px)!important;height:auto!important;max-width:100%!important;max-height:100%!important;
 aspect-ratio:1!important;padding:min(2cqh,2cqw,7px)!important;border:min(.7cqh,.6cqw,2px) solid color-mix(in srgb,var(--qr-bg) 88%,var(--qr-ink) 12%)!important;border-radius:min(2.4cqh,1.8cqw,8px)!important;
 background:#fff!important;box-shadow:0 0 0 min(.6cqh,.5cqw,2px) rgba(17,24,39,.07),0 min(1.7cqh,6px) min(4cqh,14px) color-mix(in srgb,var(--qr-ink) 10%,transparent)!important;
 image-rendering:pixelated
}
.azwba-app .azwba-board-widget[data-widget-kind="qr-code"] .azwba-qr__preview p{
 position:relative!important;z-index:1!important;max-width:82%!important;margin:0!important;
 color:color-mix(in srgb,var(--qr-ink) 60%,transparent)!important;font:750 min(3.4cqh,2.8cqw,12px)/1.55 Cairo,sans-serif!important;text-align:center!important
}



.azwba-app .azwba-widget-settings__qr-text{
 width:100%;
 min-height:110px;
 resize:vertical;
 padding:8px 9px;
 border:1px solid #D1D5DB;
 border-radius:7px;
 background:#fff;
 color:#374151;
 font:600 10px/1.6 Cairo,sans-serif;
 box-sizing:border-box
}
.azwba-app .azwba-widget-settings__qr-status{
 display:block;
 color:#6B7280;
 font-size:8.5px;
 line-height:1.5
}
.azwba-app .azwba-widget-settings__primary-action{
 min-height:38px;
 padding:8px 12px;
 border:0;
 border-radius:7px;
 background:#6366F1;
 color:#fff;
 font:800 10px/1.35 Cairo,sans-serif;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__primary-action:disabled{opacity:.55;cursor:wait}


/* AZWB_QUICK_LINKS_ORIGINAL_IDENTITY_V34
   Edutech Link Tiles — theme-aware,



display-only on board,



true-scale. */
















/* Quick Links settings */
.azwba-app .azwba-widget-settings__quick-links-list{display:grid;gap:8px}
.azwba-app .azwba-widget-settings__quick-link-row,

.azwba-app .azwba-widget-settings__quick-link-add{
 display:grid;
 grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr) 34px;
 align-items:center;
 gap:7px
}
.azwba-app .azwba-widget-settings__quick-link-row input,

.azwba-app .azwba-widget-settings__quick-link-add input{
 width:100%;min-width:0;min-height:36px;padding:6px 8px;border:1px solid #D1D5DB;border-radius:7px;background:#fff;color:#374151;font:600 9px/1.4 Cairo,sans-serif;box-sizing:border-box
}
.azwba-app .azwba-widget-settings__quick-link-actions{display:flex;align-items:center;gap:3px}
.azwba-app .azwba-widget-settings__quick-link-actions button{
 display:grid;place-items:center;width:30px;height:34px;min-width:30px;padding:0!important;font-size:12px!important
}
.azwba-app .azwba-widget-settings__quick-link-actions button.is-danger{color:#B91C1C;border-color:#F0CACA;background:#FFF7F7}
.azwba-app .azwba-widget-settings__quick-link-add button{
 min-height:36px;border:0;border-radius:7px;background:#6366F1;color:#fff;font:800 9px/1.35 Cairo,sans-serif;cursor:pointer
}
.azwba-app .azwba-widget-settings__quick-link-add button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1180px){
 .azwba-app .azwba-widget-settings__quick-link-row,

 .azwba-app .azwba-widget-settings__quick-link-add{grid-template-columns:1fr}
 .azwba-app .azwba-widget-settings__quick-link-actions{justify-content:flex-end}
}


/* AZWB_SAFE_EMBED_ORIGINAL_IDENTITY_V35
   Edutech Media Frame — theme-aware YouTube frame with true-scale. */










/* AZWB_COUNTER_ORIGINAL_IDENTITY_V32
   Edutech Pulse Counter — theme-aware and true-scale. */












/* AZWB_RANDOMIZER_WHEEL_COLORS_V13B */
.azwba-app .azwba-widget-settings__wheel-colors{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:7px
}
.azwba-app .azwba-widget-settings__wheel-color{
 display:grid;
 justify-items:center;
 gap:6px;
 min-width:0;
 min-height:76px;
 padding:8px 5px;
 border:1px solid #D1D5DB;
 border-radius:8px;
 background:#fff;
 color:#4B5563;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__wheel-color.is-active{
 border:2px solid #6366F1;
 padding:7px 4px;
 color:#4338CA;
 box-shadow:0 0 0 2px rgba(99,102,241,.08)
}
.azwba-app .azwba-widget-settings__wheel-color>span{
 display:block;
 width:44px;
 height:44px;
 border:2px solid #fff;
 border-radius:50%;
 box-shadow:0 0 0 1px #D1D5DB
}
.azwba-app .azwba-widget-settings__wheel-color>.is-wheel-theme{
 background:conic-gradient(#6366F1 0 20%,#A5B4FC 20% 40%,#4338CA 40% 60%,#F59E0B 60% 80%,#14B8A6 80%)
}
.azwba-app .azwba-widget-settings__wheel-color>.is-wheel-vibrant{
 background:conic-gradient(#EF4444 0 14%,#F59E0B 14% 28%,#22C55E 28% 42%,#06B6D4 42% 56%,#3B82F6 56% 70%,#8B5CF6 70% 84%,#EC4899 84%)
}
.azwba-app .azwba-widget-settings__wheel-color>.is-wheel-pastel{
 background:conic-gradient(#FECACA 0 14%,#FED7AA 14% 28%,#FEF3C7 28% 42%,#BBF7D0 42% 56%,#BAE6FD 56% 70%,#DDD6FE 70% 84%,#FBCFE8 84%)
}
.azwba-app .azwba-widget-settings__wheel-color strong{
 font:750 8.5px/1.3 Cairo,sans-serif
}


/* AZWB_GROUP_MAKER_ORIGINAL_IDENTITY_V23
   Edutech Team Constellation Board — theme-aware and resize-balanced. */
.azwba-app .azwba-board-widget[data-widget-kind="group-maker"] .azwba-group-maker--board{
 --group-accent:#6366F1;
 --group-bg:#FFFFFF;
 --group-ink:#111827;
 container-type:size;
 container-name:group-maker-widget;
 display:grid!important;
 grid-template-rows:auto minmax(0,1fr) auto!important;
 width:100%!important;
 height:100%!important;
 min-width:0!important;
 min-height:0!important;
 gap:min(2.6cqh,2.1cqw,11px)!important;
 padding:min(3.5cqh,3cqw,14px)!important;
 background:
  radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--group-accent) 10%,transparent),transparent 28%),
  linear-gradient(155deg,var(--group-bg),color-mix(in srgb,var(--group-bg) 96%,var(--group-accent) 4%))!important;
 color:var(--group-ink)!important;
 box-sizing:border-box;
 overflow:hidden
}
.azwba-app .azwba-board-widget[data-widget-kind="group-maker"] .azwba-group-maker__summary{
 position:relative;
 display:flex;
 align-items:center;
 min-height:min(9cqh,44px);
 padding:min(2cqh,10px) min(3.2cqw,16px) min(2cqh,10px) min(8cqw,46px);
 overflow:hidden!important;
 border:1px solid color-mix(in srgb,var(--group-accent) 18%,transparent);
 border-radius:min(4cqh,3cqw,14px) min(2cqh,1.5cqw,7px) min(4cqh,3cqw,14px) min(2cqh,1.5cqw,7px);
 background:color-mix(in srgb,var(--group-bg) 91%,var(--group-accent) 9%);
 color:color-mix(in srgb,var(--group-ink) 78%,transparent)!important;
 font:800 min(3cqh,2.7cqw,14px)/1.35 Cairo,sans-serif!important;
 text-overflow:ellipsis!important;
 white-space:nowrap!important
}
.azwba-app .azwba-board-widget[data-widget-kind="group-maker"] .azwba-group-maker__summary::before{
 content:"";
 position:absolute;
 left:min(3cqw,16px);
 width:min(3.5cqh,16px);
 height:min(3.5cqh,16px);
 border-radius:min(1.5cqh,1.2cqw,5px) min(.7cqh,.5cqw,2px) min(1.5cqh,1.2cqw,5px) min(.7cqh,.5cqw,2px);
 background:var(--group-accent);
 box-shadow:10px 0 0 color-mix(in srgb,var(--group-accent) 55%,var(--group-bg) 45%),
            5px 8px 0 color-mix(in srgb,var(--group-accent) 72%,var(--group-ink) 28%)
}
.azwba-app .azwba-board-widget[data-widget-kind="group-maker"] .azwba-group-maker__results{
 display:grid!important;
 grid-template-columns:repeat(auto-fit,minmax(min(130px,46%),1fr))!important;
 align-content:start!important;
 gap:min(2.4cqh,2cqw,12px)!important;
 min-width:0!important;
 min-height:0!important;
 max-height:none!important;
 overflow:auto!important;
 padding:2px!important;
 scrollbar-width:thin;
 scrollbar-color:color-mix(in srgb,var(--group-accent) 25%,transparent) transparent
}
.azwba-app .azwba-board-widget[data-widget-kind="group-maker"] .azwba-group-maker__group{
 position:relative!important;
 min-width:0!important;
 padding:min(3cqh,2.5cqw,14px)!important;
 border:1px solid color-mix(in srgb,var(--group-color,var(--group-accent)) 36%,var(--group-ink) 8%)!important;
 border-radius:min(4.5cqh,3.6cqw,16px) min(2.2cqh,1.8cqw,8px) min(4.5cqh,3.6cqw,16px) min(2.2cqh,1.8cqw,8px)!important;
 background:linear-gradient(145deg,
  color-mix(in srgb,var(--group-bg) 92%,var(--group-color,var(--group-accent)) 8%),
  color-mix(in srgb,var(--group-bg) 98%,var(--group-color,var(--group-accent)) 2%)
 )!important;
 box-shadow:
  inset min(1cqw,4px) 0 0 var(--group-color,var(--group-accent)),
  0 min(1.5cqh,5px) min(4cqh,15px) color-mix(in srgb,var(--group-ink) 6%,transparent)!important;
 overflow:hidden
}
.azwba-app .azwba-board-widget[data-widget-kind="group-maker"] .azwba-group-maker__group::after{
 content:attr(data-group-number);
 position:absolute;
 top:min(2cqh,11px);
 right:min(2cqw,11px);
 display:grid;
 place-items:center;
 width:min(6cqh,31px);
 height:min(6cqh,31px);
 border-radius:min(3cqh,2.5cqw,10px) min(1.2cqh,1cqw,4px) min(3cqh,2.5cqw,10px) min(1.2cqh,1cqw,4px);
 background:color-mix(in srgb,var(--group-color,var(--group-accent)) 18%,var(--group-bg) 82%);
 color:var(--group-color,var(--group-accent));
 font:900 min(2.8cqh,2.4cqw,12px)/1 Arial,sans-serif;
 box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--group-color,var(--group-accent)) 26%,transparent)
}
.azwba-app .azwba-board-widget[data-widget-kind="group-maker"] .azwba-group-maker__group.is-drop-target{
 border-color:var(--group-color,var(--group-accent))!important;
 background:color-mix(in srgb,var(--group-bg) 82%,var(--group-color,var(--group-accent)) 18%)!important;
 box-shadow:inset min(1cqw,4px) 0 0 var(--group-color,var(--group-accent)),0 0 0 min(.8cqw,3px) color-mix(in srgb,var(--group-color,var(--group-accent)) 14%,transparent)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="group-maker"] .azwba-group-maker__group>strong{
 display:block!important;
 max-width:calc(100% - min(10cqw,38px));
 margin-bottom:min(2cqh,1.8cqw,10px)!important;
 overflow:hidden;
 color:color-mix(in srgb,var(--group-color,var(--group-accent)) 78%,var(--group-ink) 22%)!important;
 font:900 min(3.7cqh,3.2cqw,16px)/1.35 Cairo,sans-serif!important;
 text-overflow:ellipsis;
 white-space:nowrap
}
.azwba-app .azwba-board-widget[data-widget-kind="group-maker"] .azwba-group-maker__group ol{
 display:grid!important;
 gap:min(1.4cqh,1.1cqw,7px)!important;
 margin:0!important;
 padding:0!important;
 list-style:none!important
}
.azwba-app .azwba-board-widget[data-widget-kind="group-maker"] .azwba-group-maker__group li{
 min-width:0!important;
 padding:min(1.5cqh,8px) min(2cqw,10px)!important;
 border:1px solid color-mix(in srgb,var(--group-color,var(--group-accent)) 14%,var(--group-ink) 7%)!important;
 border-radius:min(2.7cqh,2.3cqw,9px) min(1.5cqh,1.2cqw,5px) min(2.7cqh,2.3cqw,9px) min(1.5cqh,1.2cqw,5px)!important;
 background:color-mix(in srgb,var(--group-bg) 96%,var(--group-color,var(--group-accent)) 4%)!important;
 color:var(--group-ink)!important;
 font:750 min(2.9cqh,2.6cqw,13px)/1.35 Cairo,sans-serif!important;
 overflow:hidden!important;
 text-overflow:ellipsis!important;
 white-space:nowrap!important;
 cursor:grab
}
.azwba-app .azwba-board-widget[data-widget-kind="group-maker"] .azwba-group-maker__group li:active{cursor:grabbing}
.azwba-app .azwba-board-widget[data-widget-kind="group-maker"] .azwba-group-maker__group li.is-dragging{opacity:.35}
.azwba-app .azwba-board-widget[data-widget-kind="group-maker"] .azwba-group-maker__empty{
 display:grid;
 place-items:center;
 min-height:100%;
 margin:0;
 padding:min(5cqh,5cqw,20px);
 border:1px dashed color-mix(in srgb,var(--group-accent) 26%,transparent);
 border-radius:min(4.5cqh,3.6cqw,16px) min(2.2cqh,1.8cqw,8px) min(4.5cqh,3.6cqw,16px) min(2.2cqh,1.8cqw,8px);
 background:color-mix(in srgb,var(--group-bg) 96%,var(--group-accent) 4%);
 color:color-mix(in srgb,var(--group-ink) 62%,transparent);
 font:800 min(3.3cqh,2.8cqw,15px)/1.6 Cairo,sans-serif;
 text-align:center
}
.azwba-app .azwba-board-widget[data-widget-kind="group-maker"] .azwba-group-maker__actions{
 display:grid!important;
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:min(1.8cqw,1.5cqh,8px)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="group-maker"] .azwba-group-maker__actions button{
 min-width:0!important;
 min-height:min(10cqh,44px)!important;
 padding:min(1.8cqh,9px) min(1.5cqw,8px)!important;
 border:1px solid color-mix(in srgb,var(--group-ink) 14%,transparent)!important;
 border-radius:min(3cqh,2.5cqw,10px) min(1.5cqh,1.2cqw,5px) min(3cqh,2.5cqw,10px) min(1.5cqh,1.2cqw,5px)!important;
 background:color-mix(in srgb,var(--group-bg) 96%,var(--group-accent) 4%)!important;
 color:var(--group-ink)!important;
 font:800 min(2.8cqh,2.5cqw,13px)/1.3 Cairo,sans-serif!important;
 cursor:pointer
}
.azwba-app .azwba-board-widget[data-widget-kind="group-maker"] .azwba-group-maker__actions button:first-child{
 border-color:var(--group-accent)!important;
 background:linear-gradient(135deg,var(--group-accent),color-mix(in srgb,var(--group-accent) 72%,var(--group-ink) 28%))!important;
 color:var(--group-bg)!important;
 box-shadow:0 min(1.5cqh,5px) min(4cqh,14px) color-mix(in srgb,var(--group-accent) 20%,transparent)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="group-maker"] .azwba-group-maker__actions button:disabled{
 opacity:.38!important;
 cursor:not-allowed!important
}
.azwba-app .azwba-widget-settings__group-meta{
 display:grid;
 gap:8px
}
.azwba-app .azwba-widget-settings__group-meta-row{
 display:grid;
 grid-template-columns:38px minmax(0,1fr);
 align-items:center;
 gap:8px
}
.azwba-app .azwba-widget-settings__group-meta-row input[type="color"]{
 width:38px;
 height:34px;
 padding:2px;
 border:1px solid #D1D5DB;
 border-radius:7px;
 background:#fff;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__group-meta-row input[type="text"]{
 width:100%;
 min-height:34px;
 padding:6px 8px;
 border:1px solid #D1D5DB;
 border-radius:7px;
 background:#fff;
 color:#374151;
 font:650 9px/1.4 Cairo,sans-serif;
 box-sizing:border-box
}
.azwba-app .azwba-widget-settings__group-actions{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:8px
}
.azwba-app .azwba-widget-settings__group-actions button{
 min-height:36px;
 padding:7px 9px;
 border:1px solid #D1D5DB;
 border-radius:8px;
 background:#fff;
 color:#374151;
 font:750 9px/1.3 Cairo,sans-serif;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__group-actions button.is-danger{
 border-color:#FECACA;
 color:#B91C1C;
 background:#FFF7F7
}



/* AZWB_SCOREBOARD_ORIGINAL_IDENTITY_V26
   Edutech Arena Board — theme-aware team cards with true proportional scaling. */
.azwba-app .azwba-board-widget[data-widget-kind="scoreboard"] .azwba-scoreboard--board{
 --score-accent:#6366F1;
 --score-bg:#FFFFFF;
 --score-ink:#111827;
 container-type:size;
 container-name:scoreboard-widget;
 display:grid!important;
 grid-template-rows:minmax(0,1fr) auto!important;
 width:100%!important;
 height:100%!important;
 min-width:0!important;
 min-height:0!important;
 gap:min(2.5cqh,2.1cqw,10px)!important;
 padding:min(3.5cqh,3cqw,14px)!important;
 background:
  radial-gradient(circle at 8% 8%,color-mix(in srgb,var(--score-accent) 10%,transparent),transparent 28%),
  linear-gradient(155deg,var(--score-bg),color-mix(in srgb,var(--score-bg) 96%,var(--score-accent) 4%))!important;
 color:var(--score-ink)!important;
 box-sizing:border-box;
 overflow:hidden
}
.azwba-app .azwba-board-widget[data-widget-kind="scoreboard"] .azwba-scoreboard__teams{
 display:grid!important;
 grid-template-columns:repeat(auto-fit,minmax(min(30cqw,126px),1fr))!important;
 align-content:stretch!important;
 gap:min(2.4cqh,2cqw,10px)!important;
 min-width:0!important;
 min-height:0!important;
 max-height:none!important;
 overflow:auto!important;
 padding:1px!important;
 scrollbar-width:thin;
 scrollbar-color:color-mix(in srgb,var(--score-accent) 24%,transparent) transparent
}
.azwba-app .azwba-board-widget[data-widget-kind="scoreboard"] .azwba-scoreboard__team{
 position:relative!important;
 display:grid!important;
 align-content:center!important;
 gap:min(2.6cqh,2cqw,10px)!important;
 min-width:0!important;
 padding:min(3cqh,2.5cqw,13px)!important;
 border:1px solid color-mix(in srgb,var(--team-color,var(--score-accent)) 34%,var(--score-ink) 8%)!important;
 border-radius:min(4cqh,3cqw,16px) min(2cqh,1.5cqw,8px) min(4cqh,3cqw,16px) min(2cqh,1.5cqw,8px)!important;
 background:linear-gradient(145deg,
  color-mix(in srgb,var(--score-bg) 91%,var(--team-color,var(--score-accent)) 9%),
  color-mix(in srgb,var(--score-bg) 98%,var(--team-color,var(--score-accent)) 2%)
 )!important;
 box-shadow:
  inset min(1cqw,4px) 0 0 var(--team-color,var(--score-accent)),
  0 min(1.5cqh,6px) min(4cqh,16px) color-mix(in srgb,var(--score-ink) 7%,transparent)!important;
 overflow:hidden!important
}
.azwba-app .azwba-board-widget[data-widget-kind="scoreboard"] .azwba-scoreboard__team::before{
 content:attr(data-team-number);
 position:absolute;
 top:min(2cqh,10px);
 right:min(2cqw,10px);
 display:grid;
 place-items:center;
 width:min(5.5cqh,4.8cqw,26px);
 height:min(5.5cqh,4.8cqw,26px);
 border-radius:min(1.8cqh,8px) min(.7cqh,3px) min(1.8cqh,8px) min(.7cqh,3px);
 background:color-mix(in srgb,var(--team-color,var(--score-accent)) 18%,var(--score-bg) 82%);
 color:var(--team-color,var(--score-accent));
 font:900 min(2.7cqh,2.3cqw,11px)/1 Arial,sans-serif;
 box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--team-color,var(--score-accent)) 22%,transparent)
}
.azwba-app .azwba-board-widget[data-widget-kind="scoreboard"] .azwba-scoreboard__team[data-winner="1"]{
 border-color:var(--team-color,var(--score-accent))!important;
 background:linear-gradient(145deg,
  color-mix(in srgb,var(--score-bg) 80%,var(--team-color,var(--score-accent)) 20%),
  color-mix(in srgb,var(--score-bg) 94%,var(--team-color,var(--score-accent)) 6%)
 )!important;
 box-shadow:
  inset min(1cqw,4px) 0 0 var(--team-color,var(--score-accent)),
  0 0 0 min(.8cqh,3px) color-mix(in srgb,var(--team-color,var(--score-accent)) 13%,transparent),
  0 0 min(5cqh,20px) color-mix(in srgb,var(--team-color,var(--score-accent)) 18%,transparent)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="scoreboard"] .azwba-scoreboard__name{
 display:block!important;
 max-width:calc(100% - min(7cqw,34px));
 overflow:hidden!important;
 margin:0 auto min(1.5cqh,6px)!important;
 color:color-mix(in srgb,var(--team-color,var(--score-accent)) 76%,var(--score-ink) 24%)!important;
 font:900 min(3.8cqh,3.2cqw,16px)/1.3 Cairo,sans-serif!important;
 text-align:center!important;
 text-overflow:ellipsis!important;
 white-space:nowrap!important
}
.azwba-app .azwba-board-widget[data-widget-kind="scoreboard"] .azwba-scoreboard__controls{
 display:grid!important;
 grid-template-columns:min(10cqh,9cqw,40px) minmax(0,1fr) min(10cqh,9cqw,40px)!important;
 align-items:center!important;
 gap:min(1.5cqw,1.5cqh,7px)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="scoreboard"] .azwba-scoreboard__controls button{
 display:grid!important;
 place-items:center!important;
 width:min(10cqh,9cqw,40px)!important;
 height:min(10cqh,9cqw,40px)!important;
 min-width:0!important;
 min-height:0!important;
 padding:0!important;
 border:1px solid color-mix(in srgb,var(--team-color,var(--score-accent)) 30%,var(--score-ink) 8%)!important;
 border-radius:min(2.5cqh,10px) min(1cqh,4px) min(2.5cqh,10px) min(1cqh,4px)!important;
 background:color-mix(in srgb,var(--score-bg) 93%,var(--team-color,var(--score-accent)) 7%)!important;
 color:var(--team-color,var(--score-accent))!important;
 font:900 min(5.5cqh,4.6cqw,22px)/1 Arial,sans-serif!important;
 cursor:pointer!important
}
.azwba-app .azwba-board-widget[data-widget-kind="scoreboard"] .azwba-scoreboard__controls button:hover:not(:disabled){
 background:color-mix(in srgb,var(--score-bg) 84%,var(--team-color,var(--score-accent)) 16%)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="scoreboard"] .azwba-scoreboard__controls button:disabled{
 opacity:.35!important;
 cursor:not-allowed!important
}
.azwba-app .azwba-board-widget[data-widget-kind="scoreboard"] .azwba-scoreboard__score{
 min-width:0!important;
 color:var(--score-ink)!important;
 font:950 min(12cqh,8cqw,46px)/1 Arial,sans-serif!important;
 text-align:center!important;
 font-variant-numeric:tabular-nums
}
.azwba-app .azwba-board-widget[data-widget-kind="scoreboard"] .azwba-scoreboard__race{
 position:relative!important;
 height:min(8cqh,6cqw,28px)!important;
 overflow:visible!important;
 border:1px solid color-mix(in srgb,var(--team-color,var(--score-accent)) 18%,transparent)!important;
 border-radius:999px!important;
 background:color-mix(in srgb,var(--score-bg) 82%,var(--team-color,var(--score-accent)) 18%)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="scoreboard"] .azwba-scoreboard__race>i{
 display:block!important;
 width:var(--score-progress,0%)!important;
 height:100%!important;
 border-radius:inherit!important;
 background:linear-gradient(90deg,
  color-mix(in srgb,var(--team-color,var(--score-accent)) 68%,var(--score-bg) 32%),
  var(--team-color,var(--score-accent))
 )!important;
 transition:width .2s ease!important
}
.azwba-app .azwba-board-widget[data-widget-kind="scoreboard"] .azwba-scoreboard__race-marker{
 position:absolute!important;
 z-index:2!important;
 top:50%!important;
 left:clamp(min(2cqw,8px),var(--score-progress,0%),calc(100% - min(2cqw,8px)))!important;
 display:grid!important;
 place-items:center!important;
 width:min(8cqh,7cqw,28px)!important;
 height:min(8cqh,7cqw,28px)!important;
 border:min(.7cqh,2px) solid var(--score-bg)!important;
 border-radius:50%!important;
 background:color-mix(in srgb,var(--score-bg) 92%,var(--team-color,var(--score-accent)) 8%)!important;
 color:var(--team-color,var(--score-accent))!important;
 font-size:min(5cqh,4cqw,17px)!important;
 line-height:1!important;
 box-shadow:0 min(1cqh,3px) min(2.5cqh,8px) color-mix(in srgb,var(--score-ink) 18%,transparent)!important;
 transform:translate(-50%,-50%)!important;
 transition:left .2s ease!important
}
.azwba-app .azwba-board-widget[data-widget-kind="scoreboard"] .azwba-scoreboard[data-race-style="blocks"] .azwba-scoreboard__race>i{
 background:repeating-linear-gradient(90deg,
  var(--team-color,var(--score-accent)) 0 min(3cqw,12px),
  color-mix(in srgb,var(--team-color,var(--score-accent)) 55%,var(--score-bg) 45%) min(3cqw,12px) min(4cqw,16px)
 )!important
}
.azwba-app .azwba-board-widget[data-widget-kind="scoreboard"] .azwba-scoreboard__reset{
 min-height:min(11cqh,10cqw,42px)!important;
 padding:min(2cqh,8px) min(3cqw,12px)!important;
 border:1px solid color-mix(in srgb,var(--score-accent) 22%,var(--score-ink) 7%)!important;
 border-radius:min(2.8cqh,11px) min(1.2cqh,5px) min(2.8cqh,11px) min(1.2cqh,5px)!important;
 background:color-mix(in srgb,var(--score-bg) 96%,var(--score-accent) 4%)!important;
 color:var(--score-ink)!important;
 font:800 min(2.9cqh,2.6cqw,12px)/1.3 Cairo,sans-serif!important;
 cursor:pointer!important
}
.azwba-app .azwba-board-widget[data-widget-kind="scoreboard"] .azwba-scoreboard__reset:hover:not(:disabled){
 background:color-mix(in srgb,var(--score-bg) 88%,var(--score-accent) 12%)!important
}



/* Scoreboard settings */
.azwba-app .azwba-widget-settings__score-teams{
 display:grid;
 gap:8px
}
.azwba-app .azwba-widget-settings__score-team{
 display:grid;
 grid-template-columns:34px minmax(0,1fr) 30px 30px 30px;
 align-items:center;
 gap:5px
}
.azwba-app .azwba-widget-settings__score-team input[type="color"]{
 width:34px;
 height:34px;
 padding:2px;
 border:1px solid #D1D5DB;
 border-radius:7px;
 background:#fff
}
.azwba-app .azwba-widget-settings__score-team input[type="text"]{
 width:100%;
 min-width:0;
 min-height:34px;
 padding:6px 8px;
 border:1px solid #D1D5DB;
 border-radius:7px;
 background:#fff;
 color:#374151;
 font:650 9px/1.4 Cairo,sans-serif;
 box-sizing:border-box
}
.azwba-app .azwba-widget-settings__score-team button{
 display:grid;
 place-items:center;
 width:30px;
 height:30px;
 min-width:30px;
 padding:0;
 border:1px solid #D1D5DB;
 border-radius:7px;
 background:#fff;
 color:#4B5563;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__score-team button:disabled{opacity:.32;cursor:not-allowed}
.azwba-app .azwba-widget-settings__race-styles{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:7px
}
.azwba-app .azwba-widget-settings__race-styles button{
 display:grid;
 place-items:center;
 gap:5px;
 min-height:66px;
 padding:6px 4px;
 border:1px solid #D1D5DB;
 border-radius:8px;
 background:#fff;
 color:#4B5563;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__race-styles button.is-active{
 border:2px solid #6366F1;
 padding:5px 3px;
 color:#4338CA
}
.azwba-app .azwba-widget-settings__race-styles strong{font-size:18px;line-height:1}
.azwba-app .azwba-widget-settings__race-styles span{font-size:8px;font-weight:750}
@media(max-width:680px){
 .azwba-app .azwba-widget-settings__score-team{
  grid-template-columns:34px minmax(0,1fr) 28px 28px 28px
 }
 .azwba-app .azwba-widget-settings__race-styles{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* AZWB_EVENT_COUNTDOWN_THEME_MERGED_V28
   Theme rules are merged into AZWB_EVENT_COUNTDOWN_ORIGINAL_IDENTITY_V28. */


/* AZWB_CALENDAR_THEME_MERGED_V29
   Full-month responsive rules are merged into AZWB_CALENDAR_ORIGINAL_IDENTITY_V29.
   No small-width swap to a day-only view. */


/* AZWB_TIMETABLE_EMPTY_STATE_V11 */
.azwba-app .azwba-widget-settings__activities-empty{
 margin:0;
 padding:12px;
 border:1px dashed #D1D5DB;
 border-radius:8px;
 background:#F9FAFB;
 color:#6B7280;
 text-align:center;
 font:700 9px/1.6 Cairo,sans-serif
}

/* AZWB_RANDOMIZER_CONTINUE_V15 */
.azwba-app .azwba-widget-settings__continue{
 width:100%;
 min-height:38px;
 margin-top:4px;
 border:0;
 border-radius:8px;
 background:#6366F1;
 color:#fff;
 font:800 10px/1.35 Cairo,sans-serif;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__continue:hover:not(:disabled){background:#4F46E5}
.azwba-app .azwba-widget-settings__continue:disabled{opacity:.42;cursor:not-allowed}

/* AZWB_GROUP_MAKER_REVIEW_V16 */
.azwba-app .azwba-widget-settings__student-select{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:6px;
 max-height:210px;
 overflow:auto;
 padding:3px
}
.azwba-app .azwba-widget-settings__student-choice{
 display:flex;
 align-items:center;
 gap:7px;
 min-width:0;
 padding:7px 8px;
 border:1px solid #E5E7EB;
 border-radius:8px;
 background:#fff;
 color:#374151;
 font:700 9px/1.3 Cairo,sans-serif;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__student-choice input{
 width:15px;
 height:15px;
 margin:0;
 accent-color:#6366F1
}
.azwba-app .azwba-widget-settings__student-choice span{
 min-width:0;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.azwba-app .azwba-widget-settings__group-count{
 display:grid;
 grid-template-columns:minmax(0,1fr) 34px;
 align-items:center;
 gap:9px
}
.azwba-app .azwba-widget-settings__group-count input[type="range"]{
 width:100%;
 accent-color:#6366F1
}
.azwba-app .azwba-widget-settings__group-count output{
 display:grid;
 place-items:center;
 min-height:30px;
 border:1px solid #D1D5DB;
 border-radius:7px;
 background:#fff;
 color:#374151;
 font:800 10px/1 Arial,sans-serif
}
.azwba-app .azwba-board-widget[data-widget-kind="group-maker"] .azwba-group-maker__group li{
 display:grid!important;
 grid-template-columns:min(4.5cqh,3.5cqw,14px) minmax(0,1fr) min(8cqh,6cqw,25px)!important;
 align-items:center!important;
 gap:min(2cqw,1.8cqh,7px)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="group-maker"] .azwba-group-maker__grip{
 color:color-mix(in srgb,var(--group-ink) 42%,transparent);
 font-size:min(3cqh,2.5cqw,10px);
 line-height:1;
 cursor:grab;
 user-select:none
}
.azwba-app .azwba-board-widget[data-widget-kind="group-maker"] .azwba-group-maker__member{
 min-width:0;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.azwba-app .azwba-board-widget[data-widget-kind="group-maker"] .azwba-group-maker__lock{
 display:grid;
 place-items:center;
 width:min(8cqh,6cqw,25px);
 height:min(8cqh,6cqw,25px);
 min-width:0;
 min-height:0;
 padding:0;
 border:0;
 border-radius:min(2cqh,1.5cqw,6px);
 background:transparent;
 font-size:min(4cqh,3cqw,11px);
 cursor:pointer
}
.azwba-app .azwba-board-widget[data-widget-kind="group-maker"] .azwba-group-maker__lock:hover:not(:disabled){
 background:color-mix(in srgb,var(--group-color,var(--group-accent)) 10%,var(--group-bg))
}
@media(max-width:680px){
 .azwba-app .azwba-widget-settings__student-select{grid-template-columns:1fr}
}

/* AZWB_SCOREBOARD_LAYOUTS_V26 */
.azwba-app .azwba-board-widget[data-widget-kind="scoreboard"] .azwba-scoreboard[data-mode="points"][data-layout="grid"] .azwba-scoreboard__teams{
 display:grid!important;
 grid-template-columns:repeat(auto-fit,minmax(min(30cqw,126px),1fr))!important;
 align-content:stretch!important
}
.azwba-app .azwba-board-widget[data-widget-kind="scoreboard"] .azwba-scoreboard[data-mode="points"][data-layout="horizontal"] .azwba-scoreboard__teams{
 display:flex!important;
 flex-direction:row!important;
 align-items:stretch!important;
 gap:min(2.5cqw,2cqh,10px)!important;
 overflow-x:auto!important;
 overflow-y:hidden!important
}
.azwba-app .azwba-board-widget[data-widget-kind="scoreboard"] .azwba-scoreboard[data-mode="points"][data-layout="horizontal"] .azwba-scoreboard__team{
 flex:1 0 min(36cqw,150px)!important;
 min-width:min(36cqw,150px)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="scoreboard"] .azwba-scoreboard[data-mode="points"][data-layout="vertical"] .azwba-scoreboard__teams{
 display:grid!important;
 grid-template-columns:1fr!important;
 align-content:start!important;
 overflow-y:auto!important
}
.azwba-app .azwba-board-widget[data-widget-kind="scoreboard"] .azwba-scoreboard[data-mode="points"][data-layout="vertical"] .azwba-scoreboard__team{
 display:grid!important;
 grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)!important;
 align-items:center!important
}


.azwba-app .azwba-widget-settings__team-actions{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:8px;
 margin-top:8px
}
.azwba-app .azwba-widget-settings__team-actions button{
 min-height:36px;
 padding:7px 9px;
 border:1px solid #D1D5DB;
 border-radius:8px;
 background:#fff;
 color:#374151;
 font:750 9px/1.35 Cairo,sans-serif;
 cursor:pointer
}
.azwba-app .azwba-widget-settings__team-actions button:first-child{
 border-color:#A5B4FC;
 color:#4F46E5
}
.azwba-app .azwba-widget-settings__team-actions button:disabled{opacity:.4;cursor:not-allowed}
.azwba-app .azwba-widget-settings__score-increments{grid-template-columns:repeat(5,minmax(0,1fr))!important}
@media(max-width:680px){
 .azwba-app .azwba-widget-settings__team-actions{grid-template-columns:1fr}
}

/* AZWB_POLL_QUICK_ACTIONS_V18 */
.azwba-app .azwba-board-widget[data-widget-kind="poll"] .azwba-poll__quick{
 display:flex;
 justify-content:flex-end;
 gap:min(2cqw,8px);
 padding:min(2cqh,8px) min(2.5cqw,10px);
 border-top:1px solid color-mix(in srgb,var(--poll-ink) 10%,transparent);
 background:color-mix(in srgb,var(--poll-bg) 96%,var(--poll-ink))
}
.azwba-app .azwba-board-widget[data-widget-kind="poll"] .azwba-poll__quick[hidden]{display:none!important}
.azwba-app .azwba-board-widget[data-widget-kind="poll"] .azwba-poll__quick button{
 min-height:min(8cqh,30px);
 padding:4px min(2.8cqw,10px);
 border:1px solid color-mix(in srgb,var(--poll-ink) 18%,transparent);
 border-radius:7px;
 background:var(--poll-bg);
 color:var(--poll-ink);
 font:750 min(3cqh,10px)/1.25 Cairo,sans-serif;
 cursor:pointer
}
.azwba-app .azwba-board-widget[data-widget-kind="poll"] .azwba-poll__quick button:last-child{
 color:#B91C1C;
 border-color:#FECACA
}
.azwba-app .azwba-board-widget[data-widget-kind="poll"] .azwba-poll__quick button:disabled{opacity:.35;cursor:not-allowed}

/* AZWB_DICE_SETTINGS_AND_MODES_V25 */
.azwba-app .azwba-widget-settings__dice-types--reference{
 grid-template-columns:repeat(2,minmax(0,1fr))!important
}
.azwba-app .azwba-widget-settings__dice-types--reference .azwba-widget-settings__dice-type{
 min-height:66px
}



.azwba-app .azwba-widget-settings__legacy-dice{
 padding:9px;
 border:1px dashed #D1D5DB;
 border-radius:8px;
 background:#F9FAFB;
 color:#6B7280;
 font-size:9px
}
@media(min-width:1180px){
 .azwba-app .azwba-widget-settings__dice-types--reference{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}


/* Unified backgrounds tab inside the canonical left sidebar. */
.azwba-app .azwba-ui-v3 #azwba-panel-pane-background{
 padding:16px 18px 22px!important;
 gap:14px!important;
 background:#F8FBF9!important
}
.azwba-app .azwba-backgrounds-v2{
 display:flex;
 flex-direction:column;
 min-height:0;
 padding:0!important;
 gap:12px!important;
 background:transparent!important;
 border:0!important
}
.azwba-app .azwba-backgrounds-v2>h3{display:none!important}
.azwba-app .azwba-backgrounds-v2__top{
 position:static;
 z-index:auto;
 display:grid;
 grid-template-columns:minmax(0,1fr) minmax(220px,44%);
 align-items:center;
 gap:14px;
 padding:14px;
 border:1px solid #DEE9E3;
 border-radius:14px;
 background:#FFF;
 box-shadow:0 3px 12px rgba(31,60,49,.04);
 backdrop-filter:none
}
.azwba-app .azwba-backgrounds-v2__title{
 display:flex;
 min-width:0;
 flex-direction:column;
 gap:2px
}
.azwba-app .azwba-backgrounds-v2__title strong{
 color:#1F2937;
 font:850 16px/1.35 Cairo,sans-serif
}
.azwba-app .azwba-backgrounds-v2__title small{
 color:#6B8074;
 font:650 10.5px/1.5 Cairo,sans-serif
}
.azwba-app .azwba-backgrounds-v2__search{
 display:grid;
 grid-template-columns:24px minmax(0,1fr);
 align-items:center;
 gap:7px;
 min-height:42px;
 padding:0 11px;
 border:1px solid #D7E4DD;
 border-radius:10px;
 background:#FFF;
 color:#81958B
}
.azwba-app .azwba-backgrounds-v2__search:focus-within{
 border-color:#818CF8;
 box-shadow:0 0 0 3px rgba(99,102,241,.10)
}
.azwba-app .azwba-backgrounds-v2__search>span{
 display:grid;
 place-items:center;
 font:700 18px/1 Arial,sans-serif
}
.azwba-app .azwba-backgrounds-v2__search input{
 min-width:0;
 width:100%;
 height:34px;
 padding:0;
 border:0;
 outline:0;
 background:transparent;
 color:#374151;
 font:650 11px/1.45 Cairo,sans-serif
}
.azwba-app .azwba-backgrounds-v2__search input::placeholder{color:#9CA3AF}
.azwba-app .azwba-backgrounds-v2__status{
 display:flex;
 align-items:center;
 gap:9px;
 min-height:48px;
 margin:0;
 padding:9px 12px;
 border:1px solid #DEE9E3;
 border-radius:12px;
 background:#FFF
}
.azwba-app .azwba-backgrounds-v2__status>i{
 display:block;
 flex:0 0 10px;
 width:10px;
 height:10px;
 border-radius:50%;
 background:#94A3B8
}
.azwba-app .azwba-backgrounds-v2__status>i.is-image{background:#6366F1}
.azwba-app .azwba-backgrounds-v2__status>i.is-pattern{background:#10B981}
.azwba-app .azwba-backgrounds-v2__status>span{
 display:flex;
 min-width:0;
 flex-direction:column;
 gap:1px
}
.azwba-app .azwba-backgrounds-v2__status strong{
 color:#29483B;
 font:800 11px/1.4 Cairo,sans-serif
}
.azwba-app .azwba-backgrounds-v2__status small{
 color:#6B8074;
 font:650 9.5px/1.4 Cairo,sans-serif
}
.azwba-app .azwba-backgrounds-v2__group{
 display:flex;
 flex-direction:column;
 gap:12px;
 padding:14px;
 border:1px solid #DEE9E3;
 border-radius:14px;
 background:#FFF;
 box-shadow:0 3px 12px rgba(31,60,49,.04)
}
.azwba-app .azwba-backgrounds-v2__group[hidden]{display:none!important}
.azwba-app .azwba-backgrounds-v2__group>header{
 display:flex;
 align-items:flex-end;
 justify-content:space-between;
 gap:12px
}
.azwba-app .azwba-backgrounds-v2__group>header strong{
 color:#29483B;
 font:850 12.5px/1.45 Cairo,sans-serif
}
.azwba-app .azwba-backgrounds-v2__group>header small{
 color:#6B8074;
 font:650 9.5px/1.45 Cairo,sans-serif
}

/* My uploads */
.azwba-app .azwba-backgrounds-v2__upload-row{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:9px
}
.azwba-app .azwba-backgrounds-v2__upload-row>button{
 display:grid;
 grid-template-columns:42px minmax(0,1fr);
 grid-template-rows:auto auto;
 align-items:center;
 column-gap:9px;
 min-height:66px;
 padding:9px 11px;
 border:1px solid #D1D5DB;
 border-radius:8px;
 background:#fff;
 color:#374151;
 text-align:right;
 cursor:pointer
}
.azwba-app .azwba-backgrounds-v2__upload-row>button:hover:not(:disabled){
 border-color:#A5B4FC;
 background:#F9FAFF
}
.azwba-app .azwba-backgrounds-v2__upload-row>button>span{
 grid-row:1/3;
 display:grid;
 place-items:center;
 width:40px;
 height:40px;
 border-radius:7px;
 background:#F3F4F6;
 color:#6366F1;
 font:500 22px/1 Arial,sans-serif
}
.azwba-app .azwba-backgrounds-v2__upload-row>button strong{
 align-self:end;
 font:850 11px/1.35 Cairo,sans-serif
}
.azwba-app .azwba-backgrounds-v2__upload-row>button small{
 align-self:start;
 color:#6B7280;
 font:650 9.5px/1.4 Cairo,sans-serif
}
.azwba-app .azwba-backgrounds-v2__upload-row [data-bg-remove]>span{
 background:#FEF2F2;
 color:#DC2626
}

/* Pattern cards */
.azwba-app .azwba-backgrounds-v2__patterns{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:8px
}
.azwba-app .azwba-backgrounds-v2__pattern{
 display:grid;
 gap:5px;
 min-width:0;
 padding:6px;
 border:1px solid #D1D5DB;
 border-radius:8px;
 background:#fff;
 color:#374151;
 cursor:pointer
}
.azwba-app .azwba-backgrounds-v2__pattern:hover:not(:disabled){
 border-color:#A5B4FC
}
.azwba-app .azwba-backgrounds-v2__pattern.is-active,

.azwba-app .azwba-backgrounds-v2__pattern[aria-pressed="true"]{
 border:2px solid #6366F1;
 padding:5px
}
.azwba-app .azwba-backgrounds-v2__pattern-preview{
 display:block;
 aspect-ratio:16/9;
 border:1px solid #E5E7EB;
 border-radius:5px;
 background-color:#fff
}
.azwba-app .azwba-backgrounds-v2__pattern-preview.is-grid{
 background-image:linear-gradient(#CBD5E1 1px,transparent 1px),linear-gradient(90deg,#CBD5E1 1px,transparent 1px);
 background-size:10px 10px
}
.azwba-app .azwba-backgrounds-v2__pattern-preview.is-lines{
 background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 9px,#CBD5E1 10px,#CBD5E1 11px)
}
.azwba-app .azwba-backgrounds-v2__pattern-preview.is-dots{
 background-image:radial-gradient(circle,#94A3B8 1.2px,transparent 1.4px);
 background-size:10px 10px
}
.azwba-app .azwba-backgrounds-v2__pattern strong{
 overflow:hidden;
 color:#374151;
 font:850 11px/1.35 Cairo,sans-serif;
 text-overflow:ellipsis;
 white-space:nowrap
}
.azwba-app .azwba-backgrounds-v2__pattern small{
 overflow:hidden;
 color:#6B7280;
 font:650 9.5px/1.35 Cairo,sans-serif;
 text-overflow:ellipsis;
 white-space:nowrap
}

/* Color cards */
.azwba-app .azwba-backgrounds-v2__colors{
 display:grid;
 grid-template-columns:repeat(5,minmax(0,1fr));
 gap:8px
}
.azwba-app .azwba-backgrounds-v2__color{
 display:grid;
 gap:5px;
 min-width:0;
 padding:5px;
 border:1px solid #D1D5DB;
 border-radius:8px;
 background:#fff;
 cursor:pointer
}
.azwba-app .azwba-backgrounds-v2__color>span{
 display:block;
 aspect-ratio:1.45;
 border:1px solid rgba(15,23,42,.10);
 border-radius:5px;
 background:var(--bg-color)
}
.azwba-app .azwba-backgrounds-v2__color small{
 overflow:hidden;
 color:#4B5563;
 font:750 9.5px/1.35 Cairo,sans-serif;
 text-overflow:ellipsis;
 white-space:nowrap
}
.azwba-app .azwba-backgrounds-v2__color:hover:not(:disabled){border-color:#A5B4FC}
.azwba-app .azwba-backgrounds-v2__color.is-active,

.azwba-app .azwba-backgrounds-v2__color[aria-pressed="true"]{
 border:2px solid #6366F1;
 padding:4px
}
.azwba-app .azwba-backgrounds-v2__custom{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:12px;
 min-height:50px;
 padding:8px 10px;
 border:1px solid #E5E7EB;
 border-radius:8px;
 background:#F9FAFB
}
.azwba-app .azwba-backgrounds-v2__custom>span{
 display:flex;
 min-width:0;
 flex-direction:column;
 gap:2px
}
.azwba-app .azwba-backgrounds-v2__custom strong{
 color:#374151;
 font:850 11px/1.4 Cairo,sans-serif
}
.azwba-app .azwba-backgrounds-v2__custom small{
 color:#6B7280;
 font:650 9.5px/1.4 Cairo,sans-serif
}
.azwba-app .azwba-backgrounds-v2__custom input[type="color"]{
 width:42px;
 height:32px;
 min-width:42px;
 padding:2px;
 border:1px solid #D1D5DB;
 border-radius:7px;
 background:#fff;
 cursor:pointer
}

/* Educational background library */
.azwba-app .azwba-backgrounds-v2 .azwba-ref-bg-tabs{
 display:flex;
 gap:6px;
 overflow-x:auto;
 padding:1px 0 4px;
 scrollbar-width:none
}
.azwba-app .azwba-backgrounds-v2 .azwba-ref-bg-tabs::-webkit-scrollbar{display:none}
.azwba-app .azwba-backgrounds-v2 .azwba-ref-bg-tabs button{
 flex:0 0 auto;
 min-height:32px;
 padding:0 10px;
 border:1px solid #D1D5DB;
 border-radius:999px;
 background:#fff;
 color:#6B7280;
 font:800 10.5px/1.2 Cairo,sans-serif;
 cursor:pointer
}
.azwba-app .azwba-backgrounds-v2 .azwba-ref-bg-tabs button.is-active{
 border-color:#6366F1;
 background:#6366F1;
 color:#fff
}
.azwba-app .azwba-backgrounds-v2 .azwba-ref-bg-grid{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:9px;
 max-height:none;
 overflow:visible
}
.azwba-app .azwba-backgrounds-v2 .azwba-ref-bg-card{
 display:grid;
 gap:6px;
 min-width:0;
 padding:6px;
 border:1px solid #E5E7EB;
 border-radius:8px;
 background:#fff;
 color:#374151;
 box-shadow:none;
 cursor:pointer;
 transition:border-color .14s ease,transform .14s ease
}
.azwba-app .azwba-backgrounds-v2 .azwba-ref-bg-card:hover:not(:disabled){
 transform:translateY(-1px);
 border-color:#A5B4FC;
 box-shadow:none
}
.azwba-app .azwba-backgrounds-v2 .azwba-ref-bg-card img{
 width:100%;
 aspect-ratio:16/9;
 border-radius:5px;
 object-fit:cover;
 background:#F3F4F6
}
.azwba-app .azwba-backgrounds-v2 .azwba-ref-bg-card small{
 overflow:hidden;
 color:#4B5563;
 font:750 9.5px/1.35 Cairo,sans-serif;
 text-overflow:ellipsis;
 white-space:nowrap
}
.azwba-app .azwba-backgrounds-v2 .azwba-ref-bg-card[hidden],

.azwba-app .azwba-backgrounds-v2__pattern[hidden],

.azwba-app .azwba-backgrounds-v2__color[hidden]{display:none!important}
.azwba-app .azwba-backgrounds-v2.is-busy{cursor:wait}
.azwba-app .azwba-backgrounds-v2.is-busy button{opacity:.62}

@media(max-width:760px){
 .azwba-app .azwba-backgrounds-v2__top{
  grid-template-columns:1fr;
  gap:9px;
  padding:13px
 }
 .azwba-app .azwba-backgrounds-v2__status{margin-inline:13px}
 .azwba-app .azwba-backgrounds-v2__group{padding:14px 13px 16px}
 .azwba-app .azwba-backgrounds-v2__patterns{grid-template-columns:repeat(2,minmax(0,1fr))}
 .azwba-app .azwba-backgrounds-v2__colors{grid-template-columns:repeat(5,minmax(0,1fr))}
 .azwba-app .azwba-backgrounds-v2 .azwba-ref-bg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
 .azwba-app .azwba-backgrounds-v2__upload-row{grid-template-columns:1fr}
 .azwba-app .azwba-backgrounds-v2__colors{grid-template-columns:repeat(3,minmax(0,1fr))}
 .azwba-app .azwba-backgrounds-v2 .azwba-ref-bg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(pointer:coarse){
 .azwba-app .azwba-backgrounds-v2 button,

 .azwba-app .azwba-backgrounds-v2 input[type="search"]{min-height:44px}
}


/* AZWB_TEXT_REVIEW_V15 */
.azwba-app .azwba-text-spellcheck{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:14px;
 width:100%;
 min-height:48px;
 margin-top:8px;
 padding:8px 0;
 border:0;
 border-top:1px solid #E5E7EB;
 background:transparent;
 color:#374151;
 font:inherit;
 text-align:right;
 cursor:pointer
}
.azwba-app .azwba-text-spellcheck>span{
 display:flex;
 min-width:0;
 flex-direction:column;
 gap:2px
}
.azwba-app .azwba-text-spellcheck strong{
 color:#374151;
 font-size:10px;
 font-weight:800
}
.azwba-app .azwba-text-spellcheck small{
 color:#6B7280;
 font-size:8.5px;
 line-height:1.45
}
.azwba-app .azwba-text-spellcheck>i{
 position:relative;
 flex:0 0 29px;
 width:29px;
 height:16px;
 border-radius:999px;
 background:#D1D5DB;
 transition:background .14s ease
}
.azwba-app .azwba-text-spellcheck>i:after{
 content:"";
 position:absolute;
 top:2px;
 right:2px;
 width:12px;
 height:12px;
 border-radius:50%;
 background:#fff;
 box-shadow:0 1px 2px rgba(0,0,0,.18);
 transition:transform .14s ease
}
.azwba-app .azwba-text-spellcheck[aria-pressed="true"]>i{background:#6366F1}
.azwba-app .azwba-text-spellcheck[aria-pressed="true"]>i:after{transform:translateX(-13px)}
.azwba-app .azwba-text-spellcheck:focus-visible{outline:2px solid #818CF8;outline-offset:2px}


/* AZWB_QR_LEGACY_THEME_REMOVED_V33B
   Superseded by AZWB_QR_ORIGINAL_IDENTITY_V33. */


/* AZWB_QUICK_LINKS_REFERENCE_MERGED_V34
   Board visuals are consolidated in AZWB_QUICK_LINKS_ORIGINAL_IDENTITY_V34. */


/* AZWB_MEDIA_TRANSFORM_CHROME_V41
   Shared outer-frame geometry for Image/PDF. The transform chrome owns handles; media content never owns handle coordinates. */
.azwba-app .azwb-image-chrome{
 --azwb-image-select:#6366F1;
 --azwb-image-accent-2:#22C55E;
 container-type:size;
 container-name:image-chrome;
 position:absolute;
 z-index:calc(var(--azwba-z-chrome,220) + 2);
 overflow:visible;
 pointer-events:none
}
.azwba-app .azwb-image-chrome.is-pdf{--azwb-image-select:#DC2626;--azwb-image-accent-2:#F59E0B}
.azwba-app .azwb-image-chrome[hidden]{display:none!important}
.azwba-app .azwb-image-chrome__transform{
 position:absolute;
 inset:0;
 width:100%;
 height:100%;
 transform:rotate(var(--azwb-image-rotation,0deg));
 transform-origin:center center;
 pointer-events:none
}
.azwba-app .azwb-image-chrome__outline{
 position:absolute;
 inset:0;
 border:min(.9cqh,.7cqw,3px) solid var(--azwb-image-select)!important;
 border-radius:min(3cqh,2.2cqw,10px) min(1cqh,.8cqw,4px) min(3cqh,2.2cqw,10px) min(1cqh,.8cqw,4px)!important;
 box-shadow:
  0 0 0 min(.55cqh,.4cqw,1.5px) rgba(255,255,255,.72),
  0 0 min(3cqh,2.5cqw,10px) color-mix(in srgb,var(--azwb-image-select) 12%,transparent)!important;
 pointer-events:none
}
.azwba-app .azwb-image-chrome__outline::before{
 content:"";
 position:absolute;
 top:0;
 left:12%;
 width:22%;
 height:min(1cqh,.8cqw,4px);
 border-radius:0 0 999px 999px;
 background:linear-gradient(90deg,var(--azwb-image-select),var(--azwb-image-accent-2));
 opacity:.8
}
.azwba-app .azwb-image-chrome__toolbar{
 position:absolute;
 z-index:6;
 top:calc(-1 * min(15cqh,10cqw,48px));
 left:50%;
 display:flex;
 align-items:center;
 gap:min(1.2cqw,1.5cqh,4px);
 min-height:0!important;
 padding:min(1.6cqh,1.2cqw,5px)!important;
 border:min(.6cqh,.45cqw,2px) solid color-mix(in srgb,var(--azwb-image-select) 20%,#CBD5E1)!important;
 border-radius:min(5cqh,3cqw,16px) min(2cqh,1.2cqw,6px) min(5cqh,3cqw,16px) min(2cqh,1.2cqw,6px)!important;
 background:linear-gradient(135deg,rgba(255,255,255,.98),color-mix(in srgb,var(--azwb-image-select) 5%,#F8FAFC))!important;
 box-shadow:0 min(2cqh,6px) min(5cqh,18px) rgba(15,23,42,.14)!important;
 transform:translateX(-50%);
 direction:ltr;
 white-space:nowrap;
 pointer-events:auto;
 backdrop-filter:blur(14px)
}
.azwba-app .azwb-image-chrome__toolbar::before{
 content:"";
 width:min(2.8cqh,2cqw,9px);
 height:min(2.8cqh,2cqw,9px);
 margin-inline:min(.6cqw,2px);
 border-radius:3px 1px 3px 1px;
 background:var(--azwb-image-accent-2);
 transform:rotate(45deg);
 flex:0 0 auto
}
.azwba-app .azwb-image-chrome.toolbar-below .azwb-image-chrome__toolbar{
 top:auto;
 bottom:calc(-1 * min(15cqh,10cqw,48px))
}
.azwba-app .azwb-image-chrome__toolbar button{
 display:grid;
 place-items:center;
 width:min(10.5cqh,7.2cqw,34px)!important;
 height:min(10.5cqh,7.2cqw,34px)!important;
 min-width:0!important;
 min-height:0!important;
 padding:min(2cqh,1.4cqw,6px)!important;
 border:0!important;
 border-radius:min(3cqh,2cqw,9px) min(1.1cqh,.75cqw,4px) min(3cqh,2cqw,9px) min(1.1cqh,.75cqw,4px)!important;
 background:transparent!important;
 color:color-mix(in srgb,#111827 72%,var(--azwb-image-select) 28%)!important;
 cursor:pointer
}
.azwba-app .azwb-image-chrome__toolbar button:hover:not(:disabled){
 background:color-mix(in srgb,var(--azwb-image-select) 9%,#fff)!important;
 color:var(--azwb-image-select)!important
}
.azwba-app .azwb-image-chrome__toolbar button:focus-visible{
 outline:min(.7cqh,.5cqw,2px) solid var(--azwb-image-select)!important;
 outline-offset:min(.5cqh,.4cqw,2px)!important
}
.azwba-app .azwb-image-chrome__toolbar button:disabled{opacity:.38;cursor:not-allowed}
.azwba-app .azwb-image-chrome__toolbar svg{
 display:block;
 width:min(6cqh,4.4cqw,20px)!important;
 height:min(6cqh,4.4cqw,20px)!important;
 fill:none;
 stroke:currentColor
}
.azwba-app .azwb-image-chrome__menu{
 position:absolute;
 z-index:8;
 top:calc(-1 * min(1.2cqh,4px));
 left:50%;
 display:grid;
 width:max-content;
 min-width:min(46cqw,176px)!important;
 gap:min(1.2cqh,4px)!important;
 padding:min(2cqh,1.5cqw,7px)!important;
 border:1px solid color-mix(in srgb,var(--azwb-image-select) 18%,#CBD5E1)!important;
 border-radius:min(4cqh,2.7cqw,13px) min(1.4cqh,1cqw,5px) min(4cqh,2.7cqw,13px) min(1.4cqh,1cqw,5px)!important;
 background:rgba(255,255,255,.98)!important;
 box-shadow:0 min(4cqh,12px) min(9cqh,30px) rgba(15,23,42,.17)!important;
 transform:translate(-50%,100%);
 direction:rtl;
 pointer-events:auto;
 backdrop-filter:blur(14px)
}
.azwba-app .azwb-image-chrome__menu[hidden]{display:none!important}
.azwba-app .azwb-image-chrome.toolbar-below .azwb-image-chrome__menu{
 top:auto;
 bottom:calc(-1 * min(1.2cqh,4px));
 transform:translate(-50%,-100%)
}
.azwba-app .azwb-image-chrome__menu button{
 min-height:min(10cqh,8cqw,38px)!important;
 padding:min(2cqh,7px) min(3cqw,11px)!important;
 border:0!important;
 border-radius:min(2.5cqh,1.7cqw,8px)!important;
 background:transparent!important;
 color:#111827!important;
 font:750 min(3.4cqh,2.5cqw,11px)/1.4 Cairo,sans-serif!important;
 text-align:right;
 cursor:pointer
}
.azwba-app .azwb-image-chrome__menu button:hover{
 background:color-mix(in srgb,var(--azwb-image-select) 7%,#fff)!important
}
.azwba-app .azwb-image-chrome__handle{
 position:absolute;
 z-index:5;
 display:block;
 width:min(4.8cqh,3.4cqw,15px)!important;
 height:min(4.8cqh,3.4cqw,15px)!important;
 min-width:0!important;
 min-height:0!important;
 padding:0!important;
 border:min(.8cqh,.55cqw,2px) solid var(--azwb-image-select)!important;
 border-radius:3px 1px 3px 1px!important;
 background:#fff!important;
 box-shadow:0 min(.6cqh,2px) min(1.7cqh,6px) rgba(15,23,42,.16)!important;
 transform:rotate(45deg);
 pointer-events:auto;
 touch-action:none
}
.azwba-app .azwb-image-chrome__handle[hidden]{display:none!important}
.azwba-app .azwb-image-chrome__handle.is-nw{top:calc(-1 * min(2.4cqh,1.7cqw,7.5px));left:calc(-1 * min(2.4cqh,1.7cqw,7.5px));cursor:nwse-resize}
.azwba-app .azwb-image-chrome__handle.is-ne{top:calc(-1 * min(2.4cqh,1.7cqw,7.5px));right:calc(-1 * min(2.4cqh,1.7cqw,7.5px));cursor:nesw-resize}
.azwba-app .azwb-image-chrome__handle.is-sw{bottom:calc(-1 * min(2.4cqh,1.7cqw,7.5px));left:calc(-1 * min(2.4cqh,1.7cqw,7.5px));cursor:nesw-resize}
.azwba-app .azwb-image-chrome__handle.is-se{right:calc(-1 * min(2.4cqh,1.7cqw,7.5px));bottom:calc(-1 * min(2.4cqh,1.7cqw,7.5px));cursor:nwse-resize}
.azwba-app .azwb-image-chrome__rotate{
 position:absolute;
 z-index:5;
 top:50%;
 right:calc(-1 * min(11cqw,38px));
 display:grid;
 place-items:center;
 width:min(8cqh,6cqw,28px)!important;
 height:min(8cqh,6cqw,28px)!important;
 min-width:0!important;
 min-height:0!important;
 padding:0!important;
 border:min(.8cqh,.55cqw,2px) solid var(--azwb-image-select)!important;
 border-radius:min(2.7cqh,2cqw,9px) min(1cqh,.7cqw,4px) min(2.7cqh,2cqw,9px) min(1cqh,.7cqw,4px)!important;
 background:#fff!important;
 color:var(--azwb-image-select)!important;
 font:900 min(5cqh,3.8cqw,16px)/1 Arial,sans-serif!important;
 box-shadow:0 min(1cqh,3px) min(2.5cqh,8px) rgba(15,23,42,.15)!important;
 transform:translateY(-50%);
 cursor:grab;
 pointer-events:auto;
 touch-action:none
}
.azwba-app .azwb-image-chrome.rotate-left .azwb-image-chrome__rotate{
 right:auto;
 left:calc(-1 * min(11cqw,38px))
}
.azwba-app .azwb-image-chrome__rotate[hidden]{display:none!important}
.azwba-app .azwb-image-chrome__rotate:active{cursor:grabbing}
.azwba-app .azwb-image-chrome.is-resizing .azwb-image-chrome__outline,

.azwba-app .azwb-image-chrome.is-rotating .azwb-image-chrome__outline{
 box-shadow:
  0 0 0 min(.55cqh,.4cqw,1.5px) rgba(255,255,255,.78),
  0 0 min(5cqh,4cqw,16px) color-mix(in srgb,var(--azwb-image-select) 22%,transparent)!important
}
.azwba-app .azwb-image-chrome.is-resizing,

.azwba-app .azwb-image-chrome.is-resizing *{
 transition:none!important;
 animation-play-state:paused!important;
 scroll-behavior:auto!important
}
.azwba-app .azwb-image-chrome[data-locked="1"] .azwb-image-chrome__outline{
 border-style:dashed;
 opacity:.75
}
.azwba-app .azwb-image-settings-drawer .azwba-widget-settings-drawer__icon svg{width:24px;height:24px}
.azwba-app .azwb-image-settings__range{
 display:grid;
 grid-template-columns:minmax(0,1fr) 42px;
 align-items:center;
 gap:9px
}
.azwba-app .azwb-image-settings__range input[type="range"]{width:100%;accent-color:#6366F1}
.azwba-app .azwb-image-settings__range output{
 color:#4B5563;
 font:700 9px/1 Arial,sans-serif;
 text-align:left;
 direction:ltr
}
@media(pointer:coarse){
 .azwba-app .azwb-image-chrome__toolbar{
  top:calc(-1 * min(18cqh,12cqw,52px))
 }
 .azwba-app .azwb-image-chrome.toolbar-below .azwb-image-chrome__toolbar{
  top:auto;
  bottom:calc(-1 * min(18cqh,12cqw,52px))
 }
}


/* AZWB_CAMERA_ORIGINAL_IDENTITY_V38
   Edutech Live Lens — proprietary camera chrome with immediate container-relative scaling. */
.azwba-app .azwba-camera-float.azwba-camera-object{
 --camera-accent:#6366F1;
 --camera-accent-2:#22C55E;
 --camera-bg:#FFFFFF;
 --camera-ink:#111827;
 --azwba-camera-rotation:0deg;
 container-type:size;
 container-name:camera-object;
 position:fixed!important;
 z-index:var(--azwba-z-widget)!important;
 top:auto;
 right:auto;
 min-width:0!important;
 min-height:0!important;
 overflow:visible!important;
 border:0!important;
 border-radius:0!important;
 background:transparent!important;
 box-shadow:none!important;
 isolation:isolate
}
.azwba-app .azwba-camera-object__toolbar{
 position:absolute;
 z-index:35;
 top:calc(-1 * min(15cqh,10cqw,48px));
 left:50%;
 display:flex;
 align-items:center;
 gap:min(1.2cqw,1.5cqh,4px);
 min-height:0!important;
 padding:min(1.6cqh,1.2cqw,5px)!important;
 border:min(.6cqh,.45cqw,2px) solid color-mix(in srgb,var(--camera-accent) 22%,#CBD5E1)!important;
 border-radius:min(5cqh,3cqw,16px) min(2cqh,1.2cqw,6px) min(5cqh,3cqw,16px) min(2cqh,1.2cqw,6px)!important;
 background:linear-gradient(135deg,rgba(255,255,255,.98),color-mix(in srgb,var(--camera-accent) 5%,#F8FAFC))!important;
 box-shadow:0 min(2cqh,6px) min(5cqh,18px) rgba(15,23,42,.14)!important;
 transform:translateX(-50%);
 direction:ltr;
 white-space:nowrap;
 backdrop-filter:blur(14px)
}
.azwba-app .azwba-camera-object__toolbar::before{
 content:"";
 width:min(2.8cqh,2cqw,9px);
 height:min(2.8cqh,2cqw,9px);
 margin-inline:min(.6cqw,2px);
 border-radius:50%;
 background:var(--camera-accent-2);
 box-shadow:0 0 min(3cqh,10px) color-mix(in srgb,var(--camera-accent-2) 46%,transparent);
 flex:0 0 auto
}
.azwba-app .azwba-camera-object.toolbar-below .azwba-camera-object__toolbar{
 top:auto;
 bottom:calc(-1 * min(15cqh,10cqw,48px))
}
.azwba-app .azwba-camera-object__toolbar button{
 display:grid;
 place-items:center;
 width:min(10.5cqh,7.2cqw,34px)!important;
 height:min(10.5cqh,7.2cqw,34px)!important;
 min-width:0!important;
 min-height:0!important;
 padding:min(2cqh,1.4cqw,6px)!important;
 border:0!important;
 border-radius:min(3cqh,2cqw,9px) min(1.1cqh,.75cqw,4px) min(3cqh,2cqw,9px) min(1.1cqh,.75cqw,4px)!important;
 background:transparent!important;
 color:color-mix(in srgb,var(--camera-ink) 72%,var(--camera-accent) 28%)!important;
 cursor:pointer
}
.azwba-app .azwba-camera-object__toolbar button:hover{
 background:color-mix(in srgb,var(--camera-accent) 9%,#fff)!important;
 color:var(--camera-accent)!important
}
.azwba-app .azwba-camera-object__toolbar button:focus-visible{
 outline:min(.7cqh,.5cqw,2px) solid var(--camera-accent)!important;
 outline-offset:min(.5cqh,.4cqw,2px)!important
}
.azwba-app .azwba-camera-object__toolbar svg{
 display:block;
 width:min(6cqh,4.4cqw,20px)!important;
 height:min(6cqh,4.4cqw,20px)!important;
 fill:none;
 stroke:currentColor
}
.azwba-app .azwba-camera-object__menu{
 position:absolute;
 z-index:38;
 top:calc(-1 * min(1cqh,3px));
 left:50%;
 display:grid;
 width:max-content;
 min-width:min(46cqw,180px)!important;
 gap:min(1.2cqh,4px)!important;
 padding:min(2cqh,1.5cqw,7px)!important;
 border:1px solid color-mix(in srgb,var(--camera-accent) 18%,#CBD5E1)!important;
 border-radius:min(4cqh,2.7cqw,13px) min(1.4cqh,1cqw,5px) min(4cqh,2.7cqw,13px) min(1.4cqh,1cqw,5px)!important;
 background:rgba(255,255,255,.98)!important;
 box-shadow:0 min(4cqh,12px) min(9cqh,30px) rgba(15,23,42,.17)!important;
 transform:translate(-50%,100%);
 direction:rtl;
 backdrop-filter:blur(14px)
}
.azwba-app .azwba-camera-object__menu[hidden]{display:none!important}
.azwba-app .azwba-camera-object__menu button{
 min-height:min(10cqh,8cqw,38px)!important;
 padding:min(2cqh,7px) min(3cqw,11px)!important;
 border:0!important;
 border-radius:min(2.5cqh,1.7cqw,8px)!important;
 background:transparent!important;
 color:var(--camera-ink)!important;
 font:750 min(3.4cqh,2.5cqw,11px)/1.4 Cairo,sans-serif!important;
 text-align:right;
 cursor:pointer
}
.azwba-app .azwba-camera-object__menu button:hover{
 background:color-mix(in srgb,var(--camera-accent) 7%,#fff)!important
}
.azwba-app .azwba-camera-object__transform{
 position:absolute;
 inset:0;
 width:100%;
 height:100%;
 overflow:visible;
 transform:rotate(var(--azwba-camera-rotation));
 transform-origin:center center
}
.azwba-app .azwba-camera-object__content-scale{
 position:absolute;
 left:50%;
 top:50%;
 width:var(--azwba-camera-content-base-w,100%);
 height:var(--azwba-camera-content-base-h,100%);
 border:2px solid #6366F1;
 border-radius:12px;
 transform:translate(-50%,-50%) scale(var(--azwba-camera-content-scale,1));
 transform-origin:center center;
 container-type:size;
 overflow:visible;
 pointer-events:auto
}
.azwba-app .azwba-camera-object .azwba-camera-stage{
 position:absolute;
 inset:0;
 display:grid;
 place-items:center;
 width:100%;
 height:100%;
 aspect-ratio:auto!important;
 overflow:hidden;
 border:min(1.1cqh,.8cqw,4px) solid color-mix(in srgb,var(--camera-accent) 70%,var(--camera-ink) 30%)!important;
 border-radius:min(8cqh,5cqw,26px) min(2.8cqh,1.8cqw,9px) min(8cqh,5cqw,26px) min(2.8cqh,1.8cqw,9px)!important;
 background:#0B1220!important;
 box-shadow:
  inset 0 0 0 min(.7cqh,.5cqw,2px) rgba(255,255,255,.07),
  0 0 0 min(1.5cqh,1cqw,5px) color-mix(in srgb,var(--camera-accent) 10%,transparent),
  0 min(2cqh,7px) min(6cqh,22px) rgba(15,23,42,.16)!important
}
.azwba-app .azwba-camera-object .azwba-camera-stage::before{
 content:"LIVE";
 position:absolute;
 z-index:4;
 top:min(4cqh,3cqw,13px);
 left:min(4cqw,14px);
 display:flex;
 align-items:center;
 gap:min(1.4cqw,5px);
 padding:min(1.3cqh,4px) min(2.4cqw,9px);
 border:1px solid rgba(255,255,255,.16);
 border-radius:min(3cqh,10px) min(1cqh,4px) min(3cqh,10px) min(1cqh,4px);
 background:rgba(11,18,32,.66);
 color:rgba(255,255,255,.72);
 font:900 min(2.7cqh,2cqw,9px)/1 Arial,sans-serif;
 letter-spacing:.08em;
 opacity:.55;
 backdrop-filter:blur(8px);
 pointer-events:none
}
.azwba-app .azwba-camera-object[data-camera-live="1"] .azwba-camera-stage::before{
 color:#fff;
 opacity:1;
 box-shadow:inset min(1.2cqw,4px) 0 0 var(--camera-accent-2),0 0 min(4cqh,14px) color-mix(in srgb,var(--camera-accent-2) 20%,transparent)
}
.azwba-app .azwba-camera-object .azwba-camera-stage::after{
 content:"";
 position:absolute;
 z-index:3;
 right:min(4cqw,14px);
 bottom:min(4cqh,13px);
 width:min(16cqw,58px);
 height:min(1.1cqh,4px);
 border-radius:999px;
 background:repeating-linear-gradient(90deg,
  var(--camera-accent) 0 min(2.3cqw,8px),
  transparent min(2.3cqw,8px) min(4cqw,14px)
 );
 opacity:.48;
 pointer-events:none
}
.azwba-app .azwba-camera-object .azwba-camera-stage video{
 display:block;
 width:100%;
 height:100%;
 object-fit:cover;
 background:#0B1220
}
.azwba-app .azwba-camera-object .azwba-camera-stage video.is-mirrored{transform:scaleX(-1)}
.azwba-app .azwba-camera-object .azwba-camera-stage>span{
 position:absolute;
 z-index:5;
 inset:auto min(4cqw,14px) min(4cqh,13px);
 padding:min(2.2cqh,7px) min(3cqw,10px)!important;
 border:1px solid rgba(255,255,255,.10)!important;
 border-radius:min(3cqh,2cqw,10px) min(1.1cqh,.8cqw,4px) min(3cqh,2cqw,10px) min(1.1cqh,.8cqw,4px)!important;
 background:rgba(11,18,32,.75)!important;
 color:#F8FAFC!important;
 font:750 min(3.2cqh,2.5cqw,11px)/1.4 Cairo,sans-serif!important;
 text-align:center;
 backdrop-filter:blur(9px)
}
.azwba-app .azwba-camera-object__handle{
 position:absolute;
 z-index:32;
 width:min(4.8cqh,3.4cqw,15px)!important;
 height:min(4.8cqh,3.4cqw,15px)!important;
 min-width:0!important;
 min-height:0!important;
 padding:0!important;
 border:min(.8cqh,.55cqw,2px) solid var(--camera-accent)!important;
 border-radius:5px 2px 5px 2px!important;
 background:var(--camera-bg)!important;
 box-shadow:0 min(.6cqh,2px) min(1.7cqh,6px) rgba(15,23,42,.16)!important;
 touch-action:none
}
.azwba-app .azwba-camera-object__handle.is-nw{top:calc(-1 * min(2.4cqh,1.7cqw,7.5px));left:calc(-1 * min(2.4cqh,1.7cqw,7.5px));cursor:nwse-resize}
.azwba-app .azwba-camera-object__handle.is-ne{top:calc(-1 * min(2.4cqh,1.7cqw,7.5px));right:calc(-1 * min(2.4cqh,1.7cqw,7.5px));cursor:nesw-resize}
.azwba-app .azwba-camera-object__handle.is-sw{bottom:calc(-1 * min(2.4cqh,1.7cqw,7.5px));left:calc(-1 * min(2.4cqh,1.7cqw,7.5px));cursor:nesw-resize}
.azwba-app .azwba-camera-object__handle.is-se{right:calc(-1 * min(2.4cqh,1.7cqw,7.5px));bottom:calc(-1 * min(2.4cqh,1.7cqw,7.5px));cursor:nwse-resize}
.azwba-app .azwba-camera-object__rotate{
 position:absolute;
 z-index:32;
 top:50%;
 right:calc(-1 * min(11cqw,38px));
 display:grid;
 place-items:center;
 width:min(8cqh,6cqw,28px)!important;
 height:min(8cqh,6cqw,28px)!important;
 min-width:0!important;
 min-height:0!important;
 padding:0!important;
 border:min(.8cqh,.55cqw,2px) solid var(--camera-accent)!important;
 border-radius:min(2.7cqh,2cqw,9px) min(1cqh,.7cqw,4px) min(2.7cqh,2cqw,9px) min(1cqh,.7cqw,4px)!important;
 background:var(--camera-bg)!important;
 color:var(--camera-accent)!important;
 font:900 min(5cqh,3.8cqw,16px)/1 Arial,sans-serif!important;
 box-shadow:0 min(1cqh,3px) min(2.5cqh,8px) rgba(15,23,42,.15)!important;
 transform:translateY(-50%);
 cursor:grab;
 touch-action:none
}
.azwba-app .azwba-camera-object.rotate-left .azwba-camera-object__rotate{
 right:auto;
 left:calc(-1 * min(11cqw,38px))
}
.azwba-app .azwba-camera-object__rotate:active{cursor:grabbing}
.azwba-app .azwba-camera-object.is-dragging .azwba-camera-stage,

.azwba-app .azwba-camera-object.is-resizing .azwba-camera-stage,

.azwba-app .azwba-camera-object.is-rotating .azwba-camera-stage{
 border-color:var(--camera-accent)!important;
 box-shadow:
  inset 0 0 0 min(.7cqh,.5cqw,2px) rgba(255,255,255,.07),
  0 0 0 min(1.6cqh,1.1cqw,5px) color-mix(in srgb,var(--camera-accent) 15%,transparent),
  0 min(3cqh,10px) min(7cqh,26px) color-mix(in srgb,var(--camera-accent) 18%,transparent)!important
}
/* No visual lag during camera resize: every descendant resolves from the same container size. */
.azwba-app .azwba-camera-object.is-resizing,

.azwba-app .azwba-camera-object.is-resizing *{
 transition:none!important;
 animation-play-state:paused!important;
 scroll-behavior:auto!important
}
.azwba-app .azwba-camera-settings-drawer [data-camera-device]{
 width:100%;
 min-height:38px;
 padding:7px 9px;
 border:1px solid #D1D5DB;
 border-radius:8px 4px 8px 4px;
 background:#fff;
 color:#374151;
 font:600 10px/1.4 Cairo,sans-serif
}
.azwba-app .azwba-camera-session-note{
 margin:14px 17px 20px;
 padding:11px 12px;
 border:1px solid #E2E8F0;
 border-radius:12px 5px 12px 5px;
 background:linear-gradient(145deg,#F8FAFC,#fff);
 color:#64748B;
 font-size:9px;
 line-height:1.7
}
/* Touch targets remain usable,

but their visible chrome still follows camera scale. */
@media(pointer:coarse){
 .azwba-app .azwba-camera-object__toolbar{
  top:calc(-1 * min(18cqh,12cqw,52px))
 }
 .azwba-app .azwba-camera-object.toolbar-below .azwba-camera-object__toolbar{
  top:auto;
  bottom:calc(-1 * min(18cqh,12cqw,52px))
 }
}


/* AZWB_VISUAL_TIMER_ORIGINAL_IDENTITY_V30B
   Edutech Focus Halo — theme-aware visual timer with true proportional scaling. */
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2{
 --azwb-timer-accent:#6366F1;
 --azwb-timer-bg:#FFFFFF;
 --azwb-timer-ink:#111827;
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2.is-ring{
 container-type:size;
 container-name:visual-timer-widget;
 background:
  radial-gradient(circle at 86% 10%,color-mix(in srgb,var(--azwb-timer-accent) 11%,transparent),transparent 29%),
  linear-gradient(155deg,var(--azwb-timer-bg),color-mix(in srgb,var(--azwb-timer-bg) 96%,var(--azwb-timer-accent) 4%))!important;
 color:var(--azwb-timer-ink)!important;
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2.is-ring .azwba-timer-v2__hero{
 position:relative!important;
 isolation:isolate;
 display:grid!important;
 grid-template-columns:1fr!important;
 grid-template-rows:minmax(0,1fr) auto!important;
 align-items:center!important;
 justify-items:center!important;
 width:100%!important;
 height:100%!important;
 min-width:0!important;
 min-height:0!important;
 gap:min(4cqh,3cqw,14px)!important;
 padding:min(6cqh,5cqw,20px)!important;
 overflow:hidden!important;
 border:0!important;
 border-radius:0!important;
 background:transparent!important;
 box-sizing:border-box!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2.is-ring .azwba-timer-v2__hero::before{
 content:"";
 position:absolute;
 z-index:-1;
 top:5%;
 left:50%;
 width:min(80cqh,80cqw,310px);
 aspect-ratio:1;
 transform:translateX(-50%) rotate(-7deg);
 border:1px solid color-mix(in srgb,var(--azwb-timer-accent) 20%,transparent);
 border-radius:44% 56% 48% 52% / 57% 43% 57% 43%;
 background:
  radial-gradient(circle at 36% 28%,color-mix(in srgb,var(--azwb-timer-accent) 10%,transparent),transparent 35%),
  color-mix(in srgb,var(--azwb-timer-bg) 95%,var(--azwb-timer-accent) 5%);
 box-shadow:0 min(2cqh,7px) min(6cqh,22px) color-mix(in srgb,var(--azwb-timer-ink) 7%,transparent);
 pointer-events:none
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2.is-ring .azwba-timer-v2__visual{
 position:relative!important;
 grid-column:1!important;
 grid-row:1!important;
 display:grid!important;
 place-items:center!important;
 width:100%!important;
 height:100%!important;
 min-width:0!important;
 min-height:0!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2.is-ring .azwba-timer-v2__visual::before{
 content:"";
 position:absolute;
 width:min(70cqh,70cqw,270px);
 aspect-ratio:1;
 border-radius:50%;
 background:repeating-conic-gradient(
   from -3deg,
   color-mix(in srgb,var(--azwb-timer-accent) 28%,transparent) 0 1deg,
   transparent 1deg 7.5deg
 );
 -webkit-mask:radial-gradient(circle,transparent 0 86%,#000 86% 90%,transparent 90%);
 mask:radial-gradient(circle,transparent 0 86%,#000 86% 90%,transparent 90%);
 opacity:.72;
 pointer-events:none
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2.is-ring .azwba-timer-v2__ring{
 position:relative!important;
 inset:auto!important;
 display:block!important;
 width:min(62cqh,62cqw,240px)!important;
 height:auto!important;
 max-width:none!important;
 min-width:0!important;
 aspect-ratio:1!important;
 margin:0!important;
 border:min(1.1cqh,.9cqw,4px) solid var(--azwb-timer-bg)!important;
 border-radius:50%!important;
 outline:min(.8cqh,.7cqw,3px) solid color-mix(in srgb,var(--azwb-timer-accent) 36%,var(--azwb-timer-ink) 8%)!important;
 outline-offset:min(.9cqh,.8cqw,3px)!important;
 background:conic-gradient(
   from -90deg,
   var(--azwb-timer-accent) var(--azwb-timer-progress,360deg),
   color-mix(in srgb,var(--azwb-timer-ink) 8%,var(--azwb-timer-bg) 92%) 0
 )!important;
 box-shadow:
  0 0 0 min(2cqh,1.7cqw,7px) color-mix(in srgb,var(--azwb-timer-accent) 8%,transparent),
  0 min(2cqh,7px) min(5cqh,18px) color-mix(in srgb,var(--azwb-timer-ink) 12%,transparent)!important;
 touch-action:none!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2.is-counterclockwise .azwba-timer-v2__ring{
 transform:scaleX(-1)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2.is-counterclockwise .azwba-timer-v2__display{
 transform:translate(-50%,-50%) scaleX(1)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2.is-ring .azwba-timer-v2__ring::before{
 content:"";
 position:absolute;
 z-index:2;
 top:4%;
 left:50%;
 width:min(4cqh,3.4cqw,14px);
 height:min(4cqh,3.4cqw,14px);
 transform:translateX(-50%);
 border:min(.7cqh,.6cqw,2px) solid var(--azwb-timer-bg);
 border-radius:min(1.5cqh,1.2cqw,5px) min(.6cqh,.5cqw,2px) min(1.5cqh,1.2cqw,5px) min(.6cqh,.5cqw,2px);
 background:var(--azwb-timer-accent);
 box-shadow:0 0 min(3cqh,10px) color-mix(in srgb,var(--azwb-timer-accent) 40%,transparent)
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2.is-ring .azwba-timer-v2__ring::after{
 content:""!important;
 position:absolute!important;
 inset:12%!important;
 border:1px solid color-mix(in srgb,var(--azwb-timer-accent) 12%,transparent)!important;
 border-radius:44% 56% 48% 52% / 55% 45% 55% 45%!important;
 background:
  radial-gradient(circle at 35% 28%,color-mix(in srgb,var(--azwb-timer-accent) 8%,transparent),transparent 32%),
  var(--azwb-timer-bg)!important;
 box-shadow:inset 0 0 0 min(.7cqh,.6cqw,2px) color-mix(in srgb,var(--azwb-timer-ink) 4%,transparent)!important;
 transform:rotate(5deg)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2.is-ring .azwba-timer-v2__display{
 position:absolute!important;
 z-index:5!important;
 top:47%!important;
 left:50%!important;
 display:grid!important;
 place-items:center!important;
 align-content:center!important;
 width:48%!important;
 height:auto!important;
 min-width:0!important;
 min-height:0!important;
 padding:0!important;
 gap:min(1.8cqh,1.4cqw,5px)!important;
 border:0!important;
 border-radius:0!important;
 background:transparent!important;
 transform:translate(-50%,-50%)!important;
 pointer-events:none!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2.is-ring .azwba-timer-v2__digits{
 display:none!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2.is-ring .azwba-timer-v2__sr-value{
 position:static!important;
 display:block!important;
 width:auto!important;
 height:auto!important;
 margin:0!important;
 padding:0!important;
 overflow:visible!important;
 clip:auto!important;
 color:var(--azwb-timer-ink)!important;
 font:950 min(12cqh,10cqw,40px)/1 Arial,sans-serif!important;
 letter-spacing:min(.15cqw,.5px)!important;
 font-variant-numeric:tabular-nums!important;
 white-space:nowrap!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2.is-ring .azwba-timer-v2__display>small{
 display:block!important;
 max-width:100%!important;
 overflow:hidden!important;
 color:color-mix(in srgb,var(--azwb-timer-ink) 58%,transparent)!important;
 font:800 min(3.2cqh,2.8cqw,12px)/1.25 Cairo,sans-serif!important;
 text-overflow:ellipsis!important;
 white-space:nowrap!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2.is-ring.hide-ring-numbers .azwba-timer-v2__sr-value{
 opacity:0!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2.is-ring.hide-ring-numbers .azwba-timer-v2__display>small{
 transform:translateY(-3cqh)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2.is-ring .azwba-timer-v2__primary{
 grid-column:1!important;
 grid-row:2!important;
 display:flex!important;
 flex-direction:row!important;
 align-items:center!important;
 justify-content:center!important;
 width:100%!important;
 height:auto!important;
 gap:min(7cqw,5cqh,22px)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2.is-ring .azwba-timer-v2__primary button{
 display:grid!important;
 place-items:center!important;
 width:min(13cqw,13cqh,46px)!important;
 height:min(13cqw,13cqh,46px)!important;
 min-width:0!important;
 min-height:0!important;
 padding:0!important;
 border:min(.8cqh,.7cqw,2px) solid var(--azwb-timer-accent)!important;
 border-radius:min(4cqh,3.2cqw,14px) min(1.4cqh,1.1cqw,5px) min(4cqh,3.2cqw,14px) min(1.4cqh,1.1cqw,5px)!important;
 background:color-mix(in srgb,var(--azwb-timer-bg) 94%,var(--azwb-timer-accent) 6%)!important;
 box-shadow:0 min(1.5cqh,5px) min(3.5cqh,12px) color-mix(in srgb,var(--azwb-timer-ink) 9%,transparent)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2.is-ring .azwba-timer-v2__primary [data-timer-start]{
 background:linear-gradient(135deg,var(--azwb-timer-accent),color-mix(in srgb,var(--azwb-timer-accent) 72%,var(--azwb-timer-ink) 28%))!important;
 color:var(--azwb-timer-bg)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2.is-ring .azwba-timer-v2__primary .is-play{
 border-top-width:min(3.3cqh,2.7cqw,8px)!important;
 border-bottom-width:min(3.3cqh,2.7cqw,8px)!important;
 border-left-width:min(5cqh,4cqw,12px)!important;
 border-top-color:transparent!important;
 border-bottom-color:transparent!important;
 border-left-color:var(--azwb-timer-bg)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2.is-ring .azwba-timer-v2__primary .is-stop{
 width:min(4.5cqh,3.8cqw,13px)!important;
 height:min(4.5cqh,3.8cqw,13px)!important;
 border:min(.7cqh,.6cqw,2px) solid var(--azwb-timer-ink)!important;
 border-radius:min(.8cqh,.7cqw,3px)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2.is-ring.is-warning .azwba-timer-v2__hero{
 background:
  radial-gradient(circle at 50% 30%,color-mix(in srgb,#EF4444 9%,transparent),transparent 42%)!important
}
.azwba-app .azwba-board-widget[data-widget-kind="timer-v2"] .azwba-timer-v2.is-ring.is-warning .azwba-timer-v2__ring{
 background:conic-gradient(
   from -90deg,
   color-mix(in srgb,var(--azwb-timer-accent) 42%,#EF4444 58%) var(--azwb-timer-progress,360deg),
   color-mix(in srgb,#EF4444 9%,var(--azwb-timer-bg) 91%) 0
 )!important;
 box-shadow:
  0 0 0 min(2cqh,1.7cqw,7px) color-mix(in srgb,#EF4444 8%,transparent),
  0 0 min(7cqh,24px) color-mix(in srgb,#EF4444 20%,transparent)!important
}


/* AZWB_CLOCK_SETTINGS_COMPLETION_V11 */
.azwba-app .azwba-widget-settings__alarm{
 grid-template-columns:30px 82px minmax(104px,1fr) minmax(96px,.78fr) 30px
}
.azwba-app .azwba-widget-settings__alarm-sound{
 width:100%;
 min-width:0;
 min-height:34px;
 padding:5px 7px;
 border:1px solid #D1D5DB;
 border-radius:6px;
 background:#fff;
 color:#374151;
 font:600 9px/1.3 Cairo,sans-serif
}
.azwba-app .azwba-board-widget[data-widget-kind="clock-alarm"] .azwba-clock__analog .is-second[hidden],

.azwba-app .azwba-board-widget[data-widget-kind="clock-alarm"] [data-clock-date][hidden]{
 display:none!important
}
@media(max-width:680px){
 .azwba-app .azwba-widget-settings__alarm{
  grid-template-columns:30px minmax(82px,.8fr) minmax(0,1fr) 30px;
  grid-template-areas:"toggle time description remove" ". sound sound ."
 }
 .azwba-app .azwba-widget-settings__alarm-toggle{grid-area:toggle}
 .azwba-app .azwba-widget-settings__alarm input[type="time"]{grid-area:time}
 .azwba-app .azwba-widget-settings__alarm input[type="text"]{grid-area:description}
 .azwba-app .azwba-widget-settings__alarm-sound{grid-area:sound}
 .azwba-app .azwba-widget-settings__alarm-remove{grid-area:remove}
}
@media(pointer:coarse){
 .azwba-app .azwba-widget-settings__alarm-sound{min-height:44px}
}


/* AZWB_TIMETABLE_ACTIVITY_SOUND_LAYOUT_V17 */
.azwba-app .azwba-widget-settings__activity-meta{
 grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
 gap:7px!important
}
.azwba-app .azwba-widget-settings__activity-meta select,

.azwba-app .azwba-widget-settings__activity-meta input{
 width:100%;
 min-width:0
}
@media(max-width:680px){
 .azwba-app .azwba-widget-settings__activity-meta{
  grid-template-columns:1fr!important
 }
}


/* AZWB_GROUP_MAKER_TOUCH_A11Y_LAYOUT_V18 */
.azwba-app .azwba-widget-settings__group-members{
 display:grid;
 gap:6px;
 max-height:260px;
 overflow:auto;
 padding:2px
}
.azwba-app .azwba-widget-settings__group-member{
 display:grid;
 grid-template-columns:minmax(0,1fr) minmax(112px,.9fr) 38px;
 align-items:center;
 gap:7px;
 min-width:0;
 padding:7px 8px;
 border:1px solid #E5E7EB;
 border-radius:8px;
 background:#fff
}
.azwba-app .azwba-widget-settings__group-member>span{
 min-width:0;
 overflow:hidden;
 color:#374151;
 font:750 9px/1.35 Cairo,sans-serif;
 text-overflow:ellipsis;
 white-space:nowrap
}
.azwba-app .azwba-widget-settings__group-member select{
 width:100%;
 min-width:0;
 min-height:36px;
 padding:6px 8px;
 border:1px solid #D1D5DB;
 border-radius:7px;
 background:#fff;
 color:#374151;
 font:700 9px/1.3 Cairo,sans-serif
}
.azwba-app .azwba-widget-settings__member-lock{
 display:grid;
 place-items:center;
 width:38px;
 height:38px;
 padding:0;
 border:1px solid #D1D5DB;
 border-radius:8px;
 background:#fff;
 cursor:pointer
}
@media(max-width:680px){
 .azwba-app .azwba-widget-settings__group-member{
  grid-template-columns:minmax(0,1fr) 38px
 }
 .azwba-app .azwba-widget-settings__group-member select{
  grid-column:1/-1;
  grid-row:2
 }
}
@media(pointer:coarse){
 .azwba-app .azwba-widget-settings__group-member select,

 .azwba-app .azwba-widget-settings__member-lock{min-height:44px}
 .azwba-app .azwba-widget-settings__member-lock{height:44px}
}


/* AZWB_COUNTER_THEME_MERGED_V32\n   Theme rules are merged into AZWB_COUNTER_ORIGINAL_IDENTITY_V32. */\n\n\n/* AZWB_STOPWATCH_THEME_MERGED_V27
   Theme rules are merged into AZWB_STOPWATCH_ORIGINAL_IDENTITY_V27. */


/* AZWB_PDF_DYNAMIC_CHROME_V32 */
.azwba-app .azwba-pdf-toolbar{
 top:calc(var(--azwba-top) + 8px)
}
.azwba-app .azwba-pdf-show-tab{
 top:var(--azwba-top)
}
.azwba-app .azwba-pdf-thumbs{
 top:calc(var(--azwba-top) + 64px);
 bottom:calc(var(--azwba-dock) + 12px)
}
@media(max-width:980px){
 .azwba-app .azwba-pdf-toolbar{
  top:calc(var(--azwba-top) + 6px)
 }
 .azwba-app .azwba-pdf-thumbs{
  top:calc(var(--azwba-top) + 62px);
  bottom:calc(var(--azwba-dock) + 10px)
 }
 .azwba-app .azwba-pdf-show-tab{
  top:var(--azwba-top)
 }
}
@media(max-width:760px){
 .azwba-app .azwba-pdf-toolbar{
  top:calc(var(--azwba-top) + 4px)
 }
 .azwba-app .azwba-pdf-thumbs{
  top:calc(var(--azwba-top) + 60px);
  bottom:calc(var(--azwba-dock) + 8px)
 }
 .azwba-app .azwba-pdf-show-tab{
  top:var(--azwba-top)
 }
}
@media(pointer:coarse){
 .azwba-app .azwba-pdf-thumbs{
  top:calc(var(--azwba-top) + 66px)
 }
}


/* AZWB_BOARDS_DYNAMIC_CHROME_V35 */
.azwba-app .azwba-boards-drawer{
 top:calc(var(--azwba-top) + 8px);
 bottom:calc(var(--azwba-dock) + 12px)
}
@media(max-width:760px){
 .azwba-app .azwba-boards-drawer{
  top:var(--azwba-top);
  bottom:var(--azwba-dock);
  left:0
 }
}
@media(pointer:coarse){
 .azwba-app .azwba-boards-drawer{
  top:var(--azwba-top);
  bottom:var(--azwba-dock)
 }
}


/* AZWB_GLOBAL_DYNAMIC_CHROME_V36 */
.azwba-app .azwba-reference-ui .azwb-pages{
 top:calc(var(--azwba-top) + 8px);
 bottom:calc(var(--azwba-dock) + 12px)
}
.azwba-app .azwba-reference-ui .azwba-panel--left{
 top:calc(var(--azwba-top) + 8px);
 bottom:calc(var(--azwba-dock) + 12px)
}
.azwba-app .azwba-reference-ui .azwba-panel--right{
 top:calc(var(--azwba-top) + 8px)
}
@media(max-width:760px){
 .azwba-app .azwba-reference-ui .azwb-pages{
  top:var(--azwba-top);
  bottom:var(--azwba-dock)
 }
 .azwba-app .azwba-reference-ui .azwba-panel--left{
  top:var(--azwba-top);
  bottom:var(--azwba-dock)
 }
 .azwba-app .azwba-reference-ui .azwba-panel--right{
  top:var(--azwba-top);
  bottom:var(--azwba-dock)
 }
}
@media(pointer:coarse){
 .azwba-app .azwba-reference-ui .azwb-pages,

 .azwba-app .azwba-reference-ui .azwba-panel--left{
  top:var(--azwba-top);
  bottom:var(--azwba-dock)
 }
}


.azwba-topbar{background:rgba(255,255,255,.90);color:#29483B;border-bottom-color:rgba(30,111,92,.10);box-shadow:0 3px 16px rgba(20,55,44,.10)}
.azwba-top-btn{color:#47665C}
.azwba-top-btn:hover:not(:disabled){background:rgba(30,111,92,.08);border-color:rgba(30,111,92,.10);color:#1E6F5C}
.azwba-top-btn.is-accent{color:#1E6F5C}
.azwba-top-sep{background:rgba(30,111,92,.14)}
.azwba-topbar__pagecount{border-color:#DCE8E3;background:rgba(255,255,255,.88);color:#38564C}


/* AZWB_FLOATING_NOTICE_SAFEZONE_V60
   Keep transient notices clear of the floating dock in full-bleed mode. */
.azwba-app .azwba-reference-ui .azwb-toast{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:calc(14px + var(--azwba-dock) + 16px)!important;
  z-index:var(--azwba-z-critical)!important;
  max-width:min(440px,calc(100vw - 24px))!important;
  transform:translate(-50%,10px);
}
.azwba-app .azwba-reference-ui .azwb-toast.is-show{transform:translate(-50%,0)}
.azwba-reference-ui.azwba-dock-hidden .azwb-toast{bottom:16px!important}
@media(max-width:760px){
 .azwba-app .azwba-reference-ui .azwb-toast{bottom:calc(10px + var(--azwba-dock) + 14px)!important}
 .azwba-reference-ui.azwba-dock-hidden .azwb-toast{bottom:12px!important}
}
@media(max-width:480px){
 .azwba-app .azwba-reference-ui .azwb-toast{bottom:calc(8px + var(--azwba-dock) + 12px)!important}
 .azwba-reference-ui.azwba-dock-hidden .azwb-toast{bottom:10px!important}
}


/* AZWB_TRAFFIC_CLASSROOM_REDESIGN_V1
   Original classroom beacon treatment: distinct housing,



brighter active lamp,



no image assets. */
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light{
  padding:5%!important;
  background:transparent!important;
  container-type:size;
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__stage{
  gap:6%!important;
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__housing{
  position:relative!important;
  isolation:isolate;
  display:grid!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
  gap:6%!important;
  width:auto!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  aspect-ratio:.47!important;
  padding:11% 10% 11% 18%!important;
  border:2px solid #07111f!important;
  border-radius:22% 12% 22% 12%!important;
  background:
    linear-gradient(165deg,#344155 0%,#182233 38%,#0b1220 72%,#131d2b 100%)!important;
  box-shadow:
    inset 2px 2px 0 rgba(255,255,255,.08),
    inset -8px -10px 18px rgba(0,0,0,.38),
    0 12px 26px rgba(2,6,23,.28)!important;
  overflow:visible!important;
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__housing::before{
  content:""!important;
  position:absolute!important;
  z-index:-1;
  top:9%!important;
  bottom:9%!important;
  left:6%!important;
  width:7%!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#60A5FA 0%,#6366F1 48%,#22C55E 100%)!important;
  box-shadow:
    0 0 14px rgba(99,102,241,.24),
    inset 0 0 0 1px rgba(255,255,255,.22)!important;
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__housing::after{
  content:""!important;
  position:absolute!important;
  z-index:-1;
  top:5%!important;
  right:10%!important;
  width:28%!important;
  height:3%!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.13)!important;
  box-shadow:none!important;
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__state{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  aspect-ratio:1!important;
  padding:7%!important;
  margin:0!important;
  border:0!important;
  border-radius:28%!important;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(0,0,0,.16))!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.055),
    0 2px 7px rgba(0,0,0,.22)!important;
  overflow:visible!important;
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__state::before{
  content:"";
  position:absolute;
  inset:6%;
  border-radius:24%;
  border:1px solid rgba(255,255,255,.055);
  pointer-events:none;
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__state>span{
  position:relative!important;
  z-index:1;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  border:min(1cqw,4px) solid #070d16!important;
  border-radius:50%!important;
  opacity:.27!important;
  overflow:hidden!important;
  transform:scale(.93)!important;
  filter:saturate(.78) brightness(.72)!important;
  transition:opacity .18s ease,transform .18s ease,filter .18s ease,box-shadow .18s ease!important;
  box-shadow:
    inset 0 -12px 17px rgba(0,0,0,.38),
    inset 0 7px 12px rgba(255,255,255,.14),
    0 0 0 3px rgba(255,255,255,.025)!important;
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__state>span i{
  position:absolute!important;
  top:11%!important;
  left:15%!important;
  width:50%!important;
  height:28%!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.42) 38%,rgba(255,255,255,0) 100%)!important;
  transform:rotate(-18deg)!important;
  filter:blur(.2px);
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__state.is-red>span{
  background:radial-gradient(circle at 31% 27%,#ffb1ad 0 8%,#ff5c55 18%,#e32620 48%,#760b08 100%)!important;
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__state.is-yellow>span{
  background:radial-gradient(circle at 31% 27%,#fff7b0 0 8%,#ffdc45 18%,#e6ae00 48%,#755200 100%)!important;
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__state.is-green>span{
  background:radial-gradient(circle at 31% 27%,#a0f5c1 0 8%,#38dc79 18%,#0aa64d 48%,#064b26 100%)!important;
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__state.is-active>span{
  opacity:1!important;
  transform:scale(1.04)!important;
  filter:saturate(1.2) brightness(1.16)!important;
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__state.is-red.is-active>span{
  box-shadow:
    0 0 0 4px rgba(255,255,255,.075),
    0 0 14px rgba(255,74,67,.70),
    0 0 30px rgba(255,74,67,.58),
    0 0 52px rgba(255,74,67,.34),
    inset 0 -10px 15px rgba(69,0,0,.22),
    inset 0 7px 13px rgba(255,255,255,.32)!important;
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__state.is-yellow.is-active>span{
  box-shadow:
    0 0 0 4px rgba(255,255,255,.075),
    0 0 14px rgba(255,215,52,.74),
    0 0 30px rgba(255,215,52,.62),
    0 0 52px rgba(255,215,52,.37),
    inset 0 -10px 15px rgba(83,56,0,.20),
    inset 0 7px 13px rgba(255,255,255,.34)!important;
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__state.is-green.is-active>span{
  box-shadow:
    0 0 0 4px rgba(255,255,255,.075),
    0 0 14px rgba(42,221,113,.70),
    0 0 30px rgba(42,221,113,.58),
    0 0 52px rgba(42,221,113,.34),
    inset 0 -10px 15px rgba(0,65,27,.20),
    inset 0 7px 13px rgba(255,255,255,.32)!important;
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__description.is-red>i{background:#FF4A43!important}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__description.is-yellow>i{background:#FFD734!important}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__description.is-green>i{background:#2ADD71!important}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__description.is-active span{
  text-decoration:none!important;
  font-weight:900;
  text-shadow:0 1px 0 rgba(255,255,255,.35);
}



/* AZWB_TRAFFIC_DESIGN_CHOICES_DISTINCT_V2
   Four distinct traffic-light forms. Every form inherits the selected color theme. */

/* ---------- Settings previews: inherit the live selected theme ---------- */
.azwba-app .azwba-widget-settings__choices{
  --traffic-accent:#6366F1;
  --traffic-bg:#FFFFFF;
  --traffic-ink:#111827;
}
.azwba-app .azwba-widget-settings__choice .is-traffic-classic,

.azwba-app .azwba-widget-settings__choice .is-traffic-signal,

.azwba-app .azwba-widget-settings__choice .is-traffic-yellow,

.azwba-app .azwba-widget-settings__choice .is-traffic-outline{
  position:relative!important;
  display:block!important;
  width:46px!important;
  height:64px!important;
  margin:auto!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
.azwba-app .azwba-widget-settings__choice .is-traffic-classic::before,

.azwba-app .azwba-widget-settings__choice .is-traffic-signal::before,

.azwba-app .azwba-widget-settings__choice .is-traffic-yellow::before,

.azwba-app .azwba-widget-settings__choice .is-traffic-outline::before{
  content:""!important;
  position:absolute!important;
  pointer-events:none!important;
}

/* Classic preview */
.azwba-app .azwba-widget-settings__choice .is-traffic-classic{
  border:2px solid var(--traffic-ink)!important;
  border-radius:15px 8px 15px 8px!important;
  background:linear-gradient(155deg,
    color-mix(in srgb,var(--traffic-bg) 70%,var(--traffic-accent) 30%),
    color-mix(in srgb,var(--traffic-bg) 46%,var(--traffic-ink) 54%)
  )!important;
  box-shadow:inset 2px 2px 0 color-mix(in srgb,var(--traffic-bg) 32%,transparent),0 5px 10px rgba(15,23,42,.14)!important;
}
.azwba-app .azwba-widget-settings__choice .is-traffic-classic::before{
  inset:6px 9px!important;
  border-radius:11px!important;
  background:
    radial-gradient(circle at 50% 16%,#EF4444 0 7px,#7F1D1D 8px 10px,transparent 11px),
    radial-gradient(circle at 50% 50%,#FACC15 0 7px,#854D0E 8px 10px,transparent 11px),
    radial-gradient(circle at 50% 84%,#22C55E 0 7px,#14532D 8px 10px,transparent 11px)!important;
}

/* Road preview */
.azwba-app .azwba-widget-settings__choice .is-traffic-signal{
  border:2px solid color-mix(in srgb,var(--traffic-ink) 82%,#000 18%)!important;
  border-radius:5px!important;
  clip-path:polygon(8% 0,92% 0,100% 8%,100% 92%,92% 100%,8% 100%,0 92%,0 8%)!important;
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--traffic-accent) 58%,var(--traffic-bg) 42%),
    color-mix(in srgb,var(--traffic-accent) 42%,var(--traffic-ink) 58%)
  )!important;
  box-shadow:none!important;
}
.azwba-app .azwba-widget-settings__choice .is-traffic-signal::before{
  inset:6px 10px!important;
  border-radius:4px!important;
  background:
    linear-gradient(#7F1D1D 0 31%,transparent 31% 34%,#8A5B08 34% 65%,transparent 65% 68%,#14532D 68% 100%)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--traffic-bg) 28%,transparent)!important;
}
.azwba-app .azwba-widget-settings__choice .is-traffic-signal::after{
  content:""!important;
  position:absolute!important;
  left:7px!important;
  right:7px!important;
  top:-5px!important;
  height:7px!important;
  border-radius:7px 7px 2px 2px!important;
  background:color-mix(in srgb,var(--traffic-ink) 82%,var(--traffic-accent) 18%)!important;
  box-shadow:-7px 16px 0 -2px color-mix(in srgb,var(--traffic-ink) 72%,var(--traffic-accent) 28%),
             7px 16px 0 -2px color-mix(in srgb,var(--traffic-ink) 72%,var(--traffic-accent) 28%)!important;
}

/* Warning preview — shape stays warning-like,


color follows the selected theme. */
.azwba-app .azwba-widget-settings__choice .is-traffic-yellow{
  border:0!important;
  border-radius:0!important;
  clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%)!important;
  background:linear-gradient(145deg,
    color-mix(in srgb,var(--traffic-accent) 72%,var(--traffic-bg) 28%),
    var(--traffic-accent) 60%,
    color-mix(in srgb,var(--traffic-accent) 68%,var(--traffic-ink) 32%)
  )!important;
  box-shadow:none!important;
}
.azwba-app .azwba-widget-settings__choice .is-traffic-yellow::before{
  inset:7px 11px!important;
  border:2px solid color-mix(in srgb,var(--traffic-accent) 55%,var(--traffic-ink) 45%)!important;
  border-radius:9px!important;
  background:
    radial-gradient(circle at 50% 16%,#EF4444 0 7px,#991B1B 8px 9px,transparent 10px),
    radial-gradient(circle at 50% 50%,#FDE047 0 7px,#A16207 8px 9px,transparent 10px),
    radial-gradient(circle at 50% 84%,#22C55E 0 7px,#166534 8px 9px,transparent 10px),
    color-mix(in srgb,var(--traffic-bg) 88%,var(--traffic-accent) 12%)!important;
}
.azwba-app .azwba-widget-settings__choice .is-traffic-yellow::after{
  content:""!important;
  position:absolute!important;
  inset:3px!important;
  border:2px solid color-mix(in srgb,var(--traffic-ink) 32%,transparent)!important;
  clip-path:inherit!important;
}

/* Outline preview */
.azwba-app .azwba-widget-settings__choice .is-traffic-outline{
  width:36px!important;
  border:2px solid var(--traffic-ink)!important;
  border-radius:18px!important;
  background:var(--traffic-bg)!important;
  box-shadow:0 4px 9px color-mix(in srgb,var(--traffic-ink) 12%,transparent)!important;
}
.azwba-app .azwba-widget-settings__choice .is-traffic-outline::before{
  inset:7px 7px!important;
  border-radius:999px!important;
  background:
    radial-gradient(circle at 50% 16%,var(--traffic-bg) 0 5px,#DC2626 6px 8px,transparent 9px),
    radial-gradient(circle at 50% 50%,var(--traffic-bg) 0 5px,#CA8A04 6px 8px,transparent 9px),
    radial-gradient(circle at 50% 84%,var(--traffic-bg) 0 5px,#16A34A 6px 8px,transparent 9px)!important;
}
.azwba-app .azwba-widget-settings__choice .is-traffic-outline::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:-5px!important;
  width:20px!important;
  height:3px!important;
  transform:translateX(-50%)!important;
  border-radius:999px!important;
  background:var(--traffic-accent)!important;
}

/* ---------- Actual on-canvas designs ---------- */

/* CLASSIC — rounded classroom beacon. */
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light.design-classic .azwba-traffic-light__housing{
  clip-path:none!important;
  padding:11% 10% 11% 18%!important;
  border:2px solid color-mix(in srgb,var(--traffic-ink) 88%,#000 12%)!important;
  border-radius:22% 12% 22% 12%!important;
  background:linear-gradient(165deg,
    color-mix(in srgb,var(--traffic-bg) 74%,var(--traffic-accent) 26%) 0%,
    color-mix(in srgb,var(--traffic-bg) 52%,var(--traffic-ink) 48%) 48%,
    color-mix(in srgb,var(--traffic-bg) 30%,var(--traffic-ink) 70%) 100%
  )!important;
  box-shadow:inset 2px 2px 0 color-mix(in srgb,var(--traffic-bg) 28%,transparent),
             inset -8px -10px 18px color-mix(in srgb,var(--traffic-ink) 26%,transparent),
             0 12px 26px color-mix(in srgb,var(--traffic-ink) 24%,transparent)!important;
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light.design-classic .azwba-traffic-light__housing::before{
  content:""!important;
  z-index:0!important;
  top:9%!important;
  bottom:9%!important;
  left:6%!important;
  right:auto!important;
  width:7%!important;
  height:auto!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--traffic-accent) 72%,var(--traffic-bg) 28%),
    var(--traffic-accent)
  )!important;
  box-shadow:0 0 14px color-mix(in srgb,var(--traffic-accent) 34%,transparent),
             inset 0 0 0 1px color-mix(in srgb,var(--traffic-bg) 30%,transparent)!important;
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light.design-classic .azwba-traffic-light__housing::after{
  content:""!important;
  z-index:0!important;
  top:5%!important;
  right:10%!important;
  left:auto!important;
  bottom:auto!important;
  width:28%!important;
  height:3%!important;
  border:0!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--traffic-bg) 36%,transparent)!important;
  box-shadow:none!important;
}

/* ROAD SIGNAL — angular industrial head. */
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light.design-signal .azwba-traffic-light__housing{
  clip-path:polygon(8% 0,92% 0,100% 7%,100% 93%,92% 100%,8% 100%,0 93%,0 7%)!important;
  padding:12% 13%!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--traffic-accent) 58%,var(--traffic-bg) 42%) 0%,
    color-mix(in srgb,var(--traffic-accent) 46%,var(--traffic-ink) 54%) 52%,
    color-mix(in srgb,var(--traffic-bg) 24%,var(--traffic-ink) 76%) 100%
  )!important;
  box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--traffic-ink) 88%,#000 12%),
             inset 5px 0 0 color-mix(in srgb,var(--traffic-bg) 10%,transparent),
             0 12px 24px color-mix(in srgb,var(--traffic-ink) 28%,transparent)!important;
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light.design-signal .azwba-traffic-light__housing::before{
  content:""!important;
  z-index:0!important;
  top:-4%!important;
  left:10%!important;
  right:10%!important;
  bottom:auto!important;
  width:auto!important;
  height:7%!important;
  border:0!important;
  border-radius:10px 10px 3px 3px!important;
  background:color-mix(in srgb,var(--traffic-ink) 80%,var(--traffic-accent) 20%)!important;
  box-shadow:-9px 22cqh 0 -4px color-mix(in srgb,var(--traffic-ink) 70%,var(--traffic-accent) 30%),
              9px 22cqh 0 -4px color-mix(in srgb,var(--traffic-ink) 70%,var(--traffic-accent) 30%)!important;
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light.design-signal .azwba-traffic-light__housing::after{
  content:""!important;
  z-index:0!important;
  inset:5%!important;
  width:auto!important;
  height:auto!important;
  border:1px solid color-mix(in srgb,var(--traffic-bg) 18%,transparent)!important;
  border-radius:4%!important;
  background:transparent!important;
  box-shadow:none!important;
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light.design-signal .azwba-traffic-light__state{
  border-radius:12%!important;
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--traffic-bg) 24%,var(--traffic-ink) 76%),
    color-mix(in srgb,var(--traffic-bg) 12%,var(--traffic-ink) 88%)
  )!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--traffic-bg) 12%,transparent),
             0 3px 8px color-mix(in srgb,var(--traffic-ink) 32%,transparent)!important;
}

/* WARNING — octagonal safety casing,


theme-colored rather than fixed yellow. */
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light.design-yellow .azwba-traffic-light__housing{
  clip-path:polygon(17% 0,83% 0,100% 17%,100% 83%,83% 100%,17% 100%,0 83%,0 17%)!important;
  padding:13% 13%!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(145deg,
    color-mix(in srgb,var(--traffic-accent) 70%,var(--traffic-bg) 30%) 0%,
    var(--traffic-accent) 50%,
    color-mix(in srgb,var(--traffic-accent) 65%,var(--traffic-ink) 35%) 100%
  )!important;
  box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--traffic-accent) 45%,var(--traffic-ink) 55%),
             inset 0 0 0 7px color-mix(in srgb,var(--traffic-bg) 20%,transparent),
             0 13px 24px color-mix(in srgb,var(--traffic-accent) 24%,transparent)!important;
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light.design-yellow .azwba-traffic-light__housing::before{
  content:""!important;
  z-index:0!important;
  inset:5%!important;
  width:auto!important;
  height:auto!important;
  border:1px dashed color-mix(in srgb,var(--traffic-ink) 38%,transparent)!important;
  border-radius:10%!important;
  background:transparent!important;
  box-shadow:none!important;
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light.design-yellow .azwba-traffic-light__housing::after{
  content:"!"!important;
  z-index:0!important;
  display:grid!important;
  place-items:center!important;
  top:2.5%!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:16%!important;
  height:7%!important;
  transform:translateX(-50%)!important;
  border:min(.35cqh,.3cqw,1px) solid color-mix(in srgb,var(--traffic-ink) 28%,transparent)!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--traffic-bg) 88%,var(--traffic-accent) 12%)!important;
  color:var(--traffic-ink)!important;
  font:900 min(4cqh,3cqw,11px)/1 Cairo,sans-serif!important;
  box-shadow:0 min(.65cqh,.55cqw,2px) min(1.3cqh,1.1cqw,4px) color-mix(in srgb,var(--traffic-ink) 12%,transparent)!important;
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light.design-yellow .azwba-traffic-light__state{
  border-radius:18%!important;
  background:color-mix(in srgb,var(--traffic-bg) 82%,var(--traffic-accent) 18%)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--traffic-ink) 18%,transparent),
             0 2px 5px color-mix(in srgb,var(--traffic-ink) 10%,transparent)!important;
}

/* OUTLINE — light/minimal form driven by theme background/ink/accent. */
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light.design-outline .azwba-traffic-light__housing{
  clip-path:none!important;
  width:auto!important;
  aspect-ratio:.38!important;
  padding:12% 14%!important;
  border:min(1.2cqw,4px) solid var(--traffic-ink)!important;
  border-radius:999px!important;
  background:var(--traffic-bg)!important;
  box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--traffic-ink) 7%,transparent),
             0 10px 20px color-mix(in srgb,var(--traffic-ink) 12%,transparent)!important;
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light.design-outline .azwba-traffic-light__housing::before{
  content:""!important;
  z-index:0!important;
  top:6%!important;
  bottom:6%!important;
  left:50%!important;
  right:auto!important;
  width:2px!important;
  height:auto!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(transparent,var(--traffic-accent) 15% 85%,transparent)!important;
  box-shadow:none!important;
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light.design-outline .azwba-traffic-light__housing::after{
  content:""!important;
  z-index:0!important;
  top:auto!important;
  bottom:-4%!important;
  left:50%!important;
  right:auto!important;
  width:35%!important;
  height:3%!important;
  transform:translateX(-50%)!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--traffic-accent)!important;
  box-shadow:0 0 9px color-mix(in srgb,var(--traffic-accent) 26%,transparent)!important;
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light.design-outline .azwba-traffic-light__state{
  padding:10%!important;
  border:2px solid color-mix(in srgb,var(--traffic-ink) 12%,var(--traffic-bg) 88%)!important;
  border-radius:50%!important;
  background:color-mix(in srgb,var(--traffic-bg) 94%,var(--traffic-accent) 6%)!important;
  box-shadow:none!important;
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light.design-outline .azwba-traffic-light__state::before{
  inset:3%!important;
  border:1px dashed color-mix(in srgb,var(--traffic-accent) 42%,transparent)!important;
  border-radius:50%!important;
}
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light.design-outline .azwba-traffic-light__state>span{
  border-width:2px!important;
}

/* Lamp semantics remain red/yellow/green in every theme. Active glow remains strong. */
.azwba-app .azwba-board-widget[data-widget-kind="traffic-light"] .azwba-traffic-light__description.is-active span{
  color:var(--traffic-ink)!important;
}

/* Preserve shape distinction on mobile. */



/* AZWB_SETTINGS_UI_SCALE_LOCK_V32
   Widget board scaling is canonical in each identity block. Settings drawer remains UI-sized. */
.azwba-app .azwba-widget-settings__device-note,


.azwba-app .azwba-widget-settings__note{font-size:10px!important}
.azwba-app .azwba-widget-settings__segmented button,

.azwba-app .azwba-widget-settings__counter-line button,

.azwba-app .azwba-widget-settings__source-btn{font-size:10px!important}


.azwba-reference-ui{
 --azlib-accent:#6366F1;
 --azlib-accent-2:#22C55E;
 --azlib-ink:#1F2937;
 --azlib-muted:#64748B;
 --azlib-bg:#F8FAFC;
 --azlib-card:#FFFFFF;
 --azlib-line:#E2E8F0
}

/* Shared library section language */
.azwba-reference-ui .azwba-ref-bg-sec h3{
 color:var(--azlib-ink)!important;
 font-weight:900!important
}
.azwba-reference-ui .azwba-ref-bg-sec h3 small{
 min-width:30px!important;
 height:22px!important;
 border-radius:8px 3px 8px 3px!important;
 background:color-mix(in srgb,var(--azlib-accent) 12%,#fff)!important;
 color:var(--azlib-accent)!important;
 box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--azlib-accent) 16%,transparent)!important
}
.azwba-reference-ui .azwba-ref-bg-tabs{
 gap:7px!important
}
.azwba-reference-ui .azwba-ref-bg-tabs button{
 min-height:34px!important;
 padding:0 11px!important;
 border:1px solid var(--azlib-line)!important;
 border-radius:10px 4px 10px 4px!important;
 background:#fff!important;
 color:var(--azlib-muted)!important;
 font:800 9px/1 Cairo,sans-serif!important
}
.azwba-reference-ui .azwba-ref-bg-tabs button:hover{
 border-color:color-mix(in srgb,var(--azlib-accent) 32%,var(--azlib-line))!important;
 background:color-mix(in srgb,var(--azlib-accent) 5%,#fff)!important;
 color:var(--azlib-accent)!important
}
.azwba-reference-ui .azwba-ref-bg-tabs button.is-active{
 border-color:var(--azlib-accent)!important;
 background:color-mix(in srgb,var(--azlib-accent) 10%,#fff)!important;
 color:var(--azlib-accent)!important;
 box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--azlib-accent) 16%,transparent)!important
}

/* Backgrounds — studio surface */
.azwba-app .azwba-backgrounds-v2{
 background:linear-gradient(180deg,#FFFFFF,#F8FAFC)!important
}
.azwba-app .azwba-backgrounds-v2__top{
 border-bottom:1px solid color-mix(in srgb,var(--azlib-accent) 12%,var(--azlib-line))!important;
 background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(248,250,252,.97))!important
}
.azwba-app .azwba-backgrounds-v2__title strong{
 color:var(--azlib-ink)!important
}
.azwba-app .azwba-backgrounds-v2__search{
 border-radius:14px 6px 14px 6px!important;
 border-color:var(--azlib-line)!important;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)!important
}
.azwba-app .azwba-backgrounds-v2__search:focus-within{
 border-color:var(--azlib-accent)!important;
 box-shadow:0 0 0 3px color-mix(in srgb,var(--azlib-accent) 10%,transparent)!important
}
.azwba-app .azwba-backgrounds-v2__status,

.azwba-app .azwba-backgrounds-v2__custom{
 border-radius:14px 6px 14px 6px!important;
 border-color:var(--azlib-line)!important;
 background:linear-gradient(145deg,#fff,#F8FAFC)!important
}
.azwba-app .azwba-backgrounds-v2__pattern,

.azwba-app .azwba-backgrounds-v2__color,

.azwba-app .azwba-backgrounds-v2 .azwba-ref-bg-card{
 position:relative!important;
 overflow:hidden!important;
 border:1px solid var(--azlib-line)!important;
 border-radius:14px 6px 14px 6px!important;
 background:#fff!important;
 box-shadow:0 4px 12px rgba(15,23,42,.045)!important
}
.azwba-app .azwba-backgrounds-v2__pattern::after,

.azwba-app .azwba-backgrounds-v2__color::after,

.azwba-app .azwba-backgrounds-v2 .azwba-ref-bg-card::after{
 content:"";
 position:absolute;
 right:7px;
 top:7px;
 width:7px;
 height:7px;
 border-radius:3px 1px 3px 1px;
 background:color-mix(in srgb,var(--azlib-accent) 54%,#fff);
 opacity:.65
}
.azwba-app .azwba-backgrounds-v2__pattern:hover,

.azwba-app .azwba-backgrounds-v2__color:hover,

.azwba-app .azwba-backgrounds-v2 .azwba-ref-bg-card:hover{
 transform:translateY(-1px)!important;
 border-color:color-mix(in srgb,var(--azlib-accent) 36%,var(--azlib-line))!important;
 box-shadow:0 8px 18px color-mix(in srgb,var(--azlib-accent) 8%,transparent)!important
}
.azwba-app .azwba-backgrounds-v2__pattern.is-active,

.azwba-app .azwba-backgrounds-v2__pattern[aria-pressed="true"],

.azwba-app .azwba-backgrounds-v2__color.is-active,

.azwba-app .azwba-backgrounds-v2__color[aria-pressed="true"]{
 border:2px solid var(--azlib-accent)!important;
 box-shadow:0 0 0 3px color-mix(in srgb,var(--azlib-accent) 9%,transparent)!important
}

/* AZWB_VIDEO_ORIGINAL_IDENTITY_V39
   Edutech Media Deck — floating video object with immediate container-relative scaling. */
.azwba-app .azwba-video-float.azwba-video-object{
 --video-accent:#7C3AED;
 --video-accent-2:#06B6D4;
 --video-bg:#FFFFFF;
 --video-ink:#111827;
 --azwba-video-rotation:0deg;
 container-type:size;
 container-name:video-object;
 position:fixed!important;
 z-index:var(--azwba-z-widget)!important;
 top:auto!important;
 right:auto!important;
 left:auto;
 width:auto;
 height:auto;
 min-width:0!important;
 min-height:0!important;
 overflow:visible!important;
 border:0!important;
 border-radius:0!important;
 background:transparent!important;
 box-shadow:none!important;
 transform:none!important;
 isolation:isolate
}
.azwba-app .azwba-video-object__toolbar{
 position:absolute;
 z-index:35;
 top:calc(-1 * min(15cqh,10cqw,48px));
 left:50%;
 display:flex;
 align-items:center;
 gap:min(1.2cqw,1.5cqh,4px);
 min-height:0!important;
 padding:min(1.6cqh,1.2cqw,5px)!important;
 border:min(.6cqh,.45cqw,2px) solid color-mix(in srgb,var(--video-accent) 22%,#CBD5E1)!important;
 border-radius:min(2cqh,1.3cqw,6px) min(5cqh,3cqw,16px) min(2cqh,1.3cqw,6px) min(5cqh,3cqw,16px)!important;
 background:linear-gradient(135deg,rgba(255,255,255,.98),color-mix(in srgb,var(--video-accent) 5%,#F8FAFC))!important;
 box-shadow:0 min(2cqh,6px) min(5cqh,18px) rgba(15,23,42,.14)!important;
 transform:translateX(-50%);
 direction:ltr;
 white-space:nowrap;
 backdrop-filter:blur(14px)
}
.azwba-app .azwba-video-object__toolbar::before{
 content:"";
 width:min(2.8cqh,2cqw,9px);
 height:min(2.8cqh,2cqw,9px);
 margin-inline:min(.6cqw,2px);
 border-radius:3px 1px 3px 1px;
 background:var(--video-accent-2);
 box-shadow:0 0 min(3cqh,10px) color-mix(in srgb,var(--video-accent-2) 40%,transparent);
 flex:0 0 auto;
 transform:rotate(45deg)
}
.azwba-app .azwba-video-object.toolbar-below .azwba-video-object__toolbar{
 top:auto;
 bottom:calc(-1 * min(15cqh,10cqw,48px))
}
.azwba-app .azwba-video-object__toolbar button{
 display:grid;
 place-items:center;
 width:min(10.5cqh,7.2cqw,34px)!important;
 height:min(10.5cqh,7.2cqw,34px)!important;
 min-width:0!important;
 min-height:0!important;
 padding:min(2cqh,1.4cqw,6px)!important;
 border:0!important;
 border-radius:min(1.1cqh,.75cqw,4px) min(3cqh,2cqw,9px) min(1.1cqh,.75cqw,4px) min(3cqh,2cqw,9px)!important;
 background:transparent!important;
 color:color-mix(in srgb,var(--video-ink) 70%,var(--video-accent) 30%)!important;
 cursor:pointer
}
.azwba-app .azwba-video-object__toolbar button:hover{
 background:color-mix(in srgb,var(--video-accent) 9%,#fff)!important;
 color:var(--video-accent)!important
}
.azwba-app .azwba-video-object__toolbar svg{
 display:block;
 width:min(6cqh,4.4cqw,20px)!important;
 height:min(6cqh,4.4cqw,20px)!important;
 fill:none;
 stroke:currentColor
}
.azwba-app .azwba-video-object__menu{
 position:absolute;
 z-index:38;
 top:calc(-1 * min(1cqh,3px));
 left:50%;
 display:grid;
 width:max-content;
 min-width:min(43cqw,180px)!important;
 gap:min(1.2cqh,4px)!important;
 padding:min(2cqh,1.5cqw,7px)!important;
 border:1px solid color-mix(in srgb,var(--video-accent) 18%,#CBD5E1)!important;
 border-radius:min(1.5cqh,1cqw,5px) min(4cqh,2.7cqw,13px) min(1.5cqh,1cqw,5px) min(4cqh,2.7cqw,13px)!important;
 background:rgba(255,255,255,.98)!important;
 box-shadow:0 min(4cqh,12px) min(9cqh,30px) rgba(15,23,42,.17)!important;
 transform:translate(-50%,100%);
 direction:rtl;
 backdrop-filter:blur(14px)
}
.azwba-app .azwba-video-object__menu[hidden]{display:none!important}
.azwba-app .azwba-video-object__menu button{
 min-height:min(10cqh,8cqw,38px)!important;
 padding:min(2cqh,7px) min(3cqw,11px)!important;
 border:0!important;
 border-radius:min(2.5cqh,1.7cqw,8px)!important;
 background:transparent!important;
 color:var(--video-ink)!important;
 font:750 min(3.4cqh,2.5cqw,11px)/1.4 Cairo,sans-serif!important;
 text-align:right;
 cursor:pointer
}
.azwba-app .azwba-video-object__menu button:hover{
 background:color-mix(in srgb,var(--video-accent) 7%,#fff)!important
}
.azwba-app .azwba-video-object__transform{
 position:absolute;
 inset:0;
 width:100%;
 height:100%;
 overflow:visible!important;
 transform:rotate(var(--azwba-video-rotation));
 transform-origin:center center
}
.azwba-app .azwba-video-object__content-scale{
 position:absolute;
 left:50%;
 top:50%;
 width:var(--azwba-video-content-base-w,100%);
 height:var(--azwba-video-content-base-h,100%);
 border:2px solid #6366F1;
 border-radius:12px;
 transform:translate(-50%,-50%) scale(var(--azwba-video-content-scale,1));
 transform-origin:center center;
 container-type:size;
 overflow:visible;
 pointer-events:auto
}
.azwba-app .azwba-video-object .azwba-video-stage{
 position:absolute!important;
 inset:0!important;
 display:grid!important;
 place-items:center!important;
 width:100%!important;
 height:100%!important;
 min-height:0!important;
 margin:0!important;
 padding:0!important;
 overflow:hidden!important;
 border:min(1.1cqh,.8cqw,4px) solid color-mix(in srgb,var(--video-accent) 68%,var(--video-ink) 32%)!important;
 border-radius:min(2.8cqh,1.8cqw,9px) min(8cqh,5cqw,26px) min(2.8cqh,1.8cqw,9px) min(8cqh,5cqw,26px)!important;
 background:#090B13!important;
 color:#DCE4F0!important;
 box-shadow:
  inset 0 0 0 min(.7cqh,.5cqw,2px) rgba(255,255,255,.06),
  0 0 0 min(1.5cqh,1cqw,5px) color-mix(in srgb,var(--video-accent) 10%,transparent),
  0 min(2cqh,7px) min(6cqh,22px) rgba(15,23,42,.16)!important
}
.azwba-app .azwba-video-object .azwba-video-stage::before{
 content:"MEDIA";
 position:absolute;
 z-index:4;
 top:min(4cqh,3cqw,13px);
 right:min(4cqw,14px);
 padding:min(1.3cqh,4px) min(2.4cqw,9px);
 border:1px solid rgba(255,255,255,.14);
 border-radius:min(1cqh,4px) min(3cqh,10px) min(1cqh,4px) min(3cqh,10px);
 background:rgba(9,11,19,.66);
 color:rgba(255,255,255,.68);
 font:900 min(2.7cqh,2cqw,9px)/1 Arial,sans-serif;
 letter-spacing:.08em;
 backdrop-filter:blur(8px);
 pointer-events:none
}
.azwba-app .azwba-video-object[data-video-ready="1"] .azwba-video-stage::before{
 color:#fff;
 box-shadow:inset calc(-1 * min(1.2cqw,4px)) 0 0 var(--video-accent-2),0 0 min(4cqh,14px) color-mix(in srgb,var(--video-accent-2) 18%,transparent)
}
.azwba-app .azwba-video-object .azwba-video-stage::after{
 content:"";
 position:absolute;
 z-index:3;
 left:min(4cqw,14px);
 bottom:min(4cqh,13px);
 width:min(16cqw,58px);
 height:min(1.1cqh,4px);
 border-radius:999px;
 background:repeating-linear-gradient(90deg,
  var(--video-accent) 0 min(2.3cqw,8px),
  transparent min(2.3cqw,8px) min(4cqw,14px)
 );
 opacity:.48;
 pointer-events:none
}
.azwba-app .azwba-video-object .azwba-video-stage iframe,

.azwba-app .azwba-video-object .azwba-video-stage video{
 display:block!important;
 width:100%!important;
 height:100%!important;
 min-height:0!important;
 aspect-ratio:auto!important;
 border:0!important;
 object-fit:contain!important;
 background:#000!important
}
.azwba-app .azwba-video-object .azwba-video-stage>span{
 position:relative;
 z-index:5;
 max-width:78%;
 padding:min(3cqh,10px) min(4cqw,14px)!important;
 border:1px solid rgba(255,255,255,.09);
 border-radius:min(3cqh,2cqw,10px) min(1.1cqh,.8cqw,4px) min(3cqh,2cqw,10px) min(1.1cqh,.8cqw,4px)!important;
 background:rgba(9,11,19,.72);
 color:#D7DEEA!important;
 font:750 min(3.3cqh,2.5cqw,12px)/1.5 Cairo,sans-serif!important;
 text-align:center;
 backdrop-filter:blur(8px)
}
.azwba-app .azwba-video-object__handle{
 position:absolute;
 z-index:32;
 width:min(4.8cqh,3.4cqw,15px)!important;
 height:min(4.8cqh,3.4cqw,15px)!important;
 min-width:0!important;
 min-height:0!important;
 padding:0!important;
 border:min(.8cqh,.55cqw,2px) solid var(--video-accent)!important;
 border-radius:3px 1px 3px 1px!important;
 background:var(--video-bg)!important;
 box-shadow:0 min(.6cqh,2px) min(1.7cqh,6px) rgba(15,23,42,.16)!important;
 transform:rotate(45deg);
 touch-action:none
}
.azwba-app .azwba-video-object__handle.is-nw{top:calc(-1 * min(2.4cqh,1.7cqw,7.5px));left:calc(-1 * min(2.4cqh,1.7cqw,7.5px));cursor:nwse-resize}
.azwba-app .azwba-video-object__handle.is-ne{top:calc(-1 * min(2.4cqh,1.7cqw,7.5px));right:calc(-1 * min(2.4cqh,1.7cqw,7.5px));cursor:nesw-resize}
.azwba-app .azwba-video-object__handle.is-sw{bottom:calc(-1 * min(2.4cqh,1.7cqw,7.5px));left:calc(-1 * min(2.4cqh,1.7cqw,7.5px));cursor:nesw-resize}
.azwba-app .azwba-video-object__handle.is-se{right:calc(-1 * min(2.4cqh,1.7cqw,7.5px));bottom:calc(-1 * min(2.4cqh,1.7cqw,7.5px));cursor:nwse-resize}
.azwba-app .azwba-video-object__rotate{
 position:absolute;
 z-index:32;
 top:50%;
 right:calc(-1 * min(11cqw,38px));
 display:grid;
 place-items:center;
 width:min(8cqh,6cqw,28px)!important;
 height:min(8cqh,6cqw,28px)!important;
 min-width:0!important;
 min-height:0!important;
 padding:0!important;
 border:min(.8cqh,.55cqw,2px) solid var(--video-accent)!important;
 border-radius:min(1cqh,.7cqw,4px) min(2.7cqh,2cqw,9px) min(1cqh,.7cqw,4px) min(2.7cqh,2cqw,9px)!important;
 background:var(--video-bg)!important;
 color:var(--video-accent)!important;
 font:900 min(5cqh,3.8cqw,16px)/1 Arial,sans-serif!important;
 box-shadow:0 min(1cqh,3px) min(2.5cqh,8px) rgba(15,23,42,.15)!important;
 transform:translateY(-50%);
 cursor:grab;
 touch-action:none
}
.azwba-app .azwba-video-object.rotate-left .azwba-video-object__rotate{
 right:auto;
 left:calc(-1 * min(11cqw,38px))
}
.azwba-app .azwba-video-object.is-resizing,

.azwba-app .azwba-video-object.is-resizing *{
 transition:none!important;
 animation-play-state:paused!important;
 scroll-behavior:auto!important
}
@media(pointer:coarse){
 .azwba-app .azwba-video-object__toolbar{
  top:calc(-1 * min(18cqh,12cqw,52px))
 }
 .azwba-app .azwba-video-object.toolbar-below .azwba-video-object__toolbar{
  top:auto;
  bottom:calc(-1 * min(18cqh,12cqw,52px))
 }
}




/* Background library visibility recovery. */
.azwba-app .azwba-ui-v3 #azwba-panel-pane-background{
 overflow-y:auto!important;
 overflow-x:hidden!important;
 scrollbar-gutter:stable!important
}
.azwba-app .azwba-backgrounds-v2__group.is-library{
 order:0!important;
 min-block-size:0!important
}
.azwba-app .azwba-backgrounds-v2 .azwba-ref-bg-tabs{
 position:sticky!important;
 top:0!important;
 z-index:2!important;
 padding:6px 0 8px!important;
 background:#FFF!important
}
.azwba-app .azwba-backgrounds-v2 .azwba-ref-bg-grid{
 max-block-size:360px!important;
 overflow-y:auto!important;
 overflow-x:hidden!important;
 padding-inline-end:2px!important;
 scrollbar-gutter:stable!important
}
.azwba-app .azwba-backgrounds-v2 .azwba-ref-bg-card{
 min-block-size:0!important
}
.azwba-app .azwba-backgrounds-v2 .azwba-ref-bg-card img{
 display:block!important;
 inline-size:100%!important;
 aspect-ratio:16/9!important;
 object-fit:cover!important
}


/* Media Library whiteboard backgrounds: 70 images in 7 groups. */
.azwba-app .azwba-backgrounds-v2__media-library{
 display:grid;
 gap:12px
}
.azwba-app .azwba-media-bg-tabs{
 display:flex;
 gap:7px;
 overflow-x:auto;
 padding:1px 0 5px;
 scrollbar-width:none;
 overscroll-behavior-inline:contain
}
.azwba-app .azwba-media-bg-tabs::-webkit-scrollbar{display:none}
.azwba-app .azwba-media-bg-tabs button{
 flex:0 0 auto;
 min-height:36px;
 padding:0 12px;
 border:1px solid #D7E2DE;
 border-radius:999px;
 background:#fff;
 color:#526C63;
 font:800 10.5px/1.2 Cairo,sans-serif;
 cursor:pointer
}
.azwba-app .azwba-media-bg-tabs button:hover{
 border-color:#99C5B6;
 background:#F1F7F4;
 color:#1E6F5C
}
.azwba-app .azwba-media-bg-tabs button.is-active{
 border-color:#1E6F5C;
 background:#1E6F5C;
 color:#fff
}
.azwba-app .azwba-media-bg-grid{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:10px;
 min-width:0
}
.azwba-app .azwba-media-bg-card{
 min-width:0;
 padding:7px!important;
 border-radius:12px!important
}
.azwba-app .azwba-media-bg-card img{
 width:100%;
 aspect-ratio:16/9;
 object-fit:cover;
 border-radius:8px!important;
 background:#F4F7F6
}
.azwba-app .azwba-media-bg-card small{
 display:block;
 width:100%;
 text-align:center;
 font-size:10px!important;
 font-weight:800!important;
 color:#3C5B51!important
}
.azwba-app .azwba-media-bg-empty{
 grid-column:1/-1;
 display:grid;
 place-items:center;
 min-height:96px;
 padding:18px;
 border:1px dashed #CFDDD7;
 border-radius:12px;
 background:#FAFCFB;
 color:#71857D;
 font-size:11px;
 font-weight:700;
 text-align:center
}
.azwba-app .azwba-media-bg-card[hidden],
.azwba-app .azwba-backgrounds-v2__media-library[hidden]{display:none!important}
@media(max-width:520px){
 .azwba-app .azwba-media-bg-grid{grid-template-columns:1fr}
}
@media(pointer:coarse){
 .azwba-app .azwba-media-bg-tabs button{min-height:44px}
}


/* Canonical page navigation icons: one visual language. */
.azwba-app .azwba-reference-ui .azwba-topbar__pages .azwba-page-nav-btn{
 display:grid!important;
 place-items:center!important;
 width:38px!important;
 min-width:38px!important;
 height:38px!important;
 min-height:38px!important;
 padding:0!important;
 margin:0!important;
 border:1px solid transparent!important;
 border-radius:10px!important;
 background:transparent!important;
 color:#31584B!important;
 box-shadow:none!important;
 line-height:1!important
}
.azwba-app .azwba-reference-ui .azwba-topbar__pages .azwba-page-nav-btn .azwb-tool__icon,
.azwba-app .azwba-reference-ui .azwba-topbar__pages .azwba-page-nav-btn svg{
 width:22px!important;
 height:22px!important;
 min-width:22px!important;
 max-width:22px!important;
 min-height:22px!important;
 max-height:22px!important;
 margin:auto!important;
 fill:none!important;
 stroke:currentColor!important;
 stroke-width:2!important;
 stroke-linecap:round!important;
 stroke-linejoin:round!important
}
.azwba-app .azwba-reference-ui .azwba-topbar__pages .azwba-page-add-btn{
 background:#EEF7F3!important;
 border-color:#CDE3D9!important;
 color:#245B4A!important
}
.azwba-app .azwba-reference-ui .azwba-topbar__pages .azwba-page-nav-btn:hover:not(:disabled){
 background:#F2F7F5!important;
 border-color:#D8E6E0!important;
 color:#173E34!important
}
.azwba-app .azwba-reference-ui .azwba-topbar__pages .azwba-page-add-btn:hover:not(:disabled){
 background:#E4F2EC!important;
 border-color:#BBDACD!important;
 color:#174E3F!important
}
.azwba-app .azwba-reference-ui .azwba-topbar__pages .azwba-page-nav-btn:disabled{
 opacity:.34!important;
 color:#6C7F77!important;
 background:transparent!important;
 border-color:transparent!important
}