/* The web workspace uses the same forest/white cards and role journeys as iPhone. */
.app-like{--ws-forest:#143e32;background:#f4f7f4;color:#182b25;font-size:15px}.app-like .layout{grid-template-columns:230px minmax(0,1fr)}.app-like .sidebar{background:#fff;color:#173e32;width:230px;border-right:1px solid #e1e7e2;padding:24px 16px}.app-like .brand{color:#173e32}.app-like .brand strong{white-space:normal;line-height:1.4}.app-like .nav-item{font-size:14px;color:#66766e;min-height:54px;border-radius:14px}.app-like .nav-item.active{color:#143e32;background:#e8efe9;font-weight:700}.app-like .system-state{display:none}.app-like .main{background:#f4f7f4}.app-like .topbar{background:#f4f7f4;border:0}.app-like .top-date,.app-like .user-name,.app-like .user-role,.app-like .breadcrumb>svg,.app-like .breadcrumb>b{display:none}.app-like .content{max-width:1400px;margin:0 auto;padding:24px 34px}.app-like .heading .eyebrow,.app-like .footer{display:none}.app-like h1,.ws-title{font-size:34px;line-height:1.2;color:#132f25;margin:4px 0 22px}.app-like h2{font-size:20px;color:#18382d;margin:8px 0 16px}.app-like .btn{font-size:14px;min-height:44px;border-radius:12px;padding:12px 18px}.app-like .btn.primary{background:#153f32;border-color:#153f32;color:white}.app-like .panel{border-radius:20px;border-color:#e0e7e2;box-shadow:none}.app-like .panel-body{padding:20px}.app-like .field label{font-size:14px}.app-like .field input,.app-like .field select,.app-like .field textarea{font-size:16px;min-height:46px;border-radius:10px}.app-like .muted{font-size:14px;line-height:1.5}.app-like .pill{font-size:12px}.app-like .note{font-size:13px}.ws-card{background:white;border:1px solid #e1e7e3;border-radius:22px;padding:24px;display:block;margin:18px 0;color:#192e26;text-decoration:none;text-align:left;min-width:0}.ws-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ws-grid>.ws-card{margin:0 0 18px}.ws-greeting{font-size:22px;font-weight:600;margin:20px 0}.ws-balance{font-size:40px;color:#143e32;display:block;margin:14px 0}.ws-value{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:16px 0;font-size:16px}.ws-value>span{color:#718078}.ws-link{display:flex;align-items:center;gap:14px;border:0;background:none;color:#173e32;text-align:left;text-decoration:none;width:100%;padding:18px 4px;cursor:pointer;font-size:16px}.ws-link>span{flex:1}.ws-link>strong{flex:1}.ws-link>svg:last-child{margin-left:auto;flex-shrink:0}.ws-link small,.ws-player small{display:block;font-size:13px;color:#748278;margin-top:8px}.ws-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:24px 0}.ws-metric{display:flex;flex-direction:column;gap:12px;background:white;border:1px solid #e2e8e3;border-radius:22px;padding:22px;color:#183f31;text-align:left;cursor:pointer;text-decoration:none}.ws-metric strong{font-size:32px}.ws-metric span{font-size:14px;color:#718078}.ws-management{margin:24px 0;background:#fff;border:1px solid #e0e7e2;border-radius:18px;padding:20px}.ws-management>summary{cursor:pointer;font-size:17px;font-weight:600;min-height:28px}.ws-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:18px}.ws-filters{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:18px}.ws-filters label{display:flex;flex-direction:column;gap:8px;font-size:13px;flex:1;min-width:170px}.ws-filters select,.ws-filters input{font-size:16px;border:1px solid #dbe3dd;border-radius:10px;padding:12px;width:100%;background:white;color:#183e30;min-height:46px}.ws-player{display:flex;align-items:center;gap:16px;width:100%;cursor:pointer}.ws-player>span:nth-child(2){flex:1}.ws-sub{cursor:pointer;width:100%;font-size:15px}.ws-sub:hover,.ws-player:hover,.ws-metric:hover{border-color:#769f87}.ws-lesson small{font-size:14px;color:#718078}.ws-bottom-nav{display:none}.app-like th,.app-like td{font-size:13px}.app-like .panel-head h2{font-size:20px}.app-like .topbar .avatar{min-width:42px;min-height:42px}.workspace-detail{background:#f4f7f4;color:#18382d;padding-bottom:88px}.workspace-detail>header{background:#f4f7f4;color:#18382d;border-bottom:1px solid #e0e7e2}.workspace-detail>header a{color:#18382d}.workspace-detail main{max-width:1300px}.workspace-detail button,.workspace-detail .btn{border-radius:12px}.workspace-detail input,.workspace-detail select,.workspace-detail textarea{border-radius:10px}
@media(max-width:900px){.ws-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.app-like .layout{grid-template-columns:200px minmax(0,1fr)}.app-like .sidebar{width:200px}.ws-grid{grid-template-columns:1fr}.app-like .content{padding:20px}.ws-directory{grid-template-columns:1fr}}
@media(max-width:720px){.app-like .layout{display:block}.app-like .sidebar{display:none}.app-like .mobile-menu{display:none}.app-like .topbar{padding:12px 16px;height:auto;min-height:64px}.app-like .content{padding:16px 16px calc(100px + env(safe-area-inset-bottom))}.app-like .breadcrumb>span{max-width:160px;font-size:15px}.app-like h1,.ws-title{font-size:31px}.ws-card{padding:20px;margin:16px 0}.ws-greeting{font-size:20px}.ws-metrics{gap:12px}.ws-metric{padding:18px}.ws-filters{gap:14px}.ws-filters label{min-width:100%}.ws-bottom-nav{position:fixed;z-index:60;display:flex;bottom:0;left:0;right:0;justify-content:space-around;gap:2px;padding:8px 7px calc(8px + env(safe-area-inset-bottom));background:#f8faf8f5;backdrop-filter:blur(14px);border-top:1px solid #e0e7e2}.ws-bottom-nav .nav-item,.workspace-detail .ws-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#849087;background:none;flex:1;min-width:0;min-height:56px;padding:5px 1px;font-size:10px;text-decoration:none;text-align:center;border:0}.ws-bottom-nav .nav-item.active,.workspace-detail .ws-bottom-nav a.active{color:#143e32;background:none}.ws-bottom-nav .nav-item svg{width:23px;height:23px}.app-like .heading{gap:10px}.app-like .metrics{gap:10px}.app-like .topright .icon-btn[data-action="refresh"]{display:none}.app-like .week{grid-template-columns:repeat(7,minmax(110px,1fr))}.ws-balance{font-size:34px}.workspace-detail>header{flex-wrap:wrap;padding:14px;gap:12px}.workspace-detail>main{padding:16px}.workspace-detail .workspace{grid-template-columns:1fr}}
.ws-running{display:flex;justify-content:center;gap:14px;margin:20px 0;min-height:60px;font-size:19px!important}.workspace-detail [data-session-tab][hidden]{display:none!important}.workspace-detail .session-nav{display:flex;padding:5px;background:#e5ebe6;border-radius:14px;gap:6px}.workspace-detail .session-nav a{flex:1;text-align:center;border-radius:10px;border:0;font-size:14px;padding:12px 8px}.workspace-detail .session-nav a[aria-selected="true"]{background:#163f32;color:#fff}.workspace-detail .session-top{color:#21553d;font-weight:600}.workspace-detail .scheme{border-radius:20px;border-color:#e0e7e2}.workspace-detail .player{border-radius:16px}.workspace-detail .session-nav+ h1{margin-top:24px}