.ak-teacher-exams{max-width: 1440px;margin-inline: auto;padding: clamp(12px,2vw,28px);gap: 24px;min-width: 0}.ak-teacher-exams h1{font-size: clamp(1.4rem,2vw,2rem);margin: 0}.ak-teacher-exams>vaadin-horizontal-layout,.ak-exam-results>vaadin-flex-layout,.ak-exam-questions>vaadin-flex-layout{flex-wrap: wrap;gap: 12px}.ak-exam-grid>vaadin-grid{border: 1px solid var(--vaadin-border-color-secondary);border-radius: 16px;box-shadow: var(--aura-shadow-xs);--vaadin-grid-cell-padding: 14px;min-height: 180px;width: 100%}.ak-exam-grid>vaadin-grid::part(cell){white-space: normal;overflow-wrap: anywhere}.ak-exam-grid>vaadin-grid::part(header-cell){font-weight: 600;background: color-mix(in srgb,var(--aura-accent-color) 6%,var(--aura-background-color))}.ak-exam-actions{min-width: 150px;gap: 4px}.ak-exam-status{display: inline-flex;padding: 4px 12px;border-radius: 999px;font-size: .85rem;white-space: nowrap}.ak-exam-status-planned{color: var(--aura-blue-text);background: color-mix(in srgb,var(--aura-blue) 14%,transparent)}.ak-exam-status-active,.ak-exam-option-correct{color: var(--aura-green-text);background: color-mix(in srgb,var(--aura-green) 12%,transparent)}.ak-exam-status-finished{background: color-mix(in srgb,var(--aura-neutral) 14%,transparent)}.ak-exam-notice{display: block;padding: 16px;border-radius: 12px;background: color-mix(in srgb,var(--aura-blue) 8%,transparent);line-height: 1.8}.ak-exam-question-preview{min-width: 220px;width: 100%;text-align: start}.ak-exam-question-text{white-space: pre-wrap;overflow-wrap: anywhere;line-height: 1.9;margin-block-end: 12px}.ak-exam-option{padding: 8px 12px;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 8px;margin-block: 6px;white-space: pre-wrap;overflow-wrap: anywhere}.ak-exam-option span{display: block;font-size: .75rem;font-weight: 600}.ak-exam-options-form{display: grid !important;grid-template-columns: repeat(2,minmax(0,1fr));gap: 12px}.ak-exam-option-field{width: 100%;min-width: 0}.ak-exam-question-form{gap: 12px}.ak-exam-form{--vaadin-form-layout-column-spacing: 20px}.ak-persian-date-time-picker-fields{display: grid !important;grid-template-columns: minmax(20rem,3fr) minmax(9rem,1fr);gap: var(--vaadin-gap-m);align-items: end}.ak-persian-date-picker-fields{display: grid !important;grid-template-columns: minmax(8rem,1.2fr) repeat(2,minmax(6.5rem,1fr));gap: var(--vaadin-gap-s);align-items: end}.ak-exam-dialog::part(content){padding: 20px}.ak-exam-dialog::part(overlay){border-radius: 20px;box-shadow: var(--aura-shadow-l)}.ak-exam-section-title{font-weight: 600;font-size: 1.2rem}.ak-exam-answer-card{width: 100%;box-sizing: border-box;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 16px;padding: 24px;box-shadow: var(--aura-shadow-xs)}.ak-exam-student-answer{margin-block: 20px;padding: 16px;border-radius: 12px;background: color-mix(in srgb,var(--aura-neutral) 7%,transparent);white-space: pre-wrap;overflow-wrap: anywhere}.ak-exam-student-answer>span{font-weight: 600}.ak-exam-grading{display: flex;align-items: center;gap: 16px;flex-wrap: wrap}@media (max-width: 600px){.ak-teacher-exams{padding: 12px;gap: 16px}.ak-teacher-exams vaadin-flex-layout{flex-direction: column;align-items: stretch}.ak-teacher-exams vaadin-flex-layout>vaadin-button{width: 100%}.ak-exam-options-form{grid-template-columns: minmax(0,1fr)}.ak-exam-answer-card{padding: 14px}.ak-exam-dialog::part(content){padding: 12px}.ak-persian-date-time-picker-fields{grid-template-columns: minmax(0,1fr)}.ak-persian-date-picker-fields{grid-template-columns: repeat(2,minmax(0,1fr))}.ak-persian-date-picker-fields>:first-child{grid-column: 1 / -1}.ak-exam-grading>*{width: 100%}}.ak-student-exams{max-width: 1440px;margin-inline: auto;padding: clamp(12px,2vw,28px);gap: 24px;min-width: 0}.ak-student-exam-list,.ak-student-exam-take,.ak-student-exam-result{gap: 18px;min-width: 0}.ak-student-exam-take{max-width: 980px;margin-inline: auto}.ak-exam-timer{align-self: center;padding: 8px 18px;border-radius: 999px;color: var(--aura-blue-text);background: color-mix(in srgb,var(--aura-blue) 12%,transparent);font-size: 1.05rem;font-weight: 700;font-variant-numeric: tabular-nums}.ak-exam-question-info{font-weight: 600;color: var(--vaadin-text-color-secondary)}.ak-student-exam-question{box-sizing: border-box;padding: clamp(14px,2vw,26px);border: 1px solid var(--vaadin-border-color-secondary);border-radius: 18px;background: var(--aura-background-color);box-shadow: var(--aura-shadow-xs);gap: 12px}.ak-student-exam-question .ak-exam-question-text{width: 100%;margin: 0}.ak-exam-question-type,.ak-exam-question-score{display: inline-flex;width: fit-content;padding: 4px 10px;border-radius: 999px;background: color-mix(in srgb,var(--aura-neutral) 10%,transparent);color: var(--vaadin-text-color-secondary);font-size: .85rem}.ak-exam-result-card{box-sizing: border-box;min-height: 130px;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 16px;background: var(--aura-background-color);box-shadow: var(--aura-shadow-xs)}.ak-exam-result-value{margin: 0;color: var(--aura-blue-text);font-size: 1.8rem}.ak-exam-result-label{color: var(--vaadin-text-color-secondary);text-align: center}.ak-exam-error{display: block;width: 100%;box-sizing: border-box;padding: 16px;border-radius: 12px;color: var(--aura-red-text);background: color-mix(in srgb,var(--aura-red) 10%,transparent);text-align: center}@media (max-width: 600px){.ak-student-exams{padding: 12px;gap: 16px}.ak-student-exam-question{padding: 14px}.ak-student-exam-take>vaadin-horizontal-layout,.ak-student-exam-result vaadin-horizontal-layout{gap: 10px}.ak-exam-result-card{width: 100% !important}}@font-face{font-family: "Vazirmatn";src: url("../../font/Vazirmatn-Medium.ttf") format("truetype");font-weight: 400 600;font-style: normal;font-display: swap}@font-face{font-family: "Vazirmatn";src: url("../../font/Vazirmatn-Bold.ttf") format("truetype");font-weight: 700;font-style: normal;font-display: swap}html{--vaadin-font-family: "Vazirmatn",sans-serif;--aura-font-family: "Vazirmatn",sans-serif;--lumo-font-family: "Vazirmatn",sans-serif;font-family: var(--vaadin-font-family)}body{font-family: var(--vaadin-font-family)}body,button,input,textarea,select,vaadin-button,vaadin-text-field,vaadin-text-area,vaadin-select,vaadin-combo-box,vaadin-grid,vaadin-dialog-overlay{font-family: var(--vaadin-font-family)}:root{--aura-font-family: "Vazirmatn",sans-serif;--ak-brand-primary: var(--aura-accent-color);--ak-brand-primary-surface: var(--aura-accent-surface);--ak-background-color: var(--aura-background-color);--ak-surface: light-dark(#FFFFFF,#23262B);--ak-red: var(--aura-red);--ak-red-transparent: color-mix(in srgb,var(--aura-red) 15%,transparent);--ak-red-subtle: color-mix(in srgb,var(--aura-red) 3%,transparent);--ak-green: var(--aura-green);--ak-green-transparent: color-mix(in srgb,var(--aura-green) 15%,transparent);--ak-green-subtle: color-mix(in srgb,var(--aura-green) 3%,transparent);--ak-yellow: var(--aura-yellow);--ak-yellow-transparent: color-mix(in srgb,var(--aura-yellow) 15%,transparent);--ak-blue: var(--aura-blue);--ak-blue-transparent: color-mix(in srgb,var(--aura-blue) 15%,transparent);--ak-white: var(#FFFFFFFF);--ak-auth-view-card-form-div--background: var(--ak-surface);--ak-auth-view-card-form-div--border: 1px solid var(--vaadin-border-color-secondary);--ak-auth-view-card-form-div--box-shadow: 0 2px 8px rgb(0 0 0 / 10%);--ak-auth-view-card-form-lbl-resend-otp--color: var(--aura-accent-text-color);--ak-auth-view-card-form-lbl-change-cellphone--color: var(--aura-accent-text-color);--ak-auth-view-lbl-otp-sec-red--color: var(--aura-red-text);--ak-text-footer-component-lms-detail--color: var(--vaadin-text-color-secondary);--ak-onboarding-app-layout-footer--background: var(--ak-surface);--ak-onboarding-app-layout--background: var(--ak-surface);--ak-onboarding-app-layout--box-shadow: var(--aura-shadow-m);--ak-onboarding-app-layout-border-color: var(--vaadin-border-color);--ak-onboarding-navbar-component-layout--background: var(--ak-background-color);--ak-onboarding-app-layout-background: var(--ak-background-color);--ak-onboarding-navbar-component-btn-logout--background: var(--aura-red);--ak-onboarding-navbar-component-banner-icon-text--color: var(--ak-brand-primary);--ak-onboarding-personal-information-help-component-main-layout--background: var(--ak-brand-primary-surface);--ak-onboarding-personal-information-help-component-main-layout--border-color: var(--ak-background-color);--ak-onboarding-personal-information-help-component-main-layout--border-radius: var(--vaadin-radius-l);--ak-onboarding-personal-information-help-component-main-layout--box-shadow: var(--aura-shadow-s);--ak-onboarding-personal-information-view-input--part-toggle-button--color: var(--ak-brand-primary);--ak-onboarding-personal-information-view-input-icon--color: var(--ak-brand-primary);--ak-onboarding-personal-view--background: var(--ak-surface);--ak-onboarding-personal-view--border-color: var(--vaadin-border-color-secondary);--ak-onboarding-personal-view--border-radius: var(--vaadin-radius-l);--ak-onboarding-personal-view--box-shadow: var(--aura-shadow-s);--ak-onboarding-personal-subtitle--color: var(--vaadin-text-color);--ak-onboarding-personal-title-down-hr--color: var(--vaadin-border-color-secondary);--ak-onboarding-student-view--background: var(--ak-surface);--ak-onboarding-student-view--border-color: var(--vaadin-border-color-secondary);--ak-onboarding-student-view--border-radius: var(--vaadin-radius-l);--ak-onboarding-student-view--box-shadow: var(--aura-shadow-s);--ak-onboarding-student-title-down-hr--color: var(--vaadin-border-color-secondary);--ak-onboarding-student-subtitle--color: var(--vaadin-text-color);--ak-onboarding-student-information-help-component-main-layout--background: var(--ak-brand-primary-surface);--ak-onboarding-student-information-help-component-main-layout--border-color: var(--ak-background-color);--ak-onboarding-student-information-help-component-main-layout--border-radius: var(--vaadin-radius-l);--ak-onboarding-student-information-help-component-main-layout--box-shadow: var(--aura-shadow-s);--ak-onboarding-student-information-view-input--part-toggle-button--color: var(--ak-brand-primary);--ak-onboarding-student-information-view-input-icon--color: var(--ak-brand-primary);--ak-onboarding-branch-admin-school-selection-main-layout--background: var(--ak-surface);--ak-onboarding-branch-admin-school-selection-main-layout--border: 1px solid var(--vaadin-border-color-secondary);--ak-onboarding-branch-admin-school-selection-main-layout--box-shadow: 0 2px 8px rgb(0 0 0 / 10%);--ak-onboarding-branch-admin-school-selection-txt-input-code-detail--color: var(--vaadin-text-color-secondary);--ak-onboarding-branch-admin-save-information-view--background: var(--ak-surface);--ak-onboarding-branch-admin-save-information-view--border-color: var(--vaadin-border-color-secondary);--ak-onboarding-branch-admin-save-information-view--border-radius: var(--vaadin-radius-l);--ak-onboarding-branch-admin-save-information-view--box-shadow: var(--aura-shadow-s);--ak-hr-component--color: var(--vaadin-border-color-secondary);--ak-role-selection-card-item-not-selected--border-color: var(--aura-accent-border-color);--ak-role-selection-card-item-circle-selection-not-selected--border-color: var(--vaadin-border-color-secondary);;--ak-role-selection-card-item-circle-selection-selected--border-color: var(--ak-brand-primary);--ak-role-selection-card-item-icon-layout-not-selected--background: light-dark(#EEF2FF,#1F2E4D);--ak-role-selection-card-item-icon-layout-icon-not-selected--background: var(--ak-brand-primary);--ak-role-selection-card-item-icon-layout-selected--background: var(--ak-brand-primary);--ak-role-selection-card-item-icon-layout-icon-selected--background: var(--aura-background-color);--ak-role-selection-card-item-description--color: var(--vaadin-text-color-secondary);--ak-role-selection-card-item-title--color: var(--vaadin-text-color);--ak-role-selection-card-item-not-selected--box-shadow: 0 1px 4px rgb(0 0 0 / 8%);--ak-role-selection-card-item-not-selected--border: 1px solid var(--vaadin-border-color-secondary);--ak-role-selection-card-item-not-selected--background: var(--aura-background-color);--ak-role-selection-card-item-selected--box-shadow: 0 8px 20px rgb(79 70 229 / 15%);--ak-role-selection-card-item-selected--border: 2px solid var(--ak-brand-primary);--ak-role-selection-card-item-selected--background: var(--ak-brand-primary-surface);--ak-role-selection-card-item--box-shadow-hover: 0 6px 16px rgb(0 0 0 / 12%);--ak-role-selection-top-title--color: var(--vaadin-text-color-secondary);--ak-security-information-component-main-layout--background: light-dark(#D8EBFD,#20364F);--ak-security-information-component-main-layout--border-color: light-dark(#258CF433,#5FAEFF55);--ak-security-information-component-main-layout--border-radius: var(--vaadin-radius-l);--ak-security-information-component-main-layout--box-shadow: var(--aura-shadow-s);--ak-security-information-component-main-layout--vaadin-icon--color: var(--aura-accent-color);--ak-security-information-component-main-layout--H5--color: var(--aura-accent-color);--ak-security-information-component-main-layout--p--color: var(--vaadin-text-color);--ak-profile-picture-upload-component-layout--background: var(--vaadin-background-container);--ak-profile-picture-upload-component-layout--border-color: var(--vaadin-border-color);--ak-profile-picture-upload-component-layout--border-radius: var(--vaadin-radius-l);--ak-profile-picture-upload-component-layout-avatar-layout--background-color: var(--ak-surface);--ak-profile-picture-upload-component-layout-avatar-layout--border-color: light-dark(#258CF433,#5FAEFF55);--ak-profile-picture-upload-component-layout-avatar-layout--box-shadow: var(--aura-shadow-xs);--ak-profile-picture-upload-component-layout-avatar-layout-chooser-photo-btn--color: var(--ak-surface);--ak-profile-picture-upload-component-layout-avatar-layout-chooser-photo-btn--border-color: var(--ak-surface);--ak-profile-picture-upload-component-layout-description--color: var(--vaadin-text-color-secondary);--ak-upload-component-layout--background: var(--vaadin-background-container);--ak-upload-component-layout--border-color: var(--vaadin-border-color);--ak-upload-component-layout--border-radius: var(--vaadin-radius-l);--ak-upload-component-layout-layout--background-color: var(--ak-surface);--ak-upload-component-layout-layout--border-color: light-dark(#258CF433,#5FAEFF55);--ak-upload-component-layout-layout--box-shadow: var(--aura-shadow-xs);--ak-upload-component-layout-layout-chooser-btn--color: var(--ak-surface);--ak-upload-component-layout-layout-chooser-btn--border-color: var(--ak-surface);--ak-upload-component-layout-description--color: var(--vaadin-text-color-secondary);--ak-branch-mobile-navigation-item--color: var(--vaadin-text-color-secondary);--ak-branch-mobile-navigation-item-highlight--color: var(--ak-brand-primary);--ak-branch-ak-side-nav-branch-main-layout-sign-out-part-link--color: var(--aura-red);--ak-branch-ak-side-nav-branch-main-layout-sign-out-part-link-hover--color: var(--vaadin-text-color);--ak-branch-home-view-dashboard-stat-card-item-layout--border-color: var(--vaadin-border-color-secondary);--ak-branch-home-view-dashboard-stat-card-item-layout--border-raduis: var(--vaadin-radius-l);--ak-branch-home-view-dashboard-stat-card-item-layout--background: var(--vaadin-background-color);--ak-branch-home-view-dashboard-stat-card-item-layout--box-shadow: var(--vaadin-card-shadow);--ak-branch-home-view-session-today-class-session-type-span--border-raduis: var(--vaadin-radius-m);--ak-branch-home-view-session-today-class-session-type-span-online--background-color: var(--aura-blue);--ak-branch-home-view-session-today-class-session-type-span-online--color: var(--aura-blue-text);--ak-branch-home-view-session-today-class-session-type-span-in-person--background-color: var(--aura-green);--ak-branch-home-view-session-today-class-session-type-span-in-person--color: var(--aura-green-text);--ak-branch-home-view-session-today-class-session-type-span-hybrid--background-color: var(--aura-purple);--ak-branch-home-view-session-today-class-session-type-span-hybrid--color: var(--aura-purple-text);--ak-branch-new-class-view-information-layout--background: var(--ak-surface);--ak-branch-new-class-view-information-layout--border-color: var(--vaadin-border-color-secondary);--ak-branch-new-class-view-information-layout--border-radius: var(--vaadin-radius-l);--ak-branch-new-class-view-information-layout--box-shadow: var(--aura-shadow-s);--ak-branch-new-class-view-title-layout-color--color: var(--ak-brand-primary);--ak-component-active-checked-component--background: var(--ak-surface);--ak-component-active-checked-component--border-color: var(--vaadin-border-color-secondary);--ak-component-active-checked-component--border-radius: var(--vaadin-radius-s);--ak-component-one-selected-button-component--background: var(--ak-surface);--ak-component-one-selected-button-component--border-color: var(--vaadin-border-color-secondary);--ak-component-one-selected-button-component--border-radius: var(--vaadin-radius-s);--ak-component-one-selected-button-component-button-item--border-radius: var(--vaadin-radius-s);--ak-branch-member-view-card-stat-item-student--background: color-mix(in srgb,var(--aura-blue) 15%,transparent);--ak-branch-member-view-card-stat-item-student--icon-color: var(--aura-blue);--ak-branch-member-view-card-stat-item-teacher--background: color-mix(in srgb,var(--aura-green) 15%,transparent);--ak-branch-member-view-card-stat-item-teacher--icon-color: var(--aura-green);--ak-branch-member-view-card-stat-item-invite--background: color-mix(in srgb,var(--aura-purple) 15%,transparent);--ak-branch-member-view-card-stat-item-invite--icon-color: var(--aura-purple);--ak-student-enrollment-invitation-status-pending--color: var(--aura-orange);--ak-student-enrollment-invitation-status-rejected--color: var(--aura-red);--ak-student-enrollment-invitation-status-approved--color: var(--aura-green);--ak-student-enrollment-invitation-status-cancelled--color: var(--aura-neutral);--ak-student-enrollment-invitation-status-expired--color: var(--aura-purple);--ak-stat-card-item-layout--border-color: var(--vaadin-border-color-secondary);--ak-stat-card-item-layout--border-raduis: var(--vaadin-radius-l);--ak-stat-card-item-layout--background: var(--vaadin-background-color);--ak-stat-card-item-layout--box-shadow: var(--vaadin-card-shadow);--ak-card-layout--background: var(--ak-surface);--ak-card-layout--border-color: var(--vaadin-border-color-secondary);--ak-card-layout--border-radius: var(--vaadin-radius-l);--ak-card-layout--box-shadow: var(--aura-shadow-s)}.ak-management-page{max-width: 1440px;margin-inline: auto;min-width: 0;box-sizing: border-box}.ak-page-actions{gap: .65rem;min-width: 0}.ak-page-actions>vaadin-button{margin: 0;min-height: 2.75rem}.ak-page-actions>vaadin-text-field{flex: 1 1 12rem}.ak-record-details{border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);padding: 1rem;box-sizing: border-box}.ak-record-details span{overflow-wrap: anywhere;white-space: pre-wrap}.ak-usage-card{border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);background: var(--aura-background-color);box-sizing: border-box;min-width: 0}.ak-system-status{padding-block: .5rem;color: var(--vaadin-text-color-secondary)}.ak-overview-statistics{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,14rem),1fr));gap: 1rem}.ak-overview-statistics>.ak-stat-card-item-layout{width: auto !important;min-width: 0}.ak-overview-statistics .ak-stat-card-item-layout>vaadin-vertical-layout:last-child{padding: .75rem;gap: .4rem}.ak-form-footer{justify-content: flex-end;border-top: 1px solid var(--vaadin-border-color-secondary);padding-top: 1rem;margin-top: .5rem}.ak-storage-breadcrumbs{display: flex;flex-wrap: wrap;gap: .4rem;align-items: center;min-width: 0}.ak-storage-breadcrumbs vaadin-button{max-width: 100%}.ak-ticket-panel,.ak-ticket-conversation,.ak-ticket-compose-dialog{--ticket-surface: light-dark(#ffffff,#242b35);--ticket-canvas: light-dark(#f1f5fa,#1b222c);--ticket-border: light-dark(#d5dfea,#465364);--ticket-own: light-dark(#e0edff,#263f5d);--ticket-own-border: light-dark(#adcdf5,#54769f);--ticket-muted: var(--vaadin-text-color-secondary,light-dark(#57677b,#b1bdcc));color: var(--vaadin-text-color,light-dark(#1d2b3c,#edf2f8))}.ak-ticket-panel,.ak-ticket-conversation{width: 100%;max-width: 1080px;margin-inline: auto;box-sizing: border-box;padding: clamp(12px,2vw,24px);gap: 16px;min-width: 0}.ak-ticket-actions{display: flex;flex-wrap: wrap;align-items: center;gap: 12px;min-width: 0;max-width: 100%}.ak-ticket-actions vaadin-button{margin: 0;flex-shrink: 0}.ak-ticket-actions vaadin-icon{width: 18px;height: 18px}.ak-ticket-panel h3,.ak-ticket-chat-header h3{margin: 0 0 12px;overflow-wrap: anywhere}.ak-ticket-panel p,.ak-ticket-participants{color: var(--ticket-muted);line-height: 1.8}.ak-ticket-compose-content{gap: 16px}.ak-ticket-compose-dialog .ak-ticket-actions{justify-content: flex-end}.ak-ticket-empty{width: 100%;padding: 40px 16px;box-sizing: border-box;text-align: center;border: 1px dashed var(--ticket-border);border-radius: 16px;color: var(--ticket-muted)}.ak-ticket-chat-header,.ak-ticket-composer{width: 100%;box-sizing: border-box;padding: 12px 0;background: transparent;border: 0;border-radius: 0}.ak-ticket-chat-header{border-bottom: 1px solid var(--ticket-border);padding-bottom: 20px}.ak-ticket-chat-header vaadin-button{--vaadin-button-background: transparent;--vaadin-button-border-width: 0;box-shadow: none}.ak-ticket-chat-header vaadin-button:hover{--vaadin-button-background: var(--ticket-own)}.ak-ticket-chat-header>.ak-ticket-actions:first-child{margin-bottom: 18px}.ak-ticket-status{display: inline-block;white-space: nowrap;padding: 4px 12px;border-radius: 99px;font-size: .8rem;font-weight: 600;background: var(--ticket-own);color: light-dark(#164f8c,#bbdaff)}.ak-ticket-status[data-status="ANSWERED"]{background: light-dark(#e0f3e9,#193c30);color: light-dark(#176440,#a6e7c7)}.ak-ticket-status[data-status="CLOSED"]{background: var(--ticket-canvas);color: var(--ticket-muted)}.ak-ticket-messages{display: flex;flex-direction: column;gap: 18px;width: 100%;box-sizing: border-box;height: clamp(280px,48dvh,660px);padding: 24px;overflow: auto;border: 0;border-radius: 0;background: transparent;overscroll-behavior: contain;scrollbar-gutter: stable}.ak-ticket-bubble{display: flex;flex-direction: column;flex: 0 0 auto;align-self: flex-end;gap: 10px;width: fit-content;max-width: 80%;min-width: min(200px,100%);box-sizing: border-box;padding: 14px 18px;border: 1px solid var(--ticket-border);border-radius: 18px 18px 18px 5px;background: var(--ticket-surface);overflow-wrap: anywhere;box-shadow: none}.ak-ticket-bubble[data-own="true"]{align-self: flex-start;background: var(--ticket-own);border-color: var(--ticket-own-border);border-radius: 18px 18px 5px 18px}.ak-ticket-bubble-name{font-weight: 600;font-size: .85rem}.ak-ticket-bubble-body{white-space: pre-wrap;overflow-wrap: anywhere;line-height: 1.9}.ak-ticket-bubble-time{color: var(--ticket-muted);font-size: .75rem;direction: ltr;align-self: flex-end}.ak-ticket-attachment{display: flex;align-items: center;gap: 10px;padding: 10px 12px;min-width: 0;border: 1px solid var(--ticket-border);border-radius: 10px;text-decoration: none;background: var(--ticket-surface);color: var(--aura-accent-text-color,light-dark(#175faa,#b5d8ff))}.ak-ticket-attachment vaadin-icon{width: 18px;height: 18px;flex-shrink: 0}.ak-ticket-composer{display: flex;flex-direction: column;gap: 14px;border-top: 1px solid var(--ticket-border);padding-top: 18px}.ak-ticket-composer>span{font-size: .8rem;color: var(--ticket-muted)}.ak-ticket-composer .ak-ticket-actions{align-items: center;justify-content: space-between}.ak-ticket-upload{border: 0;padding: 0;min-width: 0;max-width: 100%}.ak-ticket-message-pager{width: 100%;justify-content: center;align-items: center}@media (max-width: 600px){.ak-ticket-panel,.ak-ticket-conversation{padding: 10px;gap: 12px}.ak-ticket-chat-header,.ak-ticket-composer{padding-inline: 0}.ak-ticket-messages{padding: 12px;gap: 14px}.ak-ticket-bubble{max-width: 92%;padding: 12px 14px}.ak-ticket-actions{gap: 10px}.ak-ticket-panel .ak-ticket-actions vaadin-combo-box{width: 100%}}.ak-developer-credit{--credit-safe-left: env(safe-area-inset-left,0px);--credit-safe-right: env(safe-area-inset-right,0px);--credit-safe-bottom: env(safe-area-inset-bottom,0px);display: block;position: fixed;left: max(0.4rem,env(safe-area-inset-left,0px));bottom: max(0.15rem,env(safe-area-inset-bottom,0px));z-index: 10;width: max-content;height: auto;margin: 0;padding: 0;font-size: 0.65rem;line-height: 1.4;pointer-events: none;visibility: hidden}.ak-developer-credit[data-page="home"]{font-size: 0.65rem;letter-spacing: 0.025em}.ak-developer-credit[data-page="auth"],.ak-developer-credit[data-page="entry"],.ak-developer-credit[data-page="onboarding"]{padding: 0.15rem 0.45rem;border-radius: 0.4rem;background: var(--aura-background-color);font-size: 0.66rem}.ak-developer-credit[data-page^="panel"]{padding: 0.2rem 0.5rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 999px;background: var(--aura-background-color);font-size: 0.62rem}.ak-developer-credit[data-page="panel-settings"]{border-radius: 0.35rem}.ak-developer-credit[data-page="panel-files"]{border-radius: 0.25rem;border-style: dashed}.ak-developer-credit[data-page="panel-sessions"]{border-radius: 0.35rem;border-inline-start: 2px solid var(--vaadin-border-color)}.ak-developer-credit[data-page="panel-exams"]{border-radius: 0.25rem;border-width: 0 0 1px}.ak-developer-credit[data-page="room"]{padding: 0.1rem 0.4rem;border-radius: 0.35rem;background: var(--aura-background-color);font-size: 0.6rem}.ak-developer-credit[data-page="about"]{font-size: 0.68rem;font-weight: 500}.ak-developer-credit[data-page="pricing"]{padding: 0.15rem 0.4rem;border-inline-start: 2px solid var(--vaadin-border-color-secondary);background: var(--aura-background-color)}.ak-developer-credit[data-page="error"]{font-size: 0.6rem}.ak-developer-credit a{pointer-events: auto;color: var(--vaadin-text-color-secondary);text-decoration: none;text-underline-offset: 0.2em;white-space: nowrap}.ak-developer-credit a:hover{color: var(--aura-accent-text-color);text-decoration: underline}.ak-developer-credit a:focus-visible{outline: 2px solid var(--aura-accent-color);outline-offset: 3px;border-radius: 2px}.ak-shared-badge{display: inline-flex;align-items: center;padding: 0.25rem 0.625rem;border-radius: var(--vaadin-radius-m);font-weight: 600;white-space: nowrap}.mobile-navigation-item{flex: 1;color: var(--ak-branch-mobile-navigation-item--color);text-decoration: none}.mobile-navigation-content{display: flex;flex-direction: column;align-items: center;gap: 0.25rem}.mobile-navigation-item[highlight]{color: var(--ak-branch-mobile-navigation-item-highlight--color)}vaadin-side-nav-item.ak-side-nav-branch-main-layout-sign-out::part(link){color: var(--ak-branch-ak-side-nav-branch-main-layout-sign-out-part-link--color)}vaadin-side-nav-item.ak-side-nav-branch-main-layout-sign-out::part(link):hover{color: var(--ak-branch-ak-side-nav-branch-main-layout-sign-out-part-link-hover--color)}.ak-card-layout{padding: 20px;background: var(--ak-card-layout--background);border: 1px solid var(--ak-card-layout--border-color);border-radius: var(--ak-card-layout--border-radius);box-shadow: var(--ak-card-layout--box-shadow)}.ak-status-active{color: var(--aura-green-text);background-color: color-mix( in srgb,var(--aura-green) 15%,transparent )}.ak-status-inactive{color: var(--aura-red-text);background-color: color-mix( in srgb,var(--aura-red) 15%,transparent )}vaadin-notification-card.ak-notification::part(overlay){min-width: min(23rem,calc(100vw - 2rem));max-width: min(30rem,calc(100vw - 2rem));padding: 0.9rem 1rem;border: 1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius: 1rem;box-shadow: 0 16px 42px color-mix(in srgb,#000 22%,transparent)}.ak-notification-content{gap: 0.75rem}.ak-notification-icon{flex: 0 0 auto;width: 1.4rem;height: 1.4rem;margin-top: 0.1rem}.ak-notification-title{font-weight: 750;line-height: 1.5}.ak-notification-message{color: var(--lumo-secondary-text-color);line-height: 1.65;overflow-wrap: anywhere}.ak-notification-close{flex: 0 0 auto;margin: -0.25rem -0.25rem 0 0}.ak-room-presence-notification .ak-notification-title{font-size: 14px}.ak-room-presence-notification .ak-notification-message{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 13px;line-height: 1.5}.ak-room-presence-notification .ak-notification-icon{width: 20px;height: 20px}.ak-room-presence-notification .ak-notification-close vaadin-icon{width: 20px;height: 20px}.ak-room-status-dot-live,.ak-room-status-dot-offline{display: inline-block;flex: 0 0 10px;width: 12px;height: 12px;min-width: 10px;min-height: 10px;padding: 0;margin: 0;aspect-ratio: 1 / 1;border: none;border-radius: 50%;box-sizing: border-box;font-size: 0}.ak-room-status-dot-live{background-color: var(--aura-green);box-shadow: 0 0 6px color-mix( in srgb,var(--aura-green) 60%,transparent )}.ak-room-status-dot-offline{background-color: var(--aura-red)}.ak-class-entry-view{justify-content: center;text-align: center;gap: 0.75rem}.ak-class-entry-view>vaadin-icon{width: 3rem;height: 3rem;color: var(--aura-accent-color)}.ak-class-entry-view p{max-width: 34rem;margin: 0;color: var(--lumo-secondary-text-color);line-height: 1.8}.auth-view-branding-avatar{width: 5.5rem;height: 5.5rem}.ak-auth-view{background: radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--vaadin-primary-color) 5%,transparent),transparent 65%)}.ak-auth-root{gap: clamp(1rem,4vw,3rem);min-height: 65dvh}.ak-auth-branding{text-align: center;gap: 0.85rem}.ak-auth-branding h4{margin: 0.5rem 0 0;font-size: 1.3rem}.ak-auth-branding>span{color: var(--vaadin-text-color-secondary);line-height: 1.9;max-width: 28rem}.ak-auth-form{box-sizing: border-box;min-width: 0}.ak-auth-form .auth-view-card-form-div{width: 100%;padding: clamp(1.25rem,3vw,2rem);box-sizing: border-box;border-radius: 1.25rem}.auth-view-card-form-div h2{font-size: 1.25rem;margin: 0}.ak-auth-hint{font-size: 0.9rem;color: var(--vaadin-text-color-secondary);line-height: 1.8;margin: 0 0 0.5rem}.auth-view-card-form-txt-cellphone::part(input-field),.auth-view-card-form-txt-otp::part(input-field){min-height: 2.8rem}.auth-view-card-form-txt-cellphone input,.auth-view-card-form-txt-otp input{direction: ltr}.auth-view-card-form-resend-otp-layout{flex-wrap: wrap;gap: 0.5rem}@media (max-width: 700px){.ak-auth-root{min-height: auto;gap: 0.5rem;padding-block: 1rem}.ak-auth-branding{padding-block: 0.5rem}.auth-view-branding-avatar{width: 4rem;height: 4rem}}.auth-view-card-form-div{background: var(--ak-auth-view-card-form-div--background);border-radius: 14px;border: var(--ak-auth-view-card-form-div--border);box-shadow: var(--ak-auth-view-card-form-div--box-shadow);padding: 20px 20px 20px 20px}.auth-view-card-form-txt-cellphone input,.auth-view-card-form-txt-otp input{padding: 5px 5px 5px 5px}.auth-view-card-form-btn-auth{margin: 20px 0 0 0;padding: 14px 13px 11px 11px;border-radius: 16px;height: 48px;font-weight: 600}.auth-view-card-form-lbl-resend-otp{color: var(--ak-auth-view-card-form-lbl-resend-otp--color);margin: 0;cursor: pointer}.auth-view-card-form-lbl-change-cellphone{color: var(--ak-auth-view-card-form-lbl-change-cellphone--color);margin: 0;cursor: pointer;align-content: end}.auth-view-card-form-lbl-resend-otp-detail{margin: 0}.auth-view-card-form-resend-otp-layout{margin: 20px 0 0 0}.auth-view-lbl-otp-sec-red{color: var(--ak-auth-view-lbl-otp-sec-red--color)}.security-information-component-main-layout{background: var(--ak-security-information-component-main-layout--background);border: 1px solid var(--ak-security-information-component-main-layout--border-color);border-radius: var(--ak-security-information-component-main-layout--border-radius);box-shadow: var(--ak-security-information-component-main-layout--box-shadow);padding: 20px 40px 20px 40px}.security-information-component-main-layout vaadin-icon{color: var(--ak-security-information-component-main-layout--vaadin-icon--color);width: clamp(25px,1.2vw,30px);height: clamp(25px,1.2vw,30px)}.security-information-component-main-layout H5{font-size: clamp(17px,0.9vw,19px);line-height: 1.35;font-weight: 700;color: var(--ak-security-information-component-main-layout--H5--color)}.security-information-component-main-layout p{font-size: clamp(14px,0.75vw,15px);line-height: 1.6;font-weight: 500;color: var(--ak-security-information-component-main-layout--p--color);margin: 0}.ak-profile-picture-upload-component-layout{background: var(--ak-profile-picture-upload-component-layout--background);border: 2px dashed var(--ak-profile-picture-upload-component-layout--border-color);border-radius: var(--ak-profile-picture-upload-component-layout--border-radius)}.ak-profile-picture-upload-component-layout-avatar-layout{width: clamp(140px,10vw,156px) !important;height: clamp(140px,10vw,156px) !important;padding: 5px;background-color: var(--ak-profile-picture-upload-component-layout-avatar-layout--background-color);border: 2px solid var(--ak-profile-picture-upload-component-layout-avatar-layout--border-color);border-radius: 50%;box-shadow: var(--ak-profile-picture-upload-component-layout-avatar-layout--box-shadow)}.ak-profile-picture-upload-component-layout-avatar{}.ak-profile-picture-upload-component-layout-avatar-layout-chooser-photo-btn{width: clamp(36px,2.5vw,42px);height: clamp(36px,2.5vw,42px);min-width: clamp(36px,2.5vw,42px);min-height: clamp(36px,2.5vw,42px);color: var(--ak-profile-picture-upload-component-layout-avatar-layout-chooser-photo-btn--color);border: 1px solid var(--ak-profile-picture-upload-component-layout-avatar-layout-chooser-photo-btn--border-color);border-radius: 50%}.ak-profile-picture-upload-component-layout-description{color: var(--ak-profile-picture-upload-component-layout-description--color)}.ak-upload-component-layout{background: var(--ak-upload-component-layout--background);border-radius: var(--ak-upload-component-layout--border-radius)}.ak-upload-component{border-radius: var(--ak-upload-component-layout--border-radius);border: 2px dashed var(--ak-upload-component-layout--border-color)}.ak-upload-component-layout-chooser-btn{color: var(--ak-upload-component-layout-layout-chooser-btn--color);border: 1px solid var(--ak-upload-component-layout-layout-chooser-btn--border-color)}.ak-upload-component-layout-description{color: var(--ak-upload-component-layout-description--color);margin: 5px 0 5px 0}.ak-upload-component::part(primary-buttons){display: flex;flex-direction: column;gap: var(--vaadin-gap-s);align-items: center}.ak-upload-component-span-or{margin: 0 0 -23px 0}.ak-text-area-txt-len{margin: 5px 0 0 0}.ak-text-area-txt-len--normal{color: var(--vaadin-text-color-secondary)}.ak-text-area-txt-len--error{color: var(--aura-red)}.ak-side-vav-menu-component-sidebar{padding: 10px;width: clamp(180px,18vw,240px)}.ak-side-vav-menu-component-sidebar vaadin-side-nav-item{margin: 17px 5px 0 0}.ak-grouped-navigation .ak-side-vav-menu-component-sidebar{box-sizing: border-box;width: 100%;padding: 0.5rem}.ak-grouped-navigation vaadin-side-nav-item{margin: 0.125rem 0}.ak-grouped-navigation vaadin-side-nav-item::part(link){min-height: 2.75rem;box-sizing: border-box}.ak-component-one-selected-button-component{background: var(--ak-component-one-selected-button-component--background);border: 1px solid var(--ak-component-one-selected-button-component--border-color);border-radius: var(--ak-component-one-selected-button-component--border-radius);padding: 5px}.ak-component-one-selected-button-component-button-item{border-radius: var(--ak-component-one-selected-button-component-button-item--border-radius);width: 100%}.ak-component-active-checked-component{background: var(--ak-component-active-checked-component--background);border: 1px solid var(--ak-component-active-checked-component--border-color);border-radius: var(--ak-component-active-checked-component--border-radius);padding: 10px}.ak-hr-component{border: none;height: 1px;background: var(--ak-hr-component--color)}.ak-stat-card-item-layout{box-sizing: border-box;padding: 1.25rem;border: 1px solid var(--ak-stat-card-item-layout--border-color);border-radius: var(--ak-stat-card-item-layout--border-raduis);background: var(--ak-stat-card-item-layout--background);box-shadow: var(--ak-stat-card-item-layout--box-shadow)}.ak-stat-card-content-number-of{font-weight: 700;font-size: 20px}.ak-stat-card-icon-layout{border-radius: 12px}.ak-component-pagination-button{width: 46px;height: 36px;min-width: 36px;min-height: 36px;padding: 2px 0 0;line-height: 2;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%}.ak-dialog-component-button--error{background: var(--ak-red);color: var(--ak-white)}.ak-dialog-component-button--warning{background: var(--ak-yellow);color: var(--ak-white)}.ak-dialog-component-button--info{background: var(--ak-blue);color: var(--ak-white)}vaadin-dialog-overlay.ak-alert-dialog::part(content){overflow-x: hidden;scrollbar-width: none}vaadin-dialog-overlay.ak-alert-dialog::part(content)::-webkit-scrollbar{display: none}.role-selection-top-title{color: var(--ak-role-selection-top-title--color)}.role-selection-card-item{background: var(--ak-brand-primary-surface);padding: 10px;border-radius: 16px;transition: box-shadow .2s ease,transform .2s ease;margin: 10px 10px 10px 10px;cursor: pointer}.role-selection-card-item-not-selected{background: var(--ak-role-selection-card-item-not-selected--background);border: var(--ak-role-selection-card-item-not-selected--border);box-shadow: var(--ak-role-selection-card-item-not-selected--box-shadow)}.role-selection-card-item-selected{background: color-mix(in srgb,var(--ak-role-selection-card-item-selected--background) 50%,transparent);border: var(--ak-role-selection-card-item-selected--border);box-shadow: var(--ak-role-selection-card-item-selected--box-shadow)}.role-selection-card-item:hover{box-shadow: var(--ak-role-selection-card-item--box-shadow-hover);transform: translateY(-2px)}.role-selection-card-item-icon-layout{border-radius: 16px}.role-selection-card-item-icon-layout-selected{background: var(--ak-role-selection-card-item-icon-layout-selected--background);color: var(--ak-role-selection-card-item-icon-layout-icon-selected--background)}.role-selection-card-item-icon-layout-not-selected{background: var(--ak-role-selection-card-item-icon-layout-not-selected--background);color: var(--ak-role-selection-card-item-icon-layout-icon-not-selected--background)}.role-selection-card-item-icon-layout-icon{font-size: 20px}.role-selection-card-item-title{color: var(--ak-role-selection-card-item-title--color)}.role-selection-card-item-description{color: var(--ak-role-selection-card-item-description--color)}.role-selection-card-item-circle-selection{width: 24px;height: 24px;border-radius: 50%;background: transparent;box-sizing: border-box;flex-shrink: 0;transition: border-color .2s ease}.role-selection-card-item-circle-selection-not-selected{border: 3px solid var(--ak-role-selection-card-item-circle-selection-not-selected--border-color)}.role-selection-card-item-circle-selection-selected{border: 8px solid var(--ak-role-selection-card-item-circle-selection-selected--border-color)}.role-selection-btn-next{margin: 20px 0 0 0;padding: 14px 13px 11px 11px;border-radius: 16px;height: 48px;font-weight: 600}.ak-filter-layout{display: flex;flex-wrap: wrap;align-items: center;gap: 5px}.ak-filter-txt{width: 280px}.ak-filter-btn-search{flex: 0 0 auto}.ak-status-pending{color: var(--aura-orange-text);background-color: color-mix( in srgb,var(--aura-orange) 15%,transparent )}.ak-status-active{color: var(--aura-green-text);background-color: color-mix( in srgb,var(--aura-green) 15%,transparent )}.ak-status-rejected{color: var(--aura-red-text);background-color: color-mix( in srgb,var(--aura-red) 15%,transparent )}.ak-status-removed{color: var(--lumo-secondary-text-color);background-color: color-mix( in srgb,var(--lumo-contrast) 10%,transparent )}.ak-room-join{width: 100%;max-width: 1180px;margin-inline: auto;box-sizing: border-box}.ak-room-join-filter{display: grid;grid-template-columns: minmax(13rem,1fr) minmax(12rem,1fr) auto;align-items: end;gap: 0.65rem;width: 100%;max-width: 860px;margin-inline: auto;padding: 0.8rem;box-sizing: border-box;border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);background: color-mix(in srgb,var(--aura-neutral) 4%,var(--aura-background-color))}.ak-room-join-filter .ak-filter-txt{width: 100%;min-width: 0}.ak-room-join-status-live,.ak-room-join-status-offline{font-size: 0.78rem}.ak-room-join-status-live{color: var(--aura-green-text);background: color-mix(in srgb,var(--aura-green) 14%,transparent)}.ak-room-join-status-offline{color: var(--vaadin-text-color-secondary);background: color-mix(in srgb,var(--aura-neutral) 10%,transparent)}@media (max-width: 767px){.ak-room-join{padding: 0.35rem}.ak-room-join-filter{grid-template-columns: minmax(0,1fr);max-width: 34rem;gap: 0.45rem;margin-inline: auto;padding: 0.75rem}.ak-room-join-filter .ak-filter-btn-search{width: 100%;min-height: 2.6rem}.ak-room-join-grid .ak-list-cards{gap: 0.85rem;width: 100%;max-width: 42rem;margin-inline: auto}.ak-room-join-grid .ak-list-card{gap: 0;padding: 0;overflow: hidden;border-color: color-mix(in srgb,var(--aura-accent-color) 22%,var(--vaadin-border-color-secondary));border-radius: var(--vaadin-radius-l);box-shadow: 0 0.35rem 1rem rgb(0 0 0 / 8%)}.ak-room-join-grid .ak-list-card-field{padding: 0.7rem 0.85rem;border-bottom: 1px solid var(--vaadin-border-color-secondary)}.ak-room-join-grid .ak-list-card-field:last-child{border-bottom: 0}.ak-room-join-grid .ak-list-card-field-title{padding-block: 0.9rem;background: color-mix(in srgb,var(--aura-accent-color) 8%,var(--aura-background-color))}.ak-room-join-grid .ak-list-card-field-title .ak-list-card-value{color: var(--vaadin-text-color);font-size: 1rem;font-weight: 700}.ak-room-join-grid .ak-list-card-field-operation{display: block;padding: 0.75rem;background: color-mix(in srgb,var(--aura-neutral) 4%,var(--aura-background-color))}.ak-room-join-grid .ak-list-card-field-operation>.ak-list-card-label{display: none}}.ak-online-class-status-draft{color: var(--aura-gray-text);background-color: color-mix( in srgb,var(--aura-gray) 15%,transparent )}.ak-online-class-status-active{color: var(--aura-green-text);background-color: color-mix( in srgb,var(--aura-green) 15%,transparent )}.ak-online-class-status-finished{color: var(--aura-blue-text);background-color: color-mix( in srgb,var(--aura-blue) 15%,transparent )}.ak-online-class-status-cancelled{color: var(--aura-red-text);background-color: color-mix( in srgb,var(--aura-red) 15%,transparent )}.ak-subscription-plan-free{color: var(--aura-green-text);background-color: color-mix(in srgb,var(--aura-green) 15%,transparent)}.ak-subscription-plan-silver{color: var(--vaadin-text-color-secondary);background-color: color-mix(in srgb,var(--aura-neutral) 15%,transparent)}.ak-subscription-plan-gold{color: var(--aura-yellow-text);background-color: color-mix(in srgb,var(--aura-yellow) 15%,transparent)}.ak-subscription-plan-platinum{color: var(--aura-blue-text);background-color: color-mix(in srgb,var(--aura-blue) 15%,transparent)}.ak-download-button{display: inline-flex;align-items: center;justify-content: center;flex: 0 0 auto;min-width: 2.5rem;height: 2.5rem;padding: 0 0.75rem;box-sizing: border-box;color: var(--aura-accent-text-color);text-decoration: none;border: 1px solid transparent;border-radius: var(--vaadin-radius-m);background: var(--vaadin-background-container);cursor: pointer;transition: filter 120ms ease,transform 80ms ease}.ak-download-button[theme~="icon"]{width: 2.5rem;padding: 0}.ak-download-button[theme~="large"]{width: 3rem;height: 3rem}.ak-download-button[theme~="primary"]{color: var(--aura-accent-contrast-color);background: var(--aura-accent-color)}.ak-download-button:hover{filter: brightness(1.08)}.ak-download-button:active{transform: scale(0.96)}.ak-download-button:focus-visible{outline: var(--vaadin-focus-ring-width) solid var(--vaadin-focus-ring-color);outline-offset: 2px}.ak-room-file-cards{align-items: stretch}.ak-room-file-card{display: flex;flex-direction: column;align-items: stretch;min-height: 15rem;height: 100%;gap: 1rem;box-sizing: border-box;overflow: hidden}.ak-room-file-extension{display: flex;align-items: center;justify-content: center;min-height: 6.25rem;padding: 0.75rem;color: var(--aura-accent-text-color);background: color-mix(in srgb,var(--aura-accent-color) 12%,transparent);border: 1px solid color-mix(in srgb,var(--aura-accent-color) 28%,transparent);border-radius: var(--vaadin-radius-l);font-size: clamp(2rem,5vw,3.25rem);font-weight: 800;letter-spacing: 0.08em;line-height: 1;direction: ltr}.ak-room-file-title{margin: 0;color: var(--vaadin-text-color);font-size: var(--lumo-font-size-l);line-height: 1.6;text-align: center;overflow-wrap: anywhere}.ak-room-file-actions{width: 100%;margin-top: auto;gap: 0.625rem}.ak-room-file-actions>*{flex: 1 1 0;min-width: 7rem}.ak-room-file-actions .ak-download-button{width: 100%}@media (max-width: 420px){.ak-room-file-actions{flex-direction: column}.ak-room-file-actions>*{width: 100%;min-width: 0}}.ak-responsive-list{display: block;width: 100%;min-width: 0}.ak-list-cards{display: none;gap: 1rem}.ak-list-card{display: grid;gap: 0.85rem;padding: 1rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 1rem;background: var(--aura-background-color);box-shadow: 0 2px 8px rgb(0 0 0 / 4%);min-width: 0}.ak-list-card-field{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 0.5rem 1rem;min-width: 0}.ak-list-card-label{color: var(--vaadin-text-color-secondary);font-size: 0.85rem}.ak-list-card-value{min-width: 0;max-width: 100%;overflow-wrap: anywhere}.ak-list-compact .ak-list-card-field-name:first-child .ak-list-card-value,.ak-list-compact .ak-list-card-field-filename:first-child .ak-list-card-value{font-weight: 700;font-size: 1.05rem}.ak-list-compact .ak-list-card-field-name:first-child .ak-list-card-label,.ak-list-compact .ak-list-card-field-filename:first-child .ak-list-card-label{display: none}.ak-responsive-list[data-layout="mobile"]>.ak-list-grid{display: none !important}.ak-responsive-list[data-layout="mobile"]>.ak-list-cards{display: grid}.ak-responsive-list[data-layout="desktop"]>.ak-list-grid{display: block !important}.ak-responsive-list[data-layout="desktop"]>.ak-list-cards{display: none}.ak-list-card-field-operation .ak-list-card-value{width: 100%}.ak-list-compact .ak-list-card-field-operation{justify-content: flex-end}.ak-list-compact .ak-list-card-field-operation .ak-list-card-label{display: none}.ak-list-compact .ak-list-card-field-operation .ak-list-card-value{width: auto}.ak-list-empty{padding: 1.5rem;text-align: center}.ak-row-actions{min-width: 44px;min-height: 44px}.ak-mobile-row-actions{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.6rem;width: 100%;min-width: 0}.ak-mobile-row-action{--vaadin-button-gap: 0.5rem;width: 100%;min-width: 0;min-height: 2.75rem;margin: 0;padding-inline: 0.7rem;justify-content: flex-start;border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m);background: color-mix(in srgb,var(--aura-neutral) 5%,var(--aura-background-color));transition: transform 140ms ease,box-shadow 140ms ease,border-color 140ms ease}.ak-mobile-row-action-primary{grid-column: 1 / -1;justify-content: center;min-height: 3rem;color: var(--aura-accent-contrast-color);border-color: var(--aura-accent-color);background: var(--aura-accent-color);font-weight: 700}.ak-mobile-row-action-secondary:hover:not([disabled]){transform: translateY(-1px);border-color: color-mix(in srgb,var(--aura-accent-color) 35%,var(--vaadin-border-color-secondary));box-shadow: 0 0.25rem 0.65rem rgb(0 0 0 / 8%)}.ak-mobile-row-action:last-child:nth-child(even){grid-column: 1 / -1}.ak-mobile-row-action[disabled]{opacity: 0.62;border-style: dashed}.ak-mobile-row-action::part(label){overflow: hidden;text-overflow: ellipsis;white-space: normal;line-height: 1.35}.ak-mobile-row-action vaadin-icon{flex: 0 0 auto;box-sizing: content-box;padding: 0.35rem;margin: 0;border-radius: 50%;background: color-mix(in srgb,var(--aura-accent-color) 10%,transparent)}.ak-mobile-row-action-primary vaadin-icon{background: rgb(255 255 255 / 16%)}@media (max-width: 359px){.ak-mobile-row-actions{grid-template-columns: minmax(0,1fr)}.ak-mobile-row-action,.ak-mobile-row-action-primary,.ak-mobile-row-action:last-child:nth-child(even){grid-column: 1}}@media (max-width: 767px){.ak-responsive-list>.ak-list-grid{display: none !important}.ak-responsive-list>.ak-list-cards{display: grid}}vaadin-app-layout.ak-pwa-layout{transition-property: padding-inline-start}vaadin-app-layout.ak-pwa-layout::part(navbar-top){flex-direction: column;align-items: stretch;padding: 0;gap: 0}.ak-app-navbar-row{display: flex;flex-wrap: wrap;align-items: center;box-sizing: border-box;width: 100%;min-width: 0;gap: var(--vaadin-gap-s,.5rem);padding: .5rem max(.5rem,env(safe-area-inset-right,0px)) .5rem max(.5rem,env(safe-area-inset-left,0px))}vaadin-app-layout:not([data-pwa-banner-visible]) .ak-app-navbar-row{padding-top: max(.5rem,env(safe-area-inset-top,0px))}.ak-app-navbar-row:empty,.ak-pwa-install-toggle[hidden],.ak-pwa-install-banner[hidden]{display: none !important}.ak-pwa-install-toggle{display: inline-flex;flex: 0 0 auto}.ak-pwa-install-toggle-button{display: inline-flex;align-items: center;justify-content: center;width: 44px;height: 44px;padding: 0;border: 0;border-radius: var(--vaadin-radius-m,.5rem);color: light-dark(#007f78,#55d8c9);background: transparent;cursor: pointer;touch-action: manipulation}.ak-pwa-install-toggle-button vaadin-icon{width: 20px;height: 20px}.ak-pwa-install-toggle-button:hover{background: var(--vaadin-background-container)}.ak-pwa-install-toggle-button:focus-visible{outline: 2px solid var(--vaadin-focus-ring-color);outline-offset: 2px}.ak-pwa-install-banner{--ak-pwa-safe-top: env(safe-area-inset-top,0px);--ak-pwa-safe-left: env(safe-area-inset-left,0px);--ak-pwa-safe-right: env(safe-area-inset-right,0px);display: block;width: 100%;box-sizing: border-box;color: var(--vaadin-text-color);background: light-dark(#edf8f6,#173b38);border-bottom: 1px solid var(--vaadin-border-color-secondary);font-family: var(--aura-font-family)}.ak-pwa-install-bar{display: flex;align-items: center;gap: .75rem;box-sizing: border-box;width: 100%;min-width: 0;padding: calc(.5rem + var(--ak-pwa-safe-top)) max(.75rem,var(--ak-pwa-safe-right)) .5rem max(.75rem,var(--ak-pwa-safe-left))}.ak-pwa-install-icon{width: 40px;height: 40px;flex: 0 0 auto;object-fit: contain;border-radius: var(--vaadin-radius-m,.5rem)}.ak-pwa-install-copy{display: flex;flex-direction: column;flex: 1;min-width: 0;gap: .15rem}.ak-pwa-install-title{font-size: .875rem;font-weight: 700;line-height: 1.6}.ak-pwa-install-message{font-size: .75rem;line-height: 1.7;color: var(--vaadin-text-color-secondary)}.ak-pwa-install-banner button{font: inherit;cursor: pointer;border: 0;border-radius: var(--vaadin-radius-m,.5rem);min-height: 44px;flex-shrink: 0;touch-action: manipulation}.ak-pwa-install-action,.ak-pwa-install-guide-close{padding: .5rem 1rem;background: light-dark(#007f78,#55d8c9);color: light-dark(#ffffff,#102f2b);font-weight: 700 !important}.ak-pwa-install-dismiss{width: 44px;padding: 0;background: transparent;color: var(--vaadin-text-color-secondary);font-size: 1.5rem !important}.ak-pwa-install-dismiss:hover{background: var(--vaadin-background-container)}.ak-pwa-install-action:hover,.ak-pwa-install-guide-close:hover{filter: brightness(.95)}.ak-pwa-install-banner button:focus-visible{outline: 2px solid var(--vaadin-focus-ring-color);outline-offset: 2px}.ak-pwa-install-action:disabled{cursor: wait;opacity: .65}.ak-pwa-install-guide{width: min(28rem,calc(100vw - 2rem));max-height: calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 2rem);box-sizing: border-box;padding: 1.5rem;overflow: auto;border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l,.75rem);color: var(--vaadin-text-color);background: var(--ak-surface);box-shadow: var(--aura-shadow-l);font-family: var(--aura-font-family);text-align: start}.ak-pwa-install-guide::backdrop{background: rgb(0 0 0 / 45%)}.ak-pwa-install-guide h2{margin-top: 0;font-size: 1.125rem}.ak-pwa-install-guide-text{line-height: 2;white-space: pre-line;overflow-wrap: anywhere}@media (max-width: 480px){.ak-pwa-install-bar{gap: .4rem;flex-wrap: wrap}.ak-pwa-install-icon{width: 32px;height: 32px}.ak-pwa-install-copy{flex-basis: calc(100% - 90px)}.ak-pwa-install-dismiss{order: 2}.ak-pwa-install-action{order: 3;width: 100%}.ak-pwa-install-message{font-size: .7rem}}.ak-session-student-status-joined{color: var(--aura-green-text);background-color: color-mix( in srgb,var(--aura-green) 15%,transparent )}.ak-session-student-status-left{color: var(--aura-blue-text);background-color: color-mix( in srgb,var(--aura-blue) 15%,transparent )}.ak-session-student-status-removed{color: var(--aura-red-text);background-color: color-mix( in srgb,var(--aura-red) 15%,transparent )}.ak-room-layout{position: fixed;inset: 0;width: 100%;max-width: 100%;height: 100%;max-height: 100%;min-width: 0;min-height: 0;box-sizing: border-box;overflow: hidden;overscroll-behavior: none}.ak-room-layout::part(content){width: 100%;height: 100%;min-width: 0;min-height: 0;padding: 0;box-sizing: border-box;overflow: hidden}.ak-room-video-stage{position: relative;display: grid;grid-template-columns: minmax(0,1fr);grid-template-rows: minmax(0,1fr) auto;align-items: stretch;align-content: start;gap: clamp(0.3rem,0.8vw,0.6rem);width: 100%;height: 100%;min-width: 0;min-height: 0;overflow: hidden;contain: none;padding: clamp(0.1rem,0.35vw,0.25rem);box-sizing: border-box}.ak-room-video-stage[data-empty] .ak-room-stage-empty{display: grid;place-items: center;min-height: 12rem;color: var(--vaadin-text-color-secondary);border: 1px dashed var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);grid-column: 1;grid-row: 1}.ak-room-video-stage[data-no-featured]:not([data-empty])::before{content: var(--ak-room-stage-selection-hint,"");display: grid;place-items: center;min-height: 8rem;padding: 1rem;color: var(--vaadin-text-color-secondary);text-align: center;border: 1px dashed var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);grid-column: 1;grid-row: 1}.ak-room-video-stage[data-no-featured]:not([data-empty]){grid-template-rows: max-content var(--ak-adaptive-rail-height,184px);overflow-y: auto;overscroll-behavior-block: contain;scrollbar-width: thin}.ak-livekit-video-tile:focus-visible{outline: 3px solid var(--vaadin-focus-ring-color);outline-offset: 2px}.ak-media-mosaic{display: grid;grid-column: 1;grid-row: 1;grid-template-columns: minmax(0,1fr);grid-auto-rows: minmax(220px,auto);align-items: stretch;justify-content: center;align-content: start;min-width: 0;min-height: 0;gap: clamp(0.3rem,0.8vw,0.6rem);overflow-x: hidden;overflow-y: auto;overscroll-behavior-block: contain;scrollbar-width: thin}.ak-media-mosaic[hidden]{display: none}.ak-media-mosaic>[data-window-state="featured"]{box-sizing: border-box;width: 100%;height: 100%;min-height: 0;resize: none}.ak-media-tray{--ak-tray-thumbnail-width: clamp(11.5rem,22vw,15rem);--ak-tray-thumbnail-height: max(154px,calc(var(--ak-adaptive-rail-height,184px) - 12px));position: relative;display: flex;grid-column: 1;grid-row: 2;width: 100%;min-width: 0;min-height: 0;height: var(--ak-adaptive-rail-height,184px);max-height: 100%;gap: 0.5rem;padding: 0.45rem;overflow-x: auto;overflow-y: hidden;overscroll-behavior-inline: contain;box-sizing: border-box;border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);background: color-mix(in srgb,var(--aura-neutral) 6%,var(--aura-background-color));scrollbar-width: thin}.ak-media-tray[hidden]{display: none}.ak-media-tray>[data-window-state="docked"]{position: relative;flex: 0 0 var(--ak-tray-thumbnail-width);width: var(--ak-tray-thumbnail-width);height: var(--ak-tray-thumbnail-height);min-height: 0;max-height: var(--ak-tray-thumbnail-height);box-sizing: border-box;border: 2px solid rgb(255 255 255 / 72%);box-shadow: var(--aura-shadow-s)}.ak-room-stage-shell{position: relative;width: 100%;height: 100%;min-width: 0;min-height: 0}.ak-room-file-row{gap: 0.5rem;padding: 0.35rem 0;border-bottom: 1px solid var(--aura-border-color)}.ak-room-file-allowance{align-self: flex-start;font-size: var(--aura-font-size-s);color: var(--aura-secondary-text-color)}.ak-room-file-preview{position: relative;display: flex;flex-direction: column;min-width: 0;min-height: 0;overflow: hidden;border-radius: var(--vaadin-radius-l);background: var(--aura-background-color)}.ak-room-file-preview[data-window-state="featured"] [data-window-action="maximize"],.ak-room-file-preview[data-window-state="docked"] [data-window-action="minimize"],.ak-room-file-preview[data-window-state="docked"] [data-window-action="focus"],.ak-room-file-preview[data-window-state="docked"] .ak-stage-size-control{display: none}.ak-room-file-preview[data-window-state="docked"]>video,.ak-room-file-preview[data-window-state="docked"]>iframe{flex: 1 1 0;min-height: 0;min-width: 0;width: 100%;object-fit: contain}.ak-media-window-header{--ak-media-window-control-size: 44px;--ak-media-window-icon-size: 16px;position: static;display: flex;flex: 0 0 auto;align-items: center;justify-content: flex-start;flex-wrap: wrap;width: 100%;min-width: 0;min-height: var(--ak-media-window-control-size);height: auto;max-width: 100%;gap: 0;padding: 0;overflow: visible;box-sizing: border-box;color: var(--vaadin-text-color);background: var(--aura-background-color);border-bottom: 1px solid var(--vaadin-border-color-secondary)}.ak-media-mosaic>[data-stage-focused]{outline: 2px solid var(--vaadin-focus-ring-color,var(--aura-accent-color));outline-offset: -2px}.ak-stage-size-control{position: static;flex: 0 0 6rem;width: 6rem;min-width: 6rem;height: 36px;margin: 0 4px;padding: 0;accent-color: var(--aura-accent-color)}[data-window-state]:not([data-stage-focused]) .ak-stage-size-control,[data-window-state="docked"] .ak-stage-size-control,[data-window-state="docked"] [data-window-action="focus"]{display: none}.ak-room-file-preview[hidden],.ak-room-file-preview[data-preview-stopping]{display: none}.ak-room-file-preview:fullscreen{width: 100%;height: 100%;border-radius: 0}.ak-room-file-preview:not([data-preview-state="error"]) [data-preview-action="retry"]{display: none}.ak-room-file-preview-status{position: static;order: 10;flex: 0 0 24px;min-height: 24px;margin: 0;padding: 2px 8px;box-sizing: border-box;color: var(--vaadin-text-color-secondary);background: var(--ak-room-panel);font-size: 12px;line-height: 20px;text-align: start}.ak-room-file-preview:not([data-preview-kind="video"]) .ak-room-file-preview-status[hidden]{display: block;visibility: hidden}.ak-room-file-preview[data-preview-state="loading"]>:is(iframe,img),.ak-room-file-preview[data-preview-state="error"]>:is(iframe,img){visibility: hidden}.ak-room-file-preview-header{flex: 0 0 auto;min-height: var(--ak-media-window-control-size,44px);box-sizing: border-box}.ak-room-file-row vaadin-button[data-state="active"]{color: var(--aura-accent-text-color);background: color-mix(in srgb,var(--aura-accent-color) 16%,transparent)}.ak-room-pdf-preview,.ak-room-file-preview>.ak-room-video-player{flex: 1 1 0;width: 100%;min-height: 72px;max-height: none;border: 0;object-fit: contain;background: #111}.ak-room-video-stage[data-has-featured-window][data-has-docked-windows]{grid-template-columns: minmax(0,1fr);grid-template-rows: minmax(0,1fr) auto}.ak-room-video-stage[data-has-featured-window][data-has-docked-windows]>.ak-media-tray{display: flex;grid-column: 1;grid-row: 2;max-height: 100%;overflow-x: auto;overflow-y: hidden}.ak-room-video-stage[data-has-featured-window][data-has-docked-windows]>.ak-media-tray>[data-window-state="docked"]{flex: 0 0 var(--ak-tray-thumbnail-width);width: var(--ak-tray-thumbnail-width)}@media (max-width: 700px){.ak-livekit-video-tile [data-window-action^="move-"]{display: none}}.ak-room-video-stage[data-media-layout]{overflow: hidden}.ak-room-video-stage[data-media-layout][data-has-docked-windows]{grid-template-columns: minmax(0,1fr);grid-template-rows: minmax(0,1fr) var(--ak-adaptive-rail-height,184px)}.ak-room-video-stage[data-media-layout="wide"][data-has-docked-windows]{grid-template-columns: minmax(0,1fr) var(--ak-adaptive-rail-width,224px);grid-template-rows: minmax(0,1fr)}.ak-room-video-stage[data-media-layout]>.ak-media-mosaic{overflow-x: hidden;overflow-y: auto;align-content: start}.ak-room-video-stage[data-media-layout]>.ak-media-mosaic[data-equal-grid]{align-content: safe center;scrollbar-gutter: stable}.ak-room-video-stage[data-media-layout][data-stage-scroll]{grid-template-rows: max-content var(--ak-adaptive-rail-height,184px);overflow-y: auto;overscroll-behavior-block: contain;scrollbar-width: thin}.ak-room-video-stage[data-stage-scroll]>.ak-media-mosaic{min-height: max-content;overflow: visible}.ak-room-video-stage[data-media-layout]>.ak-media-tray{--ak-tray-thumbnail-height: calc(var(--ak-adaptive-rail-height,184px) - 12px);--ak-tray-thumbnail-width: clamp(184px,22vw,240px);height: var(--ak-adaptive-rail-height,184px);max-height: none;padding: 4px;align-items: stretch}.ak-room-video-stage[data-media-layout="wide"][data-has-docked-windows]>.ak-media-tray{grid-column: 2;grid-row: 1;flex-direction: column;height: 100%;max-height: 100%;overflow-x: hidden;overflow-y: auto;align-items: stretch}.ak-room-video-stage[data-media-layout="wide"][data-has-docked-windows]>.ak-media-tray>[data-window-state="docked"]{flex: 0 0 auto;width: 100%;height: 184px;max-height: none;min-height: 184px}.ak-room-video-stage[data-media-layout] .ak-room-file-preview[data-window-state="docked"]{cursor: pointer}.ak-room-video-stage[data-media-layout] .ak-room-file-preview[data-window-state="docked"] .ak-room-file-preview-header{min-height: var(--ak-media-window-control-size,44px);flex: 0 0 auto;overflow-x: auto}.ak-room-video-stage[data-media-layout] .ak-room-file-preview[data-window-state="docked"]>:is(.ak-presentation-video-controls,.ak-presentation-controls){display: none}.ak-room-video-stage[data-media-layout] .ak-room-file-preview[data-window-state="docked"] [data-window-action="maximize"]{flex: 0 0 var(--ak-media-window-control-size,44px);min-width: var(--ak-media-window-control-size,44px);min-height: var(--ak-media-window-control-size,44px)}.ak-room-video-stage[data-media-layout] .ak-room-file-preview>.ak-presentation-video-controls{flex: 0 0 auto}.ak-livekit-video-tile:fullscreen,.ak-livekit-whiteboard:fullscreen,.ak-livekit-video-tile[data-fallback-fullscreen],.ak-livekit-whiteboard[data-fallback-fullscreen]{position: fixed !important;z-index: 10000 !important;inset: 0 !important;width: 100vw !important;height: 100dvh !important;max-width: none !important;max-height: none !important;margin: 0 !important;border: 0 !important;border-radius: 0 !important;background: #000}.ak-livekit-whiteboard:fullscreen,.ak-livekit-whiteboard[data-fallback-fullscreen]{background: var(--aura-background-color)}.ak-media-tray>[data-window-state="closed"]{position: relative;flex: 0 0 10rem;width: 10rem;height: max-content;min-height: 80px;border: 1px dashed var(--vaadin-border-color);background: var(--aura-background-color)}.ak-livekit-video-actions{position: static;flex-wrap: nowrap;max-width: 100%}.ak-livekit-video-tile[data-window-state="featured"] [data-window-action="maximize"],.ak-livekit-video-tile[data-window-state="docked"] [data-window-action="minimize"],.ak-livekit-video-tile[data-window-state="docked"] [data-window-action^="move-"],.ak-livekit-video-tile[data-window-state="docked"] [data-window-action="fullscreen"],.ak-livekit-video-tile[data-window-state="docked"] [data-screen-zoom-action],.ak-livekit-video-tile[data-window-state="closed"] [data-screen-zoom-action],.ak-livekit-video-tile[data-window-state="closed"] [data-window-action]:not([data-window-action="maximize"]){display: none}.ak-livekit-video-dock-button{display: grid;place-items: center;flex: 0 0 44px;width: 44px;height: 44px;padding: 0;color: var(--vaadin-text-color);font: inherit;font-size: 1rem;font-weight: 800;border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m);background: var(--vaadin-background-container);cursor: pointer}.ak-livekit-video-dock-button:hover{background: color-mix(in srgb,var(--aura-accent-color) 12%,var(--aura-background-color))}.ak-livekit-video-dock-button[data-window-action="maximize"]{color: var(--aura-green-text)}.ak-livekit-video-dock-button[data-window-action="minimize"]{color: var(--vaadin-text-color)}.ak-livekit-video-dock-button[data-window-action="close"]{color: var(--aura-red-text)}.ak-livekit-video-dock-button vaadin-icon,.ak-whiteboard-zoom-button vaadin-icon{width: 1rem;height: 1rem;margin: 0}.ak-livekit-screen-share-video,.ak-livekit-camera-video{object-fit: contain}.ak-livekit-video-label{position: static}.ak-livekit-video-secondary>.ak-livekit-video-label{cursor: pointer}.ak-livekit-video-tile[data-window-state="closed"] .ak-media-window-content{display: none}.ak-livekit-video-tile[data-window-state="docked"] .ak-livekit-video{min-height: 0}.ak-livekit-video-tile[data-window-state="closed"] .ak-livekit-video-label{width: 100%}.ak-livekit-controller{position: fixed !important;inset: 0 auto auto 0 !important;width: 0 !important;height: 0 !important;min-width: 0 !important;min-height: 0 !important;margin: 0 !important;padding: 0 !important;overflow: hidden;pointer-events: none}.ak-room-state-control[data-state="active"]{color: var(--aura-green-text);border: 1px solid color-mix(in srgb,var(--aura-green) 55%,transparent);background: color-mix(in srgb,var(--aura-green) 14%,var(--aura-background-color))}.ak-room-state-control[data-state="inactive"]{color: var(--aura-accent-text-color);border: 1px solid color-mix(in srgb,var(--aura-accent-color) 42%,transparent);background: color-mix(in srgb,var(--aura-accent-color) 9%,var(--aura-background-color))}.ak-room-state-control[data-state="not-granted"]{color: var(--vaadin-text-color-secondary);border: 1px dashed var(--vaadin-border-color-secondary);background: color-mix(in srgb,var(--aura-neutral) 8%,var(--aura-background-color))}.ak-room-header-profile,.ak-room-header-actions{min-width: 0}.ak-room-reconnect-button{flex: 0 0 auto;width: 2rem;min-width: 2rem;height: 2rem;padding: 0}.ak-room-reconnect-button vaadin-icon{width: 1rem;height: 1rem}.ak-room-session-end-time{min-height: 2rem;padding: 0.2rem 0.55rem;box-sizing: border-box;color: var(--vaadin-text-color-secondary);font-size: 0.8rem;font-weight: 600;white-space: nowrap;border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m);background: color-mix(in srgb,var(--aura-neutral) 7%,transparent)}.ak-room-session-clock-value{color: var(--vaadin-text-color);font-variant-numeric: tabular-nums;direction: ltr}@media (max-width: 600px){.ak-room-header{min-height: 2.65rem;padding: 0.2rem 0.4rem}.ak-room-header-actions{order: -1}.ak-room-header-profile-name{max-width: 7rem}.ak-room-reconnect-button{width: 1.9rem;min-width: 1.9rem;height: 1.9rem}.ak-room-session-end-title{display: none}.ak-room-session-end-time{min-height: 1.9rem;padding-inline: 0.4rem;gap: 0.3rem}}@media (max-width: 700px){.ak-room-layout::part(content){padding: 0}.ak-room-view{width: 100%;height: 100%}.ak-room-main-content{--ak-room-content-inset: max(0.5rem,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px));width: calc(100% - 2 * var(--ak-room-content-inset)) !important;max-width: calc(100% - 2 * var(--ak-room-content-inset));margin-block: 0.2rem}.ak-room-main-content::part(master){padding: 0.15rem}.ak-room-video-stage{display: grid;grid-template-columns: minmax(0,1fr);grid-template-rows: minmax(0,1fr) auto;overflow: hidden;overscroll-behavior: contain}.ak-media-mosaic>[data-window-state="featured"]{width: 100%;min-height: 0}.ak-media-tray{--ak-tray-thumbnail-width: 10rem;gap: 0.35rem;padding: 0.3rem}.ak-media-tray>[data-window-state="docked"]{flex-basis: var(--ak-tray-thumbnail-width);width: var(--ak-tray-thumbnail-width);height: var(--ak-tray-thumbnail-height);min-height: 0}.ak-media-tray>[data-window-state="closed"]{flex-basis: 8.5rem;width: 8.5rem}}.ak-room-media-dialog{width: min(92vw,26rem);max-height: 85vh;overflow: auto;border: 1px solid var(--vaadin-border-color-secondary,#d2d7e0);border-radius: 1rem;padding: 1.25rem;background: var(--aura-background-color,#fff);color: var(--vaadin-text-color,#172033);box-shadow: 0 1rem 3rem rgb(0 0 0 / 20%);font-family: Vazirmatn,sans-serif}.ak-room-media-dialog [hidden]{display: none !important}.ak-room-media-dialog::backdrop{background: rgb(0 0 0 / 45%)}.ak-room-media-dialog h3{margin: 0 0 0.75rem}.ak-room-media-dialog p{line-height: 1.7}.ak-room-media-dialog label{display: grid;gap: 0.35rem;margin: 0.8rem 0}.ak-room-media-dialog select,.ak-room-media-dialog button{width: 100%;min-height: 2.5rem;margin-block: 0.2rem;border: 1px solid var(--vaadin-border-color-secondary,#d2d7e0);border-radius: 0.6rem;background: var(--aura-background-color,#fff);color: inherit;font: inherit;cursor: pointer}.ak-room-user-media-state,.ak-room-user-permissions{flex: 0 0 auto}.ak-room-user-media-indicator{position: relative;display: inline-flex;align-items: center;justify-content: center;width: 1.4rem;height: 1.4rem;color: var(--aura-green-text)}.ak-room-user-media-indicator[data-active="false"]{color: var(--vaadin-text-color-secondary)}.ak-room-user-media-indicator[data-active="false"]::after{content: "";position: absolute;width: 1.25rem;border-top: 2px solid currentColor;transform: rotate(-45deg);pointer-events: none}.ak-room-user-identity{min-width: 0;flex: 1 1 9rem}.ak-room-user-name{flex: 1 1 0;min-width: 0;max-width: 100%}.ak-room-raised-hand{display: block;max-width: 100%;color: var(--aura-orange-text,var(--vaadin-text-color));font-size: 0.78rem;font-weight: 700;line-height: 1.45;overflow-wrap: anywhere;white-space: pre-wrap}.ak-room-raised-hand vaadin-icon{display: inline-flex;margin-inline-end: 0.35rem;vertical-align: -0.12em}.ak-room-raised-hand[data-raised="false"]{color: var(--vaadin-text-color-secondary);font-weight: 500}.ak-room-raised-hand-layout{min-width: 0;max-width: 100%}.ak-room-lower-hand-button{flex: 0 0 auto;width: 2rem;min-width: 2rem;height: 2rem;min-height: 2rem;margin: 0}.ak-room-raise-hand-button[data-raised="true"]{box-shadow: 0 0 0 3px rgba(251,191,36,0.22)}.ak-room-user-permissions{width: auto;min-width: 0;max-width: 100%;flex: 0 1 auto;--vaadin-horizontal-layout-gap: 0.25rem;display: flex;flex-wrap: wrap;gap: 0.25rem;padding: 0.2rem;box-sizing: border-box;border-radius: var(--vaadin-radius-m)}.ak-room-permission-button{--vaadin-button-height: 44px;--vaadin-button-min-width: 44px;--vaadin-padding-s: 0;--vaadin-button-padding: 0;--vaadin-button-tertiary-padding: 0;--vaadin-button-gap: 0;width: 44px;min-width: 44px;height: 44px;min-height: 44px;flex: 0 0 44px;box-sizing: border-box;margin: 0;padding: 0;color: var(--vaadin-text-color-secondary);--ak-permission-border: var(--vaadin-border-color-secondary);border: 4px solid transparent;background-clip: padding-box;box-shadow: inset 0 0 0 1px var(--ak-permission-border);border-radius: var(--vaadin-radius-m);font-weight: 700;transition: transform 140ms ease,box-shadow 140ms ease,background-color 140ms ease,border-color 140ms ease,color 140ms ease}.ak-room-permission-button vaadin-icon{--vaadin-icon-size: 18px;--vaadin-icon-visual-size: 18px;width: 18px;height: 18px;margin: 0}.ak-room-permission-button[data-state="active"]{color: var(--aura-green-text);--ak-permission-border: color-mix(in srgb,var(--aura-green) 55%,transparent);background-color: color-mix(in srgb,var(--aura-green) 14%,var(--aura-background-color))}.ak-room-permission-button[data-state="inactive"]{color: var(--aura-orange-text);--ak-permission-border: color-mix(in srgb,var(--aura-orange) 45%,transparent);background-color: color-mix(in srgb,var(--aura-orange) 10%,var(--aura-background-color))}.ak-room-permission-button[data-state="not-granted"]{position: relative;color: var(--vaadin-text-color-secondary);--ak-permission-border: var(--vaadin-border-color-secondary);background-color: color-mix(in srgb,var(--aura-neutral) 8%,var(--aura-background-color))}.ak-room-permission-button[data-state="not-granted"]::after{content: "";position: absolute;width: 1.15rem;border-top: 2px solid currentColor;transform: rotate(-45deg);pointer-events: none}.ak-room-permission-button[data-state="active"]:hover{background-color: rgba(74,222,128,0.16)}.ak-room-permission-button[data-state="inactive"]:hover{background-color: color-mix(in srgb,var(--aura-orange) 16%,var(--aura-background-color))}.ak-room-permission-button[data-state="not-granted"]:hover{background-color: rgba(148,163,184,0.11)}.ak-room-permission-button[data-pending="true"],.ak-room-permission-button:disabled{color: var(--vaadin-text-color-disabled);--ak-permission-border: var(--vaadin-border-color-secondary);background-color: color-mix(in srgb,var(--aura-neutral) 10%,var(--aura-background-color));opacity: 0.7;cursor: wait}.ak-room-permission-button:hover{transform: translateY(-1px);box-shadow: inset 0 0 0 1px var(--ak-permission-border),var(--aura-shadow-xs)}.ak-livekit-whiteboard[hidden]{display: none}.ak-media-mosaic>.ak-livekit-whiteboard[data-window-state="featured"]{grid-column: auto;grid-row: auto;width: 100%;height: 100%}.ak-livekit-whiteboard[data-window-state="docked"]{position: relative;grid-template-rows: auto minmax(72px,1fr) auto;grid-template-areas: "header" "content" "footer";cursor: pointer}.ak-whiteboard-tabs{grid-area: tabs;display: flex;min-height: 2.4rem;gap: 0.35rem;padding: 0.35rem 0.55rem;overflow-x: auto;overflow-y: hidden;box-sizing: border-box;background: var(--aura-background-color);border-bottom: 1px solid var(--vaadin-border-color-secondary)}.ak-whiteboard-tab,.ak-whiteboard-zoom-button{flex: 0 0 auto;min-height: 2rem;padding-inline: 0.65rem;color: var(--vaadin-text-color);font: inherit;font-size: 0.78rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m);background: color-mix(in srgb,var(--aura-neutral) 6%,var(--aura-background-color));cursor: pointer}.ak-whiteboard-tab[data-active]{color: var(--aura-accent-text-color);border-color: var(--aura-accent-color);background: color-mix(in srgb,var(--aura-accent-color) 14%,transparent)}.ak-whiteboard-zoom-controls{display: flex;gap: 0.25rem}.ak-whiteboard-viewport{grid-area: content;display: flex;align-items: center;justify-content: center;min-width: 0;min-height: 0;overflow: hidden;overscroll-behavior: contain;padding: 0;box-sizing: border-box;background: #e8edf3}.ak-livekit-whiteboard[data-window-state="docked"] .ak-whiteboard-tabs,.ak-livekit-whiteboard[data-window-state="docked"] .ak-whiteboard-tools,.ak-livekit-whiteboard[data-window-state="closed"] .ak-whiteboard-tabs,.ak-livekit-whiteboard[data-window-state="closed"] .ak-whiteboard-tools,.ak-livekit-whiteboard[data-window-state="closed"] .ak-whiteboard-viewport{display: none}.ak-livekit-whiteboard[data-window-state="closed"]{display: grid;grid-template-rows: auto auto;grid-template-areas: "header" "footer";flex: 0 0 10rem;width: 10rem;height: max-content;min-height: 80px;cursor: pointer;border-style: dashed}.ak-whiteboard-header-details{grid-area: footer;display: block}.ak-whiteboard-header-details>* + *{margin-inline-start: 0.5rem}.ak-whiteboard-header{grid-area: header}.ak-whiteboard-tabs[hidden]{display: none}.ak-livekit-whiteboard[data-window-state="featured"] [data-window-action="maximize"],.ak-livekit-whiteboard[data-window-state="featured"] [data-window-action^="move-"],.ak-livekit-whiteboard[data-window-state="docked"] [data-window-action="minimize"],.ak-livekit-whiteboard[data-window-state="docked"] [data-window-action^="move-"],.ak-livekit-whiteboard[data-window-state="docked"] [data-window-action="fullscreen"],.ak-livekit-whiteboard[data-window-state="closed"] [data-window-action]:not([data-window-action="maximize"]){display: none}.ak-whiteboard-drawing-tools{display: flex;align-items: center;gap: 0.35rem}.ak-whiteboard-access-state{color: var(--vaadin-text-color-secondary);font-size: 0.78rem}.ak-whiteboard-tools input[type="color"]{width: 3rem;height: 2rem;padding: 0.15rem;border: 1px solid var(--vaadin-border-color);border-radius: var(--vaadin-radius-m);background: transparent}.ak-whiteboard-clear-button{display: inline-flex;align-items: center;justify-content: center;gap: 0.35rem;min-height: 2rem;padding-inline: 0.75rem;color: var(--aura-red-text);font: inherit;font-size: 0.8rem;font-weight: 700;border: 1px solid color-mix(in srgb,var(--aura-red) 35%,transparent);border-radius: var(--vaadin-radius-m);background: color-mix(in srgb,var(--aura-red) 10%,transparent);cursor: pointer}.ak-whiteboard-clear-button vaadin-icon{--vaadin-icon-size: 1rem;--vaadin-icon-visual-size: 1rem;width: 1rem;height: 1rem;flex: 0 0 1rem}.ak-whiteboard-tool-button:disabled{cursor: not-allowed}.ak-whiteboard-canvas{display: block;flex: 0 0 auto;width: 100%;max-width: 100%;max-height: 100%;aspect-ratio: 16 / 9;touch-action: none;background-color: #fff;background-image: none}@media (max-width: 700px){.ak-livekit-whiteboard[data-window-state="docked"]{width: var(--ak-tray-thumbnail-width);height: var(--ak-tray-thumbnail-height);min-height: 154px}.ak-livekit-whiteboard[data-window-state="closed"]{flex-basis: 8.5rem;width: 8.5rem}.ak-whiteboard-tabs{min-height: 2.25rem;padding: 0.25rem 0.35rem}}.ak-room-video-player{display: block;width: 100%;border-radius: var(--vaadin-radius-l);background: #000}.ak-dialog-room-show-link::part(content){overflow: hidden}.ak-chat-message{min-width: 0;max-width: 100%;box-sizing: border-box;display: flex;flex-direction: column;gap: 0.2rem}.ak-chat-sender{min-width: 0;max-width: 100%;overflow-wrap: anywhere;font-size: 0.75rem;font-weight: 600;color: var(--vaadin-text-color-secondary)}.ak-chat-text{min-width: 0;max-width: 100%;font-size: 0.875rem;line-height: 1.6;white-space: pre-wrap;overflow-wrap: anywhere;color: var(--vaadin-text-color)}.ak-chat-file-download{display: flex;min-width: 0;box-sizing: border-box;align-items: center;gap: 0.4rem;width: 100%;max-width: 100%;justify-content: flex-start}.ak-chat-file-download span{min-width: 0;flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ak-chat-audience{width: fit-content;padding: 0.15rem 0.45rem;color: var(--aura-accent-text-color);font-size: 0.7rem;border-radius: var(--vaadin-radius-m);background: color-mix(in srgb,var(--aura-accent-color) 12%,transparent)}.ak-chat-header{width: 100%;margin: 0;padding: 0.5rem 0.7rem;text-align: center;font-size: 1rem;font-weight: 600;box-sizing: border-box;flex-shrink: 0;border-bottom: 1px solid var(--vaadin-border-color-secondary)}.ak-chat-title{min-width: 0;margin: 0;font: inherit}.ak-chat-close-button,.ak-chat-access-button{flex: 0 0 44px;width: 44px;min-width: 44px;height: 44px;min-height: 44px;border: 4px solid transparent;background-clip: padding-box;margin: 0}.ak-chat-header-actions{flex: 0 0 auto;min-width: 0}.ak-chat-access-button{--vaadin-button-gap: 0;padding: 0 !important}.ak-chat-access-button::part(prefix){margin: 0}.ak-chat-access-button vaadin-icon{margin: 0}.ak-chat-header-actions vaadin-icon,.ak-chat-controls vaadin-icon{--vaadin-icon-size: 20px;width: 20px;height: 20px}.ak-chat-close-button,.ak-whiteboard-window-button[data-window-action="close"]{color: var(--aura-red-text);background: color-mix(in srgb,var(--aura-red) 10%,transparent)}.ak-whiteboard-permission-button:disabled{opacity: 0.55;cursor: wait}.ak-chat-access-status{margin: 0.45rem;padding: 0.45rem 0.55rem;font-size: 0.8rem;line-height: 1.6;color: var(--vaadin-text-color-secondary);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m);background: color-mix(in srgb,var(--aura-neutral) 8%,transparent)}.ak-room-chat{height: 100%;min-width: 0;min-height: 0;overflow: hidden}.ak-chat-messages{max-width: 100%;box-sizing: border-box;flex: 1 1 0 !important;height: 0;min-width: 0;min-height: 0;max-height: 100%;overflow-x: hidden !important;overflow-y: auto !important;overscroll-behavior: contain;scrollbar-gutter: stable}.ak-chat-controls{flex: 0 0 auto;width: 100%;min-width: 0;overflow: hidden}.ak-chat-controls vaadin-text-field{min-width: 0;--vaadin-input-field-height: 44px;min-height: 44px}.ak-chat-controls vaadin-button{--vaadin-button-height: 44px;--vaadin-button-min-width: 44px;width: 44px;min-width: 44px;height: 44px;min-height: 44px;flex: 0 0 44px;padding: 0;border: 4px solid transparent;background-clip: padding-box}.ak-room-users-panel vaadin-button{min-width: 44px;min-height: 44px}.ak-room-users-panel vaadin-button[theme~="icon"]{--vaadin-button-height: 44px;--vaadin-button-min-width: 44px;width: 44px;height: 44px}.ak-room-users-panel vaadin-text-field{--vaadin-input-field-height: 44px;min-height: 44px}.ak-room-users-panel vaadin-text-field::part(input-field),.ak-chat-controls vaadin-text-field::part(input-field){min-height: 44px;box-sizing: border-box}.ak-room-chat vaadin-radio-button{min-height: 44px}.ak-room-join-requests{margin: 0.75rem 0;flex: 0 0 auto;box-sizing: border-box;padding: 0.75rem !important;border: 1px solid color-mix(in srgb,var(--aura-orange) 45%,transparent);border-radius: var(--lumo-border-radius-l);background: color-mix(in srgb,var(--aura-orange) 8%,transparent)}.ak-room-join-requests-title{margin: 0;font-size: var(--lumo-font-size-m)}.ak-room-join-request-row{gap: 0.75rem;padding: 0.75rem;box-sizing: border-box;border-radius: var(--vaadin-radius-m);background: var(--aura-background-color);flex-wrap: wrap}.ak-room-join-request-identity{min-width: 10rem;overflow-wrap: anywhere}.ak-room-join-notice{align-self: center;flex: 0 0 auto;width: min(calc(100% - 1.5rem),1560px);max-width: calc(100% - 1.5rem);height: auto;min-height: 3rem;margin: 0.75rem auto 0.25rem;padding: 0.75rem 1rem;white-space: normal;text-align: start;border: 1px solid color-mix(in srgb,var(--aura-orange) 50%,transparent);background: color-mix(in srgb,var(--aura-orange) 12%,var(--aura-background-color))}.ak-room-user-role,.ak-chat-sent-at{color: var(--vaadin-text-color-secondary);font-size: 0.75rem}.ak-room-side-panels>*{min-width: 0;max-width: 100%;flex: 1 1 0;min-height: 0;height: auto !important;border-bottom: 1px solid var(--vaadin-border-color-secondary)}.ak-whiteboard-tools>*,.ak-whiteboard-drawing-tools>*{flex-shrink: 0}.ak-whiteboard-tool-button,.ak-whiteboard-window-button,.ak-whiteboard-zoom-button,.ak-whiteboard-clear-button,.ak-whiteboard-line-width{min-height: 1.8rem;min-width: 1.8rem}.ak-whiteboard-palette{display: grid;grid-template-columns: repeat(auto-fit,minmax(44px,1fr));gap: 0.4rem}.ak-whiteboard-swatch{width: 100%;min-width: 44px;height: 44px;box-sizing: border-box;border: 1px solid #888;border-radius: 0.35rem;cursor: pointer}.ak-whiteboard-tools[data-dragging],.ak-whiteboard-tools[data-dragging] *{cursor: grabbing}.ak-whiteboard-tools vaadin-icon{pointer-events: none}.ak-whiteboard-text-editor{width: min(28rem,calc(100vw - 2rem));max-height: calc(100dvh - 2rem);overflow-y: auto;box-sizing: border-box;padding: 1.25rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);color: var(--vaadin-text-color);background: var(--aura-background-color);font: inherit}.ak-whiteboard-text-editor::backdrop{background: rgb(0 0 0 / 45%)}.ak-whiteboard-text-editor form{display: flex;flex-direction: column;gap: 0.85rem}.ak-whiteboard-text-editor textarea,.ak-whiteboard-text-editor select{padding: 0.65rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m);color: var(--vaadin-text-color);background: var(--aura-background-color);font: inherit}.ak-whiteboard-text-editor select option{color: var(--vaadin-text-color);background: var(--aura-background-color)}.ak-whiteboard-text-editor textarea{min-height: 7rem;resize: vertical}.ak-whiteboard-text-editor form>div{display: flex;justify-content: flex-end;gap: 0.5rem}.ak-whiteboard-text-editor button{min-height: 2.5rem;padding: 0.5rem 0.85rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m);color: inherit;background: inherit;font: inherit;cursor: pointer}.ak-media-mosaic>.ak-livekit-whiteboard[data-window-state="featured"]{grid-template-columns: minmax(0,1fr)}.ak-whiteboard-window-actions{display: flex;flex: 0 0 auto;gap: 0.25rem;min-width: max-content;max-width: 100%;overflow: visible}@media (max-width: 700px){.ak-room-side-panels[data-active-panel="chat"]>.ak-room-users-panel,.ak-room-side-panels[data-active-panel="users"]>.ak-room-chat-panel{display: none}}.ak-room-users-list,.ak-room-users-list>vaadin-vertical-layout,.ak-room-user-row,.ak-room-user-identity,.ak-room-raised-hand-layout{min-width: 0;max-width: 100%;box-sizing: border-box}.ak-room-user-identity>vaadin-avatar{flex: 0 0 auto}.ak-room-user-role,.ak-room-users-title{min-width: 0;max-width: 100%;overflow-wrap: anywhere}.ak-room-media-dialog,.ak-whiteboard-text-editor{box-sizing: border-box;min-width: 0;max-width: calc(100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - 2rem);max-height: min(85vh,calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 2rem));inset: env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);overflow: auto}.ak-room-media-dialog label,.ak-room-media-dialog select,.ak-room-media-dialog button,.ak-whiteboard-text-editor textarea,.ak-whiteboard-text-editor select{min-width: 0;max-width: 100%;box-sizing: border-box;overflow-wrap: anywhere}.ak-room-users-title{font-weight: 700}.ak-room-users-count{flex: 0 0 auto;padding: 0.2rem 0.6rem;border-radius: 999px;color: var(--vaadin-text-color);background: color-mix(in srgb,var(--aura-accent-color) 12%,var(--aura-background-color))}.ak-room-users-search{flex: 0 0 auto;margin-block: 0.25rem 0.5rem}.ak-whiteboard-color-toggle{flex: 0 0 1.8rem;width: 1.8rem;height: 1.8rem;padding: 0.25rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m);background: var(--aura-background-color);cursor: pointer}.ak-whiteboard-color-toggle::after{content: "";display: block;width: 18px;height: 18px;border-radius: 50%;background: var(--selected-color,#1565c0)}.ak-whiteboard-color-panel{position: absolute;z-index: 30;display: grid;gap: 0.6rem;width: min(320px,calc(100% - 1rem));max-height: calc(100% - 1rem);box-sizing: border-box;overflow: auto;overscroll-behavior: contain;padding: 0.65rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m);background: var(--aura-background-color);box-shadow: var(--aura-shadow-m)}.ak-whiteboard-color-panel[hidden]{display: none}.ak-whiteboard-color-panel input[type="color"]{width: 100%;min-width: 0;height: 44px;box-sizing: border-box;border: 0;background: transparent}@media (max-width: 700px){.ak-whiteboard-color-toggle{flex-basis: 1.85rem;width: 1.85rem;height: 1.85rem}}.ak-room-recording-controls{flex: 0 0 2.3rem;width: 2.3rem;min-width: 2.3rem;height: 2.3rem;margin: 0}.ak-room-recording-trigger{width: 100%;min-width: 100%;height: 100%;margin: 0;color: var(--vaadin-text-color);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m);background: var(--vaadin-background-container)}.ak-room-recording-menu{min-width: 11rem;padding: 0.3rem;box-sizing: border-box}.ak-room-recording-status{width: 100%;padding: 0.35rem 0.5rem;box-sizing: border-box;font-size: 0.78rem;text-align: center}.ak-room-recording-action{width: 100%;min-height: 2.15rem;justify-content: flex-start;white-space: nowrap}.ak-recording-confirm-dialog::part(overlay){width: min(32rem,calc(100vw - 2rem))}.ak-recording-confirm-dialog::part(footer){flex-wrap: nowrap;gap: 0.5rem}.ak-recording-confirm-dialog::part(confirm-button),.ak-recording-confirm-dialog::part(cancel-button){white-space: nowrap;min-width: max-content}@media (max-width: 700px){.ak-room-recording-controls{flex-basis: 2.35rem;width: 2.35rem;min-width: 2.35rem;height: 2.35rem}}.ak-room-recording-controls{flex: 0 0 var(--ak-room-control-size);width: var(--ak-room-control-size);min-width: var(--ak-room-control-size);height: var(--ak-room-control-size);min-height: var(--ak-room-control-size);margin: 0}.ak-room-recording-trigger{--vaadin-padding-s: 0;--vaadin-button-padding: 0;--vaadin-button-gap: 0;display: inline-flex;align-items: center;justify-content: center;box-sizing: border-box;padding: 0;border-radius: var(--vaadin-radius-m);opacity: 1;transition: background-color 140ms ease,border-color 140ms ease,color 140ms ease,transform 140ms ease}.ak-room-recording-trigger{--vaadin-button-text-color: var(--vaadin-text-color);--vaadin-button-background: var(--vaadin-background-container);--vaadin-button-border-color: var(--vaadin-border-color);color: var(--vaadin-button-text-color);background: var(--vaadin-button-background);border: 1px solid var(--vaadin-button-border-color)}.ak-room-recording-trigger vaadin-icon{flex: none;width: var(--ak-room-control-icon-size);height: var(--ak-room-control-icon-size);margin: 0;color: currentColor}.ak-room-recording-trigger vaadin-icon{width: var(--ak-room-control-icon-size);height: var(--ak-room-control-icon-size)}.ak-room-controls>vaadin-button.ak-room-state-control[data-state="not-granted"]:not(.ak-room-media-state-control)::after{content: "";position: absolute;width: 1.5rem;border-top: 2px solid currentColor;transform: rotate(-45deg);pointer-events: none}.ak-room-controls vaadin-button.ak-room-recording-trigger[data-recording="active"]{--vaadin-button-text-color: var(--aura-red-text);--vaadin-button-background: color-mix(in srgb,var(--aura-red) 16%,var(--aura-background-color));--vaadin-button-border-color: var(--aura-red)}.ak-room-controls vaadin-button.ak-room-recording-trigger[data-recording="paused"]{--vaadin-button-text-color: var(--aura-orange-text);--vaadin-button-background: color-mix(in srgb,var(--aura-orange) 16%,var(--aura-background-color));--vaadin-button-border-color: var(--aura-orange)}.ak-room-controls vaadin-button.ak-room-recording-trigger[data-recording="pending"]{--vaadin-button-text-color: var(--aura-orange-text);--vaadin-button-background: color-mix(in srgb,var(--aura-orange) 12%,var(--aura-background-color));--vaadin-button-border-color: var(--aura-orange)}.ak-room-controls vaadin-button.ak-room-recording-trigger[data-recording="unavailable"]{--vaadin-button-text-color: var(--vaadin-text-color-secondary);--vaadin-button-background: color-mix(in srgb,var(--aura-neutral) 8%,var(--aura-background-color));--vaadin-button-border-color: var(--vaadin-border-color-secondary);border-style: dashed}.ak-room-recording-trigger[data-recording]{color: var(--vaadin-button-text-color);background: var(--vaadin-button-background);border-color: var(--vaadin-button-border-color)}.ak-room-recording-trigger:hover:not([disabled]){filter: brightness(0.96)}.ak-room-recording-trigger:active:not([disabled]){transform: scale(0.96)}.ak-room-recording-trigger[disabled]{--vaadin-button-text-color: var(--vaadin-text-color-secondary);--vaadin-button-background: var(--vaadin-background-container);--vaadin-button-border-color: var(--vaadin-border-color-secondary);opacity: 0.75;cursor: not-allowed}.ak-room-recording-trigger:focus-visible,.ak-room-permission-button:focus-visible,.ak-whiteboard-tool-button:focus-visible,.ak-whiteboard-window-button:focus-visible,.ak-whiteboard-permission-button:focus-visible,.ak-whiteboard-clear-button:focus-visible,.ak-whiteboard-zoom-button:focus-visible{outline: 2px solid var(--aura-accent-color);outline-offset: 2px}.ak-room-controls>vaadin-button.ak-room-pip-button[data-pip-feedback="warning"],.ak-room-controls>vaadin-button.ak-room-pip-button[data-pip-auto="blocked"]{color: var(--aura-orange-text);border-color: var(--aura-orange)}.ak-whiteboard-tool-button,.ak-whiteboard-window-button,.ak-whiteboard-zoom-button,.ak-whiteboard-color-toggle,.ak-whiteboard-permission-button{display: inline-grid;place-items: center;flex: 0 0 2.35rem;width: 2.35rem;min-width: 2.35rem;height: 2.35rem;min-height: 2.35rem;box-sizing: border-box;padding: 0;line-height: 1;text-align: center;border-radius: var(--vaadin-radius-m);cursor: pointer}.ak-whiteboard-permission-button[hidden]{display: none}.ak-whiteboard-tool-button,.ak-whiteboard-window-button,.ak-whiteboard-zoom-button,.ak-whiteboard-permission-button{color: var(--vaadin-text-color);background: var(--vaadin-background-container);border: 1px solid var(--vaadin-border-color)}.ak-whiteboard-line-width{color: var(--vaadin-text-color);background: var(--aura-background-color);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m);font: inherit;min-height: 2.35rem}.ak-whiteboard-tool-button vaadin-icon,.ak-whiteboard-window-button vaadin-icon,.ak-whiteboard-permission-button vaadin-icon{--vaadin-icon-size: 1.125rem;--vaadin-icon-visual-size: 1.125rem;display: inline-flex;width: 1.125rem;height: 1.125rem;min-width: 0;min-height: 0;margin: 0;place-self: center;overflow: visible}.ak-whiteboard-permission-button:not([data-allowed]){color: var(--aura-red-text);border-color: color-mix(in srgb,var(--aura-red) 38%,transparent);background: color-mix(in srgb,var(--aura-red) 10%,var(--aura-background-color))}.ak-whiteboard-permission-button[data-allowed]{color: var(--aura-green-text);border-color: color-mix(in srgb,var(--aura-green) 42%,transparent);background: color-mix(in srgb,var(--aura-green) 12%,var(--aura-background-color))}.ak-whiteboard-tool-button:hover:not(:disabled),.ak-whiteboard-window-button:hover:not(:disabled){background: color-mix(in srgb,var(--aura-accent-color) 10%,var(--aura-background-color))}.ak-whiteboard-tool-button:active:not(:disabled),.ak-whiteboard-window-button:active:not(:disabled){transform: scale(0.96)}@media (max-width: 700px){.ak-whiteboard-tool-button,.ak-whiteboard-window-button{flex-basis: 2.75rem;width: 2.75rem;min-width: 2.75rem;height: 2.75rem;min-height: 2.75rem}}.ak-whiteboard-drawing-tools,.ak-whiteboard-appearance-tools,.ak-whiteboard-board-actions{display: inline-flex;align-items: center;flex: 0 0 auto;gap: 0.4rem}.ak-whiteboard-tool-group{padding-inline-start: 0.65rem;border-inline-start: 1px solid var(--vaadin-border-color-secondary)}.ak-whiteboard-tool-button[data-tool="pen"]{color: light-dark(#285eb1,#87adff)}.ak-whiteboard-tool-button[data-tool="brush"]{color: light-dark(#8150aa,#c5a2e4)}.ak-whiteboard-tool-button[data-tool="eraser"]{color: light-dark(#ad516e,#e99eb1)}.ak-whiteboard-tool-button[data-tool="text"]{color: light-dark(#306f79,#81c6cb)}.ak-whiteboard-tool-button[data-tool="select"],.ak-whiteboard-tool-button[data-tool="pan"]{color: light-dark(#565e78,#b2bed2)}.ak-whiteboard-tool-button[data-tool="line"],.ak-whiteboard-tool-button[data-tool="rectangle"],.ak-whiteboard-tool-button[data-tool="circle"],.ak-whiteboard-tool-button[data-tool="triangle"]{color: light-dark(#34735e,#8bd3ad)}.ak-whiteboard-tool-button[data-history]{color: light-dark(#84612d,#e2bd79)}.ak-whiteboard-tool-button[data-room-ui="download-board"]{color: light-dark(#2c6c90,#8dc7e9)}.ak-whiteboard-tool-button:disabled,.ak-whiteboard-window-button:disabled{background: color-mix(in srgb,var(--aura-neutral) 8%,var(--aura-background-color));cursor: not-allowed;color: var(--vaadin-text-color-secondary);border-style: dashed}.ak-whiteboard-text-icon{display: inline-flex;align-items: center;justify-content: center;width: 1.35rem;height: 1.35rem;font-family: Arial,sans-serif;font-size: 1.3rem;font-weight: 700;line-height: 1;color: currentColor;pointer-events: none}.ak-room-tour-overlay{position: fixed;inset: 0;z-index: 100000;pointer-events: none}.ak-room-tour-shade{position: fixed;background: rgba(12,19,35,0.68);pointer-events: auto}.ak-room-tour-ring{position: fixed;border: 3px solid #f1b84d;border-radius: 0.75rem;box-shadow: 0 0 0 2px rgba(12,19,35,0.75),0 0 0 7px rgba(241,184,77,0.24);pointer-events: auto}.ak-room-tour-card{position: fixed;box-sizing: border-box;width: min(23rem,calc(100vw - 1rem));max-height: min(19rem,calc(100dvh - 1rem));overflow-y: auto;padding: 1rem 1.15rem;color: var(--vaadin-text-color);background: var(--aura-background-color);border: 1px solid var(--vaadin-border-color);border-radius: var(--vaadin-radius-l);box-shadow: 0 12px 36px rgba(0,0,0,0.28);pointer-events: auto}.ak-room-tour-card h2{margin: 0.2rem 0 0.45rem;font-size: 1.1rem}.ak-room-tour-progress{color: var(--aura-accent-text-color);font-size: 0.78rem;font-weight: 700}.ak-room-tour-description{margin: 0 0 0.85rem;line-height: 1.65}.ak-room-tour-preview{max-width: 100%;margin-block: -0.25rem 0.8rem;overflow: hidden;border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m)}.ak-room-tour-preview[hidden]{display: none}.ak-room-tour-preview .ak-whiteboard-tools{border: 0}.ak-room-tour-actions{display: flex;align-items: center;gap: 0.45rem}.ak-room-tour-actions button{min-height: 2.5rem;padding-inline: 0.75rem;color: var(--vaadin-text-color);background: var(--vaadin-background-container);border: 1px solid var(--vaadin-border-color);border-radius: var(--vaadin-radius-m);font: inherit;cursor: pointer}.ak-room-tour-actions button:disabled{opacity: 0.45;cursor: default}.ak-room-tour-actions button:focus-visible{outline: 3px solid var(--aura-accent-color);outline-offset: 2px}.ak-room-tour-actions .ak-room-tour-next{color: white;background: #285eb1;border-color: #285eb1}.ak-room-tour-actions .ak-room-tour-skip{margin-inline-end: auto}.ak-room-context-help{position: fixed;inset: auto;margin: 0;border: 1px solid rgb(255 255 255 / .25);box-sizing: border-box;width: max-content;max-width: min(18rem,calc(100vw - 1rem));padding: 0.5rem 0.7rem;color: white;background: #26334d;border-radius: 0.45rem;box-shadow: 0 4px 14px rgba(0,0,0,0.28);font-size: 0.82rem;line-height: 1.5;pointer-events: none}@media (max-width: 700px){.ak-whiteboard-drawing-tools,.ak-whiteboard-appearance-tools,.ak-whiteboard-board-actions{gap: 0.45rem}.ak-room-tour-card{max-height: min(15rem,calc(100dvh - 1rem))}}.ak-presentation-page-viewport{flex: 1 1 0;min-width: 0;min-height: 0;overflow: auto;direction: ltr}.ak-presentation-page-viewport img.ak-room-pdf-preview{display: block;height: 100%;max-width: none;flex: none}.ak-room-file-preview img.ak-room-pdf-preview{object-fit: contain;width: 100%;min-width: 0;min-height: 0;flex: 1 1 0}.ak-presentation-controls{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 0.375rem;flex: 0 0 auto;max-width: 100%}.ak-presentation-controls button{min-height: 44px;padding: 0.375rem 0.75rem;border: 1px solid var(--lumo-contrast-20pct);border-radius: var(--lumo-border-radius-m);color: var(--lumo-primary-text-color);background: var(--lumo-base-color);font: inherit}.ak-presentation-video-controls{display: grid;grid-template-columns: auto auto minmax(3rem,1fr) auto;gap: .2rem .35rem;padding: .25rem .4rem;box-sizing: border-box;background: var(--aura-background-color,light-dark(#fff,#162032));color: var(--aura-primary-text-color,light-dark(#202534,#e4e8f0))}.ak-video-volume{width: 100%;max-width: 7rem;min-width: 3rem;height: 44px;margin: 0;accent-color: var(--aura-accent-color,#4361ee)}.ak-video-time{font-size: .75rem;white-space: nowrap;grid-column: 4}.ak-presentation-video-controls .ak-video-status{position: static;transform: none;grid-column: 1 / -1;display: flex;align-items: center;justify-content: center;gap: .4rem;height: 1.4rem;max-width: 100%;padding: 0;border-radius: 0;box-shadow: none;background: transparent;color: inherit;font-size: .8rem;overflow: hidden;white-space: nowrap;pointer-events: none}.ak-presentation-video-controls .ak-video-status[hidden]{display: flex;visibility: hidden}.ak-room-file-preview[data-preview-kind="video"][data-video-buffering] .ak-video-status::before{content: '';flex: 0 0 auto;width: .8rem;height: .8rem;border: 2px solid color-mix(in srgb,currentColor 25%,transparent);border-top-color: var(--aura-accent-color,#4361ee);border-radius: 50%;animation: ak-video-buffer-spin 1s linear infinite}.ak-room-file-preview[data-preview-kind="video"][data-preview-retry] [data-preview-action="retry"]{display: inline-flex}@keyframes ak-video-buffer-spin{to{transform: rotate(360deg)}}@media (prefers-reduced-motion: reduce){.ak-room-file-preview .ak-video-status::before{animation: none !important}}.ak-video-volume{grid-column: 3}.ak-presentation-video-controls .ak-video-activate{grid-column: 1 / -1}.ak-presentation-video-controls button{border: 1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius: .5rem;background: transparent;color: inherit}:is(.ak-room-view,.ak-room-files-dialog,.ak-room-media-dialog,.ak-recording-dialog,.ak-recording-confirm-dialog) :is(vaadin-button,button,.ak-download-button) vaadin-icon{--vaadin-icon-visual-size: 100%;flex-shrink: 0;margin-block: 0}:is(.ak-room-file-preview-header,.ak-room-file-row,.ak-chat-header-actions,.ak-room-user-permissions) :is(vaadin-button,button,.ak-download-button) vaadin-icon{--vaadin-icon-size: 1.25rem;--vaadin-icon-visual-size: 100%;width: 1.25rem;height: 1.25rem}:is(.ak-whiteboard-tool-button,.ak-whiteboard-window-button,.ak-whiteboard-zoom-button,.ak-whiteboard-permission-button,.ak-whiteboard-clear-button,.ak-livekit-video-dock-button) vaadin-icon{--vaadin-icon-size: 1.25rem;--vaadin-icon-visual-size: 100%;width: 1.25rem;height: 1.25rem;flex: none}.ak-room-user-media-state vaadin-icon{--vaadin-icon-visual-size: 100%;flex: none}:is(.ak-room-permission-button,.ak-whiteboard-permission-button,.ak-whiteboard-tool-button,.ak-whiteboard-window-button)[disabled]{opacity: 1;color: var(--vaadin-text-color-secondary);border-style: dashed}:is(.ak-media-window-header>:is(vaadin-button,button,.ak-download-button),.ak-media-window-header>.ak-floating-tools>button){--vaadin-padding-s: 0;--vaadin-button-height: var(--ak-media-window-control-size);--vaadin-button-min-width: var(--ak-media-window-control-size);flex: 0 0 var(--ak-media-window-control-size);width: var(--ak-media-window-control-size);min-width: var(--ak-media-window-control-size);height: var(--ak-media-window-control-size);min-height: var(--ak-media-window-control-size);padding: 0;box-sizing: border-box}:is(.ak-media-window-header>:is(vaadin-button,button,.ak-download-button),.ak-media-window-header>.ak-floating-tools>button) vaadin-icon{--vaadin-icon-size: var(--ak-media-window-icon-size);--vaadin-icon-visual-size: 100%;width: var(--ak-media-window-icon-size);height: var(--ak-media-window-icon-size);margin: 0;flex: none}:is(.ak-media-window-header>:is(vaadin-button,button,.ak-download-button),.ak-media-window-header>.ak-floating-tools>button)[disabled]{opacity: 1;color: var(--vaadin-text-color-secondary);border-style: dashed}:is(.ak-room-permission-button,.ak-room-lower-hand-button,.ak-chat-close-button,.ak-chat-access-button,.ak-whiteboard-tool-button,.ak-whiteboard-window-button,.ak-whiteboard-zoom-button,.ak-whiteboard-permission-button,.ak-whiteboard-color-toggle,.ak-livekit-video-dock-button){--vaadin-button-height: 2.75rem;--vaadin-button-min-width: 2.75rem;flex: 0 0 2.75rem;width: 2.75rem;min-width: 2.75rem;height: 2.75rem;min-height: 2.75rem;box-sizing: border-box}.ak-room-file-preview-header :is(vaadin-button,.ak-download-button){min-width: var(--ak-media-window-control-size,44px);min-height: var(--ak-media-window-control-size,44px);flex-shrink: 0}.ak-whiteboard-tools>:is(.ak-whiteboard-tool-button,.ak-whiteboard-zoom-button,.ak-whiteboard-color-toggle){flex-basis: var(--ak-whiteboard-control-size);width: var(--ak-whiteboard-control-size);min-width: var(--ak-whiteboard-control-size);height: var(--ak-whiteboard-control-size);min-height: var(--ak-whiteboard-control-size)}.ak-whiteboard-tools>:is(.ak-whiteboard-clear-button,.ak-whiteboard-line-width){min-height: var(--ak-whiteboard-control-size);height: var(--ak-whiteboard-control-size);padding-block: 0}.ak-room-header-actions :is(vaadin-button,.ak-pwa-install-toggle){min-width: 2.75rem;min-height: 2.75rem;flex-shrink: 0}:is(.ak-room-view,.ak-room-files-dialog) :is(button,vaadin-button,.ak-download-button):focus-visible{outline: 2px solid var(--vaadin-focus-ring-color,var(--aura-accent-color,#4361ee));outline-offset: 2px}@media (prefers-reduced-motion: reduce){.ak-room-view :is(button,vaadin-button,.ak-download-button){transition: none}}.ak-chat-file-download vaadin-icon{flex: 0 0 18px;width: 18px;height: 18px}.ak-room-stage-empty{display: none;max-width: 100%;min-width: 0;box-sizing: border-box;text-align: center;white-space: normal;overflow-wrap: anywhere;line-height: 1.9;padding: 1rem}.ak-room-guest-bulk{gap: 0.5rem;align-items: center;max-width: 100%;min-width: 0}.ak-room-guest-bulk vaadin-button{max-width: 100%;white-space: normal;height: auto;min-height: 44px}.ak-room-qr-dialog::part(footer){flex-wrap: wrap;gap: 0.5rem}.ak-room-qr-download{display: inline-flex;align-items: center;min-height: 44px;padding-inline: 0.5rem}.ak-room-user-permissions .ak-room-permission-button vaadin-icon{--vaadin-icon-size: 17px;--vaadin-icon-visual-size: 100%;width: 17px;height: 17px}@media (min-width: 768px) and (pointer: fine){.ak-room-permission-button{--vaadin-button-height: 32px;--vaadin-button-min-width: 32px;flex-basis: 32px;width: 32px;min-width: 32px;height: 32px;min-height: 32px}}.ak-room-video-stage :is(.ak-livekit-video-tile,.ak-room-file-preview,.ak-livekit-whiteboard){border: 0;box-shadow: none;box-sizing: border-box}.ak-room-video-stage .ak-media-tray{border: 0;padding: 2px}.ak-room-video-stage .ak-media-tray>[data-window-state="docked"]{border: 0;box-shadow: none}.ak-media-window-content,.ak-room-file-preview>:is(video,img,iframe){border: 0;padding: 0}.ak-media-floating-layer{position: absolute;inset: 4px;z-index: 20;pointer-events: none}.ak-media-floating-layer>[data-floating-window]{position: absolute;pointer-events: auto;min-width: 0;min-height: 0;max-width: 100%;max-height: 100%;margin: 0;border-radius: 8px;box-shadow: 0 3px 14px rgb(0 0 0 / 25%)}.ak-media-floating-layer>:is(.ak-livekit-whiteboard,.ak-room-file-preview)[data-floating-window]{overflow-x: hidden;overflow-y: auto;overscroll-behavior-block: contain;scrollbar-width: thin;scrollbar-gutter: stable}.ak-media-floating-layer>.ak-livekit-whiteboard[data-floating-window]{grid-template-rows: max-content max-content max-content minmax(64px,1fr) max-content}.ak-media-floating-layer>.ak-room-file-preview[data-floating-window]>.ak-presentation-page-viewport{min-height: 64px}.ak-media-floating-layer>.ak-room-file-preview[data-floating-window] .ak-floating-tools{flex-basis: 100%}.ak-media-floating-layer>.ak-room-file-preview[data-floating-window]>:is(.ak-presentation-controls,.ak-presentation-video-controls){flex: 0 0 auto}.ak-media-floating-layer>.ak-room-file-preview[data-floating-window]>.ak-presentation-video-controls{display: flex;flex-wrap: wrap;align-items: center}.ak-media-floating-layer>.ak-room-file-preview[data-floating-window] .ak-presentation-video-controls button{min-width: 44px;min-height: 44px}.ak-media-floating-layer>.ak-room-file-preview[data-floating-window] .ak-video-volume{flex: 1 1 80px;max-width: 100%}.ak-media-floating-layer>.ak-room-file-preview[data-floating-window] :is(.ak-video-time,.ak-video-status,.ak-video-activate){flex: 1 1 100%;min-width: 0;text-align: center}.ak-floating-tools{display: flex;flex: 1 1 0;flex-wrap: wrap;gap: 0;min-width: 0;align-items: center}.ak-window-primary-actions{display: contents}.ak-floating-tools>button:not([data-floating-handle]){opacity: 0;pointer-events: none}.ak-floating-tools>[data-floating-handle]{opacity: .5}:is([data-window-controls],[data-window-state]:focus-within:not([data-window-controls-dismissed]))>:is(.ak-media-window-header,.ak-room-file-preview-header,.ak-whiteboard-header) .ak-floating-tools>button{opacity: 1;pointer-events: auto}@media (hover: hover) and (pointer: fine){[data-window-state]:hover>:is(.ak-media-window-header,.ak-room-file-preview-header,.ak-whiteboard-header) .ak-floating-tools>button{opacity: 1;pointer-events: auto}}[data-window-drag-region]{cursor: grab;user-select: none}[data-window-drag-region]:active{cursor: grabbing}.ak-floating-tools>button,.ak-floating-tools>[data-floating-handle]{display: inline-flex;align-items: center;justify-content: center;box-sizing: border-box;flex: 0 0 var(--ak-media-window-control-size,44px);width: var(--ak-media-window-control-size,44px);min-width: var(--ak-media-window-control-size,44px);height: var(--ak-media-window-control-size,44px);min-height: var(--ak-media-window-control-size,44px);padding: 0;border: 7px solid transparent;border-radius: 12px;background: var(--ak-room-surface,var(--aura-background-color));background-clip: padding-box;color: inherit;cursor: pointer}.ak-floating-tools button:focus-visible,.ak-floating-menu :is(button,input):focus-visible,[data-floating-resize]:focus-visible{outline: 3px solid var(--vaadin-focus-ring-color,#4361ee);outline-offset: -3px}.ak-floating-tools vaadin-icon,.ak-floating-menu vaadin-icon,[data-floating-resize] vaadin-icon{--vaadin-icon-size: 16px;--vaadin-icon-visual-size: 100%;width: 16px;height: 16px;flex: 0 0 16px;pointer-events: none}.ak-floating-tools [data-floating-handle]{cursor: grab;touch-action: none;user-select: none}.ak-floating-tools [data-floating-handle]:active{cursor: grabbing}.ak-floating-tools [hidden]{display: none}[data-floating-resize]{touch-action: none;user-select: none;cursor: nwse-resize}.ak-floating-menu{position: fixed;inset: auto;margin: 0;width: min(288px,calc(100vw - 16px));max-width: calc(100vw - 8px);max-height: calc(100dvh - 8px);padding: 4px;overflow-y: auto;box-sizing: border-box;border: 1px solid var(--vaadin-border-color-secondary,#777);border-radius: 8px;color: var(--vaadin-text-color,#222);background: var(--aura-background-color,#fff);box-shadow: 0 4px 16px rgb(0 0 0 / 20%);direction: rtl}.ak-floating-menu button{display: flex;align-items: center;gap: 10px;width: 100%;min-height: 44px;padding: 6px 10px;border: 0;border-radius: 4px;color: inherit;background: transparent;font: inherit;text-align: start;cursor: pointer}.ak-floating-menu button:hover,.ak-floating-tools button:hover{background: color-mix(in srgb,currentColor 10%,transparent)}.ak-room-menu-label{flex: 1 1 auto;min-width: 0;white-space: normal;overflow-wrap: normal;word-break: normal;line-height: 1.5}.ak-floating-menu input{width: calc(100% - 16px);margin: 8px}.ak-room-video-stage :is(.ak-livekit-video-tile,.ak-room-file-preview,.ak-livekit-whiteboard):is(:fullscreen,[data-fallback-fullscreen]){position: fixed !important;inset: 0 !important;width: 100vw !important;height: 100dvh !important;max-width: none !important;max-height: none !important;z-index: 10000 !important;border-radius: 0}.ak-room-video-stage:not([data-has-docked-windows]){grid-template-rows: minmax(0,1fr)}.ak-room-view{width: 100%;max-width: 100%;max-height: 100%;min-width: 0;min-height: 0;margin: 0;overflow: hidden;overscroll-behavior: none;box-sizing: border-box;display: flex;flex-direction: column;background-color: var(--aura-background-color);--ak-room-accent: light-dark(#007f78,#78d8ce);--ak-room-surface: light-dark(#f3f6f8,#151b23);--ak-room-panel: light-dark(#fff,#202832);--ak-room-muted: light-dark(#576675,#acb9c6);--ak-room-divider: light-dark(#e3e9ee,#35404d);--ak-room-control-size: 44px;padding: 0;gap: 0;height: 100dvh;background: var(--ak-room-surface)}.ak-room-header-profile{overflow: hidden;flex: 1 1 0;min-width: 0;gap: 8px}.ak-room-header-profile-name{overflow: hidden;color: var(--vaadin-text-color);font-weight: 600;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;max-width: 22rem}.ak-room-header-avatar{flex: 0 0 auto;width: 30px;height: 30px}.ak-room-header-actions{flex: 0 1 auto;gap: 6px;min-width: 0}.ak-room-header-actions .ak-room-raised-hands-button{flex: 0 0 auto;min-width: 44px;min-height: 44px;padding-inline: 6px;gap: 4px;font-size: 12px}.ak-room-selected-student{flex: 0 1 180px;min-width: 0;max-width: 180px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 12px}.ak-room-session-end-time{border: 0;background: transparent;padding: 0 6px;font-size: 12px;gap: 6px}.ak-room-session-end-title{color: var(--ak-room-muted)}.ak-room-main-content{height: auto !important;max-height: 100%;min-width: 0;min-height: 0;flex: 1 1 0;align-self: center;overflow: clip;--ak-room-content-inset: max(12px,env(safe-area-inset-left),env(safe-area-inset-right));width: calc(100% - 2 * var(--ak-room-content-inset)) !important;max-width: 2048px;margin: 10px auto;border: 0;border-radius: 14px;background: transparent}.ak-room-main-content::part(master){width: 100%;height: 100%;min-width: 0;min-height: 0;box-sizing: border-box;overflow: hidden;padding: 0}.ak-room-main-content::part(detail){background: var(--ak-room-panel);border-radius: 14px;overflow: hidden}.ak-room-stage-shell{padding: 0;background: transparent;border: 0}.ak-room-video-stage{padding: 0;gap: 10px;align-content: stretch}.ak-media-mosaic{gap: 10px;align-content: center}.ak-room-video-stage :is(.ak-livekit-video-tile,.ak-livekit-whiteboard,.ak-room-file-preview){border-radius: 12px;background: var(--ak-room-panel)}.ak-livekit-video-tile{position: relative;display: flex;flex-direction: column;min-width: 0;min-height: 0;overflow: hidden;border-radius: 12px;background: var(--ak-room-panel);box-shadow: none;cursor: pointer;resize: none;transition: outline-color 120ms ease}.ak-livekit-video-tile:hover{box-shadow: none}.ak-media-window-content{position: relative;display: flex;flex: 1 1 0;min-width: 0;overflow: hidden;min-height: 0;background: #101820}.ak-media-window-header,.ak-media-window-footer{border: 0;background: var(--ak-room-panel)}.ak-media-window-footer{position: static;display: block;flex: 0 0 24px;width: 100%;min-width: 0;height: 24px;min-height: 24px;max-height: 24px;padding: 2px 6px;overflow: hidden;box-sizing: border-box;text-overflow: ellipsis;white-space: nowrap;background: var(--ak-room-panel);border: 0;color: var(--ak-room-muted);font-size: 11px;line-height: 20px}.ak-livekit-video{display: block;width: 100%;height: 100%;min-height: 0;min-width: 0;object-position: center;object-fit: contain;background: #101820}.ak-livekit-camera-video[data-camera-fit="cover"]{object-fit: cover}.ak-room-video-stage .ak-media-tray{gap: 8px;padding: 0;border-radius: 12px;background: transparent}.ak-room-controls{position: static;display: flex;transform: none;flex: 0 0 auto;width: 100%;min-width: 0;max-width: 100%;box-sizing: border-box;overflow: visible;background: var(--ak-room-panel);--ak-room-control-size: 44px;--ak-room-control-icon-size: 20px;gap: 10px;padding: 0;min-height: 44px;flex-wrap: nowrap;align-items: center;justify-content: center}.ak-room-controls>vaadin-button,.ak-room-controls>.ak-room-recording-controls .ak-room-recording-trigger,.ak-room-actions-toggle{--vaadin-padding-s: 0;--vaadin-button-padding: 0;--vaadin-button-gap: 0;display: inline-flex;align-items: center;justify-content: center;width: 44px;min-width: 44px;height: 44px;min-height: 44px;flex: 0 0 44px;padding: 0;margin: 0;border: 4px solid transparent;background-clip: padding-box;box-sizing: border-box;border-radius: 14px;background: var(--ak-room-surface);color: var(--vaadin-text-color,#253442);box-shadow: none}.ak-room-controls>vaadin-button.ak-room-state-control{--vaadin-button-background: var(--ak-room-surface);--vaadin-button-border-color: transparent;--vaadin-button-text-color: var(--vaadin-text-color,#253442);position: relative;color: var(--vaadin-button-text-color);background: var(--vaadin-button-background);border: 4px solid transparent;border-radius: 14px;transform: none}.ak-room-controls>vaadin-button.ak-room-state-control[data-state="active"]{--vaadin-button-background: light-dark(#d7efeb,#204d49);--vaadin-button-text-color: var(--ak-room-accent)}.ak-room-controls>vaadin-button.ak-room-state-control[data-state="not-granted"]{--vaadin-button-background: var(--ak-room-surface);--vaadin-button-text-color: var(--ak-room-muted)}.ak-room-controls>vaadin-button.ak-room-leave-button{background: #be3046;color: #fff;border: 4px solid transparent}.ak-room-controls>vaadin-button::part(label){display: flex;align-items: center;justify-content: center}.ak-room-controls>vaadin-button:has(>vaadin-icon:is([slot="prefix"],[slot="suffix"]))::part(label){display: none}.ak-room-controls>.ak-room-recording-controls{flex: 0 0 44px;width: 44px;height: 44px}.ak-room-controls>.ak-room-layout-select{flex: 0 0 208px;width: 208px;padding: 0;grid-template-columns: auto minmax(0,1fr);align-items: center;font-size: 12px}.ak-room-controls>[hidden],.ak-room-action-menu[hidden]{display: none !important}.ak-room-controls>vaadin-button:hover:not([disabled]),.ak-room-actions-toggle:hover{filter: brightness(0.96);transform: none}.ak-room-action-menu{display: flex;flex: 0 0 44px;min-width: 0;align-items: center}.ak-room-actions-toggle{display: grid;place-items: center;font: inherit;cursor: pointer}.ak-room-actions-toggle vaadin-icon{width: 20px;height: 20px;--vaadin-icon-size: 20px}.ak-room-actions-toggle:focus-visible{outline: 3px solid var(--vaadin-focus-ring-color,#007f78);outline-offset: 2px}.ak-room-actions-popover{position: fixed;inset: auto 12px max(72px,calc(env(safe-area-inset-bottom) + 64px)) auto;margin: 0;width: min(340px,calc(100vw - 24px));max-height: calc(100dvh - 16px);box-sizing: border-box;padding: 8px;overflow-y: auto;overscroll-behavior: contain;border: 1px solid var(--ak-room-divider,#dbe3e9);border-radius: 18px;box-shadow: 0 8px 32px #15233324;background: var(--ak-room-panel,light-dark(#fff,#202832));color: var(--vaadin-text-color,#253442);direction: rtl}.ak-room-actions-popover:popover-open{display: flex;flex-direction: column;gap: 4px}.ak-room-actions-popover::backdrop{background: transparent}.ak-room-actions-popover>vaadin-button,.ak-room-actions-popover .ak-room-recording-trigger,.ak-room-actions-popover .ak-pwa-install-toggle-button{--vaadin-padding-s: 12px;--vaadin-button-padding: 8px 12px;--vaadin-button-gap: 12px;--vaadin-button-min-width: 0;--vaadin-button-background: transparent;--vaadin-button-border-color: transparent;--vaadin-button-text-color: inherit;display: flex;align-items: center;justify-content: start;width: 100%;min-width: 0;height: auto;min-height: 48px;flex: 0 0 auto;margin: 0;padding: 8px 12px;border: 0;box-shadow: none;border-radius: 10px;background: transparent;color: inherit;white-space: normal;font-size: 14px;line-height: 1.5}.ak-room-actions-popover>vaadin-button::part(label){min-width: 0;flex: 1 1 auto;white-space: normal;overflow: visible;overflow-wrap: normal;word-break: normal;text-align: start}.ak-room-actions-popover>vaadin-button:has(>vaadin-icon:not([slot]))::part(label){display: flex;align-items: center;flex: 0 0 20px}.ak-room-actions-popover>vaadin-button:has(>vaadin-icon:not([slot]))::after{content: attr(aria-label);flex: 1 1 auto;min-width: 0;text-align: start}.ak-room-actions-popover>vaadin-button:hover:not([disabled]){background: color-mix(in srgb,currentColor 6%,transparent)}.ak-room-actions-popover>vaadin-button:focus-visible,.ak-room-actions-popover .ak-room-recording-trigger:focus-visible,.ak-room-actions-popover select:focus-visible{outline: 2px solid var(--ak-room-accent);outline-offset: -2px}.ak-room-actions-popover>[data-group-start]{border-block-start: 1px solid var(--ak-room-divider);margin-block-start: 8px;padding-block: 8px;border-start-start-radius: 0;border-start-end-radius: 0}.ak-room-actions-popover>vaadin-button[data-state="active"]{background: light-dark(#d7efeb,#204d49);color: var(--ak-room-accent)}.ak-room-actions-popover>vaadin-button[disabled]{opacity: 0.55}.ak-room-actions-popover vaadin-icon{--vaadin-icon-size: 20px;--vaadin-icon-visual-size: 100%;width: 20px;height: 20px;flex: 0 0 20px}.ak-room-actions-popover>.ak-room-recording-controls{width: 100%;min-width: 0;height: auto}.ak-room-actions-popover .ak-room-recording-trigger::after,.ak-room-actions-popover .ak-pwa-install-toggle-button::after{content: attr(aria-label);flex: 1 1 auto;min-width: 0;text-align: start}.ak-room-actions-popover>.ak-pwa-install-toggle{width: 100%}.ak-room-side-panels{min-width: 0;max-width: 100%;display: flex;flex-direction: column;width: 100%;height: 100%;min-height: 0;overflow: hidden;gap: 0;padding: 8px;box-sizing: border-box;background: var(--ak-room-panel)}.ak-chat-message{border-radius: 14px}.ak-floating-menu{z-index: 40}.ak-floating-menu[hidden],.ak-floating-tools>button[hidden]{display: none !important}.ak-room-layout-select{display: grid;gap: 8px;padding: 8px 12px;font-size: 13px}.ak-room-actions-popover>.ak-room-layout-select{grid-template-columns: auto minmax(0,1fr);align-items: center}.ak-room-layout-select select{min-height: 44px;width: 100%;padding: 8px;border: 1px solid var(--ak-room-divider);border-radius: 8px;font: inherit;color: inherit;background: var(--ak-room-surface)}.ak-room-actions-popover>[hidden]{display: none !important}.ak-room-actions-popover>.ak-theme-toggle::after{content: attr(aria-label);flex: 1 1 auto;min-width: 0;text-align: start}.ak-room-users-heading .ak-room-users-close{flex: 0 0 44px;width: 44px;min-width: 44px;height: 44px;margin-inline-start: auto}.ak-room-users-heading{justify-content: space-between;gap: 0.75rem;padding-block: 0.2rem;flex: 0 0 auto}.ak-livekit-video-tile[data-speaking]{outline: 2px solid var(--ak-room-accent);outline-offset: -2px}.ak-media-window-footer .ak-livekit-microphone-state{flex: 0 0 16px;width: 16px;height: 16px;--vaadin-icon-size: 16px}.ak-media-window-footer .ak-livekit-microphone-state[hidden]{display: none}.ak-presentation-page-controls{flex-wrap: nowrap;gap: 4px;padding: 2px 4px;box-sizing: border-box}.ak-presentation-page-controls>button{display: inline-flex;align-items: center;justify-content: center;flex: 0 0 44px;width: 44px;min-width: 44px;height: 44px;padding: 0}.ak-presentation-controls>button vaadin-icon{--vaadin-icon-size: 18px;width: 18px;height: 18px}.ak-presentation-page-controls>span{flex: 1 1 auto;min-width: 36px;text-align: center;font-size: 12px;white-space: nowrap;direction: ltr}.ak-presentation-page-controls>.ak-presentation-page-input{flex: 0 0 44px;min-width: 0;width: 44px;padding: 0;font-size: 13px}.ak-media-mosaic[data-equal-grid]>.ak-room-file-preview .ak-presentation-page-controls,.ak-media-floating-layer>.ak-room-file-preview[data-floating-window] .ak-presentation-page-controls{flex-wrap: wrap}.ak-media-mosaic[data-equal-grid]>.ak-room-file-preview .ak-presentation-page-controls>button:last-child,.ak-media-floating-layer>.ak-room-file-preview[data-floating-window] .ak-presentation-page-controls>button:last-child{display: inline-flex}.ak-presentation-page-input::-webkit-inner-spin-button,.ak-presentation-page-input::-webkit-outer-spin-button{margin: 0;-webkit-appearance: none}.ak-presentation-page-input{width: 4.5rem;min-height: 44px;box-sizing: border-box;border: 1px solid var(--lumo-contrast-20pct);border-radius: var(--lumo-border-radius-m);color: var(--lumo-body-text-color);background: var(--lumo-base-color);font: inherit;text-align: center;appearance: textfield}.ak-media-window-header [data-window-action],.ak-media-window-header .ak-stage-size-control,.ak-room-file-preview-header [data-preview-action="fullscreen"]{display: none !important}.ak-livekit-video-tile .ak-media-window-header{position: relative;width: 100%;justify-content: end;background: var(--ak-room-panel)}.ak-livekit-video-tile .ak-floating-tools{--ak-media-window-control-size: 44px}.ak-whiteboard-window-actions{display: contents}.ak-whiteboard-window-actions>[data-room-ui="whiteboard-permission"]{margin-inline-start: auto}.ak-livekit-whiteboard{--ak-whiteboard-control-size: 44px;position: relative;display: grid;min-width: 0;min-height: 0;height: 100%;overflow: hidden;border: 0;border-radius: var(--vaadin-radius-l);background: #fff;grid-template-rows: auto auto auto minmax(64px,1fr) auto;grid-template-areas: "header" "tools" "tabs" "content" "footer";container: ak-whiteboard / inline-size}.ak-livekit-whiteboard>.ak-whiteboard-header{display: grid;grid-template-columns: repeat(auto-fit,44px);grid-auto-rows: 44px;align-content: start;justify-content: start;position: relative;grid-area: header;width: 100%;min-height: min-content;align-self: start;height: auto;padding: 0;overflow: visible}.ak-whiteboard-header .ak-floating-tools{--ak-media-window-control-size: 44px;display: contents}.ak-whiteboard-tools{grid-area: tools;display: flex;align-items: center;align-content: start;justify-content: flex-start;flex-wrap: wrap;min-width: 0;height: auto;box-sizing: border-box;padding: 0;gap: 0;color: var(--vaadin-text-color);background: var(--ak-room-panel);border-block: 1px solid var(--ak-room-divider)}.ak-whiteboard-tools>div{display: contents}.ak-whiteboard-tools :is(button,select){box-sizing: border-box;display: inline-flex;align-items: center;justify-content: center;flex: 0 0 44px;width: 44px;min-width: 44px;height: 44px;min-height: 44px;margin: 0;padding: 0;border: 5px solid transparent;background-clip: padding-box;border-radius: 12px}.ak-whiteboard-tools select{flex-basis: 44px;width: 44px;padding-inline: 0;font-size: 12px}.ak-whiteboard-tools [data-active]{box-shadow: none;background-color: light-dark(#d7efeb,#204d49);color: var(--ak-room-accent)}.ak-whiteboard-tools button:disabled{border-style: solid;opacity: .45}.ak-whiteboard-tools :is(vaadin-icon,.ak-whiteboard-text-icon){--vaadin-icon-size: 18px;width: 18px;height: 18px;font-size: 18px}.ak-whiteboard-viewport{background: #fff}.ak-whiteboard-canvas{flex: none;max-width: none;max-height: none}.ak-room-user-identity h3{min-width: 0;max-width: 100%;overflow-wrap: anywhere;white-space: normal;font-size: 14px;line-height: 1.5;margin-block: 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.ak-room-user-row{flex-wrap: wrap;box-sizing: border-box;border-radius: var(--vaadin-radius-l);padding: 8px;gap: 6px;border: 0;background: var(--ak-room-surface)}.ak-room-user-row[data-speaking] .ak-room-user-identity vaadin-avatar{box-shadow: 0 0 0 2px var(--ak-room-accent)}.ak-room-user-identity vaadin-avatar{--vaadin-avatar-size: 28px;width: 28px;height: 28px}.ak-room-users-list{padding: 4px !important;gap: 8px}.ak-room-controls-panel{flex: 0 0 auto;width: 100%;min-width: 0;max-width: 100%;overflow: visible;box-sizing: border-box;padding: 4px max(8px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border-top: 1px solid var(--ak-room-divider);background: var(--ak-room-panel)}.ak-room-controls>vaadin-button vaadin-icon,.ak-room-controls>vaadin-button.ak-room-users-button vaadin-icon{--vaadin-icon-size: 20px;width: 20px;height: 20px;flex: 0 0 20px}.ak-room-header{position: relative;z-index: 30;max-width: 100%;flex: 0 0 auto;min-height: 56px;padding: max(4px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 4px max(16px,env(safe-area-inset-left));gap: 12px;overflow: visible;background: var(--ak-room-panel);border-bottom: 1px solid var(--ak-room-divider);box-sizing: border-box}@media (max-width: 700px){.ak-room-header-actions{order: 0;gap: 2px}.ak-room-header-profile{flex: 1 1 0}.ak-room-header-profile-name{max-width: 8rem;font-size: 12px}.ak-room-header-avatar{width: 26px;height: 26px}.ak-room-header-actions .ak-room-session-end-title,.ak-room-header-actions .ak-room-session-end-time vaadin-icon{display: none}.ak-room-session-end-time{padding: 0 3px;font-size: 11px}.ak-room-header-actions .ak-room-reconnect-button{min-width: 44px;width: 44px;height: 44px}.ak-room-main-content::part(master){padding: 0}.ak-room-video-stage,.ak-media-mosaic{gap: 6px}.ak-room-controls{gap: 4px}.ak-room-controls>vaadin-button.ak-room-leave-button{margin: 0}.ak-room-controls>vaadin-button,.ak-room-actions-toggle{border-radius: 12px}.ak-room-header{padding-inline: max(8px,env(safe-area-inset-left));gap: 4px;height: max(48px,calc(env(safe-area-inset-top) + 44px));min-height: 48px;padding-block: env(safe-area-inset-top) 0}.ak-room-main-content{--ak-room-content-inset: max(6px,env(safe-area-inset-left),env(safe-area-inset-right));border-radius: 10px;margin-block: 4px}.ak-room-side-panels{padding: 4px}.ak-room-side-panels>.ak-room-users{padding-inline: 8px !important}.ak-room-file-preview-header{gap: 0}.ak-room-file-preview-header :is(vaadin-button,.ak-download-button){border: 4px solid transparent;background-clip: padding-box}}@media (max-height: 500px) and (orientation: landscape){.ak-room-header{min-height: 44px;padding-block: 0}.ak-room-header-avatar{display: none}.ak-room-controls-panel{padding-block: 4px}.ak-room-main-content{margin-block: 4px}.ak-room-session-end-title{display: none}}@media (max-width: 359px){.ak-room-controls{display: flex;gap: 0;justify-content: center}.ak-room-controls-panel{padding-inline: 6px}}@media (max-width: 420px){.ak-presentation-page-controls>button:last-child{display: none}}.ak-content-workspace :is(.ak-livekit-video-tile,.ak-livekit-whiteboard,.ak-room-file-preview){position: relative;border: 0;border-radius: 0;box-shadow: none;padding: 0;overflow: hidden;background: transparent}.ak-content-workspace :is(.ak-livekit-video-tile,.ak-room-file-preview){display: flex;flex-direction: column}.ak-content-workspace :is(.ak-media-window-header,.ak-room-file-preview-header,.ak-whiteboard-header){position: relative;inset: auto;z-index: 5;display: flex;flex: 0 0 auto;flex-wrap: wrap;align-items: center;width: 100%;height: auto;min-height: 44px;max-height: none;margin: 0;padding: 0;border: 0;background: transparent;overflow: visible}.ak-content-workspace .ak-media-window-footer{display: none}.ak-content-workspace :is(.ak-whiteboard-header-details,.ak-room-file-preview-title){display: none}.ak-content-workspace .ak-floating-tools{display: flex;flex: 1 1 220px;flex-wrap: wrap;justify-content: end}.ak-content-workspace .ak-floating-tools>button{opacity: 0;pointer-events: none}.ak-content-workspace .ak-floating-tools>[data-floating-handle]{opacity: .5;pointer-events: auto;margin-inline-end: auto}.ak-content-workspace .ak-livekit-whiteboard{display: grid;grid-template-areas: "header" "tools" "tabs" "content" "footer";grid-template-rows: auto auto auto minmax(64px,1fr) auto;grid-template-columns: minmax(0,1fr);scrollbar-gutter: auto}.ak-content-workspace :is(.ak-whiteboard-tools,.ak-whiteboard-tabs,.ak-presentation-controls,.ak-presentation-video-controls,.ak-room-file-preview-status){position: relative;inset: auto;flex: 0 0 auto;width: 100%;margin: 0;border: 0;box-sizing: border-box;opacity: 1;visibility: visible;pointer-events: auto;background: transparent}.ak-content-workspace .ak-whiteboard-tools{max-height: 132px;overflow: auto}.ak-content-workspace .ak-whiteboard-viewport{grid-area: content;min-height: 0;width: 100%;height: 100%}.ak-content-workspace .ak-room-file-preview>:is(video,img,iframe,.ak-presentation-page-viewport){flex: 1 1 0;width: 100%;height: 0;min-height: 0;max-height: 100%;padding: 0;margin: 0;object-fit: contain;border: 0}.ak-content-workspace .ak-media-window-content{flex: 1 1 0;width: 100%;min-height: 0}.ak-content-workspace .ak-presentation-page-viewport img{object-fit: contain;max-width: none;max-height: none}.ak-content-workspace [data-floating-resize]{touch-action: none}.ak-content-workspace [data-window-state]:not([data-floating-window])>[data-window-drag-region]{cursor: default}.ak-content-workspace .ak-media-floating-layer>[data-floating-window]{position: absolute;background: var(--ak-room-panel)}.ak-content-workspace [hidden]{display: none !important}.ak-content-workspace :is([data-window-hover],[data-window-controls],:focus-within:not([data-window-controls-dismissed]))>:is(.ak-media-window-header,.ak-room-file-preview-header,.ak-whiteboard-header) .ak-floating-tools>button{opacity: 1;pointer-events: auto}@media (hover: hover) and (pointer: fine){.ak-content-workspace [data-window-state]:hover>:is(.ak-media-window-header,.ak-room-file-preview-header,.ak-whiteboard-header) .ak-floating-tools>button{opacity: 1;pointer-events: auto}}.ak-content-workspace[data-media-layout="content"]{grid-template-rows: minmax(0,1fr) auto;gap: 4px}.ak-content-workspace[data-media-layout="content"] .ak-media-mosaic{align-content: start;justify-content: stretch;overflow-x: hidden;overflow-y: auto}.ak-content-workspace[data-stage-layout="compact"] .ak-media-mosaic .ak-livekit-camera-video{object-fit: contain}.ak-content-workspace[data-stage-layout="compact"] .ak-media-mosaic>.ak-livekit-whiteboard:not(:fullscreen):not([data-fallback-fullscreen]):not([data-stage-focused]) .ak-whiteboard-canvas{pointer-events: none}.ak-content-workspace[data-stage-layout="compact"] .ak-media-mosaic>[data-stage-role="grid"]:not(:fullscreen):not([data-fallback-fullscreen])>:is(.ak-whiteboard-tools,.ak-whiteboard-tabs,.ak-presentation-controls,.ak-presentation-video-controls,.ak-room-file-preview-status){display: none}.ak-content-workspace[data-stage-layout="compact"] .ak-media-mosaic>[data-stage-role="grid"]:not(:has(>video[controls])):not(:fullscreen):not([data-fallback-fullscreen]):not([data-window-controls]):not([data-window-hover])>:is(.ak-media-window-header,.ak-room-file-preview-header,.ak-whiteboard-header){display: none}.ak-content-workspace[data-stage-layout="compact"] .ak-media-mosaic>.ak-room-file-preview:has(>video[controls]):not(:fullscreen):not([data-fallback-fullscreen]):not([data-window-controls]):not([data-window-hover])>.ak-room-file-preview-header>:not(.ak-floating-tools),.ak-content-workspace[data-stage-layout="compact"] .ak-media-mosaic>.ak-room-file-preview:has(>video[controls]):not(:fullscreen):not([data-fallback-fullscreen]):not([data-window-controls]):not([data-window-hover]) .ak-floating-tools>button:not([data-workspace-action="actions"]){display: none}.ak-content-workspace[data-stage-layout="compact"] .ak-media-mosaic>.ak-room-file-preview:has(>video[controls]) .ak-floating-tools>[data-workspace-action="actions"]{opacity: 1;pointer-events: auto}.ak-content-workspace[data-stage-layout="compact"] .ak-media-mosaic .ak-whiteboard-window-actions{display: none}@media (max-height: 440px) and (max-width: 960px){.ak-content-workspace[data-stage-layout="presentation"] .ak-media-mosaic>[data-stage-role="primary"] .ak-whiteboard-tools{max-height: 44px}}.ak-room-main-content{display: flex;gap: 8px}.ak-room-main-content>.ak-room-stage-shell{flex: 1 1 0;width: 0;min-width: 0}.ak-room-management{display: block;width: 0;min-width: 0;flex: 0 0 auto;overflow: hidden}@media (min-width: 701px) and (min-height: 441px),(min-width: 961px){.ak-room-main-content[data-panels-open="true"]>.ak-room-management{width: min(340px,40%)}}.ak-room-management-body{height: 100%;min-height: 0}.ak-room-drawer-handle,.ak-room-management-actions{display: none}.ak-room-management .ak-room-side-panels{height: 100%}.ak-room-main-content:not([data-panels-open="true"]) .ak-room-side-panels{display: none}@media (max-width: 700px),(max-height: 440px) and (max-width: 960px){body:has(.ak-room-view) .ak-developer-credit[data-page="room"]{display: none}.ak-room-view{padding: 0 !important;gap: 0;height: var(--ak-room-visible-height,100dvh);max-height: var(--ak-room-visible-height,100dvh)}.ak-room-view>.ak-room-header{height: calc(44px + env(safe-area-inset-top,0px));min-height: calc(44px + env(safe-area-inset-top,0px));padding: env(safe-area-inset-top,0px) max(6px,env(safe-area-inset-right)) 0 max(6px,env(safe-area-inset-left));background: transparent}.ak-room-header :is(.ak-room-header-profile,.ak-room-header-menu,.ak-room-session-end-time){display: none}.ak-room-header .ak-room-header-actions{margin-inline-start: auto}.ak-room-header :is(.ak-room-raised-hands-button,.ak-room-reconnect-button){min-height: 44px;height: 44px;font-size: 11px}.ak-room-main-content{width: 100% !important;margin: 0;border-radius: 0;gap: 0}.ak-room-video-stage{gap: 4px}.ak-room-controls-panel:where(:not(.ak-device-call-bar)){padding: 44px 2px max(2px,env(safe-area-inset-bottom)) !important;margin: 0;border: 0;border-radius: 0}.ak-room-controls{gap: 0;min-height: 44px;background: transparent}.ak-room-controls>vaadin-button,.ak-room-controls>vaadin-button.ak-room-state-control,.ak-room-actions-toggle{--vaadin-button-background: transparent;background: transparent;border: 0;border-radius: 0}.ak-room-controls>vaadin-button.ak-room-leave-button{color: #be3046;background: transparent;border: 0}.ak-room-controls>vaadin-button vaadin-icon,.ak-room-actions-toggle vaadin-icon{width: 18px;height: 18px;--vaadin-icon-size: 18px}.ak-room-main-content>.ak-room-management{position: fixed;z-index: 35;inset: auto max(0px,env(safe-area-inset-right)) calc(var(--ak-drawer-bottom,46px) + env(safe-area-inset-bottom)) max(0px,env(safe-area-inset-left));width: auto;max-height: calc(var(--ak-drawer-available-height,calc(100dvh - 78px)) - var(--ak-room-notification-height,0px));overflow: visible;background: var(--ak-room-panel);border-radius: 16px 16px 0 0}.ak-room-drawer-handle{display: flex;align-items: center;justify-content: center;width: 100%;height: 44px;padding: 0;border: 0;background: transparent;color: var(--ak-room-muted);touch-action: none;cursor: pointer}.ak-room-drawer-handle vaadin-icon{width: 20px;height: 20px}.ak-room-management-body{display: none}.ak-room-management[data-open] .ak-room-management-body{display: flex;flex-direction: column;max-height: calc(var(--ak-drawer-available-height,100dvh) - 44px - var(--ak-room-notification-height,0px));height: auto;overflow: auto;overscroll-behavior: contain;padding: 0 8px 8px}.ak-room-management-actions{display: contents}.ak-room-management-actions>.ak-room-layout-select{order: 0;flex: 0 0 auto;margin-block: 0 6px}.ak-room-management-section{order: 2;flex: 0 0 auto;border-top: 1px solid var(--ak-room-divider)}.ak-room-management-section[hidden]{display: none}.ak-room-management-section summary{min-height: 44px;display: flex;align-items: center;gap: 8px;cursor: pointer;font-size: 13px;font-weight: 600;list-style: none}.ak-room-management-section summary::after{content: '+';margin-inline-start: auto;font-size: 18px;font-weight: 400}.ak-room-management-section[open] summary::after{content: '−'}.ak-room-management-section summary::-webkit-details-marker{display: none}.ak-room-management-section>button{display: flex;align-items: center;gap: 12px;width: 100%;min-height: 44px;border: 0;background: transparent;color: inherit;font: inherit;text-align: start}.ak-room-management-section>button vaadin-icon{width: 18px;height: 18px;flex: 0 0 18px}.ak-room-management-section>button:disabled{opacity: .45}.ak-room-management-actions .ak-room-layout-select{grid-template-columns: auto minmax(0,1fr)}:where(.ak-room-view:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-management .ak-room-side-panels{order: 1;flex: 0 0 auto;height: auto;min-height: 0;padding: 0;overflow: visible}:where(.ak-room-view:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-management[data-chat-open]{max-height: calc(var(--ak-drawer-available-height,100dvh) + 44px - var(--ak-room-notification-height,0px))}:where(.ak-room-view:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-management[data-chat-open]>.ak-room-side-panels{display: flex;height: min(560px,calc(var(--ak-drawer-available-height,100dvh) - var(--ak-room-notification-height,0px)));overflow: hidden}:where(.ak-room-view:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-management .ak-room-side-panels>:is(.ak-room-chat-panel,.ak-room-users-panel){display: flex;flex: 0 0 auto;height: auto !important;min-height: 200px}:where(.ak-room-view:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-management :is(.ak-room-users-panel,.ak-room-users-list,.ak-chat-messages){overflow: visible !important;flex: 0 0 auto}:where(.ak-room-view:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-management .ak-chat-messages{height: auto;max-height: none;flex: 0 0 auto !important}:where(.ak-room-view:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-management[data-chat-open] .ak-room-chat-panel{height: 100% !important;min-height: 0;flex: 1 1 0}:where(.ak-room-view:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-management[data-chat-open] .ak-chat-header{padding-block: 0}:where(.ak-room-view:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-management[data-chat-open] .ak-chat-messages{height: 0;flex: 1 1 0 !important;overflow-y: auto !important}:where(.ak-room-view:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-management .ak-chat-controls{position: sticky;bottom: 0;background: var(--ak-room-panel)}:where(.ak-room-view:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-management .ak-room-user-identity h3{unicode-bidi: plaintext}:where(.ak-room-view:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-management .ak-room-user-identity{flex-basis: 100%}.ak-room-main-content{padding-block-start: var(--ak-room-notification-height,0px);box-sizing: border-box}.ak-room-view .ak-room-management .ak-room-user-row{margin: 0}.ak-room-management .ak-room-side-panels>[hidden]{display: none !important}.ak-room-management:focus-within{scroll-margin-bottom: 4px}.ak-room-drawer-handle:focus-visible,.ak-room-management-actions :is(button,summary):focus-visible{outline: 2px solid var(--vaadin-focus-ring-color);outline-offset: -2px}}.ak-room-view vaadin-tooltip::part(overlay),.ak-room-view [role="tooltip"]{pointer-events: none}vaadin-notification-container[data-room-notifications]{inset: 44px max(0px,env(safe-area-inset-right)) auto max(0px,env(safe-area-inset-left));width: auto;height: auto;max-height: min(28dvh,200px);overflow-y: auto;overscroll-behavior: contain;--vaadin-notification-viewport-inset: 4px;--vaadin-notification-container-gap: 4px}vaadin-notification-container[data-room-notifications] vaadin-notification-card.ak-notification::part(overlay){min-width: 0;max-width: 100%;padding: 4px 8px;border-radius: 8px;box-shadow: none}vaadin-notification-container[data-room-notifications] .ak-notification-content{gap: 8px;direction: rtl}vaadin-notification-container[data-room-notifications] .ak-notification-icon{width: 18px;height: 18px;margin-top: 4px}vaadin-notification-container[data-room-notifications] .ak-notification-title{font-size: 12px}vaadin-notification-container[data-room-notifications] .ak-notification-message{font-size: 12px;unicode-bidi: plaintext}body:has(.ak-room-view) .ak-room-presence-notification .ak-notification-message{white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;unicode-bidi: plaintext}.ak-room-view{--ak-room-surface: var(--aura-surface-color-solid,Canvas);height: var(--ak-room-visible-height,100dvh) !important;min-height: 0}.ak-room-view:where(:not([data-room-device=mobile]):not([data-room-device=tablet])){gap: 4px !important;padding: 4px !important}.ak-room-route-host{width: 100%;height: 100%;min-height: 0;overflow: hidden}.ak-room-view :is(button,vaadin-button,select){font-family: Vazirmatn,sans-serif;min-height: 44px}.ak-room-view :is(.ak-room-header,.ak-room-controls-panel,.ak-room-actions-popover,.ak-room-management){background: var(--ak-room-surface)}.ak-room-view .ak-room-header{min-height: 44px;padding-block: 0 !important}.ak-room-view .ak-room-main-content{min-height: 0;flex: 1 1 auto}.ak-room-view .ak-room-management{position: relative;inset: auto;display: none;width: min(22rem,32vw);height: 100%;min-height: 0;min-width: 0;padding: 0;z-index: 30;overflow: hidden;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 12px}.ak-room-view .ak-room-management[data-panel-open=true]{display: flex}.ak-room-view .ak-room-side-panels{height: 100%;min-height: 0;padding: 8px;box-sizing: border-box}.ak-room-view .ak-room-management .ak-room-side-panels{display: flex;flex: 1 1 0;height: 100%;min-height: 0;overflow: hidden}.ak-room-view .ak-room-management .ak-room-chat-panel{position: relative;display: flex;flex: 1 1 0;height: 100% !important;min-height: 0;overflow: hidden;padding-bottom: max(4px,env(safe-area-inset-bottom)) !important}.ak-room-view .ak-room-management .ak-chat-messages{height: 0;min-height: 0;flex: 1 1 0 !important;overflow-y: auto !important;overscroll-behavior: contain;overflow-anchor: none}.ak-room-view .ak-chat-message,.ak-room-view .ak-room-chat>:not(.ak-chat-messages){flex-shrink: 0}.ak-room-view .ak-chat-controls{position: static;flex: 0 0 auto;align-items: end;min-height: 44px;overflow: visible}.ak-room-view .ak-chat-controls vaadin-text-area{min-width: 0;width: 0;flex: 1 1 0;padding: 0;--vaadin-input-field-border-radius: 12px}.ak-room-view .ak-chat-controls vaadin-text-area::part(input-field){min-height: 44px;padding-block: 8px}.ak-room-view .ak-chat-controls textarea{overflow-y: auto}.ak-room-view .ak-chat-text{white-space: pre-wrap;overflow-wrap: anywhere}.ak-chat-unread{position: absolute;bottom: var(--ak-chat-tail-height,8rem);inset-inline: 24px;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 24px;background: var(--aura-surface-color-solid,Canvas);color: var(--vaadin-text-color,CanvasText);box-shadow: 0 2px 8px rgb(0 0 0 / .15);font: inherit}.ak-chat-unread[hidden]{display: none}@media (max-height: 440px){.ak-room-view .ak-chat-header{min-height: 36px;padding-block: 0}.ak-room-view .ak-room-chat>vaadin-combo-box{padding: 0}.ak-room-view .ak-room-chat>vaadin-combo-box::part(label){display: none}}.ak-room-side-panels>[hidden]{display: none !important}.ak-room-view .ak-room-files-panel{display: flex;flex-direction: column;overflow: auto;height: 100% !important}.ak-room-view .ak-room-files-panel>vaadin-vertical-layout{flex: 1;min-height: 0}.ak-room-view .ak-room-controls-panel{flex: 0 0 auto;width: 100%;min-height: 48px;padding-block: 0}.ak-room-view .ak-room-controls-panel>vaadin-horizontal-layout{gap: 4px;justify-content: center}.ak-room-view .ak-room-actions-popover{background: var(--aura-surface-color-solid,Canvas);border: 1px solid var(--vaadin-border-color-secondary);border-radius: 12px;padding: 8px}.ak-room-view .ak-room-actions-toggle{width: 44px;height: 44px}.ak-room-view :is(.ak-livekit-video-tile,.ak-room-file-preview) .ak-media-window-actions{opacity: 0;pointer-events: none;transition: opacity .12s}.ak-room-view :is(.ak-livekit-video-tile,.ak-room-file-preview):is(:hover,:focus-within,[data-selected=true]) .ak-media-window-actions{opacity: 1;pointer-events: auto}.ak-personal-leave-dialog{max-width: min(28rem,calc(100vw - 24px));background: var(--aura-surface-color-solid,Canvas);color: var(--vaadin-text-color,CanvasText);border: 1px solid var(--vaadin-border-color-secondary);border-radius: 16px;padding: 20px;font-family: Vazirmatn,sans-serif}.ak-personal-leave-dialog::backdrop{background: rgb(0 0 0 / .35)}.ak-exit-end-all{color: var(--vaadin-text-color-error,light-dark(#b42324,#ffaaa5));border: 1px solid currentColor}.ak-personal-leave-dialog .ak-exit-end-all{display: block;margin-top: 16px;width: 100%}.ak-window-primary-actions{display: flex;flex: 0 0 auto;gap: 2px}.ak-floating-tools>.ak-window-primary-actions button{display: inline-flex;align-items: center;justify-content: center;width: 40px;min-width: 40px;min-height: 44px;padding: 5px;border: 0;border-radius: 8px;color: inherit;background: var(--aura-surface-color-solid,Canvas)}.ak-floating-tools>[data-workspace-action=actions]{opacity: 1;pointer-events: auto}.ak-floating-tools{flex-wrap: nowrap !important}.ak-floating-menu{background: var(--aura-surface-color-solid,Canvas)}.ak-floating-tools>.ak-window-primary-actions [data-workspace-action=close]:hover{color: white;background: #b42324}.ak-floating-tools>.ak-window-primary-actions .ak-room-menu-label{display: none}.ak-floating-tools>[data-workspace-action=float] .ak-room-menu-label{display: none}.ak-window-manager-label{display: none}[data-window-compact] .ak-floating-tools>:is([data-workspace-action=drag],[data-workspace-action=float]){display: none}[data-window-compact] .ak-window-manager-label{display: inline;font-size: 11px}[data-window-compact] .ak-floating-tools>[data-workspace-action=actions]{width: auto;min-width: 76px;gap: 4px}[data-window-compact] .ak-whiteboard-header .ak-editor-status{display: none}.ak-floating-menu .ak-window-primary-actions{display: flex;flex-direction: column;width: 100%}.ak-floating-menu .ak-window-primary-actions button{width: 100%;justify-content: start;gap: 10px}.ak-floating-menu .ak-window-manager-back{width: 100%;border-bottom: 1px solid var(--vaadin-border-color-secondary)}.ak-room-view :is(.ak-room-header,.ak-room-controls-panel){border-color: var(--vaadin-border-color-secondary)}.ak-room-view [data-tour=whiteboard]{color: var(--vaadin-text-color-success,#22734b)}.ak-room-view [data-tour=chat]{color: var(--vaadin-text-color-link,#176f9b)}.ak-room-view [data-tour=leave]{color: var(--vaadin-text-color-error,#a52a2a)}.ak-personal-leave-dialog button{min-height: 44px;padding: 8px 16px;margin-inline-end: 8px;font: inherit}.ak-fullscreen-escape{position: absolute;inset-block-start: max(4px,env(safe-area-inset-top));inset-inline-end: 4px;display: flex;gap: 4px;z-index: 2147483640;background: var(--aura-surface-color-solid,Canvas);border-radius: 12px;padding: 2px}.ak-fullscreen-escape button{width: 44px;height: 44px;border: 0;border-radius: 8px;background: transparent;color: inherit}.ak-fullscreen-escape button[aria-pressed=true]{background: var(--vaadin-selection-color,#dceaff)}.ak-call-owner{position: fixed;inset: auto 12px 12px auto;width: min(340px,calc(100vw - 24px));z-index: 1000;border-radius: 14px;background: var(--aura-surface-color-solid,Canvas);box-shadow: 0 8px 32px rgb(0 0 0 / .2);font-family: Vazirmatn,sans-serif}.ak-call-owner:not([data-parked]){display: none}.ak-call-parking{width: 100%;height: 190px;overflow: hidden;border-radius: 14px 14px 0 0}.ak-call-owner[data-parked] .ak-call-parking>.ak-room-view{height: 190px !important;padding: 0 !important}.ak-call-owner[data-parked] .ak-call-parking .ak-room-view>:not(.ak-room-main-content){display: none !important}.ak-call-owner[data-parked] .ak-call-parking .ak-room-management{display: none !important}.ak-call-owner[data-parked] .ak-call-parking .ak-room-main-content{width: 100% !important;height: 100% !important}.ak-mini-call-controls{display: flex;align-items: center;justify-content: space-between;gap: 4px;padding: 4px;direction: rtl}.ak-mini-call-controls :is(button,vaadin-button){min-width: 44px;min-height: 44px;font-family: inherit}.ak-mini-call-controls button{background: transparent;border: 0;color: inherit}.ak-room-view[data-personal-disconnected=true] .ak-room-video-stage{opacity: .35;pointer-events: none}@media (max-width: 700px),(max-height: 440px) and (max-width: 960px){.ak-room-view .ak-room-management{position: absolute;inset: 4px 4px 52px 4px;width: auto;height: auto;max-height: none;z-index: 60;box-shadow: 0 4px 24px rgb(0 0 0 / .14)}.ak-room-view .ak-room-main-content[data-panels-open=true]{grid-template-columns: minmax(0,1fr)}.ak-room-view .ak-room-controls-panel{padding-inline: 0}.ak-room-view .ak-room-header-avatar{width: 28px;height: 28px}}@media (max-height: 440px) and (orientation: landscape){.ak-room-view{gap: 2px !important;padding: 2px !important}.ak-room-view .ak-room-header{min-height: 36px}.ak-room-view .ak-room-join-notice:not([data-count]){display: none}}.ak-room-panel-close{position: absolute;inset-block-start: 4px;inset-inline-end: 4px;z-index: 3;width: 44px;height: 44px;border: 0;border-radius: 8px;color: inherit;background: var(--aura-surface-color-solid,Canvas)}.ak-room-panel-close vaadin-icon{width: 20px;height: 20px}.ak-room-management :is(.ak-chat-close-button,.ak-room-users-close,.ak-room-files-close){visibility: hidden}.ak-room-video-stage [data-camera-collapsed]{display: none !important}.ak-camera-dock-restore{position: absolute;inset-block-end: 4px;inset-inline-start: 4px;z-index: 15;display: inline-flex;gap: 6px;align-items: center;min-height: 44px;padding: 6px 10px;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 10px;color: var(--vaadin-text-color,CanvasText);background: var(--aura-surface-color-solid,Canvas);font: 12px Vazirmatn,sans-serif}.ak-camera-dock-restore[hidden]{display: none}.ak-camera-dock-restore vaadin-icon{width: 18px;height: 18px}.ak-call-owner[data-room-active]:not([data-parked]){display: block;inset: 0;width: 100%;height: 100dvh;z-index: 100;border-radius: 0;box-shadow: none}.ak-call-owner[data-room-active]:not([data-parked]) .ak-call-parking{width: 100%;height: 100%;overflow: hidden;border-radius: 0}.ak-call-owner[data-room-active]:not([data-parked]) .ak-mini-call-controls{display: none}.ak-call-owner[data-room-active]:not([data-parked]) .ak-call-parking>.ak-room-view:where(:not([data-room-device=mobile]):not([data-room-device=tablet])){height: var(--ak-room-visible-height,100dvh) !important;padding: 4px !important}.ak-call-owner[data-room-active]:not([data-parked]) .ak-call-parking .ak-room-management[data-panel-open=true]{display: flex !important}.ak-room-view .ak-livekit-video-tile .ak-livekit-video-actions{opacity: 0;pointer-events: none}.ak-room-view .ak-livekit-video-tile:is(:hover,:focus-within,[data-selected=true]) .ak-livekit-video-actions{opacity: 1;pointer-events: auto}.ak-call-owner[data-parked] .ak-call-parking :is(.ak-whiteboard-header,.ak-whiteboard-tools,.ak-whiteboard-tabs,.ak-media-window-header,.ak-media-window-footer,.ak-camera-dock-restore){display: none !important}vaadin-notification-container[data-room-notifications]{max-height: none;overflow: visible}body:has(.ak-call-owner[data-room-active]:not([data-parked])) .ak-notification-title{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}body:has(.ak-call-owner[data-room-active]:not([data-parked])) .ak-notification-message{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;overflow-wrap: anywhere}.ak-livekit-whiteboard[data-editor-state] .ak-whiteboard-viewport{position: relative;overflow: hidden;touch-action: none;background: white}.ak-livekit-whiteboard[data-editor-state] .ak-whiteboard-canvas[hidden]{display: none !important}.ak-livekit-whiteboard[data-editor-state] .canvas-container{position: absolute !important;inset: 0;direction: ltr}.ak-livekit-whiteboard .ak-editor-toolbar{display: flex;flex-wrap: nowrap;gap: 2px;min-height: 44px;height: 44px;padding: 2px;box-sizing: content-box;justify-content: center;overflow: visible}.ak-editor-toolbar button,.ak-editor-popover button{display: inline-flex;align-items: center;justify-content: center;min-width: 44px;width: 44px;height: 44px;padding: 8px;border: 0;border-radius: 8px;color: var(--vaadin-text-color,CanvasText);background: transparent;font-family: Vazirmatn,sans-serif}.ak-editor-toolbar button[aria-pressed=true],.ak-editor-popover button[aria-pressed=true]{background: var(--vaadin-selection-color,#dceaff);color: var(--vaadin-text-color,CanvasText)}.ak-editor-toolbar button:focus-visible,.ak-editor-popover button:focus-visible{outline: 2px solid var(--aura-accent-color);outline-offset: -2px}.ak-editor-toolbar vaadin-icon,.ak-editor-popover vaadin-icon{width: 20px;height: 20px}.ak-editor-popover{position: fixed;inset: auto;width: min(304px,calc(100vw - 16px));max-height: calc(100dvh - 16px);overflow: auto;margin: 0;padding: 6px;box-sizing: border-box;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 12px;background: var(--aura-surface-color-solid,Canvas);color: var(--vaadin-text-color,CanvasText);box-shadow: 0 6px 24px rgb(0 0 0 / .15);font: 14px Vazirmatn,sans-serif}.ak-editor-popover:popover-open{display: flex;flex-wrap: wrap;gap: 2px;justify-content: start}.ak-editor-popover label{display: flex;justify-content: space-between;align-items: center;min-height: 44px;width: calc(100% - 8px);margin-inline: 4px;gap: 8px}.ak-editor-popover input[type=color]{width: 44px;height: 40px;padding: 2px}.ak-editor-popover input[type=range]{width: 132px}.ak-editor-popover input[type=number]{width: 72px;min-height: 36px;font: inherit}.ak-editor-palette{display: flex;flex-wrap: wrap;gap: 2px;width: 100%}.ak-editor-palette button{min-width: 44px;width: 44px;height: 44px;border: 1px solid #888}.ak-editor-pages{min-height: 44px;font: inherit;max-width: 100%;flex: 1 1 140px}.ak-editor-status{font-size: 11px;line-height: 1.4;max-width: 12rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-inline: auto 4px}.ak-editor-laser{position: absolute;pointer-events: none;width: 12px;height: 12px;border-radius: 50%;background: #f33;box-shadow: 0 0 12px 4px #f338;transform: translate(-50%,-50%);z-index: 6}.ak-livekit-whiteboard[data-editor-state] .ak-whiteboard-window-button:is([data-window-action=move-left],[data-window-action=move-right],[data-window-action=minimize],[data-window-action=maximize]){display: none}.ak-livekit-whiteboard[data-editor-state] .ak-whiteboard-header{min-height: 44px;flex-wrap: nowrap}.ak-livekit-whiteboard[data-editor-state] .ak-whiteboard-window-actions{flex-wrap: nowrap}@media (max-height: 440px) and (orientation: landscape){.ak-livekit-whiteboard[data-editor-state] .ak-whiteboard-tabs:empty{display: none}.ak-editor-status{max-width: 8rem}}.ak-livekit-whiteboard .ak-editor-toolbar{display: flex;flex-direction: column;height: auto;min-height: 44px;padding: 4px;gap: 4px;background: var(--aura-surface-color-solid,Canvas);border-top: 1px solid var(--vaadin-border-color-secondary)}.ak-editor-primary{display: flex;align-items: center;justify-content: center;gap: 3px;flex: 0 0 auto}.ak-livekit-whiteboard[data-editor-state] .ak-editor-toolbar>.ak-editor-primary,.ak-livekit-whiteboard[data-editor-state] .ak-editor-toolbar>.ak-editor-ribbon{display: flex}.ak-livekit-whiteboard[data-editor-state] .ak-editor-toolbar{box-sizing: border-box;width: 100%}.ak-room-view .ak-content-workspace .ak-livekit-whiteboard[data-editor-state] .ak-editor-toolbar{max-height: none;overflow: visible}.ak-livekit-whiteboard[data-editor-state]>.ak-whiteboard-header{display: flex;flex-direction: row;flex-wrap: nowrap;min-height: 44px;align-items: center;gap: 4px}.ak-livekit-whiteboard[data-editor-state] .ak-whiteboard-header .ak-floating-tools{display: flex;flex: 0 0 auto;flex-wrap: nowrap;margin-inline-end: auto}.ak-livekit-whiteboard[data-editor-state] .ak-editor-toolbar .ak-editor-primary button{flex: 0 0 auto;border: 0}.ak-livekit-whiteboard[data-editor-state] .ak-editor-toolbar .ak-editor-group-commands button{width: 100%;height: auto;min-width: 0;flex: initial;padding: 4px;border: 0}.ak-livekit-whiteboard[data-editor-state] .ak-editor-toolbar .ak-editor-group-commands .ak-editor-palette button{width: 28px;min-width: 28px;height: 28px;min-height: 28px;border: 1px solid #888}.ak-editor-primary .ak-editor-command-label{display: none}.ak-editor-primary [data-editor-tool=text]{width: auto;gap: 4px}.ak-editor-primary [data-editor-tool=text] .ak-editor-command-label{display: inline}.ak-editor-primary [data-editor-action=more]{display: none}[data-editor-compact] .ak-editor-primary [data-editor-action=more]{display: inline-flex;width: auto;min-width: 88px;gap: 4px;padding-inline: 6px}[data-editor-compact] .ak-editor-primary [data-editor-action=more] .ak-editor-command-label{display: inline}[data-editor-compact] .ak-editor-primary button{min-width: 44px;width: 44px;padding: 5px}[data-editor-compact] .ak-editor-primary [data-editor-tool=text]{width: 62px}.ak-editor-ribbon{display: flex;flex-wrap: wrap;gap: 4px;width: 100%}.ak-livekit-whiteboard:not([data-editor-compact]) .ak-editor-ribbon{flex-direction: column;gap: 3px}.ak-editor-group-tabs{display: flex;gap: 2px;width: 100%;border-bottom: 1px solid var(--vaadin-border-color-secondary)}.ak-livekit-whiteboard[data-editor-state] .ak-editor-toolbar .ak-editor-group-tabs button{width: auto;min-width: 52px;height: 36px;min-height: 36px;flex: 1 1 auto;border: 0;border-radius: 6px 6px 0 0;padding: 4px;font-size: 12px;white-space: nowrap}.ak-editor-group-tabs button[aria-selected=true]{background: var(--vaadin-selection-color,#dceaff);border-bottom: 2px solid var(--aura-accent-color,#267fa8) !important}.ak-editor-popover .ak-editor-group-tabs{display: none}.ak-editor-group[hidden]{display: none}.ak-livekit-whiteboard:not([data-editor-compact]) .ak-editor-group{flex: 0 0 auto}.ak-livekit-whiteboard:not([data-editor-compact]) .ak-editor-group h4{display: none}.ak-livekit-whiteboard:not([data-editor-compact]) .ak-editor-group-commands{display: flex;flex-wrap: nowrap;align-items: center;overflow-x: auto;gap: 4px;min-height: 64px;padding-block: 2px}.ak-livekit-whiteboard[data-editor-state]:not([data-editor-compact]) .ak-editor-group-commands button{flex: 0 0 72px;width: 72px;min-height: 60px;font-size: 11px}.ak-livekit-whiteboard:not([data-editor-compact]) .ak-editor-group-commands label{flex: 0 0 152px}.ak-livekit-whiteboard:not([data-editor-compact]) .ak-editor-group-commands select{flex: 0 0 150px}.ak-editor-visible-colors{flex: 0 1 auto;max-width: 260px}.ak-livekit-whiteboard[data-editor-state] .ak-editor-primary .ak-editor-visible-colors .ak-editor-palette{width: auto;flex-wrap: nowrap;gap: 3px}.ak-livekit-whiteboard[data-editor-state] .ak-editor-primary .ak-editor-visible-colors button{min-width: 24px;width: 24px;height: 28px;min-height: 28px;border: 1px solid #888;border-radius: 50%}[data-editor-compact] .ak-editor-visible-colors{display: none}.ak-board-camera-focus{display: inline-flex;align-items: center;gap: 4px;flex: 0 0 auto;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 8px;background: var(--aura-surface-color-solid,Canvas);color: var(--vaadin-text-color,CanvasText);font: 11px Vazirmatn,sans-serif;padding: 4px 8px}.ak-board-camera-focus vaadin-icon{width: 18px;height: 18px}.ak-livekit-whiteboard[data-editor-state]>.ak-whiteboard-header>.ak-board-camera-focus{width: auto;min-width: 96px;white-space: nowrap}.ak-livekit-whiteboard[data-editor-state][data-window-compact]>.ak-whiteboard-header>.ak-board-camera-focus{width: 44px;min-width: 44px}.ak-board-camera-focus[aria-pressed=true]{outline: 2px solid var(--aura-accent-color,#267fa8);outline-offset: -2px}[data-window-compact] .ak-board-camera-focus .ak-editor-command-label{display: none}.ak-editor-group{--ak-tool-accent: #176f9b;flex: 1 1 126px;min-width: 0;padding: 4px;border: 1px solid var(--vaadin-border-color-secondary);border-top: 3px solid var(--ak-tool-accent);border-radius: 10px;background: color-mix(in srgb,var(--ak-tool-accent) 4%,var(--aura-surface-color-solid,Canvas))}.ak-editor-group[data-editor-group=edit],.ak-editor-group[data-editor-group=shapes]{--ak-tool-accent: #976b21}.ak-editor-group[data-editor-group=draw],.ak-editor-group[data-editor-group=colors]{--ak-tool-accent: #287952}.ak-editor-group h4{margin: 0 3px 4px;font: 600 12px Vazirmatn,sans-serif;color: var(--vaadin-text-color,CanvasText)}.ak-editor-group-commands{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 2px}.ak-editor-group[data-editor-group=edit]{flex-grow: 2}.ak-editor-group[data-editor-group=edit] .ak-editor-group-commands{grid-template-columns: repeat(3,minmax(0,1fr))}.ak-editor-group-commands button{width: 100%;min-width: 0;height: auto;min-height: 40px;padding: 4px;gap: 4px;flex-direction: column;font-size: 10px;line-height: 1.45;text-align: center}.ak-editor-group-commands button vaadin-icon{flex: 0 0 20px}.ak-editor-group-commands label{grid-column: 1 / -1;width: auto;margin: 0;font-size: 11px}.ak-editor-group-commands .ak-editor-palette{grid-column: 1 / -1;gap: 4px;justify-content: center}.ak-editor-palette button{width: 28px;min-width: 28px;height: 28px;min-height: 28px;border-radius: 50%}.ak-editor-pages{grid-column: 1 / -1;width: 100%}.ak-editor-popover{width: min(680px,calc(100vw - 12px));max-height: calc(100dvh - 12px);padding: 8px;background: var(--aura-surface-color-solid,Canvas)}.ak-editor-popover>label{max-width: 100%}.ak-editor-popover:popover-open{display: block}.ak-editor-popover .ak-editor-group{flex-basis: 180px}.ak-editor-popover .ak-editor-group-commands button{min-height: 48px;font-size: 12px}.ak-editor-popover .ak-editor-palette button{min-width: 44px;min-height: 44px;width: 44px;height: 44px}.ak-editor-popover .ak-editor-palette-close{position: sticky;top: -8px;display: flex;width: 100%;margin-bottom: 8px;background: var(--aura-surface-color-solid,Canvas);border-bottom: 1px solid var(--vaadin-border-color-secondary);font-size: 13px;z-index: 1}.ak-editor-toolbar button:hover,.ak-editor-popover button:hover{background: color-mix(in srgb,var(--aura-accent-color,#267fa8) 12%,var(--aura-surface-color-solid,Canvas))}.ak-editor-toolbar button[aria-pressed=true],.ak-editor-popover button[aria-pressed=true]{outline: 2px solid var(--aura-accent-color,#267fa8);outline-offset: -2px;background: color-mix(in srgb,var(--aura-accent-color,#267fa8) 18%,var(--aura-surface-color-solid,Canvas))}.ak-editor-toolbar button:disabled,.ak-editor-popover button:disabled{opacity: .4;cursor: default}:is(.ak-editor-toolbar,.ak-editor-popover) :is([data-editor-action=delete],[data-editor-action=clear]){color: var(--vaadin-text-color-error,light-dark(#a52a2a,#ffaaa5))}@media (prefers-reduced-motion: reduce){.ak-room-view *,.ak-editor-popover *{scroll-behavior: auto !important;transition: none !important;animation: none !important}}@media (pointer: coarse){.ak-livekit-whiteboard[data-editor-state] .ak-editor-primary .ak-editor-visible-colors button{min-width: 44px;width: 44px;min-height: 44px;height: 44px}.ak-livekit-whiteboard[data-editor-state] .ak-editor-primary .ak-editor-visible-colors .ak-editor-palette{overflow-x: auto}.ak-livekit-whiteboard[data-editor-state] .ak-editor-toolbar .ak-editor-group-tabs button{min-height: 44px}}.ak-stitch-classroom{--aura-accent-color-light: #0284c7;--aura-accent-color-dark: #38bdf8;--ak-classroom-accent: light-dark(#0284c7,#7dd3fc);--ak-classroom-surface: light-dark(#ffffff,#162033);--ak-classroom-soft: light-dark(#f8fafc,#111b2c);--ak-classroom-border: light-dark(#e2e8f0,#334155);--ak-classroom-text: light-dark(#1e293b,#e2e8f0);--ak-classroom-muted: light-dark(#64748b,#b8c6d9);--ak-room-surface: var(--ak-classroom-surface);--ak-room-panel: var(--ak-classroom-surface);background: light-dark(#f1f5f9,#0b1220);color: var(--ak-classroom-text);font-family: Vazirmatn,sans-serif}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])){padding: 8px !important;gap: 8px !important}.ak-stitch-classroom .ak-room-header{min-height: 52px;padding: 4px 12px !important;gap: 12px;border: 1px solid var(--ak-classroom-border);border-radius: 8px}.ak-room-class-identity{min-width: 0;align-items: center;gap: 12px}.ak-room-class-title{display: inline-flex;align-items: center;gap: 8px;max-width: min(32vw,30rem);min-width: 0;padding: 6px 10px;border: 1px solid light-dark(#bae6fd,#245277);border-radius: 6px;background: light-dark(#f0f9ff,#102b40);color: var(--ak-classroom-text);font-size: 14px;font-weight: 700;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.ak-room-class-title vaadin-icon{width: 18px;height: 18px;color: var(--ak-classroom-accent);flex-shrink: 0}.ak-stitch-classroom .ak-room-header-profile{min-width: 0;gap: 6px}.ak-stitch-classroom .ak-room-header-avatar{--vaadin-avatar-size: 30px}.ak-stitch-classroom .ak-room-header-profile-name{font-size: 12px;max-width: 12rem}.ak-room-role-badge{color: var(--ak-classroom-muted);font-size: 11px;white-space: nowrap}.ak-room-connection-badge{display: inline-flex;align-items: center;gap: 6px;padding: 4px 8px;border: 1px solid light-dark(#a7f3d0,#286655);border-radius: 5px;color: light-dark(#047857,#6ee7b7);background: light-dark(#ecfdf5,#102d29);white-space: nowrap;font-size: 11px}.ak-room-connection-badge::before{content: "";width: 6px;height: 6px;border-radius: 50%;background: currentColor}.ak-room-connection-badge:not([data-state=connected]){background: light-dark(#fffbeb,#342813);color: light-dark(#92400e,#fcd34d);border-color: light-dark(#fde68a,#745526)}.ak-stitch-classroom .ak-room-header-actions{gap: 6px}.ak-stitch-classroom .ak-room-session-clock-value{font-variant-numeric: tabular-nums}.ak-stitch-classroom .ak-room-theme-select{width: 132px;min-width: 132px}.ak-stitch-classroom .ak-room-main-content{gap: 8px;margin: 0}.ak-stitch-classroom .ak-room-management{width: clamp(260px,23vw,320px);background: var(--ak-classroom-surface);border: 1px solid var(--ak-classroom-border);border-radius: 8px}.ak-stitch-classroom .ak-room-side-panels{padding: 8px}.ak-stitch-classroom .ak-chat-header,.ak-stitch-classroom .ak-room-users-header{min-height: 44px;padding: 0 2px 6px;border-bottom: 1px solid var(--ak-classroom-border)}.ak-stitch-classroom .ak-chat-title{font-size: 13px;margin: 0}.ak-stitch-classroom .ak-chat-messages{padding: 8px 0}.ak-stitch-classroom .ak-chat-message{border: 1px solid var(--ak-classroom-border);border-radius: 8px;background: var(--ak-classroom-soft);margin: 0 0 10px;padding: 10px;line-height: 1.8;font-size: 12px}.ak-stitch-classroom .ak-chat-text{user-select: text}.ak-stitch-classroom .ak-chat-controls{border: 1px solid var(--ak-classroom-border);border-radius: 7px;padding: 3px;background: var(--ak-classroom-soft)}.ak-stitch-classroom .ak-room-controls-panel{min-height: 60px;padding: 4px 8px;border: 1px solid var(--ak-classroom-border);border-radius: 8px;background: var(--ak-classroom-surface)}.ak-stitch-classroom .ak-room-controls{gap: 5px;justify-content: center}.ak-stitch-classroom .ak-room-controls>vaadin-button{min-width: 52px;min-height: 48px;height: auto;padding: 4px 8px;border: 1px solid var(--ak-classroom-border);border-radius: 7px;color: var(--ak-classroom-text);background: var(--ak-classroom-soft);font-size: 11px}.ak-stitch-classroom .ak-room-controls>vaadin-button vaadin-icon{width: 18px;height: 18px}.ak-stitch-classroom .ak-room-controls>vaadin-button[data-state=active]{background: light-dark(#ecfdf5,#10362f);border-color: light-dark(#a7f3d0,#296e59);color: light-dark(#047857,#86efac)}.ak-stitch-classroom .ak-room-controls>.ak-room-leave-button{background: light-dark(#e11d48,#fb7185);border-color: transparent;color: light-dark(#ffffff,#31101a);min-width: 100px;margin-inline-start: auto}.ak-stitch-classroom .ak-room-controls>.ak-room-action-menu{margin-inline-start: 4px}.ak-stitch-classroom .ak-room-actions-popover{border-color: var(--ak-classroom-border);min-width: 240px}.ak-stitch-classroom .ak-room-video-stage{border-radius: 8px}.ak-stitch-classroom .ak-content-workspace{gap: 8px}.ak-stitch-classroom .ak-media-tray{background: #0f172a;padding: 6px;gap: 6px;border-radius: 8px}.ak-stitch-classroom .ak-livekit-video-tile{border: 1px solid #334155;border-radius: 6px;background: #172437;overflow: hidden}.ak-stitch-classroom .ak-livekit-video-tile .ak-media-window-header{background: #172437;color: #e2e8f0}.ak-stitch-classroom .ak-livekit-whiteboard{background: var(--ak-classroom-surface);border: 1px solid var(--ak-classroom-border);border-radius: 8px}.ak-stitch-classroom .ak-whiteboard-header{background: var(--ak-classroom-soft);padding-inline: 8px;border-bottom: 1px solid var(--ak-classroom-border)}.ak-stitch-classroom .ak-whiteboard-header-details{display: flex;min-width: 0;gap: 8px;align-items: center}.ak-stitch-classroom .ak-whiteboard-header-details strong{font-size: 12px}.ak-stitch-classroom .ak-whiteboard-access-state{font-size: 11px;color: var(--ak-classroom-muted)}.ak-stitch-classroom .ak-whiteboard-tabs{min-height: 34px;background: var(--ak-classroom-soft);border-bottom: 1px solid var(--ak-classroom-border)}.ak-stitch-classroom .ak-editor-toolbar{background: var(--ak-classroom-soft);border-bottom: 1px solid var(--ak-classroom-border);padding: 4px 8px}.ak-stitch-classroom .ak-editor-primary{justify-content: end;gap: 4px}.ak-stitch-classroom .ak-editor-group-tabs button{color: var(--ak-classroom-text)}.ak-stitch-classroom .ak-editor-group-tabs button[aria-selected=true]{color: var(--ak-classroom-accent);background: light-dark(#e0f2fe,#16374e)}.ak-stitch-classroom .ak-editor-group-commands button{color: var(--ak-classroom-text)}.ak-stitch-classroom :is(button,vaadin-button,select,input):focus-visible{outline: 2px solid var(--ak-classroom-accent);outline-offset: 2px}.ak-stitch-classroom .ak-editor-status{font-size: 11px;color: light-dark(#047857,#86efac)}.ak-stitch-classroom .ak-content-workspace[data-camera-dock=top] .ak-media-tray>.ak-livekit-video-tile{height: 100%;min-height: 0}.ak-stitch-classroom .ak-room-file-row{padding: 10px;border: 1px solid var(--ak-classroom-border);border-radius: 8px;background: var(--ak-classroom-soft)}.ak-room-participant-dialog::part(content){display: flex;flex-direction: column;gap: 12px}.ak-room-participant-dialog h3{font-size: 14px;margin: 10px 0 0}.ak-room-permissions-note{padding: 12px;border-radius: 8px;background: light-dark(#f0f9ff,#15344a);color: light-dark(#075985,#bae6fd);font-size: 12px;line-height: 1.9}.ak-room-participant-dialog .ak-room-permission-button{min-height: 44px;padding-inline: 12px;border: 1px solid light-dark(#cbd5e1,#475569)}.ak-room-share-status{flex-basis: 100%;font-size: 12px}.ak-editor-layers{width: min(94vw,540px);max-height: min(80dvh,650px);overflow: auto}.ak-editor-layer-list{display: flex;flex-direction: column;gap: 6px}.ak-editor-layer-row{display: flex;align-items: center;gap: 8px;border: 1px solid light-dark(#cbd5e1,#475569);border-radius: 7px;padding: 6px;flex-wrap: wrap}.ak-editor-layer-row>button{flex: 1 1 120px;min-width: 0;overflow-wrap: anywhere;text-align: start}.ak-editor-layer-row>button[aria-pressed=true]{color: light-dark(#0369a1,#bae6fd);background: light-dark(#e0f2fe,#164e63)}.ak-editor-layer-row label{display: inline-flex;gap: 4px;align-items: center;font-size: 11px}.ak-editor-layer-row input[type=checkbox]{width: 20px;height: 20px;margin: 0}.ak-editor-layer-row input[type=range]{width: 100px}.ak-editor-layer-actions{display: flex;flex-wrap: wrap;gap: 6px;margin-top: 10px}.ak-editor-layers[data-sidebar]:popover-open{display: flex;flex-direction: column;box-sizing: border-box;margin: 0;border: 1px solid var(--ak-classroom-border,#cbd5e1);border-radius: 4px;padding: 10px;box-shadow: none}.ak-editor-layers[data-sidebar] h3{font-size: 14px;margin: 6px 0 12px}.ak-editor-layers[data-sidebar] .ak-editor-layer-list{flex: 1;overflow: auto}.ak-editor-layers[data-sidebar] .ak-editor-layer-row{padding: 10px;background: light-dark(#f8fafc,#162033)}.ak-editor-layers[data-sidebar] .ak-editor-layer-actions{flex: 0 0 auto;border-top: 1px solid light-dark(#e2e8f0,#475569);padding-top: 10px}.ak-editor-layers .ak-editor-layer-actions{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));max-height: 200px;overflow: auto}.ak-editor-layers .ak-editor-layer-actions>button{width: 100%;min-width: 0;height: auto;min-height: 44px;padding: 6px;gap: 6px;font-size: 11px;line-height: 1.6}.ak-editor-layers .ak-editor-layer-actions .ak-editor-command-label{display: inline;white-space: normal}.ak-editor-layers .ak-editor-layer-actions :is(svg,vaadin-icon){width: 18px;height: 18px;flex: 0 0 18px}.ak-room-participant-dialog .ak-room-permission-button{--vaadin-button-gap: 8px}.ak-editor-layers[data-sidebar] .ak-editor-palette-close{width: 100%}.ak-stitch-classroom .ak-livekit-whiteboard[data-layers-open] .ak-whiteboard-viewport{width: calc(100% - 280px);margin-left: 280px}.ak-editor-popover fieldset{min-width: 0;display: flex;flex-wrap: wrap;gap: 6px;border: 1px solid light-dark(#cbd5e1,#475569);border-radius: 8px;padding: 8px}.ak-editor-popover fieldset legend{font-size: 12px;padding-inline: 6px}.ak-editor-popover fieldset button{min-width: 44px;min-height: 44px}.ak-editor-group-commands label{display: inline-flex;align-items: center;gap: 6px;font-size: 11px}.ak-device-checks{border-top: 1px solid light-dark(#cbd5e1,#475569);padding-block: 12px;margin-block: 10px}.ak-device-checks h3{font-size: 14px;margin: 0 0 8px}.ak-device-checks p{font-size: 12px;line-height: 1.8}.ak-device-check-actions{display: flex;gap: 6px;flex-wrap: wrap;margin-block: 8px}.ak-device-checks meter{width: 100%;height: 20px}.ak-device-checks video{width: 100%;max-height: 180px;object-fit: contain;border-radius: 6px;background: #0f172a}.ak-device-checks video[hidden]{display: none}.ak-stitch-classroom{background: light-dark(#e2e8f0,#0b1220)}.ak-stitch-classroom .ak-room-header{border-radius: 0;border: 0;min-height: 56px}.ak-stitch-classroom .ak-room-management{width: clamp(280px,25vw,400px)}.ak-stitch-classroom .ak-room-controls-panel{border-radius: 0;min-height: 68px;padding: 6px 10px}.ak-stitch-classroom .ak-room-controls>vaadin-button{flex: 0 0 64px;width: 64px;min-width: 64px;height: 56px;padding: 3px 5px;--vaadin-button-padding: 3px 5px;--vaadin-button-gap: 3px}.ak-stitch-classroom .ak-room-controls>vaadin-button::part(label),.ak-stitch-classroom .ak-room-controls>vaadin-button:has(>vaadin-icon:is([slot=prefix],[slot=suffix]))::part(label){display: block;font-size: 10px}.ak-stitch-classroom .ak-room-controls>vaadin-button::part(button){flex-direction: column;gap: 3px}.ak-stitch-classroom .ak-room-controls>vaadin-button{flex-direction: column;gap: 3px}.ak-stitch-classroom .ak-room-controls>.ak-room-leave-button{flex-basis: 112px;width: 112px;min-width: 112px;height: 44px}.ak-stitch-classroom .ak-room-controls>.ak-room-leave-button::part(button){flex-direction: row}.ak-stitch-classroom .ak-room-controls>.ak-room-leave-button{flex-direction: row;margin-inline-start: 8px}.ak-stitch-classroom .ak-room-controls>[data-tour=media-settings]{margin-inline-end: auto}.ak-stitch-classroom .ak-room-controls>[data-tour=library]{margin-inline-start: auto}.ak-stitch-classroom .ak-content-workspace .ak-media-mosaic[data-presentation-layout=top]{background: transparent}.ak-stitch-classroom .ak-media-mosaic[data-presentation-layout=top]::before{content: "";grid-row: 1;grid-column: 1 / -1;background: #0f172a;border: 1px solid #334155;border-radius: 12px;z-index: 0}.ak-stitch-classroom .ak-media-mosaic[data-presentation-layout=top]>[data-stage-role=companion]{background: #1e293b;border: 2px solid #334155;border-radius: 10px;overflow: hidden;z-index: 1;margin: 6px;width: calc(100% - 12px) !important;height: calc(100% - 12px) !important}.ak-media-participant-avatar{width: 72px;height: 72px;display: grid;place-items: center;margin: auto;border-radius: 50%;background: #344256;border: 2px solid #64748b;color: #e2e8f0;font: 600 28px Vazirmatn,sans-serif}.ak-media-participant-avatar[hidden]{display: none}.ak-stitch-classroom .ak-livekit-video-tile[data-camera-off] .ak-media-window-content{display: grid;place-items: center;background: #29364a}.ak-stitch-classroom .ak-livekit-video-tile video[hidden]{display: none}.ak-stitch-classroom .ak-media-mosaic[data-presentation-layout=top]>[data-teacher]{border-color: #0ea5e9}.ak-stitch-classroom .ak-media-mosaic[data-presentation-layout=top]>[data-livekit-source=screen_share]{border-color: #6366f1}.ak-stitch-classroom .ak-media-mosaic[data-presentation-layout=top]>[data-speaking]{border-color: #10b981}.ak-stitch-classroom .ak-livekit-video-tile .ak-media-window-footer{background: #0f172a;color: #cbd5e1;border: 0;font-size: 11px;min-height: 26px}.ak-stitch-classroom .ak-livekit-video-tile .ak-media-window-footer{display: flex;align-items: center;justify-content: space-between;padding: 4px 8px}.ak-stitch-classroom .ak-livekit-video-tile .ak-media-window-header{opacity: 0;transition: opacity .12s}.ak-stitch-classroom .ak-livekit-video-tile:hover .ak-media-window-header,.ak-stitch-classroom .ak-livekit-video-tile:focus-within .ak-media-window-header{opacity: 1}.ak-stitch-classroom .ak-livekit-video-tile .ak-media-window-header{min-height: 24px;padding: 0 4px;justify-content: flex-end}.ak-stitch-classroom .ak-livekit-video-tile .ak-media-window-header button{min-width: 24px;width: 24px;min-height: 24px;height: 24px}.ak-stitch-classroom .ak-room-header-expanded{display: flex;gap: 6px;flex: 0 0 auto;width: auto}.ak-stitch-classroom .ak-room-header-expanded>vaadin-button{font-size: 11px;min-height: 32px;padding-inline: 8px;border: 1px solid var(--ak-classroom-border);border-radius: 7px}.ak-stitch-classroom .ak-room-header-expanded>.ak-room-share-button{color: white;background: #0284c7;border-color: #0284c7}.ak-stitch-classroom .ak-room-header-expanded>.ak-room-tour-replay{width: 32px;min-width: 32px;padding: 4px;font-size: 0;border: 0}.ak-stitch-classroom .ak-room-header-expanded>.ak-room-theme-select{width: 92px;min-width: 92px}.ak-stitch-classroom .ak-room-header-actions .ak-room-raised-hands-button{border: 1px solid #fcd34d;background: light-dark(#fffbeb,#332a12);color: light-dark(#92400e,#fde68a);border-radius: 8px;font-size: 11px;min-height: 34px}.ak-stitch-classroom .ak-room-header-profile{padding: 4px 8px;border: 1px solid var(--ak-classroom-border);border-radius: 6px;background: var(--ak-classroom-soft)}.ak-stitch-classroom .ak-room-header-avatar{display: none}.ak-stitch-classroom .ak-room-header-profile-name{font-weight: 600}.ak-stitch-classroom .ak-room-layout-dialog .ak-room-layout-select{display: flex;width: 100%;gap: 12px;align-items: center}.ak-room-layout-dialog .ak-room-layout-select select{flex: 1;min-height: 44px;font: inherit;border: 1px solid light-dark(#cbd5e1,#475569);border-radius: 6px;background: light-dark(#f8fafc,#162033);color: inherit;padding: 8px}.ak-stitch-classroom .ak-room-chat{container: classroom-chat / inline-size;padding: 0 !important;background: var(--ak-classroom-surface)}.ak-stitch-classroom .ak-chat-header{min-height: 54px;padding: 4px 10px;gap: 6px;background: var(--ak-classroom-soft);border-bottom: 1px solid var(--ak-classroom-border)}.ak-chat-heading{flex: 1 1 0;min-width: 0;gap: 6px}.ak-stitch-classroom .ak-chat-title{flex: 0 1 auto;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font: 700 13px/1.5 Vazirmatn,sans-serif}.ak-chat-title-short{display: none}.ak-chat-channel{flex: 0 0 auto;padding: 2px 6px;border-radius: 4px;color: light-dark(#075985,#bae6fd);background: light-dark(#e0f2fe,#15344a);font: 600 10px/1.5 Vazirmatn,sans-serif}.ak-chat-channel[data-audience=teacher]{color: light-dark(#92400e,#fde68a);background: light-dark(#fffbeb,#332a12)}.ak-stitch-classroom .ak-chat-header-actions{gap: 2px}.ak-stitch-classroom .ak-chat-header-actions>vaadin-button{flex: 0 0 32px;width: 32px;min-width: 32px;height: 44px;min-height: 44px;margin: 0;padding: 5px;border: 0;border-radius: 6px;background: transparent}.ak-stitch-classroom .ak-chat-header-actions>.ak-chat-close-button{flex-basis: 44px;width: 44px;min-width: 44px}.ak-stitch-classroom .ak-chat-header-actions vaadin-icon{width: 18px;height: 18px;--vaadin-icon-size: 18px}.ak-stitch-classroom .ak-chat-messages{padding: 14px 12px 4px;gap: 0;background: light-dark(#fbfdff,#111e30)}.ak-stitch-classroom .ak-chat-message{display: grid;grid-template-columns: fit-content(calc(100% - 48px)) minmax(38px,1fr);align-items: start;justify-items: start;column-gap: 6px;row-gap: 4px;border: 0;background: transparent;padding: 0;margin: 0 0 18px}.ak-stitch-classroom .ak-chat-message .ak-chat-sender{grid-column: 1;min-width: 0;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 12px;font-weight: 600;padding-inline: 2px}.ak-stitch-classroom .ak-chat-message[data-own-message=true] .ak-chat-sender{color: light-dark(#0369a1,#7dd3fc)}.ak-stitch-classroom .ak-chat-message .ak-chat-sent-at{grid-column: 2;position: static;align-self: center;font-size: 10px;line-height: 1.5;font-variant-numeric: tabular-nums;color: light-dark(#94a3b8,#a8bad0)}.ak-stitch-classroom .ak-chat-message .ak-chat-text,.ak-stitch-classroom .ak-chat-message .ak-chat-file-download{grid-column: 1 / -1;box-sizing: border-box;width: fit-content;max-width: 90%;border: 1px solid light-dark(#dbe4f0,#475569);border-radius: 20px 5px 20px 20px;padding: 10px 13px;background: var(--ak-classroom-surface);font-size: 13px;font-weight: 400;line-height: 1.6}.ak-stitch-classroom .ak-chat-message[data-own-message=true] :is(.ak-chat-text,.ak-chat-file-download){background: light-dark(#f0f9ff,#15344a);border-color: light-dark(#bae6fd,#245675)}.ak-stitch-classroom .ak-chat-message .ak-chat-audience{grid-column: 1 / -1}.ak-stitch-classroom .ak-chat-message .ak-chat-file-download{display: flex;align-items: center;gap: 9px;min-width: 185px;min-height: 58px;text-decoration: none}.ak-stitch-classroom .ak-chat-file-download vaadin-icon{flex: 0 0 23px;width: 23px;height: 23px;color: var(--ak-classroom-accent)}.ak-stitch-classroom .ak-chat-file-download[download$=".pdf" i] vaadin-icon{color: light-dark(#ef4444,#fda4af)}.ak-stitch-classroom .ak-chat-file-download .ak-chat-file-details{display: flex;flex-direction: column;gap: 2px;min-width: 0}.ak-stitch-classroom .ak-chat-file-details .ak-chat-file-name{flex: 0 0 auto;width: 100%;font-size: 12px;font-weight: 500}.ak-stitch-classroom .ak-chat-file-details .ak-chat-file-size{flex: 0 0 auto;font-size: 10px;color: var(--ak-classroom-muted)}.ak-stitch-classroom .ak-chat-message hr{display: none}.ak-chat-recipient-row{flex: 0 0 auto;min-width: 0;margin: 0 10px 5px;padding-top: 7px;border-top: 1px solid var(--ak-classroom-border);gap: 8px;justify-content: space-between}.ak-chat-audience-choice{flex: 1 1 0;min-width: 0;gap: 6px}.ak-chat-recipient-label{flex: 0 0 auto;font-size: 11px;color: var(--ak-classroom-muted)}.ak-stitch-classroom .ak-chat-recipient{flex: 1 1 0;width: 136px !important;max-width: 170px;min-width: 0;font-size: 11px;--vaadin-input-field-height: 30px}.ak-chat-recipient::part(input-field){min-height: 30px;border-radius: 5px;background: var(--ak-classroom-soft)}.ak-chat-send-hint{margin-inline-start: auto;flex: 0 0 auto;font-size: 10px;color: var(--ak-classroom-muted)}.ak-stitch-classroom .ak-chat-controls{flex: 0 0 auto;flex-direction: row !important;align-items: center;box-sizing: border-box;width: calc(100% - 16px);min-height: 52px;margin: 0 8px 8px;gap: 4px !important;border: 1px solid light-dark(#cbd5e1,#475569);border-radius: 9px;padding: 4px 6px;background: var(--ak-classroom-soft)}.ak-stitch-classroom .ak-chat-controls:focus-within{border-color: var(--ak-classroom-accent);box-shadow: 0 0 0 1px var(--ak-classroom-accent);background: var(--ak-classroom-surface)}.ak-stitch-classroom .ak-chat-controls vaadin-text-area{min-width: 0;flex: 1 1 0;--vaadin-input-field-background: transparent;--vaadin-input-field-border-width: 0;--vaadin-input-field-height: 44px}.ak-chat-controls vaadin-text-area::part(input-field){border: 0;box-shadow: none;background: transparent;padding-inline: 4px}.ak-chat-controls .ak-chat-send-button{flex: 0 0 32px;width: 32px;min-width: 32px;height: 32px;min-height: 32px;padding: 5px;margin: 0;border-radius: 6px}.ak-chat-controls .ak-chat-attachment-button{flex: 0 0 32px;width: 32px;min-width: 32px;height: 40px;min-height: 40px;padding: 5px;margin: 0;color: var(--ak-classroom-muted)}.ak-chat-controls :is(vaadin-icon,svg){width: 18px;height: 18px}@container classroom-chat (max-width: 340px){.ak-chat-title-full,.ak-chat-send-hint{display: none}.ak-chat-title-short{display: inline}.ak-chat-recipient-row:not(:has(.ak-chat-audience-choice:not([hidden]))){display: none}.ak-stitch-classroom .ak-chat-controls :is(.ak-chat-send-button,.ak-chat-attachment-button){flex-basis: 44px;min-width: 44px;width: 44px;min-height: 44px;height: 44px}}@container classroom-chat (max-width: 260px){.ak-stitch-classroom .ak-chat-header{min-height: 44px;padding: 0 4px;gap: 4px}.ak-chat-channel{display: none}.ak-chat-heading{gap: 0}.ak-stitch-classroom .ak-chat-messages{padding: 8px 8px 0}.ak-stitch-classroom .ak-chat-message{margin-bottom: 12px}.ak-stitch-classroom .ak-chat-message :is(.ak-chat-text,.ak-chat-file-download){max-width: 100%;padding: 8px 10px;font-size: 12px}.ak-stitch-classroom .ak-chat-file-download{min-width: 0}.ak-chat-recipient-row{margin-inline: 6px;gap: 4px}.ak-chat-recipient-label{font-size: 10px}.ak-stitch-classroom .ak-chat-controls{width: calc(100% - 12px);margin-inline: 6px;margin-bottom: 5px;padding: 2px;gap: 2px !important}}.ak-stitch-classroom .ak-room-side-panels{padding: 8px}.ak-room-participant-dialog::part(header),.ak-room-settings-dialog::part(header),.ak-room-invite-dialog::part(header){background: light-dark(#eff4ff,#17263c);border-bottom: 1px solid light-dark(#dbe4f0,#334155);padding: 20px 24px}.ak-room-participant-dialog::part(title),.ak-room-settings-dialog::part(title),.ak-room-invite-dialog::part(title){font-size: 18px;font-weight: 700}.ak-room-participant-dialog::part(content),.ak-room-settings-dialog::part(content),.ak-room-invite-dialog::part(content){padding: 24px}.ak-room-participant-dialog::part(footer),.ak-room-settings-dialog::part(footer),.ak-room-invite-dialog::part(footer){background: light-dark(#f8fafc,#132037);border-top: 1px solid light-dark(#dbe4f0,#334155);padding: 16px 24px}.ak-room-permission-identity{font-size: 12px;color: light-dark(#64748b,#cbd5e1)}.ak-room-permission-presets{display: flex;flex-wrap: wrap;gap: 8px;padding: 12px;border: 1px solid light-dark(#dbe4f0,#334155);border-radius: 10px;background: light-dark(#f8fafc,#132037)}.ak-room-permission-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 12px}.ak-room-permission-card{display: flex;flex-direction: column;gap: 10px;padding: 16px;border: 1px solid light-dark(#dbe4f0,#475569);border-radius: 12px;min-width: 0}.ak-room-permission-card h3{font-size: 13px;margin: 0}.ak-room-permission-card .ak-room-permission-button{width: 100%;min-height: 44px;height: auto;white-space: normal}.ak-room-participant-dialog .ak-room-permission-card .ak-room-permission-button{flex: 0 0 auto;width: 100%;max-width: 100%;min-width: 0;padding: 10px;--vaadin-button-min-width: 0}.ak-room-participant-dialog .ak-room-permission-button::part(label){display: block;white-space: normal;overflow: visible;text-overflow: clip}.ak-room-participant-dialog .ak-room-permission-card{min-height: 165px}.ak-room-participant-dialog .ak-room-permissions-note{font-size: 14px}.ak-room-participant-dialog .ak-room-permission-activity{font-size: 13px}.ak-room-permission-card .ak-room-permission-button[data-allowed=true]{background: light-dark(#ecfdf5,#12372f);border-color: light-dark(#a7f3d0,#2b705e)}.ak-room-permission-activity{font-size: 11px;color: light-dark(#64748b,#cbd5e1)}.ak-room-permission-activity[data-active=true]{color: light-dark(#047857,#86efac)}.ak-room-permission-immediate{font-size: 11px;color: light-dark(#64748b,#cbd5e1)}.ak-room-settings-form{gap: 20px}.ak-room-settings-form h3{font-size: 15px;margin: 8px 0 0}.ak-room-settings-card{border: 1px solid light-dark(#bdc9c6,#475569);border-radius: 4px;background: light-dark(#f8f9ff,#162033);gap: 18px}.ak-room-settings-hint{border: 1px solid light-dark(#a7f3d0,#286655);border-radius: 4px;padding: 16px;line-height: 1.9;font-size: 12px;background: light-dark(#ecfdf5,#102d29)}.ak-room-settings-dialog{--aura-accent-color-light: #0f766e;--aura-accent-color-dark: #80d5cb}.ak-room-invite-grid{display: grid;grid-template-columns: 240px minmax(0,1fr);gap: 20px;flex-basis: 100%;margin-top: 16px}.ak-room-invite-qr-card,.ak-room-invite-share-card{border: 1px solid light-dark(#bdc9c6,#475569);border-radius: 4px;background: light-dark(#eff4ff,#162033);padding: 20px;font-size: 13px;line-height: 1.9}.ak-room-invite-grid h3{font-size: 14px;margin: 0 0 14px}.ak-room-invite-qr{width: 100%;background: white;border: 1px solid #cbd5e1;padding: 8px}.ak-room-share-link .ak-room-invite-url{flex-basis: 100% !important;font-family: monospace}.ak-stitch-classroom[data-panel=files] .ak-room-management{width: min(42vw,650px)}.ak-room-files-quota{display: flex;justify-content: space-between;gap: 12px;width: 100%;box-sizing: border-box;padding: 16px;border: 1px solid light-dark(#cbd5e1,#475569);border-radius: 4px;background: light-dark(#eff4ff,#162033);font-size: 13px}.ak-room-files-quota>[dir=ltr]{flex: 0 0 auto;white-space: nowrap}.ak-room-layout-dialog .ak-room-layout-select{display: flex;width: 100%;align-items: center;gap: 12px}.ak-room-file-details{flex: 1 1 0;min-width: 0;gap: 4px;font-size: 11px;color: light-dark(#64748b,#cbd5e1)}.ak-room-file-details>span:first-child{font-size: 14px;font-weight: 600;color: light-dark(#0f172a,#e2e8f0)}.ak-room-file-row{flex-wrap: wrap}.ak-room-media-dialog:has(.ak-device-checks){width: min(94vw,980px);max-width: 980px;max-height: calc(100dvh - 32px);box-sizing: border-box;overflow-y: auto;padding: 24px}.ak-device-check-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 20px;margin-block: 20px}.ak-device-check-card{min-width: 0;display: flex;flex-direction: column;gap: 16px;border: 1px solid light-dark(#bdc9c6,#475569);border-radius: 8px;padding: 20px;background: light-dark(#ffffff,#162033)}.ak-device-check-card h3{font-size: 17px}.ak-device-check-card label{display: flex;flex-direction: column;gap: 8px}.ak-device-check-card audio{width: 100%}.ak-stitch-classroom .ak-livekit-whiteboard[data-editor-state] .ak-whiteboard-viewport{background-color: light-dark(#ffffff,#162033);background-image: radial-gradient(light-dark(#cbd5e1,#334155) 1px,transparent 1px);background-size: 24px 24px}@media (max-width: 700px){.ak-room-permission-grid,.ak-room-invite-grid,.ak-device-check-grid{grid-template-columns: minmax(0,1fr)}.ak-room-permission-card{padding: 12px}.ak-room-invite-qr{max-width: 200px;display: block;margin: auto}.ak-stitch-classroom[data-panel=files] .ak-room-management{width: 100%}}.ak-personal-leave-dialog{width: min(94vw,896px);max-width: 896px;max-height: calc(100dvh - 32px);padding: 0;border: 1px solid light-dark(#cbd5e1,#475569);border-radius: 8px;color: light-dark(#0f172a,#e2e8f0);background: light-dark(#ffffff,#162033);overflow: auto}.ak-personal-leave-dialog::backdrop{background: #0f172a88;backdrop-filter: blur(3px)}.ak-exit-heading{padding: 20px 24px;background: light-dark(#eff4ff,#17263c);border-bottom: 1px solid light-dark(#cbd5e1,#475569)}.ak-exit-heading h3{margin: 0 0 8px;font-size: 20px}.ak-exit-heading p{margin: 0;font-size: 13px;line-height: 1.9}.ak-exit-cards{padding: 24px;display: grid;grid-template-columns: minmax(0,1fr);gap: 24px}.ak-exit-teacher .ak-exit-cards{grid-template-columns: repeat(2,minmax(0,1fr))}.ak-exit-cards section{border: 1px solid light-dark(#dbe4f0,#475569);padding: 24px;border-radius: 8px;display: flex;flex-direction: column;gap: 16px}.ak-exit-cards h4{font-size: 18px;margin: 0}.ak-exit-cards p{line-height: 2;font-size: 13px;margin: 0 0 24px;flex: 1}.ak-exit-cards .ak-exit-everyone-card{border-color: #fda4af;background: light-dark(#fff8fa,#321b2a);color: light-dark(#9f1239,#fda4af);box-shadow: inset 0 3px #e11d48}.ak-exit-card-actions{display: flex;gap: 12px;flex-wrap: wrap;margin-top: auto}.ak-personal-leave-dialog button{min-height: 44px;border-radius: 4px;padding: 8px 16px;font: inherit;font-size: 13px;border: 1px solid light-dark(#cbd5e1,#475569);background: light-dark(#eff4ff,#213248);color: inherit}.ak-personal-leave-dialog [data-confirm-personal-leave]{background: #1e293b;color: white;border-color: #1e293b}.ak-personal-leave-dialog .ak-exit-end-all{background: #be123c;color: white;border-color: #be123c}@media (max-width: 700px),(max-height: 440px){.ak-exit-teacher .ak-exit-cards{grid-template-columns: minmax(0,1fr)}.ak-exit-cards{gap: 12px;padding: 16px}.ak-exit-cards section{padding: 16px}.ak-exit-cards p{margin-bottom: 8px}}.ak-stitch-classroom .ak-media-mosaic[data-presentation-layout=top]>.ak-livekit-whiteboard[data-stage-role=primary]{grid-column: 1 / -1 !important}.ak-stitch-classroom .ak-content-workspace .ak-room-file-preview{background: var(--ak-classroom-surface);border: 1px solid var(--ak-classroom-border);border-radius: 8px}.ak-stitch-classroom .ak-content-workspace .ak-room-file-preview-header{background: var(--ak-classroom-soft);border-bottom: 1px solid var(--ak-classroom-border);padding: 4px 8px;gap: 8px}.ak-stitch-classroom .ak-content-workspace .ak-room-file-preview-title{display: block;flex: 1 1 120px;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;font-weight: 600}.ak-stitch-classroom .ak-content-workspace .ak-presentation-controls{padding: 6px 12px;border-bottom: 1px solid var(--ak-classroom-border);background: var(--ak-classroom-soft);justify-content: flex-start}.ak-stitch-classroom .ak-presentation-controls button{border: 1px solid var(--ak-classroom-border);border-radius: 5px;color: var(--ak-classroom-text);background: var(--ak-classroom-surface)}.ak-stitch-classroom .ak-room-file-preview[data-preview-kind=document] .ak-presentation-controls{min-height: 40px;padding: 3px 8px;gap: 4px;font: 12px/1.5 Vazirmatn,sans-serif}.ak-stitch-classroom .ak-room-file-preview[data-preview-kind=document] .ak-presentation-controls button{min-width: 32px;min-height: 32px;height: 32px;padding: 4px 6px}.ak-stitch-classroom .ak-room-file-preview[data-preview-kind=document] .ak-presentation-controls :is(svg,vaadin-icon){width: 18px;height: 18px}.ak-stitch-classroom .ak-presentation-controls .ak-presentation-page-input{width: 54px;min-width: 44px;min-height: 32px;height: 32px;padding: 3px 5px;border-radius: 5px;font: inherit}.ak-stitch-classroom .ak-room-file-preview[data-preview-kind=document]>.ak-room-file-preview-header{min-height: 40px;padding: 3px 8px;gap: 4px}.ak-stitch-classroom .ak-room-file-preview[data-preview-kind=document]>.ak-room-file-preview-header>vaadin-button{min-width: 32px;width: 32px;min-height: 32px;height: 32px;padding: 4px;border-radius: 5px}.ak-stitch-classroom .ak-room-file-preview[data-preview-kind=document]>.ak-room-file-preview-header>.ak-download-button,.ak-stitch-classroom .ak-room-file-preview[data-preview-kind=document]>.ak-room-file-preview-header .ak-download-button>vaadin-button{width: 32px;min-width: 32px;min-height: 32px;height: 32px;margin: 0}.ak-stitch-classroom .ak-room-file-preview[data-preview-kind=document]>.ak-room-file-preview-header vaadin-icon{width: 18px;height: 18px}.ak-stitch-classroom .ak-room-file-preview[data-preview-kind=document]>.ak-room-file-preview-header .ak-floating-tools{--ak-media-window-control-size: 30px}.ak-stitch-classroom .ak-room-file-preview[data-preview-kind=document]>.ak-room-file-preview-header .ak-floating-tools button{width: 30px;min-width: 30px;min-height: 30px;height: 30px;padding: 4px;border-radius: 5px}.ak-stitch-classroom .ak-room-file-preview-header [data-preview-action=stop]{color: light-dark(#be123c,#fda4af);background: light-dark(#fff1f2,#321b2a)}.ak-stitch-classroom .ak-presentation-page-viewport{background: var(--ak-classroom-soft)}.ak-stitch-classroom .ak-room-file-preview img.ak-room-pdf-preview{background: white}.ak-presentation-thumbnails{display: flex;flex: 0 0 auto;justify-content: center;gap: 8px;padding: 6px 10px;background: var(--ak-classroom-surface);border-top: 1px solid var(--ak-classroom-border);overflow: auto}.ak-presentation-thumbnails button{box-sizing: border-box;display: flex;flex: 0 0 96px;flex-direction: column;align-items: center;gap: 2px;width: 96px;min-width: 96px;height: 74px;min-height: 74px;padding: 4px;border: 1px solid var(--ak-classroom-border);border-radius: 4px;background: var(--ak-classroom-soft);color: var(--ak-classroom-text);font: 10px/14px Vazirmatn,sans-serif}.ak-presentation-thumbnails button[aria-current=true]{border-color: var(--ak-classroom-accent);box-shadow: inset 0 0 0 1px var(--ak-classroom-accent);background: light-dark(#f0f9ff,#15344a)}.ak-presentation-thumbnails button:disabled{opacity: 1}.ak-presentation-thumbnails img{width: 86px;height: 48px;flex: 0 0 48px;object-fit: contain;background: white}.ak-presentation-thumbnails button span{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 100%}.ak-room-file-preview:not([data-stage-role=primary]) .ak-presentation-thumbnails{display: none}@media (max-width: 700px),(max-height: 600px){.ak-presentation-thumbnails{display: none}.ak-stitch-classroom .ak-room-file-preview[data-preview-kind=document] .ak-presentation-controls button,.ak-stitch-classroom .ak-room-file-preview[data-preview-kind=document]>.ak-room-file-preview-header>vaadin-button{min-width: 44px;width: 44px;min-height: 44px;height: 44px}.ak-stitch-classroom .ak-presentation-controls .ak-presentation-page-input{min-height: 44px;height: 44px}.ak-stitch-classroom .ak-room-file-preview[data-preview-kind=document]>.ak-room-file-preview-header .ak-floating-tools button{width: 44px;min-width: 44px;min-height: 44px;height: 44px}.ak-stitch-classroom .ak-room-file-preview[data-preview-kind=document]>.ak-room-file-preview-header>.ak-download-button,.ak-stitch-classroom .ak-room-file-preview[data-preview-kind=document]>.ak-room-file-preview-header .ak-download-button>vaadin-button{width: 44px;min-width: 44px;min-height: 44px;height: 44px}}@media (pointer: coarse){.ak-stitch-classroom .ak-room-file-preview[data-preview-kind=document] .ak-presentation-controls button,.ak-stitch-classroom .ak-room-file-preview[data-preview-kind=document]>.ak-room-file-preview-header>vaadin-button,.ak-stitch-classroom .ak-room-file-preview[data-preview-kind=document]>.ak-room-file-preview-header .ak-floating-tools button{width: 44px;min-width: 44px;min-height: 44px;height: 44px}.ak-stitch-classroom .ak-room-file-preview[data-preview-kind=document]>.ak-room-file-preview-header>.ak-download-button,.ak-stitch-classroom .ak-room-file-preview[data-preview-kind=document]>.ak-room-file-preview-header .ak-download-button>vaadin-button{width: 44px;min-width: 44px;min-height: 44px;height: 44px}}.ak-stitch-classroom .ak-room-controls>vaadin-button vaadin-icon{width: 24px;height: 24px}.ak-stitch-classroom .ak-whiteboard-header-details{position: static !important;inset: auto;padding: 0;border: 0;background: transparent}.ak-stitch-classroom .ak-whiteboard-header-details{display: flex}.ak-stitch-classroom .ak-content-workspace .ak-livekit-whiteboard{grid-template-areas: "header" "tabs" "tools" "content";grid-template-rows: auto auto auto minmax(64px,1fr)}.ak-stitch-classroom .ak-whiteboard-header{min-height: 38px;flex-wrap: nowrap;gap: 6px}.ak-stitch-classroom .ak-whiteboard-window-actions{flex: 0 0 auto}.ak-stitch-classroom .ak-whiteboard-window-button{min-width: 28px;min-height: 28px;width: 28px;height: 28px}.ak-editor-page-controls{display: flex;align-items: center;gap: 2px;margin-inline-start: auto}.ak-editor-page-controls button{display: inline-flex;align-items: center;justify-content: center;width: 28px;min-width: 28px;min-height: 28px;padding: 3px;border: 0;border-radius: 4px;color: var(--ak-classroom-text);background: transparent;font: inherit}.ak-editor-page-controls button:hover{background: light-dark(#e0f2fe,#16374e)}.ak-editor-page-controls button:focus-visible{outline: 2px solid var(--ak-classroom-accent);outline-offset: -2px}.ak-editor-page-controls button .ak-editor-command-label{display: none}.ak-editor-page-controls select{width: 112px;min-height: 30px;padding: 3px;border: 0;border-inline-end: 1px solid var(--ak-classroom-border);border-radius: 0;background: transparent;color: var(--ak-classroom-text);font: inherit;font-size: 11px}.ak-stitch-classroom .ak-whiteboard-tabs{min-height: 34px;display: flex;justify-content: flex-start;padding: 0 8px}.ak-stitch-classroom .ak-whiteboard-tabs button{min-height: 30px;border-radius: 4px}.ak-stitch-classroom .ak-editor-toolbar{padding: 0}.ak-stitch-classroom .ak-livekit-whiteboard:not([data-editor-compact]) .ak-editor-primary,.ak-stitch-classroom .ak-livekit-whiteboard:not([data-editor-compact]) .ak-editor-group-tabs{display: none}.ak-stitch-classroom .ak-livekit-whiteboard:not([data-editor-compact]) .ak-editor-ribbon{display: flex;align-items: stretch;flex-wrap: nowrap;overflow-x: auto;padding: 4px 6px;gap: 0}.ak-stitch-classroom .ak-livekit-whiteboard:not([data-editor-compact]) .ak-editor-ribbon{flex-direction: row;justify-content: space-between}.ak-stitch-classroom .ak-livekit-whiteboard:not([data-editor-compact]) .ak-editor-group{display: flex;flex-direction: column-reverse;align-items: center;justify-content: space-between;border: 0;border-inline-end: 1px solid var(--ak-classroom-border);border-radius: 0;padding: 2px 6px;margin: 0;background: transparent;flex: 0 0 auto}.ak-stitch-classroom .ak-livekit-whiteboard:not([data-editor-compact]) .ak-editor-group h4{font-size: 9px;font-weight: 400;color: var(--ak-classroom-muted);margin: 3px 0 0}.ak-stitch-classroom .ak-livekit-whiteboard:not([data-editor-compact]) .ak-editor-group h4{display: block}.ak-stitch-classroom .ak-livekit-whiteboard:not([data-editor-compact]) .ak-editor-group-commands{display: flex;flex-wrap: nowrap;align-items: center;gap: 2px}.ak-stitch-classroom .ak-livekit-whiteboard:not([data-editor-compact]) .ak-editor-group-commands button{width: 30px;min-width: 30px;min-height: 36px;padding: 2px;gap: 1px;border-radius: 3px}.ak-stitch-classroom .ak-livekit-whiteboard:not([data-editor-compact]) .ak-editor-group-commands button{flex: 0 0 30px}.ak-stitch-classroom .ak-livekit-whiteboard:not([data-editor-compact]) .ak-editor-group-commands{min-height: 44px}.ak-stitch-classroom .ak-livekit-whiteboard:not([data-editor-compact]) .ak-editor-group-commands button .ak-editor-command-label{font-size: 8px;white-space: nowrap;max-width: 36px;overflow: hidden}.ak-stitch-classroom .ak-livekit-whiteboard:not([data-editor-compact]) .ak-editor-group-commands button .ak-editor-command-label{font-size: 10px}.ak-stitch-classroom .ak-livekit-whiteboard:not([data-editor-compact]) .ak-editor-group-commands button svg,.ak-stitch-classroom .ak-livekit-whiteboard:not([data-editor-compact]) .ak-editor-group-commands button vaadin-icon{width: 17px;height: 17px}.ak-stitch-classroom .ak-livekit-whiteboard:not([data-editor-compact]) .ak-editor-palette{display: grid;grid-template-columns: repeat(4,14px);gap: 2px}.ak-stitch-classroom .ak-livekit-whiteboard:not([data-editor-compact]) .ak-editor-palette button{width: 14px;min-width: 14px;height: 14px;min-height: 14px;border-radius: 1px}.ak-stitch-classroom .ak-livekit-whiteboard:not([data-editor-compact]) [data-editor-group=colors] label{font-size: 0;width: 26px}.ak-stitch-classroom .ak-livekit-whiteboard:not([data-editor-compact]) [data-editor-group=colors] label{flex: 0 0 26px}.ak-stitch-classroom .ak-livekit-whiteboard:not([data-editor-compact]) [data-editor-group=colors] input[type=color]{width: 24px;height: 28px;min-height: 28px;padding: 1px}.ak-stitch-classroom .ak-livekit-whiteboard:not([data-editor-compact]) [data-editor-group=view] input,.ak-stitch-classroom .ak-livekit-whiteboard:not([data-editor-compact]) [data-editor-group=view] select,.ak-stitch-classroom .ak-livekit-whiteboard:not([data-editor-compact]) [data-editor-group=view] label{display: none}.ak-editor-command-menu{max-width: min(94vw,440px);display: none;flex-wrap: wrap;gap: 6px}.ak-editor-command-menu:popover-open{display: flex}.ak-editor-command-menu p{flex-basis: 100%;font-size: 12px;line-height: 1.8}@media (min-width: 1500px){.ak-stitch-classroom .ak-room-header{min-height: 70px}.ak-stitch-classroom .ak-room-controls-panel{min-height: 80px}.ak-room-class-title{font-size: 16px}.ak-stitch-classroom .ak-room-header-profile-name{font-size: 14px}.ak-stitch-classroom .ak-room-controls>vaadin-button{flex-basis: 72px;width: 72px;min-width: 72px;height: 60px}}@media (min-width: 701px) and (min-height: 441px),(min-width: 961px){.ak-stitch-classroom .ak-room-main-content>.ak-room-management{width: 0;border: 0}.ak-stitch-classroom .ak-room-main-content[data-panels-open=true]>.ak-room-management{width: clamp(280px,25vw,400px);border: 1px solid var(--ak-classroom-border)}.ak-stitch-classroom[data-panel=files] .ak-room-main-content[data-panels-open=true]>.ak-room-management{width: min(42vw,650px)}}@media (max-width: 700px),(max-height: 440px) and (max-width: 960px){.ak-stitch-classroom .ak-room-controls-panel{min-height: 56px;padding: 2px}.ak-stitch-classroom .ak-room-controls>vaadin-button{flex-basis: 48px;width: 48px;min-width: 48px;height: 48px;padding: 2px}.ak-stitch-classroom .ak-room-controls>.ak-room-leave-button{flex-basis: 48px;width: 48px;min-width: 48px}.ak-stitch-classroom .ak-room-controls>[data-tour=media-settings],.ak-stitch-classroom .ak-room-controls>[data-tour=library],.ak-stitch-classroom .ak-room-controls>.ak-room-leave-button{margin-inline: 0}.ak-stitch-classroom .ak-room-controls>vaadin-button::part(label),.ak-stitch-classroom .ak-room-controls>vaadin-button:has(>vaadin-icon:is([slot=prefix],[slot=suffix]))::part(label){display: none}.ak-stitch-classroom .ak-whiteboard-header{flex-wrap: wrap}.ak-whiteboard-header>.ak-editor-page-controls{display: none}}@media (max-width: 1050px){.ak-room-role-badge{display: none}.ak-room-class-title{max-width: 34vw}.ak-stitch-classroom .ak-room-header-profile-name{max-width: 8rem}}@media (max-width: 700px),(max-height: 440px) and (max-width: 960px){.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])){padding: 4px !important;gap: 4px !important}.ak-stitch-classroom .ak-room-header{min-height: 44px;padding-inline: 6px !important;gap: 4px}.ak-room-class-identity{flex: 1 1 0;flex-direction: column;gap: 2px;align-items: start;min-width: 0}.ak-room-class-title{border: 0;padding: 0;background: transparent;max-width: 48vw;font-size: 12px}.ak-room-class-title vaadin-icon,.ak-stitch-classroom .ak-room-header-avatar{display: none}.ak-stitch-classroom .ak-room-header-profile-name{font-size: 10px}.ak-stitch-classroom .ak-room-session-clock{font-size: 10px;gap: 2px}.ak-stitch-classroom .ak-room-connection-badge{padding: 2px 4px;font-size: 10px}.ak-stitch-classroom .ak-room-controls-panel{min-height: 52px;padding: 3px}.ak-stitch-classroom .ak-room-controls>vaadin-button{min-width: 44px;min-height: 44px;padding: 3px 5px;font-size: 10px}.ak-stitch-classroom .ak-room-controls>.ak-room-leave-button{min-width: 44px;max-width: 76px}.ak-stitch-classroom .ak-room-management{width: auto}.ak-stitch-classroom .ak-whiteboard-header-details{max-width: 45%;overflow: hidden;white-space: nowrap}}@media (max-height: 440px) and (orientation: landscape){.ak-stitch-classroom .ak-room-header-profile,.ak-stitch-classroom .ak-room-connection-badge{display: none}.ak-stitch-classroom .ak-room-header{min-height: 40px}}@media (prefers-reduced-motion: reduce){.ak-stitch-classroom *,.ak-stitch-classroom *::before{animation: none !important;transition: none !important}}@media (max-width: 1050px){.ak-stitch-classroom .ak-room-header{max-width: 100%;box-sizing: border-box}.ak-stitch-classroom .ak-room-session-clock-label,.ak-stitch-classroom .ak-room-session-end-title{display: none}}@media (max-width: 700px),(max-width: 900px) and (orientation: portrait){.ak-stitch-classroom[data-panel=chat] .ak-room-management{position: absolute;inset: clamp(108px,24dvh,220px) 4px 56px;width: auto;height: auto;border-radius: 16px 16px 8px 8px}.ak-stitch-classroom[data-panel=chat] .ak-room-main-content[data-panels-open=true]{grid-template-columns: minmax(0,1fr)}.ak-stitch-classroom[data-panel=chat] .ak-room-main-content[data-panels-open=true]>.ak-room-management{width: auto;min-width: 0}}@media (max-width: 960px) and (max-height: 440px) and (orientation: landscape){.ak-stitch-classroom[data-panel=chat] .ak-room-management{inset: 44px auto 54px 4px;width: clamp(220px,32vw,300px);height: auto;border-radius: 8px}}@media (min-width: 701px) and (max-width: 900px) and (orientation: portrait){.ak-stitch-classroom[data-panel=chat] .ak-room-management{inset-block-end: 80px}}.ak-editor-stroke-sample{display: block;border-radius: 50%;background: currentColor}.ak-stitch-classroom [data-editor-stroke][aria-pressed=true]{color: var(--ak-classroom-accent);background: light-dark(#e0f2fe,#16374e);box-shadow: inset 0 0 0 1px currentColor}.ak-stitch-classroom .ak-room-user-identity h3.ak-room-user-name{flex: 0 0 auto;min-height: 21px;height: auto;width: 100%;margin: 0}.ak-stitch-classroom vaadin-vertical-layout.ak-room-user-name{height: auto;min-height: min-content;gap: 3px}.ak-stitch-classroom .ak-room-user-row{border: 1px solid var(--ak-classroom-border);border-radius: 9px;padding: 10px;background: var(--ak-classroom-surface);gap: 8px;min-height: 70px}.ak-stitch-classroom .ak-room-users-list{gap: 10px}.ak-stitch-classroom .ak-room-users-list>vaadin-vertical-layout>hr{display: none}.ak-stitch-classroom .ak-room-user-role{color: var(--ak-classroom-muted);font-size: 11px}.ak-stitch-classroom .ak-room-participant-manage{border: 1px solid var(--ak-classroom-border);background: var(--ak-classroom-soft);border-radius: 5px;min-height: 32px;font-size: 11px}.ak-stitch-classroom .ak-room-user-row:has(.ak-room-lower-hand-button:not([hidden])){border-color: #fcd34d;background: light-dark(#fffbeb,#332a12)}.ak-stitch-classroom .ak-content-workspace .ak-presentation-video-controls{display: flex;flex-wrap: wrap;align-items: center;gap: 10px;padding: 12px 16px;border: 1px solid #334155;background: #101b2d;color: #e2e8f0;border-radius: 0 0 8px 8px}.ak-stitch-classroom .ak-presentation-video-controls .ak-video-seek{flex: 1 1 100%;width: 100%;min-width: 0;height: 28px;accent-color: #14b8a6;cursor: pointer}.ak-stitch-classroom .ak-presentation-video-controls .ak-video-seek:disabled{opacity: .85;cursor: default}.ak-stitch-classroom .ak-content-workspace .ak-presentation-video-controls button{min-height: 44px;border: 1px solid #475569;background: #1e293b;color: #e2e8f0;border-radius: 5px}.ak-stitch-classroom .ak-presentation-video-controls .ak-video-play-toggle{background: #0f766e;border-color: #14b8a6}.ak-stitch-classroom .ak-presentation-video-controls .ak-video-volume{width: 110px;accent-color: #14b8a6}.ak-stitch-classroom .ak-presentation-video-controls .ak-video-time{margin-inline-start: auto;font-variant-numeric: tabular-nums;color: #e2e8f0}.ak-stitch-classroom .ak-presentation-video-controls .ak-video-status{color: #e2e8f0}.ak-stitch-classroom .ak-room-controls>[data-tour=board-lock][aria-pressed=true]{background: light-dark(#fffbeb,#332a12);border-color: #fbbf24;color: light-dark(#92400e,#fde68a)}@media (min-width: 1100px){.ak-stitch-classroom[data-panel=users] .ak-room-main-content[data-panels-open=true]>.ak-room-management{width: clamp(320px,30vw,480px)}}@media (min-width: 1500px){.ak-stitch-classroom .ak-room-controls>vaadin-button::part(label),.ak-stitch-classroom .ak-room-controls>vaadin-button:has(>vaadin-icon:is([slot=prefix],[slot=suffix]))::part(label){font-size: 12px}}@media (min-width: 701px) and (max-width: 1050px){.ak-stitch-classroom .ak-room-header,.ak-stitch-classroom .ak-room-class-identity{gap: 6px}.ak-stitch-classroom .ak-room-header-actions{flex: 0 0 auto}.ak-stitch-classroom .ak-room-class-identity{flex: 1 1 0}}@media (max-width: 960px) and (max-height: 440px) and (orientation: landscape){.ak-stitch-classroom[data-panel=chat] .ak-room-main-content[data-panels-open=true]>.ak-room-management{width: clamp(220px,32vw,300px)}}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])){--ak-stitch-scale: 1;padding: 0 !important;gap: 0 !important}.ak-call-owner[data-room-active]:not([data-parked]) .ak-call-parking>.ak-room-view.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])){padding: 0 !important}.ak-call-owner[data-room-active]:not([data-parked]) .ak-room-view.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))>.ak-room-main-content{width: 100% !important;max-width: none;margin: 0}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-main-content>.ak-room-management{box-sizing: border-box}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=chat] .ak-room-side-panels{padding: 0}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-header{min-height: 56px;padding: 8px 16px !important;flex: 0 0 auto;box-sizing: border-box}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-main-content{padding: 8px;gap: 8px;box-sizing: border-box}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls-panel{padding: 8px 16px;min-height: 64px;box-sizing: border-box;border: 0;border-top: 1px solid var(--ak-classroom-border)}.ak-room-outline-icon{display: inline-block;width: 20px;height: 20px;flex: 0 0 auto;vertical-align: middle}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-class-title{flex-direction: row-reverse;gap: 10px;font-size: 14px;border-radius: 9px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-class-title:has(.ak-room-outline-icon)>vaadin-icon{display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-class-title .ak-room-outline-icon{color: var(--ak-classroom-accent)}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-class-identity{gap: 12px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-header-profile{flex-direction: row-reverse;gap: 6px;padding: 4px 8px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-header-profile::after{content: '';width: 8px;height: 8px;flex: 0 0 8px;border-radius: 50%;background: #94a3b8}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-header:has(.ak-room-connection-badge[data-state=connected]) .ak-room-header-profile::after{background: #10b981;box-shadow: 0 0 0 2px #a7f3d0}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-profile-edit{min-width: 22px;width: 22px;min-height: 24px;height: 24px;padding: 2px;background: transparent;border: 0}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-profile-edit::part(label){display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-profile-edit vaadin-icon{width: 14px;height: 14px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-actions-popover>.ak-room-profile-edit{width: 100%;min-width: 44px;min-height: 44px;height: auto;justify-content: flex-start}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-actions-popover>.ak-room-profile-edit::part(label){display: block}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-class-identity .ak-room-session-end-time{background: var(--ak-classroom-soft);border: 1px solid var(--ak-classroom-border);border-radius: 5px;padding: 4px 8px;font-size: 12px;gap: 5px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-class-identity .ak-room-session-end-title{display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-class-identity .ak-room-session-end-time>vaadin-icon{width: 12px;height: 12px;color: var(--ak-classroom-muted)}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-header-menu{gap: 8px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-header-expanded>.ak-room-share-button{font-size: 12px;padding: 6px 12px;min-height: 32px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-header-expanded>.ak-room-random-student{color: var(--ak-classroom-text);font-size: 12px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-header-expanded>.ak-room-random-student vaadin-icon{color: #9333ea}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-header-expanded>.ak-room-theme-select{width: auto;min-width: 0}.ak-room-theme-select{display: inline-flex;align-items: center;gap: 2px;padding: 2px;background: light-dark(#f1f5f9,#1e293b);border: 1px solid light-dark(#e2e8f0,#475569);border-radius: 8px}.ak-room-theme-select>vaadin-button{min-width: 24px;width: 24px;min-height: 24px;height: 24px;padding: 3px;border: 0;border-radius: 5px;background: transparent}.ak-room-theme-select>vaadin-button[aria-pressed=true]{background: light-dark(white,#334155);box-shadow: 0 1px 2px #0f172a18}.ak-room-theme-select [data-theme-choice=light] vaadin-icon{color: #f59e0b}.ak-room-theme-select [data-theme-choice=dark] vaadin-icon{color: #94a3b8}.ak-room-theme-select vaadin-icon{width: 16px;height: 16px}.ak-room-theme-preference{width: 100%;min-width: 110px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls{justify-content: space-between;gap: 6px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls>vaadin-button{flex: 0 0 55px;min-width: 55px;width: 55px;height: 60px;padding: 3px;border-radius: 12px;font-size: 11px;--vaadin-button-gap: 3px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls>:is([data-tour=microphone],[data-tour=camera],[data-tour=screen],[data-tour=board-lock],[data-tour=teacher-administration]){flex-basis: 60px;width: 60px;min-width: 60px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls>vaadin-button:has([data-stitch-icon])>vaadin-icon{display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls [data-stitch-icon]{width: 25px;height: 25px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls>vaadin-button::part(label),.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls>vaadin-button:has(>vaadin-icon:is([slot=prefix],[slot=suffix]))::part(label){font-size: 11px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls>[data-tour=media-settings]{margin-inline-end: auto}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls>[data-tour=teacher-administration]{margin-inline-end: auto}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls>[data-tour=whiteboard]{background: light-dark(#f0f9ff,#15344a);border-color: light-dark(#7dd3fc,#245675);color: light-dark(#0369a1,#bae6fd)}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls>[data-tour=chat]{background: light-dark(#f1f5f9,#243044);border-color: var(--ak-classroom-border);color: var(--ak-classroom-text)}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls>[data-tour=board-lock]{background: light-dark(#fffbeb,#332a12);border-color: #fcd34d;color: light-dark(#b45309,#fde68a)}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls>[data-tour=teacher-administration]{background: light-dark(#faf5ff,#2a1d40);border-color: light-dark(#d8b4fe,#694799);color: light-dark(#9333ea,#d8b4fe)}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls>vaadin-button[data-dock-utility]{flex-basis: 42px;width: 42px;min-width: 42px;height: 42px;border-radius: 8px;background: var(--ak-classroom-surface)}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls>vaadin-button[data-dock-utility]::part(label),.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls>vaadin-button[data-dock-utility]:has(>vaadin-icon:is([slot=prefix],[slot=suffix]))::part(label){display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls>vaadin-button[data-dock-utility] [data-stitch-icon]{width: 20px;height: 20px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls>.ak-room-leave-button{flex: 0 0 145px;min-width: 145px;width: 145px;height: 42px;margin-inline-start: 10px;font-weight: 700;border-radius: 13px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls>.ak-room-leave-button::part(label){font-size: 12px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls>.ak-room-leave-button [data-stitch-icon]{width: 20px;height: 20px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-content-workspace .ak-livekit-whiteboard{grid-template-areas: 'header' 'tabs' 'tools' 'content' 'pages';grid-template-rows: auto auto auto minmax(64px,1fr) auto;position: relative;border-radius: 12px;box-sizing: border-box}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-whiteboard-header{min-height: calc(36px * var(--ak-stitch-scale));padding: 0 8px;gap: 8px;flex: 0 0 auto}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-whiteboard-header-details{gap: 7px;flex: 0 1 250px;min-width: 140px;min-height: 0;padding: 3px 8px;box-sizing: border-box;border-inline-end: 1px solid var(--ak-classroom-border)}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-whiteboard-header-details strong{font-size: 14px;line-height: 1.4;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}.ak-board-selection-label{font-size: 11px;color: var(--ak-classroom-muted);max-width: 42px;flex-shrink: 0}.ak-board-access-badge{display: flex;align-items: center;gap: 5px;background: light-dark(#ecfdf5,#102d29);border: 1px solid light-dark(#a7f3d0,#286655);border-radius: 5px;padding: 3px 6px}.ak-board-access-badge .ak-whiteboard-access-state{font-size: 11px;color: light-dark(#065f46,#a7f3d0);white-space: normal;line-height: 1.5}.ak-board-access-badge .ak-whiteboard-permission-button{flex: 0 0 28px;border: 0;background: transparent;color: #0284c7;min-width: 28px;min-height: 28px;width: 28px;height: 28px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-whiteboard-header .ak-board-selection-label{line-height: 1.2}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-whiteboard-header .ak-editor-status{margin-inline: auto 4px;min-width: 0;max-width: 160px;font-size: 11px;white-space: normal;line-height: 1.4}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-floating-window])>.ak-whiteboard-header .ak-floating-tools{order: 99;flex: 0 0 auto;width: auto;margin: 0;gap: 0;--ak-media-window-control-size: 28px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-floating-window])>.ak-whiteboard-header .ak-floating-tools button{width: 28px;min-width: 28px;height: 28px;min-height: 28px;padding: 4px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-whiteboard-window-actions{margin: 0;gap: 2px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-whiteboard-header>.ak-editor-ribbon-toggle{flex: 0 0 26px;min-width: 26px;width: 26px;min-height: 28px;height: 28px;padding: 0;border: 0;background: transparent;color: var(--ak-classroom-muted);font-size: 22px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-editor-page-controls{margin: 0;flex: 0 0 auto;gap: 0}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-editor-page-controls>select{display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-editor-page-controls>button{min-height: 28px;width: 24px;min-width: 24px;font-size: 11px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-editor-page-controls>.ak-editor-page-manager-toggle{width: 90px;white-space: normal;line-height: 1.4}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-editor-page-controls>button .ak-room-outline-icon{width: 15px;height: 15px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-whiteboard-header>.ak-board-layers-toggle{min-width: 28px;width: 28px;min-height: 28px;height: 28px;padding: 4px;border: 0;background: transparent;color: var(--ak-classroom-muted)}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-whiteboard-header>.ak-board-layers-toggle .ak-editor-command-label{display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact]) .ak-editor-ribbon{min-height: calc(64px * var(--ak-stitch-scale));padding: 4px 6px;gap: 0;justify-content: flex-start;box-sizing: border-box;background: light-dark(#f4f7fc,#131f32)}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact]):not([data-ribbon-expanded]) .ak-editor-ribbon{padding-block: 2px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact]) .ak-editor-group{padding: 2px 7px;align-items: stretch;flex: 0 0 auto}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact]) .ak-editor-group:last-child{border: 0}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact]) .ak-editor-group h4{font-size: 11px;font-weight: 500;margin: 3px 0 0;text-align: center}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact]) .ak-editor-group-commands{min-height: 45px;gap: 2px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact]) .ak-editor-group-commands button{width: 34px;min-width: 34px;flex: 0 0 34px;min-height: 42px;gap: 3px;padding: 3px;border: 1px solid transparent}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact]) .ak-editor-group-commands button[aria-pressed=true]{border-color: #38bdf8;background: light-dark(#e0f2fe,#16374e);color: var(--ak-classroom-accent)}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact]) .ak-editor-group-commands button .ak-editor-command-label{font-size: 10px;max-width: none;overflow: visible;line-height: 1.4;white-space: nowrap}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact]) .ak-editor-group-commands :is(svg,vaadin-icon){width: 20px;height: 20px}.ak-ribbon-shape-grid{display: grid;grid-template-columns: repeat(3,27px);gap: 2px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact]) .ak-ribbon-shape-grid button{min-width: 27px;width: 27px;min-height: 24px;height: 24px;padding: 3px}.ak-ribbon-shape-grid .ak-editor-command-label{display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact]):not([data-ribbon-expanded]) .ak-ribbon-shape-grid{display: flex}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state]:not([data-editor-compact]):not([data-ribbon-expanded]) :is(.ak-ribbon-shape-properties,.ak-ribbon-color-properties,.ak-ribbon-new-page){display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact]) [data-editor-group=colors] .ak-editor-palette{grid-template-columns: repeat(8,14px);gap: 2px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact]) [data-editor-group=colors] .ak-editor-palette button{min-width: 14px;width: 14px;min-height: 14px;height: 14px;flex-basis: 14px;padding: 0;border-radius: 1px;border: 1px solid #94a3b880}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact]) [data-editor-group=colors] label.ak-ribbon-color-slot{display: flex;flex-direction: column-reverse;gap: 3px;font-size: 9px;width: 33px;flex: 0 0 33px;white-space: normal;text-align: center}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact]) [data-editor-group=colors] input[type=color]{width: 28px;height: 28px;min-height: 28px;border: 1px solid var(--ak-classroom-border);border-radius: 4px;padding: 2px;background: var(--ak-classroom-surface)}.ak-ribbon-zoom-value{font: 600 11px Vazirmatn,sans-serif;min-width: 36px;text-align: center}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact]) [data-editor-group=view] .ak-editor-group-commands{flex-wrap: wrap;max-width: 94px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact]) [data-editor-group=view] button{flex-basis: 24px;width: 24px;min-width: 24px;min-height: 25px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact]) [data-editor-group=view] .ak-editor-command-label{display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state]:not([data-editor-compact])[data-ribbon-expanded] .ak-editor-ribbon{min-height: calc(176px * var(--ak-stitch-scale));background: var(--ak-classroom-surface)}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact])[data-ribbon-expanded] .ak-editor-group{box-sizing: border-box;min-width: 0;border-inline-end: 0;box-shadow: inset 1px 0 var(--ak-classroom-border)}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact])[data-ribbon-expanded] .ak-editor-group:last-child{box-shadow: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=file]{flex: 0 0 230px;width: 230px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=edit]{flex: 0 0 154px;width: 154px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=draw]{flex: 0 0 180px;width: 180px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=shapes]{flex: 0 0 266px;width: 266px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=colors]{flex: 0 0 234px;width: 234px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=view]{flex: 0 0 92px;width: 92px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=file] .ak-editor-group-commands{display: grid;grid-template-columns: 40px 48px 40px 76px;grid-template-rows: 34px 34px;gap: 4px;align-content: start;align-items: stretch}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=file] .ak-ribbon-new-page{grid-area: 1 / 1 / 3 / 2}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=file] [data-editor-action=import]{grid-area: 1 / 2 / 3 / 3}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=file] [data-editor-action=json]{grid-area: 1 / 3 / 3 / 4}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=file] :is([data-editor-action=export-menu],[data-editor-action=image]){grid-column: 4;flex-direction: row;justify-content: flex-start;width: 76px;min-width: 76px;min-height: 34px;padding: 3px;gap: 5px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=file] [data-editor-action=export-menu]{grid-row: 1}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=file] [data-editor-action=image]{grid-row: 2}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=file] button{width: 100%;min-width: 0;border-radius: 5px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=edit] .ak-editor-group-commands{display: grid;grid-template-columns: 44px repeat(3,28px);grid-template-rows: repeat(3,32px);gap: 4px;align-content: start}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=edit] .ak-editor-group-commands>button{width: 28px;min-width: 28px;height: 32px;min-height: 32px;padding: 4px;border-radius: 5px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=edit] button .ak-editor-command-label{display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=edit] [data-editor-action=paste]{grid-area: 1 / 1 / 3 / 2;width: 44px;min-width: 44px;height: auto}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=edit] [data-editor-action=paste] .ak-editor-command-label{display: block;white-space: normal}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=edit] [data-editor-action=cut]{grid-area: 1 / 2}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=edit] [data-editor-action=copy]{grid-area: 1 / 3}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=edit] [data-editor-action=duplicate]{grid-area: 1 / 4}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=edit] [data-editor-action=delete]{grid-area: 2 / 2}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=edit] [data-editor-action=undo]{grid-area: 2 / 3}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=edit] [data-editor-action=redo]{grid-area: 2 / 4}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=edit] [data-editor-action=edit-more-menu]{grid-area: 3 / 4}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=draw] .ak-editor-group-commands{display: grid;grid-template-columns: repeat(4,40px);gap: 3px 2px;align-content: start}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state]:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=draw] button{width: 40px;min-width: 40px;min-height: 48px;padding: 3px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state]:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=draw] .ak-editor-command-label{max-width: 40px;white-space: normal;font-size: 11px;line-height: 1.25}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact])[data-ribbon-expanded] .ak-editor-group-commands button{min-height: 42px;height: auto}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact])[data-ribbon-expanded] .ak-editor-group h4{font-size: 12px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact])[data-ribbon-expanded] .ak-editor-group-commands button .ak-editor-command-label{font-size: 11px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact])[data-ribbon-expanded] .ak-editor-group-commands :is(svg,vaadin-icon){width: 24px;height: 24px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state]:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=edit] .ak-editor-group-commands :is(svg,vaadin-icon){width: 18px;height: 18px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state]:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=edit] .ak-editor-group-commands>[data-editor-action=paste]{width: 44px;min-width: 44px;height: auto}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state]:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=view] .ak-editor-group-commands{display: grid;grid-template-columns: repeat(3,24px);gap: 3px;max-width: none;align-content: start}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state]:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=view] .ak-ribbon-zoom-value{grid-column: 1 / -1}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=stroke]{display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=shapes] .ak-editor-group-commands{align-items: start;gap: 8px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state]:not([data-editor-compact]) .ak-ribbon-shape-properties{display: flex;flex-direction: column;gap: 7px;flex: 0 0 auto;width: 154px;min-width: 154px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state]:not([data-editor-compact]) .ak-ribbon-shape-properties label{display: flex;gap: 6px;align-items: center;justify-content: space-between;flex: 0 0 auto;width: 100%;min-height: 28px;height: auto;margin: 0;font-size: 11px;grid-column: auto}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state]:not([data-editor-compact]) .ak-ribbon-shape-properties select{flex: 0 0 auto;min-width: 0;width: 98px;min-height: 30px;height: 30px;font: 11px Vazirmatn,sans-serif;border: 1px solid var(--ak-classroom-border);background: var(--ak-classroom-soft);color: var(--ak-classroom-text);padding: 4px;border-radius: 5px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state]:not([data-editor-compact]) .ak-ribbon-shape-properties .ak-ribbon-fill-select{width: 112px}.ak-ribbon-shape-properties input{width: 85px;accent-color: #0f766e}.ak-ribbon-width-presets{display: flex;padding: 2px;background: var(--ak-classroom-soft);border: 1px solid var(--ak-classroom-border);border-radius: 4px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-editor-compact]) .ak-ribbon-width-presets button{font: 11px Vazirmatn,sans-serif;min-width: 32px;width: 32px;min-height: 24px;height: 24px;padding: 2px}.ak-ribbon-color-properties{display: flex;flex-direction: column;gap: 6px}.ak-ribbon-color-properties label{display: flex;flex-direction: column;gap: 6px;align-items: center}.ak-ribbon-color-properties input{width: 74px;accent-color: #0f766e}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state]:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=colors] .ak-editor-group-commands{display: grid;grid-template-columns: 34px 34px 144px;grid-template-rows: auto auto;gap: 4px;align-content: start}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state]:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=colors] .ak-ribbon-color-slot{grid-column: auto;grid-row: 1}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state]:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=colors] .ak-editor-palette{grid-column: 3;grid-row: 1;width: 144px;grid-template-columns: repeat(8,16px);gap: 2px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state]:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=colors] .ak-editor-palette button{width: 16px;min-width: 16px;height: 16px;min-height: 16px;padding: 0}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state]:not([data-editor-compact])[data-ribbon-expanded] .ak-ribbon-color-properties{grid-column: 1 / -1;grid-row: 2;flex-direction: row}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state]:not([data-editor-compact])[data-ribbon-expanded] .ak-ribbon-color-properties label{flex: 0 0 auto;width: auto;min-height: 28px;margin: 0;flex-direction: row;font-size: 11px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state]:not([data-editor-compact])[data-ribbon-expanded] .ak-ribbon-shape-grid{grid-template-columns: repeat(3,28px)}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state]:not([data-editor-compact])[data-ribbon-expanded] .ak-ribbon-shape-grid button{width: 28px;min-width: 28px;height: 28px;min-height: 28px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state]:not([data-editor-compact])[data-ribbon-expanded] .ak-ribbon-shape-grid :is(svg,vaadin-icon){width: 20px;height: 20px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state]:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=view] :is(svg,vaadin-icon){width: 18px;height: 18px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state]:not([data-editor-compact])[data-ribbon-expanded] .ak-ribbon-width-presets button{height: 26px;min-height: 26px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state]:not([data-editor-compact])[data-ribbon-expanded] [data-editor-group=view] button{height: 28px;min-height: 28px}.ak-board-header-zoom[hidden]{display: none}.ak-board-header-zoom{display: flex;align-items: center;flex: 0 0 auto;gap: 2px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-board-header-zoom>button{display: grid;place-items: center;width: 26px;min-width: 26px;height: 28px;min-height: 28px;padding: 3px;border: 1px solid var(--ak-classroom-border);background: var(--ak-classroom-surface);color: var(--ak-classroom-text);border-radius: 3px}.ak-board-header-zoom .ak-editor-command-label{display: none}.ak-board-header-zoom .ak-room-outline-icon{width: 16px;height: 16px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) :is(.ak-editor-group-commands button,.ak-board-page-card,.ak-board-empty-page,.ak-board-page-command-row button,.ak-layer-card-more,.ak-layer-drag-handle,.ak-layer-card-name,.ak-layer-inspector-tools button,.ak-presentation-controls button,.ak-presentation-thumbnails button,.ak-chat-file-download):focus-visible,.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) :is(.ak-chat-header-actions,.ak-chat-controls)>vaadin-button[focus-ring]{outline: 2px solid var(--ak-classroom-accent);outline-offset: 2px}.ak-board-page-manager{grid-area: pages;display: flex;align-items: center;min-width: 0;min-height: 140px;gap: 12px;padding: 10px 16px;box-sizing: border-box;border-top: 1px solid var(--ak-classroom-border);background: var(--ak-classroom-surface)}.ak-board-page-manager[hidden]{display: none}.ak-board-page-actions{flex: 0 0 180px;align-self: stretch;display: flex;flex-direction: column;justify-content: center;gap: 12px;border-inline-end: 1px solid var(--ak-classroom-border);padding-inline-end: 14px}.ak-board-page-actions h3{margin: 0;font-size: 18px;line-height: 1.4}.ak-board-page-command-row{display: flex;gap: 5px}.ak-board-page-command-row button,.ak-board-page-navigation button{display: inline-flex;align-items: center;justify-content: center;gap: 4px;min-height: 34px;min-width: 30px;padding: 5px;border: 1px solid var(--ak-classroom-border);border-radius: 3px;color: var(--ak-classroom-text);background: var(--ak-classroom-soft);font: 11px Vazirmatn,sans-serif}.ak-board-page-command-row button:first-child{color: white;background: #0f766e;border-color: #0f766e}.ak-board-page-command-row button:last-child{color: #be123c;background: light-dark(#fff1f2,#321b2a);border-color: #fecdd3}.ak-board-page-command-row button:not(:first-child)>span,.ak-board-page-navigation span{display: none}.ak-board-page-command-row svg{width: 16px;height: 16px}.ak-board-page-carousel{flex: 1 1 0;min-width: 0;display: flex;align-items: flex-start;gap: 14px;overflow-x: auto;padding: 4px}.ak-board-page-card{display: flex;flex-direction: column;gap: 5px;align-items: stretch;flex: 0 0 160px;width: 160px;padding: 0;border: 0;background: transparent;color: var(--ak-classroom-text);font: 12px Vazirmatn,sans-serif}.ak-board-page-card>span{white-space: nowrap;text-overflow: ellipsis;overflow: hidden}.ak-board-page-preview{position: relative;box-sizing: border-box;width: 160px;height: 80px;border: 1px solid light-dark(#bdc9c6,#64748b);border-radius: 4px;background: white;overflow: hidden}.ak-board-page-preview img{display: block;width: 100%;height: 100%;object-fit: contain}.ak-board-page-number{position: absolute;top: 4px;right: 4px;font: 9px sans-serif;padding: 2px 3px;color: #64748b;background: #ffffffd9;border-radius: 2px}.ak-board-page-card[aria-selected=true] .ak-board-page-preview{border: 1px solid #0f766e;box-shadow: inset 0 0 0 1px #0f766e}.ak-board-page-card[aria-selected=true] .ak-board-page-number{background: #005c55;color: white}.ak-board-page-card[aria-selected=true]>span{color: light-dark(#005c55,#80d5cb);font-weight: 700}.ak-board-empty-page{flex: 0 0 100px;width: 100px;padding: 0;border: 0;background: transparent;color: var(--ak-classroom-muted);display: flex;flex-direction: column;align-items: stretch;gap: 5px;font: 11px/20px Vazirmatn,sans-serif}.ak-board-empty-preview{display: grid;place-items: center;box-sizing: border-box;width: 100%;height: 80px;border: 1px dashed var(--ak-classroom-muted);border-radius: 4px;background: light-dark(#eff4ff,#1b2d49)}.ak-board-page-navigation{display: flex;flex: 0 0 auto;gap: 4px}.ak-editor-layers[data-sidebar]:popover-open{padding: 0;gap: 0;border-radius: 0;max-width: none;border-color: light-dark(#bdc9c6,#475569);background: var(--ak-classroom-surface);color: var(--ak-classroom-text)}.ak-layer-panel-header{display: flex;align-items: center;gap: 8px;min-height: 64px;padding: 10px 16px;box-sizing: border-box;background: light-dark(#eff4ff,#17263c);border-bottom: 1px solid light-dark(#bdc9c6,#475569);flex: 0 0 auto}.ak-editor-layers .ak-layer-panel-header h3{margin: 0;flex: 1;font-size: 18px;line-height: 1.5}.ak-editor-layers .ak-layer-panel-header .ak-editor-palette-close{width: 28px;height: 28px;min-width: 28px;min-height: 28px;margin: 0;padding: 4px;border: 0;background: transparent}.ak-layer-panel-header .ak-editor-palette-close>span{display: none}.ak-editor-layers .ak-editor-layer-list{padding: 16px;gap: 12px}.ak-editor-layers .ak-editor-layer-row{display: flex;flex-direction: column;align-items: stretch;gap: 11px;padding: 15px;border: 1px solid light-dark(#bdc9c6,#475569);border-radius: 6px;background: var(--ak-classroom-surface)}.ak-editor-layers .ak-editor-layer-row[data-active=true]{border: 1px solid light-dark(#005c55,#80d5cb);box-shadow: inset 0 0 0 1px light-dark(#005c55,#80d5cb);background: light-dark(#e6eeff,#1b2d49)}.ak-layer-card-top{display: flex;align-items: center;gap: 6px}.ak-layer-card-controls{display: flex;align-items: center;gap: 4px;margin-inline-start: auto}.ak-layer-index{padding: 3px 6px;border-radius: 3px;font-size: 11px;background: light-dark(#d5e3fd,#334b70);color: var(--ak-classroom-text)}.ak-editor-layer-row[data-active=true] .ak-layer-index{color: white;background: #005c55}.ak-editor-layers :is(.ak-layer-drag-handle,.ak-layer-card-more){display: inline-flex;align-items: center;justify-content: center;width: 28px;height: 28px;min-width: 28px;min-height: 28px;padding: 4px;flex: 0 0 28px;border: 0;background: transparent;color: var(--ak-classroom-muted)}.ak-layer-drag-handle{cursor: grab}.ak-layer-drag-handle svg{transform: rotate(90deg)}.ak-editor-layers :is(.ak-layer-drag-handle,.ak-layer-card-more)>span{display: none}.ak-editor-layers .ak-layer-icon-toggle{position: relative;display: inline-flex;align-items: center;justify-content: center;width: 30px;height: 30px;border-radius: 3px;background: var(--ak-classroom-surface);color: light-dark(#005c55,#80d5cb)}.ak-editor-layers[data-sidebar] .ak-layer-icon-toggle{min-height: 30px}.ak-editor-layers .ak-layer-icon-toggle input[type=checkbox]{position: absolute;inset: 0;width: 30px;height: 30px;opacity: 0;cursor: pointer}.ak-layer-icon-toggle:has(input:focus-visible){outline: 2px solid #0284c7;outline-offset: 2px}.ak-layer-icon-toggle:has(input:disabled){opacity: .6}.ak-editor-layer-row[data-locked=true] .ak-layer-icon-toggle:last-of-type{color: #b45309;background: light-dark(#fffbeb,#332a12)}.ak-editor-layers .ak-layer-card-name{flex: 0 0 auto;width: 100%;min-width: 0;min-height: 28px;padding: 0;border: 0;background: transparent !important;color: var(--ak-classroom-text) !important;text-align: right;font: 600 16px/1.65 Vazirmatn,sans-serif}.ak-editor-layers[data-sidebar] .ak-layer-card-name{height: 28px}.ak-editor-layers .ak-layer-card-name[aria-pressed=true]:not(:focus-visible){outline: none}.ak-layer-card-details{display: flex;align-items: center;justify-content: space-between;gap: 8px;font-size: 12px}.ak-layer-card-details span:last-child{color: light-dark(#005c55,#80d5cb)}.ak-editor-layer-row[data-locked=true] .ak-layer-card-details span:last-child{color: #c2410c}.ak-editor-layers .ak-editor-layer-row input[type=range]{width: 100%;height: 12px;margin: 0;accent-color: #005c55}.ak-editor-layers .ak-layer-panel-footer{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 8px;margin: 0;padding: 16px;max-height: none;background: light-dark(#eff4ff,#17263c);border-top: 1px solid light-dark(#bdc9c6,#475569)}.ak-editor-layers[data-sidebar] .ak-layer-panel-footer{padding: 12px 16px}.ak-editor-layers .ak-layer-panel-footer>button{display: flex;flex-direction: row;font-size: 12px;border-radius: 3px;min-height: 52px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-editor-layers .ak-layer-panel-footer>[data-editor-action=layer-add]{order: -3;background: #0f766e;color: white;border-color: #0f766e}.ak-layer-panel-footer [data-editor-action=layer-merge]{order: -2}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-editor-layers .ak-layer-panel-footer>[data-editor-action=layer-delete]{order: -1;background: light-dark(#fff1f2,#321b2a);color: #e11d48;border-color: #fecdd3}.ak-layer-panel-note{grid-column: 1 / -1;margin: 0;font-size: 11px;line-height: 1.7}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-layers-open] .ak-whiteboard-viewport{width: calc(100% - var(--ak-layer-panel-width,400px));margin-left: var(--ak-layer-panel-width,400px)}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-layer-inspector] .ak-editor-toolbar{display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-layer-inspector]>.ak-whiteboard-header>.ak-editor-ribbon-toggle{display: none}.ak-layer-inspector-tools{display: none}.ak-livekit-whiteboard[data-layer-inspector] .ak-layer-inspector-tools{position: absolute;display: flex;flex-direction: column;top: var(--ak-board-content-top,70px);right: 18px;padding: 5px;gap: 5px;border: 1px solid var(--ak-classroom-border);border-radius: 5px;background: var(--ak-classroom-surface);box-shadow: 0 2px 4px #0f172a30;z-index: 5}.ak-layer-inspector-tools>button{width: 40px;min-width: 40px;min-height: 40px;height: 40px;display: grid;place-items: center;padding: 7px;border: 1px solid transparent;border-radius: 3px;background: transparent;color: var(--ak-classroom-text)}.ak-layer-inspector-tools .ak-editor-command-label{display: none}.ak-layer-inspector-tools .ak-room-outline-icon{width: 24px;height: 24px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-compact] .ak-editor-layers :is(.ak-layer-drag-handle,.ak-layer-card-more,.ak-layer-icon-toggle,.ak-editor-palette-close){flex: 0 0 44px;width: 44px;min-width: 44px;height: 44px;min-height: 44px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-compact] .ak-editor-layers .ak-layer-icon-toggle input[type=checkbox]{width: 44px;height: 44px;min-height: 44px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-compact] .ak-layer-card-top{flex-wrap: wrap}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-compact] .ak-board-page-actions{flex-basis: 154px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-compact] .ak-board-page-command-row>button:first-child span{display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-compact] :is(.ak-board-page-command-row,.ak-board-page-navigation) button{min-width: 44px;min-height: 44px}.ak-layer-inspector-tools>button[aria-pressed=true]{background: #0f766e;color: white}.ak-livekit-whiteboard[data-layer-inspector] .ak-board-paper-control{display: inline-flex;align-items: center;gap: 5px;padding: 4px;color: light-dark(#005c55,#80d5cb);background: light-dark(#e6eeff,#1b2d49);font-size: 12px}.ak-board-paper-control select{max-width: 140px;min-height: 30px;font: inherit;background: transparent;color: inherit;border: 0}ak-room-layout-controls[hidden]{display: none !important}.ak-room-layout-controls{display: flex;flex-direction: column;flex: 0 0 auto;width: 100%;box-sizing: border-box;padding: 12px 20px;gap: 16px;border-block: 1px solid var(--ak-classroom-border);background: var(--ak-classroom-surface);color: var(--ak-classroom-text)}.ak-layout-choice-group{display: flex;flex-wrap: wrap;align-items: center;gap: 10px}.ak-layout-choice-title{display: inline-flex;align-items: center;gap: 5px;font-size: 12px;font-weight: 600;color: var(--ak-classroom-muted)}.ak-layout-choice-group>button{display: inline-flex;align-items: center;justify-content: center;gap: 7px;min-height: 40px;padding: 6px 12px;border: 1px solid light-dark(#bdc9c6,#475569);border-radius: 5px;font: 15px/1.5 Vazirmatn,sans-serif;color: var(--ak-classroom-text);background: var(--ak-classroom-soft)}.ak-layout-choice-group>button[aria-checked=true]{font-weight: 700;color: white;background: #0f766e;border-color: #0f766e;box-shadow: 0 0 0 2px #0f766e30}.ak-layout-choice-group>button[aria-checked=true]::after{content: '';width: 7px;height: 7px;border-radius: 50%;background: #a3faef}.ak-layout-camera-choices>button{min-height: 32px;font-size: 12px;padding: 4px 10px}.ak-layout-camera-choices>button[aria-checked=true]{background: light-dark(#e6eeff,#1b2d49);border-color: light-dark(#80b8b3,#80d5cb);box-shadow: none;color: light-dark(#005c55,#80d5cb)}.ak-layout-choice-group>.ak-layout-camera-count{border-radius: 20px;color: light-dark(#92400e,#fde68a);border-color: #fcd34d;background: light-dark(#fffbeb,#332a12)}.ak-layout-camera-count::before{content: '';width: 8px;height: 8px;border-radius: 50%;background: #f59e0b}@media (min-width: 1500px){.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])){--ak-stitch-scale: 1.25}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-header{min-height: 70px;padding-inline: 20px !important}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-main-content{padding: 10px;gap: 10px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls-panel{min-height: 80px;padding: 9px 20px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-class-title{font-size: 17px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-header-profile-name{font-size: 14px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-header-expanded>vaadin-button{font-size: 13px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-chat-message .ak-chat-text{font-size: 15px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-chat-message .ak-chat-sender{font-size: 13px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-chat-title{font-size: 15px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-chat-channel{font-size: 11px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-chat-message .ak-chat-sent-at{font-size: 11px}.ak-layout-layout-choices>button{min-height: 42px;font-size: 17px;padding: 8px 14px}.ak-layout-layout-choices>.ak-layout-choice-title{font-size: 14px}.ak-layout-layout-choices>[data-layout-choice=presentation]{min-width: 330px}.ak-layout-layout-choices>[data-layout-choice=grid]{min-width: 290px}.ak-layout-layout-choices>[data-layout-choice=compact]{min-width: 315px}.ak-layout-layout-choices>[data-layout-choice=auto]{min-width: 285px}.ak-layout-layout-choices>[data-layout-choice=stack]{min-width: 270px}.ak-layout-camera-choices>button{font-size: 14px}}@media (max-width: 1199px){.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-class-identity{gap: 6px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-header-profile .ak-room-profile-edit{display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-whiteboard-header .ak-board-selection-label{display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-whiteboard-header .ak-editor-status{max-width: 110px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-whiteboard-header-details{min-width: 100px;flex-basis: 140px}.ak-layout-choice-group>button{font-size: 13px}}@media (max-width: 700px),(max-width: 960px) and (max-height: 440px){.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-header{min-height: 44px;padding: 3px 6px !important}.ak-room-theme-select>vaadin-button{min-width: 44px;width: 44px;min-height: 44px;height: 44px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-main-content{padding: 4px;gap: 4px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls-panel{min-height: 52px;padding: 3px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard:not([data-floating-window])>.ak-whiteboard-header .ak-floating-tools button{width: 44px;min-width: 44px;height: 44px;min-height: 44px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls{gap: 3px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls>vaadin-button,.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls>.ak-room-leave-button,.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls>vaadin-button[data-dock-utility]{flex-basis: 48px;width: 48px;min-width: 48px;height: 44px;min-height: 44px;margin: 0}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls>vaadin-button::part(label){display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-whiteboard-header{min-height: 36px;gap: 2px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-whiteboard-header-details{min-width: 80px;flex-basis: 90px;padding: 3px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-whiteboard-header-details strong{font-size: 11px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-whiteboard-header .ak-editor-status,.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-whiteboard-header>.ak-editor-ribbon-toggle{display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-board-access-badge{padding: 1px 3px;max-width: 110px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-board-access-badge .ak-whiteboard-access-state{font-size: 9px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-editor-page-controls>select{display: block}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-editor-page-controls>.ak-editor-page-manager-toggle{width: auto;min-width: 90px}.ak-board-page-manager{min-height: 110px;padding: 6px;gap: 6px}.ak-board-page-actions{flex-basis: 110px;padding-inline-end: 5px;gap: 6px}.ak-board-page-actions h3{font-size: 13px}.ak-board-page-command-row>button:first-child span{display: none}.ak-board-page-carousel{gap: 8px}.ak-board-page-card,.ak-board-page-preview{width: 120px}.ak-board-page-card{flex-basis: 120px;font-size: 10px}.ak-board-page-preview,.ak-board-empty-preview{height: 60px}.ak-board-page-navigation{display: none}.ak-room-layout-controls{max-height: min(40dvh,250px);overflow: auto;padding: 8px;gap: 8px}.ak-layout-choice-group{gap: 6px}.ak-layout-choice-group>button{font-size: 11px;min-height: 36px;padding: 5px 7px}.ak-layer-panel-header{min-height: 48px;padding: 8px}.ak-editor-layers .ak-layer-panel-header h3{font-size: 15px}}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) :is(.ak-board-region-bar,.ak-room-compact-chrome,.ak-room-conversation-bar,.ak-room-chrome-menu) button{display: inline-flex;align-items: center;justify-content: center;gap: 6px;box-sizing: border-box;min-width: 44px;min-height: 44px;padding: 6px 10px;border: 1px solid var(--ak-classroom-border);border-radius: 8px;font: 500 13px/1.6 Vazirmatn,sans-serif;color: var(--ak-classroom-text);background: var(--ak-classroom-surface)}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) :is(.ak-board-region-bar,.ak-room-compact-chrome,.ak-room-conversation-bar,.ak-room-chrome-menu) button:is([aria-expanded=true],[aria-pressed=true]){background: light-dark(#e6eeff,#1b2d49);color: light-dark(#005c55,#80d5cb);border-color: #0f766e}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) :is(.ak-board-region-bar,.ak-room-compact-chrome,.ak-room-conversation-bar,.ak-room-chrome-menu) button:focus-visible,.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-board-management-sheet :is(button,input,select):focus-visible{outline: 2px solid var(--ak-classroom-accent);outline-offset: -3px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-header-collapsed]>.ak-room-header{display: none !important}.ak-room-compact-chrome,.ak-room-conversation-bar{display: flex;align-items: center;gap: 8px;box-sizing: border-box;flex: 0 0 auto;padding: 4px 8px;width: 100%;min-width: 0;background: var(--ak-classroom-surface);border-bottom: 1px solid var(--ak-classroom-border)}.ak-room-conversation-bar{display: none}.ak-room-compact-chrome[hidden],.ak-room-conversation-bar[hidden]{display: none}.ak-room-compact-title{min-width: 0;flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font: 600 13px/1.6 Vazirmatn,sans-serif}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-header-collapse{display: grid;place-items: center;min-width: 44px;width: 44px;height: 44px;padding: 8px;border: 0;border-radius: 8px;color: var(--ak-classroom-muted);background: transparent}.ak-room-header-collapse>span{display: none}.ak-room-chrome-menu{display: grid;grid-template-columns: 1fr;gap: 6px;padding-block: 8px;border-bottom: 1px solid var(--ak-classroom-border)}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-chrome-menu button{justify-content: start;text-align: start}.ak-room-conversation-bar>button:last-child{margin-inline-start: auto}.ak-room-management>.ak-room-panel-close{display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-management :is(.ak-chat-close-button,.ak-room-users-close,.ak-room-files-close){visibility: visible;min-width: 44px;min-height: 44px;width: 44px;height: 44px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-room-main-content[data-panels-open=true]>.ak-room-management{width: clamp(510px,48vw,820px)}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-room-management .ak-room-side-panels{display: grid;grid-template-columns: minmax(0,1.45fr) minmax(0,1fr);gap: 0;padding: 0}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-room-side-panels>:is(.ak-room-chat-panel,.ak-room-users-panel){width: 100%;min-width: 0;height: 100% !important;box-sizing: border-box;border-radius: 0}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-room-users-panel{border-inline-start: 1px solid var(--ak-classroom-border)}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-users-panel{min-height: 0;overflow: hidden !important}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-users-panel .ak-room-users-list{min-height: 0 !important;flex: 1 1 0;overflow-y: auto !important;overscroll-behavior: contain;padding: 6px;box-sizing: border-box}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-users-heading{min-height: 44px;flex: 0 0 auto;gap: 4px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-users-heading .ak-room-users-close{margin-inline-start: auto}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-management .ak-room-participant-manage{min-width: 44px;min-height: 44px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-management :is(vaadin-text-field,vaadin-combo-box){--vaadin-input-field-height: 44px;min-height: 44px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-management :is(vaadin-text-field,vaadin-combo-box)::part(input-field){min-height: 44px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-management :is(.ak-chat-action-menu,.ak-room-users-action-menu){display: flex;align-items: center;margin: 0;padding: 0;box-sizing: border-box;flex: 0 0 44px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-management .ak-room-actions-toggle{width: 44px;min-width: 44px;height: 44px;min-height: 44px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-users-heading .ak-room-users-title{font-size: 14px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-users-count{font-size: 11px;white-space: nowrap}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-room-users-panel{padding-inline: 6px !important;padding-bottom: 0 !important}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-room-user-row{flex-wrap: wrap;padding: 8px;gap: 6px;min-width: 0}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-room-user-identity{flex: 1 1 100%;width: 100%;min-width: 0;gap: 6px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-room-user-name{min-width: 0;width: 100%}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-room-user-name h3{font-size: 13px;white-space: normal;overflow-wrap: anywhere}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-room-user-media-state{flex: 1 1 auto;gap: 5px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-room-participant-manage{min-width: 44px;min-height: 44px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-chat-header{flex-wrap: wrap;min-height: 52px;padding: 6px;gap: 4px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-chat-heading{flex: 1 1 100%;gap: 4px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-chat-header-actions{width: 100%;justify-content: end;flex-wrap: wrap;gap: 3px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-chat-header-actions vaadin-button{min-height: 44px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-actions-popover vaadin-button:has([data-stitch-icon])>vaadin-icon{display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-actions-popover [data-stitch-icon]{width: 22px;height: 22px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-content-workspace .ak-livekit-whiteboard[data-editor-state]{grid-template-areas: 'header' 'tabs' 'tools' 'content' 'pages' 'regions';grid-template-rows: auto auto auto minmax(0,1fr) auto auto}.ak-board-region-bar{grid-area: regions;display: flex;align-items: center;justify-content: center;gap: 6px;padding: 4px;border-top: 1px solid var(--ak-classroom-border);background: var(--ak-classroom-surface)}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-board-region-bar>button{flex: 0 1 auto;min-width: 44px;width: auto;height: 44px}.ak-board-region-bar .ak-room-outline-icon{width: 20px;height: 20px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-tools-collapsed]>.ak-editor-toolbar{display: none !important}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-board-focus]>:is(.ak-whiteboard-header,.ak-whiteboard-tabs,.ak-editor-toolbar,.ak-board-page-manager){display: none !important}.ak-livekit-whiteboard[data-board-focus] .ak-board-region-bar>:not([data-board-region=focus]){display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-classroom-focus] .ak-board-region-bar{display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-classroom-focus] .ak-camera-dock-restore{display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state] .ak-whiteboard-viewport{background: #fff;background-image: none;background-size: var(--ak-paper-step) var(--ak-paper-step);background-position: var(--ak-paper-x) var(--ak-paper-y)}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state] .ak-whiteboard-viewport[data-paper=grid]{background-image: linear-gradient(to right,#94a3b82b 1px,transparent 1px),linear-gradient(to bottom,#94a3b82b 1px,transparent 1px)}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state] .ak-whiteboard-viewport[data-paper=lined]{background-image: linear-gradient(to bottom,#94a3b84d 1px,transparent 1px)}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state] .ak-whiteboard-viewport[data-paper=dots]{background-image: radial-gradient(#94a3b8 1px,transparent 1px)}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state] .ak-whiteboard-viewport[data-paper=green]{background-color: #164e42}.ak-board-mobile-navigation{display: none}.ak-board-management-sheet{padding: 8px;background: var(--ak-classroom-surface);color: var(--ak-classroom-text)}.ak-board-management-sheet:popover-open{display: flex;flex-direction: column;flex-wrap: nowrap;overflow: hidden}.ak-board-management-sheet>.ak-editor-palette-close{flex: 0 0 auto;min-height: 44px;position: sticky;top: -8px;z-index: 2}.ak-board-region-body{flex: 1 1 auto;width: 100%;min-width: 0;overflow-y: auto;min-height: 0;overscroll-behavior: contain}.ak-board-management-sheet .ak-editor-popover[data-mobile-region]{position: static;inset: auto;display: block;width: 100%;max-width: 100%;max-height: none;height: auto;margin: 0 0 8px;padding: 8px;box-shadow: none;overflow: visible;border-radius: 8px;background: var(--ak-classroom-soft)}.ak-board-management-sheet .ak-editor-popover[data-mobile-region][hidden],.ak-board-management-sheet .ak-board-page-manager[hidden]{display: none}.ak-board-management-sheet .ak-editor-popover[data-mobile-region]>.ak-editor-palette-close{position: static;top: auto}.ak-board-management-sheet :is(button,select,input[type=number],input[type=color],input[type=range]){min-height: 44px;min-width: 44px;font-family: inherit}.ak-board-management-sheet .ak-editor-ribbon{display: grid;grid-template-columns: 1fr;gap: 12px}.ak-board-management-sheet .ak-editor-group{border: 1px solid var(--ak-classroom-border);padding: 8px;border-radius: 8px;background: var(--ak-classroom-surface)}.ak-board-management-sheet .ak-editor-group h4{display: block;font-size: 14px;margin-bottom: 8px}.ak-board-management-sheet .ak-editor-group-commands{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 6px}.ak-board-management-sheet .ak-editor-group-commands button{min-width: 44px;width: 100%;min-height: 56px;font-size: 12px;gap: 4px}.ak-board-management-sheet :is(.ak-ribbon-shape-properties,.ak-ribbon-color-properties,fieldset){width: 100%;min-width: 0;box-sizing: border-box;display: flex;flex-wrap: wrap;gap: 8px;margin: 8px 0}.ak-board-management-sheet :is(label,.ak-ribbon-shape-properties label,.ak-ribbon-color-properties label){display: flex;flex: 1 1 100%;width: 100%;min-height: 44px;justify-content: space-between;gap: 8px;margin: 0;font-size: 13px}.ak-board-management-sheet label>:is(select,input){max-width: 60%;min-width: 44px}.ak-board-management-sheet .ak-editor-palette{display: grid;grid-template-columns: repeat(auto-fit,minmax(44px,1fr));gap: 5px;width: 100%;margin-block: 8px}.ak-board-management-sheet .ak-editor-palette button{width: 100%;min-width: 44px;height: 44px;border-radius: 8px}.ak-board-management-sheet .ak-ribbon-width-presets{display: flex;flex-wrap: wrap;gap: 4px}.ak-board-management-sheet .ak-ribbon-width-presets button{width: auto;min-width: 48px;padding: 6px}.ak-board-management-sheet [data-editor-group=colors],.ak-board-management-sheet [data-editor-group=stroke]{display: none}.ak-board-management-sheet [data-editor-action=properties]{display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state] .ak-board-management-sheet [data-mobile-region=properties]:not([hidden]){display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 10px}.ak-board-management-sheet [data-mobile-region=properties]>:not(.ak-ribbon-extra-tool){grid-column: 1 / -1}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state] .ak-board-management-sheet [data-mobile-region=properties]>button:not(.ak-editor-palette-close):not([data-editor-action=properties]){display: flex;flex-direction: row;align-items: center;justify-content: center;gap: 8px;width: 100%;height: auto;min-height: 48px;padding: 6px;white-space: normal}.ak-board-management-sheet [data-mobile-region=properties] .ak-editor-command-label{white-space: normal;line-height: 1.6;overflow-wrap: anywhere}.ak-board-management-sheet :is(.ak-ribbon-color-slot,.ak-ribbon-color-properties label){flex-direction: row;align-items: center}.ak-board-management-sheet .ak-layer-panel-header{padding: 4px;min-height: 48px}.ak-board-management-sheet .ak-editor-layers .ak-editor-layer-list{padding: 4px;gap: 8px}.ak-board-management-sheet .ak-editor-layers .ak-editor-layer-row{padding: 10px;gap: 8px}.ak-board-management-sheet .ak-layer-card-top{display: flex;flex-wrap: wrap;gap: 4px}.ak-board-management-sheet .ak-layer-index{font-size: 12px}.ak-board-management-sheet .ak-layer-card-controls{justify-content: end;margin-inline-start: auto}.ak-board-management-sheet .ak-editor-layers :is(.ak-layer-icon-toggle,.ak-layer-card-more,.ak-layer-drag-handle,.ak-editor-palette-close,.ak-layer-icon-toggle input[type=checkbox]){width: 44px;min-width: 44px;height: 44px;min-height: 44px}.ak-board-management-sheet .ak-editor-layers .ak-layer-icon-toggle{flex: 0 0 44px;padding: 0}.ak-board-management-sheet .ak-editor-layers .ak-layer-card-name{height: auto;min-height: 44px;font-size: 15px;white-space: normal}.ak-board-management-sheet .ak-editor-layers .ak-editor-layer-row input[type=range]{height: 44px}.ak-board-management-sheet .ak-editor-layers .ak-layer-panel-footer{position: sticky;bottom: -8px;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 6px;padding: 8px}.ak-board-management-sheet .ak-layer-panel-footer>button{width: 100%;min-height: 56px;height: auto;white-space: normal;flex-direction: column}.ak-board-management-sheet .ak-layer-panel-note{font-size: 12px}.ak-board-management-sheet .ak-board-page-manager{display: flex;flex-direction: column;align-items: stretch;gap: 8px;padding: 8px;border: 1px solid var(--ak-classroom-border);border-radius: 8px;min-height: 0}.ak-board-management-sheet .ak-board-page-actions{flex: 0 0 auto;padding: 0;border: 0;gap: 8px}.ak-board-management-sheet .ak-board-page-command-row{flex-wrap: wrap}.ak-board-management-sheet .ak-board-page-command-row>button{min-width: 44px;min-height: 44px;font-size: 12px}.ak-board-management-sheet .ak-board-page-carousel{flex: 0 0 auto;gap: 10px;padding: 4px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-compact] .ak-board-management-sheet .ak-board-page-actions{flex: 0 0 auto;justify-content: start}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state] .ak-board-management-sheet .ak-board-page-carousel{height: auto;min-height: 100px;align-items: stretch;overflow-y: hidden}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state] .ak-board-management-sheet .ak-board-page-card{width: 120px;min-width: 120px;height: auto;min-height: 100px;padding: 4px;align-items: stretch;box-sizing: border-box}.ak-board-management-sheet .ak-board-page-preview{flex: 0 0 60px;width: 100%;height: 60px;min-height: 60px}.ak-board-management-sheet .ak-board-page-navigation{display: flex}.ak-board-management-sheet .ak-board-page-navigation button{min-width: 44px;min-height: 44px}vaadin-dialog.ak-board-layer-dialog{font-family: Vazirmatn,sans-serif;direction: rtl;color: var(--vaadin-text-color);--aura-accent-color: #0f766e;--aura-accent-contrast-color: #fff}vaadin-dialog.ak-board-layer-dialog::part(overlay){max-height: calc(var(--ak-dialog-visible-height,100dvh) - 16px);border-radius: 16px;overflow: hidden}vaadin-dialog.ak-board-layer-dialog::part(content){padding: 16px 20px;overflow-y: auto;overscroll-behavior: contain}vaadin-dialog.ak-board-layer-dialog::part(header){padding: 16px 20px;border-bottom: 1px solid var(--vaadin-border-color-secondary)}vaadin-dialog.ak-board-layer-dialog::part(title){font: 700 20px/1.6 Vazirmatn,sans-serif}vaadin-dialog.ak-board-layer-dialog::part(footer){display: flex;flex-wrap: wrap;gap: 10px;padding: 12px 20px;background: var(--aura-surface-color-solid,Canvas);border-top: 1px solid var(--vaadin-border-color-secondary)}.ak-board-layer-dialog vaadin-button{min-height: 44px;min-width: 44px;font: 600 14px/1.6 Vazirmatn,sans-serif}.ak-board-layer-dialog vaadin-text-field::part(input-field){min-height: 48px}.ak-board-layer-dialog vaadin-text-field::part(clear-button){min-width: 44px;min-height: 44px}.ak-board-layer-dialog vaadin-checkbox{min-height: 44px}.ak-board-layer-dialog .ak-layer-dialog-body{display: flex;flex-direction: column;gap: 16px;min-width: 0}.ak-board-layer-dialog .ak-layer-dialog-body p{margin: 0;font: 14px/1.8 Vazirmatn,sans-serif;overflow-wrap: anywhere}.ak-board-layer-dialog .ak-layer-dialog-summary{display: grid;gap: 8px;padding: 16px;background: light-dark(#eff4ff,#1b2d49);border: 1px solid var(--vaadin-border-color-secondary);border-radius: 8px}.ak-board-layer-dialog .ak-layer-dialog-summary p:first-child{font-size: 18px;font-weight: 700}.ak-board-layer-dialog .ak-layer-dialog-warning{border-inline-start: 3px solid #ba1a1a;padding: 12px;background: light-dark(#fff1f2,#321b2a)}@media (max-width: 700px),(max-width: 960px) and (max-height: 440px){.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])){padding: 0 !important;gap: 0 !important;--ak-classroom-accent: #0f766e}.ak-room-conversation-bar:not([hidden]){display: flex}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-main-content{padding: 0;gap: 0;position: relative}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-media-mosaic[data-presentation-layout=top]>.ak-livekit-video-tile[data-stage-role=companion][data-media-priority="3"]:not([data-floating-window]){border-radius: 8px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-media-mosaic[data-presentation-layout=top]>.ak-livekit-video-tile[data-stage-role=companion][data-media-priority="3"]:not([data-floating-window])>.ak-media-window-header{display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-media-mosaic[data-presentation-layout=top]>.ak-livekit-video-tile[data-stage-role=companion][data-media-priority="3"]:not([data-floating-window])>.ak-media-window-content{flex: 1 1 0;min-height: 0}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-media-mosaic[data-presentation-layout=top]>.ak-livekit-video-tile[data-stage-role=companion][data-media-priority="3"]:not([data-floating-window])>.ak-media-window-footer{display: flex;min-height: 20px;font-size: 11px;padding: 0 4px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-header{min-height: 56px;padding: 4px 8px !important}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-header-actions{gap: 2px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-header .ak-room-header-menu{display: flex;flex: 0 0 44px;min-width: 44px;width: 44px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-header .ak-room-class-title{max-width: 100%}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-header .ak-room-session-end-time:not(.ak-room-session-clock-remaining){display: inline-flex;min-height: 0;padding: 0;border: 0;background: transparent;font-size: 11px;line-height: 1.5}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-header-profile{display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-class-title{font-size: 14px;max-width: 45vw;line-height: 1.6}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-connection-badge{display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls-panel{min-height: 66px;padding: 4px 4px max(4px,env(safe-area-inset-bottom)) !important}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls-panel>.ak-room-controls{gap: 3px;justify-content: space-between}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls>vaadin-button,.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls>.ak-room-leave-button,.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls>vaadin-button[data-toolbar-action]{flex: 0 0 48px;min-width: 48px;width: 48px;height: 56px;min-height: 56px;border-radius: 8px;padding: 4px 2px;--vaadin-button-gap: 2px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls>vaadin-button::part(label),.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls>vaadin-button:has(>vaadin-icon:is([slot=prefix],[slot=suffix]))::part(label){display: block;font-size: 10px;line-height: 1.4}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls [data-stitch-icon]{width: 22px;height: 22px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls>.ak-room-action-menu{flex: 0 0 44px;width: 44px;margin: 0}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-controls .ak-room-actions-toggle{height: 56px;min-height: 56px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-content-workspace .ak-livekit-whiteboard[data-editor-state]{border-radius: 0;border-inline: 0;grid-template-areas: 'header' 'tabs' 'content' 'tools' 'regions';grid-template-rows: auto auto minmax(0,1fr) auto auto}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state]>.ak-whiteboard-header{min-height: 44px;height: 44px;flex-wrap: nowrap;padding: 0 4px;gap: 4px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-whiteboard-header-details{max-width: none;min-width: 0;flex: 1 1 0;padding: 3px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-whiteboard-header-details strong{font-size: 12px;line-height: 1.6}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-whiteboard-header>:is(.ak-board-access-badge,.ak-board-layers-toggle,.ak-editor-ribbon-toggle,.ak-editor-status){display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-whiteboard-window-actions{flex: 0 0 auto;gap: 0}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state] .ak-whiteboard-header .ak-whiteboard-window-button{min-width: 44px;width: 44px;min-height: 44px;height: 44px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-whiteboard-header .ak-floating-tools{--ak-media-window-control-size: 44px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state] .ak-editor-toolbar{padding: 4px;border-top: 1px solid var(--ak-classroom-border);border-bottom: 0;background: var(--ak-classroom-surface)}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state] .ak-editor-primary{display: grid !important;grid-template-columns: repeat(6,minmax(44px,1fr));gap: 2px;width: 100%;min-width: 0}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state] .ak-editor-primary>button{display: flex;flex-direction: column;gap: 2px;width: 100%;min-width: 44px;height: 56px;min-height: 56px;padding: 4px 2px;font-size: 11px;border-radius: 8px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-livekit-whiteboard[data-editor-state] .ak-editor-primary>button[aria-pressed=true]{color: #fff;background: #0f766e;border-color: #0f766e;outline-color: #0f766e}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-board-management-sheet button[aria-pressed=true]:not([data-editor-color]){color: light-dark(#005c55,#80d5cb);background: light-dark(#e6eeff,#1b2d49);outline-color: #0f766e}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-editor-primary .ak-editor-command-label{display: block;font-size: 11px;white-space: nowrap}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-editor-primary>:not(button){display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-board-region-bar{gap: 3px;padding: 4px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-board-region-bar>button{flex: 1 1 0;width: 0;min-width: 44px;height: 52px;padding: 3px 1px;flex-direction: column;gap: 2px;font-size: 11px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-board-region-bar .ak-editor-command-label{display: block;font-size: 11px}.ak-board-mobile-navigation:not([hidden]){position: absolute;top: calc(var(--ak-board-viewport-top,44px) + 6px);inset-inline: 6px;display: flex;justify-content: space-between;align-items: start;gap: 8px;z-index: 4;pointer-events: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-board-mobile-navigation .ak-editor-page-controls{display: flex;flex: 0 1 auto;min-width: 0;gap: 0;padding: 2px;border: 1px solid #bdc9c6;border-radius: 12px;background: #fffffff2;color: #0d1c2f;box-shadow: 0 2px 4px #0f172a14;pointer-events: auto}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-board-mobile-navigation .ak-editor-page-controls>button{min-width: 44px;width: 44px;min-height: 44px;height: 44px;color: #0d1c2f}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-board-mobile-navigation .ak-editor-page-controls>.ak-editor-page-manager-toggle{min-width: 70px;width: auto;font-size: 12px;padding: 4px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-board-mobile-navigation .ak-editor-page-controls>:is(select,[data-editor-action=page-add]){display: none}.ak-board-mobile-navigation>button{display: grid;place-items: center;min-width: 44px;width: 44px;min-height: 44px;height: 44px;padding: 10px;background: #fffffff2;color: #005c55;border: 1px solid #bdc9c6;border-radius: 12px;pointer-events: auto}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel]:is([data-panel=both],[data-panel=chat],[data-panel=users]) .ak-room-main-content[data-panels-open=true]>.ak-room-management{position: absolute;inset: 0;width: 100%;height: 100%;max-height: 100%;border: 0;border-radius: 0;box-shadow: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-room-management .ak-room-side-panels{grid-template-columns: minmax(0,1.5fr) minmax(0,1fr)}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-room-side-panels>:is(.ak-room-chat-panel,.ak-room-users-panel){display: flex;overflow: hidden !important;padding: 0 !important}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-chat-header{flex-wrap: nowrap;align-items: start;min-height: 44px;padding: 0 4px;gap: 2px;border-radius: 0}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-chat-heading{flex: 1 1 0;width: 0;min-width: 0;flex-wrap: wrap;gap: 2px;padding-block: 4px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-chat-title{font-size: 13px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-chat-title-full{display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-chat-title-short{display: inline}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-chat-channel{font-size: 10px;padding: 1px 4px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-chat-header-actions{width: auto;flex: 0 0 88px;display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;gap: 0}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-chat-header-actions>:not(.ak-chat-close-button){width: 44px;min-width: 44px;height: 44px;padding: 0;box-sizing: border-box}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-chat-header-actions>:not(.ak-chat-close-button)::part(label){display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-chat-message{padding: 8px;margin: 0;border-radius: 6px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-chat-messages{gap: 8px;padding: 6px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-chat-text{font-size: 13px;line-height: 1.8}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-chat-sender{font-size: 12px;white-space: normal;overflow-wrap: anywhere}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-chat-message-meta{flex-wrap: wrap;gap: 3px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-chat-controls{display: grid !important;grid-template-columns: 44px minmax(0,1fr) 44px;gap: 4px !important;padding: 4px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-chat-controls vaadin-text-area{grid-row: 1;grid-column: 1 / -1;width: 100%;min-width: 0}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-chat-controls .ak-chat-attachment-button{grid-row: 2;grid-column: 1}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-chat-controls .ak-chat-send-button{grid-row: 2;grid-column: 3}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-management .ak-chat-message{grid-template-columns: minmax(0,1fr) auto;padding: 8px;margin: 0 0 8px;border: 1px solid var(--ak-classroom-border);border-radius: 6px;background: var(--ak-classroom-surface)}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-management .ak-chat-message .ak-chat-sender{white-space: normal;overflow-wrap: anywhere}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-management .ak-chat-message :is(.ak-chat-text,.ak-chat-file-download){width: 100%;max-width: 100%;padding: 0;border: 0;border-radius: 0;background: transparent;font-size: 13px;line-height: 1.8}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-chat-recipient-row{padding: 2px 4px;min-height: 44px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-chat-recipient-label,.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-chat-send-hint{display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-chat-audience-choice{width: 100%;min-width: 0}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-room-users-heading{display: grid !important;grid-template-columns: repeat(2,minmax(0,1fr));padding: 0 4px;gap: 0}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-room-users-heading .ak-room-users-title{grid-column: 1;grid-row: 1;font-size: 13px;white-space: nowrap}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-room-users-heading .ak-room-users-count{grid-column: 2;grid-row: 1;justify-self: end}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-room-users-heading .ak-room-users-action-menu{grid-column: 1;grid-row: 2}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-room-users-heading .ak-room-users-close{grid-column: 2;grid-row: 2;justify-self: end}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-room-users-close{margin-inline-start: auto}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-room-users-search{padding: 4px;min-width: 0}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-room-users-list{padding: 4px;gap: 8px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-room-user-identity{flex-wrap: wrap;gap: 4px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-room-user-name h3{font-size: 13px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-room-user-role{font-size: 11px;white-space: normal}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-room-user-row{padding: 6px;gap: 4px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-room-user-media-state vaadin-icon{width: 14px;height: 14px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-room-participant-manage{width: 100%;padding: 4px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-short-viewport] .ak-room-compact-title{display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-short-viewport] .ak-room-compact-chrome{padding: 0 4px;min-height: 44px;gap: 4px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-short-viewport] .ak-room-compact-chrome button{padding: 4px 6px;font-size: 11px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-short-viewport] .ak-room-compact-chrome>button:first-child{width: 44px;flex: 0 0 44px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-short-viewport] .ak-room-compact-chrome>button:first-child span{display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-short-viewport] .ak-room-conversation-bar{display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-short-viewport] .ak-room-controls-panel{min-height: 48px;padding: 2px !important}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-short-viewport] .ak-room-controls>vaadin-button,.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-short-viewport] .ak-room-controls .ak-room-actions-toggle{height: 44px;min-height: 44px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-short-viewport] .ak-room-controls>vaadin-button::part(label){display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-classroom-focus] .ak-room-controls-panel{min-height: 48px;padding: 2px !important}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-classroom-focus] .ak-room-controls>vaadin-button[data-toolbar-action],.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-classroom-focus] .ak-room-controls .ak-room-actions-toggle{min-height: 44px;height: 44px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-classroom-focus] .ak-room-controls>vaadin-button::part(label){display: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-short-viewport] .ak-board-region-bar>button{flex-direction: row;height: 44px;gap: 3px;font-size: 11px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-short-viewport] .ak-livekit-whiteboard[data-editor-state] .ak-editor-primary>button{height: 44px;min-height: 44px;flex-direction: row}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-short-viewport] .ak-chat-header-actions{flex: 0 0 88px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-short-viewport][data-panel=both] .ak-chat-controls{grid-template-columns: 44px minmax(0,1fr) 44px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-short-viewport][data-panel=both] .ak-chat-controls vaadin-text-area{grid-column: 2;grid-row: 1}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-short-viewport][data-panel=both] .ak-chat-controls :is(.ak-chat-attachment-button,.ak-chat-send-button){grid-row: 1}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-layout-choice-group>button{min-height: 44px}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-editor-popover :is(button,select,input[type=color],input[type=number],input[type=range]){min-width: 44px;min-height: 44px}vaadin-dialog.ak-board-layer-dialog{width: calc(100vw - 16px) !important}vaadin-dialog.ak-board-layer-dialog::part(overlay){max-height: calc(var(--ak-dialog-visible-height,100dvh) - 8px);border-radius: 16px}vaadin-dialog.ak-board-layer-dialog::part(header),vaadin-dialog.ak-board-layer-dialog::part(content){padding: 12px}vaadin-dialog.ak-board-layer-dialog::part(title){font-size: 18px}vaadin-dialog.ak-board-layer-dialog::part(footer){padding: 10px 12px;gap: 8px}.ak-board-layer-dialog :is(.ak-layer-dialog-cancel,.ak-layer-dialog-apply){flex: 1 1 100px;min-height: 48px;margin: 0}}@media (min-width: 701px) and (max-width: 1100px){.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) .ak-room-main-content{position: relative}.ak-room-conversation-bar:not([hidden]){display: flex}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel]:is([data-panel=both],[data-panel=chat],[data-panel=users]) .ak-room-main-content[data-panels-open=true]>.ak-room-management{position: absolute;inset: 0;width: 100%;height: 100%;max-height: 100%;border: 0;border-radius: 0;box-shadow: none}.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet]))[data-panel=both] .ak-room-management .ak-room-side-panels{grid-template-columns: minmax(0,1.45fr) minmax(0,1fr)}}@media (pointer: coarse){.ak-stitch-classroom:where(:not([data-room-device=mobile]):not([data-room-device=tablet])) :is(.ak-editor-toolbar,.ak-editor-popover,.ak-layer-inspector-tools,.ak-editor-page-controls,.ak-whiteboard-window-actions) :is(button,select,input[type=color],input[type=range]){min-height: 44px;min-width: 44px}}.ak-stitch-classroom:is([data-room-device=mobile],[data-room-device=tablet]){position: relative;min-width: 0;min-height: 0;overflow: hidden;padding: 0;gap: 0;height: var(--ak-room-visible-height,100dvh);max-height: var(--ak-room-visible-height,100dvh);--ak-device-panel-width: 260px;--ak-device-rail-width: 52px;--ak-classroom-accent: light-dark(#0f766e,#80d5cb);--aura-accent-color-light: #0f766e;--aura-accent-color-dark: #80d5cb}.ak-stitch-classroom:is([data-room-device=mobile],[data-room-device=tablet])>:is(.ak-room-header,.ak-room-compact-chrome),.ak-stitch-classroom:is([data-room-device=mobile],[data-room-device=tablet])>.ak-room-controls-panel:not(.ak-device-call-bar){display: none}.ak-device-classroom-header{order: -3;display: flex;align-items: center;gap: 4px;flex: 0 0 auto;min-height: 48px;min-width: 0;width: 100%;padding: max(2px,env(safe-area-inset-top)) max(4px,env(safe-area-inset-right)) 2px max(4px,env(safe-area-inset-left));box-sizing: border-box;border-bottom: 1px solid var(--ak-classroom-border);background: var(--ak-classroom-surface)}.ak-device-classroom-header .ak-room-class-identity{display: flex;flex: 1 1 0;min-width: 0;gap: 2px;overflow: hidden}.ak-device-classroom-header .ak-room-class-title{min-width: 0;max-width: 100%;margin: 0;padding: 0 4px;border: 0;font-size: 13px;line-height: 1.6}.ak-device-classroom-header .ak-room-class-title :is(span,strong){overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ak-device-classroom-header .ak-room-class-title>:is(vaadin-icon,svg){display: none}.ak-device-classroom-header .ak-room-header-menu{display: flex;flex: 0 0 44px;width: 44px;min-width: 44px;margin: 0}.ak-device-classroom-header .ak-room-header-menu>:not(.ak-room-actions-toggle,.ak-room-actions-popover){display: none}.ak-device-classroom-header .ak-room-session-end-time{font-size: 10px;padding: 0;min-height: 0;border: 0;background: transparent}.ak-device-classroom-header .ak-room-session-end-title{display: none}.ak-device-classroom-header[data-focus] .ak-room-session-end-time{display: none}.ak-device-classroom-header button>span{display: none}.ak-device-classroom-header[data-focus]>button>span{display: block;white-space: nowrap;font: 600 11px/1.6 Vazirmatn,sans-serif}.ak-device-classroom-header .ak-room-actions-toggle{width: 44px;min-width: 44px;height: 44px;min-height: 44px}.ak-device-classroom-header .ak-room-raised-hands-button:not([data-teacher-hand-queue]){display: none}.ak-device-classroom-header>.ak-room-raised-hands-button{flex: 0 0 auto;max-width: 9rem;padding-inline: 5px;font-size: 12px;white-space: normal}.ak-stitch-classroom:is([data-room-device=mobile],[data-room-device=tablet])>.ak-device-hand-notice:not([hidden]){position: absolute;z-index: 24;inset-block-start: max(52px,calc(env(safe-area-inset-top) + 52px));inset-inline-end: 8px;display: flex;flex-wrap: wrap;gap: 4px;max-width: min(23rem,calc(100% - 16px));padding: 8px;box-sizing: border-box;color: var(--ak-classroom-text);background: var(--ak-classroom-surface);border: 1px solid var(--ak-classroom-accent);border-radius: 8px;overflow-wrap: anywhere}.ak-device-hand-notice [role=status]{width: 100%;max-height: 4.5em;overflow: auto}.ak-stitch-classroom:is([data-room-device=mobile],[data-room-device=tablet]) .ak-room-main-content{position: relative;flex: 1 1 0;min-height: 0;min-width: 0;padding: 0;gap: 0;overflow: hidden}.ak-stitch-classroom:is([data-room-device=mobile],[data-room-device=tablet]) .ak-room-stage-shell{flex: 1 1 0;min-width: 0;min-height: 0;height: 100%;padding: 0;overflow: hidden}.ak-stitch-classroom:is([data-room-device=mobile],[data-room-device=tablet]) .ak-content-workspace{display: grid;grid-template-areas: 'activity' 'board';grid-template-columns: minmax(0,1fr);grid-template-rows: auto minmax(0,1fr);min-width: 0;min-height: 0;height: 100%;padding: 0;gap: 0;overflow: hidden;background: var(--ak-classroom-soft)}.ak-stitch-classroom:is([data-room-device=mobile],[data-room-device=tablet]) .ak-content-workspace>.ak-media-mosaic{grid-area: board;display: grid;width: 100%;height: 100%;min-height: 0;min-width: 0;gap: 2px;padding: 0;overflow: hidden}.ak-stitch-classroom:is([data-room-device=mobile],[data-room-device=tablet]) .ak-content-workspace>.ak-media-tray{display: none}.ak-stitch-classroom:is([data-room-device=mobile],[data-room-device=tablet]) :is(.ak-content-workspace,.ak-media-mosaic)::before,.ak-stitch-classroom:is([data-room-device=mobile],[data-room-device=tablet]) :is(.ak-content-workspace,.ak-media-mosaic)::after{content: none;display: none}.ak-stitch-classroom:is([data-room-device=mobile],[data-room-device=tablet]) [data-activity-background]{display: none}.ak-stitch-classroom:is([data-room-device=mobile],[data-room-device=tablet]) .ak-content-workspace>.ak-media-mosaic[hidden]{display: none}.ak-activity-media-dock{grid-area: activity;min-width: 0;border-bottom: 1px solid var(--ak-classroom-border);background: var(--ak-classroom-surface)}.ak-activity-media-dock>header{display: flex;align-items: center;gap: 2px;height: 44px;padding-inline: 6px}.ak-activity-speaker{flex: 1;min-width: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 12px}.ak-activity-speaker[data-speaking]{color: var(--ak-classroom-accent);font-weight: 600}.ak-activity-media-dock>header button>span{display: none}.ak-activity-media-rail{display: flex;gap: 6px;padding: 0 6px 6px;overflow-x: auto;overscroll-behavior: contain}.ak-stitch-classroom:is([data-room-device=mobile],[data-room-device=tablet]) .ak-activity-media-rail>.ak-livekit-video-tile{display: flex;flex: 0 0 var(--ak-activity-tile-width,160px);width: var(--ak-activity-tile-width,160px);height: var(--ak-activity-tile-height,104px);min-height: 0;margin: 0;border-radius: 8px}.ak-activity-media-rail .ak-media-window-header{display: none}.ak-activity-media-rail .ak-media-window-content{min-height: 0;flex: 1}.ak-activity-media-rail .ak-media-window-footer{display: flex;min-height: 22px;font-size: 10px;padding: 1px 5px}.ak-stitch-classroom .ak-device-call-bar{display: flex;flex: 0 0 auto;width: 100%;padding: 4px max(4px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));gap: 4px;min-height: 56px;border: 0;border-top: 1px solid var(--ak-classroom-border);border-radius: 0;box-sizing: border-box;background: var(--ak-classroom-surface)}.ak-device-call-actions{display: flex;flex: 1 1 0;align-items: center;justify-content: space-between;gap: 2px;min-width: 0}.ak-device-call-actions>vaadin-button{display: inline-flex;flex: 1 1 0;flex-direction: column;min-width: 44px;width: 44px;height: 48px;min-height: 48px;max-width: 76px;padding: 3px;margin: 0;border-radius: 8px;--vaadin-button-gap: 2px}.ak-device-call-actions>vaadin-button::part(label){font: 500 10px/1.5 Vazirmatn,sans-serif}.ak-device-call-actions>vaadin-button[data-state=active]{background: light-dark(#ecfdf5,#10362f);border-color: light-dark(#a7f3d0,#296e59);color: light-dark(#047857,#86efac)}.ak-device-call-actions>vaadin-button[data-tour=leave]{background: #e11d48;color: #fff;border-color: transparent}.ak-device-call-actions>vaadin-button>vaadin-icon{display: none}.ak-device-call-actions [data-stitch-icon]{width: 22px;height: 22px}.ak-device-call-bar .ak-room-actions-popover vaadin-button:has(>[data-stitch-icon])>vaadin-icon{display: none}.ak-device-call-bar .ak-room-chrome-menu button{display: flex;align-items: center;justify-content: center;gap: 6px;min-height: 44px;padding: 4px 8px;font: inherit;color: var(--ak-classroom-text);background: var(--ak-classroom-surface);border: 1px solid var(--ak-classroom-border);border-radius: 8px}.ak-device-call-actions>.ak-room-action-menu{flex: 0 0 44px;min-width: 44px;width: 44px;margin: 0}.ak-device-call-actions .ak-room-actions-toggle{min-width: 44px;width: 44px;min-height: 48px;height: 48px}.ak-device-controls-collapse{display: none}.ak-device-controls-restore{position: absolute;z-index: 12;inset-inline-start: 8px;bottom: max(8px,env(safe-area-inset-bottom))}.ak-device-controls-restore>span{display: none}.ak-stitch-classroom:is([data-room-device=mobile],[data-room-device=tablet]) .ak-room-conversation-bar:not([hidden]){order: -2;display: flex;min-height: 48px;padding: 2px 4px}.ak-stitch-classroom:is([data-room-device=mobile],[data-room-device=tablet]) .ak-room-conversation-bar button{display: inline-flex;align-items: center;justify-content: center;gap: 4px;min-height: 44px;padding: 4px 8px;border: 1px solid var(--ak-classroom-border);border-radius: 8px;background: var(--ak-classroom-surface);color: var(--ak-classroom-text);font: 600 12px/1.5 Vazirmatn,sans-serif}.ak-stitch-classroom:is([data-room-device=mobile],[data-room-device=tablet]) .ak-room-conversation-bar button[aria-pressed=true]{background: var(--ak-classroom-soft);color: var(--ak-classroom-accent)}.ak-stitch-classroom:is([data-room-device=mobile],[data-room-device=tablet]) .ak-room-conversation-bar button[hidden]{display: none}.ak-stitch-classroom:is([data-room-device=mobile],[data-room-device=tablet]) .ak-room-main-content[data-panels-open=true]>.ak-room-management{position: absolute;inset: 0;z-index: 20;width: 100%;height: 100%;min-height: 0;max-height: 100%;border: 0;border-radius: 0}.ak-stitch-classroom:is([data-room-device=mobile],[data-room-device=tablet])[data-panel=both] .ak-room-side-panels{display: grid;grid-template-columns: minmax(0,1fr);grid-template-rows: minmax(0,.42fr) minmax(0,.58fr);padding: 0}.ak-stitch-classroom:is([data-room-device=mobile],[data-room-device=tablet])[data-panel=both] .ak-room-users-panel{order: -1}.ak-stitch-classroom:is([data-room-device=mobile],[data-room-device=tablet]) .ak-room-management :is(.ak-room-chat-panel,.ak-room-users-panel){min-height: 0;min-width: 0;overflow: hidden}.ak-stitch-classroom:is([data-room-device=mobile],[data-room-device=tablet]) .ak-room-management .ak-room-users-panel{overflow: hidden !important}.ak-stitch-classroom:is([data-room-device=mobile],[data-room-device=tablet]) .ak-room-management .ak-room-users-list{flex: 1 1 0;min-height: 0 !important;overflow-y: auto;overscroll-behavior: contain}.ak-stitch-classroom:is([data-room-device=mobile],[data-room-device=tablet]) .ak-room-users-list>*{flex: 0 0 auto}.ak-stitch-classroom:is([data-room-device=mobile],[data-room-device=tablet]) :is(.ak-room-users-heading,.ak-room-users-search){flex-shrink: 0}.ak-stitch-classroom:is([data-room-device=mobile],[data-room-device=tablet]) .ak-room-management :is(.ak-chat-close-button,.ak-room-users-close,.ak-room-files-close){visibility: visible;min-width: 44px;min-height: 44px}.ak-stitch-classroom:is([data-room-device=mobile],[data-room-device=tablet]) .ak-room-management>.ak-room-panel-close{display: none}.ak-stitch-classroom[data-room-device=mobile][data-panel=both]>.ak-device-classroom-header{display: none}.ak-stitch-classroom[data-room-device=mobile][data-panel=both] .ak-room-users-panel{padding-block-end: 4px !important}.ak-stitch-classroom[data-room-device=mobile][data-reduced-height]:is([data-panel=chat],[data-panel=users],[data-panel=both])>:is(.ak-device-classroom-header,.ak-device-call-bar,.ak-device-controls-restore){display: none}.ak-stitch-classroom[data-room-device=mobile][data-reduced-height][data-panel=both] .ak-chat-send-hint,.ak-stitch-classroom[data-room-device=mobile][data-reduced-height][data-panel=both] .ak-chat-recipient-row:not(:has(.ak-chat-audience-choice:not([hidden]))){display: none}.ak-stitch-classroom[data-room-device=mobile][data-reduced-height][data-room-orientation=portrait][data-panel=both] .ak-room-side-panels{grid-template-rows: minmax(0,.46fr) minmax(0,.54fr)}.ak-stitch-classroom[data-room-device=mobile][data-reduced-height][data-room-orientation=landscape][data-panel=both] .ak-room-side-panels{grid-template-columns: minmax(0,1fr) minmax(0,1.2fr);grid-template-rows: minmax(0,1fr)}.ak-stitch-classroom .ak-content-workspace .ak-livekit-whiteboard:is([data-board-device=mobile],[data-board-device=tablet]){position: relative;display: grid;min-width: 0;min-height: 0;max-height: 100%;margin: 0;border-radius: 0;grid-template-areas: 'navigation' 'content' 'quick';grid-template-columns: minmax(0,1fr);grid-template-rows: 44px minmax(0,1fr) auto}.ak-livekit-whiteboard:is([data-board-device=mobile],[data-board-device=tablet])>:is(.ak-whiteboard-header,.ak-whiteboard-tabs,.ak-editor-toolbar,.ak-board-region-bar,.ak-board-mobile-navigation,.ak-layer-inspector-tools){display: none}.ak-livekit-whiteboard:is([data-board-device=mobile],[data-board-device=tablet])>.ak-whiteboard-viewport{grid-area: content;min-width: 0;min-height: 0;width: 100%;height: 100%}.ak-stitch-classroom .ak-content-workspace .ak-media-floating-layer>.ak-livekit-whiteboard:is([data-board-device=mobile],[data-board-device=tablet])[data-floating-window]{position: absolute}.ak-device-board-nav{grid-area: navigation;display: flex;align-items: center;gap: 2px;min-width: 0;height: 44px;background: var(--ak-classroom-surface);border-bottom: 1px solid var(--ak-classroom-border)}.ak-device-board-nav .ak-editor-page-controls{flex: 1 1 0;min-width: 0;display: flex;align-items: center;justify-content: start;gap: 0;padding: 0}.ak-device-board-nav .ak-editor-page-controls [data-editor-action=page-add]{display: none}.ak-livekit-whiteboard:is([data-board-device=mobile],[data-board-device=tablet])[data-floating-window] .ak-device-board-nav .ak-editor-page-controls [data-editor-action]{display: none}.ak-device-board-nav .ak-editor-pages{display: none}.ak-device-board-nav .ak-editor-page-controls [data-editor-action] .ak-editor-command-label{display: none}.ak-device-board-nav .ak-editor-page-manager-toggle{flex: 1 1 auto;overflow: hidden;font-size: 11px;padding-inline: 2px;line-height: 1.3;white-space: normal}.ak-device-board-nav>button>span{display: none}.ak-device-quick-tools{grid-area: quick;display: grid;grid-template-columns: minmax(0,1fr) 44px;direction: rtl;gap: 2px;padding: 4px;border-top: 1px solid var(--ak-classroom-border);background: var(--ak-classroom-surface);min-width: 0}.ak-device-tool-scroll{display: flex;gap: 2px;min-width: 0;overflow-x: auto;overscroll-behavior: contain;scrollbar-width: thin}.ak-device-tool-scroll>button{flex: 0 0 44px}.ak-device-quick-tools button{display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 2px;height: 48px;min-width: 44px;padding: 3px}.ak-device-quick-tools .ak-editor-command-label{display: block;font-size: 10px;line-height: 1.5}.ak-device-sheet{box-sizing: border-box;margin: 0;padding: 8px;border: 1px solid var(--ak-classroom-border);border-radius: 16px;background: var(--ak-classroom-surface);color: var(--ak-classroom-text);box-shadow: 0 8px 40px #02061740}.ak-device-sheet:popover-open{display: flex;flex-flow: column nowrap;gap: 8px;overflow: hidden}.ak-device-sheet>.ak-editor-palette-close{flex: 0 0 auto;position: static;min-height: 44px;padding: 8px;margin: 0;font: 600 13px/1.6 Vazirmatn,sans-serif}.ak-device-sheet-scroll{flex: 1 1 auto;width: 100%;box-sizing: border-box;min-height: 0;min-width: 0;overflow-y: auto;overflow-x: hidden;overscroll-behavior: contain;scrollbar-gutter: stable}.ak-device-region{min-width: 0;min-height: 0;box-sizing: border-box}.ak-device-region>header{display: flex;align-items: center;justify-content: space-between;gap: 4px;min-height: 44px;margin-bottom: 8px}.ak-device-region h3{font: 600 14px/1.8 Vazirmatn,sans-serif;margin: 0}.ak-device-region>header button>span{display: none}.ak-device-region .ak-editor-popover[data-mobile-region]{position: static;inset: auto;display: block;width: 100%;max-width: 100%;height: auto;max-height: none;margin: 0;padding: 0;overflow: visible;border: 0;box-shadow: none;background: transparent}.ak-device-region .ak-editor-popover[data-mobile-region]>.ak-editor-palette-close{display: none}.ak-livekit-whiteboard[data-board-device] .ak-device-region [data-mobile-region=properties]{display: grid;grid-template-columns: minmax(0,1fr);gap: 12px}.ak-livekit-whiteboard[data-board-device] .ak-device-region [data-mobile-region=properties]>button:not(.ak-editor-palette-close),.ak-livekit-whiteboard[data-board-device] .ak-device-region [data-mobile-region=properties] details button{display: flex;flex-direction: row;align-items: center;justify-content: center;gap: 8px;width: 100%;height: auto;min-height: 44px;padding: 8px;white-space: normal}.ak-livekit-whiteboard[data-board-device] :is(.ak-device-region,.ak-device-quick-tools) button{box-sizing: border-box;border: 1px solid var(--ak-classroom-border);border-radius: 8px;color: var(--ak-classroom-text);background-color: var(--ak-classroom-surface);font-family: Vazirmatn,sans-serif}.ak-livekit-whiteboard[data-board-device] :is(.ak-device-region,.ak-device-quick-tools) :is(vaadin-icon,svg){flex: 0 0 20px;width: 20px;height: 20px}.ak-livekit-whiteboard[data-board-device] .ak-device-region .ak-editor-command-label{display: block;position: static;white-space: normal;overflow-wrap: anywhere;line-height: 1.6;font-size: 12px}.ak-device-region details{padding: 8px;border: 1px solid var(--ak-classroom-border);border-radius: 8px;min-width: 0}.ak-device-region summary{min-height: 44px;display: list-item;align-content: center;font-weight: 600;cursor: pointer}.ak-device-region :is(.ak-ribbon-shape-properties,.ak-ribbon-color-properties,fieldset,.ak-device-colors){display: flex;flex-flow: column nowrap;gap: 10px;width: 100%;min-width: 0;box-sizing: border-box;padding: 8px;border: 1px solid var(--ak-classroom-border);border-radius: 8px;margin: 0}.ak-device-region :is(label,.ak-ribbon-shape-properties label,.ak-ribbon-color-properties label){display: flex;flex-direction: column;align-items: stretch;justify-content: start;flex: 0 0 auto;gap: 4px;width: 100%;min-width: 0;margin: 0;font: 500 13px/1.8 Vazirmatn,sans-serif}.ak-livekit-whiteboard[data-board-device] .ak-device-region label>:is(select,input){display: block;box-sizing: border-box;width: 100%;min-width: 0;max-width: 100%;height: 44px;margin: 0}.ak-device-region input[type=color]{padding: 4px}.ak-device-region input[type=range]{accent-color: var(--ak-classroom-accent)}.ak-device-region input[type=checkbox]{width: 44px;height: 44px}.ak-device-region fieldset button{min-height: 44px}.ak-device-region .ak-ribbon-width-presets{display: flex;flex-wrap: wrap;gap: 4px}.ak-device-region .ak-editor-palette{display: grid;grid-template-columns: repeat(auto-fit,minmax(44px,1fr));width: 100%;gap: 6px;margin: 0}.ak-device-region .ak-editor-palette>button{width: 100%;height: 44px;border-radius: 8px}.ak-device-tool-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 6px}.ak-device-tool-grid>button{display: flex;flex-direction: column;align-items: center;justify-content: center;min-width: 44px;min-height: 56px;gap: 4px;padding: 6px}.ak-livekit-whiteboard[data-board-device] .ak-device-tool-grid>button{width: 100%;height: auto;min-height: 64px}.ak-livekit-whiteboard[data-board-device] .ak-device-colors{display: grid;grid-template-columns: repeat(2,minmax(0,1fr))}.ak-device-colors>:is(h3,.ak-editor-palette,.ak-ribbon-color-properties){grid-column: 1 / -1}.ak-livekit-whiteboard[data-board-device] .ak-device-colors .ak-editor-palette{display: flex;flex-wrap: nowrap;gap: 6px;height: 52px;min-height: 52px;overflow-x: auto;overscroll-behavior: contain}.ak-livekit-whiteboard[data-board-device] .ak-device-colors .ak-editor-palette button{flex: 0 0 44px;width: 44px;height: 44px}.ak-device-window-controls .ak-floating-tools{display: flex;flex-wrap: wrap;gap: 6px;opacity: 1;visibility: visible}.ak-device-window-controls .ak-floating-tools button{position: static;min-width: 44px;min-height: 44px;width: auto;opacity: 1;pointer-events: auto;padding: 8px}.ak-device-tool-grid .ak-editor-command-label{display: block;font-size: 12px;line-height: 1.6;white-space: normal}.ak-device-tools .ak-editor-ribbon{display: grid;grid-template-columns: minmax(0,1fr);gap: 8px;padding-top: 10px}.ak-livekit-whiteboard[data-board-device] .ak-device-tools .ak-editor-group-tabs,.ak-livekit-whiteboard[data-board-device] .ak-device-tools :is([data-editor-group=draw],[data-editor-group=shapes],[data-editor-group=colors],[data-editor-group=stroke]){display: none}.ak-device-tools .ak-editor-group{display: block;padding: 8px;border: 1px solid var(--ak-classroom-border);border-radius: 8px}.ak-device-tools .ak-editor-group h4{display: block;font-size: 13px;margin: 0 0 6px}.ak-device-tools .ak-editor-group-commands{display: flex;flex-wrap: wrap;gap: 6px}.ak-device-tools .ak-editor-group-commands>button{display: inline-flex;min-width: 44px;min-height: 44px;width: auto;padding: 6px;gap: 4px}.ak-device-region .ak-board-page-manager{display: flex;flex-direction: column;gap: 8px;border: 0;padding: 0;min-height: 0}.ak-device-region .ak-board-page-actions{flex: 0 0 auto;display: flex;flex-direction: column;gap: 6px;padding: 0}.ak-device-region .ak-board-page-command-row{display: flex;flex-wrap: wrap;gap: 4px}.ak-device-page-commands{display: flex;flex-wrap: wrap;gap: 4px}.ak-device-page-commands>button{display: inline-flex;align-items: center;justify-content: center;gap: 4px;flex: 1 1 88px;padding: 6px;font-size: 11px;border: 1px solid var(--ak-classroom-border);border-radius: 8px;background: var(--ak-classroom-surface);color: var(--ak-classroom-text)}.ak-device-region .ak-board-page-carousel{display: flex;flex-wrap: wrap;gap: 8px;padding: 4px;min-height: 100px;height: auto;overflow: visible}.ak-device-region .ak-board-page-card{flex: 0 0 128px;width: 128px;min-width: 128px;height: auto;min-height: 104px;box-sizing: border-box;padding: 6px}.ak-device-region .ak-board-page-card img{display: block;flex: 0 0 auto;width: 114px;min-width: 114px;height: 57px;min-height: 57px;object-fit: contain;aspect-ratio: 2}.ak-device-region .ak-editor-layer-row{min-width: 0;padding: 8px;margin-bottom: 8px}.ak-device-region .ak-layer-card-top{display: flex;flex-wrap: wrap;align-items: center;gap: 2px}.ak-device-region .ak-layer-card-controls{display: flex;margin-inline-start: auto}.ak-device-region .ak-layer-icon-toggle{width: 44px;height: 44px;min-width: 44px;flex: 0 0 44px}.ak-device-region .ak-layer-card-name{min-height: 44px;font-size: 14px;white-space: normal}.ak-device-region .ak-layer-panel-footer{display: flex;flex-wrap: wrap;gap: 4px;padding: 6px 0}.ak-device-region .ak-layer-panel-footer>button{flex: 1 1 80px;width: auto;min-height: 48px;white-space: normal}.ak-device-region .ak-layer-panel-note{font-size: 11px;line-height: 1.8}.ak-device-region .ak-layer-icon-toggle input[type=checkbox]{width: 44px;height: 44px}.ak-livekit-whiteboard[data-board-device] .ak-device-region[data-device-region=layers]{width: 100%;min-width: 0}.ak-livekit-whiteboard[data-board-device] .ak-device-region[data-device-region=layers] .ak-layer-panel-header{display: none}.ak-livekit-whiteboard[data-board-device] .ak-device-region[data-device-region=layers] :is(.ak-editor-layer-list,.ak-editor-layer-row,.ak-layer-card-top,.ak-layer-card-details,.ak-layer-panel-footer){width: 100%;max-width: 100%;min-width: 0;box-sizing: border-box}.ak-livekit-whiteboard[data-board-device] .ak-device-region[data-device-region=layers] .ak-editor-layer-list{padding: 4px;gap: 8px}.ak-livekit-whiteboard[data-board-device] .ak-device-region[data-device-region=layers] .ak-editor-layer-row{padding: 8px;gap: 8px}.ak-livekit-whiteboard[data-board-device] .ak-device-region[data-device-region=layers] .ak-layer-card-top{display: flex;flex-wrap: wrap;gap: 4px}.ak-livekit-whiteboard[data-board-device] .ak-device-region[data-device-region=layers] .ak-layer-index{min-width: 0;flex: 1 1 90px;white-space: normal}.ak-livekit-whiteboard[data-board-device] .ak-device-region[data-device-region=layers] .ak-layer-card-controls{display: flex;flex: 0 0 auto;gap: 2px;margin: 0}.ak-livekit-whiteboard[data-board-device] .ak-device-region[data-device-region=layers] :is(.ak-layer-drag-handle,.ak-layer-card-more,.ak-layer-icon-toggle){flex: 0 0 44px;width: 44px;height: 44px;min-width: 44px;min-height: 44px;padding: 0}.ak-livekit-whiteboard[data-board-device] .ak-device-region[data-device-region=layers] .ak-layer-card-name{width: 100%;height: auto;min-height: 44px;white-space: normal;overflow-wrap: anywhere;padding: 6px}.ak-livekit-whiteboard[data-board-device] .ak-device-region[data-device-region=layers] .ak-layer-card-name>span{min-width: 0;max-width: 100%;white-space: normal}.ak-livekit-whiteboard[data-board-device] .ak-device-region[data-device-region=layers] .ak-layer-card-details{display: flex;flex-wrap: wrap;font-size: 11px}.ak-stitch-classroom[data-room-device=mobile] .ak-device-sheet .ak-device-region>header>button{display: none}.ak-stitch-classroom:is([data-room-device=mobile],[data-room-device=tablet]) :is(.ak-device-board-nav,.ak-device-quick-tools,.ak-device-region,.ak-device-classroom-header,.ak-activity-media-dock,.ak-device-controls-restore,.ak-activity-media-restore,.ak-device-controls-collapse) :is(button,select,input[type=number],input[type=color],input[type=range]),.ak-device-controls-restore,.ak-activity-media-restore,.ak-device-controls-collapse{min-width: 44px;min-height: 44px;font-family: inherit}.ak-device-classroom-header button,.ak-device-board-nav button,.ak-activity-media-dock header button,.ak-device-controls-restore,.ak-activity-media-restore,.ak-device-controls-collapse{display: inline-flex;align-items: center;justify-content: center;padding: 6px;border: 1px solid var(--ak-classroom-border);border-radius: 8px;color: var(--ak-classroom-text);background: var(--ak-classroom-surface)}.ak-device-classroom-header .ak-room-theme-preference{display: none}.ak-device-classroom-header .ak-device-system-theme{display: inline-flex !important}.ak-device-classroom-header .ak-room-theme-select :is([data-theme-choice],.ak-device-system-theme){min-width: 44px;min-height: 44px}.ak-device-classroom-header .ak-room-theme-select [aria-pressed=true]{border: 1px solid var(--ak-classroom-accent);color: var(--ak-classroom-accent);background: color-mix(in srgb,var(--ak-classroom-accent) 12%,var(--ak-classroom-surface))}.ak-stitch-classroom:is([data-room-device=mobile],[data-room-device=tablet]) :is(.ak-device-menu-close,.ak-device-layout-close,.ak-device-hand-notice button){min-width: 44px;min-height: 44px;padding: 4px 12px;font: inherit;color: var(--ak-classroom-text);background: var(--ak-classroom-surface);border: 1px solid var(--ak-classroom-border);border-radius: 8px}.ak-device-menu-close{position: sticky;inset-block-start: 0;z-index: 1;grid-column: 1 / -1;align-self: start}.ak-device-layout-close{position: sticky;inset-block-start: 0;z-index: 1;align-self: start}.ak-device-pip-picker{width: min(25rem,calc(100vw - 24px));max-height: calc(var(--ak-room-visible-height,100dvh) - 24px);margin: auto;padding: 12px;box-sizing: border-box;overflow: auto;overflow-wrap: anywhere;color: var(--ak-classroom-text);background: var(--ak-classroom-surface);border: 1px solid var(--ak-classroom-border);border-radius: 12px}.ak-device-pip-picker::backdrop{background: rgb(0 0 0 / 45%)}.ak-device-pip-sources{display: grid;gap: 4px;margin-block: 8px}.ak-device-pip-picker button{min-height: 44px;min-width: 44px;padding: 4px 10px;font: inherit;text-align: start;color: var(--ak-classroom-text);background: var(--ak-classroom-surface);border: 1px solid var(--ak-classroom-border);border-radius: 8px}.ak-device-region button[aria-pressed=true],.ak-device-quick-tools button[aria-pressed=true]{color: light-dark(#005c55,#80d5cb);background-color: light-dark(#e6f7f4,#113c3a);outline: 1px solid var(--ak-classroom-accent)}.ak-livekit-whiteboard[data-board-device] :is(.ak-device-region,.ak-device-quick-tools) button[aria-pressed=true]{color: light-dark(#005c55,#80d5cb);border-color: var(--ak-classroom-accent);background-color: light-dark(#e6f7f4,#113c3a)}.ak-device-region :is(button,input,select):focus-visible,.ak-device-board-nav button:focus-visible,.ak-device-quick-tools button:focus-visible{outline: 2px solid var(--ak-classroom-accent);outline-offset: -2px}.ak-stitch-classroom:is([data-room-device=mobile],[data-room-device=tablet]) [hidden]{display: none}.ak-stitch-classroom[data-room-device=tablet] .ak-device-classroom-header{min-height: 52px}.ak-stitch-classroom[data-room-device=tablet] .ak-device-controls-collapse{display: inline-flex}.ak-stitch-classroom[data-room-device=tablet] .ak-content-workspace .ak-livekit-whiteboard[data-board-device=tablet]{--ak-device-tool-track: 0px;grid-template-areas: 'navigation navigation navigation navigation navigation' 'rail pages content inspector quick';grid-template-columns: 52px 0 minmax(0,1fr) 0 var(--ak-device-tool-track);grid-template-rows: 44px minmax(0,1fr);direction: ltr}.ak-stitch-classroom[data-room-device=tablet] .ak-content-workspace .ak-livekit-whiteboard[data-device-tools]{--ak-device-tool-track: 52px}.ak-stitch-classroom[data-room-device=tablet] .ak-content-workspace .ak-livekit-whiteboard[data-device-pages]{grid-template-columns: 52px 180px minmax(0,1fr) 0 var(--ak-device-tool-track)}.ak-stitch-classroom[data-room-device=tablet] .ak-content-workspace .ak-livekit-whiteboard[data-device-inspector]{grid-template-columns: 52px 0 minmax(0,1fr) var(--ak-device-panel-width) var(--ak-device-tool-track)}.ak-stitch-classroom[data-room-device=tablet] .ak-content-workspace .ak-livekit-whiteboard[data-device-inspector][data-device-pages]{grid-template-columns: 52px 180px minmax(0,1fr) var(--ak-device-panel-width) var(--ak-device-tool-track)}.ak-tablet-workspace-rail{grid-area: rail;display: flex;flex-direction: column;gap: 6px;padding: 4px;background: var(--ak-classroom-surface);border-inline-end: 1px solid var(--ak-classroom-border);min-height: 0;overflow-y: auto}.ak-tablet-workspace-rail button{display: flex;flex-direction: column;align-items: center;justify-content: center;min-width: 44px;min-height: 52px;padding: 3px;gap: 3px;border: 1px solid var(--ak-classroom-border);border-radius: 8px;background: var(--ak-classroom-surface);color: var(--ak-classroom-text);font: 500 10px/1.5 Vazirmatn,sans-serif}.ak-tablet-inspector{grid-area: inspector;display: flex;flex-direction: column;gap: 8px;padding: 8px;min-width: 0;min-height: 0;overflow-y: auto;overscroll-behavior: contain;border-inline-start: 1px solid var(--ak-classroom-border);background: var(--ak-classroom-surface);direction: rtl}.ak-tablet-inspector>.ak-device-region{flex: 0 0 auto}.ak-tablet-page-panel{grid-area: pages;padding: 8px;min-width: 0;min-height: 0;overflow-y: auto;overscroll-behavior: contain;border-inline-end: 1px solid var(--ak-classroom-border);background: var(--ak-classroom-surface);direction: rtl}.ak-stitch-classroom[data-room-device=tablet] .ak-device-quick-tools{display: flex;flex-direction: column;padding: 4px;border-top: 0;border-inline-start: 1px solid var(--ak-classroom-border);min-height: 0;overflow-y: auto}.ak-stitch-classroom[data-room-device=tablet] .ak-device-tool-scroll{flex-direction: column;overflow-x: hidden;overflow-y: auto;flex: 1 1 0}.ak-stitch-classroom[data-room-device=tablet] .ak-device-quick-tools button{flex: 0 0 48px;width: 44px}.ak-stitch-classroom[data-room-device=tablet][data-room-orientation=portrait] :is(.ak-tablet-inspector,.ak-tablet-page-panel){position: absolute;grid-area: auto;inset-block: 44px 0;box-sizing: border-box;z-index: 10;box-shadow: 0 4px 20px #02061730}.ak-stitch-classroom[data-room-device=tablet][data-room-orientation=portrait] .ak-tablet-inspector{inset-inline-start: 52px;width: min(300px,calc(100% - 112px))}.ak-stitch-classroom[data-room-device=tablet][data-room-orientation=portrait] .ak-tablet-page-panel{inset-inline-end: 52px;width: 180px}.ak-stitch-classroom[data-room-device=tablet][data-room-orientation=portrait] .ak-content-workspace .ak-livekit-whiteboard[data-board-device=tablet]{grid-template-columns: 52px 0 minmax(0,1fr) 0 var(--ak-device-tool-track)}.ak-stitch-classroom[data-room-device=tablet][data-panel=both] .ak-room-side-panels{grid-template-columns: minmax(0,1.2fr) minmax(0,1fr);grid-template-rows: minmax(0,1fr)}.ak-stitch-classroom:is([data-room-device=mobile],[data-room-device=tablet])[data-classroom-focus] .ak-content-workspace .ak-livekit-whiteboard[data-device-focus]{display: block}.ak-livekit-whiteboard[data-device-focus]>.ak-whiteboard-viewport{width: 100%;height: 100%}.ak-livekit-whiteboard[data-device-focus]>.ak-device-board-nav{position: absolute;z-index: 11;top: 4px;inset-inline-end: 4px;width: auto;border: 0;border-radius: 8px}.ak-livekit-whiteboard[data-device-focus] .ak-device-board-nav>:not([data-board-region=tools],[data-board-region=focus]){display: none}.ak-livekit-whiteboard[data-device-focus]>.ak-device-quick-tools{position: absolute;z-index: 11;bottom: 8px;inset-inline: 52px 8px;border: 1px solid var(--ak-classroom-border);border-radius: 8px}.ak-livekit-whiteboard[data-device-focus]>.ak-tablet-workspace-rail{position: absolute;z-index: 10;inset-block-start: 56px;inset-inline-start: 0;border: 1px solid var(--ak-classroom-border);border-radius: 8px}.ak-stitch-classroom[data-room-device=mobile][data-room-orientation=landscape] .ak-content-workspace .ak-livekit-whiteboard[data-board-device=mobile]{grid-template-areas: 'navigation content quick';grid-template-columns: 44px minmax(0,1fr) 48px;grid-template-rows: minmax(0,1fr)}.ak-stitch-classroom[data-room-device=mobile][data-room-orientation=landscape] .ak-device-board-nav{flex-direction: column;height: 100%;overflow-y: auto}.ak-stitch-classroom[data-room-device=mobile][data-room-orientation=landscape] .ak-device-board-nav .ak-editor-page-controls{flex: 0 0 auto}.ak-stitch-classroom[data-room-device=mobile][data-room-orientation=landscape] .ak-device-board-nav .ak-editor-page-controls>:not(.ak-editor-page-manager-toggle){display: none}.ak-stitch-classroom[data-room-device=mobile][data-room-orientation=landscape] .ak-device-board-nav .ak-editor-page-manager-toggle{width: 44px}.ak-stitch-classroom[data-room-device=mobile][data-room-orientation=landscape] .ak-device-quick-tools{display: flex;flex-direction: column;padding: 2px;overflow-y: auto}.ak-stitch-classroom[data-room-device=mobile][data-room-orientation=landscape] .ak-device-tool-scroll{flex-direction: column;overflow-x: hidden;overflow-y: auto}.ak-stitch-classroom[data-room-device=mobile][data-room-orientation=landscape] .ak-device-quick-tools button{flex: 0 0 44px}.ak-stitch-classroom[data-reduced-height]:is([data-room-device=mobile],[data-room-device=tablet]) .ak-activity-media-rail{max-height: 68px}.ak-stitch-classroom[data-reduced-height]:is([data-room-device=mobile],[data-room-device=tablet]) .ak-activity-media-rail>.ak-livekit-video-tile{height: 64px;flex-basis: 112px;width: 112px}.ak-stitch-classroom[data-room-device=mobile] .ak-device-controls-collapse{display: none}.ak-stitch-classroom[data-room-device=mobile] .ak-activity-media-rail>.ak-livekit-video-tile{flex-basis: var(--ak-activity-tile-width,128px);width: var(--ak-activity-tile-width,128px);height: var(--ak-activity-tile-height,80px)}.ak-stitch-classroom:is([data-room-device=mobile],[data-room-device=tablet])[data-activity-placement=bottom] .ak-content-workspace{grid-template-areas: 'board' 'activity';grid-template-rows: minmax(0,1fr) auto}.ak-stitch-classroom[data-room-device=tablet][data-room-orientation=landscape][data-activity-placement=side] .ak-content-workspace[data-activity-visible]{grid-template-areas: 'board activity';grid-template-columns: minmax(0,1fr) 220px;grid-template-rows: minmax(0,1fr)}.ak-stitch-classroom[data-room-device=tablet][data-room-orientation=landscape][data-activity-placement=side] .ak-activity-media-rail{flex-direction: column;overflow-y: auto;max-height: calc(100% - 44px)}.ak-stitch-classroom[data-room-device=tablet][data-room-orientation=landscape][data-activity-placement=side] .ak-activity-media-rail>.ak-livekit-video-tile{flex: 0 0 130px;width: 100%;height: 130px}.ak-stitch-classroom[data-room-device=tablet] .ak-device-quick-tools[hidden],.ak-stitch-classroom[data-room-device=mobile] .ak-device-quick-tools[hidden]{display: none}.ak-navbar-link-active{color: var(--vaadin-text-color);background-color: var(--vaadin-background-container-strong);font-weight: 600;border-radius: 0.5rem}.ak-navbar-link{display: inline-flex;align-items: center;gap: 0.3rem;min-height: 2rem;padding: 0.25rem 0.5rem;border-radius: 0.375rem;color: var(--vaadin-text-color-secondary);text-decoration: none;font-size: 0.8125rem;font-weight: 500;box-sizing: border-box;transition: color 120ms ease,background-color 120ms ease}.ak-navbar-link:hover{color: var(--vaadin-text-color);background-color: var(--vaadin-background-container);text-decoration: none}.ak-navbar-link.ak-navbar-link-active{color: var(--vaadin-text-color);background-color: var(--vaadin-background-container-strong);font-weight: 600}.ak-navbar-link:focus-visible{outline: 2px solid var(--vaadin-focus-ring-color);outline-offset: 1px}.ak-theme-toggle{flex: 0 0 auto;border-radius: 50%}.ak-about-view{max-width: 72rem;margin-inline: auto;padding: clamp(1rem,4vw,3rem);box-sizing: border-box;gap: clamp(1rem,2vw,1.5rem)}.ak-about-layout{width: 100%;display: grid;grid-template-columns: minmax(18rem,0.9fr) minmax(0,1.6fr);gap: 1.5rem;direction: ltr;align-items: start}.ak-about-layout>*{direction: rtl;min-width: 0}.ak-about-content{display: grid;gap: 1.25rem}.ak-about-eyebrow{color: var(--vaadin-primary-color);font-size: 0.85rem;font-weight: 700}.ak-about-intro h1{font-size: clamp(1.8rem,4vw,2.7rem);margin-block: 0.6rem 1rem}.ak-about-intro{background: linear-gradient(135deg,color-mix(in srgb,var(--vaadin-primary-color) 7%,var(--vaadin-background-container)),var(--vaadin-background-container))}.ak-about-features{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 1rem}.ak-about-feature{padding: 1.4rem}.ak-about-feature vaadin-icon{color: var(--vaadin-primary-color);width: 1.5rem;height: 1.5rem;margin-block-end: 1rem}.ak-about-feature h2{font-size: 1.1rem}.ak-about-feature p{font-size: 0.9rem;margin-block-end: 0}.ak-developer-card{border-block-start: 3px solid var(--vaadin-primary-color);padding: 1.5rem}.ak-developer-phone{display: flex;align-items: center;flex-wrap: wrap;gap: 0.6rem;padding-block-end: 1rem;margin-block-end: 1.25rem;border-block-end: 1px solid var(--vaadin-border-color-secondary)}.ak-developer-phone vaadin-icon{width: 1.1rem;height: 1.1rem;color: var(--vaadin-primary-color)}.ak-developer-phone>span{font-size: 0.85rem;color: var(--vaadin-text-color-secondary)}.ak-developer-phone a{margin-inline-start: auto;font-size: 1.15rem;font-weight: 700;white-space: nowrap;font-variant-numeric: tabular-nums;text-decoration: underline;text-underline-offset: 0.25rem}.ak-developer-phone a:focus-visible{outline: 2px solid var(--vaadin-primary-color);outline-offset: 4px;border-radius: 0.25rem}.ak-developer-identity{display: flex;gap: 0.9rem;align-items: center;margin-block-end: 1.25rem}.ak-developer-identity h2{font-size: 1.35rem;margin: 0.3rem 0 0}.ak-developer-monogram{display: grid;place-items: center;width: 3.5rem;height: 3.5rem;flex-shrink: 0;border-radius: 1rem;font-weight: 800;background: color-mix(in srgb,var(--vaadin-primary-color) 12%,var(--vaadin-background-container));color: var(--vaadin-primary-color)}.ak-support-link{display: flex;align-items: center;gap: 0.85rem;padding: 0.85rem;margin-block: 0.5rem;border-radius: 0.75rem;border: 1px solid color-mix(in srgb,var(--vaadin-primary-color) 25%,var(--vaadin-border-color-secondary));color: var(--vaadin-primary-color);background: color-mix(in srgb,var(--vaadin-primary-color) 4%,var(--vaadin-background-container));text-decoration: none;cursor: pointer;transition: background 150ms ease}.ak-support-link:hover{background: color-mix(in srgb,var(--vaadin-primary-color) 10%,var(--vaadin-background-container));text-decoration: underline}.ak-support-link:focus-visible{outline: 2px solid var(--vaadin-primary-color);outline-offset: 3px}.ak-support-link vaadin-icon{width: 1.2rem;height: 1.2rem;flex-shrink: 0;color: var(--vaadin-primary-color)}.ak-support-link>span{font-size: 0.95rem;font-weight: 600}.ak-support-link .ak-support-link-indicator{margin-inline-start: auto;width: 1rem;height: 1rem}.ak-developer-card .ak-support-hint{font-size: 0.8rem;border-block-start: 1px solid var(--vaadin-border-color-secondary);padding-block-start: 1rem;margin-block: 1.25rem 0}@media (max-width: 900px){.ak-about-layout{grid-template-columns: minmax(0,1fr)}}@media (max-width: 480px){.ak-about-features{grid-template-columns: minmax(0,1fr)}}.ak-info-section{width: 100%;padding: clamp(1.25rem,3vw,2rem);box-sizing: border-box;border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);background: var(--vaadin-background-container);box-shadow: var(--vaadin-shadow-s)}.ak-info-section h1,.ak-info-section h2,.ak-info-section p{margin-block-start: 0}.ak-info-section p{max-width: 72ch;line-height: 2;color: var(--vaadin-text-color-secondary)}.ak-about-usage{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 1rem}.ak-about-usage>h2{grid-column: 1 / -1}.ak-usage-item{display: flex;align-items: flex-start;gap: 0.85rem;padding: 1rem;border-radius: var(--vaadin-radius-m);background: var(--vaadin-background-container-strong)}.ak-usage-item h2{font-size: 1rem;margin-block-end: 0.4rem}.ak-usage-item p{margin: 0;font-size: 0.9rem}.ak-usage-number{display: grid;place-items: center;flex: 0 0 2.25rem;width: 2.25rem;height: 2.25rem;color: var(--vaadin-on-primary-color);font-weight: 800;border-radius: 50%;background: var(--vaadin-primary-color)}.ak-contact-section{display: flex;flex-direction: column;gap: 0.75rem}.ak-contact-row{width: 100%;min-height: 2.5rem;margin: 0;padding: 0.65rem 0.85rem;box-sizing: border-box;border-radius: var(--vaadin-radius-m);background: var(--vaadin-background-container-strong)}.ak-contact-label{font-weight: 700}.ak-contact-row a{direction: ltr;unicode-bidi: isolate}.ak-error-view{min-height: calc(100dvh - 4rem);text-align: center;background: radial-gradient(circle at center,color-mix(in srgb,var(--vaadin-primary-color) 10%,transparent),transparent 55%)}.ak-error-icon{width: 4rem;height: 4rem;color: var(--vaadin-error-color)}.ak-error-code{margin-block-start: 0.75rem;color: var(--vaadin-primary-color);font-size: clamp(2.5rem,8vw,5rem);font-weight: 900}.ak-error-view h1{margin-block: 0 0.5rem}.ak-error-view p{max-width: 34rem;margin-block: 0 1.5rem;color: var(--vaadin-text-color-secondary);line-height: 1.9}@media (max-width: 760px){.ak-about-usage{grid-template-columns: 1fr}}.ak-header-menu,.ak-header-menu .ak-navbar-link{flex-shrink: 0}vaadin-app-layout.ak-room-layout:not([data-pwa-banner-visible])::part(navbar-top){display: none}@media (max-width: 767px){.ak-navbar-link-text,.ak-profile-navbar-name,.ak-header-brand-name{display: none !important}.ak-header-menu{gap: 0.125rem;padding: 0}.ak-header-menu .ak-navbar-link{min-width: 2.5rem;width: 2.5rem;height: 2.5rem;padding-inline: 0;justify-content: center;gap: 0}.ak-header-menu .ak-navbar-link vaadin-icon{margin: 0}}copilot-main{display: none !important}vaadin-connection-indicator{--lumo-primary-color: light-dark(#007f78,#55d8c9);--status-height: 1.5rem;--status-height-collapsed: 3px}