/*
 * 威尔影标移动 H5 适配层
 * 仅依据可用视口和触控能力响应，不依赖设备型号或 User-Agent。
 */
.mobile-tabbar,.mobile-page-title,.mobile-login-brand,.sidebar-backdrop,.mobile-workbench,.mobile-task-focus{display:none}

@media (max-width:760px){
  :root{--mobile-bar:68px;--mobile-gutter:16px}
  html{width:100%;max-width:100%;scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--paper);overflow-x:hidden}
  body{width:100%;max-width:100%;min-width:320px;padding-bottom:calc(var(--mobile-bar) + env(safe-area-inset-bottom));overflow-x:hidden}
  body.menu-open{overflow:hidden}
  button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
  input,select,textarea{font-size:16px;min-height:48px;border-radius:0}
  textarea{line-height:1.65}
  .primary,.dark-btn,.outline{min-height:48px;padding:13px 18px}

  .app{display:block;width:100%;max-width:100%;min-height:100dvh;overflow-x:hidden}
  .main{width:100%;max-width:100%;min-width:0;min-height:100dvh;overflow-x:hidden;background:
    linear-gradient(90deg,transparent 0,transparent calc(100% - 1px),#d5d0c4 calc(100% - 1px)),
    var(--paper)}
  .content{width:100%;max-width:100%;min-width:0;padding:28px var(--mobile-gutter) 34px}
  .content>*,.section-head>div,.task-actions,.create-box,.shoot-plan-box,form,label{min-width:0;max-width:100%}

  .sidebar{display:flex;flex-direction:column;inset:0 auto 0 0;width:min(84vw,320px);padding:calc(24px + env(safe-area-inset-top)) 24px calc(22px + env(safe-area-inset-bottom));transform:translateX(-105%);transition:transform .28s cubic-bezier(.22,.8,.25,1);box-shadow:28px 0 80px #080b0966;z-index:90}
  .sidebar.open{transform:translateX(0)}
  .sidebar .brand{flex:0 0 auto}
  .sidebar nav{display:grid;gap:4px;margin:38px 0 24px;overflow-y:auto}
  .sidebar nav a{min-height:50px;padding:12px 2px;font-size:16px}
  .sidebar nav a em{font-size:11px}
  .side-foot{position:static;margin-top:auto;padding-top:18px;border-top:1px solid #333b34;font-size:12px}
  .sidebar-backdrop{display:block;position:fixed;inset:0;border:0;background:#0b0f0c99;opacity:0;pointer-events:none;transition:opacity .24s;z-index:80}
  body.menu-open .sidebar-backdrop{opacity:1;pointer-events:auto}

  .topbar{height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0;gap:12px;background:#f6f3ebf2;border-bottom:1px solid #b9b5aa;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:60}
  .mobile-menu{display:grid;width:42px;height:42px;padding:0;border:1px solid var(--ink);place-content:center;gap:5px;flex:0 0 42px}
  .mobile-menu span{display:block;width:17px;height:1px;background:var(--ink)}
  .mobile-menu span:last-child{width:11px}
  .topbar>div.mobile-page-title{display:grid!important;flex:1;gap:3px;min-width:0}
  .mobile-page-title b{font:20px "Songti SC","SimSun",serif;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-page-title small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .desktop-identity,.desktop-store,.desktop-store-switch,.desktop-execution-link{display:none!important}

  .mobile-tabbar{display:grid;position:fixed;z-index:70;left:0;right:0;bottom:0;width:100vw;max-width:100vw;height:calc(var(--mobile-bar) + env(safe-area-inset-bottom));padding:6px 10px env(safe-area-inset-bottom);grid-template-columns:repeat(4,minmax(0,1fr));background:#121713f5;color:#aeb5ae;border-top:1px solid #343b35;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
  .mobile-tabbar a,.mobile-tabbar button{position:relative;display:grid;place-items:center;align-content:center;gap:4px;border:0;background:transparent;color:inherit;min-width:0;padding:3px}
  .mobile-tabbar span{display:grid;place-items:center;height:25px;min-width:25px;font:18px "Songti SC","SimSun",serif;color:#eef0eb}
  .mobile-tabbar small{font-size:10px;letter-spacing:1px}
  .mobile-tabbar .active{color:var(--acid)}
  .mobile-tabbar .active span{color:var(--acid)}
  .mobile-tabbar .active:before{content:"";position:absolute;top:-6px;width:34px;height:3px;background:var(--acid)}

  .flash{margin:0 0 16px;padding:13px 14px;font-size:13px;line-height:1.55}
  .section-head{display:block;margin-bottom:24px}
  .section-head h1,.detail-head h1{font-size:clamp(34px,10vw,44px);line-height:1.08;margin:8px 0 10px;letter-spacing:-1px}
  .section-head>div>p:last-child,.detail-head>div>p:last-child{font-size:12px;line-height:1.7}
  .eyebrow{font-size:9px;letter-spacing:2.4px}

  .metrics{grid-template-columns:1fr 1fr;margin:20px 0 28px;background:#f8f5ee}
  .metrics article{min-height:116px;padding:14px;border-bottom:1px solid var(--line)}
  .metrics article:nth-child(2){border-right:0}
  .metrics article:nth-child(n+3){border-bottom:0}
  .metrics strong{font-size:36px}
  .metrics small,.metrics span{font-size:9px}

  .action-row{align-items:stretch;gap:13px;flex-direction:column;padding-bottom:13px}
  .action-row h2,.panel h2,.crew h2{font-size:29px}
  .action-row .primary{width:100%;text-align:center}
  .empty{padding:38px 20px;margin-top:18px;font-size:13px;line-height:1.7}

  .collaboration-join,.task-actions .collaboration-join:only-child{grid-template-columns:1fr;gap:16px;margin:0 0 25px;padding:20px 17px;border-left-width:5px;scroll-margin-top:88px}
  .collaboration-join h2{font-size:28px}
  .collaboration-join p{font-size:12px}
  .collaboration-join form>div{grid-template-columns:1fr}
  .collaboration-join input{font-size:30px;min-height:58px;text-align:center;letter-spacing:9px}
  .collaboration-join button{min-height:52px}

  .task-list{display:grid;gap:12px;margin-top:14px}
  .task-list>a{grid-template-columns:62px minmax(0,1fr);gap:12px;padding:17px 14px;border:1px solid var(--line);border-left:4px solid var(--ink);background:#f8f5ee}
  .task-list>a:active{background:#edf4cf;border-left-color:var(--acid)}
  .task-list time{font-size:25px;align-self:start}
  .task-list time small{font-size:9px;letter-spacing:1px}
  .task-list h3{font-size:22px;line-height:1.25;margin:5px 0}
  .task-list p{line-height:1.6;margin:0}
  .task-list .progress{grid-column:1/-1;grid-template-columns:auto 1fr;align-items:center}
  .task-list .progress strong{font-size:25px}
  .task-list .progress i{height:4px}
  .task-list .progress small{grid-column:2/3}

  .task-actions{grid-template-columns:1fr;gap:14px}
  .task-actions .create-box,.task-actions .collaboration-join{grid-column:1/-1}
  .create-box,.join-box,.panel{padding:20px 17px;margin-bottom:20px}
  .create-box>summary,.join-box>summary{display:flex;align-items:center;min-height:34px;font-size:15px;line-height:1.5}
  .create-box[open]>summary,.join-box[open]>summary{margin-bottom:20px}
  .form-grid,.inline-form{grid-template-columns:1fr;gap:14px}
  .form-grid .full,.inline-form .wide-field{grid-column:auto}
  .shoot-plan-box{padding:20px 17px}
  .shoot-plan-box>summary{font-size:17px}
  .outfit-theme-planner>header{display:block}
  .outfit-theme-planner>header h2{font-size:25px}
  .outfit-theme-planner>header p{text-align:left;margin-top:8px}
  .outfit-theme-row{grid-template-columns:40px 1fr;gap:8px;padding:14px 4px}
  .outfit-theme-row select{grid-column:1/-1}

  .split{grid-template-columns:1fr;gap:18px}
  .list-row{gap:12px;align-items:flex-start}
  .list-row form{flex:0 0 auto}
  .list-row .text-btn{min-height:40px}

  .theme-grid,.photo-grid{grid-template-columns:1fr;gap:14px;border:0}
  .theme-card,.photo-card{border:1px solid var(--line)}
  .theme-cover{height:auto;aspect-ratio:3/4}
  .theme-cover img{object-fit:contain;background:#1a201b}
  .theme-card>div:last-child{padding:17px}
  .theme-card h3{font-size:24px}
  .filter-row{position:sticky;top:calc(64px + env(safe-area-inset-top));z-index:12;margin:18px calc(var(--mobile-gutter) * -1) 14px;padding:8px var(--mobile-gutter);background:#f3f0e8ed;border-bottom:1px solid var(--line);scrollbar-width:none}
  .filter-row::-webkit-scrollbar{display:none}
  .filter-row button{min-height:42px;padding:10px 15px;font-size:13px}
  .photo{height:auto;aspect-ratio:3/4}
  .photo img{object-fit:contain;background:#1d221e}
  .photo-copy{padding:17px}
  .photo-copy h3{font-size:23px}
  .photo-copy p{font-size:12px;line-height:1.7}
  .quick-priority-buttons button{min-height:42px}

  .detail-head{grid-template-columns:1fr;gap:15px;padding-bottom:22px;margin-bottom:22px}
  .detail-head>a{order:-1;display:flex;align-items:center;min-height:42px;font-size:13px}
  .detail-head form{display:grid;grid-template-columns:1fr auto;width:100%}
  .detail-head form input{width:100%;min-width:0}
  .code-card{border:1px solid var(--ink);border-left:5px solid var(--acid);padding:15px 16px;background:#f8f5ee}
  .code-card strong{font-size:38px;letter-spacing:7px}
  .crew{padding:17px;margin:18px 0;align-items:stretch}
  .crew h2{width:100%;font-size:24px}
  .crew span{flex:1 1 130px}
  .start-bar{align-items:stretch;flex-direction:column;gap:12px;padding:17px}
  .start-bar p{font-size:12px;line-height:1.7}
  .outfit{margin:28px 0}
  .outfit>header{display:grid;grid-template-columns:auto 1fr;align-items:end}
  .outfit>header h2{font-size:27px}
  .outfit>header span{grid-column:1/-1;margin:5px 0 0;font-size:11px}
  .review-row{grid-template-columns:58px minmax(0,1fr) 58px;gap:10px;padding:12px 0}
  .review-row>img,.no-proof{width:58px;height:68px}
  .review-row form{grid-column:1/-1;grid-template-columns:1fr}

  .role-overview{margin:25px 0;padding:20px 0}
  .role-overview>header{display:block;margin-bottom:16px}
  .role-overview>header h2{font-size:31px}
  .role-overview>header>span{display:inline-block;margin-top:8px}
  .role-overview-grid{grid-template-columns:1fr 1fr}
  .role-progress-card{min-height:152px;padding:14px}
  .role-progress-card strong{font-size:30px}
  .role-progress-card h3{font-size:15px;margin-top:18px}

  .standard-module-head{grid-template-columns:36px 1fr}
  .standard-module-head>strong{grid-column:2/3;text-align:left}
  .material-gallery{grid-template-columns:1fr}
  .material-image{aspect-ratio:3/4}
  .material-image img{object-fit:contain;background:#1b211c}
  .material-upload-row{grid-template-columns:1fr}
  .lighting-parameter-form{grid-template-columns:1fr}

  .feedback-filter{grid-template-columns:1fr 1fr}
  .feedback-filter>div,.feedback-filter button{grid-column:1/-1}
  .feedback-metrics{grid-template-columns:1fr 1fr}
  .feedback-metrics article{min-height:124px;padding:14px}
  .feedback-metrics strong{font-size:36px}
  .feedback-lead-grid{display:block}
  .ranking-list>a{grid-template-columns:34px 1fr 68px;gap:8px}
  .ranking-list>a>i,.ranking-list>a>small{grid-column:2/-1}
  .ranking-list>a>small{text-align:left}
  .anomaly-panel{margin-top:26px;padding:0 16px 18px}
  .optimization-list{grid-template-columns:1fr}
  .optimization-list article,.optimization-list article:not(:first-child){padding:17px 0;border-right:0}
  .feedback-table{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .feedback-table>div{min-width:690px}
  .recent-exceptions article{grid-template-columns:70px 1fr}
  .recent-exceptions article>span{grid-column:1/2}
  .recent-exceptions article p{grid-column:2/3}

  .log-table{overflow:hidden}
  .log-table .log-head{display:none}
  .log-table>div{grid-template-columns:1fr 1fr;gap:8px;padding:14px 4px}
  .log-table p{grid-column:1/-1;line-height:1.6}

  .login-body{padding:0;min-height:100dvh;background:#121713}
  .login-shell{display:block;width:100%;min-height:100dvh;background:var(--paper)}
  .login-story{display:none}
  .login-card{min-height:100dvh;padding:calc(54px + env(safe-area-inset-top)) 22px calc(32px + env(safe-area-inset-bottom));align-content:center}
  .mobile-login-brand{display:flex;align-items:center;gap:12px;margin-bottom:52px}
  .mobile-login-brand>span{display:grid;place-items:center;width:46px;height:52px;border:1px solid var(--ink);font:italic 33px Georgia,serif}
  .mobile-login-brand>div{display:grid;gap:4px}
  .mobile-login-brand b{font:22px "Songti SC","SimSun",serif;font-weight:400;letter-spacing:2px}
  .mobile-login-brand small{font-size:9px;color:var(--muted)}
  .login-card h2{font-size:36px;margin-bottom:28px}
  .login-card form{gap:18px}
  .login-card button{min-height:54px;margin-top:4px}

  .role-execution-body,.execute-body{padding-bottom:0}
  .role-exec-top{padding-top:env(safe-area-inset-top);min-height:calc(66px + env(safe-area-inset-top))}
  .role-execution-shell{min-height:100dvh}
  .phone-execution{height:100dvh;width:100%;box-shadow:none;padding-bottom:env(safe-area-inset-bottom)}
  .phone-execution>header{padding-top:env(safe-area-inset-top);min-height:calc(70px + env(safe-area-inset-top))}
  .quick-panel{padding-top:calc(22px + env(safe-area-inset-top))}
  .pose-exception-sheet>div{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
}

/* V1.8.3: phone-first field workbench.  This overrides the generic responsive layer above. */
@media (max-width:760px){
  :root{--mobile-gutter:18px;--mobile-bar:72px}
  body{background:#f6f3eb;color:#182019}
  .content{padding:20px var(--mobile-gutter) 38px;background:#f6f3eb}
  .topbar{height:calc(58px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0;background:#f6f3eb;border-bottom:1px solid #d8d3c8;box-shadow:none}
  .mobile-menu{width:38px;height:38px;border:0;background:transparent}
  .mobile-page-title b{font:600 16px/1.1 system-ui,-apple-system,"Microsoft YaHei",sans-serif;letter-spacing:0}
  .mobile-page-title small{font-size:10px;letter-spacing:0}
  .mobile-tabbar{height:calc(var(--mobile-bar) + env(safe-area-inset-bottom));padding:7px 10px env(safe-area-inset-bottom);background:#fffdf8;border-top:1px solid #ddd8ce;color:#697068;box-shadow:0 -5px 20px #1720160b}
  .mobile-tabbar a,.mobile-tabbar button{gap:2px;color:#72776f}
  .mobile-tabbar span{height:25px;font:18px/1 system-ui,sans-serif;color:inherit}
  .mobile-tabbar small{font-size:10px;letter-spacing:0}
  .mobile-tabbar .active,.mobile-tabbar .active span{color:#223928}
  .mobile-tabbar .active:before{top:2px;width:24px;height:2px;background:#c9ee3b}
  .section-head{margin:3px 0 18px}
  .section-head h1,.detail-head h1{font:700 26px/1.22 system-ui,-apple-system,"Microsoft YaHei",sans-serif;letter-spacing:-.8px}
  .section-head>div>p:last-child{font-size:12px;line-height:1.6}
  .eyebrow{font-size:9px;letter-spacing:1.6px;color:#6d746b}

  .mobile-workbench{display:grid;gap:14px}
  .desktop-dashboard{display:none}
  .mobile-workbench-head{display:flex;align-items:flex-start;justify-content:space-between;padding:8px 0 5px}
  .mobile-workbench-head small,.mobile-card-kicker span,.mobile-next-action small,.mobile-schedule small,.mobile-task-focus header small{font:700 10px/1 system-ui,sans-serif;letter-spacing:1.4px;color:#72796f}
  .mobile-workbench-head h1{margin:8px 0 5px;font:700 28px/1.12 system-ui,-apple-system,"Microsoft YaHei",sans-serif;letter-spacing:-1px}
  .mobile-workbench-head p{margin:0;font-size:12px;color:#777e75}
  .field-workbench .mobile-workbench-head>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#1b2c20;color:#d5fa44;font:700 17px system-ui}
  .manager-workbench .mobile-workbench-head>a{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#c9ee3b;color:#132016;font:700 27px/1 system-ui;text-decoration:none}
  .mobile-code-entry{display:grid;gap:5px;padding:17px 18px;border:1px solid #d7d4cb;border-radius:15px;background:#fffdf9;color:inherit;text-decoration:none;box-shadow:0 3px 15px #22281c08}
  .mobile-code-entry span{font-size:11px;color:#6c746a}
  .mobile-code-entry strong{font:700 17px/1.25 system-ui,-apple-system,"Microsoft YaHei",sans-serif}
  .mobile-code-entry strong b{float:right;color:#8cbd14;font-size:24px;line-height:.6}
  .mobile-code-entry small{font-size:11px;color:#8b8f88}
  .mobile-next-task{display:grid;gap:12px;padding:20px;border:0;border-radius:17px;background:#193226;color:#f7f9f0;text-decoration:none;box-shadow:0 10px 24px #21301d24}
  .mobile-next-empty{background:#e9f1c7;color:#172218;box-shadow:none}
  .mobile-card-kicker{display:flex;justify-content:space-between;align-items:center}
  .mobile-card-kicker span{color:#b4c3b7}.mobile-next-empty .mobile-card-kicker span{color:#54614d}
  .mobile-card-kicker b{padding:5px 8px;border-radius:99px;background:#fff2bd;color:#6f5315;font-size:10px}.mobile-next-empty .mobile-card-kicker b{background:#d8eaa0;color:#425126}
  .mobile-next-task h2{margin:0;font:700 23px/1.2 system-ui,-apple-system,"Microsoft YaHei",sans-serif;letter-spacing:-.6px}
  .mobile-next-task p{margin:-4px 0 0;font-size:12px;line-height:1.55;color:#ccd8cd}.mobile-next-empty p{color:#5b6852}
  .mobile-progress{display:grid;gap:7px;margin-top:3px}.mobile-progress i{height:5px;border-radius:8px;background:#ffffff38;overflow:hidden}.mobile-progress i b{display:block;height:100%;background:#c9ee3b}.mobile-progress span{font-size:11px;color:#d7dfd8}
  .mobile-card-action{display:flex;justify-content:space-between;font-size:13px}.mobile-card-action b{font-size:17px;color:#c9ee3b}.mobile-next-empty .mobile-card-action b{color:#32441d}
  .mobile-today-check{padding:17px 2px 4px;border-top:1px solid #ded9cf}.mobile-today-check header{display:flex;justify-content:space-between;font-size:13px}.mobile-today-check strong{font-size:15px}.mobile-today-check p{margin:8px 0 0;font-size:11px;color:#81867e}
  .mobile-manager-metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #ddd8ce;border-radius:15px;background:#fffdf9;overflow:hidden}.mobile-manager-metrics article{display:grid;gap:5px;padding:15px 12px;border-right:1px solid #e4dfd5}.mobile-manager-metrics article:last-child{border-right:0}.mobile-manager-metrics small{font-size:10px;color:#737971}.mobile-manager-metrics strong{font:700 25px/1 system-ui}.mobile-manager-metrics span{font-size:10px;color:#858b83}.mobile-manager-metrics .alert strong{color:#bc613f}
  .mobile-schedule{margin-top:8px;padding:18px;border:1px solid #ded9cf;border-radius:16px;background:#fffdf9}.mobile-schedule>header{display:flex;align-items:end;justify-content:space-between;margin-bottom:8px}.mobile-schedule h2{margin:5px 0 0;font:700 19px/1.2 system-ui,-apple-system,"Microsoft YaHei",sans-serif}.mobile-schedule>header>a{font-size:11px;color:#5c7924;text-decoration:none}.mobile-schedule>a{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:14px 0;border-top:1px solid #ebe6dd;color:inherit;text-decoration:none}.mobile-schedule time{font:700 13px system-ui;color:#52604e}.mobile-schedule strong{display:block;font-size:14px}.mobile-schedule a small{display:block;margin-top:4px;font-size:10px;color:#7e857c}.mobile-schedule em{font:700 12px system-ui;color:#547b1a;font-style:normal}.mobile-schedule-empty{padding:16px 0 4px;font-size:12px;color:#7c8279}.mobile-schedule-empty a{display:block;margin-top:9px;color:#55751e;text-decoration:none}

  .route-tasks .section-head{margin-top:5px}.route-tasks .section-head h1{font-size:24px}.route-tasks .section-head .eyebrow{display:none}.route-tasks .section-head>div>p:last-child{font-size:12px}.user-field .shoot-plan-box{display:none}.task-actions{gap:16px}.task-actions .collaboration-join{order:-1;border:1px solid #d9d5ca;border-left:4px solid #c9ee3b;border-radius:14px;background:#fffdf9;padding:17px}.collaboration-join h2{font:700 20px/1.2 system-ui,-apple-system,"Microsoft YaHei",sans-serif}.collaboration-join .eyebrow{font-size:9px}.collaboration-join p{font-size:11px}.collaboration-join input{font-size:24px;letter-spacing:6px}.collaboration-join button{font-size:13px}.task-list{gap:10px}.task-list>a{grid-template-columns:48px 1fr;border:1px solid #ded9cf;border-left:0;border-radius:13px;padding:15px;background:#fffdf9}.task-list time{font:700 14px/1 system-ui;color:#4e5d4a}.task-list time small{margin-top:7px;font-size:9px}.task-list h3{font:700 17px/1.25 system-ui,-apple-system,"Microsoft YaHei",sans-serif;margin:4px 0}.task-list p{font-size:11px;color:#787f75}.task-list .progress{grid-column:1/-1;grid-template-columns:1fr auto;gap:7px}.task-list .progress strong{grid-column:2;font-size:12px;order:2}.task-list .progress i{grid-column:1;height:5px}.task-list .progress small{grid-column:1;font-size:10px}.task-list>a>span{display:none}

  .mobile-task-focus{display:grid;gap:14px}.task-view-desktop{display:none}.mobile-back{margin:2px 0 1px;color:#667261;font-size:12px;text-decoration:none}.mobile-task-focus>header{padding:3px 0 4px}.mobile-task-focus h1{margin:8px 0 6px;font:700 27px/1.15 system-ui,-apple-system,"Microsoft YaHei",sans-serif;letter-spacing:-.9px}.mobile-task-focus header p{margin:0;font-size:12px;color:#757d74}.mobile-task-code{display:flex;align-items:center;justify-content:space-between;padding:14px 17px;border:1px solid #dfdad0;border-radius:14px;background:#fffdf9}.mobile-task-code span{font-size:11px;color:#737a71}.mobile-task-code strong{font:700 23px/1 system-ui;letter-spacing:4px}.mobile-current-outfit{display:flex;align-items:center;justify-content:space-between;padding:20px;border-radius:16px;background:#203727;color:#fffdf8}.mobile-current-outfit small{font-size:10px;letter-spacing:1.2px;color:#b8c4b9}.mobile-current-outfit h2{margin:7px 0 4px;font:700 20px/1.2 system-ui,-apple-system,"Microsoft YaHei",sans-serif}.mobile-current-outfit p{margin:0;font-size:11px;color:#c6d0c5}.mobile-current-outfit>span{display:grid;place-items:center;width:47px;height:47px;border:2px solid #c9ee3b;border-radius:50%;font:700 13px system-ui;color:#d8fb54}.mobile-next-action{display:flex;align-items:center;justify-content:space-between;padding:18px;border:1px solid #ddd8ce;border-radius:15px;background:#fffdf9;color:inherit;text-decoration:none}.mobile-next-action strong{display:block;margin:6px 0 4px;font:700 16px/1.25 system-ui,-apple-system,"Microsoft YaHei",sans-serif}.mobile-next-action p{margin:0;font-size:11px;color:#7c837a}.mobile-next-action>b{font-size:23px;color:#6e9520}.mobile-start-action .primary{width:100%;border-radius:13px}.mobile-start-action .primary:disabled{background:#d9d8d0;color:#777b72}
}

@media (max-width:380px){
  :root{--mobile-gutter:12px}
  .metrics article{padding:12px;min-height:108px}
  .metrics strong{font-size:33px}
  .section-head h1,.detail-head h1{font-size:34px}
  .role-overview-grid{grid-template-columns:1fr}
  .role-progress-card{min-height:128px;border-right:0}
  .mobile-workbench-head h1,.mobile-task-focus h1{font-size:25px}
  .mobile-next-task{padding:18px}
  .mobile-manager-metrics article{padding:13px 9px}
}

@media (hover:none) and (pointer:coarse){
  button,.primary,.dark-btn,.outline,.sidebar nav a{touch-action:manipulation}
  summary{min-height:44px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .sidebar,.sidebar-backdrop,.theme-card{transition:none!important}
}