/* Shared work surfaces; the cockpit and other modules keep their existing layout. */
#app:has(.business-work-heading) {
  --work-bg:#0b1420;--work-surface:#152637;--work-raised:#1d3347;
  --work-text:#e7f0fa;--work-muted:#aec3d6;--work-accent:#76dece;--work-line:#3b566d;
}
#app .lanyao-v2 main.main:has(.business-work-heading){background:var(--work-bg);color:var(--work-text)}
#app .shell:has(>.main>.business-work-heading){background:var(--work-bg)}
#app .business-work-heading{
  min-height:0;padding:0 0 18px;margin:0 0 20px;gap:16px;
  background:transparent;border:0;border-bottom:1px solid var(--work-line);border-radius:0;box-shadow:none;
}
#app .business-work-heading::after{display:none}
#app .business-work-heading .eyebrow{display:none}
#app .business-work-heading h1{font-family:"Microsoft YaHei UI","PingFang SC",sans-serif;font-size:24px;font-weight:650;letter-spacing:0;color:var(--work-text);margin:0 0 6px}
#app .business-work-heading p{font-size:13px;line-height:1.6;color:var(--work-muted);margin:0}
#app .business-work-heading .demo-badge{display:none}
#app:has(.business-work-heading) :is(.fl-crm,.finance-work){
  --fl-ink:var(--work-text);--fl-mid:var(--work-muted);--fl-line:var(--work-line);--fl-accent:var(--work-accent);
  background:var(--work-surface);color:var(--work-text);border-color:var(--work-line);border-radius:12px;padding:20px 24px;
  font-family:"Microsoft YaHei UI","PingFang SC",sans-serif;font-size:14px;line-height:1.55;
}
#app:has(.business-work-heading) :is(.fl-crm,.finance-work) h2{font:650 19px/1.4 "Microsoft YaHei UI","PingFang SC",sans-serif;color:var(--work-text)}
#app:has(.business-work-heading) :is(.fl-crm,.finance-work) h3{font-family:inherit;color:var(--work-text)}
#app:has(.business-work-heading) :is(.fl-crm,.finance-work) :is(button,summary,input,select,textarea){font-family:inherit}
#app:has(.business-work-heading) :is(.fl-crm,.finance-work) :is(button,summary){transition:background-color 160ms,color 160ms,border-color 160ms}
#app:has(.business-work-heading) :is(.fl-crm,.finance-work) button{min-height:38px;background:var(--work-raised);border-color:#547087;color:var(--work-text);box-shadow:none}
#app:has(.business-work-heading) :is(.fl-crm,.finance-work) button:hover:not(:disabled){background:#28445b;border-color:var(--work-accent)}
#app:has(.business-work-heading) :is(.fl-crm,.finance-work) button.fl-primary,
#app:has(.business-work-heading) .finance-work button[type=submit]:not(:disabled){background:var(--work-accent);color:#092c30;border-color:var(--work-accent)}
#app:has(.business-work-heading) :is(.fl-crm,.finance-work) :is(input,select,textarea){color:var(--work-text);background:#0e1e2d;border-color:#547087;min-height:38px}
#app:has(.business-work-heading) :is(.fl-crm,.finance-work) input[type=checkbox]{min-height:0;accent-color:var(--work-accent)}
#app:has(.business-work-heading) :is(input,textarea)::placeholder{color:#9cb3c9;opacity:1}
#app:has(.business-work-heading) :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid #9edcff;outline-offset:3px}
#app:has(.business-work-heading) :is(.fl-crm,.finance-work) ::selection{background:#76dece;color:#092c30}
#app:has(.business-work-heading) :is(.fl-crm,.finance-work) table{font-size:14px;font-variant-numeric:tabular-nums}
#app:has(.business-work-heading) :is(.fl-crm,.finance-work) th{color:var(--work-muted);font-weight:500;background:#102031;padding:11px 10px}
#app:has(.business-work-heading) :is(.fl-crm,.finance-work) td{border-color:#30495e;padding:12px 10px;color:var(--work-text)}
#app:has(.business-work-heading) :is(.fl-crm,.finance-work) tbody tr:hover td{background:#1b3145}
#app:has(.business-work-heading) .fl-crm small{color:var(--work-muted);font-size:12px}
#app:has(.business-work-heading) .fl-modal{color:var(--work-text);background:var(--work-surface);border-color:var(--work-line);font-family:"Microsoft YaHei UI","PingFang SC",sans-serif}
#app:has(.business-work-heading) .fl-crm>.fl-head{gap:16px}
#app:has(.business-work-heading) .fl-crm>.fl-head small{margin-top:4px}
#app:has(.business-work-heading) .fl-crm nav{overflow:visible;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 0 12px;margin-bottom:16px;border-color:var(--work-line)}
.fl-main-tabs{display:flex;gap:4px;flex-wrap:wrap}
#app:has(.business-work-heading) .fl-crm nav button{background:transparent;border-color:transparent}
#app:has(.business-work-heading) .fl-crm nav [aria-current=page]{background:#254653;border-color:#6aa79e;color:#b5f5e8}
#app:has(.business-work-heading) :is(.training-tabs,.finance-nav,.sf-filters) button:is([aria-selected=true],[aria-pressed=true]){background:#254653;color:#b5f5e8;border-color:#6aa79e}
.fl-management{flex-shrink:0;min-width:110px}
.fl-management>summary{padding:8px 12px;border-radius:7px;color:var(--work-muted);cursor:pointer;min-height:38px;box-sizing:border-box}
.fl-management[open]>summary{color:var(--work-accent)}
.fl-management>div{display:flex;flex-wrap:wrap;gap:4px;padding-top:6px}
.fl-stage-filters{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 10px;margin-bottom:8px}
#app:has(.business-work-heading) .fl-stage-filters button{background:transparent;border-color:transparent;color:var(--work-muted);font-size:12px;min-height:34px;padding:6px 10px}
#app:has(.business-work-heading) .fl-stage-filters [aria-pressed=true]{color:var(--work-accent);background:#203e48;border-color:#548a87}
.fl-result-count{margin-left:auto;color:var(--work-muted);font-size:13px;white-space:nowrap}
.fl-pagination{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:20px;color:var(--work-muted);font-size:13px}
.fl-note-preview{margin:0 0 8px;max-width:220px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}
.fl-row-more{position:relative;min-width:54px}
.fl-row-more summary{cursor:pointer;color:var(--work-muted);padding:8px 4px;white-space:nowrap}
.fl-row-more[open]{display:flex;flex-direction:column;gap:5px}
#app:has(.business-work-heading) .fl-crm button.fl-danger{color:#ffc0bb;border-color:#976f77;background:transparent}
#app:has(.business-work-heading) .fl-stage{display:inline-block;padding:3px 8px;border-radius:5px;font-size:12px;color:#c9dcf1;background:#263e58}
#app:has(.business-work-heading) .fl-stage[data-stage=pending],#app:has(.business-work-heading) .fl-stage[data-stage=assigned]{color:#f5ce91;background:#493e29}
#app:has(.business-work-heading) .fl-stage[data-stage=ordered],#app:has(.business-work-heading) .fl-stage[data-stage=added]{color:#a3e8d8;background:#234840}
#app:has(.business-work-heading) .fl-stage[data-stage=cancelled]{color:#f6b8b2;background:#4a303b}
.fl-money{font-variant-numeric:tabular-nums;white-space:nowrap}
#app:has(.business-work-heading) .fl-crm td[data-label=订单总额]{text-align:right}
#app:has(.business-work-heading) .fl-empty{border-top:1px solid var(--work-line);padding:32px 12px;text-align:center;color:var(--work-muted)}
@media(max-width:1000px){
 #app:has(.business-work-heading) :is(.fl-crm,.finance-work){padding:18px}
 #app:has(.business-work-heading) .fl-crm nav{flex-wrap:wrap}
 .fl-management>div{flex-direction:row}
}
@media(max-width:640px){
 #app .business-work-heading{margin-bottom:14px;padding-bottom:14px;align-items:flex-start}
 #app .business-work-heading h1{font-size:21px}
 #app:has(.business-work-heading) :is(.fl-crm,.finance-work){padding:14px;border-radius:10px;min-width:0}
 #app:has(.business-work-heading) :is(.fl-crm,.finance-work) button{min-height:42px}
 #app:has(.business-work-heading) .fl-crm>.fl-head{align-items:flex-start}
 #app:has(.business-work-heading) .fl-crm .fl-filters input{width:100%}
 .fl-main-tabs{gap:2px}
 .fl-result-count{margin-left:0}
 #app:has(.business-work-heading) .fl-crm .fl-scroll{overflow:visible}
 #app:has(.business-work-heading) .fl-crm .fl-scroll :is(table,tbody){display:block;width:100%;min-width:0}
 #app:has(.business-work-heading) .fl-crm .fl-scroll thead{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
 #app:has(.business-work-heading) .fl-crm .fl-scroll tr{display:flex;flex-direction:column;border-top:1px solid var(--work-line);padding:14px 0}
 #app:has(.business-work-heading) .fl-crm .fl-scroll td{display:grid;grid-template-columns:92px minmax(0,1fr);gap:6px 10px;padding:7px 0;border:0;text-align:left;white-space:normal;overflow-wrap:anywhere}
 #app:has(.business-work-heading) .fl-crm .fl-scroll td::before{content:attr(data-label);font-size:12px;color:var(--work-muted);grid-row:1 / span 3}
 #app:has(.business-work-heading) .fl-crm .fl-scroll td>*{grid-column:2;min-width:0}
 #app:has(.business-work-heading) .fl-crm .fl-scroll td:first-child{display:block;font-size:16px;padding-bottom:12px}
 #app:has(.business-work-heading) .fl-crm .fl-scroll td{order:3}
 #app:has(.business-work-heading) .fl-crm .fl-scroll td:first-child{order:0}
 #app:has(.business-work-heading) .fl-crm .fl-scroll td:is([data-label=状态],[data-label=课程状态]){order:1}
 #app:has(.business-work-heading) .fl-crm .fl-scroll td[data-label=操作]{order:2}
 #app:has(.business-work-heading) .fl-crm .fl-scroll td:first-child::before{display:none}
 .fl-pagination{justify-content:space-between;gap:8px;font-size:12px}
 .fl-pagination button{padding-inline:8px}
 .fl-note-preview{max-width:none}
}
@media(prefers-reduced-motion:reduce){#app:has(.business-work-heading) :is(.fl-crm,.finance-work) :is(button,summary){transition:none}}