:root{--learner-blue:#1768ac;--learner-navy:#123b72;--learner-mint:#169b62;--learner-violet:#7650b6;--learner-amber:#ac7000}
.student-portal,.teacher-portal{min-height:100vh;background:#f5f8fc}
.student-sidebar,.teacher-sidebar{background:linear-gradient(180deg,#10365f,#0d2e53 72%,#102f59)}
.student-sidebar .brand-lockup small,.teacher-sidebar .brand-lockup small{display:block;margin-top:4px;color:#a9c7e4;font-size:9px;letter-spacing:.14em}
.student-sidebar .nav-button.active,.teacher-sidebar .nav-button.active{background:linear-gradient(100deg,#ffffff24,#ffffff12);box-shadow:inset 3px 0 #63c5a0}
.student-sidebar .nav-icon,.teacher-sidebar .nav-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#ffffff16;color:#d9edff}
.student-content,.teacher-content{max-width:1080px;padding-top:32px;padding-bottom:48px}
.student-greeting,.teacher-page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}
.student-greeting h1,.teacher-page-intro h1{margin:6px 0;font:800 clamp(25px,3vw,34px)/1.15 Manrope,sans-serif;letter-spacing:-.04em;color:#16344f}
.student-greeting p,.teacher-page-intro p{margin:0;color:#63788d;line-height:1.55}
.student-date-pill{padding:9px 13px;border:1px solid #dce8f1;border-radius:999px;background:#fff;color:#42617e;font-size:12px;font-weight:700;white-space:nowrap}
.student-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.student-overview-card{padding:21px;min-height:226px;display:flex;flex-direction:column;align-items:flex-start}
.student-card-heading{display:flex;align-items:center;gap:12px}
.student-card-heading small{font-size:10px;letter-spacing:.09em;color:#788ba0;font-weight:800}
.student-card-heading h2,.student-history-link h2,.student-account-action h2{margin:4px 0 0;font:750 17px Manrope,sans-serif;color:#183650}
.student-feature-icon,.teacher-feature-icon{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:14px;font-size:19px;font-weight:800}
.student-feature-icon.blue,.teacher-feature-icon.blue{background:#e6f2ff;color:#1768ac}.student-feature-icon.violet,.teacher-feature-icon.violet{background:#f0e9ff;color:#7650b6}.student-feature-icon.green,.teacher-feature-icon.green{background:#e5f6eb;color:#168150}.student-feature-icon.amber,.teacher-feature-icon.amber{background:#fff3d9;color:#a66c00}
.student-home-state{display:flex;align-items:center;gap:9px;margin:24px 0 3px;color:#183650;font-size:15px;font-weight:750;flex-wrap:wrap}
.student-home-detail{min-height:39px;color:#63788d;font-size:13px;line-height:1.5;margin:4px 0 15px}
.student-overview-card button{margin-top:auto}.student-overview-card button span,.student-history-link button span,.student-account-action button span{margin-left:8px;font-size:18px;vertical-align:-1px}
.student-next-step{display:flex;align-items:flex-start;gap:13px;margin-top:18px;padding:15px 17px;border:1px solid #dce8f1;border-radius:16px;background:linear-gradient(110deg,#fff,#f1f8ff)}
.student-next-icon{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:11px;background:#e5f4ed;color:#168150}.student-next-step strong{color:#254762;font-size:13px}.student-next-step p{margin:4px 0 0;color:#6b7f93;font-size:12px;line-height:1.5}
.student-attendance-panel{max-width:760px;padding:23px}.student-attendance-heading{display:flex;align-items:center;gap:13px}.student-attendance-heading>div{flex:1;min-width:0}.student-attendance-heading small{color:#788ba0;font-weight:800;font-size:10px;letter-spacing:.1em}.student-attendance-heading h2{margin:4px 0 0;font:750 19px Manrope,sans-serif;color:#183650}.student-attendance-times{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:21px 0 15px}.student-attendance-times>div{display:grid;gap:8px;padding:16px;border:1px solid #e0e9f1;border-radius:15px;background:#fbfdff}.student-attendance-times small,.student-history-times small{color:#76899c;font-size:12px}.student-attendance-times strong{font-size:15px;color:#254762}.student-guidance{padding:14px 16px;border:1px solid #dcebf6;border-radius:14px;background:#eff7ff;color:#375b79;line-height:1.55;font-size:13px}
.student-attendance-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.student-attendance-actions button{min-height:48px}.student-attendance-actions button:disabled{opacity:.48;cursor:not-allowed}.student-help-note{max-width:760px;margin-top:15px;padding:13px 15px;border-radius:13px;background:#fff9e9;border:1px solid #f1e6c3}.student-help-note strong{color:#805900;font-size:12px}.student-help-note p{color:#756642;font-size:12px;line-height:1.55;margin:4px 0 0}
.student-history-link{max-width:760px;margin-top:17px;padding:16px;display:flex;align-items:center;gap:13px}.student-history-link>div{flex:1}.student-history-link p{margin:4px 0 0;color:#6b7f93;font-size:12px}.student-history-panel{padding:18px}.student-attendance-history-list{display:grid;gap:9px}.student-attendance-history-row{padding:16px;border:1px solid #e1e9f1;border-radius:15px;background:#fff}.student-history-date{display:flex;align-items:center;justify-content:space-between;gap:12px}.student-history-date strong{color:#183650;font-size:14px}.student-history-times{display:flex;gap:32px;margin-top:12px}.student-history-times span{display:grid;gap:4px}.student-history-times b{font-size:13px;color:#284763}.student-page-size{display:flex;align-items:center;gap:8px;color:#63788d;font-size:12px}.student-page-size select{border:1px solid #d8e4ed;border-radius:10px;padding:9px 27px 9px 10px;background:#fff;color:#244660}
.student-journal-list-panel{display:grid;gap:12px}.student-journal-list-panel>.page-heading{margin:0;align-items:center}.student-journal-list-panel .page-heading h2{margin:0;font:750 19px Manrope,sans-serif;color:#183650}.student-journal-card{box-shadow:0 5px 16px #153b5c08}.student-journal-card .journal-copy{margin-top:14px}.student-journal-card .journal-copy p{line-height:1.55}.journal-history-photo{display:block;max-width:min(100%,360px);max-height:260px;object-fit:contain;border-radius:14px;margin-top:12px;background:#f0f4f7}.student-revision-note{display:flex;gap:12px;padding:15px 17px;margin:-7px 0 14px;border:1px solid #f2ddb0;border-radius:15px;background:#fff9e8;color:#805900}.student-revision-note>span{width:33px;height:33px;display:grid;place-items:center;flex:none;border-radius:10px;background:#fff0c6}.student-revision-note strong{font-size:13px}.student-revision-note p{margin:4px 0;color:#684f1e;font-size:13px;line-height:1.5;white-space:pre-wrap}.student-revision-note small{color:#8a7447;font-size:11px}
.student-journal-form{max-width:820px;margin:0}.student-journal-form .profile-grid{gap:0 14px}.student-journal-form textarea{min-height:112px}.student-journal-form .journal-photo-preview{max-width:220px;max-height:220px;border-radius:14px;margin-top:10px}.student-journal-form .form-actions{flex-wrap:wrap;position:sticky;bottom:0;padding:14px 0 0;background:#fff}.student-journal-form .form-actions .primary{min-width:190px}.student-journal-form .form-actions .back-journals{margin-right:auto}
.student-account-card,.teacher-profile-card{display:flex;align-items:center;gap:17px;max-width:760px;padding:22px}.student-account-avatar,.teacher-profile-avatar{width:60px;height:60px;flex:none;display:grid;place-items:center;border-radius:19px;background:linear-gradient(145deg,#e4f1ff,#e6f7ed);color:#164e80;font:800 25px Manrope,sans-serif}.student-account-info h2,.teacher-profile-card h2{margin:4px 0;font:750 20px Manrope,sans-serif;color:#183650}.student-account-info p,.teacher-profile-card p{margin:5px 0 10px;color:#687d91;font-size:13px}.student-account-info .eyebrow,.teacher-profile-card .eyebrow{color:#688198}.student-account-action,.teacher-account-action{display:flex;align-items:flex-start;gap:15px;max-width:760px;margin-top:16px;padding:19px}.student-account-action>div,.teacher-account-action>div{flex:1}.student-account-action p,.teacher-account-action p{margin:5px 0 12px;color:#687d91;font-size:13px;line-height:1.55}.student-account-logout{max-width:760px;text-align:right;margin-top:16px}
.teacher-welcome{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 29px;margin-bottom:18px;border-radius:22px;color:#fff;background:radial-gradient(circle at 90% 20%,#ffffff20 0 75px,transparent 76px),linear-gradient(115deg,#103c6b,#1768ac 68%,#168c82);box-shadow:0 12px 30px #123b7220}.teacher-welcome h1{margin:8px 0 5px;font:800 clamp(25px,3vw,34px) Manrope,sans-serif;letter-spacing:-.04em}.teacher-welcome p{margin:0;color:#deedfb;line-height:1.5}.teacher-welcome-mark{width:60px;height:60px;display:grid;place-items:center;border-radius:20px;background:#ffffff20;font-size:28px}
.teacher-home-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:17px}.teacher-action-card{position:relative;display:grid;grid-template-columns:48px 1fr 18px;align-items:center;gap:3px 12px;padding:16px;text-align:left;color:#183650;cursor:pointer}.teacher-action-card .teacher-feature-icon{grid-row:span 2}.teacher-action-card strong{font:750 14px Manrope,sans-serif}.teacher-action-card small{color:#6b7f93;font-size:11px;line-height:1.4}.teacher-action-card>b{grid-column:3;grid-row:1/3;color:#1768ac;font-size:23px}.teacher-action-card:hover{border-color:#9bbfe3;transform:translateY(-1px)}
.teacher-pending-preview{padding:19px}.teacher-pending-preview .page-heading{align-items:center;margin-bottom:12px}.teacher-pending-preview h2{margin:0 0 4px;font:750 18px Manrope,sans-serif;color:#183650}.teacher-pending-preview .page-heading p{margin:0;color:#71849a;font-size:12px}.teacher-pending-preview-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:13px 0;border-top:1px solid #eaf0f5}.teacher-pending-preview-row>div{min-width:0;display:grid;gap:4px}.teacher-pending-preview-row strong{color:#1e405d;font-size:13px}.teacher-pending-preview-row small{color:#74889b;font-size:11px}.teacher-pending-preview-row .secondary{padding:8px 10px;font-size:11px}.teacher-page-intro .teacher-intro-icon{width:48px;height:48px;flex:none;display:grid;place-items:center;border-radius:16px;background:#e6f2ff;color:#1768ac;font-size:21px}.teacher-intro-icon.pending{background:#fff1df;color:#a66c00}.teacher-list-panel{padding:18px}.teacher-student-row{border-color:#e4ebf2;box-shadow:none}.teacher-student-row:hover{border-color:#b8d2e8;background:#fbfdff}.teacher-student-title .status{padding:5px 9px}.teacher-student-row>.primary{white-space:nowrap}.teacher-profile-card{max-width:760px}.teacher-account-action{max-width:760px}.teacher-logout{margin:15px 0 0 5px}
.student-top-user,.teacher-top-user{padding:8px 12px;border:1px solid #e0e9f1;border-radius:999px;color:#4d667e;background:#fff;font-size:12px;font-weight:700}
.loading-dot{width:9px;height:9px;border-radius:50%;background:#168b78;box-shadow:0 0 0 5px #e5f5f0;animation:app-dot 1s ease-in-out infinite alternate}@keyframes app-dot{to{opacity:.45;transform:scale(.8)}}
@media(max-width:860px){.student-portal,.teacher-portal{display:block}.student-content,.teacher-content{padding:23px 16px calc(105px + env(safe-area-inset-bottom))}.student-mobile-nav,.teacher-mobile-nav{grid-template-columns:repeat(4,minmax(0,1fr));padding-top:7px}.student-mobile-nav .nav-button,.teacher-mobile-nav .nav-button{min-height:52px;border-radius:12px}.student-mobile-nav .nav-icon,.teacher-mobile-nav .nav-icon{width:30px;height:28px;display:grid;place-items:center;border-radius:9px;background:#edf4fa}.student-mobile-nav .nav-button.active .nav-icon,.teacher-mobile-nav .nav-button.active .nav-icon{background:#ddecfb;color:#1768ac}.student-greeting,.teacher-page-intro{align-items:flex-start}.student-sidebar,.teacher-sidebar{display:none}.student-portal .workspace,.teacher-portal .workspace{grid-column:1}.teacher-home-actions{gap:10px}}
@media(max-width:560px){.student-greeting,.teacher-page-intro{flex-direction:column;gap:12px;margin-bottom:16px}.student-date-pill{align-self:flex-start}.student-home-grid,.teacher-home-actions{grid-template-columns:1fr}.student-overview-card{min-height:205px;padding:18px}.student-attendance-panel{padding:17px}.student-attendance-times{gap:8px}.student-attendance-times>div{padding:12px}.student-attendance-actions{grid-template-columns:1fr}.student-history-link{align-items:flex-start;flex-wrap:wrap;padding:14px}.student-history-link>div{min-width:calc(100% - 62px)}.student-history-link>button{width:100%}.student-journal-list-panel>.page-heading{align-items:flex-start}.student-journal-list-panel .page-heading{gap:8px}.student-journal-card{padding:15px}.student-journal-card .journal-actions{justify-content:flex-start}.student-journal-form{padding:17px}.student-journal-form .profile-grid{grid-template-columns:1fr}.student-journal-form .profile-grid .span2{grid-column:auto}.student-journal-form .form-actions{justify-content:stretch}.student-journal-form .form-actions button{flex:1}.student-journal-form .form-actions .back-journals{flex-basis:100%}.student-account-card,.teacher-profile-card{padding:17px}.student-account-action,.teacher-account-action{padding:16px}.student-history-date{align-items:flex-start}.student-history-times{gap:22px}.teacher-welcome{padding:21px 19px;border-radius:18px}.teacher-welcome-mark{width:45px;height:45px}.teacher-pending-preview{padding:15px}.teacher-pending-preview-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.teacher-pending-preview-row .pending-badge{justify-self:start;grid-column:1}.teacher-pending-preview-row .secondary{grid-column:2;grid-row:1/3}.teacher-student-row{align-items:flex-start;flex-direction:column;padding:15px}.teacher-student-row>.primary{width:100%}.teacher-toolbar{grid-template-columns:minmax(0,1fr) 112px}.teacher-toolbar .student-search{grid-column:1/-1;grid-row:1}.teacher-toolbar .teacher-page-size{grid-column:1;grid-row:2}.teacher-toolbar .search-students{grid-column:2;grid-row:2}.teacher-list-panel{padding:13px}}

.teacher-detail-back{margin:0 0 12px}.teacher-detail-back .quiet{padding:8px 0;color:#1768ac;font-weight:750}
.teacher-student-profile{display:flex;align-items:center;gap:16px;padding:19px;margin-bottom:17px;border-color:#dce7f0;box-shadow:0 8px 22px #123b7208}.teacher-student-profile .teacher-profile-avatar{width:54px;height:54px;border-radius:17px}.teacher-student-profile-info{flex:1;min-width:0}.teacher-student-profile-info h1{margin:3px 0 5px;font:800 clamp(21px,2.4vw,28px)/1.2 Manrope,sans-serif;letter-spacing:-.035em;color:#183650}.teacher-student-profile-info p{margin:0 0 5px;color:#536f88;font-size:13px}.teacher-student-profile-info small{color:#71859a;font-size:12px}
.teacher-detail-tabs{display:flex;gap:7px;padding:5px;width:max-content;max-width:100%;margin:0 0 14px;border:1px solid #e0e9f1;border-radius:14px;background:#edf3f8}.teacher-detail-tabs button{min-height:40px;padding:0 17px;border:0;border-radius:10px;background:transparent;color:#5b7187;font-weight:750;cursor:pointer}.teacher-detail-tabs button.active{background:#fff;color:#1768ac;box-shadow:0 2px 8px #163d5d12}.teacher-detail-pane{padding:19px;border:1px solid #e0e9f1;border-radius:17px;background:#fff;box-shadow:0 8px 24px #153b5c08}.teacher-detail-pane-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.teacher-detail-pane-heading h2{margin:0 0 4px;font:750 18px Manrope,sans-serif;color:#183650}.teacher-detail-pane-heading p{margin:0;color:#6b7f93;font-size:12px}.teacher-detail-pane-heading button{flex:none}.teacher-attendance-filter{display:flex;align-items:flex-end;gap:11px;padding:14px;margin:14px 0 9px;border:1px solid #e4ebf2;border-radius:14px;background:#f9fbfd}.teacher-attendance-filter label{display:grid;gap:6px;flex:1;color:#586f86;font-size:12px;font-weight:700}.teacher-attendance-filter input{min-height:42px;padding:9px 11px;border:1px solid #d5e0e9;border-radius:10px;background:#fff;color:#193a56;font:inherit}.teacher-attendance-filter button{min-height:42px}.teacher-attendance-hint{display:block;margin:0 0 12px;color:#71859a}.student-attendance-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0}.student-report-stat{display:grid;gap:5px;padding:12px;border:1px solid #e1e9f1;border-radius:12px;background:#fbfdff}.student-report-stat small{color:#71859a;font-size:11px}.student-report-stat strong{color:#183f63;font:800 21px Manrope,sans-serif}.student-report-attendance-list{display:grid;gap:8px}.teacher-attendance-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:13px;padding:13px;border:1px solid #e4ebf2;border-radius:12px;background:#fff}.teacher-attendance-row>strong{color:#244660;font-size:13px}.teacher-attendance-row>div{display:grid;gap:3px;min-width:60px}.teacher-attendance-row small{color:#788ba0;font-size:10px}.teacher-attendance-row b{color:#284763;font-size:12px}.teacher-attendance-pager{margin-top:12px}
@media(max-width:560px){.teacher-student-profile{align-items:flex-start;flex-wrap:wrap;padding:15px;gap:11px}.teacher-student-profile .teacher-profile-avatar{width:46px;height:46px}.teacher-student-profile-info{width:calc(100% - 58px);flex:auto}.teacher-student-profile>.pending-badge,.teacher-student-profile>.status{margin-left:57px}.teacher-detail-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr}.teacher-detail-tabs button{padding:0 10px}.teacher-detail-pane{padding:14px}.teacher-detail-pane-heading{align-items:flex-start;flex-direction:column}.teacher-detail-pane-heading button{width:100%}.teacher-attendance-filter{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:11px}.teacher-attendance-filter button{grid-column:1/-1;width:100%}.student-attendance-summary{grid-template-columns:1fr 1fr}.teacher-attendance-row{grid-template-columns:minmax(0,1fr) auto;gap:9px}.teacher-attendance-row>strong{grid-column:1}.teacher-attendance-row>.status{grid-column:2;grid-row:1}.teacher-attendance-row>div{display:flex;justify-content:space-between;grid-column:1/-1;padding-top:6px;border-top:1px solid #edf1f5}.teacher-attendance-row>div b{margin-left:auto}}

/* Shared, role-aware navigation for student and teacher portals. */
.role-nav-list{align-content:start;grid-auto-rows:min-content;gap:7px;padding:0 3px}.role-nav-item{position:relative;min-height:48px;padding:8px 12px;border-radius:12px;transition:background .16s ease,color .16s ease,transform .16s ease}.role-nav-item:hover{transform:translateX(2px)}.role-nav-icon{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:11px;background:#ffffff12;color:#d6e9fa;transition:background .16s ease,color .16s ease}.role-nav-icon svg{width:19px;height:19px}.role-nav-label{flex:1;font-size:13px;font-weight:650}.role-nav-active-mark{position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 4px 4px 0;background:transparent}.student-sidebar .role-nav-item.active,.teacher-sidebar .role-nav-item.active{background:linear-gradient(100deg,#ffffff20,#ffffff0d);color:#fff;box-shadow:inset 0 0 0 1px #ffffff0b}.student-sidebar .role-nav-item.active .role-nav-icon,.teacher-sidebar .role-nav-item.active .role-nav-icon{background:#e8f3ff;color:#1768ac}.student-sidebar .role-nav-item.active .role-nav-active-mark,.teacher-sidebar .role-nav-item.active .role-nav-active-mark{background:#61c7a2}.role-mobile-nav{background:#fffffff2;border-top:1px solid #e5ebf1;box-shadow:0 -10px 28px #173c7012;backdrop-filter:blur(16px)}.role-mobile-nav .role-nav-item{min-height:58px;align-content:center;justify-items:center;gap:3px;padding:5px 2px;border-radius:13px;color:#708198}.role-mobile-nav .role-nav-icon{width:32px;height:30px;border-radius:10px;background:#edf3f8;color:#667e96}.role-mobile-nav .role-nav-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.2;font-weight:650}.role-mobile-nav .role-nav-active-mark{left:50%;top:auto;bottom:1px;width:16px;height:3px;transform:translateX(-50%);border-radius:4px 4px 0 0}.role-mobile-nav .role-nav-item.active{background:#f0f6fd;color:#155d9c}.role-mobile-nav .role-nav-item.active .role-nav-icon{background:#deedfc;color:#1768ac}.role-mobile-nav .role-nav-item.active .role-nav-active-mark{background:#1768ac}.role-nav-item:focus-visible{outline:3px solid #68aee8;outline-offset:2px}.student-sidebar .sidebar-bottom,.teacher-sidebar .sidebar-bottom{padding-top:16px}.student-sidebar .user-mini,.teacher-sidebar .user-mini{padding-bottom:10px}.student-sidebar .logout,.teacher-sidebar .logout{width:100%;text-align:left;border-radius:10px}.student-sidebar .logout:hover,.teacher-sidebar .logout:hover{background:#ffffff12}
@media(max-width:860px){.student-layout .role-mobile-nav,.teacher-layout .role-mobile-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:7px 8px max(8px,env(safe-area-inset-bottom))}.student-layout .role-mobile-nav .role-nav-item,.teacher-layout .role-mobile-nav .role-nav-item{display:grid;width:100%;min-width:0}.student-layout .role-mobile-nav .role-nav-item:hover,.teacher-layout .role-mobile-nav .role-nav-item:hover{transform:none}.student-layout .role-mobile-nav .role-nav-active-mark,.teacher-layout .role-mobile-nav .role-nav-active-mark{display:block}.student-content,.teacher-content{scroll-padding-bottom:100px}}
@media(prefers-reduced-motion:reduce){.role-nav-item,.role-nav-icon{transition:none}}
@media(min-width:861px){.role-nav-label-compact{display:none}}
@media(max-width:860px){.role-nav-label-full{display:none}}
.role-nav-icon .role-icon-accent{stroke:#8ad8ba}.role-nav-icon.blue .role-icon-accent{stroke:#65b9ff}.role-nav-icon.violet .role-icon-accent{stroke:#c5a5ff}.role-nav-icon.green .role-icon-accent{stroke:#70d9aa}.role-nav-icon.amber .role-icon-accent{stroke:#ffc866}.role-nav-icon.slate .role-icon-accent{stroke:#a8c1d8}.role-mobile-nav .role-nav-icon.blue .role-icon-accent{stroke:#177dc5}.role-mobile-nav .role-nav-icon.violet .role-icon-accent{stroke:#8256c4}.role-mobile-nav .role-nav-icon.green .role-icon-accent{stroke:#158858}.role-mobile-nav .role-nav-icon.amber .role-icon-accent{stroke:#b57708}.role-mobile-nav .role-nav-icon.slate .role-icon-accent{stroke:#647b92}
.role-sidebar-user{min-height:54px}.role-sidebar-user .avatar,.role-user-avatar{background:linear-gradient(145deg,#d8ecff,#d9f3e6);color:#155d91;font-weight:800}.role-sidebar-user .user-meta strong{font-size:12px}.role-sidebar-user .user-meta small{font-size:10px;letter-spacing:.03em}.role-user-chip{display:flex;align-items:center;gap:9px;padding:5px 12px 5px 6px;border:1px solid #e2eaf1;border-radius:999px;background:#fff;color:#405c75;font-size:12px;font-weight:700}.role-user-avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-size:12px}.role-user-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:560px){.role-user-chip{padding:3px;border:0;background:transparent}.role-user-avatar{width:34px;height:34px;border:1px solid #e0e9f1}.role-user-name{display:none}}