/* Whiteboard UI v3,
phase 1: scoped to the standalone app; the drawing engine is unchanged. */
:root{--azwba-top:68px;--azwba-panel:#FFFFFF}
.azwba-app .azwba-reference-ui.azwba-ui-v3 .azwba-topbar{
 display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
 grid-template-areas:"history pages context";
 gap:clamp(10px,1.25vw,22px);align-items:center;block-size:var(--azwba-top);
 padding:0 clamp(12px,1.2vw,24px);direction:ltr;
 border-bottom:1px solid #DCE9E2;background:#FCFEFC;color:#20352F;
 box-shadow:0 3px 16px rgba(26,71,54,.065);backdrop-filter:none
}
.azwba-app .azwba-ui-v3 .azwba-topbar__context{
 grid-area:context;display:flex;align-items:center;justify-content:flex-start;min-width:0;gap:10px;direction:rtl
}
.azwba-app .azwba-ui-v3 .azwba-topbar__group{display:flex;align-items:center;min-width:0;gap:6px;direction:rtl}
.azwba-app .azwba-ui-v3 .azwba-topbar__primary{flex:0 1 auto;justify-content:flex-start;min-width:0}
.azwba-app .azwba-ui-v3 .azwba-topbar__title{max-inline-size:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#20352F;font-size:14px;font-weight:850}
.azwba-app .azwba-ui-v3 .azwba-topbar__pages{grid-area:pages;justify-content:center;min-width:0}
.azwba-app .azwba-ui-v3 .azwba-topbar__history{grid-area:history;justify-content:flex-end}
.azwba-app .azwba-ui-v3 .azwba-topbar__student{flex:0 1 295px;justify-content:flex-start;min-width:0;max-width:295px}
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-student-switcher{
 position:static;inset:auto;z-index:auto;display:flex;flex:1 1 auto;align-items:center;min-width:0;
 max-width:100%;min-height:44px;height:44px;gap:6px;padding:4px 7px;
 border:1px solid #E0EBE5;border-radius:13px;background:#F4F8F5;
 box-shadow:none;color:#20352F;font-size:12px;white-space:nowrap;backdrop-filter:none
}
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-student-switcher label{
 position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);
 white-space:nowrap
}
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-student-switcher select{
 flex:1 1 110px;min-inline-size:75px;max-inline-size:160px;inline-size:100%;
 block-size:35px;min-block-size:35px;padding-inline:8px;border:1px solid #D8E6DE;
 border-radius:9px;background:#FFF;color:#244C3C;box-shadow:none;font-size:12px;font-weight:800
}
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-student-switcher select option{color:#20352F;background:#FFF}
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-student-points{
 display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-inline-size:46px;
 min-block-size:32px;padding:0 7px;border:1px solid #EEDDAE;border-radius:9px;
 background:#FFF8E6;color:#84601C;font-size:10px;font-weight:850
}
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-student-switcher button svg{
 inline-size:18px;block-size:18px;fill:none;stroke:currentColor;stroke-width:1.9
}
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-student-switcher button{
 display:grid;place-items:center;flex:0 0 40px;min-inline-size:40px;inline-size:40px;
 block-size:40px;min-block-size:40px;padding:0;border:1px solid transparent;
 border-radius:10px;background:transparent;color:#326750;cursor:pointer
}
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-student-switcher button:hover:not(:disabled){
 background:#E5F1EA;color:#16583F
}
.azwba-app .azwba-reference-ui.azwba-ui-v3 .azwb-workspace{inset:0}
.azwba-app .azwba-reference-ui.azwba-ui-v3 .azwb-pages{top:calc(var(--azwba-top) + 8px)}
.azwba-app .azwba-reference-ui.azwba-ui-v3 .azwb-board-lock,

.azwba-app .azwba-reference-ui.azwba-ui-v3 .azwb-timer{top:calc(var(--azwba-top) + 8px)}
.azwba-app .azwba-ui-v3 .azwba-panel{
 top:calc(var(--azwba-top) + 10px);bottom:calc(var(--azwba-dock) + 18px);display:flex;flex-direction:column;
 gap:0;overflow:hidden;padding:0;border:1px solid #DAE7DF;
 border-radius:17px;background:#FFF;color:#20352F;
 box-shadow:0 18px 52px rgba(23,65,46,.16);backdrop-filter:none
}

.azwba-app .azwba-ui-v3 .azwba-panel--right{
 top:var(--azwba-top);right:0;bottom:0;left:auto;
 width:min(430px,100vw);max-height:none;border-top:0;border-right:0;border-bottom:0;
 border-radius:0;background:#FFF;box-shadow:-18px 0 48px rgba(24,48,39,.14)
}
.azwba-app .azwba-ui-v3 .azwba-panel__header{
 display:flex;align-items:center;justify-content:space-between;gap:12px;
 flex:0 0 auto;padding:14px 15px 12px;
 border-bottom:1px solid #E2EBE6
}
.azwba-app .azwba-ui-v3 .azwba-panel__heading{display:flex;flex-direction:column;gap:3px;min-width:0}
.azwba-app .azwba-ui-v3 .azwba-panel__heading strong{font-weight:850;font-size:14px;line-height:1.5;color:#20352F}
.azwba-app .azwba-ui-v3 .azwba-panel__heading small{font-size:10px;line-height:1.5;color:#596D65}
.azwba-app .azwba-ui-v3 .azwba-panel__close{
 flex:0 0 40px;display:grid;place-items:center;width:40px;height:40px;min-width:40px;min-height:40px;
 margin:0;padding:0;border:0;border-radius:8px;background:transparent;color:#263D35;
 box-shadow:none;cursor:pointer
}
.azwba-app .azwba-ui-v3 .azwba-panel__close svg{display:none!important}
.azwba-app .azwba-ui-v3 .azwba-panel__close-mark{
 display:block;font-family:Arial,sans-serif;font-size:28px;font-weight:400;line-height:1;color:inherit;
 transform:translateY(-1px);pointer-events:none
}
.azwba-app .azwba-ui-v3 .azwba-panel__close:hover{background:#EEF4F1;color:#132B23}











.azwba-app .azwba-ui-v3 .azwba-panel--left [hidden]{display:none!important}
.azwba-app .azwba-ui-v3 .azwba-panel--left,

.azwba-app .azwba-ui-v3 .azwba-panel--left *{
 box-sizing:border-box
}
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-panel-section,

.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-action-row,

.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-action-grid{
 min-inline-size:0;
 max-inline-size:100%
}
.azwba-app .azwba-ui-v3 .azwba-panel__content{
 display:flex;flex-direction:column;gap:14px;min-height:0;overflow-y:auto;
 padding:13px 14px 18px;scrollbar-width:thin
}
.azwba-app .azwba-ui-v3 .azwba-panel--right .azwba-inspector__header{
 min-height:78px;padding:18px 20px 15px;background:#F3F4F6;border-bottom:1px solid #D7DCE2
}
.azwba-app .azwba-ui-v3 .azwba-panel--right .azwba-inspector__heading strong{font-size:20px;line-height:1.35;font-weight:850;color:#1F2937}
.azwba-app .azwba-ui-v3 .azwba-panel--right .azwba-inspector__heading small{font-size:11px;color:#6B7280}
.azwba-app .azwba-ui-v3 .azwba-panel--right .azwba-panel__close{
 width:40px;height:40px;min-width:40px;min-height:40px;flex-basis:40px;
 border:0;border-radius:8px;background:transparent;color:#263D35;box-shadow:none
}
.azwba-app .azwba-ui-v3 .azwba-inspector__content{padding:0;gap:0;overflow-y:auto;background:#FFF}
.azwba-app .azwba-ui-v3 .azwba-inspector__legacy{display:flex;flex-direction:column;gap:14px;padding:18px 20px 24px}
.azwba-app .azwba-ui-v3 .azwba-inspector__widget{display:flex;flex-direction:column;min-height:100%}
.azwba-app .azwba-ui-v3 .azwba-inspector__widget[hidden],

.azwba-app .azwba-ui-v3 .azwba-inspector__legacy[hidden]{display:none!important}
.azwba-app .azwba-ui-v3 .azwba-inspector__tabs{
 position:sticky;top:0;z-index:2;display:grid;grid-template-columns:1fr 1fr;flex:0 0 auto;
 padding:0 20px;background:#FFF;border-bottom:1px solid #D1D5DB
}
.azwba-app .azwba-ui-v3 .azwba-inspector__tab{
 display:flex;align-items:center;justify-content:center;gap:7px;min-height:56px;padding:10px 8px;
 border:0;border-bottom:2px solid transparent;background:transparent;color:#6B7280;
 font:inherit;font-size:12px;font-weight:800;cursor:pointer
}
.azwba-app .azwba-ui-v3 .azwba-inspector__tab svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.azwba-app .azwba-ui-v3 .azwba-inspector__tab.is-active{border-bottom-color:#1E6F5C;color:#1E6F5C}
.azwba-app .azwba-ui-v3 .azwba-inspector__tab:hover:not(.is-active){color:#374151;border-bottom-color:#D1D5DB}
.azwba-app .azwba-ui-v3 .azwba-inspector__pane{display:flex;flex-direction:column;gap:16px;padding:20px 20px 26px}
.azwba-app .azwba-ui-v3 .azwba-inspector__pane[hidden]{display:none!important}
.azwba-app .azwba-ui-v3 .azwba-inspector__section{display:flex;flex-direction:column;gap:16px}
.azwba-app .azwba-ui-v3 .azwba-inspector__section-head{display:flex;flex-direction:column;gap:3px;padding-bottom:12px;border-bottom:1px solid #E5E7EB}
.azwba-app .azwba-ui-v3 .azwba-inspector__section-head strong{font-size:14px;font-weight:850;color:#1F2937}
.azwba-app .azwba-ui-v3 .azwba-inspector__section-head small{font-size:10px;line-height:1.55;color:#6B7280}
.azwba-app .azwba-ui-v3 .azwba-inspector__field{display:flex;flex-direction:column;gap:7px;margin:0;color:#374151}
.azwba-app .azwba-ui-v3 .azwba-inspector__label{font-size:12px;font-weight:850;color:#374151}
.azwba-app .azwba-ui-v3 .azwba-inspector__field>small{font-size:9.5px;line-height:1.55;color:#596D65}
.azwba-app .azwba-ui-v3 .azwba-inspector__input,

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

.azwba-app .azwba-ui-v3 .azwba-inspector__specific-block select,

.azwba-app .azwba-ui-v3 .azwba-inspector__specific-block textarea{
 width:100%;min-height:42px;padding:9px 11px;border:1px solid #D1D5DB;border-radius:10px;
 background:#FFF;color:#1F2937;font:inherit;font-size:12px;box-shadow:none
}
.azwba-app .azwba-ui-v3 .azwba-inspector__specific-block textarea{min-height:92px;resize:vertical}
.azwba-app .azwba-ui-v3 .azwba-inspector__input:focus,

.azwba-app .azwba-ui-v3 .azwba-inspector__specific-block input:focus,

.azwba-app .azwba-ui-v3 .azwba-inspector__specific-block select:focus,

.azwba-app .azwba-ui-v3 .azwba-inspector__specific-block textarea:focus{
 outline:2px solid rgba(30,111,92,.18);outline-offset:1px;border-color:#6FAE98
}
.azwba-app .azwba-ui-v3 .azwba-inspector__choice{
 display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:56px;padding:10px 12px;
 border:1px solid #D1D5DB;border-radius:10px;background:#FFF;color:#374151;text-align:right;font:inherit;cursor:pointer
}
.azwba-app .azwba-ui-v3 .azwba-inspector__choice:hover:not(:disabled){background:#F9FAFB;border-color:#9CA3AF}
.azwba-app .azwba-ui-v3 .azwba-inspector__choice strong{font-size:12px;font-weight:850}
.azwba-app .azwba-ui-v3 .azwba-inspector__choice small{font-size:9.5px;color:#6B7280}
.azwba-app .azwba-ui-v3 .azwba-inspector__toggle{
 display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:66px;padding:11px 12px;
 border:1px solid #D1D5DB;border-radius:10px;background:#FFF;color:#374151;text-align:right;font:inherit;cursor:pointer
}
.azwba-app .azwba-ui-v3 .azwba-inspector__toggle>span{display:flex;flex-direction:column;gap:3px}
.azwba-app .azwba-ui-v3 .azwba-inspector__toggle strong{font-size:12px;font-weight:850}
.azwba-app .azwba-ui-v3 .azwba-inspector__toggle small{font-size:9.5px;line-height:1.5;color:#6B7280}
.azwba-app .azwba-ui-v3 .azwba-inspector__toggle>i{
 position:relative;display:block;flex:0 0 40px;width:40px;height:21px;border-radius:999px;background:#D1D5DB;transition:background .15s ease
}
.azwba-app .azwba-ui-v3 .azwba-inspector__toggle>i:after{
 content:"";position:absolute;top:3px;right:3px;width:15px;height:15px;border-radius:50%;background:#FFF;box-shadow:0 1px 3px rgba(0,0,0,.22);transition:transform .15s ease
}
.azwba-app .azwba-ui-v3 .azwba-inspector__toggle[aria-pressed="true"]>i{background:#1E6F5C}
.azwba-app .azwba-ui-v3 .azwba-inspector__toggle[aria-pressed="true"]>i:after{transform:translateX(-19px)}
.azwba-app .azwba-ui-v3 .azwba-inspector__specific-block{
 display:flex!important;flex-direction:column!important;gap:14px!important;width:100%!important;margin:0!important;padding:0 0 16px!important;
 border:0!important;border-bottom:1px solid #E5E7EB!important;background:transparent!important
}
.azwba-app .azwba-ui-v3 .azwba-inspector__specific-block:last-child{border-bottom:0!important;padding-bottom:0!important}
.azwba-app .azwba-ui-v3 .azwba-inspector__specific-block>summary{
 display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 0 9px;
 list-style:none;border-bottom:1px solid #E5E7EB;color:#1F2937;font-size:13px;font-weight:850;cursor:default
}
.azwba-app .azwba-ui-v3 .azwba-inspector__specific-block>summary::-webkit-details-marker{display:none}
.azwba-app .azwba-ui-v3 .azwba-inspector__specific-block label{font-size:11px;color:#374151}
.azwba-app .azwba-ui-v3 .azwba-inspector__specific-block label>span:first-child{font-weight:800}
.azwba-app .azwba-ui-v3 .azwba-inspector__specific-block input[type="checkbox"],

.azwba-app .azwba-ui-v3 .azwba-inspector__specific-block input[type="radio"]{width:18px;height:18px;accent-color:#1E6F5C}
.azwba-app .azwba-ui-v3 .azwba-inspector__specific-block button{min-height:40px;border-radius:9px;font-family:inherit}
.azwba-app .azwba-ui-v3 .azwba-inspector__empty{
 display:flex;flex-direction:column;gap:5px;padding:18px;border:1px dashed #D1D5DB;border-radius:12px;background:#F9FAFB;text-align:center
}
.azwba-app .azwba-ui-v3 .azwba-inspector__empty strong{font-size:13px;color:#374151}
.azwba-app .azwba-ui-v3 .azwba-inspector__empty span{font-size:10px;line-height:1.6;color:#6B7280}
.azwba-app .azwba-ui-v3 .azwba-inspector__footer{
 flex:0 0 auto;padding:9px 20px 11px;border-top:1px solid #E5E7EB;background:#FAFAFA;color:#6B7280;font-size:9.5px;line-height:1.5
}
.azwba-app .azwba-ui-v3 .azwba-board-widget.is-selected [data-azwb-inspector-source="1"]{display:none!important}
.azwba-app .azwba-ui-v3 .azwba-panel-section{
 gap:12px;border-bottom-color:#E2EBE6;padding-bottom:14px
}
.azwba-app .azwba-ui-v3 .azwba-panel-section:last-child{padding-bottom:0}
.azwba-app .azwba-ui-v3 .azwba-panel-section h3{font-size:13px;color:#264638}
.azwba-app .azwba-ui-v3 .azwba-panel .azwba-action-btn,

.azwba-app .azwba-ui-v3 .azwba-panel .azwba-panel-disclosure>summary{
 border-color:#DCE9E1;background:#F7FAF8;color:#294C3D
}
.azwba-app .azwba-ui-v3 .azwba-panel .azwba-action-btn:hover,

.azwba-app .azwba-ui-v3 .azwba-panel .azwba-panel-disclosure>summary:hover{background:#EAF4F0;color:#165A41}
.azwba-app .azwba-ui-v3 .azwba-edge-toggle--right,

.azwba-app .azwba-ui-v3 .azwba-edge-toggle--left{
 width:33px;height:58px;background:#F2F7F3;color:#1E6F5C;
 border-color:#DCE9E2;box-shadow:0 8px 22px rgba(30,70,55,.14);
 transition:left .22s ease,right .22s ease,background-color .16s ease,color .16s ease
}
.azwba-app .azwba-ui-v3 .azwba-edge-toggle--right{border-radius:10px 0 0 10px}
.azwba-app .azwba-ui-v3 .azwba-edge-toggle--left{border-radius:0 10px 10px 0}
.azwba-app .azwba-ui-v3 .azwba-edge-toggle svg{width:17px;height:17px;transition:none}


.azwba-app .azwba-ui-v3 .azwba-dock-visibility-toggle{
 z-index:calc(var(--azwba-z-chrome) + 3);
 border:1px solid #D6E6DD;background:#FFF;color:#275746;
 cursor:pointer;transition:background-color .16s ease,color .16s ease,border-radius .16s ease,box-shadow .16s ease
}
/* Visual treatment only. Geometry is owned by the canonical chrome block below. */
.azwba-app .azwba-ui-v3 .azwba-dock-wrap>.azwba-dock-visibility-toggle{
 border-bottom:0;border-radius:11px 11px 0 0;
 box-shadow:0 -5px 16px rgba(27,66,53,.12)
}
.azwba-app .azwba-ui-v3>.azwba-dock-visibility-toggle.is-collapsed{
 border-top:1px solid #D6E6DD;border-bottom:0;border-radius:11px 11px 0 0;
 box-shadow:0 -5px 16px rgba(27,66,53,.12)
}
.azwba-app .azwba-ui-v3 .azwba-dock-visibility-toggle:hover:not(:disabled){background:#EAF4F0;color:#155B42}
.azwba-app .azwba-ui-v3 .azwba-dock-visibility-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}
.azwba-app .azwba-ui-v3 .azwba-edge-toggle--right[hidden],

.azwba-app .azwba-ui-v3 .azwba-edge-toggle--left[hidden]{display:none!important}
.azwba-app .azwba-ui-v3 .azwba-panel-backdrop{display:none}
.azwba-app .azwba-ui-v3 button:focus-visible,

.azwba-app .azwba-ui-v3 [role="tab"]:focus-visible{
 outline:3px solid #5A9FD4;outline-offset:2px
}
.azwba-app .azwba-ui-v3 .azwba-page-format-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.azwba-app .azwba-ui-v3 .azwba-page-format-btn{
 display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 8px;align-items:center;
 min-height:72px;padding:9px;border:1px solid #DCE8E2;border-radius:12px;background:linear-gradient(180deg,#FFF,#F8FBF9);
 color:#294C3D;text-align:right;font-family:inherit;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease
}
.azwba-app .azwba-ui-v3 .azwba-page-format-btn:hover:not(:disabled){transform:translateY(-1px);border-color:#9CC8B9;background:#F0F8F4}
.azwba-app .azwba-ui-v3 .azwba-page-format-btn.is-active{
 border-color:#68A995;background:#EAF4F0;box-shadow:0 0 0 3px rgba(30,111,92,.08)
}
.azwba-app .azwba-ui-v3 .azwba-page-format-btn:disabled{opacity:.62;cursor:wait}
.azwba-app .azwba-ui-v3 .azwba-page-format-preview{
 grid-row:1/3;display:grid;place-items:center;width:48px;height:48px;border-radius:10px;background:#EEF5F1
}
.azwba-app .azwba-ui-v3 .azwba-page-format-preview i{
 display:block;border:2px solid #607A70;border-radius:3px;background:#FFF;box-shadow:0 3px 7px rgba(32,53,47,.08)
}
.azwba-app .azwba-ui-v3 .azwba-page-format-preview.is-portrait i{width:22px;height:31px}
.azwba-app .azwba-ui-v3 .azwba-page-format-preview.is-landscape i{width:34px;height:19px}
.azwba-app .azwba-ui-v3 .azwba-page-format-btn.is-active .azwba-page-format-preview{background:#DCEFE7}
.azwba-app .azwba-ui-v3 .azwba-page-format-btn.is-active .azwba-page-format-preview i{border-color:#1E6F5C}
.azwba-app .azwba-ui-v3 .azwba-page-format-btn strong{align-self:end;font-size:10px;font-weight:900;color:#29483F}
.azwba-app .azwba-ui-v3 .azwba-page-format-btn small{align-self:start;color:#596D65;font-size:9px;font-weight:700;line-height:1.4}
@media(max-width:1320px){
 :root{--azwba-top:112px}
 .azwba-app .azwba-reference-ui.azwba-ui-v3 .azwba-topbar{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  grid-template-areas:'history primary' 'pages student';
  grid-template-rows:44px 44px;gap:5px 12px;padding:8px 14px;block-size:var(--azwba-top)
 }
 .azwba-app .azwba-ui-v3 .azwba-topbar__context{display:contents}
 .azwba-app .azwba-ui-v3 .azwba-topbar__primary{grid-area:primary;justify-content:flex-start}
 .azwba-app .azwba-ui-v3 .azwba-topbar__pages{grid-area:pages;justify-content:flex-end}
 .azwba-app .azwba-ui-v3 .azwba-topbar__student{grid-area:student;justify-content:flex-start;min-inline-size:0;max-width:none}
 .azwba-app .azwba-ui-v3 .azwba-topbar__history{grid-area:history;justify-content:flex-end}
 .azwba-app .azwba-ui-v3 .azwba-topbar .azwba-student-switcher{height:43px;min-height:43px}
 .azwba-app .azwba-ui-v3 .azwba-panel{top:calc(var(--azwba-top) + 7px)}
}
@media(max-width:760px){
 :root{--azwba-top:106px}
 .azwba-app .azwba-reference-ui.azwba-ui-v3 .azwba-topbar{
  grid-template-columns:minmax(0,1fr) minmax(128px,180px);
  grid-template-rows:43px 43px;gap:5px 7px;padding:7px 9px;
  block-size:var(--azwba-top);overflow:visible
 }
 .azwba-app .azwba-ui-v3 .azwba-topbar__title{max-inline-size:100px;font-size:12px}
 .azwba-app .azwba-ui-v3 .azwba-top-btn{inline-size:44px;min-inline-size:44px;block-size:44px;min-block-size:44px}
 .azwba-app .azwba-ui-v3 .azwba-topbar__pages{
  min-inline-size:0;max-inline-size:100%;overflow-x:auto;overflow-y:hidden;
  justify-content:flex-end;scrollbar-width:none;overscroll-behavior-inline:contain
 }
 .azwba-app .azwba-ui-v3 .azwba-topbar__pages::-webkit-scrollbar{display:none}
 .azwba-app .azwba-ui-v3 .azwba-topbar__history{
  min-inline-size:0;max-inline-size:100%;overflow-x:auto;overflow-y:hidden;
  justify-content:flex-end;scrollbar-width:none;overscroll-behavior-inline:contain
 }
 .azwba-app .azwba-ui-v3 .azwba-topbar__history::-webkit-scrollbar{display:none}
 .azwba-app .azwba-ui-v3 .azwba-topbar__history>*{flex:0 0 auto}
 .azwba-app .azwba-ui-v3 .azwba-topbar__pages>*{flex:0 0 auto}
 .azwba-app .azwba-ui-v3 .azwba-topbar__student{min-inline-size:0;max-inline-size:100%}
 .azwba-app .azwba-ui-v3 .azwba-topbar .azwba-student-switcher{min-block-size:43px;block-size:43px;gap:3px;padding:3px 4px}
 .azwba-app .azwba-ui-v3 .azwba-topbar .azwba-student-switcher select{min-inline-size:70px;block-size:36px;min-block-size:36px}
 .azwba-app .azwba-ui-v3 .azwba-topbar .azwba-student-switcher button{flex-basis:40px;inline-size:40px;min-inline-size:40px;block-size:40px}
 .azwba-app .azwba-ui-v3 .azwba-panel{top:var(--azwba-top);bottom:0;border-radius:0;padding:0;z-index:calc(var(--azwba-z-chrome) + 2)}
 
 .azwba-app .azwba-ui-v3 .azwba-panel--right{
  top:auto;right:0;bottom:0;left:0;width:100%;height:min(86dvh,760px);max-height:86dvh;
  border:1px solid #D8E1DC;border-bottom:0;border-radius:20px 20px 0 0;
  box-shadow:0 -18px 48px rgba(18,46,35,.22)
 }
 .azwba-app .azwba-ui-v3 .azwba-panel--right .azwba-inspector__header{min-height:68px;padding:13px 15px 11px}
 .azwba-app .azwba-ui-v3 .azwba-panel--right .azwba-inspector__heading strong{font-size:16px}
 .azwba-app .azwba-ui-v3 .azwba-inspector__tabs{padding:0 12px}
 .azwba-app .azwba-ui-v3 .azwba-inspector__tab{min-height:50px}
 .azwba-app .azwba-ui-v3 .azwba-inspector__pane{padding:16px 15px 22px}
 .azwba-app .azwba-ui-v3 .azwba-panel-backdrop{
  display:block;position:absolute;inset:var(--azwba-top) 0 var(--azwba-dock) 0;
  z-index:calc(var(--azwba-z-chrome) + 1);width:100%;height:auto;
  border:0;border-radius:0;background:rgba(18,46,35,.38);
  opacity:0;pointer-events:none;transition:opacity .2s ease
 }
 .azwba-app .azwba-ui-v3 .azwba-panel-backdrop.is-visible{opacity:1;pointer-events:auto}
 .azwba-app .azwba-ui-v3.azwba-left-open .azwba-dock-wrap,

 .azwba-app .azwba-ui-v3.azwba-right-open .azwba-dock-wrap{
  transform:none;opacity:1;pointer-events:auto
 }
 .azwba-app .azwba-ui-v3.azwba-left-open .azwba-dock-wrap *,

 .azwba-app .azwba-ui-v3.azwba-right-open .azwba-dock-wrap *{pointer-events:auto}
}
@media(max-width:520px){
 .azwba-app .azwba-ui-v3 .azwba-topbar__title{display:none}
 .azwba-app .azwba-ui-v3 .azwba-topbar__primary .azwba-save-pill{
  inline-size:40px;min-inline-size:40px;max-inline-size:40px;
  justify-content:center;padding:0;overflow:hidden
 }
 .azwba-app .azwba-ui-v3 .azwba-topbar__primary .azwba-save-pill [data-save-text]{display:none}
 .azwba-app .azwba-ui-v3 .azwba-topbar .azwba-student-points{display:none}
 .azwba-app .azwba-ui-v3 .azwba-topbar .azwba-student-switcher select{font-size:11px}
 .azwba-app .azwba-ui-v3 .azwba-topbar__pages{gap:2px}
 .azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-sep{margin:0}
}

/* Shared light popover surfaces. Quran retains its own separately themed reader UI. */
.azwba-app .azwba-ui-v3 .azwba-dock-menu,


.azwba-app .azwba-ui-v3 .azwba-content-menu{
 border-color:#D8E7DE;background:#FFF;color:#20352F;
 box-shadow:0 20px 52px rgba(23,63,47,.18);backdrop-filter:none
}
.azwba-app .azwba-ui-v3 .azwba-content-menu{width:310px;padding:12px;border-radius:16px}
.azwba-app .azwba-ui-v3 .azwba-content-menu-head{
 display:flex;flex-direction:column;gap:3px;margin-bottom:10px;padding:0 2px 10px;
 border-bottom:1px solid #E3EDE7
}
.azwba-app .azwba-ui-v3 .azwba-content-menu-head strong{font-size:13px;font-weight:900;color:#20352F}
.azwba-app .azwba-ui-v3 .azwba-content-menu-head small{font-size:10px;line-height:1.55;color:#596D65}
.azwba-app .azwba-ui-v3 .azwba-content-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.azwba-app .azwba-ui-v3 .azwba-content-menu-grid button{
 min-height:78px;gap:7px;padding:8px 5px;border-color:#E0EAE3;border-radius:13px;
 background:linear-gradient(180deg,#FFF,#F8FBF9);color:#294C3D;
 box-shadow:0 4px 12px rgba(32,53,47,.04);
 transition:transform .15s ease,border-color .15s ease,background .15s ease
}
.azwba-app .azwba-ui-v3 .azwba-content-menu-grid button:hover{
 transform:translateY(-1px);background:#EAF4F0;border-color:#A8D0BD;color:#1B6147
}
.azwba-app .azwba-ui-v3 .azwba-content-menu-grid button>span{width:34px;height:34px}
.azwba-app .azwba-ui-v3 .azwba-content-menu-grid button>span svg{width:30px;height:30px}
.azwba-app .azwba-ui-v3 .azwba-content-menu-grid button>small{font-size:10px;font-weight:900;color:#395A49}
.azwba-app .azwba-ui-v3 .azwba-content-voice-row{margin-top:10px;padding-top:10px;border-top-color:#E2EDE6}
.azwba-app .azwba-ui-v3 .azwba-content-voice-row>span{color:#60776A;font-size:10px}
.azwba-app .azwba-ui-v3 .azwba-content-voice-lang{
 min-height:38px;border-color:#DDE9E1;border-radius:9px;background:#FFF;color:#284B3C;font-size:11px
}
.azwba-app .azwba-ui-v3 .azwba-widget--interaction.azwba-widget--drawer{
 position:fixed;top:calc(var(--azwba-top) + 10px);right:12px;bottom:calc(var(--azwba-dock) + 18px);left:auto!important;
 width:min(560px,calc(100vw - 24px))!important;height:auto;max-height:none;
 border:1px solid rgba(175,214,197,.75);border-radius:18px;background:#fff;
 box-shadow:0 24px 68px rgba(11,28,33,.31);overflow:hidden
}
.azwba-app .azwba-ui-v3 .azwba-widget--interaction.azwba-widget--drawer>header{
 min-height:54px;padding:9px 12px;border-bottom:1px solid #DCE9E4;background:#F4F8F6;cursor:default
}
.azwba-app .azwba-ui-v3 .azwba-widget--interaction.azwba-widget--drawer>header>span{
 display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#E3F1EB;color:#1E6F5C
}
.azwba-app .azwba-ui-v3 .azwba-widget--interaction.azwba-widget--drawer>header>strong{font-size:14px}
.azwba-app .azwba-ui-v3 .azwba-widget--interaction.azwba-widget--drawer .azwba-widget-body{
 flex:1;min-height:0;padding:0;overflow:hidden
}
.azwba-app .azwba-ui-v3 .azwba-widget--interaction.azwba-widget--drawer .azwba-interaction-hub{
 display:grid;grid-template-columns:142px minmax(0,1fr);gap:0;height:100%;min-height:0
}
.azwba-app .azwba-ui-v3 .azwba-widget--interaction.azwba-widget--drawer .azwba-interaction-tabs{
 display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0;
 padding:12px;border-left:1px solid #E2ECE8;background:#F7FAF9;overflow-y:auto
}
.azwba-app .azwba-ui-v3 .azwba-widget--interaction.azwba-widget--drawer .azwba-interaction-tabs button{
 width:100%;min-height:42px;padding:7px 9px;text-align:right;border-radius:10px;
 border:1px solid transparent;background:transparent;color:#536B63;font-size:11px
}
.azwba-app .azwba-ui-v3 .azwba-widget--interaction.azwba-widget--drawer .azwba-interaction-tabs button:hover{background:#EEF5F2}
.azwba-app .azwba-ui-v3 .azwba-widget--interaction.azwba-widget--drawer .azwba-interaction-tabs button.is-active{
 border-color:#B9D8CD;background:#E6F2ED;color:#145C4A;box-shadow:inset -3px 0 0 #1E6F5C
}
.azwba-app .azwba-ui-v3 .azwba-widget--interaction.azwba-widget--drawer .azwba-interaction-content{
 min-height:0;overflow-y:auto;padding:14px 15px 18px;background:#fff
}
.azwba-app .azwba-ui-v3 .azwba-task-workspace{display:flex;flex-direction:column;gap:12px}
.azwba-app .azwba-ui-v3 .azwba-task-workspace-nav{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:5px;border:1px solid #DBE8E3;border-radius:11px;background:#F5F9F7
}
.azwba-app .azwba-ui-v3 .azwba-task-workspace-nav button{
 min-height:36px;padding:5px;border:0;border-radius:8px;background:transparent;color:#61756E;font:800 10px Cairo,sans-serif;cursor:pointer
}
.azwba-app .azwba-ui-v3 .azwba-task-workspace-nav button.is-active{background:#fff;color:#1E6F5C;box-shadow:0 3px 10px rgba(25,55,46,.08)}
.azwba-app .azwba-ui-v3 .azwba-task-workspace-body{min-height:0}
.azwba-app .azwba-ui-v3 .azwba-interaction-tabs button:focus-visible,

.azwba-app .azwba-ui-v3 .azwba-task-workspace-nav button:focus-visible{outline:2px solid #4EA8DE;outline-offset:2px}
@media(max-width:760px){
 .azwba-app .azwba-ui-v3 .azwba-content-menu{width:min(320px,calc(100vw - 16px))}
 .azwba-app .azwba-ui-v3 .azwba-widget--interaction.azwba-widget--drawer{
  top:auto;right:0;bottom:0;left:0!important;width:100%!important;height:min(78dvh,690px);
  max-height:min(78dvh,690px);border-width:1px 0 0;border-radius:18px 18px 0 0
 }
 .azwba-app .azwba-ui-v3 .azwba-widget--interaction.azwba-widget--drawer .azwba-interaction-hub{
  grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)
 }
 .azwba-app .azwba-ui-v3 .azwba-widget--interaction.azwba-widget--drawer .azwba-interaction-tabs{
  flex-direction:row;gap:5px;padding:8px 10px;border-left:0;border-bottom:1px solid #E2ECE8;
  overflow-x:auto;overflow-y:hidden;scrollbar-width:none
 }
 .azwba-app .azwba-ui-v3 .azwba-widget--interaction.azwba-widget--drawer .azwba-interaction-tabs::-webkit-scrollbar{display:none}
 .azwba-app .azwba-ui-v3 .azwba-widget--interaction.azwba-widget--drawer .azwba-interaction-tabs button{
  flex:0 0 auto;width:auto;min-width:88px;min-height:37px;text-align:center;white-space:nowrap
 }
 .azwba-app .azwba-ui-v3 .azwba-widget--interaction.azwba-widget--drawer .azwba-interaction-tabs button.is-active{
  box-shadow:inset 0 -3px 0 #1E6F5C
 }
 .azwba-app .azwba-ui-v3 .azwba-widget--interaction.azwba-widget--drawer .azwba-interaction-content{padding:12px}
}


/* Standalone off-canvas surfaces share the same light palette as the dock. */
.azwba-app .azwba-ui-v3 .azwba-boards-drawer,



.azwba-app .azwba-ui-v3 .azwba-pdf-thumbs,



.azwba-app .azwba-ui-v3 .azwb-pages{
 top:calc(var(--azwba-top) + 10px);bottom:calc(var(--azwba-dock) + 18px);
 border:1px solid #DBE8E0;background:#FFF;color:#20352F;
 box-shadow:0 20px 54px rgba(22,65,47,.16);backdrop-filter:none
}
.azwba-app .azwba-ui-v3 .azwba-boards-drawer{left:12px;width:340px;border-radius:17px}
/* PDF controls sit below the responsive standalone topbar; thumbs begin below the PDF toolbar. */
.azwba-app .azwba-ui-v3 .azwba-pdf-toolbar,

.azwba-app .azwba-ui-v3 .azwba-pdf-show-tab{top:calc(var(--azwba-top) + 8px)}
.azwba-app .azwba-ui-v3 .azwba-pdf-thumbs{left:12px;top:calc(var(--azwba-top) + 70px);width:196px;border-radius:15px}
.azwba-app .azwba-ui-v3 .azwb-pages{right:12px;width:240px;min-width:240px;border-radius:17px}
.azwba-app .azwba-ui-v3 .azwba-boards-drawer>header,

.azwba-app .azwba-ui-v3 .azwba-pdf-thumbs>header,

.azwba-app .azwba-ui-v3 .azwb-pages__topbar{
 background:#F6FAF7;border-bottom-color:#E3ECE6;color:#20352F
}
.azwba-app .azwba-ui-v3 .azwba-boards-drawer>header{min-height:62px;padding:10px 13px}
.azwba-app .azwba-ui-v3 .azwba-boards-drawer>header strong{font-size:14px;color:#20352F}
.azwba-app .azwba-ui-v3 .azwba-boards-drawer>header small{color:#596D65;font-size:10px}
.azwba-app .azwba-ui-v3 .azwba-boards-close,

.azwba-app .azwba-ui-v3 .azwba-pdf-thumbs>header button{
 display:grid;place-items:center;inline-size:44px;min-inline-size:44px;block-size:44px;
 border:1px solid #DFEAE3;border-radius:10px;background:#FFF;color:#315845
}
.azwba-app .azwba-ui-v3 .azwba-boards-close:hover,

.azwba-app .azwba-ui-v3 .azwba-pdf-thumbs>header button:hover{background:#EAF4F0;color:#175940}
.azwba-app .azwba-ui-v3 .azwba-boards-actions{gap:8px;padding:11px;border-bottom-color:#E4EDE7}
.azwba-app .azwba-ui-v3 .azwba-boards-actions button{
 min-height:44px;border:1px solid #D8E7DD;border-radius:10px;background:#EDF6EF;
 color:#285A43;font-size:11px;font-weight:850
}
.azwba-app .azwba-ui-v3 .azwba-boards-actions button:hover{background:#DDEFE4;border-color:#A2CCB6}
.azwba-app .azwba-ui-v3 .azwba-boards-list{padding:10px;scrollbar-color:#BED3C4 transparent}
.azwba-app .azwba-ui-v3 .azwba-loose-head,

.azwba-app .azwba-ui-v3 .azwba-folder-head{
 min-height:43px;border:1px solid #E5EEE8;border-radius:10px;
 background:#F7FAF8;color:#2D4C3E
}
.azwba-app .azwba-ui-v3 .azwba-loose-head>button,

.azwba-app .azwba-ui-v3 .azwba-folder-actions button,

.azwba-app .azwba-ui-v3 .azwba-folder-toggle,

.azwba-app .azwba-ui-v3 .azwba-board-actions>button{
 border:1px solid #E1EAE4;border-radius:8px;background:#FFF;color:#3D6250
}
.azwba-app .azwba-ui-v3 .azwba-loose-head>button:hover,

.azwba-app .azwba-ui-v3 .azwba-folder-actions button:hover,

.azwba-app .azwba-ui-v3 .azwba-folder-toggle:hover,

.azwba-app .azwba-ui-v3 .azwba-board-actions>button:hover{background:#E8F3EC;color:#1A6047}
.azwba-app .azwba-ui-v3 .azwba-folder-actions{opacity:.75}
.azwba-app .azwba-ui-v3 .azwba-folder-head:hover .azwba-folder-actions,

.azwba-app .azwba-ui-v3 .azwba-folder-head:focus-within .azwba-folder-actions{opacity:1}
.azwba-app .azwba-ui-v3 .azwba-board-item{min-height:46px;border-radius:10px;color:#355345}
.azwba-app .azwba-ui-v3 .azwba-board-item:hover{background:#F1F7F2}
.azwba-app .azwba-ui-v3 .azwba-board-item.is-active{
 border-color:#A2CCB6;background:#E8F4EC;color:#164D36
}
.azwba-app .azwba-ui-v3 .azwba-board-icon{color:#1E6F5C}
.azwba-app .azwba-ui-v3 .azwba-board-name{font-size:11px}
.azwba-app .azwba-ui-v3 .azwba-board-move-pop{
 border-color:#D9E7DE;background:#FFF;color:#284939;
 box-shadow:0 13px 35px rgba(23,65,48,.15)
}
.azwba-app .azwba-ui-v3 .azwba-board-move-pop button{min-height:40px;color:#315141;font-size:11px}
.azwba-app .azwba-ui-v3 .azwba-board-move-pop button:hover,

.azwba-app .azwba-ui-v3 .azwba-board-move-pop button.is-active{background:#E8F4EC;color:#176348}
.azwba-app .azwba-ui-v3 .azwba-pdf-thumbs>header{min-height:54px;padding:5px 9px}
.azwba-app .azwba-ui-v3 .azwba-pdf-thumbs>header strong{font-size:12px;color:#20352F}
.azwba-app .azwba-ui-v3 .azwba-pdf-toolbar{
 border-color:#D7E6DE;background:rgba(255,255,255,.985);color:#20352F;
 box-shadow:0 14px 38px rgba(24,65,49,.14);backdrop-filter:blur(14px)
}
.azwba-app .azwba-ui-v3 .azwba-pdf-icon,

.azwba-app .azwba-ui-v3 .azwba-pdf-zoom-label{
 border-color:#DDE9E2;background:#F7FAF8;color:#315845
}
.azwba-app .azwba-ui-v3 .azwba-pdf-icon:hover:not(:disabled),

.azwba-app .azwba-ui-v3 .azwba-pdf-zoom-label:hover{border-color:#A6CDBB;background:#EAF4F0;color:#165C43}
.azwba-app .azwba-ui-v3 .azwba-pdf-icon.is-active,

.azwba-app .azwba-ui-v3 .azwba-pdf-lock.is-active{border-color:#9CC7B4;background:#DFF0E7;color:#176047}
.azwba-app .azwba-ui-v3 .azwba-pdf-files,

.azwba-app .azwba-ui-v3 .azwba-pdf-page-input{
 border-color:#D8E6DE;background:#FFF;color:#294B3D
}
.azwba-app .azwba-ui-v3 .azwba-pdf-count{color:#647B70}
.azwba-app .azwba-ui-v3 .azwba-pdf-reconnect{
 border-color:#E3CA87;background:#FFF8E3;color:#7A5C17
}
.azwba-app .azwba-ui-v3 .azwba-pdf-reconnect:hover{border-color:#D6B65F;background:#FFF0C2;color:#6B4D0E}
.azwba-app .azwba-ui-v3 .azwba-pdf-show-tab{
 border-color:#B8D7CA;background:#EEF7F2;color:#185D45;box-shadow:0 7px 18px rgba(24,65,49,.12)
}
.azwba-app .azwba-ui-v3 .azwba-pdf-thumb{border-radius:10px;background:#F6F9F7;color:#315345}
.azwba-app .azwba-ui-v3 .azwba-pdf-thumb:hover{border-color:#9CC8B4}
.azwba-app .azwba-ui-v3 .azwba-pdf-thumb.is-active{border-color:#1E6F5C;background:#E8F4EC;color:#18533C}
.azwba-app .azwba-ui-v3 .azwba-pdf-thumb i{border:1px solid #E1E8E4;background-color:#FFF}
.azwba-app .azwba-ui-v3 .azwba-pdf-thumb i[data-loading="1"]{
 background-image:linear-gradient(110deg,#F2F5F3 8%,#E7EEE9 18%,#F2F5F3 33%);
 background-size:200% 100%;animation:azwba-pdf-thumb-loading 1.1s linear infinite
}
@keyframes azwba-pdf-thumb-loading{to{background-position-x:-200%}}
.azwba-app .azwba-ui-v3 .azq-topmenu{
 border-color:#E2DAC7;background:rgba(255,253,248,.99);color:#3B413D;
 box-shadow:0 18px 48px rgba(74,60,34,.18);backdrop-filter:blur(14px)
}
.azwba-app .azwba-ui-v3 .azq-topmenu>button{
 border-color:#E6DFD1;background:#FFFDF8;color:#4A504B
}
.azwba-app .azwba-ui-v3 .azq-topmenu>button:hover{border-color:#D8BF7A;background:#FFF6D8;color:#735718}
.azwba-app .azwba-ui-v3 .azq-topmenu>button>span{
 border-radius:9px;background:#F7EFCF;color:#8A651F
}
.azwba-app .azwba-ui-v3 .azq-topmenu strong{color:#3E443F}
.azwba-app .azwba-ui-v3 .azq-topmenu small{color:#625D53}
.azwba-app .azwba-ui-v3 .azwb-pages__list{padding:12px;gap:10px;scrollbar-color:#BDCFBF transparent}
.azwba-app .azwba-ui-v3 .azwb-page{
 width:154px;max-width:154px;gap:8px;padding:10px;border:1px solid transparent;border-radius:14px;
 background:#FBFDFC;color:#456354;box-shadow:0 3px 10px rgba(32,53,47,.035);
 transition:opacity .14s ease,transform .14s ease,background-color .14s ease,border-color .14s ease,box-shadow .14s ease
}
.azwba-app .azwba-ui-v3 .azwb-page:hover{
 background:#F3F8F5;border-color:#D9E7E0;transform:translateY(-1px)
}
.azwba-app .azwba-ui-v3 .azwb-page.is-active{
 border-color:#9AC8B8;background:#EEF7F3;color:#184F39;box-shadow:0 7px 18px rgba(30,111,92,.08)
}
.azwba-app .azwba-ui-v3 .azwb-page__thumb{
 width:124px;max-width:124px;border-radius:10px;border-color:#DDE7E3;
 box-shadow:0 5px 14px rgba(32,53,47,.10)
}
.azwba-app .azwba-ui-v3 .azwb-page:hover .azwb-page__thumb{border-color:#AFCFC3}
.azwba-app .azwba-ui-v3 .azwb-page b,

.azwba-app .azwba-ui-v3 .azwb-page.is-active b{color:#385C48;font-size:11px;font-weight:850}
.azwba-app .azwba-ui-v3 .azwb-page.is-active .azwb-page__thumb{
 border-color:#1E6F5C;box-shadow:0 0 0 2px #CEE8D8,0 6px 16px rgba(20,70,48,.12)
}
.azwba-app .azwba-ui-v3 .azwb-page-rename{
 width:132px;max-width:132px;min-height:40px;border-color:#8EBEAD;border-radius:9px;
 box-shadow:0 0 0 3px rgba(30,111,92,.08)
}
.azwba-app .azwba-ui-v3 .azwb-page-count{
 border-color:#DCE7E0;background:#FFF;color:#385D48;border-radius:9px
}
.azwba-app .azwba-ui-v3 .azwb-page-actions .azwb-page-btn,

.azwba-app .azwba-ui-v3 .azwb-page-nav-btn{
 border-color:#DBE7DE;border-radius:8px;background:#FFF;color:#2C5B43
}
.azwba-app .azwba-ui-v3 .azwb-page-actions .azwb-page-btn:hover:not(:disabled),

.azwba-app .azwba-ui-v3 .azwb-page-nav-btn:hover:not(:disabled){background:#EAF4F0;color:#17583F}
.azwba-app .azwba-ui-v3 .azwb-page-more-menu{
 border-color:#D9E6DF;border-radius:11px;background:#FFF;box-shadow:0 14px 35px rgba(20,61,45,.17)
}
.azwba-app .azwba-ui-v3 .azwb-page-more-menu button{color:#325342}
.azwba-app .azwba-ui-v3 .azwb-page-more-menu button:hover:not(:disabled){background:#EAF4F0;color:#15573F}
.azwba-app .azwba-ui-v3 .azwb-page-more-menu button.is-danger{color:#AD4840}
@media(max-width:760px){
 .azwba-app .azwba-ui-v3 .azwba-boards-drawer,

 .azwba-app .azwba-ui-v3 .azwb-pages{
  top:var(--azwba-top);bottom:0;border-radius:0;z-index:calc(var(--azwba-z-chrome) + 2)
 }
 .azwba-app .azwba-ui-v3 .azwba-boards-drawer{left:0;width:min(355px,90vw)}
 .azwba-app .azwba-ui-v3 .azwba-pdf-thumbs{
  left:0;top:calc(var(--azwba-top) + 70px);bottom:0;width:min(204px,82vw);
  border-radius:0;z-index:calc(var(--azwba-z-chrome) + 2)
 }
 .azwba-app .azwba-ui-v3 .azwb-pages{right:0;width:min(280px,86vw);min-width:0}
}
@media(pointer:coarse){
 .azwba-app .azwba-ui-v3 .azwb-pages{width:min(308px,90vw);min-width:0}
 .azwba-app .azwba-ui-v3 .azwb-page-actions .azwb-page-btn,

 .azwba-app .azwba-ui-v3 .azwb-page-nav-btn{width:44px;min-width:44px;height:44px;min-height:44px}
 .azwba-app .azwba-ui-v3 .azwb-page-more-menu button{min-height:44px}
}
/* Teaching menus: concise labels and accessible 44px actions. */
.azwba-app .azwba-ui-v3 .azwba-dock-menu{
 width:min(352px,calc(100vw - 16px));max-width:calc(100vw - 16px);
 max-height:min(72dvh,520px);padding:14px;border-radius:18px;
 overflow-y:auto;overflow-x:hidden;background:#FFF;color:#20352F
}
.azwba-app .azwba-ui-v3 .azwba-dock-menu-head{margin-bottom:12px}
.azwba-app .azwba-ui-v3 .azwba-dock-menu-title>strong{font-size:15px;line-height:1.4;font-weight:900}
.azwba-app .azwba-ui-v3 .azwba-dock-menu-note{font-size:10.5px;line-height:1.55}
.azwba-app .azwba-ui-v3 .azwba-dock-menu-grid{
 grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-width:0
}
.azwba-app .azwba-ui-v3 .azwba-dock-menu-card{
 min-width:0;min-height:76px;grid-template-columns:42px minmax(0,1fr);
 gap:9px;padding:9px 10px;border-radius:13px
}
.azwba-app .azwba-ui-v3 .azwba-dock-menu-card.is-group-card{
 grid-template-columns:42px minmax(0,1fr) 18px
}
.azwba-app .azwba-ui-v3 .azwba-dock-menu-card__icon{width:42px;height:42px;min-width:42px}
.azwba-app .azwba-ui-v3 .azwba-dock-menu-card__icon svg,

.azwba-app .azwba-ui-v3 .azwba-dock-menu-card__icon img{width:23px;height:23px}
.azwba-app .azwba-ui-v3 .azwba-dock-menu-card small{
 min-width:0;max-width:100%;font-size:12px;line-height:1.45;font-weight:800;
 white-space:normal;overflow-wrap:anywhere;overflow:visible;text-overflow:clip
}
.azwba-app .azwba-ui-v3 .azwba-dock-menu-card:focus-visible,

.azwba-app .azwba-ui-v3 .azwba-dock-menu-back:focus-visible,

.azwba-app .azwba-ui-v3 .azwba-content-menu-grid button:focus-visible{
 outline:3px solid #5A9FD4;outline-offset:2px
}
.azwba-app .azwba-ui-v3 .azwba-dock-menu.is-group-index,

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

.azwba-app .azwba-ui-v3 .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-app .azwba-ui-v3 .azwba-dock-menu.is-group-index .azwba-dock-menu-card.is-group-card{
 grid-template-columns:40px minmax(0,1fr) 14px
}
.azwba-app .azwba-ui-v3 .azwba-dock-menu.is-group-index .azwba-dock-menu-card__icon,

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

.azwba-app .azwba-ui-v3 .azwba-dock-menu.is-group-level .azwba-dock-menu-card small{
 display:block;height:auto;max-height:none;max-width:none;
 white-space:normal;overflow:visible;overflow-wrap:normal;word-break:normal;hyphens:none;
 line-height:1.5
}
@media(max-width:520px){
 .azwba-app .azwba-ui-v3 .azwba-dock-menu.is-group-index,

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

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

 .azwba-app .azwba-ui-v3 .azwba-dock-menu.is-group-level .azwba-dock-menu-card{min-height:70px}
}

/* Semantic,


single-line topbar states. Icons retain title/ARIA labels. */
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-btn{
 display:grid;place-items:center;flex:0 0 auto;inline-size:42px;min-inline-size:42px;
 block-size:42px;min-block-size:42px;padding:0;
 border:1px solid transparent;border-radius:12px;background:transparent;
 color:#355549;box-shadow:none;cursor:pointer
}
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-btn:hover:not(:disabled){
 border-color:#DFEAE4;background:#EEF5F0;color:#155941
}
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-btn.is-active,

.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-btn[aria-expanded="true"]{
 border-color:#C4DFD2;background:#E7F3EC;color:#17684E
}
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-btn.is-accent{
 border-color:#BBDCCB;background:#EDF7F0;color:#176D50
}
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-btn.is-accent:hover:not(:disabled){
 border-color:#8ABDA3;background:#D9EDE0;color:#14583F
}
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-btn:disabled{opacity:.56;cursor:not-allowed}
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-topbar__pagecount{
 min-inline-size:48px;block-size:32px;border:1px solid #DFE8E2;border-radius:10px;
 background:#F2F6F3;color:#3D5B4E;font-size:11px;font-weight:800
}
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-save-pill{
 display:inline-flex;align-items:center;gap:5px;min-block-size:32px;block-size:32px;
 padding:0 10px;border:1px solid #CFE6DA;border-radius:999px;
 background:#EAF6EE;color:#226B50;font-size:11px;font-weight:800
}
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-save-pill.is-saving{
 border-color:#E8D8A6;background:#FFF8E5;color:#866522
}
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-save-pill.is-error{
 border-color:#F0C8C3;background:#FFF0EE;color:#973F38
}
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-sep{block-size:22px;background:#E0EAE4}
.azwba-app .azwba-ui-v3 .azwb-zoom{display:none!important}
.azwba-app .azwba-ui-v3 .azwba-dock-wrap{gap:6px;padding-inline:10px}
@media(max-width:760px){
 .azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-btn{inline-size:42px;min-inline-size:42px;block-size:42px;min-block-size:42px}
}
/* Standalone floating teaching tools: shared visual language. */
.azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer){
 border-color:#CBDDD5;
 border-radius:16px;
 background:#fff;
 box-shadow:0 22px 58px rgba(12,31,35,.28)
}
.azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer)>header{
 min-height:48px;
 padding:7px 9px 7px 11px;
 border-bottom:1px solid #E3ECE8;
 background:linear-gradient(180deg,#FBFDFC,#F5F9F7);
 color:#29483F
}
.azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer)>header>span{
 display:grid;
 place-items:center;
 width:30px;
 height:30px;
 min-width:30px;
 border:1px solid #D8E7E1;
 border-radius:9px;
 background:#EEF7F3;
 color:#1E6F5C
}
.azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer)>header>span svg{
 width:18px;
 height:18px;
 fill:none;
 stroke:currentColor;
 stroke-width:1.8
}
.azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer)>header>strong{
 color:#29483F;
 font-size:12px;
 font-weight:900
}
.azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer)>header>button{
 width:34px;
 min-width:34px;
 height:34px;
 border:1px solid #DCE8E3;
 border-radius:9px;
 background:#FFF;
 color:#5B746B
}
.azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer)>header>button:hover{
 border-color:#E7BBB7;
 background:#FFF3F1;
 color:#B64742
}
.azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer)>header>button:focus-visible,

.azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer) button:focus-visible,

.azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer) input:focus-visible,

.azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer) textarea:focus-visible{
 outline:2px solid #4EA8DE;
 outline-offset:2px
}
.azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer) .azwba-widget-body{
 background:#fff
}
.azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer) .azwba-widget-controls button,

.azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer) .azwba-widget-add button{
 min-height:38px;
 border-color:#C8DDD4;
 background:#F5F9F7;
 color:#284D40
}
.azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer) .azwba-widget-controls button:hover,

.azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer) .azwba-widget-add button:hover{
 border-color:#9EC9B9;
 background:#E7F2ED;
 color:#175E4C
}
.azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer) .azwba-calc-grid button{
 min-height:44px
}
.azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer) .azwba-magnetic-tabs button{
 min-height:38px
}
.azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer) .azwba-magnetic-tabs button.is-active{
 border-color:#8FBFAC;
 background:#E5F1EC;
 color:#175E4C
}
.azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer) .azwba-wheel>button{
 min-height:40px;
 padding-inline:20px;
 background:#1E6F5C
}
.azwba-app .azwba-ui-v3 .azwba-widget--ruler>header{
 border-color:rgba(197,222,210,.22)
}
@media(max-width:760px){
 .azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer)>header{
  min-height:50px
 }
 .azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer)>header>button{
  width:40px;min-width:40px;height:40px
 }
 .azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer) .azwba-widget-controls button,

 .azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer) .azwba-widget-add button,

 .azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer) .azwba-magnetic-tabs button{
  min-height:40px
 }
}
/* Standalone large surfaces: keep legacy tools aligned with UI v3 chrome. */
.azwba-app .azwba-ui-v3 .azwba-video-float,

.azwba-app .azwba-ui-v3 .azwba-camera-float{
 top:calc(var(--azwba-top) + 12px);
 max-height:calc(100dvh - var(--azwba-top) - 24px)
}
.azwba-app .azwba-ui-v3 .azwba-video-float>header,

.azwba-app .azwba-ui-v3 .azwba-camera-float>header,

.azwba-app .azwba-ui-v3 .azwba-special-box>header,

.azwba-app .azwba-ui-v3 .azwba-lib-head{
 border-bottom-color:#E3ECE8;
 background:linear-gradient(135deg,#F8FBFA,#F3F8F6);
 color:#29483F
}
.azwba-app .azwba-ui-v3 .azwba-video-float>header strong,

.azwba-app .azwba-ui-v3 .azwba-camera-float>header strong,

.azwba-app .azwba-ui-v3 .azwba-special-box>header strong,

.azwba-app .azwba-ui-v3 .azwba-lib-head h3{
 color:#29483F
}
.azwba-app .azwba-ui-v3 .azwba-video-float>header strong svg,

.azwba-app .azwba-ui-v3 .azwba-camera-float>header strong svg{
 color:#1E6F5C
}
.azwba-app .azwba-ui-v3 .azwba-video-float>header button,

.azwba-app .azwba-ui-v3 .azwba-camera-float>header button,

.azwba-app .azwba-ui-v3 .azwba-special-box>header button,

.azwba-app .azwba-ui-v3 .azwba-lib-close{
 border-color:#DCE8E3;
 background:#FFF;
 color:#5B746B
}
.azwba-app .azwba-ui-v3 .azwba-video-float>header button:hover,

.azwba-app .azwba-ui-v3 .azwba-camera-float>header button:hover,

.azwba-app .azwba-ui-v3 .azwba-special-box>header button:hover,

.azwba-app .azwba-ui-v3 .azwba-lib-close:hover{
 border-color:#E7BBB7;
 background:#FFF3F1;
 color:#B64742
}
.azwba-app .azwba-ui-v3 .azwba-lib-tabs{
 border-bottom-color:#DCE9E4;
 background:#F7FAF9
}
.azwba-app .azwba-ui-v3 .azwba-lib-tab{
 min-height:36px
}
.azwba-app .azwba-ui-v3 .azwba-video-tabs button{
 min-height:36px
}
.azwba-app .azwba-ui-v3 .azwba-video-tabs button.is-active,

.azwba-app .azwba-ui-v3 .azwba-lib-tab.is-active{
 border-color:#9CC9B9;
 background:#E4F1EB;
 color:#175E4C
}
.azwba-app .azwba-ui-v3 .azwba-video-float button:focus-visible,

.azwba-app .azwba-ui-v3 .azwba-camera-float button:focus-visible,

.azwba-app .azwba-ui-v3 .azwba-special-box button:focus-visible,

.azwba-app .azwba-ui-v3 .azwba-lib-box button:focus-visible,

.azwba-app .azwba-ui-v3 .azwba-video-float input:focus-visible,

.azwba-app .azwba-ui-v3 .azwba-special-box input:focus-visible,

.azwba-app .azwba-ui-v3 .azwba-special-box textarea:focus-visible{
 outline:2px solid #4EA8DE;
 outline-offset:2px
}
@media(max-width:760px){
 .azwba-app .azwba-ui-v3 .azwba-video-float,

 .azwba-app .azwba-ui-v3 .azwba-camera-float{
  top:calc(var(--azwba-top) + 8px)
 }
 .azwba-app .azwba-ui-v3 .azwba-video-float>header button,

 .azwba-app .azwba-ui-v3 .azwba-camera-float>header [data-camera-close],

 .azwba-app .azwba-ui-v3 .azwba-special-box>header button,

 .azwba-app .azwba-ui-v3 .azwba-lib-close{
  width:40px;min-width:40px;height:40px
 }
 .azwba-app .azwba-ui-v3 .azwba-lib-tab,

 .azwba-app .azwba-ui-v3 .azwba-video-tabs button{
  min-height:40px
 }
}
@media(pointer:coarse){
 .azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer)>header>button,

 .azwba-app .azwba-ui-v3 .azwba-video-float>header button,

 .azwba-app .azwba-ui-v3 .azwba-camera-float>header [data-camera-close],

 .azwba-app .azwba-ui-v3 .azwba-special-box>header button,

 .azwba-app .azwba-ui-v3 .azwba-lib-close{
  width:44px;min-width:44px;height:44px;min-height:44px
 }
 .azwba-app .azwba-ui-v3 .azwba-lib-tab,

 .azwba-app .azwba-ui-v3 .azwba-video-tabs button{
  min-height:44px
 }
}
@media(prefers-reduced-motion:reduce){
 .azwba-app .azwba-ui-v3 .azwba-panel-backdrop{transition:none}
}

/* Coarse-pointer topbar targets must stay at the 44px interaction baseline after the late semantic topbar rules. */
@media(pointer:coarse){
 .azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-btn,
 .azwba-app .azwba-ui-v3 .azwba-topbar .azwba-student-switcher button{
  inline-size:44px;min-inline-size:44px;block-size:44px;min-block-size:44px
 }
 .azwba-app .azwba-ui-v3 .azwba-topbar .azwba-student-switcher{
  min-block-size:44px;block-size:44px
 }
}
@media(pointer:coarse) and (max-width:760px){
 :root{--azwba-top:108px}
 .azwba-app .azwba-reference-ui.azwba-ui-v3 .azwba-topbar{
  grid-template-rows:44px 44px;block-size:var(--azwba-top)
 }
}

@media(pointer:coarse){
 .azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer) .azwba-magnetic-tabs button,

 .azwba-app .azwba-ui-v3 .azwba-widget--interaction.azwba-widget--drawer>header>button,

 .azwba-app .azwba-ui-v3 .azwba-widget--interaction.azwba-widget--drawer .azwba-interaction-tabs button,

 .azwba-app .azwba-ui-v3 .azwba-widget--interaction .azwba-task-workspace-nav button{
  min-height:44px
 }
 .azwba-app .azwba-ui-v3 .azwba-widget--interaction.azwba-widget--drawer>header>button{
  width:44px;min-width:44px;height:44px
 }
 .azwba-app .azwba-ui-v3 .azwba-widget--interaction .azwba-assignment-form input{
  min-height:44px
 }
}


.azwba-app .azwba-ui-v3 .azwba-video-float.azwba-video-object{
 position:absolute;
 z-index:var(--azwba-z-widget);
 top:auto;
 left:auto;
 max-width:none;
 max-height:none;
 min-width:0;
 min-height:0;
 overflow:visible;
 border:0;
 border-radius:0;
 background:transparent;
 box-shadow:none;
 transform:none!important;
 touch-action:none
}
.azwba-app .azwba-ui-v3 .azwba-video-object__toolbar{
 position:absolute;
 left:50%;
 bottom:calc(100% + 10px);
 z-index:4;
 display:flex;
 align-items:center;
 gap:4px;
 min-height:38px;
 padding:4px;
 border:1px solid #D8E4E0;
 border-radius:10px;
 background:#fff;
 box-shadow:0 8px 22px rgba(31,53,47,.16);
 transform:translateX(-50%);
 direction:ltr
}
.azwba-app .azwba-ui-v3 .azwba-video-object.toolbar-below .azwba-video-object__toolbar{
 top:calc(100% + 10px);
 bottom:auto
}
.azwba-app .azwba-ui-v3 .azwba-video-object__toolbar button,

.azwba-app .azwba-ui-v3 .azwba-video-object__menu button{
 display:grid;
 place-items:center;
 min-width:30px;
 min-height:30px;
 padding:5px 8px;
 border:1px solid transparent;
 border-radius:7px;
 background:#fff;
 color:#425A52;
 font:750 10px/1.25 Cairo,sans-serif;
 cursor:pointer
}
.azwba-app .azwba-ui-v3 .azwba-video-object__toolbar button:hover,

.azwba-app .azwba-ui-v3 .azwba-video-object__menu button:hover{
 border-color:#DDE8E4;
 background:#F7FAF9
}
.azwba-app .azwba-ui-v3 .azwba-video-object__toolbar button svg{
 width:16px;
 height:16px
}
.azwba-app .azwba-ui-v3 .azwba-video-object__menu{
 position:absolute;
 left:50%;
 bottom:calc(100% + 54px);
 z-index:5;
 display:grid;
 min-width:170px;
 gap:2px;
 padding:5px;
 border:1px solid #D8E4E0;
 border-radius:10px;
 background:#fff;
 box-shadow:0 12px 28px rgba(31,53,47,.18);
 transform:translateX(-50%)
}
.azwba-app .azwba-ui-v3 .azwba-video-object__menu[hidden]{display:none!important}
.azwba-app .azwba-ui-v3 .azwba-video-object.toolbar-below .azwba-video-object__menu{
 top:calc(100% + 54px);
 bottom:auto
}
.azwba-app .azwba-ui-v3 .azwba-video-object__transform{
 position:absolute;
 inset:0;
 border:0;
 border-radius:0;
 transform:rotate(var(--azwba-video-rotation,0deg));
 transform-origin:center;
 pointer-events:none
}
.azwba-app .azwba-ui-v3 .azwba-video-stage{
 position:absolute;
 inset:0;
 display:grid;
 place-items:center;
 min-height:0;
 overflow:hidden;
 border-radius:10px;
 background:#111;
 color:#DDE4E2;
 pointer-events:auto
}
.azwba-app .azwba-ui-v3 .azwba-video-stage iframe,

.azwba-app .azwba-ui-v3 .azwba-video-stage video{
 display:block;
 width:100%;
 height:100%;
 aspect-ratio:auto;
 border:0;
 background:#000
}
.azwba-app .azwba-ui-v3 .azwba-video-object__handle,

.azwba-app .azwba-ui-v3 .azwba-video-object__rotate{
 position:absolute;
 z-index:3;
 display:grid;
 place-items:center;
 width:14px;
 height:14px;
 padding:0;
 border:2px solid #fff;
 border-radius:50%;
 background:#6366F1;
 box-shadow:0 0 0 1px #4F46E5;
 pointer-events:auto;
 touch-action:none
}
.azwba-app .azwba-ui-v3 .azwba-video-object__handle.is-nw{top:-8px;left:-8px;cursor:nwse-resize}
.azwba-app .azwba-ui-v3 .azwba-video-object__handle.is-ne{top:-8px;right:-8px;cursor:nesw-resize}
.azwba-app .azwba-ui-v3 .azwba-video-object__handle.is-sw{bottom:-8px;left:-8px;cursor:nesw-resize}
.azwba-app .azwba-ui-v3 .azwba-video-object__handle.is-se{right:-8px;bottom:-8px;cursor:nwse-resize}
.azwba-app .azwba-ui-v3 .azwba-video-object__rotate{
 left:50%;
 bottom:-34px;
 width:24px;
 height:24px;
 border:1px solid #D8E4E0;
 background:#fff;
 color:#4F46E5;
 box-shadow:0 5px 14px rgba(31,53,47,.18);
 font:850 14px/1 Arial,sans-serif;
 transform:translateX(-50%);
 cursor:grab
}
.azwba-app .azwba-ui-v3 .azwba-video-object__rotate::before{
 content:"";
 position:absolute;
 bottom:100%;
 left:50%;
 width:1px;
 height:10px;
 background:#6366F1;
 transform:translateX(-50%)
}
.azwba-app .azwba-ui-v3 .azwba-video-object.is-dragging .azwba-video-object__toolbar,

.azwba-app .azwba-ui-v3 .azwba-video-object.is-resizing .azwba-video-object__toolbar,

.azwba-app .azwba-ui-v3 .azwba-video-object.is-rotating .azwba-video-object__toolbar{
 opacity:.72
}
.azwba-app .azwba-ui-v3 .azwba-video-settings-drawer .azwba-video-tabs{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:5px
}
.azwba-app .azwba-ui-v3 .azwba-video-settings-drawer .azwba-video-tabs button{
 min-height:36px;
 border:1px solid #D7E2DE;
 border-radius:8px;
 background:#fff;
 color:#536861;
 font:750 10px/1.3 Cairo,sans-serif;
 cursor:pointer
}
.azwba-app .azwba-ui-v3 .azwba-video-settings-drawer .azwba-video-pane{display:none}
.azwba-app .azwba-ui-v3 .azwba-video-settings-drawer .azwba-video-pane.is-active{display:block}
.azwba-app .azwba-ui-v3 .azwba-video-settings-drawer .azwba-video-controls,

.azwba-app .azwba-ui-v3 .azwba-video-settings-drawer .azwba-video-device{
 display:grid;
 gap:7px;
 padding:8px 0 0
}
.azwba-app .azwba-ui-v3 .azwba-video-settings-drawer input{
 width:100%;
 min-width:0;
 min-height:38px;
 padding:7px 9px;
 border:1px solid #D1D5DB;
 border-radius:8px;
 background:#fff;
 color:#374151;
 font:600 10px/1.4 Cairo,sans-serif
}
.azwba-app .azwba-ui-v3 .azwba-video-settings-drawer .azwba-video-controls button,

.azwba-app .azwba-ui-v3 .azwba-video-settings-drawer .azwba-video-device button{
 min-height:38px;
 border:0;
 border-radius:8px;
 background:#1E6F5C;
 color:#fff;
 font:800 10px/1.3 Cairo,sans-serif;
 cursor:pointer
}
.azwba-app .azwba-ui-v3 .azwba-video-session-note{
 margin-top:8px;
 padding:8px 9px;
 border:1px solid #F0E2A8;
 border-radius:8px;
 background:#FFF9E8;
 color:#7B662D;
 font:700 9px/1.55 Cairo,sans-serif;
 text-align:start
}
@media(pointer:coarse){
 .azwba-app .azwba-ui-v3 .azwba-video-object__toolbar button{min-width:44px;min-height:44px}
 .azwba-app .azwba-ui-v3 .azwba-video-object__handle{width:20px;height:20px}
 .azwba-app .azwba-ui-v3 .azwba-video-object__handle.is-nw{top:-11px;left:-11px}
 .azwba-app .azwba-ui-v3 .azwba-video-object__handle.is-ne{top:-11px;right:-11px}
 .azwba-app .azwba-ui-v3 .azwba-video-object__handle.is-sw{bottom:-11px;left:-11px}
 .azwba-app .azwba-ui-v3 .azwba-video-object__handle.is-se{right:-11px;bottom:-11px}
 .azwba-app .azwba-ui-v3 .azwba-video-object__rotate{width:32px;height:32px;bottom:-42px}
}
@media(max-width:680px){
 .azwba-app .azwba-ui-v3 .azwba-video-object__toolbar{max-width:calc(100vw - 24px)}
 .azwba-app .azwba-ui-v3 .azwba-video-object__menu{max-width:calc(100vw - 24px)}
}


.azwba-app .azwba-ui-v3 .azwba-camera-float.azwba-camera-object{
 position:absolute;
 z-index:var(--azwba-z-widget);
 top:auto;
 left:auto;
 max-width:none;
 max-height:none;
 min-width:0;
 min-height:0;
 overflow:visible;
 border:0;
 border-radius:0;
 background:transparent;
 box-shadow:none;
 transform:none!important;
 touch-action:none
}
.azwba-app .azwba-ui-v3 .azwba-camera-object__toolbar{
 position:absolute;
 left:50%;
 bottom:calc(100% + 10px);
 z-index:4;
 display:flex;
 align-items:center;
 gap:4px;
 min-height:38px;
 padding:4px;
 border:1px solid #D8E4E0;
 border-radius:10px;
 background:#fff;
 box-shadow:0 8px 22px rgba(31,53,47,.16);
 transform:translateX(-50%);
 direction:ltr
}
.azwba-app .azwba-ui-v3 .azwba-camera-object.toolbar-below .azwba-camera-object__toolbar{
 top:calc(100% + 10px);
 bottom:auto
}
.azwba-app .azwba-ui-v3 .azwba-camera-object__toolbar button,

.azwba-app .azwba-ui-v3 .azwba-camera-object__menu button{
 display:grid;
 place-items:center;
 min-width:30px;
 min-height:30px;
 padding:5px 8px;
 border:1px solid transparent;
 border-radius:7px;
 background:#fff;
 color:#425A52;
 font:750 10px/1.25 Cairo,sans-serif;
 cursor:pointer
}
.azwba-app .azwba-ui-v3 .azwba-camera-object__toolbar button:hover,

.azwba-app .azwba-ui-v3 .azwba-camera-object__menu button:hover{
 border-color:#DDE8E4;
 background:#F7FAF9
}
.azwba-app .azwba-ui-v3 .azwba-camera-object__toolbar button svg{
 width:16px;
 height:16px
}
.azwba-app .azwba-ui-v3 .azwba-camera-object__menu{
 position:absolute;
 left:50%;
 bottom:calc(100% + 54px);
 z-index:5;
 display:grid;
 min-width:170px;
 gap:2px;
 padding:5px;
 border:1px solid #D8E4E0;
 border-radius:10px;
 background:#fff;
 box-shadow:0 12px 28px rgba(31,53,47,.18);
 transform:translateX(-50%)
}
.azwba-app .azwba-ui-v3 .azwba-camera-object__menu[hidden]{display:none!important}
.azwba-app .azwba-ui-v3 .azwba-camera-object.toolbar-below .azwba-camera-object__menu{
 top:calc(100% + 54px);
 bottom:auto
}
.azwba-app .azwba-ui-v3 .azwba-camera-object__transform{
 position:absolute;
 inset:0;
 border:0;
 border-radius:0;
 transform:rotate(var(--azwba-camera-rotation,0deg));
 transform-origin:center;
 pointer-events:none
}
.azwba-app .azwba-ui-v3 .azwba-camera-stage{
 position:absolute;
 inset:0;
 display:grid;
 place-items:center;
 min-height:0;
 overflow:hidden;
 border-radius:10px;
 background:#111;
 color:#DDE4E2;
 pointer-events:auto
}
.azwba-app .azwba-ui-v3 .azwba-camera-stage video{
 display:block;
 width:100%;
 height:100%;
 object-fit:cover;
 background:#000
}
.azwba-app .azwba-ui-v3 .azwba-camera-stage video.is-mirrored{
 transform:scaleX(-1)
}
.azwba-app .azwba-ui-v3 .azwba-camera-stage span{
 z-index:2;
 padding:18px;
 color:#DDE4E2;
 font:700 10px/1.55 Cairo,sans-serif;
 text-align:center
}
.azwba-app .azwba-ui-v3 .azwba-camera-object__handle,

.azwba-app .azwba-ui-v3 .azwba-camera-object__rotate{
 position:absolute;
 z-index:3;
 display:grid;
 place-items:center;
 width:14px;
 height:14px;
 padding:0;
 border:2px solid #fff;
 border-radius:50%;
 background:#6366F1;
 box-shadow:0 0 0 1px #4F46E5;
 pointer-events:auto;
 touch-action:none
}
.azwba-app .azwba-ui-v3 .azwba-camera-object__handle.is-nw{top:-8px;left:-8px;cursor:nwse-resize}
.azwba-app .azwba-ui-v3 .azwba-camera-object__handle.is-ne{top:-8px;right:-8px;cursor:nesw-resize}
.azwba-app .azwba-ui-v3 .azwba-camera-object__handle.is-sw{bottom:-8px;left:-8px;cursor:nesw-resize}
.azwba-app .azwba-ui-v3 .azwba-camera-object__handle.is-se{right:-8px;bottom:-8px;cursor:nwse-resize}
.azwba-app .azwba-ui-v3 .azwba-camera-object__rotate{
 left:50%;
 bottom:-34px;
 width:24px;
 height:24px;
 border:1px solid #D8E4E0;
 background:#fff;
 color:#4F46E5;
 box-shadow:0 5px 14px rgba(31,53,47,.18);
 font:850 14px/1 Arial,sans-serif;
 transform:translateX(-50%);
 cursor:grab
}
.azwba-app .azwba-ui-v3 .azwba-camera-object__rotate::before{
 content:"";
 position:absolute;
 bottom:100%;
 left:50%;
 width:1px;
 height:10px;
 background:#6366F1;
 transform:translateX(-50%)
}
.azwba-app .azwba-ui-v3 .azwba-camera-object.is-dragging .azwba-camera-object__toolbar,

.azwba-app .azwba-ui-v3 .azwba-camera-object.is-resizing .azwba-camera-object__toolbar,

.azwba-app .azwba-ui-v3 .azwba-camera-object.is-rotating .azwba-camera-object__toolbar{
 opacity:.72
}
.azwba-app .azwba-ui-v3 .azwba-camera-settings-drawer select{
 width:100%;
 min-width:0;
 min-height:38px;
 padding:7px 9px;
 border:1px solid #D1D5DB;
 border-radius:8px;
 background:#fff;
 color:#374151;
 font:600 10px/1.4 Cairo,sans-serif
}
.azwba-app .azwba-ui-v3 .azwba-camera-session-note{
 margin-top:8px;
 padding:8px 9px;
 border:1px solid #DCE8E3;
 border-radius:8px;
 background:#F6FAF8;
 color:#526B61;
 font:700 9px/1.55 Cairo,sans-serif;
 text-align:start
}
@media(pointer:coarse){
 .azwba-app .azwba-ui-v3 .azwba-camera-object__toolbar button{min-width:44px;min-height:44px}
 .azwba-app .azwba-ui-v3 .azwba-camera-object__handle{width:20px;height:20px}
 .azwba-app .azwba-ui-v3 .azwba-camera-object__handle.is-nw{top:-11px;left:-11px}
 .azwba-app .azwba-ui-v3 .azwba-camera-object__handle.is-ne{top:-11px;right:-11px}
 .azwba-app .azwba-ui-v3 .azwba-camera-object__handle.is-sw{bottom:-11px;left:-11px}
 .azwba-app .azwba-ui-v3 .azwba-camera-object__handle.is-se{right:-11px;bottom:-11px}
 .azwba-app .azwba-ui-v3 .azwba-camera-object__rotate{width:32px;height:32px;bottom:-42px}
}
@media(max-width:680px){
 .azwba-app .azwba-ui-v3 .azwba-camera-object__toolbar{max-width:calc(100vw - 24px)}
 .azwba-app .azwba-ui-v3 .azwba-camera-object__menu{max-width:calc(100vw - 24px)}
}


.azwba-app .azwba-ui-v3 .azwba-backgrounds-toggle{width:auto!important;min-width:44px;padding-inline:10px!important;gap:6px}
.azwba-app .azwba-ui-v3 .azwba-backgrounds-toggle>span{font:800 11px Cairo,sans-serif;white-space:nowrap}


.azwba-app .azwba-ui-v3 .azwba-pages-close{
 display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;min-width:34px;padding:0;
 border:1px solid #DCE7E1;border-radius:9px;background:#FFF;color:#315B49;cursor:pointer
}
.azwba-app .azwba-ui-v3 .azwba-pages-close:hover{background:#EAF4F0;color:#155B42}
.azwba-app .azwba-ui-v3 .azwba-pages-close svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.azwba-app .azwba-reference-ui.azwba-ui-v3.azwba-header-hidden{--azwba-top:0px!important}
.azwba-app .azwba-reference-ui.azwba-ui-v3.azwba-header-hidden .azwba-topbar{display:none!important}
.azwba-app .azwba-ui-v3 .azwba-header-visibility-toggle{
 z-index:calc(var(--azwba-z-chrome) + 3);
 border:1px solid #D6E6DD;border-top:0;border-radius:0 0 11px 11px;
 background:#FFF;color:#275746;box-shadow:0 5px 16px rgba(27,66,53,.12);cursor:pointer;
 transition:top .22s ease,background-color .16s ease,color .16s ease,border-radius .16s ease,box-shadow .16s ease
}
.azwba-app .azwba-ui-v3 .azwba-header-visibility-toggle:hover{background:#EAF4F0;color:#155B42}
.azwba-app .azwba-ui-v3 .azwba-header-visibility-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}
.azwba-app .azwba-ui-v3 .azwba-header-visibility-toggle.is-collapsed{border-top:0;border-radius:0 0 11px 11px}
@media(max-width:760px){
 

}


/* Video/Camera are session objects,



but their editing chrome must be as discoverable as board objects. */
.azwba-app .azwba-ui-v3 .azwba-video-object__toolbar,



.azwba-app .azwba-ui-v3 .azwba-camera-object__toolbar{
 z-index:60!important;min-height:42px!important;padding:5px!important;gap:5px!important;
 border-color:#CFDDD8!important;background:rgba(255,255,255,.98)!important;
 box-shadow:0 10px 26px rgba(27,47,41,.18)!important;opacity:1;visibility:visible;pointer-events:auto
}
.azwba-app .azwba-ui-v3 .azwba-video-object__toolbar button,

.azwba-app .azwba-ui-v3 .azwba-camera-object__toolbar button{
 min-width:34px!important;min-height:34px!important;width:34px!important;height:34px!important;padding:6px!important;
 background:#fff!important;border:1px solid transparent!important
}
.azwba-app .azwba-ui-v3 .azwba-video-object__toolbar button svg,

.azwba-app .azwba-ui-v3 .azwba-camera-object__toolbar button svg,

.azwba-app .azwba-ui-v3 .azwba-video-object__toolbar button img,

.azwba-app .azwba-ui-v3 .azwba-camera-object__toolbar button img{
 width:19px!important;height:19px!important;display:block!important
}
.azwba-app .azwba-ui-v3 [data-video-close],

.azwba-app .azwba-ui-v3 [data-camera-close]{color:#B42318!important}
.azwba-app .azwba-ui-v3 [data-video-settings],

.azwba-app .azwba-ui-v3 [data-camera-settings]{color:#5B4DCB!important}
.azwba-app .azwba-ui-v3 [data-video-drag],

.azwba-app .azwba-ui-v3 [data-camera-drag]{cursor:grab!important;color:#176B87!important}
.azwba-app .azwba-ui-v3 [data-video-drag]:active,

.azwba-app .azwba-ui-v3 [data-camera-drag]:active{cursor:grabbing!important}

.azwba-app .azwba-ui-v3 .azwba-video-object__handle,


.azwba-app .azwba-ui-v3 .azwba-camera-object__handle{
 z-index:58!important;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;
 background:#fff!important;border:3px solid #6366F1!important;box-shadow:0 2px 7px rgba(15,23,42,.22)!important;
 pointer-events:auto!important
}
.azwba-app .azwba-ui-v3 .azwba-video-object__handle.is-nw,

.azwba-app .azwba-ui-v3 .azwba-camera-object__handle.is-nw{top:-10px!important;left:-10px!important}
.azwba-app .azwba-ui-v3 .azwba-video-object__handle.is-ne,

.azwba-app .azwba-ui-v3 .azwba-camera-object__handle.is-ne{top:-10px!important;right:-10px!important}
.azwba-app .azwba-ui-v3 .azwba-video-object__handle.is-sw,

.azwba-app .azwba-ui-v3 .azwba-camera-object__handle.is-sw{bottom:-10px!important;left:-10px!important}
.azwba-app .azwba-ui-v3 .azwba-video-object__handle.is-se,

.azwba-app .azwba-ui-v3 .azwba-camera-object__handle.is-se{right:-10px!important;bottom:-10px!important}
.azwba-app .azwba-ui-v3 .azwba-video-object__rotate,

.azwba-app .azwba-ui-v3 .azwba-camera-object__rotate{
 z-index:58!important;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;
 pointer-events:auto!important
}
.azwba-app .azwba-ui-v3 .azwba-video-object__menu,

.azwba-app .azwba-ui-v3 .azwba-camera-object__menu{z-index:65!important}

/* The object body is the primary move affordance; controls keep their native interaction. */
.azwba-app .azwba-ui-v3 .azwba-board-widget__surface{
 cursor:grab
}
.azwba-app .azwba-ui-v3 .azwba-board-widget.is-dragging .azwba-board-widget__surface{
 cursor:grabbing
}
.azwba-app .azwba-ui-v3 .azwba-board-widget__surface button,

.azwba-app .azwba-ui-v3 .azwba-board-widget__surface a,

.azwba-app .azwba-ui-v3 .azwba-board-widget__surface input,

.azwba-app .azwba-ui-v3 .azwba-board-widget__surface select,

.azwba-app .azwba-ui-v3 .azwba-board-widget__surface textarea,

.azwba-app .azwba-ui-v3 .azwba-board-widget__surface [contenteditable="true"]{
 cursor:auto
}
.azwba-app .azwba-ui-v3 .azwba-board-widget__surface button,

.azwba-app .azwba-ui-v3 .azwba-board-widget__surface a{
 cursor:pointer
}

.azwba-app .azwba-ui-v3 .azwba-video-float.azwba-video-object{
 cursor:grab
}
.azwba-app .azwba-ui-v3 .azwba-video-float.azwba-video-object.is-dragging{
 cursor:grabbing
}
.azwba-app .azwba-ui-v3 .azwba-video-object__toolbar,

.azwba-app .azwba-ui-v3 .azwba-video-object__menu,

.azwba-app .azwba-ui-v3 .azwba-video-stage iframe,

.azwba-app .azwba-ui-v3 .azwba-video-stage video{
 cursor:auto
}
.azwba-app .azwba-ui-v3 .azwba-video-object__toolbar button,

.azwba-app .azwba-ui-v3 .azwba-video-object__menu button{
 cursor:pointer
}

.azwba-app .azwba-ui-v3 .azwba-camera-float.azwba-camera-object,


.azwba-app .azwba-ui-v3 .azwba-camera-stage,


.azwba-app .azwba-ui-v3 .azwba-camera-stage video{
 cursor:grab
}
.azwba-app .azwba-ui-v3 .azwba-camera-float.azwba-camera-object.is-dragging,

.azwba-app .azwba-ui-v3 .azwba-camera-float.azwba-camera-object.is-dragging .azwba-camera-stage,

.azwba-app .azwba-ui-v3 .azwba-camera-float.azwba-camera-object.is-dragging .azwba-camera-stage video{
 cursor:grabbing
}
.azwba-app .azwba-ui-v3 .azwba-camera-object__toolbar button,

.azwba-app .azwba-ui-v3 .azwba-camera-object__menu button{
 cursor:pointer
}

.azwba-app .azwb-image-chrome__outline{
 pointer-events:auto!important;
 cursor:grab;
 touch-action:none
}
.azwba-app .azwb-image-chrome.is-dragging .azwb-image-chrome__outline{
 cursor:grabbing
}

.azwba-app .azwba-ui-v3 .azwba-video-object__body-drag{
 position:absolute;z-index:2;top:0;left:0;right:0;bottom:46px;height:auto;
 pointer-events:auto;cursor:grab;touch-action:none;
 background:linear-gradient(180deg,rgba(15,23,42,.11),rgba(15,23,42,0) 22%);
}
.azwba-app .azwba-ui-v3 .azwba-video-object[data-video-ready="0"] .azwba-video-object__body-drag{bottom:0}
.azwba-app .azwba-ui-v3 .azwba-video-object[data-video-interaction="1"] .azwba-video-object__body-drag{
 bottom:auto;height:34px;background:linear-gradient(180deg,rgba(15,23,42,.22),rgba(15,23,42,0))
}
.azwba-app .azwba-ui-v3 .azwba-video-object[data-video-interaction="1"] .azwba-video-object__body-drag::before{
 content:"اسحب من هنا";opacity:1
}
.azwba-app .azwba-ui-v3 .azwba-video-object__body-drag::after{
 content:"";position:absolute;top:7px;left:50%;width:36px;height:5px;transform:translateX(-50%);
 border-radius:999px;background:rgba(255,255,255,.78);box-shadow:0 1px 4px rgba(15,23,42,.18)
}
.azwba-app .azwba-ui-v3 .azwba-video-object__body-drag::before{
 content:"اسحب لتحريك الفيديو";position:absolute;top:17px;left:50%;transform:translateX(-50%);
 padding:2px 7px;border-radius:999px;background:rgba(15,23,42,.56);color:#fff;
 font:700 8px/1.4 Cairo,sans-serif;white-space:nowrap;opacity:0;transition:opacity .14s ease
}
.azwba-app .azwba-ui-v3 .azwba-video-object__body-drag:hover::before{opacity:1}
.azwba-app .azwba-ui-v3 .azwba-video-object.is-dragging .azwba-video-object__body-drag{cursor:grabbing}

/* Video/Camera live inside the board workspace,


under app chrome,


with the same editing model as board objects. */
.azwba-app .azwba-ui-v3 .azwb-workspace>.azwba-video-object,


.azwba-app .azwba-ui-v3 .azwb-workspace>.azwba-camera-object{
 z-index:calc(var(--azwba-z-widget) - 1)!important;
 contain:layout style;
}
.azwba-app .azwba-ui-v3 .azwba-video-object__transform,

.azwba-app .azwba-ui-v3 .azwba-camera-object__transform{
 overflow:visible
}
.azwba-app .azwba-ui-v3 .azwba-video-object[data-media-shape="rect"] .azwba-video-stage,

.azwba-app .azwba-ui-v3 .azwba-camera-object[data-media-shape="rect"] .azwba-camera-stage{
 border-radius:0!important
}
.azwba-app .azwba-ui-v3 .azwba-video-object[data-media-shape="rounded"] .azwba-video-stage,

.azwba-app .azwba-ui-v3 .azwba-camera-object[data-media-shape="rounded"] .azwba-camera-stage{
 border-radius:18px!important
}
.azwba-app .azwba-ui-v3 .azwba-video-object[data-media-shape="circle"] .azwba-video-stage,

.azwba-app .azwba-ui-v3 .azwba-camera-object[data-media-shape="circle"] .azwba-camera-stage{
 border-radius:50%!important
}
.azwba-app .azwba-ui-v3 .azwba-video-object[data-media-shape="square"] .azwba-video-stage,

.azwba-app .azwba-ui-v3 .azwba-camera-object[data-media-shape="square"] .azwba-camera-stage{
 border-radius:0!important
}
.azwba-app .azwba-ui-v3 .azwba-video-object[data-media-shape="oval"] .azwba-video-stage,

.azwba-app .azwba-ui-v3 .azwba-camera-object[data-media-shape="oval"] .azwba-camera-stage{
 border-radius:50%!important
}
.azwba-app .azwba-ui-v3 .azwba-video-object:is([data-media-shape="circle"],

[data-media-shape="oval"]) .azwba-video-stage iframe,

.azwba-app .azwba-ui-v3 .azwba-video-object:is([data-media-shape="circle"],

[data-media-shape="oval"]) .azwba-video-stage video,

.azwba-app .azwba-ui-v3 .azwba-camera-object:is([data-media-shape="circle"],

[data-media-shape="oval"]) .azwba-camera-stage video{
 object-fit:cover!important
}
.azwba-app .azwba-ui-v3 .azwba-media-shape-grid{
 grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important
}
.azwba-app .azwba-ui-v3 .azwba-media-shape-grid button{
 min-height:46px!important;padding:7px 5px!important;font-size:10px!important;line-height:1.35!important
}
.azwba-app .azwba-ui-v3 .azwba-media-shape-grid button.is-active{
 border-color:#7C8CF8!important;background:#EEF0FF!important;color:#3F46A8!important;
 box-shadow:inset 0 0 0 1px rgba(99,102,241,.18)!important
}

/* Keep the object chrome below the topbar/dock even when an older rule has a larger z-index. */
.azwba-app .azwba-ui-v3 .azwba-topbar,


.azwba-app .azwba-ui-v3 .azwba-dock-wrap{
 z-index:var(--azwba-z-chrome)!important
}

/* Non-drawer floating classroom tools can now be moved from any non-interactive body area. */
.azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer){
 cursor:grab;
}
.azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer).is-dragging{
 cursor:grabbing;
 user-select:none;
}
.azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer) button,

.azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer) a,

.azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer) [role="button"],

.azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer) [role="tab"]{
 cursor:pointer;
}
.azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer) input:not([type="range"]):not([type="checkbox"]):not([type="radio"]),

.azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer) textarea,

.azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer) [contenteditable="true"]{
 cursor:text;
}
.azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer) select,

.azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer) label,

.azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer) iframe,

.azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer) video[controls],

.azwba-app .azwba-ui-v3 .azwba-widget:not(.azwba-widget--drawer) audio[controls]{
 cursor:auto;
}

.azwba-app .azwba-ui-v3 .azwba-inspector__legacy{
 gap:12px;
 padding:14px 16px 20px;
 background:#F6F8F7;
}

/* Inspector visibility contract: hidden always wins over presentation rules. */
.azwba-app .azwba-ui-v3 .azwba-panel--right [hidden],


.azwba-app .azwba-ui-v3 .azwba-inspector__legacy>[hidden],


.azwba-app .azwba-ui-v3 .azwba-inspector__legacy>.azwba-panel-section[hidden]{
 display:none!important;
 visibility:hidden!important;
 pointer-events:none!important;
}
.azwba-app .azwba-ui-v3 .azwba-inspector__legacy>.azwba-panel-section{
 display:flex;
 flex-direction:column;
 gap:11px;
 padding:14px;
 margin:0;
 border:1px solid #DDE7E2;
 border-radius:14px;
 background:#FFF;
 box-shadow:0 3px 12px rgba(27,61,47,.04);
}
.azwba-app .azwba-ui-v3 .azwba-inspector__legacy>.azwba-panel-section>h3{
 margin:0;
 padding:0;
 color:#29483F;
 font-size:12px;
 line-height:1.5;
 font-weight:900;
}
.azwba-app .azwba-ui-v3 .azwba-tool-color-section .azwba-color-row{
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 gap:9px;
}
.azwba-app .azwba-ui-v3 .azwba-tool-color-section .azwba-color-proxy{
 width:34px!important;
 min-width:34px!important;
 height:34px!important;
 border:2px solid #D2E0D8!important;
 box-shadow:0 0 0 1px rgba(24,61,47,.06)!important;
 transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;
}
.azwba-app .azwba-ui-v3 .azwba-tool-color-section .azwba-color-proxy:hover{
 transform:translateY(-1px) scale(1.04);
}
.azwba-app .azwba-ui-v3 .azwba-tool-color-section .azwba-color-proxy.is-active{
 border-color:#FFF!important;
 box-shadow:0 0 0 2px #1E6F5C,0 4px 11px rgba(30,111,92,.16)!important;
}
.azwba-app .azwba-ui-v3 .azwba-current-color--picker{
 --azwba-current-color:#173E34;
 position:relative;
 display:grid;
 grid-template-columns:38px minmax(0,1fr) 30px;
 align-items:center;
 gap:10px;
 min-height:54px;
 padding:8px 10px;
 overflow:hidden;
 border:1px solid #D8E5DE;
 border-radius:11px;
 background:linear-gradient(180deg,#FFF,#F8FBF9);
 cursor:pointer;
 box-sizing:border-box;
}
.azwba-app .azwba-ui-v3 .azwba-current-color--picker:hover{
 border-color:#A8CCBA;
 background:#F4FAF6;
}
.azwba-app .azwba-ui-v3 .azwba-current-color__swatch{
 display:block;
 width:38px;
 height:38px;
 border:2px solid #FFF;
 border-radius:9px;
 background:var(--azwba-current-color);
 box-shadow:0 0 0 1px #C8D8CF,0 4px 10px rgba(24,56,44,.10);
}
.azwba-app .azwba-ui-v3 .azwba-current-color__text{
 display:flex;
 flex-direction:column;
 min-width:0;
 gap:2px;
 text-align:right;
}
.azwba-app .azwba-ui-v3 .azwba-current-color__text strong{
 color:#29483F;
 font-size:11px;
 font-weight:900;
}
.azwba-app .azwba-ui-v3 .azwba-current-color__text small{
 color:#596D65;
 font:800 9px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;
 direction:ltr;
 text-align:right;
}
.azwba-app .azwba-ui-v3 .azwba-current-color--picker::after{
 content:"";
 display:block;
 width:25px;
 height:25px;
 border:2px solid #FFF;
 border-radius:50%;
 background:conic-gradient(#EF4444,#F59E0B,#EAB308,#22C55E,#06B6D4,#3B82F6,#8B5CF6,#EC4899,#EF4444);
 box-shadow:0 0 0 1px #C9D7D0;
}
.azwba-app .azwba-ui-v3 .azwba-custom-color-input{
 position:absolute;
 inset:0;
 width:100%;
 height:100%;
 padding:0;
 margin:0;
 border:0;
 opacity:0;
 cursor:pointer;
}
.azwba-app .azwba-ui-v3 .azwba-slider-row{
 display:grid;
 grid-template-columns:minmax(0,1fr) 54px;
 align-items:center;
 gap:11px;
 direction:ltr;
}
.azwba-app .azwba-ui-v3 .azwba-slider-row input[type="range"]{
 min-width:0;
 width:100%;
 margin:0;
 accent-color:#4EA8DE;
}
.azwba-app .azwba-ui-v3 .azwba-slider-value{
 display:grid;
 place-items:center;
 min-width:54px;
 min-height:30px;
 padding:3px 7px;
 border:1px solid #DDE7E2;
 border-radius:8px;
 background:#F7FAF8;
 color:#286887;
 font-size:10px;
 font-weight:900;
 text-align:center;
 direction:ltr;
 box-sizing:border-box;
}
.azwba-app .azwba-ui-v3 .azwba-object-zoom{
 display:grid;
 grid-template-columns:44px minmax(0,1fr) 44px;
 gap:8px;
 align-items:center;
}
.azwba-app .azwba-ui-v3 .azwba-object-zoom button{
 width:44px;
 min-width:44px;
 height:44px;
 min-height:44px;
 padding:0;
 border:1px solid #CFE0D7;
 border-radius:11px;
 background:#F1F8F4;
 color:#1E6F5C;
 font-size:20px;
 font-weight:800;
 cursor:pointer;
}
.azwba-app .azwba-ui-v3 .azwba-object-zoom button:hover:not(:disabled){
 background:#E4F2EA;
 border-color:#A9CDBB;
}
.azwba-app .azwba-ui-v3 .azwba-object-zoom-value{
 display:grid;
 place-items:center;
 min-height:44px;
 border:1px solid #DCE6E1;
 border-radius:11px;
 background:#FAFCFB;
 color:#285746;
 font-size:11px;
 font-weight:900;
}
.azwba-app .azwba-ui-v3 .azwba-dock-custom-color{
 --azwba-custom-color:#173E34;
 position:relative;
 display:grid;
 place-items:center;
 flex:0 0 34px;
 width:34px;
 min-width:34px;
 height:34px;
 min-height:34px;
 padding:0;
 border:2px solid transparent;
 border-radius:50%;
 cursor:pointer;
 box-sizing:border-box;
}
.azwba-app .azwba-ui-v3 .azwba-dock-custom-color__spectrum{
 position:relative;
 display:block;
 width:28px;
 height:28px;
 border:2px solid #FFF;
 border-radius:50%;
 background:conic-gradient(#EF4444,#F59E0B,#EAB308,#22C55E,#06B6D4,#3B82F6,#8B5CF6,#EC4899,#EF4444);
 box-shadow:0 0 0 1px rgba(20,61,47,.20),0 2px 5px rgba(20,61,47,.10);
 box-sizing:border-box;
}
.azwba-app .azwba-ui-v3 .azwba-dock-custom-color__spectrum::after{
 content:"";
 position:absolute;
 inset:7px;
 border:1.5px solid #FFF;
 border-radius:50%;
 background:var(--azwba-custom-color);
 box-shadow:0 0 0 1px rgba(0,0,0,.14);
}
.azwba-app .azwba-ui-v3 .azwba-dock-custom-color:hover .azwba-dock-custom-color__spectrum{
 transform:scale(1.06);
}
.azwba-app .azwba-ui-v3 .azwba-dock-custom-color.is-active{
 border-color:#1E6F5C;
 box-shadow:0 0 0 2px #FFF,0 0 0 3px #1E6F5C;
}
.azwba-app .azwba-ui-v3 .azwba-dock-custom-color__input{
 position:absolute;
 inset:0;
 width:100%;
 height:100%;
 padding:0;
 margin:0;
 border:0;
 opacity:0;
 cursor:pointer;
}
@media(max-width:760px){
 .azwba-app .azwba-ui-v3 .azwba-inspector__legacy{padding:12px 12px 18px;gap:10px}
 .azwba-app .azwba-ui-v3 .azwba-inspector__legacy>.azwba-panel-section{padding:12px;border-radius:12px}
 .azwba-app .azwba-ui-v3 .azwba-tool-color-section .azwba-color-proxy{width:32px!important;min-width:32px!important;height:32px!important}
 .azwba-app .azwba-ui-v3 .azwba-current-color--picker{min-height:50px;grid-template-columns:34px minmax(0,1fr) 28px;padding:7px 9px}
 .azwba-app .azwba-ui-v3 .azwba-current-color__swatch{width:34px;height:34px}
}

/* Some startup paths expose the legacy property sections directly under the right panel.
   Keep them visually identical to the unified inspector instead of leaving controls edge-to-edge. */
.azwba-app .azwba-ui-v3 .azwba-panel--right:not(:has(> .azwba-inspector__header)){
 padding-block:14px 22px;
 gap:12px;
 overflow-y:auto;
 overflow-x:hidden;
 scrollbar-width:thin;
}
.azwba-app .azwba-ui-v3 .azwba-panel--right:not(:has(> .azwba-inspector__header))>.azwba-panel-section{
 flex:0 0 auto;
 width:auto;
 margin-inline:16px;
 padding:14px 15px;
 border:1px solid #DDE7E2;
 border-radius:14px;
 background:#FFF;
 box-shadow:0 3px 12px rgba(27,61,47,.04);
 box-sizing:border-box;
}
.azwba-app .azwba-ui-v3 .azwba-panel--right:not(:has(> .azwba-inspector__header))>.azwba-panel-section>h3{
 margin:0 0 2px;
 padding:0;
 color:#29483F;
 font-size:12px;
 line-height:1.55;
 font-weight:900;
 text-align:right;
}
.azwba-app .azwba-ui-v3 .azwba-panel--right:not(:has(> .azwba-inspector__header))>.azwba-panel-section>.azwba-color-row{
 padding-block:2px;
}
.azwba-app .azwba-ui-v3 .azwba-panel--right:not(:has(> .azwba-inspector__header)) .azwba-current-color--picker{
 width:100%;
 margin-top:2px;
}
.azwba-app .azwba-ui-v3 .azwba-panel--right:not(:has(> .azwba-inspector__header)) .azwba-slider-row{
 width:100%;
 padding-block:2px 1px;
}
.azwba-app .azwba-ui-v3 .azwba-panel--right:not(:has(> .azwba-inspector__header)) .azwba-choice-grid,

.azwba-app .azwba-ui-v3 .azwba-panel--right:not(:has(> .azwba-inspector__header)) .azwba-text-style-section>*{
 width:100%;
 box-sizing:border-box;
}
@media(max-width:760px){
 .azwba-app .azwba-ui-v3 .azwba-panel--right:not(:has(> .azwba-inspector__header)){
  padding-block:12px 18px;
  gap:10px;
 }
 .azwba-app .azwba-ui-v3 .azwba-panel--right:not(:has(> .azwba-inspector__header))>.azwba-panel-section{
  margin-inline:12px;
  padding:12px 13px;
  border-radius:12px;
 }
}

/* Custom color card: the card background is the selected color,


so typography must adapt with it. */
.azwba-app .azwba-ui-v3 .azwba-current-color--picker{
 color:var(--azwba-current-fg,#FFF);
}
.azwba-app .azwba-ui-v3 .azwba-current-color--picker .azwba-current-color__text strong{
 color:var(--azwba-current-fg,#FFF)!important;
 text-shadow:0 1px 1px rgba(0,0,0,.08);
}
.azwba-app .azwba-ui-v3 .azwba-current-color--picker .azwba-current-color__text small{
 color:var(--azwba-current-muted,rgba(255,255,255,.74))!important;
}
.azwba-app .azwba-ui-v3 .azwba-current-color--picker .azwba-current-color__swatch{
 border-color:rgba(255,255,255,.88);
 box-shadow:0 0 0 1px rgba(0,0,0,.18),0 4px 10px rgba(0,0,0,.10);
}
/* Selected drawing settings is a first-class action in the floating object toolbar. */
.azwba-app .azwba-ui-v3 .azwb-selectionbar [data-wb-object-settings]{
 color:#1E6F5C;
 background:#F2F8F5;
 border-color:#CFE2D8;
}
.azwba-app .azwba-ui-v3 .azwb-selectionbar [data-wb-object-settings]:hover:not(:disabled){
 background:#E2F1E9;
 color:#155B42;
 border-color:#9FC9B6;
}
.azwba-app .azwba-ui-v3 .azwb-selectionbar [data-wb-object-settings][hidden]{
 display:none!important;
}
/* The custom spectrum control belongs visually to the preset swatch row wherever that row is rendered. */
.azwba-app .azwba-ui-v3 .azwba-color-row>.azwba-dock-custom-color,

.azwba-app .azwba-ui-v3 .azwba-dock>.azwba-dock-custom-color,

.azwba-app .azwba-ui-v3 .azwba-v3-tools-row>.azwba-dock-custom-color,

.azwba-app .azwba-ui-v3 [data-wb-color]+.azwba-dock-custom-color{
 flex:0 0 34px;
 width:34px;
 min-width:34px;
 height:34px;
 min-height:34px;
 margin:0;
 vertical-align:middle;
}
.azwba-app .azwba-ui-v3 .azwba-selected-drawing-settings .azwba-object-scale-section{
 display:none!important;
}

.azwba-app .azwba-ui-v3 .azwb-icon--settings-filled{
 fill:currentColor!important;
 stroke:none!important;
}
.azwba-app .azwba-ui-v3 .azwb-icon--settings-filled circle{
 fill:#fff!important;
 stroke:none!important;
}
.azwba-app .azwba-ui-v3 .azwba-inspector__range{
 display:grid;
 grid-template-columns:minmax(0,1fr) 58px;
 align-items:center;
 gap:10px;
 width:100%;
}
.azwba-app .azwba-ui-v3 .azwba-inspector__range input[type="range"]{
 width:100%;
 min-width:0;
 margin:0;
 accent-color:#4EA8DE;
}
.azwba-app .azwba-ui-v3 .azwba-inspector__range output{
 display:grid;
 place-items:center;
 min-height:32px;
 padding:4px 8px;
 border:1px solid #DDE7E2;
 border-radius:8px;
 background:#F7FAF8;
 color:#286887;
 font-size:10px;
 font-weight:900;
 direction:ltr;
}
.azwba-app .azwba-ui-v3 .azwba-inspector__button-row{
 display:grid;
 grid-template-columns:44px minmax(0,1fr) 44px;
 align-items:center;
 gap:8px;
 width:100%;
}
.azwba-app .azwba-ui-v3 .azwba-inspector__button-row>.azwba-inspector__choice{
 display:grid;
 place-items:center;
 min-height:44px;
 padding:0;
 text-align:center;
 font-size:18px;
 font-weight:900;
}
.azwba-app .azwba-ui-v3 .azwba-inspector__button-row>.azwba-object-zoom-value{
 display:grid;
 place-items:center;
 min-height:44px;
 border:1px solid #DCE6E1;
 border-radius:10px;
 background:#FAFCFB;
 color:#285746;
 font-size:11px;
 font-weight:900;
 direction:ltr;
}

/* Unified inspector presentation: drawing/text tools use the same card system as widgets. */
.azwba-app .azwba-ui-v3 .azwba-inspector__tabs.is-single{
 grid-template-columns:1fr!important;
}
.azwba-app .azwba-ui-v3 .azwba-inspector__tool-section{
 display:flex!important;
 flex-direction:column!important;
 gap:12px!important;
 width:100%!important;
 margin:0!important;
 padding:14px!important;
 border:1px solid #DDE7E2!important;
 border-radius:14px!important;
 background:#FFF!important;
 box-shadow:0 3px 12px rgba(27,61,47,.04)!important;
}
.azwba-app .azwba-ui-v3 .azwba-inspector__tool-section:last-child{
 border:1px solid #DDE7E2!important;
 padding:14px!important;
}
.azwba-app .azwba-ui-v3 .azwba-inspector__tool-section>h3{
 margin:0!important;
 padding:0 0 10px!important;
 border-bottom:1px solid #E5ECE8!important;
 color:#29483F!important;
 font-size:13px!important;
 line-height:1.55!important;
 font-weight:900!important;
}
.azwba-app .azwba-ui-v3 .azwba-inspector__tool-section .azwba-slider-row,

.azwba-app .azwba-ui-v3 .azwba-inspector__tool-section .azwba-choice-grid,

.azwba-app .azwba-ui-v3 .azwba-inspector__tool-section .azwba-text-setting,

.azwba-app .azwba-ui-v3 .azwba-inspector__tool-section .azwba-text-format,

.azwba-app .azwba-ui-v3 .azwba-inspector__tool-section .azwba-text-options{
 width:100%!important;
 min-width:0!important;
 box-sizing:border-box!important;
}

/* Full widget settings now render inside the same inspector used by drawing/media tools. */
.azwba-app .azwba-ui-v3 .azwba-inspector__pane .azwba-widget-settings__specific,


.azwba-app .azwba-ui-v3 .azwba-inspector__pane .azwba-widget-settings__common{
 display:flex;
 flex-direction:column;
 gap:12px;
 width:100%;
 min-width:0;
}
.azwba-app .azwba-ui-v3 .azwba-inspector__pane .azwba-widget-settings__section{
 display:flex;
 flex-direction:column;
 gap:12px;
 margin:0;
 padding:14px;
 border:1px solid #DDE7E2;
 border-radius:14px;
 background:#FFF;
 box-shadow:0 3px 12px rgba(27,61,47,.04);
}
.azwba-app .azwba-ui-v3 .azwba-inspector__pane .azwba-widget-settings__section-head{
 display:flex;
 flex-direction:column;
 gap:3px;
 padding:0 0 10px;
 border-bottom:1px solid #E5ECE8;
}
.azwba-app .azwba-ui-v3 .azwba-inspector__pane .azwba-widget-settings__section-head strong{
 color:#29483F;
 font-size:13px;
 font-weight:900;
 line-height:1.55;
}
.azwba-app .azwba-ui-v3 .azwba-inspector__pane .azwba-widget-settings__section-head small{
 color:#596D65;
 font-size:10px;
 line-height:1.55;
}
.azwba-app .azwba-ui-v3 .azwba-inspector__pane .azwba-widget-settings__field{
 display:flex;
 flex-direction:column;
 gap:7px;
 margin:0;
}
.azwba-app .azwba-ui-v3 .azwba-inspector__pane .azwba-widget-settings__label{
 color:#36564A;
 font-size:11px;
 font-weight:850;
}
.azwba-app .azwba-ui-v3 .azwba-inspector__pane .azwba-widget-settings__field input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),

.azwba-app .azwba-ui-v3 .azwba-inspector__pane .azwba-widget-settings__field select,

.azwba-app .azwba-ui-v3 .azwba-inspector__pane .azwba-widget-settings__select,

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

.azwba-app .azwba-ui-v3 .azwba-inspector__pane .azwba-widget-settings__specific-block select,

.azwba-app .azwba-ui-v3 .azwba-inspector__pane .azwba-widget-settings__specific-block textarea{
 width:100%;
 min-height:40px;
 padding:8px 10px;
 border:1px solid #D4E0DA;
 border-radius:10px;
 background:#FFF;
 color:#29483F;
 box-sizing:border-box;
 font-family:inherit;
}
.azwba-app .azwba-ui-v3 .azwba-inspector__pane .azwba-widget-settings__toggle{
 width:100%;
 border-color:#DCE7E1;
 border-radius:11px;
 color:#36564A;
}
.azwba-app .azwba-ui-v3 .azwba-inspector__pane .azwba-widget-settings__line-action,

.azwba-app .azwba-ui-v3 .azwba-inspector__pane .azwba-widget-settings__continue,

.azwba-app .azwba-ui-v3 .azwba-inspector__pane .azwba-widget-settings__source-btn{
 border-radius:10px;
 font-family:inherit;
}
.azwba-app .azwba-ui-v3 .azwba-inspector__pane .azwba-widget-settings__themes,

.azwba-app .azwba-ui-v3 .azwba-inspector__pane .azwba-widget-settings__choices,

.azwba-app .azwba-ui-v3 .azwba-inspector__pane .azwba-widget-settings__row{
 width:100%;
 min-width:0;
}

/* Video/camera keep their original control logic but render inside the unified inspector. */
.azwba-app .azwba-ui-v3 .azwba-inspector__pane .azwba-widget-settings-drawer.azwba-session-settings--embedded{
 position:static!important;
 inset:auto!important;
 display:block!important;
 width:100%!important;
 max-width:none!important;
 height:auto!important;
 min-height:0!important;
 max-height:none!important;
 margin:0!important;
 padding:0!important;
 border:0!important;
 border-radius:0!important;
 background:transparent!important;
 box-shadow:none!important;
 overflow:visible!important;
 color:inherit;
}
.azwba-app .azwba-ui-v3 .azwba-inspector__pane .azwba-session-settings--embedded>.azwba-widget-settings-drawer__header,

.azwba-app .azwba-ui-v3 .azwba-inspector__pane .azwba-session-settings--embedded>.azwba-widget-settings-drawer__footer{
 display:none!important;
}
.azwba-app .azwba-ui-v3 .azwba-inspector__pane .azwba-session-settings--embedded>.azwba-widget-settings-drawer__body{
 display:flex;
 flex-direction:column;
 gap:12px;
 width:100%;
 min-height:0;
 overflow:visible!important;
 background:transparent;
}
.azwba-app .azwba-ui-v3 .azwba-inspector__pane .azwba-session-settings--embedded .azwba-widget-settings__section{
 margin:0;
}


/* Canonical left sidebar: one shell,



four tabs,



one scrolling pane. */
.azwba-app .azwba-ui-v3 .azwba-panel--left{
 left:12px!important;
 top:calc(var(--azwba-top) + 10px)!important;
 bottom:calc(var(--azwba-dock) + 18px)!important;
 inline-size:min(600px,calc(100vw - 24px))!important;
 width:min(600px,calc(100vw - 24px))!important;
 min-inline-size:min(600px,calc(100vw - 24px))!important;
 max-inline-size:min(600px,calc(100vw - 24px))!important;
 min-width:min(600px,calc(100vw - 24px))!important;
 max-width:min(600px,calc(100vw - 24px))!important;
 display:flex!important;
 flex-direction:column!important;
 gap:0!important;
 padding:0!important;
 overflow:hidden!important;
 border:1px solid #D8E6DE!important;
 border-radius:18px!important;
 background:#F8FBF9!important;
 color:#20352F!important;
 box-shadow:0 20px 56px rgba(23,65,46,.16)!important;
 direction:rtl!important;
 box-sizing:border-box!important
}
.azwba-app .azwba-ui-v3 .azwba-panel--left,

.azwba-app .azwba-ui-v3 .azwba-panel--left *{box-sizing:border-box!important}
.azwba-app .azwba-ui-v3 .azwba-panel--left>.azwba-panel__header{
 flex:0 0 70px!important;
 min-height:70px!important;
 display:flex!important;
 align-items:center!important;
 justify-content:space-between!important;
 gap:14px!important;
 padding:12px 16px!important;
 border-bottom:1px solid #E0EAE4!important;
 background:#FFF!important
}
.azwba-app .azwba-ui-v3 .azwba-panel--left>.azwba-panel__header .azwba-panel__heading strong{
 font-size:15px!important;
 line-height:1.45!important;
 font-weight:900!important;
 color:#1F3B31!important
}
.azwba-app .azwba-ui-v3 .azwba-panel--left>.azwba-panel__header .azwba-panel__close{
 flex:0 0 40px!important;
 inline-size:40px!important;
 min-inline-size:40px!important;
 block-size:40px!important;
 min-block-size:40px!important;
 border:0!important;
 border-radius:8px!important;
 background:transparent!important;
 color:#263D35!important;
 box-shadow:none!important
}
.azwba-app .azwba-ui-v3 .azwba-panel__tabs{
 flex:0 0 auto!important;
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:8px!important;
 inline-size:100%!important;
 min-inline-size:0!important;
 padding:10px 12px!important;
 margin:0!important;
 border-bottom:1px solid #E2ECE6!important;
 background:#FFF!important;
 overflow:visible!important
}
.azwba-app .azwba-ui-v3 .azwba-panel__tab{
 display:flex!important;
 flex-direction:row!important;
 align-items:center!important;
 justify-content:center!important;
 gap:7px!important;
 min-inline-size:0!important;
 min-height:48px!important;
 block-size:48px!important;
 margin:0!important;
 padding:8px 10px!important;
 border:1px solid #E1EAE5!important;
 border-radius:11px!important;
 background:#F5F8F6!important;
 color:#486657!important;
 font-size:12px!important;
 line-height:1.2!important;
 font-weight:850!important;
 text-align:center!important;
 white-space:nowrap!important;
 overflow:hidden!important;
 cursor:pointer!important;
 transition:background-color .15s ease,border-color .15s ease,color .15s ease!important
}
.azwba-app .azwba-ui-v3 .azwba-panel__tab svg,

.azwba-app .azwba-ui-v3 .azwba-panel__tab img{
 flex:0 0 20px!important;
 inline-size:20px!important;
 min-inline-size:20px!important;
 block-size:20px!important;
 min-block-size:20px!important;
 max-inline-size:20px!important;
 max-block-size:20px!important;
 margin:0!important;
 object-fit:contain!important
}
.azwba-app .azwba-ui-v3 .azwba-panel__tab span{
 display:block!important;
 flex:0 1 auto!important;
 min-inline-size:0!important;
 max-inline-size:100%!important;
 margin:0!important;
 padding:0!important;
 overflow:hidden!important;
 text-overflow:ellipsis!important;
 white-space:nowrap!important;
 line-height:1.25!important;
 text-align:center!important
}
.azwba-app .azwba-ui-v3 .azwba-panel__tab.is-active{
 border-color:#1E6F5C!important;
 background:#1E6F5C!important;
 color:#FFF!important;
 box-shadow:0 4px 12px rgba(30,111,92,.14)!important
}
.azwba-app .azwba-ui-v3 .azwba-panel__tab:hover:not(.is-active){
 border-color:#C9DDD3!important;
 background:#EAF4EF!important;
 color:#175B43!important
}
.azwba-app .azwba-ui-v3 .azwba-panel__panes{
 flex:1 1 auto!important;
 min-height:0!important;
 min-inline-size:0!important;
 inline-size:100%!important;
 overflow:hidden!important;
 background:#F8FBF9!important
}
.azwba-app .azwba-ui-v3 .azwba-panel__pane{
 min-height:0!important;
 min-inline-size:0!important;
 inline-size:100%!important;
 height:100%!important;
 display:flex!important;
 flex-direction:column!important;
 gap:14px!important;
 padding:16px 18px 22px!important;
 overflow-y:auto!important;
 overflow-x:hidden!important;
 overscroll-behavior:contain!important;
 scrollbar-width:thin!important;
 scrollbar-gutter:stable!important;
 background:#F8FBF9!important
}
.azwba-app .azwba-ui-v3 .azwba-panel__pane>*{
 flex:0 0 auto!important;
 min-inline-size:0!important;
 max-inline-size:100%!important
}
.azwba-app .azwba-ui-v3 .azwba-panel__pane img,

.azwba-app .azwba-ui-v3 .azwba-panel__pane canvas,

.azwba-app .azwba-ui-v3 .azwba-panel__pane video,

.azwba-app .azwba-ui-v3 .azwba-panel__pane iframe{
 max-inline-size:100%!important
}
.azwba-app .azwba-ui-v3 .azwba-panel__pane[hidden],

.azwba-app .azwba-ui-v3 .azwba-panel--left [hidden]{display:none!important}
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-panel-section{
 inline-size:100%!important;
 min-inline-size:0!important;
 margin:0!important;
 padding:14px!important;
 border:1px solid #DEE9E3!important;
 border-radius:14px!important;
 background:#FFF!important;
 box-shadow:0 3px 12px rgba(31,60,49,.04)!important
}
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-panel-section>h3{
 margin:0 0 10px!important;
 padding:0!important;
 color:#29483B!important;
 font-size:13px!important;
 line-height:1.5!important;
 font-weight:900!important
}
.azwba-app .azwba-ui-v3 .azwba-panel--left button,

.azwba-app .azwba-ui-v3 .azwba-panel--left input,

.azwba-app .azwba-ui-v3 .azwba-panel--left select{
 font-family:Cairo,sans-serif!important
}
@media(max-width:760px){
 .azwba-app .azwba-ui-v3 .azwba-panel--left{
  left:0!important;
  top:var(--azwba-top)!important;
  bottom:var(--azwba-dock)!important;
  inline-size:100vw!important;
  width:100vw!important;
  min-inline-size:100vw!important;
  max-inline-size:100vw!important;
  min-width:100vw!important;
  max-width:100vw!important;
  border-width:1px 0 0!important;
  border-radius:0!important
 }
 .azwba-app .azwba-ui-v3 .azwba-panel--left>.azwba-panel__header{
  flex-basis:64px!important;
  min-height:64px!important;
  padding:10px 12px!important
 }
 .azwba-app .azwba-ui-v3 .azwba-panel__tabs{
  gap:6px!important;
  padding:8px!important
 }
 .azwba-app .azwba-ui-v3 .azwba-panel__tab{
  min-height:46px!important;
  block-size:46px!important;
  gap:5px!important;
  padding:7px 6px!important;
  font-size:11px!important
 }
 .azwba-app .azwba-ui-v3 .azwba-panel__tab svg,

 .azwba-app .azwba-ui-v3 .azwba-panel__tab img{
  flex-basis:18px!important;
  inline-size:18px!important;
  min-inline-size:18px!important;
  block-size:18px!important;
  min-block-size:18px!important
 }
 .azwba-app .azwba-ui-v3 .azwba-panel__pane{
  padding:14px 12px 20px!important
 }
}


/* Canonical left sidebar edge handle positioning. */
.azwba-app .azwba-ui-v3.azwba-left-open .azwba-edge-toggle--left{
 left:min(612px,calc(100vw - 12px))!important;
 right:auto!important;
 top:50%!important;
 transform:translateY(-50%)!important
}
@media(max-width:760px){
 .azwba-app .azwba-ui-v3.azwba-left-open .azwba-edge-toggle--left{
  left:calc(100vw - 33px)!important;
  top:50%!important
 }
}


/* Canonical left-sidebar content controls. */
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-action-row{
 display:flex!important;
 gap:9px!important;
 inline-size:100%!important
}
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-action-grid{
 display:grid!important;
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:9px!important;
 inline-size:100%!important
}
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-action-btn,

.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-panel-disclosure>summary{
 min-height:48px!important;
 padding:9px 12px!important;
 border:1px solid #DCE8E2!important;
 border-radius:11px!important;
 background:#F7FAF8!important;
 color:#294C3D!important;
 font-family:Cairo,sans-serif!important;
 font-size:12px!important;
 line-height:1.4!important;
 font-weight:850!important;
 box-shadow:none!important
}
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-action-btn:hover:not(:disabled),

.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-panel-disclosure>summary:hover{
 border-color:#BCD5C9!important;
 background:#EAF4F0!important;
 color:#175B43!important
}
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-action-btn>svg,

.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-disclosure-main>svg{
 flex:0 0 22px!important;
 inline-size:22px!important;
 block-size:22px!important;
 min-inline-size:22px!important
}
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-panel-disclosure__body{
 margin-top:9px!important
}
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-page-format-grid{
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:10px!important
}
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-page-format-btn{
 min-height:84px!important;
 grid-template-columns:52px minmax(0,1fr)!important;
 column-gap:10px!important;
 padding:10px!important;
 border:1px solid #DCE8E2!important;
 border-radius:13px!important;
 background:#FFF!important
}
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-page-format-preview{
 inline-size:52px!important;
 block-size:52px!important;
 border-radius:10px!important
}
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-page-format-btn strong{
 font-size:12px!important;
 line-height:1.4!important;
 font-weight:900!important;
 color:#29483F!important
}
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-page-format-btn small{
 font-size:9.5px!important;
 line-height:1.45!important;
 font-weight:700!important;
 color:#596D65!important
}
.azwba-app .azwba-ui-v3 .azwba-panel--left input[type="text"],

.azwba-app .azwba-ui-v3 .azwba-panel--left input[type="search"],

.azwba-app .azwba-ui-v3 .azwba-panel--left select{
 min-height:42px!important;
 border-color:#D7E4DD!important;
 border-radius:10px!important;
 background:#FFF!important;
 color:#29483B!important;
 font-size:11px!important
}
.azwba-app .azwba-ui-v3 .azwba-panel--left button:focus-visible,

.azwba-app .azwba-ui-v3 .azwba-panel--left input:focus-visible,

.azwba-app .azwba-ui-v3 .azwba-panel--left select:focus-visible{
 outline:3px solid rgba(78,168,222,.42)!important;
 outline-offset:2px!important
}
@media(max-width:520px){
 .azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-action-grid,

 .azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-page-format-grid{
  grid-template-columns:1fr!important
 }
}


/* Canonical sidebar contrast + disclosure chevrons. */
/* Tabs: one contrast system for background, label and icon. */
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-panel__tab{
 background:#F4F8F6!important;
 border-color:#D7E4DD!important;
 color:#315B4C!important;
 box-shadow:none!important
}
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-panel__tab svg,
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-panel__tab svg *,
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-panel__tab img{
 color:inherit!important;
 stroke:currentColor!important
}
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-panel__tab:hover:not(.is-active){
 background:#E8F3EE!important;
 border-color:#AFCFC2!important;
 color:#155B43!important
}
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-panel__tab.is-active,
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-panel__tab[aria-selected="true"]{
 background:#1E6F5C!important;
 border-color:#1E6F5C!important;
 color:#FFF!important;
 box-shadow:0 5px 14px rgba(30,111,92,.16)!important
}
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-panel__tab.is-active svg,
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-panel__tab[aria-selected="true"] svg{
 color:#FFF!important;
 stroke:#FFF!important
}

/* Action buttons: stronger neutral contrast, consistent icon/label colors. */
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-action-btn{
 background:#F6F9F7!important;
 border-color:#D6E4DD!important;
 color:#244B3D!important
}
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-action-btn svg,
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-action-btn svg *{
 color:inherit!important;
 stroke:currentColor!important
}
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-action-btn:hover:not(:disabled){
 background:#E8F3EE!important;
 border-color:#AFCFC2!important;
 color:#155B43!important
}

/* Disclosure headers: collapsed = neutral, open = strong active state. */
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-panel-disclosure>summary{
 background:#F6F9F7!important;
 border-color:#D6E4DD!important;
 color:#244B3D!important
}
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-panel-disclosure>summary:hover{
 background:#E8F3EE!important;
 border-color:#AFCFC2!important;
 color:#155B43!important
}
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-panel-disclosure[open]>summary{
 background:#E6F2ED!important;
 border-color:#9BC6B6!important;
 color:#174E3F!important;
 box-shadow:inset 0 0 0 1px rgba(30,111,92,.06)!important
}
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-disclosure-main,
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-disclosure-main>span,
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-disclosure-main>svg{
 color:inherit!important
}
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-disclosure-main>svg,
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-disclosure-main>svg *{
 stroke:currentColor!important
}

/* Canonical sidebar disclosure: one RTL-safe vertical chevron, no native marker. */
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-panel-disclosure>summary{
 list-style:none!important;
 display:flex!important;
 align-items:center!important;
 justify-content:space-between!important;
 gap:12px!important;
 cursor:pointer!important
}
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-panel-disclosure>summary::-webkit-details-marker{
 display:none!important
}
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-panel-disclosure>summary::marker{
 content:""!important;
 font-size:0!important
}
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-disclosure-main{
 display:flex!important;
 align-items:center!important;
 gap:9px!important;
 min-inline-size:0!important;
 flex:1 1 auto!important
}
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-disclosure-chevron{
 position:relative!important;
 flex:0 0 28px!important;
 inline-size:28px!important;
 min-inline-size:28px!important;
 block-size:28px!important;
 min-block-size:28px!important;
 display:grid!important;
 place-items:center!important;
 margin:0!important;
 padding:0!important;
 border:0!important;
 border-radius:0!important;
 background:transparent!important;
 box-shadow:none!important;
 color:#315B4C!important;
 direction:ltr!important;
 transform:none!important;
 transition:none!important
}
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-disclosure-chevron>svg{
 display:none!important
}
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-disclosure-chevron::before{
 content:""!important;
 display:block!important;
 inline-size:10px!important;
 block-size:10px!important;
 border-right:2px solid currentColor!important;
 border-bottom:2px solid currentColor!important;
 transform:rotate(45deg)!important;
 transform-origin:center!important;
 margin-top:-5px!important
}
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-panel-disclosure[open] .azwba-disclosure-chevron::before{
 transform:rotate(-135deg)!important;
 margin-top:5px!important
}
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-panel__tab:focus-visible,
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-action-btn:focus-visible,
.azwba-app .azwba-ui-v3 .azwba-panel--left .azwba-panel-disclosure>summary:focus-visible{
 outline:3px solid #5A9FD4!important;
 outline-offset:2px!important
}



/* Canonical whiteboard chrome toggles.
   One owner for geometry + centering:
   - header toggle is anchored to the header edge;
   - dock toggle is anchored to the dock edge (or shell bottom while collapsed);
   - side toggles stay anchored to the viewport edges.
   Never make these controls relative/flex children: doing so moves the whole card. */
.azwba-app .azwba-ui-v3 .azwba-ui-chevron{
 position:absolute!important;
 inset:auto!important;
 left:50%!important;
 top:50%!important;
 display:block!important;
 inline-size:12px!important;
 block-size:12px!important;
 margin:0!important;
 border-right:2px solid currentColor!important;
 border-bottom:2px solid currentColor!important;
 transform-origin:center center!important;
 pointer-events:none!important;
 color:currentColor!important;
 direction:ltr!important;
 box-sizing:border-box!important
}
.azwba-app .azwba-ui-v3 .azwba-ui-chevron.is-down{transform:translate(-50%,-50%) rotate(45deg)!important}
.azwba-app .azwba-ui-v3 .azwba-ui-chevron.is-up{transform:translate(-50%,-50%) rotate(-135deg)!important}
.azwba-app .azwba-ui-v3 .azwba-ui-chevron.is-left{transform:translate(-50%,-50%) rotate(135deg)!important}
.azwba-app .azwba-ui-v3 .azwba-ui-chevron.is-right{transform:translate(-50%,-50%) rotate(-45deg)!important}

.azwba-app .azwba-ui-v3 .azwba-header-visibility-toggle{
 position:absolute!important;
 left:50%!important;
 right:auto!important;
 top:var(--azwba-top)!important;
 bottom:auto!important;
 transform:translateX(-50%)!important;
 display:grid!important;
 place-items:center!important;
 inline-size:48px!important;
 min-inline-size:48px!important;
 block-size:28px!important;
 min-block-size:28px!important;
 margin:0!important;
 padding:0!important;
 line-height:0!important;
 pointer-events:auto!important
}
.azwba-app .azwba-ui-v3 .azwba-header-visibility-toggle.is-collapsed{
 top:0!important
}

.azwba-app .azwba-ui-v3 .azwba-dock-wrap>.azwba-dock-visibility-toggle{
 position:absolute!important;
 left:50%!important;
 right:auto!important;
 top:-27px!important;
 bottom:auto!important;
 transform:translateX(-50%)!important;
 display:grid!important;
 place-items:center!important;
 inline-size:48px!important;
 min-inline-size:48px!important;
 block-size:28px!important;
 min-block-size:28px!important;
 margin:0!important;
 padding:0!important;
 line-height:0!important;
 pointer-events:auto!important
}
.azwba-app .azwba-ui-v3>.azwba-dock-visibility-toggle.is-collapsed{
 position:absolute!important;
 left:50%!important;
 right:auto!important;
 top:auto!important;
 bottom:0!important;
 transform:translateX(-50%)!important;
 display:grid!important;
 place-items:center!important;
 inline-size:48px!important;
 min-inline-size:48px!important;
 block-size:28px!important;
 min-block-size:28px!important;
 margin:0!important;
 padding:0!important;
 line-height:0!important;
 pointer-events:auto!important
}

.azwba-app .azwba-ui-v3 .azwba-edge-toggle{
 position:absolute!important;
 top:50%!important;
 bottom:auto!important;
 transform:translateY(-50%)!important;
 display:grid!important;
 place-items:center!important;
 margin:0!important;
 padding:0!important;
 line-height:0!important;
 pointer-events:auto!important
}
.azwba-app .azwba-ui-v3 .azwba-edge-toggle--left{
 left:0!important;
 right:auto!important
}
.azwba-app .azwba-ui-v3 .azwba-edge-toggle--right{
 right:0!important;
 left:auto!important
}
.azwba-app .azwba-ui-v3.azwba-right-open .azwba-edge-toggle--right{
 right:min(430px,100vw)!important
}

.azwba-app .azwba-ui-v3 .azwba-header-visibility-toggle .azwba-ui-chevron,
.azwba-app .azwba-ui-v3 .azwba-dock-visibility-toggle .azwba-ui-chevron{
 inline-size:11px!important;
 block-size:11px!important
}
.azwba-app .azwba-ui-v3 .azwba-edge-toggle .azwba-ui-chevron{
 inline-size:12px!important;
 block-size:12px!important
}

@media(max-width:760px){
 .azwba-app .azwba-ui-v3 .azwba-header-visibility-toggle,
 .azwba-app .azwba-ui-v3 .azwba-dock-visibility-toggle{
  inline-size:44px!important;
  min-inline-size:44px!important;
  block-size:26px!important;
  min-block-size:26px!important
 }
 .azwba-app .azwba-ui-v3 .azwba-dock-wrap>.azwba-dock-visibility-toggle{
  top:-25px!important
 }
 .azwba-app .azwba-ui-v3 .azwba-edge-toggle{
  top:55%!important
 }
}


/* Canonical topbar: one visual system for size, alignment, color and icon weight. */
.azwba-app .azwba-reference-ui.azwba-ui-v3{
 --azwba-topbar-fg:#294C41;
 --azwba-topbar-muted:#91A59C;
 --azwba-topbar-hover:#EAF4EF;
 --azwba-topbar-active:#E3F2EB;
 --azwba-topbar-accent:#1E6F5C;
 --azwba-topbar-border:#DCE8E2;
}
.azwba-app .azwba-ui-v3 .azwba-topbar{
 background:rgba(255,255,255,.97)!important;
 color:var(--azwba-topbar-fg)!important;
 border-bottom:1px solid #DFE9E4!important;
 box-shadow:0 2px 10px rgba(24,55,44,.06)!important;
 backdrop-filter:blur(10px);
}
.azwba-app .azwba-ui-v3 .azwba-topbar__group{
 display:flex!important;
 align-items:center!important;
 min-inline-size:0!important;
 gap:6px!important
}
.azwba-app .azwba-ui-v3 .azwba-topbar__primary{justify-content:flex-start!important}
.azwba-app .azwba-ui-v3 .azwba-topbar__pages{justify-content:center!important}
.azwba-app .azwba-ui-v3 .azwba-topbar__history{justify-content:flex-end!important}

.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-btn{
 display:grid!important;
 place-items:center!important;
 flex:0 0 40px!important;
 inline-size:40px!important;
 min-inline-size:40px!important;
 block-size:40px!important;
 min-block-size:40px!important;
 margin:0!important;
 padding:0!important;
 border:1px solid transparent!important;
 border-radius:10px!important;
 background:transparent!important;
 color:var(--azwba-topbar-fg)!important;
 box-shadow:none!important;
 line-height:0!important;
 cursor:pointer!important;
 transition:background-color .14s ease,border-color .14s ease,color .14s ease,opacity .14s ease!important
}
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-btn:hover:not(:disabled){
 background:var(--azwba-topbar-hover)!important;
 border-color:#D3E4DC!important;
 color:#155B43!important
}
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-btn.is-active,
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-btn[aria-expanded="true"]{
 background:var(--azwba-topbar-active)!important;
 border-color:#B7D7C9!important;
 color:#155B43!important
}
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-btn.is-accent{
 background:#EDF7F2!important;
 border-color:#BEDDCE!important;
 color:#176D50!important
}
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-btn.is-accent:hover:not(:disabled){
 background:#DDEFE6!important;
 border-color:#98C6B2!important;
 color:#124E3B!important
}
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-btn:disabled{
 opacity:.56!important;
 color:var(--azwba-topbar-muted)!important;
 cursor:not-allowed!important
}

/* Canonical header icon system: one inline source, one optical scale. */
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-btn{
 color:#294F43!important
}
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-btn svg{
 display:block!important;
 inline-size:22px!important;
 block-size:22px!important;
 max-inline-size:22px!important;
 max-block-size:22px!important;
 margin:auto!important;
 fill:none!important;
 stroke:currentColor!important;
 stroke-width:1.9!important;
 stroke-linecap:round!important;
 stroke-linejoin:round!important;
 vector-effect:non-scaling-stroke
}
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-btn[data-top-icon="settings"] svg{
 inline-size:20px!important;block-size:20px!important;max-inline-size:20px!important;max-block-size:20px!important
}
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-btn[data-top-icon="pages"] svg,
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-btn[data-top-icon="palette"] svg{
 inline-size:23px!important;block-size:23px!important;max-inline-size:23px!important;max-block-size:23px!important
}
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-btn[data-top-icon="page-add"] svg{
 inline-size:22px!important;block-size:22px!important;max-inline-size:22px!important;max-block-size:22px!important
}
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-btn[data-top-icon="page-prev"] svg,
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-btn[data-top-icon="page-next"] svg{
 inline-size:18px!important;block-size:18px!important;max-inline-size:18px!important;max-block-size:18px!important;
 stroke-width:2.1!important
}
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-btn[data-top-icon="undo"] svg,
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-btn[data-top-icon="redo"] svg{
 inline-size:19px!important;block-size:19px!important;max-inline-size:19px!important;max-block-size:19px!important
}
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-btn[data-top-icon="undo"] svg path,
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-btn[data-top-icon="redo"] svg path{
 fill:currentColor!important;stroke:none!important
}
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-btn[data-top-icon="fullscreen"] svg,
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-btn[data-top-icon="home"] svg{
 inline-size:20px!important;block-size:20px!important;max-inline-size:20px!important;max-block-size:20px!important
}
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-btn:disabled{
 opacity:1!important;
 color:#A7B5AF!important
}
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-btn.is-accent{
 color:#17694F!important;
 background:#EAF5EF!important;
 border-color:#B9D9CA!important
}
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-btn.is-accent svg{
 stroke-width:2!important
}

/* Background shortcut is icon-only in the topbar; legacy wide-button styling must not widen it. */
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-backgrounds-toggle{
 flex-basis:40px!important;
 inline-size:40px!important;
 min-inline-size:40px!important;
 padding:0!important;
 gap:0!important
}
.azwba-app .azwba-ui-v3 .azwba-topbar .azwba-backgrounds-toggle>span{display:none!important}

.azwba-app .azwba-ui-v3 .azwba-top-sep{
 flex:0 0 1px!important;
 inline-size:1px!important;
 min-inline-size:1px!important;
 block-size:26px!important;
 margin-inline:5px!important;
 background:#DDE7E2!important
}
.azwba-app .azwba-ui-v3 .azwba-topbar__title{
 color:#20352F!important;
 font-size:14px!important;
 line-height:1.25!important;
 font-weight:900!important;
 white-space:nowrap!important
}
.azwba-app .azwba-ui-v3 .azwba-topbar__pagecount{
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 min-inline-size:50px!important;
 block-size:34px!important;
 min-block-size:34px!important;
 padding-inline:10px!important;
 border:1px solid #DCE8E3!important;
 border-radius:10px!important;
 background:#F5F8F6!important;
 color:#38564C!important;
 font-size:12px!important;
 line-height:1!important;
 font-weight:850!important
}
.azwba-app .azwba-ui-v3 .azwba-save-pill{
 display:inline-flex!important;
 align-items:center!important;
 min-block-size:34px!important;
 block-size:34px!important;
 padding-inline:11px!important;
 gap:6px!important;
 border:1px solid #CFE6DA!important;
 border-radius:999px!important;
 background:#EAF6EE!important;
 color:#226B50!important;
 font-size:11.5px!important;
 line-height:1!important;
 font-weight:850!important
}
.azwba-app .azwba-ui-v3 .azwba-save-pill svg{inline-size:17px!important;block-size:17px!important}

@media(min-width:761px){
 .azwba-app .azwba-reference-ui.azwba-ui-v3{--azwba-top:64px}
 .azwba-app .azwba-reference-ui.azwba-ui-v3 .azwba-topbar{
  block-size:64px!important;
  min-block-size:64px!important;
  padding-inline:18px!important;
  gap:12px!important
 }
 .azwba-app .azwba-ui-v3 .azwba-topbar__group{min-block-size:42px!important}
 .azwba-app .azwba-ui-v3 .azwba-topbar__student{max-inline-size:320px!important}
 .azwba-app .azwba-ui-v3 .azwba-topbar .azwba-student-switcher{
  min-block-size:42px!important;
  block-size:42px!important;
  gap:7px!important;
  padding:3px 7px!important;
  border-radius:12px!important;
  font-size:12px!important
 }
 .azwba-app .azwba-ui-v3 .azwba-topbar .azwba-student-switcher select{
  min-block-size:34px!important;
  block-size:34px!important;
  padding-inline:9px!important;
  border-radius:9px!important;
  font-size:12px!important;
  font-weight:800!important
 }
 .azwba-app .azwba-ui-v3 .azwba-topbar .azwba-student-switcher button{
  display:grid!important;
  place-items:center!important;
  flex:0 0 36px!important;
  inline-size:36px!important;
  min-inline-size:36px!important;
  block-size:36px!important;
  min-block-size:36px!important;
  margin:0!important;
  padding:0!important;
  border-radius:9px!important
 }
 .azwba-app .azwba-ui-v3 .azwba-topbar .azwba-student-switcher button svg,
 .azwba-app .azwba-ui-v3 .azwba-topbar .azwba-student-switcher button img{
  inline-size:20px!important;block-size:20px!important;max-inline-size:20px!important;max-block-size:20px!important;margin:auto!important
 }
 .azwba-app .azwba-ui-v3 .azwba-topbar .azwba-student-points{
  min-inline-size:48px!important;
  min-block-size:34px!important;
  padding-inline:8px!important;
  border-radius:9px!important;
  font-size:11px!important;
  font-weight:850!important
 }
 .azwba-app .azwba-ui-v3 .azwba-header-visibility-toggle{
  display:grid!important;
  place-items:center!important;
  inline-size:48px!important;
  min-inline-size:48px!important;
  block-size:28px!important;
  min-block-size:28px!important;
  padding:0!important;
  line-height:0!important
 }
 .azwba-app .azwba-ui-v3 .azwba-header-visibility-toggle .azwba-ui-chevron{
  inline-size:12px!important;
  block-size:12px!important
 }
}
@media(max-width:760px){
 .azwba-app .azwba-reference-ui.azwba-ui-v3{--azwba-top:48px}
 .azwba-app .azwba-ui-v3 .azwba-topbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  block-size:48px!important;
  min-block-size:48px!important;
  padding-inline:6px!important;
  gap:4px!important;
  overflow-x:auto!important;
  scrollbar-width:none!important
 }
 .azwba-app .azwba-ui-v3 .azwba-topbar::-webkit-scrollbar{display:none!important}
 .azwba-app .azwba-ui-v3 .azwba-topbar__group{flex:0 0 auto!important;gap:3px!important}
 .azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-btn{
  flex-basis:36px!important;
  inline-size:36px!important;
  min-inline-size:36px!important;
  block-size:36px!important;
  min-block-size:36px!important;
  border-radius:9px!important
 }
 .azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-btn svg,
 .azwba-app .azwba-ui-v3 .azwba-topbar .azwba-top-btn img{
  inline-size:21px!important;block-size:21px!important;max-inline-size:21px!important;max-block-size:21px!important
 }
 .azwba-app .azwba-ui-v3 .azwba-topbar__title{display:none!important}
 .azwba-app .azwba-ui-v3 .azwba-topbar__primary .azwba-save-pill{display:none!important}
 .azwba-app .azwba-ui-v3 .azwba-top-sep{block-size:22px!important;margin-inline:2px!important}
}


/* Unified selected-object action chrome across every whiteboard object type. */
.azwba-app .azwba-ui-v3{
 --azwba-object-toolbar-btn:40px;
 --azwba-object-toolbar-icon:22px;
 --azwba-object-toolbar-fg:#243F36;
 --azwba-object-toolbar-border:#D7E3DE;
 --azwba-object-toolbar-hover:#EEF5F1;
 --azwba-object-toolbar-active:#E4F1EB;
 --azwba-object-toolbar-danger:#9E3F38;
 --azwba-object-toolbar-danger-bg:#FFF1EF;
}

/* Every floating action bar uses the same shell. */
.azwba-app .azwba-ui-v3 .azwba-board-widget__toolbar,
.azwba-app .azwba-ui-v3 .azwb-image-chrome__toolbar,
.azwba-app .azwba-ui-v3 .azwba-video-object__toolbar,
.azwba-app .azwba-ui-v3 .azwba-camera-object__toolbar,
.azwba-app .azwba-ui-v3 .azwb-selectionbar{
 align-items:center!important;
 justify-content:center!important;
 gap:4px!important;
 min-block-size:50px!important;
 padding:5px!important;
 border:1px solid var(--azwba-object-toolbar-border)!important;
 border-radius:14px!important;
 background:rgba(255,255,255,.985)!important;
 color:var(--azwba-object-toolbar-fg)!important;
 box-shadow:0 8px 22px rgba(31,53,47,.14)!important;
 backdrop-filter:blur(10px)!important;
}

/* Remove image-only decoration so the toolbar is not visually different from other objects. */
.azwba-app .azwba-ui-v3 .azwb-image-chrome__toolbar::before{
 display:none!important;
 content:none!important;
}

/* Canonical action button geometry. */
.azwba-app .azwba-ui-v3 .azwba-board-widget__toolbar button,
.azwba-app .azwba-ui-v3 .azwb-image-chrome__toolbar button,
.azwba-app .azwba-ui-v3 .azwba-video-object__toolbar button,
.azwba-app .azwba-ui-v3 .azwba-camera-object__toolbar button,
.azwba-app .azwba-ui-v3 .azwb-selectionbar .azwb-icon-only{
 display:grid!important;
 place-items:center!important;
 inline-size:var(--azwba-object-toolbar-btn)!important;
 min-inline-size:var(--azwba-object-toolbar-btn)!important;
 block-size:var(--azwba-object-toolbar-btn)!important;
 min-block-size:var(--azwba-object-toolbar-btn)!important;
 margin:0!important;
 padding:0!important;
 border:1px solid transparent!important;
 border-radius:8px!important;
 background:transparent!important;
 color:var(--azwba-object-toolbar-fg)!important;
 box-shadow:none!important;
 line-height:1!important;
 cursor:pointer;
}

/* Canonical icon size regardless of source icon library. */
.azwba-app .azwba-ui-v3 .azwba-board-widget__toolbar button svg,
.azwba-app .azwba-ui-v3 .azwba-board-widget__toolbar button img,
.azwba-app .azwba-ui-v3 .azwb-image-chrome__toolbar button svg,
.azwba-app .azwba-ui-v3 .azwb-image-chrome__toolbar button img,
.azwba-app .azwba-ui-v3 .azwba-video-object__toolbar button svg,
.azwba-app .azwba-ui-v3 .azwba-video-object__toolbar button img,
.azwba-app .azwba-ui-v3 .azwba-camera-object__toolbar button svg,
.azwba-app .azwba-ui-v3 .azwba-camera-object__toolbar button img,
.azwba-app .azwba-ui-v3 .azwb-selectionbar .azwb-icon-only svg,
.azwba-app .azwba-ui-v3 .azwb-selectionbar .azwb-icon-only img,
.azwba-app .azwba-ui-v3 .azwb-selectionbar .azwb-tool__icon{
 display:block!important;
 inline-size:var(--azwba-object-toolbar-icon)!important;
 block-size:var(--azwba-object-toolbar-icon)!important;
 max-inline-size:var(--azwba-object-toolbar-icon)!important;
 max-block-size:var(--azwba-object-toolbar-icon)!important;
 margin:auto!important;
 object-fit:contain!important;
 stroke-width:1.9;
}

/* Neutral hover/active for every normal action. */
.azwba-app .azwba-ui-v3 .azwba-board-widget__toolbar button:hover:not(:disabled),
.azwba-app .azwba-ui-v3 .azwb-image-chrome__toolbar button:hover:not(:disabled),
.azwba-app .azwba-ui-v3 .azwba-video-object__toolbar button:hover:not(:disabled),
.azwba-app .azwba-ui-v3 .azwba-camera-object__toolbar button:hover:not(:disabled),
.azwba-app .azwba-ui-v3 .azwb-selectionbar .azwb-icon-only:hover:not(:disabled){
 background:var(--azwba-object-toolbar-hover)!important;
 border-color:#DDE8E3!important;
 color:#175E48!important;
}
.azwba-app .azwba-ui-v3 .azwba-board-widget__toolbar button[aria-expanded="true"],
.azwba-app .azwba-ui-v3 .azwb-image-chrome__toolbar button[aria-expanded="true"],
.azwba-app .azwba-ui-v3 .azwba-video-object__toolbar button[aria-expanded="true"],
.azwba-app .azwba-ui-v3 .azwba-camera-object__toolbar button[aria-expanded="true"],
.azwba-app .azwba-ui-v3 .azwb-selectionbar .azwb-icon-only[aria-pressed="true"]{
 background:var(--azwba-object-toolbar-active)!important;
 border-color:#C8DED4!important;
 color:#17654D!important;
}

/* Delete stays semantically distinct but keeps identical geometry. */
.azwba-app .azwba-ui-v3 .azwba-board-widget__delete,
.azwba-app .azwba-ui-v3 .azwb-image-chrome__toolbar [aria-label*="حذف"],
.azwba-app .azwba-ui-v3 .azwba-video-object__toolbar [aria-label*="حذف"],
.azwba-app .azwba-ui-v3 .azwba-camera-object__toolbar [aria-label*="حذف"],
.azwba-app .azwba-ui-v3 .azwb-selectionbar [data-wb-delete],
.azwba-app .azwba-ui-v3 .azwb-selectionbar [aria-label*="حذف"]{
 color:var(--azwba-object-toolbar-fg)!important;
}
.azwba-app .azwba-ui-v3 .azwba-board-widget__delete:hover:not(:disabled),
.azwba-app .azwba-ui-v3 .azwb-image-chrome__toolbar [aria-label*="حذف"]:hover:not(:disabled),
.azwba-app .azwba-ui-v3 .azwba-video-object__toolbar [aria-label*="حذف"]:hover:not(:disabled),
.azwba-app .azwba-ui-v3 .azwba-camera-object__toolbar [aria-label*="حذف"]:hover:not(:disabled),
.azwba-app .azwba-ui-v3 .azwb-selectionbar [data-wb-delete]:hover:not(:disabled),
.azwba-app .azwba-ui-v3 .azwb-selectionbar [aria-label*="حذف"]:hover:not(:disabled){
 background:var(--azwba-object-toolbar-danger-bg)!important;
 border-color:#F0D6D2!important;
 color:#8E342E!important;
}

/* Settings is no longer given a bespoke colored tile; it follows the same action system. */
.azwba-app .azwba-ui-v3 .azwb-selectionbar [data-wb-object-settings]{
 background:transparent!important;
 border-color:transparent!important;
 color:var(--azwba-object-toolbar-fg)!important;
}

/* Keep object color swatches visually separate from command buttons but aligned to the same row height. */
.azwba-app .azwba-ui-v3 .azwb-selectionbar .azwb-object-color{
 inline-size:var(--azwba-object-toolbar-btn)!important;
 min-inline-size:var(--azwba-object-toolbar-btn)!important;
 block-size:var(--azwba-object-toolbar-btn)!important;
 min-block-size:var(--azwba-object-toolbar-btn)!important;
 flex-basis:var(--azwba-object-toolbar-btn)!important;
 margin:0!important;
 border-radius:8px!important;
}

/* Consistent keyboard focus. */
.azwba-app .azwba-ui-v3 .azwba-board-widget__toolbar button:focus-visible,
.azwba-app .azwba-ui-v3 .azwb-image-chrome__toolbar button:focus-visible,
.azwba-app .azwba-ui-v3 .azwba-video-object__toolbar button:focus-visible,
.azwba-app .azwba-ui-v3 .azwba-camera-object__toolbar button:focus-visible,
.azwba-app .azwba-ui-v3 .azwb-selectionbar .azwb-icon-only:focus-visible{
 outline:3px solid #5A9FD4!important;
 outline-offset:2px!important;
}

/* Touch keeps the same proportions, with a larger target. */
@media(pointer:coarse){
 .azwba-app .azwba-ui-v3{
  --azwba-object-toolbar-btn:44px;
  --azwba-object-toolbar-icon:22px;
 }
 .azwba-app .azwba-ui-v3 .azwba-board-widget__toolbar,
 .azwba-app .azwba-ui-v3 .azwb-image-chrome__toolbar,
 .azwba-app .azwba-ui-v3 .azwba-video-object__toolbar,
 .azwba-app .azwba-ui-v3 .azwba-camera-object__toolbar,
 .azwba-app .azwba-ui-v3 .azwb-selectionbar{
  min-block-size:52px!important;
 }
}


/* Canonical image toolbar positioning + optical icon normalization. */
.azwba-app .azwba-ui-v3 .azwb-image-chrome__toolbar{
 top:-54px!important;
 bottom:auto!important;
 left:50%!important;
 transform:translateX(-50%)!important;
 direction:ltr!important;
}
.azwba-app .azwba-ui-v3 .azwb-image-chrome.toolbar-below .azwb-image-chrome__toolbar{
 top:auto!important;
 bottom:-54px!important;
}
.azwba-app .azwba-ui-v3 .azwb-image-chrome__toolbar button,
.azwba-app .azwba-ui-v3 .azwba-board-widget__toolbar button,
.azwba-app .azwba-ui-v3 .azwba-video-object__toolbar button,
.azwba-app .azwba-ui-v3 .azwba-camera-object__toolbar button{
 display:grid!important;
 place-items:center!important;
}
.azwba-app .azwba-ui-v3 .azwb-image-chrome__toolbar .azwb-icon--settings,
.azwba-app .azwba-ui-v3 .azwb-image-chrome__toolbar .azwb-icon--delete,
.azwba-app .azwba-ui-v3 .azwb-image-chrome__toolbar .azwb-icon--more{
 transform:none!important;
}
.azwba-app .azwba-ui-v3 .azwb-image-chrome__toolbar [data-image-settings] .azwb-icon--settings{
 inline-size:21px!important;
 block-size:21px!important;
}
.azwba-app .azwba-ui-v3 .azwb-image-chrome__toolbar [data-image-delete] .azwb-icon--delete{
 inline-size:20px!important;
 block-size:20px!important;
}
.azwba-app .azwba-ui-v3 .azwb-image-chrome__toolbar [data-image-more] .azwb-icon--more{
 inline-size:20px!important;
 block-size:20px!important;
}


/* Original selected-object icons: preserve artwork, normalize only geometry. */
.azwba-app .azwba-ui-v3 .azwba-board-widget__toolbar button img.azwb-icon,
.azwba-app .azwba-ui-v3 .azwb-image-chrome__toolbar button img.azwb-icon,
.azwba-app .azwba-ui-v3 .azwba-video-object__toolbar button img.azwb-icon,
.azwba-app .azwba-ui-v3 .azwba-camera-object__toolbar button img.azwb-icon,
.azwba-app .azwba-ui-v3 .azwb-selectionbar .azwb-icon-only img.azwb-icon{
 display:block!important;
 inline-size:22px!important;
 block-size:22px!important;
 max-inline-size:22px!important;
 max-block-size:22px!important;
 margin:auto!important;
 object-fit:contain!important;
 transform:none!important
}
.azwba-app .azwba-ui-v3 .azwba-board-widget__toolbar button[aria-label*="حذف"] img,
.azwba-app .azwba-ui-v3 .azwb-image-chrome__toolbar button[aria-label*="حذف"] img,
.azwba-app .azwba-ui-v3 .azwba-video-object__toolbar button[aria-label*="حذف"] img,
.azwba-app .azwba-ui-v3 .azwba-camera-object__toolbar button[aria-label*="حذف"] img{
 filter:none!important
}


/* Monochrome image action toolbar icons: one visual language. */
.azwba-app .azwba-ui-v3 .azwb-image-chrome__toolbar.azwba-object-toolbar--mono{
 color:var(--azwba-object-toolbar-fg,#243F36)!important;
}
.azwba-app .azwba-ui-v3 .azwb-image-chrome__toolbar.azwba-object-toolbar--mono button{
 color:inherit!important;
}
.azwba-app .azwba-ui-v3 .azwb-image-chrome__toolbar.azwba-object-toolbar--mono .azwba-object-toolbar__icon{
 display:block!important;
 inline-size:22px!important;
 block-size:22px!important;
 max-inline-size:22px!important;
 max-block-size:22px!important;
 margin:auto!important;
 overflow:visible!important;
 color:currentColor!important;
}
.azwba-app .azwba-ui-v3 .azwb-image-chrome__toolbar.azwba-object-toolbar--mono [data-image-settings] .azwba-object-toolbar__icon{
 inline-size:23px!important;
 block-size:23px!important;
 max-inline-size:23px!important;
 max-block-size:23px!important;
}
.azwba-app .azwba-ui-v3 .azwb-image-chrome__toolbar.azwba-object-toolbar--mono [data-image-delete]:hover:not(:disabled){
 color:#8E342E!important;
 background:var(--azwba-object-toolbar-danger-bg,#FFF1EF)!important;
 border-color:#F0D6D2!important;
}
.azwba-app .azwba-ui-v3 .azwb-image-chrome__toolbar.azwba-object-toolbar--mono [data-image-settings]:hover:not(:disabled),
.azwba-app .azwba-ui-v3 .azwb-image-chrome__toolbar.azwba-object-toolbar--mono [data-image-more]:hover:not(:disabled){
 color:#175E48!important;
 background:var(--azwba-object-toolbar-hover,#EEF5F1)!important;
 border-color:#DDE8E3!important;
}


/* Native WordPress Dashicons for whiteboard overflow/delete controls. */
.azwba-app .azwba-ui-v3 .azwb-wp-icon{
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 inline-size:22px!important;
 min-inline-size:22px!important;
 block-size:22px!important;
 min-block-size:22px!important;
 margin:0!important;
 padding:0!important;
 color:#294F43!important;
 font-size:22px!important;
 line-height:1!important;
 font-style:normal!important;
 font-weight:400!important;
 text-align:center!important;
 vertical-align:middle!important;
 pointer-events:none!important
}
.azwba-app .azwba-ui-v3 .azwba-topbar .azwb-wp-icon{
 inline-size:23px!important;
 block-size:23px!important;
 font-size:23px!important;
 color:#294F43!important
}
.azwba-app .azwba-ui-v3 .azwb-page-actions .azwb-wp-icon,
.azwba-app .azwba-ui-v3 .azwb-page-more-menu .azwb-wp-icon,
.azwba-app .azwba-ui-v3 .azwb-selectionbar .azwb-wp-icon,
.azwba-app .azwba-ui-v3 .azwb-mobilebar .azwb-wp-icon{
 color:#294F43!important
}
.azwba-app .azwba-ui-v3 .azwb-page-more-menu button.is-danger .azwb-wp-icon{
 color:#294F43!important
}


/* Teacher access controls + contrast foundation. */
.azwba-app .azwba-ui-v3{
 --azwba-ui-fg:#20352F;
 --azwba-ui-muted:#536B62;
 --azwba-ui-icon:#244F42;
 --azwba-ui-border:#C9D9D2;
 --azwba-ui-active:#1E6F5C;
 --azwba-ui-active-soft:#E8F3EE
}
.azwba-app .azwba-ui-v3 .azwba-teacher-access{
 display:flex;align-items:center;gap:6px;flex:0 0 auto;direction:rtl
}
.azwba-app .azwba-ui-v3 .azwba-teacher-access--board{
 margin-inline-start:8px;padding-inline-start:8px;border-inline-start:1px solid #D8E5DF
}
.azwba-app .azwba-ui-v3 .azwba-teacher-access-btn{
 min-height:38px;display:grid;grid-template-columns:20px auto 34px;align-items:center;gap:6px;
 padding:0 9px;border:1px solid var(--azwba-ui-border);border-radius:11px;
 background:#FFF;color:var(--azwba-ui-fg);font:800 11.5px/1.2 "Cairo",sans-serif;
 cursor:pointer;box-shadow:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease
}
.azwba-app .azwba-ui-v3 .azwba-teacher-access-btn:hover:not(:disabled){
 background:#F2F7F4;border-color:#AFCABE;color:#143D33
}
.azwba-app .azwba-ui-v3 .azwba-teacher-access-btn.is-active{
 background:var(--azwba-ui-active-soft);border-color:#91BFAE;color:#143D33
}
.azwba-app .azwba-ui-v3 .azwba-teacher-access-btn:focus-visible{
 outline:3px solid #3E7FAB;outline-offset:2px
}
.azwba-app .azwba-ui-v3 .azwba-teacher-access-btn:disabled{opacity:.58;cursor:not-allowed}
.azwba-app .azwba-ui-v3 .azwba-teacher-access-btn__icon{
 display:grid;place-items:center;width:20px;height:20px;color:var(--azwba-ui-icon)
}
.azwba-app .azwba-ui-v3 .azwba-teacher-access-btn__icon img,
.azwba-app .azwba-ui-v3 .azwba-teacher-access-btn__icon svg{
 display:block;width:20px;height:20px;max-width:20px;max-height:20px;object-fit:contain
}
.azwba-app .azwba-ui-v3 .azwba-teacher-access-btn__label{
 min-width:0;white-space:nowrap;color:inherit
}
.azwba-app .azwba-ui-v3 .azwba-teacher-access-btn__switch{
 position:relative;display:block;width:34px;height:20px;border-radius:999px;background:#91A59D;
 box-shadow:inset 0 0 0 1px rgba(20,61,51,.14);transition:background-color .16s ease
}
.azwba-app .azwba-ui-v3 .azwba-teacher-access-btn__switch i{
 position:absolute;top:3px;right:3px;width:14px;height:14px;border-radius:50%;background:#FFF;
 box-shadow:0 1px 3px rgba(20,61,51,.24);transition:transform .16s ease
}
.azwba-app .azwba-ui-v3 .azwba-teacher-access-btn.is-active .azwba-teacher-access-btn__switch{background:#1E6F5C}
.azwba-app .azwba-ui-v3 .azwba-teacher-access-btn.is-active .azwba-teacher-access-btn__switch i{transform:translateX(-14px)}

@media(max-width:1480px){
 .azwba-app .azwba-ui-v3 .azwba-teacher-access--board .azwba-teacher-access-btn{
  grid-template-columns:20px 34px;min-width:68px;padding:0 7px
 }
 .azwba-app .azwba-ui-v3 .azwba-teacher-access--board .azwba-teacher-access-btn__label{
  position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap
 }
}
@media(max-width:760px){
 .azwba-app .azwba-ui-v3 .azwba-teacher-access--board{gap:4px;margin-inline-start:4px;padding-inline-start:4px}
 .azwba-app .azwba-ui-v3 .azwba-teacher-access--board .azwba-teacher-access-btn{
  min-height:42px;grid-template-columns:20px 32px;min-width:64px;padding:0 6px
 }
}