.role-shortcuts{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}.role-shortcuts button{min-height:44px;padding:10px 16px;border:1px solid #e4dcec;border-radius:12px;background:white;color:#614784;font:inherit;cursor:pointer}.role-shortcuts button:focus-visible,[data-role-accounts]:focus-visible{outline:3px solid #b9a0e4;outline-offset:3px}.role-time-hint{margin:0 0 16px;color:#7f728c;font-size:13px;line-height:1.6}.parent-head-actions{flex-wrap:wrap}#root [data-role-accounts]{min-height:44px;white-space:normal}#root main.wrap>section{scroll-margin-top:24px}.app-shell :is(.self-form input,.self-form textarea,.self-form select){max-width:100%;min-width:0}.app-shell .self-actions{flex-wrap:wrap}@media(max-width:600px){.role-shortcuts{gap:8px}.role-shortcuts button{flex:1 1 120px}.role-time-hint{font-size:12px}}
.app-shell .segmented{display:inline-flex;gap:6px;padding:5px;border:1px solid #e6deee;background:#eee8f6;border-radius:14px;margin-bottom:20px;max-width:100%}.app-shell .segmented button{font:inherit;min-height:44px;border:0;border-radius:10px;padding:10px 18px;background:transparent;color:#7c6c8d;cursor:pointer}.app-shell .segmented button.active{background:white;color:#6742a8;box-shadow:0 2px 5px #39225110}.app-shell .schedule-pane .lesson-card{display:flex;align-items:center;gap:18px;padding:22px;margin:12px 0;border:1px solid #e5deed;border-radius:18px;background:white}.app-shell .lesson-card .date-badge{display:grid;place-items:center;gap:4px;min-width:58px;padding:12px;background:#f2ecfb;border-radius:12px}.app-shell .lesson-card .date-badge b{font-size:24px}.app-shell .lesson-card .list-copy{display:grid;gap:8px;flex:1;min-width:0}.app-shell .lesson-card .list-copy span,.app-shell .lesson-card .list-copy small{color:#7c7088}.app-shell .lesson-card .mini-btn{font:inherit;min-height:44px;border:1px solid #e2d8ee;border-radius:10px;background:#f5f0fc;color:#684a8f;padding:10px 18px;cursor:pointer}@media(min-width:900px){.app-shell .bottom-nav{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:4px}.app-shell .bottom-nav .nav-item{min-height:64px;padding:10px 6px}.app-shell .bottom-nav .nav-item small{font-size:12px}}@media(max-width:600px){.app-shell .schedule-pane .lesson-card{flex-wrap:wrap;padding:16px;gap:12px}.app-shell .lesson-card .mini-btn{width:100%}.app-shell .segmented{display:flex}.app-shell .segmented button{flex:1;padding:10px}}