/*
 * GFT OPS shell styles taken from the confirmed prototype
 *   OPS_P0已确认(股票主档、个股详情、交易日历、系统用户）.html (sha256 2746e170…ed21f).
 * Content = the final CSSOM rules (after every prototype presentation patch) that matched an element in at
 * least one exercised state (light and dark themes, 390px, dialogs and empty/error states), extracted by
 * claude/phase2/tools/extract_used_css.cjs. Rule order and @media context are preserved.
 * Production-only additions live in css/app.css.
 */
/* ==== style[0] ==== */
:root { --mf-font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif; --mf-sidebar-width: 14rem; --mf-header-height: 2.75rem; --mf-control-height-md: 2rem; --mf-space-3xs: .125rem; --mf-space-xxs: .25rem; --mf-space-xs: .375rem; --mf-space-sm: .5625rem; --mf-space-md: .75rem; --mf-space-lg: 1.125rem; --mf-space-xl: 1.5rem; --mf-space-xxl: 2.25rem; --mf-border-radius-xs: .125rem; --mf-border-radius-sm: .25rem; --mf-border-radius-md: .5rem; --mf-border-radius-lg: .75rem; --mf-border-radius-full: 9999px; --mf-primary-0: var(--mf-color-primary-bg); --mf-primary-1: var(--mf-color-bg-active); --mf-primary-5: var(--mf-color-primary); --mf-primary-6: var(--mf-color-primary-hover); }
html[theme="light"] { color-scheme: light; --mf-color-primary: #6742D6; --mf-color-primary-hover: #5433B6; --mf-color-primary-bg: #FCF2DE; --mf-color-primary-on: #FFFFFF; --mf-color-text-1: #211B33; --mf-color-text-2: #4E4666; --mf-color-text-3: #8F87AB; --mf-color-text-4: #C6C0D0; --mf-color-border: #E4DEF1; --mf-color-border-2: #CFC6E2; --mf-color-bg-page: #FAF9FC; --mf-color-bg-container: #FFFFFF; --mf-color-bg-section-1: #F8F6FC; --mf-color-bg-hover: #F3EFFA; --mf-color-bg-active: #EEE9F6; --mf-color-bg-elevated: #FFFFFF; --mf-color-error: #DD3A2E; --mf-shadow-color: #B9B2C9; --mf-shadow-1: 0 1px 2px color-mix(in srgb,var(--mf-shadow-color) 12%,transparent),0 2px 6px color-mix(in srgb,var(--mf-shadow-color) 8%,transparent); --mf-shadow-2: 0 8px 24px color-mix(in srgb,var(--mf-shadow-color) 24%,transparent),0 2px 8px color-mix(in srgb,var(--mf-shadow-color) 12%,transparent); --tc1-line-a: #6742D6; --tc1-line-b: #2F7CF6; --tc1-user-line: #14B8A6; --tc1-p1: #6742D6; --tc1-p2: #2F7CF6; --tc1-p3: #14B8A6; --tc1-p4: #F59E0B; --tc1-p5: #E2558F; --tc1-p6: #94A3B8; }
html[theme="dark"] { color-scheme: dark; --mf-color-primary: #F2A73B; --mf-color-primary-hover: #FFBD5A; --mf-color-primary-bg: #2A2012; --mf-color-primary-on: #1B1408; --mf-color-text-1: #F5F1E8; --mf-color-text-2: #DDD7C9; --mf-color-text-3: #8E93A3; --mf-color-text-4: #545967; --mf-color-border: #2A3040; --mf-color-border-2: #3A4256; --mf-color-bg-page: #0F1117; --mf-color-bg-container: #171B25; --mf-color-bg-section-1: #1B2030; --mf-color-bg-hover: #202637; --mf-color-bg-active: #252B38; --mf-color-bg-elevated: #171B25; --mf-color-error: #F04A50; --mf-shadow-color: #090A0E; --mf-shadow-1: 0 1px 3px color-mix(in srgb,var(--mf-shadow-color) 34%,transparent); --mf-shadow-2: 0 8px 24px color-mix(in srgb,var(--mf-shadow-color) 58%,transparent),0 2px 8px color-mix(in srgb,var(--mf-shadow-color) 36%,transparent); --tc1-line-a: #F2A73B; --tc1-line-b: #60A5FA; --tc1-user-line: #34D399; --tc1-p1: #F2A73B; --tc1-p2: #60A5FA; --tc1-p3: #34D399; --tc1-p4: #F472B6; --tc1-p5: #A78BFA; --tc1-p6: #94A3B8; }
* { box-sizing: border-box; margin: 0px; padding: 0px; }
html, body { height: 100%; }
body { font-family: var(--mf-font-family); font-size: 14px; color: var(--mf-color-text-1); background: var(--mf-color-bg-page); -webkit-font-smoothing: antialiased; }
button { font: inherit; color: inherit; }
button:focus-visible { outline: 2px solid var(--mf-color-primary); outline-offset: 2px; }
svg { display: block; }
.ops-layout { height: 100vh; display: flex; overflow: hidden; }
.ops-nav { width: var(--mf-sidebar-width); display: flex; flex-direction: column; flex-shrink: 0; overflow: hidden; background: var(--mf-color-bg-container); border-right: 1px solid var(--mf-color-border); transition: width 0.25s, border 0.25s; }
.ops-nav.collapsed { width: 0px; border-right-width: 0px; }
.ops-nav-header { height: 3rem; display: flex; align-items: center; gap: var(--mf-space-xs); padding: 0 var(--mf-space-sm) 0 var(--mf-space-md); border-bottom: 1px solid var(--mf-color-border-2); flex-shrink: 0; }
.ops-nav-mark { width: 1.75rem; height: 1.75rem; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.ops-nav-mark img { width: 100%; height: 100%; display: block; object-fit: contain; }
.ops-nav-title { font-size: 14px; font-weight: 600; flex: 1 1 0%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.icon-btn { width: 1.75rem; height: 1.75rem; border: 0px; background: transparent; border-radius: var(--mf-border-radius-sm); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; color: var(--mf-color-text-2); flex-shrink: 0; }
.icon-btn:hover { background: var(--mf-color-bg-hover); color: var(--mf-color-text-1); }
#themeBtn { width: 34px; height: 34px; border-radius: 10px; border: 0px; background: transparent; display: grid; place-items: center; cursor: pointer; position: relative; transition: background-color 0.16s, color 0.16s; color: var(--mf-color-text-2); flex-shrink: 0; }
#themeBtn:hover { background: var(--mf-color-bg-hover); color: var(--mf-color-primary); }
#themeBtn svg { width: 17px; height: 17px; fill: none; stroke: currentcolor; stroke-width: 1.8; }
.ops-nav-content { flex: 1 1 0%; min-height: 0px; overflow-y: auto; padding: var(--mf-space-xs) 0; }
.menu { display: flex; flex-direction: column; gap: 2px; padding: 0 var(--mf-space-xs); }
.menu-item { width: 100%; height: 2rem; border: 0px; background: transparent; border-radius: var(--mf-border-radius-sm); display: flex; align-items: center; gap: var(--mf-space-sm); padding: 0 var(--mf-space-sm); cursor: pointer; color: var(--mf-color-text-2); text-align: left; white-space: nowrap; }
.menu-item:hover { background: var(--mf-color-bg-hover); color: var(--mf-color-text-1); }
.menu-item.active { background: var(--mf-color-primary-bg); color: var(--mf-color-primary); font-weight: 500; }
.menu-icon { width: 1rem; height: 1rem; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.menu-text { overflow: hidden; text-overflow: ellipsis; }
.menu-group { display: flex; flex-direction: column; gap: 2px; }
.menu-parent { position: relative; }
.menu-parent .menu-arrow { margin-left: auto; width: 14px; height: 14px; display: inline-flex; align-items: center; justify-content: center; color: var(--mf-color-text-3); transition: transform 0.18s; flex-shrink: 0; }
.menu-group.expanded .menu-parent .menu-arrow { transform: rotate(90deg); }
.submenu { display: none; flex-direction: column; gap: 1px; padding: 1px 0px 3px; }
.menu-group.expanded .submenu { display: flex; }
.submenu-item { width: 100%; min-height: 1.75rem; border: 0px; background: transparent; border-radius: var(--mf-border-radius-sm); display: flex; align-items: center; padding: 4px var(--mf-space-sm) 4px 2.05rem; cursor: pointer; color: var(--mf-color-text-3); text-align: left; font-size: 13px; line-height: 1.35; white-space: nowrap; }
.submenu-item:hover { background: var(--mf-color-bg-hover); color: var(--mf-color-text-1); }
.submenu-item.active { background: var(--mf-color-primary-bg); color: var(--mf-color-primary); font-weight: 500; }
.ops-nav-footer { position: relative; border-top: 1px solid var(--mf-color-border-2); padding: var(--mf-space-xs) var(--mf-space-sm); flex-shrink: 0; z-index: 20; }
.ops-user { display: flex; align-items: center; gap: var(--mf-space-xs); padding: var(--mf-space-xxs); border-radius: var(--mf-border-radius-sm); min-width: 0px; }
.avatar { width: 2rem; height: 2rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--mf-color-primary-bg); color: var(--mf-color-primary); font-weight: 600; flex-shrink: 0; }
.account-avatar-btn { border: 0px; cursor: pointer; transition: box-shadow 0.15s, transform 0.15s; }
.account-avatar-btn:hover { box-shadow: 0 0 0 3px var(--mf-color-primary-bg); }
.account-avatar-btn:active { transform: scale(0.97); }
.account-avatar-btn[aria-expanded="true"] { box-shadow: 0 0 0 3px var(--mf-color-primary-bg); }
.account-popover { position: absolute; left: var(--mf-space-sm); right: var(--mf-space-sm); bottom: calc(100% + 8px); display: none; padding: 6px; background: var(--mf-color-bg-elevated); border: 1px solid var(--mf-color-border-2); border-radius: var(--mf-border-radius-lg); box-shadow: var(--mf-shadow-2); z-index: 50; }
.account-popover.open { display: block; animation: 0.14s ease-out 0s 1 normal none running accountPopoverIn; }
@keyframes accountPopoverIn { 
  0% { opacity: 0; transform: translateY(6px) scale(0.98); }
  100% { opacity: 1; transform: translateY(0px) scale(1); }
}
.account-summary { display: flex; align-items: center; gap: 9px; padding: 7px 8px 9px; border-radius: var(--mf-border-radius-md); }
.account-summary-avatar { width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--mf-color-primary); color: var(--mf-color-primary-on); font-size: 10px; font-weight: 600; flex-shrink: 0; }
.account-summary-text { min-width: 0px; display: flex; flex-direction: column; line-height: 1.25; flex: 1 1 0%; }
.account-summary-name { font-size: 13px; color: var(--mf-color-text-1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.account-summary-role { font-size: 11px; color: var(--mf-color-text-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.account-menu-item { width: 100%; min-height: 32px; border: 0px; background: transparent; border-radius: var(--mf-border-radius-md); display: flex; align-items: center; gap: 9px; padding: 6px 8px; cursor: pointer; color: var(--mf-color-text-1); text-align: left; font-size: 13px; }
.account-menu-item:hover { background: var(--mf-color-bg-hover); }
.account-menu-item.danger:hover { color: var(--mf-color-error); }
.account-menu-icon { width: 16px; height: 16px; display: inline-flex; align-items: center; justify-content: center; color: var(--mf-color-text-2); flex-shrink: 0; }
.account-menu-item.danger .account-menu-icon { color: inherit; }
.account-menu-label { flex: 1 1 0%; min-width: 0px; }
.ops-user-text { min-width: 0px; display: flex; flex-direction: column; line-height: 1.25; }
.ops-user-name { font-size: 13px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ops-user-role { font-size: 11px; color: var(--mf-color-text-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ops-main { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; margin: var(--mf-space-xxs); border-radius: var(--mf-border-radius-md); background: var(--mf-color-bg-container); overflow: hidden; position: relative; }
.ops-header { height: var(--mf-header-height); display: flex; align-items: center; gap: var(--mf-space-xs); padding: 0 var(--mf-space-md); border-bottom: 1px solid var(--mf-color-border-2); flex-shrink: 0; }
.ops-header-title { font-size: 14px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ops-header-spacer { flex: 1 1 0%; }
.ops-stage { font-size: 11px; color: var(--mf-color-text-3); white-space: nowrap; }
.ops-content { flex: 1 1 0%; min-height: 0px; overflow: auto; background: var(--mf-color-bg-container); padding-bottom: 24px; box-sizing: border-box; }
.page { padding: var(--mf-space-lg); display: flex; flex-direction: column; gap: var(--mf-space-md); min-height: 100%; }
.page-header { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--mf-space-md); }
.page-title { font-size: 20px; font-weight: 500; line-height: 1.4; }
.page-desc { margin-top: 4px; color: var(--mf-color-text-3); font-size: 12px; line-height: 1.6; }
.page.program-view .page-title { display: none; }
.page.program-view .page-header, .page.program-view .framework-note { display: none; }
.program-code-band { position: absolute; left: 0px; right: 0px; bottom: 0px; height: 24px; background: var(--mf-color-bg-container); z-index: 44; pointer-events: none; }
.program-code { position: absolute; left: 12px; bottom: 4px; z-index: 45; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 10.5px; line-height: 1.2; color: var(--mf-color-text-3); letter-spacing: 0.06em; pointer-events: none; user-select: none; }
.stage-badge { display: inline-flex; align-items: center; height: 22px; padding: 0px 8px; border-radius: var(--mf-border-radius-sm); border: 1px solid var(--mf-color-primary); color: var(--mf-color-primary); background: var(--mf-color-primary-bg); font-size: 11px; white-space: nowrap; }
.placeholder[hidden] { display: none !important; }
.placeholder { flex: 1 1 0%; min-height: 320px; border: 1px solid var(--mf-color-border-2); border-radius: var(--mf-border-radius-md); display: flex; align-items: center; justify-content: center; background: var(--mf-color-bg-section-1); padding: var(--mf-space-xl); }
.placeholder-inner { text-align: center; max-width: 500px; color: var(--mf-color-text-3); }
.placeholder-icon { width: 46px; height: 46px; margin: 0px auto 14px; border-radius: var(--mf-border-radius-lg); display: flex; align-items: center; justify-content: center; background: var(--mf-color-bg-container); border: 1px solid var(--mf-color-border); color: var(--mf-color-text-2); }
.placeholder-title { font-size: 16px; font-weight: 500; color: var(--mf-color-text-1); margin-bottom: 8px; }
.placeholder-desc { font-size: 12px; line-height: 1.7; }
.framework-note { display: flex; align-items: flex-start; gap: 8px; padding: 10px 12px; border-left: 3px solid var(--mf-color-primary); background: var(--mf-color-primary-bg); font-size: 12px; color: var(--mf-color-text-2); line-height: 1.6; }
@media (max-width: 760px) {
  :root { --mf-sidebar-width: 13rem; }
  .ops-stage { display: none; }
  .page { padding: var(--mf-space-md); }
}
#locatorBtn { width: 34px; height: 34px; border-radius: 10px; font-weight: 700; font-size: 13px; }
.stock-calendar-host[hidden] { display: none !important; }
.stock-calendar-host { width: 100%; min-width: 0px; flex: 1 1 0%; min-height: calc(100vh - var(--mf-header-height) - 50px); border: 0px; background: var(--mf-color-bg-container); display: flex; flex-direction: column; }
#stockCalendarFrame { display: block; flex: 1 1 0%; width: 100%; height: calc(100vh - var(--mf-header-height) - 55px); min-height: 560px; border: 0px; background: var(--mf-color-bg-container); }
#stockCalendarReset[hidden] { display: none !important; }
.page.program-view.stock-calendar-view { padding-bottom: 0px; gap: 0px; }
.page.program-view.stock-calendar-view .stock-calendar-host { margin-bottom: 0px; }
@media (max-width: 760px) {
  #stockCalendarFrame { min-height: 520px; }
}
.stock-master-host[hidden] { display: none !important; }
.stock-master-host { width: 100%; min-width: 0px; flex: 1 1 0%; min-height: calc(100vh - var(--mf-header-height) - 50px); background: var(--mf-color-bg-container); display: flex; flex-direction: column; }
#stockMasterFrame { display: block; flex: 1 1 0%; width: 100%; height: calc(100vh - var(--mf-header-height) - 55px); min-height: 520px; border: 0px; background: var(--mf-color-bg-container); }
.page.program-view.stock-master-view { padding-bottom: 0px; gap: 0px; }
.page.program-view.stock-master-view .stock-master-host { margin-bottom: 0px; }
@media (max-width: 760px) {
  #stockMasterFrame { min-height: 480px; }
}
.stock-detail-host[hidden] { display: none !important; }
.stock-detail-host { width: 100%; min-width: 0px; flex: 1 1 0%; min-height: calc(100vh - var(--mf-header-height) - 50px); background: var(--mf-color-bg-container); display: flex; flex-direction: column; }
#stockDetailFrame { display: block; flex: 1 1 0%; width: 100%; height: calc(100vh - var(--mf-header-height) - 55px); min-height: 480px; border: 0px; background: var(--mf-color-bg-container); }
.page.program-view.stock-detail-view { padding-bottom: 0px; gap: 0px; }
@media (max-width: 760px) {
  #stockDetailFrame { min-height: 440px; }
}
.page.program-view.stock-calendar-view, .page.program-view.stock-master-view, .page.program-view.stock-detail-view { background: var(--mf-color-bg-container) !important; gap: 10px !important; }
.stock-calendar-host, .stock-master-host, .stock-detail-host, #stockCalendarFrame, #stockMasterFrame, #stockDetailFrame { background: var(--mf-color-bg-container) !important; }
/* C1 SM002 / OD002 / OD003 program frames: same full-height frame host as the stock programs. */
.commerce-host[hidden] { display: none !important; }
.commerce-host { width: 100%; min-width: 0px; flex: 1 1 0%; min-height: calc(100vh - var(--mf-header-height) - 50px); background: var(--mf-color-bg-container); display: flex; flex-direction: column; }
.commerce-frame { display: block; flex: 1 1 0%; width: 100%; height: calc(100vh - var(--mf-header-height) - 55px); min-height: 480px; border: 0px; background: var(--mf-color-bg-container); }
.page.program-view.customer-master-view, .page.program-view.plan-master-view, .page.program-view.order-master-view, .page.program-view.payment-record-view,
.page.program-view.anomaly-view, .page.program-view.coupon-view, .page.program-view.record-view, .page.program-view.training-view,
.page.program-view.trend-view, .page.program-view.ticket-queue-view, .page.program-view.ticket-all-view { padding-bottom: 0px; gap: 0px; background: var(--mf-color-bg-container) !important; }
/* SB-R1-06: as the prototype's program hosts, the framed .c1-page programs fill the work area without the shell page padding; the
   program page itself keeps the prototype inset (commerce.css .c1-page). UC002 keeps its own host rule. */
.page.program-view.plan-master-view, .page.program-view.order-master-view, .page.program-view.payment-record-view,
.page.program-view.anomaly-view, .page.program-view.coupon-view, .page.program-view.record-view, .page.program-view.training-view,
.page.program-view.trend-view, .page.program-view.ticket-queue-view, .page.program-view.ticket-all-view { padding: 0px !important; }
.page.program-view:not(.customer-master-view) .commerce-frame { height: calc(100vh - var(--mf-header-height) - 26px); }
html:root { --ops-font-section: 14px; --ops-font-card: 13px; --ops-font-body: 12px; --ops-font-help: 11px; --ops-font-kpi: 26px; --ops-space-4: 4px; --ops-space-8: 8px; --ops-space-12: 12px; --ops-space-16: 16px; --ops-control-h: 32px; --ops-row-h: 40px; --ops-row-double-h: 52px; --ops-thead-h: 36px; --ops-radius-card: 8px; --ops-radius-button: 6px; --ops-surface: var(--mf-color-bg-container); --ops-text: var(--mf-color-text-1); --ops-muted: var(--mf-color-text-3); --ops-border: var(--mf-color-border); --ops-brand: var(--mf-color-primary); --ops-status-success: #168653; --ops-status-error: var(--mf-color-error); --ops-status-progress: #ad7114; --ops-status-pending: #3869b3; --ops-status-neutral: #707783; }
html[theme="dark"] { --ops-status-success: #70d4a2; --ops-status-progress: #ecc48b; --ops-status-pending: #98b8fa; --ops-status-neutral: #a9acb6; }
.ops-main { box-shadow: none !important; border-radius: 8px !important; }
.ops-header { background: var(--mf-color-bg-container); }
:where(.stock-data-host, .stock-detail-host, .stock-calendar-host) iframe { min-width: 0px; min-height: 0px; }
.ops25-guest .ops-layout { visibility: hidden !important; pointer-events: none !important; }
.ops25-auth-screen { display: none; }
.ops25-guest .ops25-auth-screen { display: grid; }
.ops25-auth-screen { --ops25-ink: #fff9eb; --ops25-muted: #d8c49c; position: fixed; inset: 0px; z-index: 2147483000; overflow-y: auto; grid-template-columns: minmax(0px, 1fr) minmax(370px, 560px); gap: clamp(36px, 5.5vw, 114px); align-items: center; padding: clamp(30px, 5.8vw, 112px) clamp(32px, 7.1vw, 116px); min-height: 100dvh; box-sizing: border-box; background: radial-gradient(at 14% 50%, rgb(52, 32, 68) 0%, rgb(29, 19, 41) 39%, rgb(17, 16, 26) 72%, rgb(11, 10, 16) 100%); color: var(--ops25-ink); font-family: var(--mf-font-family); }
.ops25-auth-screen * { box-sizing: border-box; }
.ops25-brand-panel { min-width: 0px; align-self: center; }
.ops25-logo { width: 82px; height: 82px; object-fit: contain; display: block; margin-bottom: 14px; filter: drop-shadow(rgba(245, 191, 58, 0.21) 0px 5px 16px); }
.ops25-brand-overline { font-size: 13px; letter-spacing: 0.3em; font-weight: 700; color: rgb(233, 187, 96); margin: 0px 0px 14px; }
.ops25-brand-title { font-size: clamp(32px, 3.45vw, 54px); line-height: 1.28; letter-spacing: -0.035em; font-weight: 800; margin: 0px; color: rgb(255, 248, 233); text-wrap: balance; }
.ops25-brand-caption { color: rgb(222, 182, 107); font-size: clamp(14px, 1.25vw, 19px); letter-spacing: 0.04em; line-height: 1.7; margin: 22px 0px 0px; }
.ops25-card { width: 100%; min-width: 0px; max-width: 560px; justify-self: end; padding: clamp(30px, 3vw, 44px); border-radius: 24px; border: 1px solid rgba(229, 180, 72, 0.28); background: linear-gradient(155deg, rgba(47, 33, 58, 0.92), rgba(22, 18, 29, 0.96)); box-shadow: rgba(0, 0, 0, 0.18) 0px 18px 60px; }
.ops25-card-kicker { color: rgb(230, 180, 81); letter-spacing: 0.3em; font-size: 13px; font-weight: 750; line-height: 1.4; }
.ops25-card h1 { font-size: 32px; font-weight: 750; color: rgb(255, 249, 236); line-height: 1.4; margin: 11px 0px 27px; }
.ops25-form { display: flex; flex-direction: column; gap: 18px; }
.ops25-field { display: flex; flex-direction: column; gap: 8px; }
.ops25-field label { font-size: 14px; line-height: 1.45; color: rgb(215, 196, 168); font-weight: 450; }
.ops25-field input { appearance: none; width: 100%; height: 48px; border: 1px solid rgb(202, 191, 155); border-radius: 9px; background: rgb(255, 248, 233); color: rgb(38, 32, 42); padding: 0px 15px; font-size: 15px; line-height: 48px; font-family: var(--mf-font-family); outline: none; }
.ops25-field input:focus { border-color: rgb(239, 187, 74); box-shadow: rgba(240, 190, 75, 0.26) 0px 0px 0px 3px; }
.ops25-field input::placeholder { color: rgb(129, 120, 106); }
.ops25-password-wrap { position: relative; }
.ops25-password-wrap input { padding-right: 55px; }
.ops25-eye { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; border: 0px; background: transparent; color: rgb(137, 115, 85); display: grid; place-items: center; cursor: pointer; border-radius: 6px; }
.ops25-eye:hover { background: rgb(243, 229, 201); color: rgb(139, 91, 21); }
.ops25-eye svg { width: 20px; height: 20px; }
.ops25-error { font-size: 12px; color: rgb(255, 185, 192); min-height: 16px; line-height: 1.4; margin: -1px 0px 0px; }
.ops25-error:empty { visibility: hidden; }
.ops25-submit { width: 100%; height: 49px; border: 0px; border-radius: 9px; background: linear-gradient(100deg, rgb(247, 217, 126) 0%, rgb(236, 175, 50) 52%, rgb(217, 147, 36) 100%); color: rgb(51, 33, 13); font-size: 16px; font-weight: 750; cursor: pointer; margin-top: 0px; transition: filter 0.15s, transform 0.15s; }
.ops25-submit:hover { filter: brightness(1.15); }
.ops25-submit:active { transform: translateY(1px); }
.ops25-submit:focus-visible, .ops25-eye:focus-visible { outline: rgb(243, 203, 99) solid 2px; outline-offset: 2px; }
.ops25-card-foot { margin: 27px 0px 0px; text-align: center; font-size: 12px; color: rgb(149, 131, 108); }
@media (max-width: 980px) {
  .ops25-auth-screen { grid-template-columns: minmax(0px, 1fr); gap: 28px; align-content: center; justify-items: center; padding: 28px 20px; }
  .ops25-brand-panel { width: min(100%, 530px); text-align: center; }
  .ops25-logo { width: 63px; height: 63px; margin: 0px auto 10px; }
  .ops25-brand-title { font-size: 32px; }
  .ops25-brand-caption { font-size: 14px; margin-top: 9px; }
  .ops25-brand-overline { font-size: 11px; margin-bottom: 8px; }
  .ops25-card { justify-self: center; max-width: 530px; border-radius: 18px; padding: 26px; }
  .ops25-card h1 { font-size: 26px; margin-bottom: 22px; }
}
@media (max-height: 700px) and (min-width: 981px) {
  .ops25-auth-screen { padding-top: 28px; padding-bottom: 28px; }
  .ops25-card { padding: 26px 34px; }
  .ops25-card h1 { margin-bottom: 18px; }
  .ops25-form { gap: 12px; }
  .ops25-card-foot { margin-top: 17px; }
}
.ops25-auth-screen { --ops25-ink: #fff8e8; --ops25-muted: #ecd5a3; background: radial-gradient(at 18% 46%, rgb(58, 41, 21) 0%, rgb(38, 27, 16) 34%, rgb(21, 17, 13) 67%, rgb(9, 9, 9) 100%) !important; }
.ops25-brand-title span { display: block; white-space: nowrap; }
.ops25-brand-title span:last-child { color: rgb(248, 214, 126); }
.ops25-brand-overline { color: rgb(244, 203, 112); }
.ops25-brand-caption { color: rgb(221, 189, 120); }
.ops25-logo { filter: saturate(1.35) drop-shadow(rgba(252, 194, 53, 0.38) 0px 7px 19px); }
.ops25-card { background: linear-gradient(155deg, rgba(60, 43, 24, 0.96), rgba(25, 20, 16, 0.96)) !important; border-color: rgba(242, 198, 100, 0.37) !important; box-shadow: rgba(0, 0, 0, 0.38) 0px 22px 72px, rgba(255, 238, 190, 0.06) 0px 1px inset !important; }
.ops25-card-kicker { color: rgb(240, 193, 94); }
.ops25-card h1 { color: rgb(255, 248, 232); }
.ops25-field label { color: rgb(235, 213, 172); }
.ops25-field input { background: rgb(255, 250, 240); border-color: rgb(215, 193, 142); }
.ops25-field input:focus { border-color: rgb(231, 180, 67); box-shadow: rgba(230, 177, 59, 0.22) 0px 0px 0px 3px; }
.ops25-submit { background: linear-gradient(95deg, rgb(254, 232, 158) 0%, rgb(242, 197, 83) 48%, rgb(217, 157, 36) 100%); color: rgb(41, 28, 9); box-shadow: rgba(215, 159, 39, 0.17) 0px 8px 22px; }
.ops25-submit:hover { filter: brightness(1.07); }
.ops25-card-foot { color: rgb(173, 154, 117); }
@media (max-width: 640px) {
  .ops25-brand-title span { white-space: normal; }
}
.ops25-auth-screen { grid-template-columns: minmax(0px, 1fr) minmax(0px, 510px); }
.ops25-card { width: 100%; max-width: 510px; min-height: 508px; padding: 38px; display: flex; flex-direction: column; }
.ops25-card h1 { font-size: 28px; line-height: 35px; margin: 11px 0px 26px; }
.ops25-field input { height: 44px; min-height: 44px; line-height: 44px; padding: 0px 14px; font-size: 16px; }
.ops25-submit { height: 44px; min-height: 44px; padding: 0px 13px; font-size: 16px; }
.ops25-card-foot { margin-top: auto; padding-top: 22px; }
@media (min-width: 981px) and (max-width: 1250px) {
  .ops25-auth-screen { padding-left: clamp(28px, 4vw, 58px); padding-right: clamp(28px, 4vw, 58px); gap: 28px; }
  .ops25-brand-title { font-size: clamp(27px, 2.75vw, 36px); }
}
@media (max-width: 980px) {
  .ops25-auth-screen { grid-template-columns: minmax(0px, 1fr); }
  .ops25-card { max-width: 510px; min-height: 0px; padding: clamp(24px, 4vw, 38px); }
  .ops25-card h1 { font-size: 28px; line-height: 35px; margin: 11px 0px 26px; }
  .ops25-field input, .ops25-submit { height: 44px; min-height: 44px; }
  .ops25-card-foot { margin-top: 24px; padding-top: 0px; }
}
@media (max-height: 700px) and (min-width: 981px) {
  .ops25-card { min-height: 0px; padding: 25px 38px; }
  .ops25-card-foot { margin-top: 20px; padding-top: 0px; }
}
@media (min-width: 981px) {
  .ops25-brand-panel { container-type: inline-size; }
  .ops25-brand-title { max-width: 771.56px; font-size: min(69.132px, 9.25cqw) !important; line-height: 1.07 !important; }
  .ops25-brand-caption { max-width: 771.56px; font-size: 18px !important; line-height: 24px !important; margin-top: 24px !important; }
}
@media (max-width: 980px) {
  .ops25-brand-title { font-size: clamp(27px, 5.5vw, 42px) !important; line-height: 1.12 !important; }
  .ops25-brand-caption { font-size: clamp(14px, 2vw, 18px) !important; line-height: 24px !important; margin-top: 18px !important; }
}
#sysuForcePwdLayer[hidden], #sysuBootstrapLayer[hidden] { display: none !important; }
#sysuForcePwdLayer, #sysuBootstrapLayer { z-index: 2147483200; }
#sysuForcePwdLayer .syu-confirm, #sysuBootstrapLayer .syu-confirm { width: min(480px, 100%); }
.syu-temp-form { display: flex; flex-direction: column; gap: 11px; }
.syu-temp-form .syu-field { display: flex; flex-direction: column; gap: 4px; }
.syu-temp-form .syu-input { width: 100%; }
#sysuHost[hidden], #sysuDrawerLayer[hidden], #sysuConfirmLayer[hidden], #sysuResetLayer[hidden], #sysuSecretLayer[hidden], #sysuProfileLayer[hidden], #sysuPasswordLayer[hidden], #sysuToast[hidden], #sysuHost [hidden], .syu-scrim [hidden], .syu-confirm-overlay [hidden] { display: none !important; }
.page.program-view.sysu-view { min-height: 0px; height: 100%; padding: 12px 16px 24px !important; gap: 0px !important; }
#sysuHost { width: 100%; min-width: 0px; flex: 1 1 0%; min-height: 0px; display: flex; flex-direction: column; font-size: 12px; color: var(--mf-color-text-1); gap: 12px; }
#sysuHost *, .syu-scrim *, .syu-confirm-overlay * { box-sizing: border-box; }
.syu-toolbar { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; flex-wrap: wrap; background: var(--mf-color-bg-container); border: 1px solid var(--mf-color-border); border-radius: 8px; padding: 12px; }
.syu-controls { display: flex; align-items: flex-end; gap: 8px; min-width: 0px; flex: 1 1 0%; flex-wrap: wrap; }
.syu-field { display: flex; flex-direction: column; gap: 4px; min-width: 0px; }
.syu-field label { font-size: 11px; color: var(--mf-color-text-3); font-weight: 400; }
.syu-input, .syu-select, .syu-textarea { height: 32px; min-width: 0px; padding: 0px 9px; font: 400 12px var(--mf-font-family); background: var(--mf-color-bg-container); color: var(--mf-color-text-1); border: 1px solid var(--mf-color-border-2); border-radius: 6px; outline: 0px; }
.syu-input:focus, .syu-select:focus, .syu-textarea:focus { border-color: var(--mf-color-primary); box-shadow: 0 0 0 1px var(--mf-color-primary); }
.syu-input[readonly], .syu-select:disabled { background: var(--mf-color-bg-section-1); color: var(--mf-color-text-3); cursor: default; }
.syu-input::placeholder, .syu-textarea::placeholder { color: var(--mf-color-text-3); opacity: 0.85; }
.syu-field-name { width: 260px; max-width: 100%; }
.syu-field-status, .syu-field-role { width: 140px; max-width: 100%; }
.syu-actions { margin-left: auto; display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; }
.syu-btn { height: 32px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; white-space: nowrap; border: 1px solid var(--mf-color-border-2); border-radius: 6px; padding: 0px 12px; background: var(--mf-color-bg-container); color: var(--mf-color-text-1); font: 500 12px var(--mf-font-family); cursor: pointer; }
.syu-btn:hover { border-color: var(--mf-color-primary); color: var(--mf-color-primary); }
.syu-btn:focus-visible { outline: 2px solid var(--mf-color-primary); outline-offset: 1px; }
.syu-btn-primary { background: var(--mf-color-primary); border-color: var(--mf-color-primary); color: var(--mf-color-primary-on); }
.syu-btn-primary:hover { filter: brightness(1.05); color: var(--mf-color-primary-on); }
.syu-btn:disabled { opacity: 0.42; pointer-events: none; }
.syu-btn-sm { height: 26px; padding: 0px 8px; font-size: 11px; }
.syu-btn-subtle { background: var(--mf-color-bg-container); border-color: var(--mf-color-border-2); color: var(--mf-color-primary); }
.syu-btn-danger { color: rgb(203, 48, 60); border-color: rgb(235, 197, 200); background: transparent; }
.syu-btn-danger:hover { color: rgb(173, 40, 52); border-color: rgb(203, 48, 60); }
.syu-caption { font-size: 11px; color: var(--mf-color-text-3); line-height: 1.6; }
.syu-list { flex: 1 1 0%; min-height: 0px; display: flex; flex-direction: column; background: var(--mf-color-bg-container); border: 1px solid var(--mf-color-border); border-radius: 8px; overflow: hidden; }
.syu-scroll { flex: 1 1 0%; min-height: 0px; overflow: auto; }
.syu-table { border-collapse: collapse; min-width: 1140px; width: 100%; table-layout: fixed; font-size: 12px; }
.syu-table thead { position: sticky; top: 0px; z-index: 1; background: var(--mf-color-bg-section-1); }
.syu-table th { height: 36px; padding: 0px 12px; text-align: left; font-weight: 500; font-size: 11px; color: var(--mf-color-text-3); border-bottom: 1px solid var(--mf-color-border); white-space: nowrap; }
.syu-table td { height: 40px; padding: 5px 12px; border-bottom: 1px solid var(--mf-color-border); vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.syu-table tbody tr:hover { background: var(--mf-color-bg-hover); }
.syu-table tbody tr:last-child td { border-bottom: 0px; }
.syu-badge { display: inline-flex; align-items: center; gap: 5px; border: 1px solid rgb(181, 226, 199); border-radius: 5px; background: rgb(237, 249, 242); color: rgb(17, 134, 75); font-size: 11px; padding: 3px 7px; white-space: nowrap; }
.syu-badge::before { content: ""; width: 5px; height: 5px; background: currentcolor; border-radius: 50%; }
.syu-badge.syu-void { background: rgb(244, 245, 247); border-color: rgb(216, 220, 227); color: rgb(105, 115, 129); }
.syu-role { font-size: 11px; color: var(--mf-color-text-2); }
.syu-role-admin { color: var(--mf-color-primary); font-weight: 600; }
html[theme="dark"] .syu-badge { background: rgb(23, 59, 43); border-color: rgb(65, 107, 87); color: rgb(166, 235, 195); }
html[theme="dark"] .syu-badge.syu-void { background: rgb(48, 52, 61); border-color: rgb(83, 90, 103); color: rgb(194, 198, 208); }
.syu-row-actions { display: flex; gap: 5px; align-items: center; white-space: nowrap; }
.syu-pager { display: flex; align-items: center; justify-content: flex-end; gap: 6px; flex-wrap: nowrap; overflow-x: auto; flex: 0 0 auto; height: 44px; border-top: 1px solid var(--mf-color-border); padding: 6px 10px; white-space: nowrap; }
.syu-pager .syu-input { width: 46px; text-align: center; height: 26px; padding: 0px 4px; }
.syu-pager .syu-select { width: 57px; height: 26px; padding: 0px 4px; }
.syu-pager .syu-btn { height: 26px; padding: 0px 8px; }
.syu-empty { min-height: 130px; display: flex; align-items: center; justify-content: center; color: var(--mf-color-text-3); font-size: 12px; }
.syu-scrim { position: fixed; inset: 0px; background: rgba(17, 18, 29, 0.28); z-index: 214748300; display: flex; align-items: stretch; justify-content: flex-end; }
.syu-drawer { height: 100%; width: min(560px, 100vw); background: var(--mf-color-bg-container); color: var(--mf-color-text-1); box-shadow: rgba(0, 0, 0, 0.11) -8px 0px 26px; display: flex; flex-direction: column; min-height: 0px; }
.syu-drawer-head { height: 44px; flex-shrink: 0; display: flex; align-items: center; justify-content: space-between; padding: 0px 12px; border-bottom: 1px solid var(--mf-color-border); font-size: 14px; font-weight: 600; }
.syu-close { width: 28px; height: 28px; border: 1px solid var(--mf-color-border); border-radius: 6px; background: transparent; cursor: pointer; color: var(--mf-color-text-2); }
.syu-drawer-body { flex: 1 1 0%; min-height: 0px; overflow-y: auto; padding: 12px; display: flex; flex-direction: column; gap: 14px; }
.syu-drawer-body .syu-field { width: 100%; }
.syu-drawer-body .syu-input { width: 100%; }
.syu-textarea { width: 100%; height: 94px; padding: 9px; resize: vertical; line-height: 1.5; }
.syu-drawer-foot { height: 52px; flex-shrink: 0; display: flex; justify-content: flex-end; align-items: center; gap: 8px; padding: 0px 12px; border-top: 1px solid var(--mf-color-border); }
.syu-error { font-size: 11px; color: rgb(203, 48, 60); min-height: 14px; line-height: 1.6; }
.syu-info { font-size: 11px; line-height: 1.5; color: var(--mf-color-text-3); }
.syu-secret-row { display: flex; gap: 7px; align-items: center; }
.syu-secret-row .syu-input { flex: 1 1 0%; min-width: 0px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.syu-confirm-overlay { position: fixed; inset: 0px; z-index: 214748310; background: rgba(0, 0, 0, 0.35); display: flex; justify-content: center; align-items: center; padding: 20px; }
.syu-confirm { width: min(460px, 100%); max-height: 85vh; border: 1px solid var(--mf-color-border); background: var(--mf-color-bg-container); color: var(--mf-color-text-1); border-radius: 8px; display: flex; flex-direction: column; overflow: hidden; }
.syu-confirm h3 { font-size: 14px; font-weight: 600; margin: 0px; height: 44px; padding: 12px; border-bottom: 1px solid var(--mf-color-border); }
.syu-confirm-content { padding: 16px 12px; font-size: 12px; line-height: 1.8; overflow-y: auto; }
.syu-confirm-actions { height: 52px; padding: 8px 12px; border-top: 1px solid var(--mf-color-border); display: flex; justify-content: flex-end; align-items: center; gap: 8px; flex-shrink: 0; }
.syu-toast { position: fixed; top: 65px; right: 20px; z-index: 214748320; background: var(--mf-color-bg-container); color: var(--mf-color-text-1); padding: 10px 14px; border: 1px solid var(--mf-color-border-2); border-radius: 8px; font-size: 12px; box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 20px; }
@media (max-width: 1100px) {
  .syu-field-name { width: 215px; }
  .syu-toolbar { align-items: stretch; }
  .syu-actions { align-self: flex-end; }
}
#uc002Host[hidden] { display: none !important; }
#uc002Host { width: 100%; min-width: 0px; flex: 1 1 0%; min-height: 0px; height: 100%; display: flex; flex-direction: column; background: var(--mf-color-bg-container); }
#uc002Frame { display: block; width: 100%; height: 100%; min-height: 0px; flex: 1 1 0%; border: 0px; background: var(--mf-color-bg-container); }
.page.program-view.uc002-view { height: 100%; min-height: 0px; overflow: hidden; background: var(--mf-color-bg-container); padding: 0px !important; gap: 0px !important; }
.page.program-view.uc002-view #uc002Host { min-height: 0px; height: 100%; }
#orderP0Host[hidden] { display: none !important; }
#orderP0Host { width: 100%; min-width: 0px; flex: 1 1 0%; min-height: 0px; height: 100%; display: flex; flex-direction: column; background: var(--mf-color-bg-container); }
#orderP0Frame { display: block; width: 100%; height: 100%; min-height: 0px; flex: 1 1 0%; border: 0px; background: var(--mf-color-bg-container); }
#subscriptionP0Host[hidden] { display: none !important; }
#subscriptionP0Host { width: 100%; min-width: 0px; flex: 1 1 0%; min-height: 0px; height: 100%; display: flex; flex-direction: column; background: var(--mf-color-bg-container); }
#subscriptionP0Frame { display: block; width: 100%; height: 100%; min-height: 0px; flex: 1 1 0%; border: 0px; background: var(--mf-color-bg-container); }
#customerServiceP0Host[hidden] { display: none !important; }
#customerServiceP0Host { display: flex; flex-direction: column; flex: 1 1 0%; min-width: 0px; min-height: 0px; height: 100%; width: 100%; background: var(--mf-color-bg-container); }
#customerServiceP0Frame { display: block; width: 100%; height: 100%; min-height: 0px; flex: 1 1 0%; border: 0px; background: var(--mf-color-bg-container); }
#trainingRecordsP0Host[hidden] { display: none !important; }
#trainingRecordsP0Host { display: flex; flex-direction: column; flex: 1 1 0%; min-width: 0px; min-height: 0px; height: 100%; width: 100%; background: var(--mf-color-bg-container); }
#trainingRecordsP0Frame { display: block; width: 100%; height: 100%; min-height: 0px; flex: 1 1 0%; border: 0px; background: var(--mf-color-bg-container); }
#trendManagementP0Host[hidden] { display: none !important; }
#trendManagementP0Host { display: flex; flex-direction: column; flex: 1 1 0%; min-width: 0px; min-height: 0px; width: 100%; height: 100%; background: var(--mf-color-bg-container); }
#trendManagementP0Frame { display: block; width: 100%; height: 100%; min-height: 0px; flex: 1 1 0%; border: 0px; background: var(--mf-color-bg-container); }

/* ==== style#vp02-r1-shell-ui ==== */
#sysuHost .syu-toolbar { justify-content: flex-start !important; align-items: flex-end; }
#sysuHost .syu-controls { align-items: flex-end; flex: 0 1 auto; width: 100%; justify-content: flex-start !important; }
#sysuHost .syu-actions { margin-left: 0px !important; }
#sysuHost .syu-list-actions { display: flex; align-items: center; justify-content: flex-start; min-height: 32px; gap: 8px; flex-shrink: 0; }
#sysuHost .syu-list { overflow: hidden; border: 1px solid var(--mf-color-border) !important; border-radius: 8px !important; box-shadow: none !important; background: var(--mf-color-bg-container) !important; }
#sysuHost .syu-table { width: 100%; border-collapse: separate; border-spacing: 0px; font-size: 12px; }
#sysuHost .syu-table thead th { position: sticky; top: 0px; z-index: 2; height: 36px !important; min-height: 36px !important; padding: 0px 12px !important; background: var(--mf-color-bg-section-1) !important; border-bottom: 1px solid var(--mf-color-border) !important; color: var(--mf-color-text-3) !important; font-size: 11px !important; font-weight: 500 !important; }
#sysuHost .syu-table tbody td { color: var(--mf-color-text-2); font-weight: 400; height: 40px !important; padding: 4px 12px !important; border-bottom: 1px solid var(--mf-color-border) !important; font-size: 12px !important; }
#sysuHost .syu-table tbody tr:hover td { background: var(--mf-color-bg-hover); }
#sysuHost .syu-table tbody tr:last-child td { border-bottom: 0px !important; }
#sysuHost .syu-pager { background: var(--mf-color-bg-container); height: 43px !important; min-height: 43px !important; border-top: 1px solid var(--mf-color-border) !important; justify-content: flex-end !important; padding: 0px 12px !important; }

/* ==== style#ops26-stable-frame ==== */
.page [hidden] { display: none !important; }
.page iframe.ops26-loading { visibility: hidden !important; }
.page iframe { min-width: 0px; min-height: 0px; }

/* ==== style#vp07-outer-css ==== */
.pager .pager-controls button, .pager-footer .pager-controls button, .syu-pager button, #syuPager button { height: 26px !important; min-height: 26px !important; }
#syuPager button { height: 26px !important; min-height: 26px !important; }

/* ==== style#vp08-outer-css ==== */
html[data-vp08-role] body :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]), select, textarea, button.btn, button.button, button.cp326-btn, button.syu-btn, button.ss-btn, button.page-btn, button.tm-btn, button.tm-small-btn, button.tm-type-add, button.tm-query-btn, button.tm-reset-btn, button.tm-detail-import, button.tm-detail-add, button.tm-sample-del-btn, button.tm-pager-btn, button.vp08-row-action) { border-radius: 6px !important; font-size: 12px !important; }
:root { --vp026-primary-on: #fff; --vp026-field-bg: #fff; --vp026-field-text: #211B33; --vp026-field-line: #CFC6E2; }
html[theme="dark"], html[data-theme="dark"], body[data-theme="dark"] { --vp026-primary-on: #1B1408; --vp026-field-bg: #171B25; --vp026-field-text: #F5F1E8; --vp026-field-line: #3A4256; }
html[data-vp08-role] body :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]), select, textarea) { background-color: var(--vp026-field-bg) !important; color: var(--vp026-field-text) !important; border-color: var(--vp026-field-line) !important; }
html[data-vp08-role] body :is(#orderModule button.btn.primary, #orderModule button.btn.pri, button.btn.primary, button.btn.pri, button.button.primary, button.cp326-btn.primary, button.vp07-primary, button.syu-btn-primary, button.ss-btn-primary, button.tm-query-btn, button.tm-btn.primary):not(.danger):not(.destructive):not(.delete):not(.del) { background-color: var(--vp05-brand,var(--mf-color-primary,#6742D6)) !important; color: var(--vp026-primary-on) !important; border-color: var(--vp05-brand,var(--mf-color-primary,#6742D6)) !important; }
html[data-vp08-role] body :is(.user-table, #od-tb, #py-tb, #ex-tb, #coupon-workspace326 #cp326-content .cp334-list .cp326-table, #main-content > [data-view="subscription-records"] table, .tr-double, .tm-sample-table, .stock-master-panel .stock-table table, .syu-table, table[aria-label="全部工单"], table[aria-label="进行中工单"]) > tbody > tr { height: 40px !important; min-height: 40px !important; max-height: none !important; }
html[data-vp08-role] body :is(.user-table, #od-tb, #py-tb, #ex-tb, #coupon-workspace326 #cp326-content .cp334-list .cp326-table, #main-content > [data-view="subscription-records"] table, .tr-double, .tm-sample-table, .stock-master-panel .stock-table table, .syu-table, table[aria-label="全部工单"], table[aria-label="进行中工单"]) > tbody > tr > td { height: 40px !important; max-height: none !important; box-sizing: border-box !important; font-size: 12px !important; }
html[data-vp08-role] body :is(.user-table, #od-tb, #py-tb, #ex-tb, #coupon-workspace326 #cp326-content .cp334-list .cp326-table, #main-content > [data-view="subscription-records"] table, .tr-double, .tm-sample-table, .stock-master-panel .stock-table table, .syu-table, table[aria-label="全部工单"], table[aria-label="进行中工单"]) > thead > tr > th { height: 36px !important; font-size: 11px !important; }
@media (max-width: 1340px) {
  html[data-vp08-role="outer"] .ops-content:has(> .page.stock-master-view) { overflow: hidden !important; padding-bottom: 24px !important; }
  html[data-vp08-role="outer"] .page.program-view.stock-master-view { height: 100% !important; min-height: 0px !important; }
  html[data-vp08-role="outer"] .stock-master-host { overflow: hidden; height: 100% !important; min-height: 0px !important; }
  html[data-vp08-role="outer"] #stockMasterFrame { height: 100% !important; min-height: 0px !important; }
}