.tutor-panel-content{display:grid;gap:20px;min-width:0;color:#12365e}
.tutor-panel-content h1,.tutor-panel-content h2,.tutor-panel-content p{margin:0}
.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.panel-heading h1{font-family:"DM Sans",Arial,sans-serif;font-size:34px;line-height:1.12;color:#062f5d}
.panel-heading p{margin-top:6px;color:#637d9e}
.panel-heading>div+button,.panel-heading>div+div{margin-left:auto}
.panel-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;border:1px solid #197ed0;border-radius:9px;background:#0878d8;color:#fff;padding:0 18px;font:700 14px/1 "DM Sans",sans-serif;box-shadow:0 7px 14px rgba(25,126,208,.14);cursor:pointer}
.panel-button+.panel-button{margin-left:10px}
.panel-button.secondary{border-color:#d2e3ee;background:#fff;color:#12365e;box-shadow:none}
.panel-button:focus-visible,.panel-tab:focus-visible,.panel-tabs button:focus-visible,.conversation:focus-visible,.icon-button:focus-visible,.support-categories button:focus-visible,.settings-nav button:focus-visible{outline:3px solid rgba(25,126,208,.28);outline-offset:2px}
.panel-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.panel-metrics.compact{grid-template-columns:repeat(3,minmax(0,1fr))}
.panel-metric{display:flex;align-items:center;gap:14px;min-height:102px;border:1px solid #d2e3ee;border-radius:12px;background:#fff;padding:18px}
.panel-metric>span,.assignment-title>span,.support-categories button>span{display:grid;width:48px;height:48px;flex:0 0 48px;place-items:center;border-radius:50%;font-size:24px}
.panel-metric.blue>span,.assignment-title>span{background:#e8f7ff;color:#197ed0}
.panel-metric.mint>span{background:#effaf6;color:#009978}
.panel-metric.purple>span{background:#f4edff;color:#7c3aed}
.panel-metric.warm>span{background:#fff4e5;color:#ef8700}
.panel-metric small,.panel-metric p{display:block;color:#637d9e}
.panel-metric strong{display:block;margin:2px 0;font-size:25px;color:#062f5d}
.panel-metric p{font-size:12px}
.panel-board,.panel-card,.messages-board,.profile-completion,.profile-card,.profile-sections>article,.support-search,.settings-nav,.settings-content>section,.payment-hero{border:1px solid #d2e3ee;border-radius:12px;background:#fff}
.panel-board{overflow:hidden}
.panel-toolbar,.board-title{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #d2e3ee;padding:0 16px}
.board-title{min-height:56px}
.board-title small{display:block;margin-top:2px;color:#637d9e}
.panel-tabs{display:flex;align-items:center;gap:22px;min-width:0;overflow-x:auto;scrollbar-width:none}
.panel-tabs::-webkit-scrollbar{display:none}
.panel-tabs button{min-height:56px;border:0;border-bottom:3px solid transparent;background:transparent;color:#345577;font:700 13px/1 "DM Sans",sans-serif;text-transform:capitalize;white-space:nowrap;cursor:pointer}
.panel-tabs button[aria-selected=true]{border-color:#197ed0;color:#0878d8}
.panel-search{display:flex;min-width:250px;min-height:38px;align-items:center;gap:8px;border:1px solid #d2e3ee;border-radius:8px;background:#fff;padding:0 12px;color:#637d9e}
.panel-search input{width:100%;border:0;outline:0;background:transparent;color:#12365e;font:500 13px "DM Sans",sans-serif}
.panel-empty{display:grid;min-height:190px;place-items:center;align-content:center;gap:8px;padding:28px;text-align:center;color:#637d9e}
.panel-empty i{font-size:32px;color:#00a58a}
.panel-empty strong{color:#12365e}
.panel-empty p{max-width:420px}
.panel-loading,.panel-error{display:flex;min-height:220px;align-items:center;justify-content:center;gap:12px;border:1px solid #d2e3ee;border-radius:12px;background:#fff;padding:28px}
.panel-loading i{font-size:30px;color:#197ed0;animation:panel-spin 1s linear infinite}
.panel-error{justify-content:flex-start}.panel-error i{font-size:28px;color:#d46615}.panel-error p{color:#637d9e}.panel-error .panel-button{margin-left:auto}
@keyframes panel-spin{to{transform:rotate(360deg)}}
.panel-avatar{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:50%;background:#ddf4ee;color:#00866e;font-weight:800}
.student-list,.assignment-list,.transaction-list,.ticket-list{display:grid}
.student-card,.assignment-card{display:grid;grid-template-columns:minmax(250px,1.5fr) repeat(3,minmax(120px,.8fr)) auto auto;align-items:center;gap:18px;border-bottom:1px solid #d2e3ee;padding:16px}
.student-card:last-child,.assignment-card:last-child{border-bottom:0}
.student-person,.assignment-title{display:flex;align-items:center;gap:12px;min-width:0}
.student-person strong,.student-person small,.assignment-title strong,.assignment-title small,.student-card>div>strong,.student-card>div>span,.assignment-card>div>strong{display:block}
.student-person small,.assignment-title small,.student-card>div>small,.student-card>div>span,.assignment-card>div>small{color:#637d9e;font-size:12px}
.panel-status{display:inline-flex;width:max-content;align-items:center;border-radius:7px;background:#e9f1f6;color:#496782;padding:6px 10px;font-size:11px;font-weight:800;text-transform:capitalize;white-space:nowrap}
.panel-status.active,.panel-status.on_track,.panel-status.complete,.panel-status.completed,.panel-status.paid,.panel-status.resolved{background:#e1f7ef;color:#00826b}
.panel-status.to_review,.panel-status.ready_to_review,.panel-status.upcoming{background:#e9f4ff;color:#0872cc}
.panel-status.needs_update,.panel-status.needs_follow-up,.panel-status.pending,.panel-status.waiting_on_tutor,.panel-status.open{background:#fff0d7;color:#bd6500}
.panel-status.cancelled,.panel-status.failed,.panel-status.closed{background:#fee8e8;color:#b32828}
.panel-status.draft,.panel-status.refunded{background:#eef2f5;color:#5c7186}
.panel-row-actions{display:flex;align-items:center;gap:6px}
.panel-row-actions .panel-button{min-height:36px;padding:0 13px}
.icon-button{display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:8px;background:transparent;color:#12365e;font-size:20px;cursor:pointer}
.mobile-only,.mobile-segment,.panel-mobile-search{display:none}
.messages-board{display:grid;grid-template-columns:350px minmax(0,1fr);min-height:620px;overflow:hidden}
.conversation-list{border-right:1px solid #d2e3ee}
.conversation-list>.panel-tabs,.conversation-list>.panel-search{margin:0 14px}
.conversation-list>.panel-search{min-width:0}
.conversation{display:grid;width:100%;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;border:0;border-bottom:1px solid #d2e3ee;background:#fff;padding:16px;text-align:left;color:#12365e;cursor:pointer}
.conversation.active{background:#edf7ff}
.conversation span:nth-child(2){min-width:0}
.conversation strong,.conversation small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.conversation small,.conversation time{color:#637d9e;font-size:11px}
.thread{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0}
.thread>header{display:flex;align-items:center;gap:10px;border-bottom:1px solid #d2e3ee;padding:14px 18px}
.thread>header strong,.thread>header small{display:block}.thread>header small{color:#637d9e;text-transform:capitalize}
.thread-body{display:flex;flex-direction:column;gap:12px;overflow:auto;padding:20px}
.message-bubble{max-width:68%;align-self:flex-start;border-radius:12px;background:#f1f5f7;padding:12px;color:#12365e}
.message-bubble.sent{align-self:flex-end;background:#e3f1ff}
.message-bubble time{display:block;margin-top:6px;color:#637d9e;font-size:10px;text-align:right}
.message-form{display:flex;gap:8px;border-top:1px solid #d2e3ee;padding:12px 16px}
.message-form label{flex:1}.message-form input{width:100%;height:40px;border:1px solid #d2e3ee;border-radius:8px;padding:0 12px}
.message-form button{width:42px;border:0;border-radius:8px;background:#0878d8;color:#fff;font-size:18px}
.assignment-card{grid-template-columns:minmax(250px,1.5fr) minmax(130px,.8fr) minmax(180px,1fr) auto auto}
.mini-progress{height:7px;margin-top:8px;overflow:hidden;border-radius:99px;background:#e5eef1}
.mini-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#007f73,#31ad82)}
.availability-layout,.payments-layout,.support-layout{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(280px,1fr);gap:14px}
.availability-days article{display:flex;min-height:70px;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #d2e3ee;padding:10px 16px}
.availability-days article:last-child{border-bottom:0}
.availability-days strong,.availability-days small{display:block}.availability-days small{margin-top:3px;color:#637d9e}
.availability-side{display:grid;align-content:start;gap:14px}
.panel-card{padding:16px}.panel-card>h2,.panel-card header h2{font-size:18px}
.panel-card>p,.panel-card header p{margin-top:6px;color:#637d9e}
.panel-card>p:has(>i){display:flex;align-items:center;gap:12px;border-top:1px solid #d2e3ee;padding:14px 0}
.panel-card>p>i{font-size:20px;color:#0878d8}.panel-card>p span{display:block;flex:1}.panel-card>p strong,.panel-card>p small{display:block}.panel-card>p small{color:#637d9e}
.toggle{display:flex;width:42px;height:24px;align-items:center;border:0;border-radius:99px;background:#cfdae3;padding:3px;cursor:pointer}
.toggle span{width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .18s}
.toggle.on{background:#1592df}.toggle.on span{transform:translateX(18px)}
.payment-hero{display:none}
.earnings-chart{min-height:250px}
.chart-empty{display:grid;min-height:180px;place-items:center;align-content:center;gap:7px;color:#637d9e;text-align:center}
.chart-empty i{font-size:52px;color:#197ed0}
.chart-empty strong{color:#12365e}
.transaction-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;border-top:1px solid #d2e3ee;padding:13px 16px}
.transaction-list article>i{font-size:20px;color:#0878d8}.transaction-list article small{display:block;color:#637d9e}
.profile-completion{display:flex;align-items:center;gap:16px;padding:18px}
.profile-completion>i{font-size:42px;color:#197ed0}.profile-completion>div{flex:1}.profile-completion p{margin:4px 0;color:#637d9e}
.profile-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:14px}
.profile-card{padding:28px 18px;text-align:center}.profile-avatar{display:grid;width:92px;height:92px;margin:0 auto 12px;place-items:center;border-radius:50%;background:linear-gradient(135deg,#e8f7ff,#effaf6);color:#0878d8;font-size:28px;font-weight:800}
.profile-card>p{margin-top:5px;color:#637d9e}.profile-tags{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.profile-tags span{border-radius:7px;background:#eaf5ff;color:#126bb0;padding:6px 9px;font-size:11px;font-weight:700}
.profile-card dl{display:grid;grid-template-columns:repeat(3,1fr);margin:14px 0;border-block:1px solid #d2e3ee;padding:14px 0}.profile-card dt{color:#637d9e;font-size:10px}.profile-card dd{margin:3px 0 0;color:#062f5d;font-size:18px;font-weight:800}
.profile-sections{display:grid;gap:12px}.profile-sections>article{padding:16px}.profile-sections header{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-sections>article>p{margin-top:10px;color:#637d9e}.profile-sections>article>p:has(i){display:flex;gap:10px}.profile-sections>article>p strong,.profile-sections>article>p small{display:block}
.support-search{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(100deg,#e8f7ff,#effaf6);padding:26px}.support-search h2{margin-top:5px}.support-search small{color:#0878d8;font-weight:800;text-transform:uppercase}.support-search .panel-search{width:min(100%,520px)}
.support-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.support-categories button{display:flex;min-height:92px;align-items:center;gap:12px;border:1px solid #d2e3ee;border-radius:12px;background:#fff;padding:14px;color:#12365e;text-align:left;cursor:pointer}.support-categories button>span{background:#e8f7ff;color:#197ed0}.support-categories button>i{margin-left:auto}
.support-layout>aside{display:grid;align-content:start;gap:14px}
.ticket-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;border-top:1px solid #d2e3ee;padding:18px 16px}.ticket-list article small,.ticket-list article strong,.ticket-list article time{display:block}.ticket-list article small,.ticket-list article time{margin-bottom:3px;color:#637d9e;font-size:11px}
.settings-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:14px}.settings-nav{display:grid;align-content:start;gap:3px;padding:14px}.settings-nav h2{padding:5px 8px 12px}.settings-nav button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:50px;border:0;border-radius:8px;background:#fff;color:#345577;text-align:left;cursor:pointer}.settings-nav button.active{background:#e5f6f1;color:#007f73}
.settings-content{display:grid;gap:12px}.settings-content>section{padding:16px}.settings-content header{display:flex;justify-content:space-between}.settings-content header p{margin-top:4px;color:#637d9e}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:15px}.settings-grid label,.panel-modal-form label{display:grid;gap:6px;color:#345577;font-size:12px;font-weight:700}.settings-grid input,.settings-grid select,.panel-modal-form input,.panel-modal-form select,.panel-modal-form textarea{width:100%;min-height:42px;border:1px solid #d2e3ee;border-radius:8px;background:#fff;padding:9px 11px;color:#12365e;font:500 13px "DM Sans",sans-serif}
.panel-modal-form textarea{min-height:110px;resize:vertical}
.setting-toggle{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;border-top:1px solid #d2e3ee;padding:13px 0}.setting-toggle>i{font-size:20px;color:#0878d8}.setting-toggle strong,.setting-toggle small{display:block}.setting-toggle small{color:#637d9e}.setting-toggle>input{position:absolute;opacity:0;pointer-events:none}
.settings-pair{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:0!important;padding:0!important}.settings-save{justify-self:end}.form-status{color:#00826b;font-size:12px}
.panel-modal{position:fixed;z-index:200;inset:0;display:grid;place-items:center;background:rgba(5,36,66,.56);padding:18px}.panel-modal>section{width:min(100%,520px);max-height:90vh;overflow:auto;border-radius:16px;background:#fff;padding:22px;box-shadow:0 25px 60px rgba(6,47,93,.22)}.panel-modal>section>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-modal>section>header button{display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:8px;background:#eef4f8;color:#12365e}.panel-modal-form{display:grid;gap:14px}.privacy-note{display:flex;gap:8px;border-radius:8px;background:#e8f7ff;padding:12px;color:#345577}

@media (max-width:1100px){
  .panel-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .student-card{grid-template-columns:minmax(220px,1.5fr) repeat(2,minmax(110px,1fr)) auto}
  .student-card>div:nth-of-type(4){display:none}
  .assignment-card{grid-template-columns:minmax(220px,1.5fr) minmax(120px,.8fr) minmax(160px,1fr) auto}
  .assignment-card>.panel-status{display:none}
  .support-categories{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .tutor-panel-content{gap:16px}
  .panel-mobile-search{display:none}
  .panel-mobile-search input{width:100%;border:0;outline:0;background:transparent;color:#12365e}
  .panel-heading{align-items:center}.panel-heading h1{font-size:28px}.panel-heading p{font-size:13px}
  .panel-heading .panel-button{min-height:40px;padding:0 13px}.panel-heading .panel-button.secondary{display:none}
  .panel-metrics,.panel-metrics.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .panel-metric{min-height:88px;padding:12px}.panel-metric>span{width:42px;height:42px;flex-basis:42px}.panel-metric strong{font-size:23px}.panel-metric p{font-size:10px}
  .panel-toolbar{display:grid;padding:0 0 10px}.panel-toolbar .panel-tabs{grid-row:1;padding:0 2px}.panel-toolbar>.panel-search{grid-row:2;margin:0 12px}
  .panel-tabs{gap:20px}.panel-tabs button{min-height:48px}
  .panel-search{min-width:0}
  .mobile-only{display:block;padding:12px 14px 0;color:#12365e;font:700 18px "DM Sans",Arial,sans-serif}
  .student-list,.assignment-list{gap:10px;background:#f7fafb;padding:10px}
  .student-card,.assignment-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;border:1px solid #d2e3ee;border-radius:10px;background:#fff;padding:13px}
  .student-card>.student-person,.assignment-card>.assignment-title{grid-column:1}
  .student-card>div:not(.student-person):not(.panel-row-actions),.assignment-card>div:not(.assignment-title){grid-column:1 / -1;display:grid!important;grid-template-columns:90px minmax(0,1fr);align-items:center;border-top:1px solid #e4edf3;padding-top:9px}
  .student-card>.panel-status,.assignment-card>.panel-status{grid-column:2;grid-row:1}
  .student-card>.panel-row-actions{grid-column:1 / -1;justify-content:flex-end}
  .assignment-card>.panel-button{grid-column:2;grid-row:1}
  .messages-board{display:block;min-height:0}.conversation-list{border-right:0}.thread{display:none}
  .conversation-list>.panel-tabs,.conversation-list>.panel-search{margin:0 12px}.conversation-list>.panel-search{margin-bottom:10px}
  .conversation{padding:15px 12px}.conversation.active{background:#edf7ff}
  .availability-layout,.payments-layout,.support-layout,.profile-layout,.settings-layout{grid-template-columns:1fr}
  .availability-side{display:none}.mobile-segment{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin:4px;border-radius:8px;background:#f6f9fb;padding:4px}.mobile-segment button{min-height:38px;border:0;border-radius:6px;background:transparent;color:#637d9e;font-weight:700}.mobile-segment button.active{background:#e8f4ff;color:#0872cc}
  .payment-hero{display:block;background:#1666aa;color:#fff;padding:18px}.payment-hero small,.payment-hero strong,.payment-hero p{display:block}.payment-hero strong{margin:5px 0;font-size:29px}.payment-hero .panel-button{margin:12px 0 0;background:#fff;color:#0872cc}
  .payments-layout{display:block}.payments-layout>aside{display:none}.earnings-chart{min-height:220px}
  .transaction-list article{grid-template-columns:auto minmax(0,1fr) auto}.transaction-list article>.panel-status{grid-column:3}.transaction-list article>strong{color:#00866e}.panel-board>.board-title{padding-inline:12px}
  .profile-completion{padding:15px}.profile-layout{gap:10px}.profile-card{padding:22px 14px}.profile-sections>article{position:relative;padding-right:50px}.profile-sections>article:after{content:"›";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:24px;color:#345577}.profile-sections>article>p{font-size:12px}.profile-sections>article>p:has(i){display:none}
  .support-search{display:block;padding:14px}.support-search .panel-search{margin-top:12px}.support-categories{gap:8px}.support-categories button{min-height:82px;padding:11px}.support-categories button>span{width:40px;height:40px;flex-basis:40px}
  .support-layout>aside{grid-row:1}
  .settings-nav{display:block}.settings-nav h2{display:none}.settings-nav button{width:100%;border-bottom:1px solid #d2e3ee;border-radius:0}.settings-nav button.active{background:#fff;color:#345577}.settings-grid,.settings-pair{grid-template-columns:1fr}.settings-content{display:grid}.settings-content>section:first-child,.settings-content>.settings-pair{display:none}.settings-content .panel-button.primary{width:100%;justify-content:center}
  .panel-modal{padding:12px}.panel-modal>section{padding:18px}
}
@media (max-width:600px){
  .tutor-workspace{overflow-x:clip!important;overflow-y:visible!important;animation:none!important;transform:none!important}
  .tutor-stage{min-width:0;padding-bottom:calc(86px + env(safe-area-inset-bottom))!important}
  .tutor-bottom-nav{position:fixed!important;z-index:120!important;inset:auto 0 0 0!important;width:100%!important;max-width:none!important;transform:translateZ(0);backface-visibility:hidden;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -2px 14px rgba(6,47,93,.08)}
  .tutor-panel-content{gap:12px}
  .panel-heading{gap:10px}.panel-heading h1{font-size:27px}.panel-heading p{max-width:250px;line-height:1.35}.panel-heading .panel-button{font-size:13px}.panel-heading .panel-button i{font-size:17px}
  .panel-metric{gap:8px}.panel-metric>span{width:38px;height:38px;flex-basis:38px;font-size:20px}.panel-metric small{font-size:11px}.panel-metric strong{font-size:21px}
  .support-categories button{display:grid;grid-template-columns:auto 1fr}.support-categories button>i{display:none}
  .support-categories button strong{font-size:12px}
  .ticket-list article{grid-template-columns:minmax(0,1fr) auto}.ticket-list article>.icon-button{display:none}
  .panel-button+.panel-button{margin-left:5px}
}

/* Shared mobile tutor shell: one compact, viewport-bound drawer on every section. */
@media (max-width:900px){
  body:has(.tutor-side.open){overflow:hidden}
  .tutor-workspace:has(.tutor-side.open):before{z-index:139!important}
  .tutor-side{
    position:fixed!important;
    inset:0 auto 0 0!important;
    z-index:140!important;
    width:min(82vw,288px)!important;
    height:100vh!important;
    height:100dvh!important;
    min-height:0!important;
    max-height:100dvh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    padding:12px 14px calc(18px + env(safe-area-inset-bottom))!important;
    border-radius:0 16px 16px 0!important;
    box-shadow:18px 0 44px rgba(6,47,93,.16)!important;
    contain:layout paint;
  }
  .tutor-side .workspace-close{
    position:sticky;
    top:0;
    z-index:2;
    min-height:40px;
    margin:0 0 2px auto!important;
    padding:0 8px;
    border-radius:8px;
    background:#fff;
  }
  .tutor-brand{width:146px!important;margin:0 6px 14px!important}
  .tutor-side .workspace-nav{gap:2px!important}
  .tutor-side.more-only .workspace-nav:before{
    content:"More";
    display:block;
    padding:4px 10px 8px;
    color:#637d9e;
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  .tutor-side.more-only .workspace-nav>:nth-child(-n+4){display:none!important}
  .tutor-side .workspace-nav a,
  .tutor-side .workspace-nav button,
  .tutor-side .workspace-nav span{
    min-height:42px;
    padding:9px 11px!important;
    font-size:14px;
  }
  .tutor-side .workspace-signout{
    flex:none;
    min-height:44px;
    margin-top:12px!important;
  }
  .tutor-topbar{min-height:64px!important;padding:10px 14px!important;gap:9px!important}
  .tutor-menu-toggle,.tutor-notice{width:40px!important;height:40px!important;padding:0!important;justify-content:center}
  .tutor-menu-toggle{font-size:0}
  .tutor-menu-toggle i{font-size:22px}
  .tutor-mobile-brand{width:126px!important}
  .tutor-user{min-width:40px!important}
  .tutor-user .avatar{width:40px!important;height:40px!important}
  .tutor-main{
    min-width:0!important;
    max-width:100%!important;
    overflow-x:clip;
    overflow-y:visible;
    padding:14px 14px calc(86px + env(safe-area-inset-bottom))!important;
  }
  .tutor-panel-content,.subscriptions-main,.classes-main{width:100%;min-width:0;max-width:100%}
  .tutor-panel-content>*{min-width:0;max-width:100%}
}

/* Keep the complete tutor navigation visible while the log-out action stays anchored. */
@media (min-width:901px){
  .tutor-side{padding:18px 16px!important}
  .tutor-brand{margin:0 8px 18px!important}
  .tutor-side .workspace-nav{gap:2px!important}
  .tutor-side .workspace-nav a,
  .tutor-side .workspace-nav button,
  .tutor-side .workspace-nav span{min-height:40px;padding:9px 12px!important}
}
@media (max-width:900px){
  .tutor-side{padding:6px 12px calc(8px + env(safe-area-inset-bottom))!important}
  .tutor-side .workspace-close{min-height:30px}
  .tutor-brand{width:132px!important;margin:0 4px 6px!important}
  .tutor-side .workspace-nav{gap:0!important}
  .tutor-side .workspace-nav a,
  .tutor-side .workspace-nav button,
  .tutor-side .workspace-nav span{min-height:34px;padding:5px 9px!important;font-size:13px}
  .tutor-side .workspace-signout{min-height:38px;margin-top:auto!important;padding:7px 9px!important}
}
@media (max-width:900px) and (max-height:620px){
  .tutor-brand{width:120px!important}
  .tutor-side .workspace-nav a,
  .tutor-side .workspace-nav button,
  .tutor-side .workspace-nav span{min-height:30px;padding-block:3px!important;font-size:12px}
  .tutor-side .workspace-signout{min-height:34px}
}