/* Staff mobile extends the shared Masar palette, rather than introducing a second theme. */
.teacher-phone,.staff-workspace{--staff-blue-wash:var(--primary-soft,#eaf2ff);--staff-peach:#fff0e6;--staff-peach-ink:#825029;--staff-mint:#e4f4ec;--staff-mint-ink:#216650;--staff-secondary:#536983;--staff-surface:#fff;--staff-ground:#f4f7fc;--staff-fast:120ms;--staff-ease:cubic-bezier(.23,1,.32,1)}
.teacher-phone .phone-content{background:var(--staff-ground);padding:20px 16px 24px}.teacher-phone .student-app-header{padding:16px;gap:10px;background:var(--staff-surface)}.teacher-phone .student-brand-symbol{width:40px;height:40px;border-radius:12px}.teacher-phone .student-app-header strong{font-size:19px}.teacher-phone .student-app-header small{font-size:12px;color:var(--staff-secondary)}.teacher-phone .student-app-header>button{width:44px;height:44px;min-width:44px;min-height:44px;border:0;background:var(--staff-ground);border-radius:12px}.teacher-phone .student-app-header .staff-header-menu{display:none}
.staff-welcome{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:1px 0 20px}.staff-welcome h2{font-size:23px;line-height:1.5;margin:0;font-weight:700}.staff-welcome p{font-size:13px;color:var(--staff-secondary);margin:7px 0 0}.staff-profile-mark{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;border-radius:50%;background:var(--staff-peach);color:var(--staff-peach-ink);font-size:15px;font-weight:700}
.staff-lesson-focus{background:var(--primary);color:white;border-radius:16px;padding:18px 18px 0;overflow:hidden}.staff-focus-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:white}.staff-on-blue{border:1px solid #ffffff60;border-radius:6px;padding:4px 8px}.staff-lesson-focus h3{font-size:23px;line-height:1.5;margin:18px 0 8px;color:white;font-weight:700}.staff-lesson-focus>p{color:white;font-size:13px;margin:0;line-height:1.8}.staff-focus-bottom{display:flex;justify-content:space-between;align-items:center;gap:9px;margin:19px 0 18px;flex-wrap:wrap}.staff-time-capsule{padding:10px;border-radius:9px;background:var(--staff-peach);color:#663d1f;font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}.staff-time-capsule small{font-size:13px;font-weight:400}.staff-focus-bottom button{background:white;color:var(--primary);border:0;border-radius:9px;min-height:44px;padding:10px 12px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:7px}.staff-focus-bottom .ico{width:16px;height:16px}.staff-lesson-details{border-top:1px solid #ffffff4d}.staff-lesson-details summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:13px 0;min-height:46px;font-size:12px;list-style:none}.staff-lesson-details summary::-webkit-details-marker{display:none}.staff-lesson-details summary .ico{width:15px;height:15px;transform:rotate(90deg);transition:transform 180ms var(--staff-ease)}.staff-lesson-details[open] summary .ico{transform:rotate(-90deg)}.staff-lesson-details>div{padding:0 0 16px;display:grid;gap:6px;font-size:13px;line-height:1.8;animation:staff-detail-reveal 180ms var(--staff-ease)}
.staff-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:24px 0 12px}.staff-section-heading h3{font-size:18px;line-height:1.6;margin:0;font-weight:700}.staff-section-heading button,.staff-section-heading a{display:flex;align-items:center;gap:4px;border:0;background:none;color:var(--primary);font-size:12px;padding:7px 0;min-height:44px}.staff-section-heading .ico{width:15px;height:15px}.staff-today-list{margin-bottom:8px}.staff-agenda-row{display:flex;gap:12px;align-items:center;text-align:right;width:100%;padding:15px 0;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;transform:none!important;color:var(--ink)}.staff-agenda-row>span:nth-child(2){flex:1;min-width:0}.staff-agenda-row strong{font-size:14px;line-height:1.7;display:block}.staff-agenda-row small{display:block;font-size:11px;color:var(--staff-secondary);line-height:1.8;margin-top:5px}.staff-agenda-time{font-size:16px;font-weight:700;min-width:47px;text-align:center;font-variant-numeric:tabular-nums;color:var(--primary)}.staff-agenda-time small{font-size:12px;font-weight:400}.staff-session-state{font-size:10px;padding:5px 7px;border-radius:5px;white-space:nowrap}.blue{--staff-tone:var(--primary);--staff-tone-fill:var(--staff-blue-wash)}.mint{--staff-tone:var(--staff-mint-ink);--staff-tone-fill:var(--staff-mint)}.peach{--staff-tone:var(--staff-peach-ink);--staff-tone-fill:var(--staff-peach)}.staff-session-state{color:var(--staff-tone);background:var(--staff-tone-fill)}
.staff-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.staff-quick-tool{min-height:94px;background:var(--staff-tone-fill);color:var(--staff-tone);border:0;border-radius:12px;padding:14px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:9px;text-align:right;transition:transform var(--staff-fast) var(--staff-ease)}.staff-quick-tool>.ico:first-child{width:23px;height:23px}.staff-quick-tool>.ico:last-child{width:15px;height:15px;order:1}.staff-quick-tool>span{width:100%;font-size:14px;font-weight:700;order:2;line-height:1.7}.staff-quick-tool:active,.staff-focus-bottom button:active{transform:scale(.97)}.staff-inbox-preview{display:flex;align-items:center;gap:12px;padding:17px 0;margin-top:18px;border-top:1px solid var(--line);color:var(--ink)}.staff-inbox-preview>span:nth-child(2){flex:1}.staff-inbox-preview strong{display:block;font-size:14px;line-height:1.7}.staff-inbox-preview small{display:block;font-size:12px;color:var(--staff-secondary);margin-top:3px}.staff-inbox-preview>.ico{width:17px;height:17px;color:var(--staff-secondary)}.staff-local-note{font-size:11px;text-align:center;color:var(--staff-secondary);line-height:1.8;margin:20px 0 0}.staff-rest-day{background:var(--staff-blue-wash);padding:20px;border-radius:14px}.staff-rest-day>.ico{color:var(--primary)}.staff-rest-day h3{font-size:20px}.staff-rest-day p{font-size:13px;line-height:1.8}
.staff-bottom-nav{display:flex!important;gap:1px;justify-content:space-around;background:var(--staff-surface);padding:8px 8px max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--line);margin-top:auto;z-index:24}.staff-bottom-nav>a,.staff-bottom-nav>button{position:relative;display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:56px;font-size:11px;font-weight:500;color:var(--staff-secondary);background:none;border:0;border-radius:10px;padding:5px 2px;transform:none!important}.staff-bottom-nav .ico{width:23px;height:23px;stroke-width:1.8}.staff-bottom-nav [aria-current=page]{background:var(--staff-blue-wash);color:var(--primary);font-weight:700}.staff-bottom-nav span{line-height:1.5}.staff-bottom-nav .family-tab-dot{top:4px;right:calc(50% - 18px)}.mobile-app .teacher-phone .staff-bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,440px)}.teacher-phone .phone-home-indicator{display:none}.mobile-app .teacher-phone .phone-content{padding-bottom:100px}.teacher-phone :is(button,a,input,select):focus-visible,.staff-workspace :is(button,a,input,select):focus-visible{outline:2px solid var(--primary);outline-offset:3px}
.staff-menu-title h2{font-size:26px;margin:0 0 6px;font-weight:700}.staff-menu-title p{font-size:13px;color:var(--staff-secondary);margin:0;line-height:1.8}.staff-menu-search{display:flex;align-items:center;gap:10px;padding:0 13px;min-height:48px;background:white;border:1px solid #b7c7dc;border-radius:12px;margin:20px 0 0}.staff-menu-search>.ico{color:var(--staff-secondary);width:20px;height:20px}.staff-menu-search input{flex:1;min-width:0;border:0;background:none;padding:12px 0;min-height:46px;font-size:14px;outline:none}.staff-menu-search:focus-within{outline:2px solid var(--primary);outline-offset:2px}.staff-menu-search input:focus-visible{outline:0}.staff-menu-search input::placeholder{color:var(--staff-secondary)}nav.staff-tool-directory{display:block;background:none;padding:0}.staff-tool-section{margin:26px 0 0}.staff-tool-section h3{font-size:14px;font-weight:700;color:var(--staff-secondary);margin:0 2px 10px}.staff-tool-group{background:white;border-radius:14px;overflow:hidden}.staff-tool-row{display:flex;align-items:center;gap:12px;width:100%;text-align:right;background:none;color:var(--ink);border:0;border-bottom:1px solid var(--line);padding:14px;min-height:76px;border-radius:0;transform:none!important;transition:background-color var(--staff-fast) var(--staff-ease)}.staff-tool-row:last-child{border-bottom:0}.staff-tool-row>span:nth-child(2){flex:1;min-width:0}.staff-tool-row strong{display:block;font-size:15px;font-weight:700;line-height:1.7}.staff-tool-row small{display:block;font-size:12px;color:var(--staff-secondary);line-height:1.7;margin-top:2px}.staff-tool-symbol{display:flex;align-items:center;justify-content:center;width:42px;min-width:42px;height:42px;border-radius:12px;background:var(--staff-tone-fill);color:var(--staff-tone)}.staff-tool-symbol .ico{width:22px;height:22px}.staff-tool-row>.ico{width:15px;height:15px;color:var(--staff-secondary)}.staff-tool-row:active,.staff-agenda-row:active{background:var(--staff-blue-wash)}.staff-tool-row[hidden],.staff-tool-section[hidden],.staff-tool-empty[hidden]{display:none!important}.staff-tool-empty{padding:30px 8px;text-align:center}.staff-tool-empty h3{font-size:18px}.staff-tool-empty p{font-size:13px;line-height:1.8;color:var(--staff-secondary)}.staff-tool-empty button{min-height:44px;color:var(--primary)}.staff-menu-support{display:flex;gap:8px;margin-top:24px}.staff-menu-support button{display:flex;flex:1;align-items:center;justify-content:center;gap:7px;font-size:12px;border:0;background:none;color:var(--primary);min-height:48px;padding:8px}.staff-menu-support .ico{width:18px;height:18px}.staff-demo-settings{margin-top:12px;border-top:1px solid var(--line);font-size:12px;color:var(--staff-secondary)}.staff-demo-settings>summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none}.staff-demo-settings>summary .ico{width:16px;height:16px;transform:rotate(90deg)}.staff-demo-settings .field{margin-top:10px}.staff-demo-settings p{line-height:1.8}.staff-demo-settings .staff-web-return{font-size:12px;padding:10px 0}
.staff-mobile-workspace #view{max-width:none!important;width:100%}.staff-workspace{max-width:760px;background:var(--staff-ground);padding-bottom:85px;container-type:inline-size}.staff-workspace-content{padding:0 16px 24px}.staff-workspace-header{min-height:76px;padding:12px 16px;background:white}.staff-workspace-header strong{font-size:20px;line-height:1.5}.staff-workspace-header small{font-size:12px;line-height:1.7;color:var(--staff-secondary)}.staff-workspace-header>a{background:var(--staff-ground);border-radius:12px;min-width:44px;min-height:44px}.staff-workspace .workspace-bottom-nav{position:fixed;bottom:0;width:min(100%,760px);left:50%;transform:translateX(-50%)}.staff-mobile-workspace #toast{bottom:95px}.staff-workspace-content .page-head{padding-top:22px;margin-bottom:20px}.staff-workspace-content .page-head h1{font-size:24px}.staff-workspace-content .page-head p{font-size:13px;line-height:1.9}.staff-workspace-content .panel{box-shadow:none}.staff-workspace-content .page-head .actions{gap:8px}.staff-workspace-content input,.staff-workspace-content select,.staff-workspace-content textarea{font-size:16px}.staff-workspace-content button{min-height:44px}.staff-workspace-content .section-footer{line-height:1.8}.staff-mobile-workspace .modal-actions{position:sticky;bottom:0;background:white;padding-block:12px}.staff-mobile-workspace dialog{max-height:90dvh}
/* Original semantic tables reflow into labelled records; all inputs and handlers stay in place. */
@container(max-width:760px){.staff-workspace .table-wrap:has(.staff-record-table){overflow:visible;outline:none}.staff-workspace .staff-record-table{display:block;width:100%;min-width:0!important;table-layout:auto;border-collapse:separate}.staff-record-table thead{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0);white-space:nowrap;border:0}.staff-record-table tbody{display:grid;gap:12px;padding:12px;background:var(--staff-ground)}.staff-record-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;background:white!important;padding:16px;border:1px solid var(--line);border-radius:12px;min-width:0;transition:background-color var(--staff-fast) var(--staff-ease)}.staff-record-table tbody td{display:block!important;padding:0!important;border:0!important;text-align:start!important;white-space:normal!important;min-width:0;max-width:none!important;width:auto!important;font-size:14px;line-height:1.8;overflow-wrap:anywhere;background:transparent!important}.staff-record-table tbody td::before{content:attr(data-mobile-label);display:block;font-size:11px;line-height:1.6;color:var(--staff-secondary);font-weight:400;margin-bottom:4px;direction:rtl;text-align:right}.staff-record-table tbody td:first-child{grid-column:1/-1}.staff-record-table tbody td:first-child::before{display:none}.staff-record-table tbody td:last-child:nth-child(even){grid-column:1/-1}.staff-record-table tbody td.staff-record-actions{grid-column:1/-1;border-top:1px solid var(--line)!important;padding-top:12px!important}.staff-record-table .actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:start}.staff-record-table .actions button{flex:1;min-width:95px}.staff-record-table .student-identity{align-items:center}.staff-record-table .sub{font-size:12px;line-height:1.8;margin-top:3px;color:var(--staff-secondary)}.staff-record-table .state-label,.staff-record-table .status{font-size:12px}.staff-record-table .amount{color:var(--staff-peach-ink)}.staff-record-table tbody .staff-empty-record{display:block;text-align:center}.staff-record-table .staff-empty-record td::before{display:none}.staff-record-table .grade-input{width:100%;min-width:0}.staff-record-table.attendance-table tbody tr{grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center}.staff-record-table.attendance-table tbody td:first-child{grid-column:1;grid-row:1;width:44px!important}.staff-record-table.attendance-table tbody td:nth-child(2){grid-column:2;grid-row:1}.staff-record-table.attendance-table tbody td:nth-child(2)::before{display:none}.staff-record-table.attendance-table tbody td:nth-child(3){grid-column:2;grid-row:2}.staff-record-table.attendance-table tbody td:nth-child(4){grid-column:2;grid-row:3}.staff-record-table.attendance-table .attendance-check{min-width:44px;min-height:44px;padding:0;display:flex;align-items:center;justify-content:center}.staff-record-table.attendance-table input[type=checkbox]{width:25px;height:25px;min-height:25px;padding:0;accent-color:var(--staff-mint-ink)}.staff-record-table.attendance-table tbody tr.is-present{background:var(--staff-mint)!important;border-color:#9dceba}.staff-record-table.attendance-table td select{width:100%;min-width:0;min-height:44px;background-color:white}.staff-record-table.attendance-table .mobile-time{display:none}.staff-workspace .attendance-scroll{max-height:none;overflow:visible}.staff-workspace .panel{overflow:visible}.staff-workspace .filter-grid,.staff-workspace .filters{min-width:0}.staff-workspace .summary-line{grid-template-columns:1fr 1fr}.staff-workspace .two-col,.staff-workspace .profile-grid{grid-template-columns:1fr}}
@keyframes staff-detail-reveal{from{opacity:.5;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.staff-lesson-details>div{animation:none}.staff-lesson-details summary .ico,.staff-quick-tool,.staff-focus-bottom button{transition:none}.staff-quick-tool:active,.staff-focus-bottom button:active{transform:none}.staff-record-table tbody tr,.staff-tool-row{transition:background-color 80ms linear}}

.teacher-phone .staff-menu-search input{border:0!important;box-shadow:none!important;background:none!important;padding:12px 0!important;outline:none!important;border-radius:0}.staff-record-table thead th{display:table-cell!important}