/* Header actions use geometry rather than the legacy icon font. */
@layer ycz-ads-date-controls,ycz-popup-controls,ycz-admin-upgrade,ycz-site-selector,ycz-admin-spacing,ycz-peer-layout,ycz-sky-frost;
@layer ycz-popup-controls {
  :is(body.admin-surface,body.dealer-glass-admin) .component-popup>.layui-layer-title {
    box-sizing:border-box!important;
    min-height:42px!important;
    padding-right:116px!important;
  }
  :is(body.admin-surface,body.dealer-glass-admin) .component-popup>.layui-layer-setwin {
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:3px!important;
    position:absolute!important;
    top:0!important;
    right:8px!important;
    height:42px!important;
    margin:0!important;
    line-height:1!important;
    font-size:0!important;
  }
  :is(body.admin-surface,body.dealer-glass-admin) .component-popup>.layui-layer-setwin>span {
    display:block!important;
    position:relative!important;
    top:auto!important;
    right:auto!important;
    width:28px!important;
    height:28px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:7px!important;
    background:none!important;
    color:var(--ui-muted,#64748b)!important;
    cursor:pointer!important;
    opacity:1!important;
    transform:none!important;
    box-sizing:border-box!important;
    line-height:1!important;
  }
  :is(body.admin-surface,body.dealer-glass-admin) .component-popup>.layui-layer-setwin>span:hover {
    background:var(--ui-hover,#f1f4fc)!important;
    color:var(--ui-ink,#25334b)!important;
  }
  :is(body.admin-surface,body.dealer-glass-admin) .component-popup>.layui-layer-setwin>.layui-layer-close::before,
  :is(body.admin-surface,body.dealer-glass-admin) .component-popup>.layui-layer-setwin>.layui-layer-close::after {
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:14px!important;
    height:1.5px!important;
    margin:0!important;
    padding:0!important;
    background:currentColor!important;
    border:0!important;
    border-radius:1px!important;
    transform:translate(-50%,-50%) rotate(45deg)!important;
  }
  :is(body.admin-surface,body.dealer-glass-admin) .component-popup>.layui-layer-setwin>.layui-layer-close::after {
    transform:translate(-50%,-50%) rotate(-45deg)!important;
  }
  :is(body.admin-surface,body.dealer-glass-admin) .component-popup>.layui-layer-setwin>.layui-layer-min::before {
    content:""!important;
    position:absolute!important;
    left:8px!important;
    top:14px!important;
    width:12px!important;
    height:1.5px!important;
    margin:0!important;
    border:0!important;
    background:currentColor!important;
    transform:none!important;
  }
  :is(body.admin-surface,body.dealer-glass-admin) .component-popup>.layui-layer-setwin>.layui-layer-max::before {
    content:""!important;
    position:absolute!important;
    left:8px!important;
    top:8px!important;
    width:12px!important;
    height:11px!important;
    box-sizing:border-box!important;
    margin:0!important;
    border:1.5px solid currentColor!important;
    border-radius:1px!important;
    background:none!important;
    transform:none!important;
  }
  :is(body.admin-surface,body.dealer-glass-admin) .component-popup>.layui-layer-setwin>:is(.layui-layer-min,.layui-layer-max)::after {
    content:none!important;
    display:none!important;
  }
}

@layer ycz-admin-upgrade,ycz-site-selector,ycz-admin-spacing,ycz-peer-layout,ycz-sky-frost;
@layer ycz-admin-upgrade {
  body.admin-surface :is(#kt_header,#kt_aside,.admin-mobile-appbar) {background:var(--ui-panel)!important;color:var(--ui-ink)!important;transition:none!important;}
  :root:is(.dark,[data-theme="dark"]) body.admin-surface :is(.card,.mc-plans-panel,.layui-layer,.layui-layer-title,.component-popup,.md-theme-menu,.admin-mobile-search) {background:var(--ui-panel)!important;color:var(--ui-ink)!important;border-color:var(--ui-line)!important;}
  :root:is(.dark,[data-theme="dark"]) body.admin-surface :is(input,select,textarea,.form-control,.form-select,.table thead th) {background-color:var(--ui-field)!important;color:var(--ui-ink)!important;border-color:var(--ui-line)!important;}
  :root:is(.dark,[data-theme="dark"]) body.admin-surface :is(.table td,.table tbody tr,.layui-layer-content table td) {background-color:transparent!important;color:var(--ui-ink)!important;border-color:var(--ui-line)!important;}
  body.admin-surface .layui-layer-page.component-popup {position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;animation:none!important;max-width:calc(var(--site-viewport-width,100vw) - 32px)!important;max-height:calc(var(--site-viewport-height,100dvh) - 32px)!important;overflow:auto!important;border-radius:16px!important;}
  body.admin-surface .layui-layer-shade {position:fixed!important;inset:0!important;width:auto!important;height:auto!important;}
  .admin-user-shops {display:grid;gap:6px;min-width:180px;max-width:360px;white-space:normal;line-height:1.6;}
  .admin-user-shops>div {overflow-wrap:anywhere;}
  .admin-plan-delete-dialog {width:460px;max-width:calc(100vw - 32px);padding:24px;border:1px solid var(--ui-line);border-radius:16px;background:var(--ui-raised);color:var(--ui-ink);box-shadow:0 20px 65px #15203944;}
  .admin-plan-delete-dialog::backdrop {background:#17223666;backdrop-filter:blur(4px);}
  .admin-plan-delete-dialog h2 {font-size:18px;margin:0 0 16px;}
  .admin-plan-delete-dialog p {line-height:1.8;}
  .admin-plan-delete-dialog footer {display:flex;justify-content:flex-end;gap:12px;margin-top:20px;}
  .admin-plan-delete-error {color:var(--ui-danger);}
  body.admin-surface .fingerprint-workspace {position:fixed!important;top:var(--fp-fixed-top,75px)!important;left:var(--fp-fixed-left,275px)!important;right:var(--fp-fixed-right,var(--fp-fixed-gap,10px))!important;bottom:var(--fp-fixed-bottom,var(--fp-fixed-gap,10px))!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;overflow:hidden!important;}
  .mc-plan-delete {margin-left:8px;}
}

@layer ycz-site-selector, ycz-admin-spacing, ycz-peer-layout, ycz-sky-frost;
@layer ycz-site-selector {
  :is(#kt_header,.admin-mobile-appbar) #ycz-site-scope-bar.ycz-header-site-scope {
    display: inline-flex !important;
    position: relative !important;
    align-self: center !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
    margin: 0 8px 0 0 !important;
    gap: 0 !important;
    border: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    line-height: 1 !important;
  }
  :is(#kt_header,.admin-mobile-appbar) #ycz-site-scope-bar > label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    clip-path: inset(50%) !important;
  }
  :is(#kt_header,.admin-mobile-appbar) #ycz-site-scope-bar .ycz-scope-symbol {
    position: absolute;
    width: 16px;
    height: 16px;
    left: 11px;
    top: 50%;
    transform: translateY(-50%);
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
    color: var(--ui-muted,#71809c);
    pointer-events: none;
    z-index: 1;
  }
  :is(#kt_header,.admin-mobile-appbar) #ycz-site-scope-bar #ycz-site-scope {
    display: block !important;
    width: 176px !important;
    max-width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 30px 0 34px !important;
    margin: 0 !important;
    font: inherit !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 34px !important;
    color: var(--ui-ink,#334155) !important;
    border: 1px solid var(--ui-line,#dbe5f5) !important;
    border-radius: 10px !important;
    background: var(--ui-field,rgba(255,255,255,.62)) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2371809c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E") no-repeat right 10px center !important;
    box-shadow: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    cursor: pointer;
    transition: border-color .15s,background-color .15s;
  }
  :is(#kt_header,.admin-mobile-appbar) #ycz-site-scope-bar #ycz-site-scope:hover { border-color: var(--ui-primary,#6569e6) !important; }
  :is(#kt_header,.admin-mobile-appbar) #ycz-site-scope-bar #ycz-site-scope:focus-visible { outline: 2px solid var(--ui-primary,#6569e6); outline-offset: 2px; }
  @media(max-width:620px) {
    :is(#kt_header,.admin-mobile-appbar) #ycz-site-scope-bar.ycz-header-site-scope { margin-right: 4px !important; }
    :is(#kt_header,.admin-mobile-appbar) #ycz-site-scope-bar #ycz-site-scope { width: 112px !important; height: 32px !important; min-height: 32px !important; line-height: 30px !important; padding-left: 29px !important; padding-right: 23px !important; font-size: 12px !important; background-position: right 7px center !important; }
    :is(#kt_header,.admin-mobile-appbar) #ycz-site-scope-bar .ycz-scope-symbol { width: 14px; height: 14px; left: 9px; }
  }
}

@layer ycz-site-selector {
 .admin-mobile-appbar.ycz-has-site-scope .admin-mobile-appbar__top {grid-template-columns:minmax(0,1fr) auto 44px 44px!important;column-gap:4px!important;}
}

/* Keep the administrative content gutter at 10 visible pixels, including the
   existing desktop shell's 0.8 CSS zoom. Only outer shell wrappers are reset. */
@layer ycz-admin-spacing, ycz-peer-layout, ycz-sky-frost;
@layer ycz-admin-spacing {
  :root:has(body.admin-surface,body.dealer-glass-admin) {
    --ycz-admin-gutter: 10px;
    --site-content-inset: 10px !important;
  }
  :root[style*="zoom: 0.8"]:has(body.admin-surface,body.dealer-glass-admin) {
    --ycz-admin-gutter: 12.5px;
    --site-content-inset: 12.5px !important;
  }
  :is(body.admin-surface,body.dealer-glass-admin) #kt_wrapper #pjax-container {
    box-sizing: border-box !important;
    padding: var(--ycz-admin-gutter,10px) !important;
  }
  :is(body.admin-surface,body.dealer-glass-admin) #kt_wrapper #pjax-container :is(#kt_content,#kt_post,#kt_content_container) {
    padding: 0 !important;
    margin: 0 !important;
  }
}

/* Target the embedded desktop-tool layout before the shared theme's important layer. */
@layer ycz-peer-layout, ycz-sky-frost;
@layer ycz-peer-layout {
  .ycz-embedded-ui .ycz-keyword-missing {font-size:12px!important;color:var(--ui-muted)!important;opacity:.65!important;}
  .ycz-embedded-ui .ycz-complete-fields {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:12px 0!important;}
  .ycz-embedded-ui .ycz-complete-fields label {display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;}
  .ycz-embedded-ui .ycz-complete-body output {display:block!important;margin-top:14px!important;padding:12px!important;border-radius:10px!important;background:var(--ui-primary-soft)!important;overflow-wrap:anywhere!important;}
  body.member-workspace [data-retained-page]>div:has(>iframe[src*="/foreign-helper-frame/"])>.workspace-page-heading { display:none!important; }
  body.member-workspace .capsule-main:has(>.capsule-pages>[data-retained-page]:not([hidden]) iframe[src*="/foreign-helper-frame/"]) { overflow:hidden!important; }
  body.member-workspace .capsule-pages:has(>[data-retained-page]:not([hidden]) iframe[src*="/foreign-helper-frame/"]) {
    display:flex!important;flex-direction:column!important;flex:1 1 0%!important;height:100%!important;min-height:0!important;overflow:hidden!important;box-sizing:border-box!important;
  }
  body.member-workspace .capsule-pages>[data-retained-page]:not([hidden]):has(iframe[src*="/foreign-helper-frame/"]) {
    display:flex!important;flex-direction:column!important;flex:1 1 0%!important;height:100%!important;min-height:0!important;overflow:hidden!important;
  }
  body.member-workspace [data-retained-page]:not([hidden])>div:has(>iframe[src*="/foreign-helper-frame/"]) {
    display:flex!important;flex-direction:column!important;flex:1 1 0%!important;height:100%!important;max-height:100%!important;min-height:0!important;overflow:hidden!important;
  }
  body.member-workspace [data-retained-page]:not([hidden])>div>iframe[src*="/foreign-helper-frame/"] { display:block!important;flex:1 1 0%!important;height:0!important;min-height:0!important;width:100%!important;border-radius:16px!important; }
  html.peer-framed,html.peer-framed body,html.peer-framed #root { height:100%!important;min-height:0!important;max-width:100%!important;overflow:hidden!important; }
  html.peer-framed .fh-original-host { height:100dvh!important;min-height:0!important;overflow:hidden!important; }
  html.peer-framed .fh-original-host>[data-retained-page]:not([hidden]),
  html.peer-framed .fh-original-host>[data-retained-page]:not([hidden])>.fh-web-tool { height:100%!important;min-height:0!important;min-width:0!important;overflow:hidden!important; }
  html.peer-framed .fh-web-tool>.fh-original-window {
    height:100%!important;min-height:0!important;max-height:100%!important;width:100%!important;
    display:flex!important;flex-direction:column!important;overflow:hidden!important;box-sizing:border-box!important;
    border:1px solid var(--ui-line,#c5b6d8)!important;border-radius:16px!important;
    background:rgba(249,245,255,.14)!important;
  }
  /* Head panels size to their text. The old generic data-tutorial rule also hit buttons. */
  .ycz-embedded-ui [data-original-control="uCHeadPanel1"] {
    display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;
    align-items:center!important;gap:14px!important;padding:16px 18px!important;
    height:auto!important;min-height:82px!important;max-height:none!important;flex:0 0 auto!important;
    overflow:visible!important;border:0!important;border-bottom:1px solid var(--ui-line)!important;
    border-radius:0!important;background:rgba(252,248,255,.24)!important;box-shadow:none!important;
  }
  .ycz-embedded-ui [data-original-control="uCHeadPanel1"]>img {
    width:40px!important;height:40px!important;object-fit:contain!important;
    margin:0!important;border-radius:11px!important;background:rgba(255,255,255,.35)!important;box-shadow:none!important;
  }
  .ycz-embedded-ui [data-original-control="uCHeadPanel1"]>div {
    min-width:0!important;padding:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;
  }
  .ycz-embedded-ui [data-original-control="lblTitle"] {
    display:block!important;white-space:normal!important;overflow:visible!important;
    font-size:18px!important;font-weight:600!important;line-height:1.5!important;
    background:transparent!important;box-shadow:none!important;color:var(--ui-ink,#3e3152)!important;
  }
  .ycz-embedded-ui [data-original-control="lblDescription"] {
    display:block!important;-webkit-line-clamp:unset!important;white-space:normal!important;
    overflow:visible!important;max-height:none!important;font-size:14px!important;font-weight:400!important;
    line-height:1.65!important;overflow-wrap:anywhere!important;background:transparent!important;color:var(--ui-muted,#5e506c)!important;
  }
  .ycz-embedded-ui :is([data-original-control="lblTutorial"],[data-original-control="tutorial"],.fh-managers-tutorial) { display:none!important; }
  .ycz-embedded-ui .fh-baml-leftover { display:none!important; }
  .ycz-embedded-ui :is(.fh-native-head,.fh-native-header) {
    height:auto!important;min-height:76px!important;max-height:none!important;flex:0 0 auto!important;
    padding:14px 18px!important;gap:14px!important;align-items:center!important;
    background:rgba(252,248,255,.24)!important;border-bottom:1px solid var(--ui-line)!important;
    overflow:visible!important;box-sizing:border-box!important;
  }
  .ycz-embedded-ui .fh-native-head :is(h1,h2) { font-size:18px!important;line-height:1.5!important;margin:0!important; }
  .ycz-embedded-ui .fh-native-head p { font-size:14px!important;line-height:1.65!important;margin:4px 0 0!important;white-space:normal!important; }
  .ycz-embedded-ui :is(.fh-collect-body,.fh-title-key-body,.fh-thesaurus-body) {
    flex:1 1 0%!important;min-height:0!important;height:auto!important;min-width:0!important;overflow:hidden!important;
    border:0!important;background:transparent!important;
  }
  .ycz-embedded-ui :is(.fh-collect-sidebar,.fh-title-key-sidebar) {
    width:190px!important;min-width:0!important;max-width:240px!important;flex:0 0 190px!important;
    min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;
    background:rgba(252,248,255,.16)!important;border:0!important;border-right:1px solid var(--ui-line)!important;
  }
  .ycz-embedded-ui :is(.fh-collect-main,.fh-title-key-main,.fh-thesaurus-main) {
    flex:1 1 0%!important;min-width:0!important;min-height:0!important;overflow:hidden!important;
    display:flex!important;flex-direction:column!important;background:transparent!important;
  }
  .ycz-embedded-ui :is(.fh-collect-group-actions,.fh-title-key-group-actions) {
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:center!important;justify-content:flex-start!important;
    flex:0 0 auto!important;height:auto!important;min-height:0!important;gap:6px!important;padding:12px 10px!important;
    background:transparent!important;border-bottom:1px solid var(--ui-line)!important;
  }
  .ycz-embedded-ui :is(.fh-collect-groups,.fh-title-key-groups) { flex:1 1 0%!important;min-height:0!important;overflow:auto!important;padding:8px!important; }
  .ycz-embedded-ui :is(.fh-collect-groups,.fh-title-key-groups) :is(button,li,[role="treeitem"]) {
    border-radius:8px!important;min-height:34px!important;height:auto!important;line-height:1.5!important;
    padding:7px 10px!important;margin:2px 0!important;background:transparent!important;border-color:transparent!important;
  }
  .ycz-embedded-ui :is(.fh-collect-groups,.fh-title-key-groups) :is(.selected,.is-selected,.is-active,[aria-selected="true"]) {
    color:var(--ui-primary,#7355b5)!important;background:var(--ui-primary-soft,rgba(235,224,250,.65))!important;
  }
  .ycz-embedded-ui .fh-collect-splitter { width:10px!important;min-width:10px!important;flex:0 0 10px!important;min-height:0!important;background:transparent!important;border:0!important;color:var(--ui-muted)!important; }
  .ycz-embedded-ui :is(.fh-collect-toolbar,.fh-title-key-toolbar,.fh-thesaurus-toolbar,.fh-native-toolbar) {
    display:flex!important;flex-wrap:wrap!important;align-items:center!important;align-content:flex-start!important;
    flex:0 0 auto!important;min-width:0!important;min-height:0!important;height:auto!important;max-height:none!important;
    overflow:visible!important;white-space:normal!important;padding:12px!important;gap:8px!important;
    background:transparent!important;border:0!important;border-bottom:1px solid var(--ui-line)!important;
  }
  .ycz-embedded-ui :is(.fh-collect-toolbar,.fh-title-key-toolbar,.fh-thesaurus-toolbar,.fh-native-toolbar,.fh-collect-group-actions,.fh-title-key-group-actions) button,
  .ycz-embedded-ui .fh-native-button {
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 auto!important;height:34px!important;min-height:34px!important;max-height:none!important;
    min-width:0!important;width:auto!important;padding:6px 11px!important;gap:5px!important;
    font:500 15px/1.5 var(--ui-font,"Noto Sans SC",sans-serif)!important;letter-spacing:normal!important;
    white-space:nowrap!important;border:1px solid var(--ui-line,#c5b6d8)!important;border-radius:9px!important;
    background:rgba(255,255,255,.38)!important;color:var(--ui-ink,#3e3152)!important;
    box-shadow:none!important;transform:none!important;overflow:visible!important;
  }
  .ycz-embedded-ui .fh-native-button:hover:not(:disabled) { background:rgba(255,255,255,.62)!important;border-color:#aa91c5!important; }
  .ycz-embedded-ui :is(.fh-collect-group-actions,.fh-title-key-group-actions) .fh-native-button { width:100%!important;min-width:0!important;padding-inline:7px!important;font-size:14px!important; }
  .ycz-embedded-ui .fh-native-button:disabled { opacity:.58!important;color:var(--ui-muted)!important;cursor:not-allowed!important; }
  .ycz-embedded-ui :is(.fh-collect-table,.fh-title-key-table,.fh-thesaurus-table) {
    flex:1 1 0%!important;min-height:0!important;min-width:0!important;overflow:auto!important;
    margin:0 12px 12px!important;width:auto!important;border:1px solid var(--ui-line)!important;
    border-radius:12px!important;background:rgba(253,249,255,.18)!important;scrollbar-gutter:stable;
  }
  .ycz-embedded-ui .fh-collect-table table {
    width:100%!important;min-width:1320px!important;table-layout:auto!important;
    border-collapse:separate!important;border-spacing:0!important;
  }
  .ycz-embedded-ui :is(.fh-collect-table,.fh-title-key-table,.fh-thesaurus-table) thead th {
    position:sticky!important;top:0!important;z-index:2!important;
    min-width:100px!important;height:44px!important;padding:10px 14px!important;
    font-size:14px!important;font-weight:600!important;line-height:1.5!important;white-space:nowrap!important;
    background:rgba(240,233,251,.94)!important;color:var(--ui-muted)!important;
    border:0!important;border-bottom:1px solid var(--ui-line)!important;border-radius:0!important;
  }
  .ycz-embedded-ui :is(.fh-collect-table,.fh-title-key-table,.fh-thesaurus-table) thead th:first-child { min-width:36px!important;width:36px!important;padding:10px!important; }
  .ycz-embedded-ui .fh-collect-table thead th:nth-child(2) { min-width:180px!important; }
  .ycz-embedded-ui .fh-collect-table thead th:nth-child(3) { min-width:140px!important; }
  .ycz-embedded-ui :is(.fh-collect-table,.fh-title-key-table,.fh-thesaurus-table) thead th button {
    display:inline-flex!important;align-items:center!important;gap:5px!important;padding:0!important;
    height:auto!important;min-height:0!important;max-height:none!important;min-width:0!important;
    white-space:nowrap!important;font-size:14px!important;line-height:1.5!important;font-weight:600!important;
    border:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;box-shadow:none!important;
  }
  .ycz-embedded-ui :is(.fh-collect-table,.fh-title-key-table,.fh-thesaurus-table) tbody td { padding:10px 14px!important;line-height:1.6!important;border:0!important;border-bottom:1px solid var(--ui-line-soft)!important;background:transparent!important; }
  .ycz-embedded-ui :is(.fh-original-footer,.fh-dialog-footer) {
    display:flex!important;flex-wrap:wrap!important;flex:0 0 auto!important;align-items:center!important;
    height:auto!important;min-height:50px!important;padding:9px 14px!important;gap:10px!important;
    background:rgba(252,248,255,.15)!important;border-top:1px solid var(--ui-line)!important;
  }
  .ycz-embedded-ui :is(.fh-native-dialog,.fh-native-menu) { color:var(--ui-ink)!important;background:var(--ui-raised,#f9f5ff)!important;border:1px solid var(--ui-line)!important;border-radius:14px!important; }
  .ycz-embedded-ui .fh-native-overlay { background:rgba(40,27,62,.3)!important;backdrop-filter:blur(4px)!important; }
  .ycz-embedded-ui .fh-native-dialog[role="dialog"]:not(.fh-row1-dialog):not(.fh-dialog-window) {
    position:fixed!important;inset:auto!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;
    display:flex!important;flex-direction:column!important;width:min(620px,calc(100vw - 32px))!important;
    height:auto!important;min-height:0!important;max-height:calc(100dvh - 32px)!important;
    margin:0!important;padding:0!important;overflow:hidden!important;border-radius:18px!important;
    box-shadow:0 24px 70px -24px rgba(40,27,62,.4)!important;
  }
  .ycz-embedded-ui .fh-native-dialog>.fh-titlebar {
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    flex:0 0 auto!important;min-height:56px!important;height:auto!important;padding:14px 18px!important;gap:12px!important;
    background:transparent!important;border:0!important;border-bottom:1px solid var(--ui-line)!important;color:var(--ui-ink)!important;
  }
  .ycz-embedded-ui .fh-native-dialog>.fh-titlebar h2 { font-size:17px!important;font-weight:600!important;line-height:1.5!important;margin:0!important; }
  .ycz-embedded-ui .fh-native-dialog>.fh-titlebar .fh-dialog-close { display:grid!important;place-items:center!important;width:32px!important;height:32px!important;min-height:32px!important;color:var(--ui-muted)!important;border-radius:8px!important;background:transparent!important; }
  .ycz-embedded-ui .fh-native-dialog:not(.fh-row1-dialog):not(.fh-dialog-window)>.fh-dialog-body { flex:1 1 auto!important;margin:0!important;padding:18px!important;min-height:0!important; }
  .ycz-embedded-ui .fh-native-dialog:not(.fh-row1-dialog):not(.fh-dialog-window)>.fh-dialog-body textarea { width:100%!important;height:220px!important;min-height:120px!important;padding:12px!important;box-sizing:border-box!important; }
  .ycz-embedded-ui .fh-dialog-footer .fh-native-button:first-child { color:#fff!important;background:linear-gradient(115deg,#8562bd,#7053ab)!important;border-color:transparent!important; }
  .ycz-embedded-ui .fh-dialog-body { overflow:auto!important;min-height:0!important; }
  html[data-member-dark] .ycz-embedded-ui .fh-collect-table thead th { background:#493954!important;color:#ded0ed!important; }
  @media(max-width:800px) {
    .ycz-embedded-ui :is(.fh-collect-sidebar,.fh-title-key-sidebar) { width:156px!important;flex-basis:156px!important; }
    .ycz-embedded-ui :is(.fh-collect-toolbar,.fh-title-key-toolbar,.fh-thesaurus-toolbar) { gap:6px!important;padding:10px!important; }
  }
  @media(max-width:540px) {
    body.member-workspace .capsule-mobile-submenu { max-height:110px!important;overflow:hidden!important; }
    body.member-workspace .capsule-mobile-submenu nav { display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:6px!important; }
    body.member-workspace .capsule-mobile-submenu nav :is(a,button) { flex:0 0 auto!important;white-space:nowrap!important;min-width:max-content!important;max-width:none!important;padding:8px 12px!important;min-height:40px!important; }
    body.member-workspace .capsule-mobile-submenu nav :is(a,button) span { white-space:nowrap!important; }
    html.peer-framed .fh-web-tool>.fh-original-window>[data-original-control="uCHeadPanel1"] { display:none!important; }
    .ycz-embedded-ui [data-original-control="uCHeadPanel1"] { min-height:0!important;padding:12px!important;gap:10px!important;grid-template-columns:36px minmax(0,1fr)!important; }
    .ycz-embedded-ui [data-original-control="uCHeadPanel1"]>img { width:34px!important;height:34px!important; }
    .ycz-embedded-ui [data-original-control="lblTitle"] { font-size:15px!important; }
    .ycz-embedded-ui .fh-collect-body { flex-direction:column!important; }
    .ycz-embedded-ui .fh-collect-sidebar { width:100%!important;max-width:none!important;flex:0 0 auto!important;max-height:100px!important;border-right:0!important;border-bottom:1px solid var(--ui-line)!important; }
    .ycz-embedded-ui .fh-collect-group-actions { padding:8px 10px!important;border-bottom:0!important; }
    .ycz-embedded-ui .fh-collect-groups { max-height:50px!important;display:flex!important;gap:8px!important;padding:0 10px 8px!important; }
    .ycz-embedded-ui .fh-collect-splitter { display:none!important; }
    .ycz-embedded-ui .fh-collect-toolbar { max-height:120px!important;overflow:auto!important; }
    .ycz-embedded-ui .fh-native-button { min-height:38px!important;height:38px!important; }
  }
}

/* 原创者 · Sky Frost. One semantic theme for workspaces, native admin and dialogs.
   Layered important declarations intentionally supersede legacy important patches. */
@layer ycz-sky-frost {
  :root {
    --ui-font: "Noto Sans SC", "Source Han Sans SC", "Inter", "DengXian", sans-serif !important;
    --ui-ink: #25334b !important; --ui-muted: #63728a !important; --ui-faint: #7c8ba0 !important;
    --ui-primary: #575bd9 !important; --ui-primary-hover: #464cc6 !important;
    --ui-primary-soft: #eeefff !important; --ui-link: #5158c5 !important;
    --ui-line: #dee5f0 !important; --ui-line-soft: #e9edf5 !important;
    --ui-panel: rgba(255,255,255,.85) !important; --ui-raised: #fcfdff !important;
    --ui-field: #ffffff !important; --ui-hover: #f1f4fc !important; --ui-head: #f2f5fb !important;
    --ui-success: #188266 !important; --ui-success-soft: #eaf7f0 !important;
    --ui-danger: #bd4560 !important; --ui-danger-soft: #fff0f2 !important;
    --ui-warning: #9c681d !important; --ui-warning-soft: #fff7e9 !important;
    --ui-shadow: 0 8px 30px -18px rgba(40,61,108,.19), inset 0 1px 0 rgba(255,255,255,.8) !important;
    --ui-page: radial-gradient(ellipse at 0 0,#e8e9ff,transparent 52%),radial-gradient(ellipse at 100% 8%,#e3f2ff,transparent 60%),linear-gradient(150deg,#f3f5fc,#f3f5fc 55%,#f0effa) !important;
  }
  :root.dark, :root[data-theme="dark"] {
    --ui-ink: #e4eaf7 !important; --ui-muted: #a3b1c9 !important; --ui-faint: #8b9ab3 !important;
    --ui-primary: #9699ff !important; --ui-primary-hover: #a7aaff !important;
    --ui-primary-soft: #2b3153 !important; --ui-link: #b1b7ff !important;
    --ui-line: #374159 !important; --ui-line-soft: #2e384e !important;
    --ui-panel: rgba(28,37,56,.94) !important; --ui-raised: #232d43 !important;
    --ui-field: #1a2337 !important; --ui-hover: #2c3650 !important; --ui-head: #263149 !important;
    --ui-success: #80d8b1 !important; --ui-success-soft: #1e3e37 !important;
    --ui-danger: #f2a0b0 !important; --ui-danger-soft: #482c3b !important;
    --ui-warning: #e6c085 !important; --ui-warning-soft: #443a2b !important;
    --ui-shadow: 0 10px 28px -18px #0008, inset 0 1px 0 #ffffff08 !important;
    --ui-page: radial-gradient(ellipse at 5% 0,#262e4e,transparent 55%),linear-gradient(145deg,#161e31,#1a2538) !important;
    color-scheme: dark;
  }

  /* Shared tokens. Keep literal status colors meaningful. */
  body:is(.member-workspace,.admin-surface,.dealer-glass-admin), .mc-app, .mp-root {
    --font-sans: var(--ui-font) !important; --primary: var(--ui-primary) !important; --primary-foreground: #fff !important;
    --background: var(--ui-raised) !important; --foreground: var(--ui-ink) !important;
    --card: var(--ui-panel) !important; --card-foreground: var(--ui-ink) !important;
    --popover: var(--ui-raised) !important; --popover-foreground: var(--ui-ink) !important;
    --muted: var(--ui-head) !important; --muted-foreground: var(--ui-muted) !important;
    --secondary: var(--ui-head) !important; --secondary-foreground: var(--ui-ink) !important;
    --accent: var(--ui-hover) !important; --accent-foreground: var(--ui-primary) !important;
    --border: var(--ui-line) !important; --input: var(--ui-line) !important; --ring: #8589ee !important;
    --workspace-panel: var(--ui-panel) !important; --workspace-surface: var(--ui-panel) !important;
    --workspace-raised: var(--ui-raised) !important; --workspace-field: var(--ui-field) !important;
    --workspace-ink: var(--ui-ink) !important; --workspace-muted: var(--ui-muted) !important;
    --workspace-line: var(--ui-line) !important; --workspace-primary: var(--ui-primary) !important;
    --workspace-table-head: var(--ui-head) !important;
    --workspace-control-bg: var(--ui-field) !important; --workspace-control-hover: var(--ui-hover) !important;
    --workspace-control-rail: var(--ui-head) !important; --workspace-control-border: var(--ui-line) !important;
    --workspace-control-active: linear-gradient(120deg,#6569e6,#5359cc) !important;
    --workspace-control-shadow: 0 4px 12px #555bd51c !important;
    font-family: var(--ui-font) !important; font-size: 14px !important;
    font-weight: 400 !important; line-height: 1.6 !important;
    color: var(--ui-ink) !important; background: var(--ui-page) fixed !important;
    -webkit-font-smoothing: antialiased;
  }
  body.member-workspace::before, body.member-workspace::after { display: none !important; }
  /* The user's wallpaper is part of their site identity, not a replaceable reset. */
  body.member-workspace {
    --ui-ink: #3e3152 !important; --ui-muted: #5e506c !important; --ui-faint: #6d5a7a !important;
    --ui-primary: #7355b5 !important; --ui-primary-hover: #62469e !important;
    --ui-primary-soft: rgba(235,224,250,.65) !important; --ui-link: #64458e !important;
    --ui-line: rgba(179,160,204,.46) !important; --ui-line-soft: rgba(191,171,214,.27) !important;
    --ui-panel: rgba(253,249,255,.32) !important; --ui-raised: #f9f5ff !important;
    --ui-field: rgba(255,255,255,.46) !important; --ui-hover: rgba(255,255,255,.33) !important;
    --ui-head: rgba(240,233,251,.58) !important;
    --workspace-control-active: linear-gradient(115deg,#8562bd,#7053ab) !important;
    background-color: #d9d4f4 !important;
    background-image: var(--member-workspace-wallpaper,radial-gradient(ellipse at 12% 80%,#f4badb,transparent 60%),radial-gradient(ellipse at 88% 10%,#bcd9ff,transparent 60%),linear-gradient(135deg,#b2a8ec,#e8d4ee)) !important;
    background-position: center !important; background-size: cover !important; background-attachment: fixed !important;
  }
  :root.dark body.member-workspace {
    --ui-ink: #eee5f8 !important; --ui-muted: #c4b3d1 !important; --ui-faint: #a696b5 !important;
    --ui-primary: #bf9fe8 !important; --ui-primary-hover: #d2b8f4 !important;
    --ui-primary-soft: rgba(107,75,139,.4) !important; --ui-link: #d0b3ee !important;
    --ui-line: rgba(161,137,183,.45) !important; --ui-line-soft: rgba(149,127,173,.25) !important;
    --ui-panel: rgba(47,37,64,.48) !important; --ui-raised: #352b45 !important;
    --ui-field: rgba(31,25,44,.5) !important; --ui-hover: rgba(111,86,139,.38) !important;
    --ui-head: rgba(70,54,88,.78) !important;
  }
  body.member-workspace #root, .capsule-app-shell { background: transparent !important; }
  :is(.capsule-app-shell,.admin-surface,.dealer-glass-admin,.mc-app,.mp-root,[role="dialog"],[role="alertdialog"],[data-radix-popper-content-wrapper]) :is(p,div,span,a,label,li,dt,dd,td,th,button,input,textarea,select) {
    font-family: var(--ui-font) !important; letter-spacing: normal !important;
  }
  :root .material-icons { font-family: "Material Icons" !important; }
  :root .material-icons-outlined { font-family: "Material Icons Outlined" !important; }
  :root .material-icons-round { font-family: "Material Icons Round" !important; }
  :root .material-icons-sharp { font-family: "Material Icons Sharp" !important; }
  :root .material-icons-two-tone { font-family: "Material Icons Two Tone" !important; }
  :root :is(.fadr,.fa-duotone) { font-family: "_mcy_font_d" !important; }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app,.mp-root,[role="dialog"],[role="alertdialog"],[data-radix-popper-content-wrapper]) :is(p,div,span,a,label,li,dt,dd,td,th,button,input,textarea,select) {
    font-size: 14px !important; line-height: 1.6 !important;
  }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app,.mp-root,[role="dialog"],[role="alertdialog"]) :is(small,time,.text-xs,.fs-7,.fs-8,.text-\[10px\],.text-\[11px\],.text-\[12px\],[data-slot="card-description"],.form-text) {
    font-size: 12px !important; line-height: 1.55 !important; color: var(--ui-muted) !important;
  }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app,.mp-root,[role="dialog"]) :is(h1,h1 span,.mc-title h1) {
    font-size: 24px !important; line-height: 1.4 !important; font-weight: 650 !important; color: var(--ui-ink) !important;
    background: transparent !important; box-shadow: none !important;
  }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app,.mp-root,[role="dialog"]) :is(h2,h3,h4,h5,h6,[data-slot="card-title"],[data-slot="dialog-title"],.card-title) {
    font-size: 17px !important; line-height: 1.5 !important; font-weight: 600 !important;
    color: var(--ui-ink) !important; background: transparent !important; box-shadow: none !important;
  }
  :is(.capsule-pages,.mc-app,.mp-root) :is(.wmx-stat-value,.insight-kpi-value,.mc-stats strong,.nm-balance-value) {
    font-size: 28px !important; line-height: 1.35 !important; font-weight: 650 !important;
    color: var(--ui-ink) !important; font-variant-numeric: tabular-nums;
  }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,[role="dialog"]) :is(.text-foreground,.text-card-foreground,.text-stone-900,.text-stone-800,.text-stone-700,.text-slate-900,.text-slate-800,.text-gray-900,.text-gray-800,.text-dark) { color: var(--ui-ink) !important; }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,[role="dialog"]) :is(.text-muted-foreground,.text-stone-400,.text-stone-500,.text-stone-600,.text-slate-400,.text-slate-500,.text-slate-600,.text-gray-400,.text-gray-500,.text-muted) { color: var(--ui-muted) !important; }

  /* Navigation is a separate, quiet surface. */
  .capsule-floating-header { padding: 16px 20px !important; background: transparent !important; }
  .capsule-primary-nav {
    max-width: none !important; min-height: 60px !important; padding: 8px 14px !important;
    gap: 6px !important; border-radius: 22px !important; border: 1px solid #ffffffc9 !important;
    background: rgba(250,247,255,.73) !important; box-shadow: var(--ui-shadow) !important;
    backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important;
  }
  .capsule-primary-nav :is(button,.member-header-link,.member-header-account) {
    font-size: 13px !important; color: var(--ui-muted) !important; border-radius: 12px !important;
    box-shadow: none !important; line-height: 1.4 !important; font-weight: 500 !important;
  }
  .capsule-primary-nav>button,.capsule-primary-nav>.contents>button { padding: 9px 11px !important; gap: 7px !important; }
  .capsule-primary-nav button[aria-current="page"] {
    color: var(--ui-primary) !important; background: var(--ui-primary-soft) !important;
    box-shadow: inset 0 0 0 1px #6b6edb20 !important;
  }
  .capsule-primary-nav .member-header-link[aria-current="page"] { color: var(--ui-primary) !important; background: var(--ui-primary-soft) !important; box-shadow: inset 0 0 0 1px #6b6edb20 !important; border-radius: 12px !important; }
  .capsule-primary-nav .member-header-link[aria-current="page"] span { color: inherit !important; }
  .capsule-primary-nav button[aria-current="page"] :is(span,svg) { color: inherit !important; }
  .capsule-primary-nav>button:first-child { color: var(--ui-ink) !important; background: transparent !important; }
  .capsule-primary-nav>.member-header-actions { gap: 7px !important; }
  .member-header-icon,.member-header-account { color: var(--ui-muted) !important; background: transparent !important; border-color: transparent !important; }
  .member-header-icon:hover,.member-header-account:hover { background: var(--ui-hover) !important; }
  .capsule-sidebar-slot { width: 216px !important; margin: 0 0 20px 20px !important; }
  .capsule-sidebar {
    border: 1px solid #ffffffb8 !important; border-radius: 20px !important;
    background: var(--ui-panel) !important; box-shadow: var(--ui-shadow) !important;
    backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important;
  }
  .capsule-sidebar-heading { padding: 22px 20px 14px !important; font-size: 12px !important; font-weight: 600 !important; color: var(--ui-faint) !important; }
  .capsule-sidebar-link { color: var(--ui-muted) !important; border-radius: 12px !important; min-height: 42px; font-size: 14px !important; }
  .capsule-sidebar-link:hover { background: var(--ui-hover) !important; }
  .capsule-sidebar-link[aria-current="page"] {
    background: var(--workspace-control-active) !important; color: #fff !important;
    box-shadow: 0 5px 12px #555bd523 !important;
  }
  .capsule-sidebar-link[aria-current="page"] :is(span,svg) { color: inherit !important; }
  .capsule-main { padding: 0 20px 20px 18px !important; min-width: 0 !important; background: transparent !important; }
  .capsule-pages {
    border: 1px solid #ffffffb3 !important; border-radius: 22px !important;
    background: rgba(245,239,255,.27) !important; box-shadow: var(--ui-shadow) !important;
    padding: 26px !important; min-width: 0 !important; backdrop-filter: blur(16px) !important;
  }
  :root.dark .capsule-pages { background: rgba(25,34,52,.83) !important; border-color: var(--ui-line) !important; }
  .capsule-pages > [data-retained-page] > :first-child { min-width: 0 !important; }
  .capsule-pages :is(.wmx,.shop-insights) {
    --wmx-ink: var(--ui-ink) !important; --wmx-muted: var(--ui-muted) !important;
    --wmx-hint: var(--ui-muted) !important; --wmx-line: var(--ui-line) !important;
    --wmx-soft: var(--ui-head) !important; --wmx-card: var(--ui-primary-soft) !important;
    color: var(--ui-ink) !important;
  }
  .capsule-pages :is(.feature-tool,.new-feature-hub,.new-feature-content,.shop-insights,.plugin-frame-host,.plugin-frame) { color: var(--ui-ink) !important; background: transparent !important; }
  .capsule-mobile-submenu { background: var(--ui-panel) !important; border-color: var(--ui-line) !important; border-radius: 14px !important; }

  /* Give containers a surface; headings and their children stay unpainted. */
  :is(.capsule-pages,.mc-main,#kt_content,.mp-root) :is([data-slot="card"],.glass-card,.glass-panel,.wmx-board,.wmx-hero,.insight-section,.insight-kpi,.mc-table-card,.mc-section,.mc-stats>section,.mc-stats>div,.card,.nm-card,.nm-plan,.nm-package-card) {
    background: var(--ui-panel) !important; border: 1px solid var(--ui-line-soft) !important;
    border-radius: 18px !important; box-shadow: var(--ui-shadow) !important;
    backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app,.mp-root) :is(.card-header,.card-body,.card-footer,[data-slot="card-header"],[data-slot="card-content"],[data-slot="card-footer"],.insight-section-head,.new-feature-directory-filters,.new-feature-data-meta) {
    background: transparent !important; box-shadow: none !important; backdrop-filter: none !important;
  }
  .capsule-pages :is(header:has(h1),.workspace-page-heading,.new-feature-heading) {
    background: transparent !important; border: 0 !important; box-shadow: none !important; backdrop-filter: none !important;
  }
  .capsule-pages :is(.bg-white,.bg-background,.bg-card,.bg-stone-50,.bg-stone-100,.bg-slate-50,.bg-slate-100,.bg-gray-50,[class*="bg-white/"]) { background-color: var(--ui-panel) !important; background-image: none !important; }
  .capsule-pages :is(span,p,label,small,a,strong,em,i):is(.bg-white,.bg-stone-50,.bg-stone-100,.bg-slate-50,.bg-slate-100,.bg-gray-50,[class*="bg-white/"]) { background: transparent !important; box-shadow: none !important; }

  /* Controls: solid primary, outlined secondary, and unpainted text actions. */
  :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"],[role="alertdialog"],[data-radix-popper-content-wrapper]) button:where(:not([role="switch"]):not([role="checkbox"]):not([role="radio"])) {
    background: transparent !important; background-image: none !important;
    color: var(--ui-ink) !important; border-color: transparent !important;
    border-radius: 9px !important; box-shadow: none !important;
    font-weight: 500 !important; transition: background-color .14s,color .14s,border-color .14s !important;
  }
  :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"],[role="alertdialog"],[data-radix-popper-content-wrapper]) [data-slot="button"] {
    min-height: 36px !important; padding: 7px 13px !important;
  }
  :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"],[role="alertdialog"],[data-radix-popper-content-wrapper]) :is([data-slot="button"][data-variant="outline"],[data-slot="button"][data-variant="secondary"],.report-date-trigger,.insight-filter-btn,.wmx-refresh) {
    background: var(--ui-field) !important; color: var(--ui-ink) !important;
    border: 1px solid var(--ui-line) !important; border-radius: 9px !important; box-shadow: 0 1px 2px #23395804 !important;
  }
  :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"],[role="alertdialog"],[data-radix-popper-content-wrapper]) :is(button.bg-primary,button.bg-amber-600,button.bg-amber-700,button.bg-blue-600,button.bg-sky-700,button.bg-sky-600,button.bg-indigo-600,[data-slot="button"][data-variant="default"],.feature-tool-primary,.insight-primary,.report-date-confirm,.insight-filter-foot button.is-primary,.nm-primary) {
    background: var(--workspace-control-active) !important; color: #fff !important;
    border-color: transparent !important; box-shadow: 0 3px 9px #555bd51a !important;
  }
  :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"],[data-radix-popper-content-wrapper]) :is(button.bg-destructive,[data-variant="destructive"],.nm-danger) { color: var(--ui-danger) !important; background: var(--ui-danger-soft) !important; border-color: transparent !important; }
  :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"],[data-radix-popper-content-wrapper]) button:not(:disabled):hover { filter: none !important; }
  :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"],[data-radix-popper-content-wrapper]) :is([data-variant="outline"],[data-variant="secondary"],[data-variant="ghost"],.report-date-trigger):not(:disabled):hover { background: var(--ui-hover) !important; }
  :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"]) :is(button,a) :is(span,strong,svg) { color: inherit !important; }
  :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"]) :is(button:disabled,[aria-disabled="true"]) { opacity: .45 !important; cursor: not-allowed !important; }
  :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"]) :is(a.text-amber-700,a.text-blue-600,a.text-sky-700,button.text-amber-700,button.text-blue-600,button.text-sky-700,.feature-tool-link) { color: var(--ui-link) !important; background: transparent !important; }
  :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"]) :is(td,th) button:not([data-slot]):not([role="checkbox"]):not([role="switch"]) {
    background: transparent !important; border-color: transparent !important; border-radius: 6px !important;
    box-shadow: none !important; min-height: 28px; padding-block: 2px; color: var(--ui-link) !important;
  }
  :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"]) :is(td,th) button:not([data-slot]):not(:disabled):hover { color: var(--ui-primary-hover) !important; background: var(--ui-hover) !important; }
  :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"]) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]),select,textarea,[role="combobox"]) {
    color: var(--ui-ink) !important; background: var(--ui-field) !important;
    border: 1px solid var(--ui-line) !important; border-radius: 9px !important;
    box-shadow: inset 0 1px 2px #25334b03 !important; min-height: 36px !important;
  }
  :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"]) :is(input,textarea)::placeholder { color: var(--ui-faint) !important; opacity: 1 !important; }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,[role="dialog"]) :is(button,input,textarea,select,a,[role="combobox"]):focus-visible {
    outline: 3px solid #8388ef55 !important; outline-offset: 2px !important; border-color: #8589e1 !important; box-shadow: none !important;
  }
  :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"]) :is([role="switch"],[role="checkbox"],[role="radio"])[data-state="checked"] { background: var(--ui-primary) !important; border-color: var(--ui-primary) !important; color: #fff !important; }
  .capsule-pages :is([role="tablist"],.report-tab-scroll,.new-feature-tabs,.insight-tabs,.report-tabs) {
    background: var(--ui-head) !important; border: 1px solid var(--ui-line-soft) !important;
    border-radius: 12px !important; box-shadow: none !important; padding: 4px !important;
  }
  .capsule-pages :is([role="tab"],.report-tab-scroll button,.new-feature-tabs button,.insight-tabs button,.report-tabs button) { color: var(--ui-muted) !important; background: transparent !important; border-color: transparent !important; }
  .capsule-pages :is([role="tab"][data-state="active"],[role="tab"][aria-selected="true"],.report-tab-scroll button.is-active,.new-feature-tabs button[aria-current="page"],.insight-tabs button.is-active,.report-tabs button.is-active) {
    background: var(--ui-field) !important; color: var(--ui-primary) !important; box-shadow: 0 2px 5px #25334b0b !important; font-weight: 600 !important;
  }
  :is(.native-member,.native-member-dialog) :is(button,.nm-upload) { background: var(--ui-field) !important; border: 1px solid var(--ui-line) !important; border-radius: 9px !important; }
  :is(.native-member,.native-member-dialog) button[aria-pressed="true"] { color: var(--ui-primary) !important; background: var(--ui-primary-soft) !important; border-color: #8b8fe3 !important; box-shadow: inset 0 0 0 1px #8b8fe3 !important; }
  :is(.native-member,.native-member-dialog) button.nm-primary { background: var(--workspace-control-active) !important; color: #fff !important; border-color: transparent !important; }
  .capsule-pages .feature-tool button { background: var(--ui-field) !important; border-color: var(--ui-line) !important; }
  .capsule-pages .feature-tool button.feature-tool-primary { background: var(--workspace-control-active) !important; color: #fff !important; border-color: transparent !important; }

  /* Data remains readable. Sticky columns are opaque, row actions are not chips. */
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app,.mp-root,[role="dialog"]) table { border-collapse: separate !important; border-spacing: 0 !important; background: transparent !important; color: var(--ui-ink) !important; }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app,[role="dialog"]) table :is(thead,tbody,tfoot,tr) { background: transparent !important; }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app,[role="dialog"]) table thead th {
    color: var(--ui-muted) !important; background: var(--ui-head) !important;
    font-size: 12px !important; font-weight: 600 !important; padding: 14px 16px !important;
    border-bottom: 1px solid var(--ui-line) !important; white-space: nowrap;
  }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app,[role="dialog"]) table tbody td {
    background: transparent !important; color: var(--ui-ink) !important;
    padding: 15px 16px !important; border-bottom: 1px solid var(--ui-line-soft) !important;
    font-variant-numeric: tabular-nums; vertical-align: middle !important;
  }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app,[role="dialog"]) table tbody tr:hover>td { background: var(--ui-hover) !important; }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app) table :is(td.sticky,.col-actions) { background: var(--ui-raised) !important; }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app) table thead th:first-child { border-top-left-radius: 12px !important; }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app) table thead th:last-child { border-top-right-radius: 12px !important; }
  .capsule-pages :is([data-slot="table-container"],.workspace-table-surface,.data-scroll,.insight-table-scroll,.mc-table-scroll,.wmx-table-wrap,.new-feature-table-scroll,.sic-table-wrap,.overflow-x-auto.rounded-md) {
    background: var(--ui-panel) !important; border: 1px solid var(--ui-line-soft) !important;
    border-radius: 14px !important; box-shadow: none !important; min-width: 0;
  }
  :is(.capsule-pages,.mc-app,.mp-root) :is(.badge,[data-slot="badge"],.nm-badge) {
    border-radius: 999px !important; padding: 3px 9px !important; font-size: 12px !important; line-height: 1.5 !important;
    background: var(--ui-head) !important; color: var(--ui-muted) !important; border-color: var(--ui-line) !important;
  }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app) :is(.text-green-700,.text-emerald-700,.text-success,.badge-light-success,.bg-green-50,.bg-emerald-50) { color: var(--ui-success) !important; }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app) :is(.badge-light-success,.bg-green-50,.bg-emerald-50) { background: var(--ui-success-soft) !important; border-color: transparent !important; }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app) :is(.text-red-600,.text-red-700,.text-danger,.badge-light-danger,.bg-red-50) { color: var(--ui-danger) !important; }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app) :is(.badge-light-danger,.bg-red-50) { background: var(--ui-danger-soft) !important; border-color: transparent !important; }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app) :is(.alert,.insight-error,.feature-tool-error,.new-feature-warning,.mc-error,.nm-error) { border-radius: 12px !important; box-shadow: none !important; }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app) :is(.alert-danger,.insight-error,.feature-tool-error,.mc-error,.nm-error) { background: var(--ui-danger-soft) !important; color: var(--ui-danger) !important; border-color: #bd456022 !important; }
  :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app) :is(.alert-primary,.alert-info,.alert-light-primary,.alert-light-info) { background: var(--ui-primary-soft) !important; color: var(--ui-link) !important; border-color: #575bd91a !important; }

  /* Portals need a stable backdrop and a genuinely raised surface. */
  :is([data-slot="dialog-overlay"],[data-slot="alert-dialog-overlay"],[data-slot="sheet-overlay"],.mc-overlay) { background: #1c2a4540 !important; backdrop-filter: blur(5px) !important; }
  :is([data-slot="dialog-content"],[data-slot="alert-dialog-content"],[data-slot="sheet-content"],[data-slot="popover-content"],[data-slot="dropdown-menu-content"],[data-slot="select-content"],.mc-modal,.member-header-popover,.insight-filter-pop,.report-date-popover,.wmx-shop-menu) {
    color: var(--ui-ink) !important; background: var(--ui-raised) !important;
    border: 1px solid var(--ui-line) !important; border-radius: 18px !important;
    box-shadow: 0 20px 65px -22px #25334b42 !important;
    backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  }
  :is([data-slot="dialog-content"],[data-slot="alert-dialog-content"],.mc-modal) { max-height: calc(var(--site-viewport-height,100dvh) - 32px) !important; overflow-y: auto !important; }
  :is([data-slot="dropdown-menu-item"],[data-slot="select-item"]):is(:hover,[data-highlighted]) { background: var(--ui-hover) !important; color: var(--ui-primary) !important; border-radius: 7px !important; }
  :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"]) pre { background: #202b41 !important; color: #e1e9ff !important; border-radius: 12px !important; border: 1px solid #37445d !important; }
  :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"]) pre :is(code,span) { color: inherit !important; background: transparent !important; font-family: Consolas,monospace !important; font-size: 12px !important; }

  /* Native admin uses the same tokens, without changing its forms or menu structure. */
  :is(.admin-surface,.dealer-glass-admin) :is(#kt_wrapper,#kt_content,#kt_post,#pjax-container,.toolbar) { background: transparent !important; }
  :is(.admin-surface,.dealer-glass-admin) #kt_aside { background: var(--ui-panel) !important; border-right: 1px solid var(--ui-line) !important; box-shadow: none !important; backdrop-filter: blur(14px) !important; }
  :is(.admin-surface,.dealer-glass-admin) #kt_header { background: var(--ui-panel) !important; border-bottom: 1px solid var(--ui-line) !important; box-shadow: none !important; backdrop-filter: blur(14px) !important; }
  :is(.admin-surface,.dealer-glass-admin) .menu-link { border-radius: 10px !important; color: var(--ui-muted) !important; }
  :is(.admin-surface,.dealer-glass-admin) .menu-link :is(.menu-title,.menu-icon,i) { color: inherit !important; }
  :is(.admin-surface,.dealer-glass-admin) :is(.menu-item.here>.menu-link,.menu-item.show>.menu-link) { background: transparent !important; color: var(--ui-ink) !important; box-shadow: none !important; }
  :is(.admin-surface,.dealer-glass-admin) .menu-link.active { background: var(--ui-primary-soft) !important; color: var(--ui-primary) !important; box-shadow: none !important; }
  :is(.admin-surface,.dealer-glass-admin,.mc-app,.mp-root) :is(.btn,.layui-btn) { border-radius: 9px !important; font-weight: 500 !important; min-height: 36px; box-shadow: none !important; }
  :is(.admin-surface,.dealer-glass-admin,.mc-app,.mp-root) :is(.btn-primary,.layui-btn-normal,.layui-btn:not(.layui-btn-primary):not(.layui-btn-danger):not(.layui-btn-warm):not(.layui-btn-disabled)) { background: linear-gradient(120deg,#6569e6,#5359cc) !important; color: #fff !important; border-color: transparent !important; }
  :is(.admin-surface,.dealer-glass-admin,.mc-app,.mp-root) :is(.btn-light,.btn-light-primary,.btn-secondary,.layui-btn-primary) { background: var(--ui-field) !important; color: var(--ui-link) !important; border: 1px solid var(--ui-line) !important; }
  :is(.admin-surface,.dealer-glass-admin,.mc-app,.mp-root) :is(.btn-light-danger,.btn-danger,.layui-btn-danger) { background: var(--ui-danger-soft) !important; color: var(--ui-danger) !important; border-color: transparent !important; }
  :is(.admin-surface,.dealer-glass-admin,.mc-app,.mp-root) :is(.form-control,.form-select,.layui-input,.layui-textarea,.select2-selection) { background: var(--ui-field) !important; color: var(--ui-ink) !important; border: 1px solid var(--ui-line) !important; border-radius: 9px !important; box-shadow: none !important; }
  :is(.admin-surface,.dealer-glass-admin,.mc-app,.mp-root) :is(.badge-light,.badge-light-primary) { background: var(--ui-primary-soft) !important; color: var(--ui-link) !important; border-radius: 999px !important; }
  :is(.admin-surface,.dealer-glass-admin) :is(.modal-content,.layui-layer,.layui-layer-title,.layui-layer-content,.select2-dropdown,.dropdown-menu) { background: var(--ui-raised) !important; color: var(--ui-ink) !important; border-color: var(--ui-line) !important; border-radius: 14px !important; }
  :is(.admin-surface,.dealer-glass-admin) :is(.layui-table-view,.table-responsive,.bootstrap-table) { border-color: var(--ui-line) !important; border-radius: 12px !important; }
  :is(.admin-surface,.dealer-glass-admin) :is(.layui-table,.layui-table-header,.layui-table-body,.layui-table-cell) { background: transparent !important; color: var(--ui-ink) !important; }
  :is(.admin-surface,.dealer-glass-admin) #ycz-site-scope-bar { background: var(--ui-panel) !important; border: 1px solid var(--ui-line-soft) !important; border-radius: 12px !important; box-shadow: none !important; }

  /* Standalone legacy frames share controls without repainting arbitrary text. */
  .ycz-embedded-ui {
    --ui-ink: #3e3152 !important; --ui-muted: #5e506c !important;
    --ui-primary: #7355b5 !important; --ui-primary-soft: rgba(235,224,250,.65) !important;
    --ui-link: #64458e !important; --ui-line: rgba(179,160,204,.46) !important;
    --ui-line-soft: rgba(191,171,214,.27) !important;
    --ui-panel: rgba(253,249,255,.34) !important; --ui-field: rgba(255,255,255,.46) !important;
    --ui-head: rgba(240,233,251,.58) !important;
    --primary: var(--ui-primary) !important; --primary-foreground: #fff !important;
    --workspace-ink: var(--ui-ink) !important; --workspace-muted: var(--ui-muted) !important;
    --workspace-line: var(--ui-line) !important; --workspace-field: var(--ui-field) !important;
    --workspace-panel: var(--ui-panel) !important; --workspace-surface: var(--ui-panel) !important;
    font-family: var(--ui-font) !important; font-size: 14px !important; color: var(--ui-ink) !important;
    background: transparent !important;
  }
  :root.dark .ycz-embedded-ui,:root[data-theme="dark"] .ycz-embedded-ui { --ui-ink: #eee5f8 !important; --ui-muted: #c4b3d1 !important; --ui-primary: #bf9fe8 !important; --ui-primary-soft: rgba(107,75,139,.4) !important; --ui-link: #d0b3ee !important; --ui-line: rgba(161,137,183,.45) !important; --ui-line-soft: rgba(149,127,173,.25) !important; --ui-panel: rgba(47,37,64,.48) !important; --ui-field: rgba(31,25,44,.5) !important; --ui-head: rgba(70,54,88,.78) !important; }
  .ycz-embedded-ui :is(.bg-content,.uc-bg,#pjax-container,.uc-main,.uc-ticket-list) { background: transparent !important; }
  .ycz-embedded-ui :is(p,div,span,a,label,td,th,button,input,select,textarea) { font-family: var(--ui-font) !important; }
  .ycz-embedded-ui :is(p,label,td,th,button,input,select,textarea) { font-size: 14px !important; line-height: 1.6 !important; }
  .ycz-embedded-ui :is(small,time,.uc-ticket-eyebrow,.uc-ticket-stat__copy small) { font-size: 12px !important; color: var(--ui-muted) !important; }
  .ycz-embedded-ui h1 { font-size: 24px !important; font-weight: 650 !important; line-height: 1.4 !important; }
  .ycz-embedded-ui :is(h2,h3) { font-size: 17px !important; font-weight: 600 !important; }
  .ycz-embedded-ui :is(.card,.panel,.glass-panel,.glass-card,.uc-card,.uc-ticket-hero,.uc-ticket-stat,.uc-ticket-list,.uc-info-card,.uc-profile-card) { background: var(--ui-panel) !important; color: var(--ui-ink) !important; border: 1px solid var(--ui-line) !important; border-radius: 16px !important; box-shadow: var(--ui-shadow) !important; }
  .ycz-embedded-ui :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),select,textarea) { background: var(--ui-field) !important; color: var(--ui-ink) !important; border: 1px solid var(--ui-line) !important; border-radius: 9px !important; font: 14px/1.6 var(--ui-font) !important; }
  .ycz-embedded-ui :is(button,.btn,.layui-btn) { font-family: var(--ui-font) !important; border-radius: 9px !important; }
  .ycz-embedded-ui :is(.btn-primary,.uc-btn-primary,.uc-ticket-primary,.layui-btn-normal,button.primary,button[type="submit"]) { background: linear-gradient(120deg,#6569e6,#5359cc) !important; border-color: transparent !important; color: #fff !important; }
  .ycz-embedded-ui table { color: var(--ui-ink) !important; background: transparent !important; border-collapse: separate !important; border-spacing: 0 !important; }
  .ycz-embedded-ui thead th { color: var(--ui-muted) !important; background: var(--ui-head) !important; border-color: var(--ui-line) !important; }
  .ycz-embedded-ui tbody td { color: var(--ui-ink) !important; background: transparent !important; border-color: var(--ui-line-soft) !important; }
  .ycz-embedded-ui :is(h1,h2,h3,h4) { color: var(--ui-ink) !important; background: transparent !important; }
  .ycz-embedded-ui :is(.material-icons-outlined,.material-icons) { font-family: "Material Icons Outlined" !important; }
  .peer-framed body.ycz-embedded-ui { background: transparent !important; }
  .ycz-embedded-ui :is(.fh-original-host,.fh-web-tool,.fh-collect-body,.fh-collect-main,.fh-collect-sidebar,.fh-collect-toolbar,.fh-collect-group-actions,.fh-original-footer) { color: var(--ui-ink) !important; background: transparent !important; border-color: var(--ui-line) !important; box-shadow: none !important; }
  .ycz-embedded-ui .fh-original-window { background: rgba(249,245,255,.32) !important; color: var(--ui-ink) !important; border: 1px solid var(--ui-line) !important; border-radius: 14px !important; box-shadow: none !important; overflow: hidden; }
  .ycz-embedded-ui .fh-titlebar { background: var(--ui-panel) !important; color: var(--ui-ink) !important; border-bottom: 1px solid var(--ui-line) !important; }
  .ycz-embedded-ui .fh-native-button { background: var(--ui-field) !important; color: var(--ui-ink) !important; border: 1px solid var(--ui-line) !important; border-radius: 8px !important; box-shadow: none !important; min-height: 32px; }
  .ycz-embedded-ui .fh-native-button:hover { background: var(--ui-hover) !important; border-color: var(--ui-primary) !important; }
  .ycz-embedded-ui .fh-collect-table { border: 1px solid var(--ui-line) !important; border-radius: 10px !important; background: rgba(249,245,255,.2) !important; }
  .ycz-embedded-ui .fh-collect-toolbar { padding-block: 8px !important; gap: 6px !important; }
  .membership-auth-page {
    --auth-ink: var(--ui-ink) !important; --auth-muted: var(--ui-muted) !important;
    --auth-primary: #5d62dc !important; --auth-primary-strong: #494fc7 !important;
    --auth-surface: var(--ui-panel) !important; --auth-surface-strong: var(--ui-raised) !important;
    background: var(--ui-page) !important; font-family: var(--ui-font) !important;
  }
  :root.dark :is(.capsule-primary-nav,.capsule-sidebar) { background: var(--ui-panel) !important; border-color: var(--ui-line) !important; }
  :root.dark .capsule-primary-nav :is(button,.member-header-link,.member-header-account),:root.dark .capsule-primary-nav :is(button,.member-header-link,.member-header-account) span { color: var(--ui-ink) !important; }

  /* Quiet scrollbars, and real touch targets on smaller screens. */
  :is(.capsule-app-shell,.admin-surface,.dealer-glass-admin,[role="dialog"]) { scrollbar-color: #b6c3d8 transparent !important; scrollbar-width: thin !important; }
  :is(.capsule-app-shell,.admin-surface,.dealer-glass-admin,[role="dialog"]) ::-webkit-scrollbar { width: 7px; height: 7px; }
  :is(.capsule-app-shell,.admin-surface,.dealer-glass-admin,[role="dialog"]) ::-webkit-scrollbar-thumb { background: #b6c3d8 !important; border-radius: 8px !important; }
  @media(min-width:1024px) and (hover:hover) and (pointer:fine) {
    /* Keep existing workspace density while making actual text a readable 14px. */
    body.member-workspace { --workspace-type-body: 16px !important; }
    :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app,.mp-root,[role="dialog"],[role="alertdialog"]) :is(p,div,span,a,label,li,dt,dd,td,button,input,textarea,select) { font-size: 16px !important; }
    :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app,.mp-root,[role="dialog"],[role="alertdialog"]) :is(small,time,.text-xs,.fs-7,.fs-8,.form-text,.text-\[10px\],.text-\[11px\],.text-\[12px\]) { font-size: 14px !important; }
    :is(.capsule-pages,.ycz-embedded-ui,.admin-surface,.dealer-glass-admin,.mc-app) table thead th { font-size: 14px !important; }
  }
  @media(max-width:1023px) {
    .capsule-sidebar-slot { width: 196px !important; margin-left: 14px !important; }
    .capsule-main { padding: 0 14px 14px !important; }
    .capsule-pages { padding: 20px !important; }
    .capsule-primary-nav { border-radius: 18px !important; gap: 4px !important; }
  }
  @media(max-width:767px) {
    .ycz-embedded-ui .uc-ticket-hero { height: auto !important; min-height: 0 !important; gap: 18px !important; }
    .ycz-embedded-ui .uc-ticket-hero__copy { flex: 0 1 auto !important; height: auto !important; min-height: 0 !important; }
    .ycz-embedded-ui .uc-ticket-hero__copy :is(h1,p) { margin-bottom: 10px !important; }
    .ycz-embedded-ui .uc-ticket-primary { min-height: 44px !important; flex: 0 0 auto !important; width: 100% !important; }
    .ycz-embedded-ui .uc-ticket-stats { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px !important; }
    .ycz-embedded-ui .uc-ticket-stat:first-child { grid-column: 1 / -1 !important; }
    .capsule-floating-header { padding: 10px 10px 12px !important; }
    .capsule-main { padding: 0 10px 12px !important; }
    .capsule-pages { padding: 16px !important; border-radius: 16px !important; }
    .capsule-primary-nav { border-radius: 16px !important; padding: 8px !important; }
    .capsule-pages h1,.mc-title h1 { font-size: 21px !important; }
    :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"]) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]),select,textarea,[role="combobox"]) { min-height: 44px !important; font-size: 16px !important; }
    :is(.capsule-pages,.ycz-embedded-ui,[role="dialog"]) [data-slot="button"] { min-height: 42px !important; }
    :is([data-slot="dialog-content"],[data-slot="alert-dialog-content"],.mc-modal) { max-width: calc(100vw - 24px) !important; border-radius: 16px !important; }
    .capsule-pages :is(table td,table th) { padding: 12px !important; }
  }
  @media(prefers-reduced-motion:reduce) {
    :is(.capsule-app-shell,[role="dialog"]) * { animation: none !important; transition: none !important; }
  }
}

/* These widgets have their own geometry; generic buttons/tables must not paint them. */
@layer ycz-ads-date-controls {
  [role="dialog"] .ads-hour-bar .ads-hour-grid {
    display:grid!important;grid-template-columns:repeat(24,minmax(0,1fr))!important;
    gap:3px!important;padding:4px!important;background:var(--ui-field,#f3eef9)!important;
    border:1px solid var(--ui-line,#d9cce8)!important;border-radius:10px!important;
  }
  [role="dialog"] .ads-hour-bar .ads-hour-grid button {
    display:block!important;min-width:0!important;width:100%!important;height:32px!important;
    min-height:32px!important;padding:0!important;border:1px solid var(--ui-line,#d9cce8)!important;
    border-radius:5px!important;background:var(--ui-raised,#fff)!important;cursor:pointer!important;
    touch-action:manipulation;box-shadow:none!important;
  }
  [role="dialog"] .ads-hour-bar .ads-hour-grid button[aria-pressed="true"] {
    background:#bf8b2e!important;border-color:#a57219!important;
    box-shadow:inset 0 1px 0 #ffffff38!important;
  }
  [role="dialog"] .ads-hour-bar .ads-hour-grid button:focus-visible {outline:2px solid var(--ui-primary,#7857b1)!important;outline-offset:2px!important}
  [role="dialog"] .ads-hour-bar .ads-hour-labels {display:grid!important;grid-template-columns:repeat(24,minmax(0,1fr))!important;padding:0 4px;gap:3px!important}
  [role="dialog"] .ads-hour-bar .ads-hour-legend i {border-radius:3px!important}
  [role="dialog"] .ads-hour-bar .ads-hour-legend>span:first-child i {background:#bf8b2e!important}
  [role="dialog"] .ads-hour-bar .ads-hour-legend>span:last-child i {background:var(--ui-raised,#fff)!important;border:1px solid var(--ui-line,#d9cce8)!important}
  [role="dialog"] .ads-hour-bar .ads-hour-tip {color:#fff!important;background:#40344f!important;border-radius:8px!important;padding:6px 10px!important}
  [role="dialog"] .ads-hour-bar .ads-hour-tip div {color:#fff!important;font-size:12px!important}
  [role="dialog"]:has(.ads-month-range) {overflow:visible!important}
  .ads-month-range {min-width:0!important;width:100%}
  .ads-month-range-trigger {width:100%!important;min-width:0!important;padding:9px 12px!important;height:40px!important;min-height:40px!important;border:1px solid var(--ui-line,#d9cce8)!important;border-radius:10px!important;background:var(--ui-field,#fff)!important}
  .ads-month-range-popover {z-index:100!important;pointer-events:auto!important;overflow:auto!important;border:1px solid var(--ui-line,#d9cce8)!important;border-radius:14px!important;background:var(--ui-raised,#fff)!important;color:var(--ui-ink,#40324f)!important;padding:12px!important;box-shadow:0 16px 48px #352a4f30!important}
  .ads-month-range-popover:not([data-date-positioned]),.report-date-popover.anchored-date-popup:not([data-date-positioned]) {visibility:hidden!important}
  .ads-month-range-popover .ads-month-panels {display:flex!important;gap:16px!important}
  .ads-month-range-popover .ads-month-panel {min-width:0!important;flex:1!important}
  .ads-month-range-popover button {cursor:pointer!important}
  .ads-month-range-popover .ads-month-day {padding:0!important;min-width:0!important;height:34px!important;min-height:34px!important;background:transparent!important;border-radius:0!important;font-size:14px!important}
  .ads-month-range-popover .ads-month-day[data-in-range="true"] {background:var(--ui-primary-soft,#eee4fa)!important}
  .ads-month-range-popover .ads-month-day[data-in-month="false"] {color:var(--ui-muted,#94889f)!important;opacity:.4!important}
  .ads-month-range-popover .ads-month-day span {font-size:14px!important}
  .ads-month-range-popover .ads-month-day[data-edge="true"] span {background:var(--ui-primary,#7857b1)!important;color:#fff!important;border-radius:50%!important}
  .ads-month-range-popover .ads-month-confirm {background:var(--workspace-control-active,#7857b1)!important;color:#fff!important;border-radius:9px!important;padding:7px 14px!important}
  .report-date-popover {padding:0!important;border-radius:14px!important;overflow:auto!important;color:var(--ui-ink,#40324f)!important;background:var(--ui-raised,#fff)!important;animation:none!important;transform:none!important}
  .report-date-popover [data-slot="calendar"] {width:100%!important;background:transparent!important;padding:8px!important}
  .report-date-popover .rdp-months {display:flex!important;gap:12px!important;width:100%!important;position:relative!important}
  .report-date-popover .rdp-month {display:flex!important;flex-direction:column!important;flex:1 1 0!important;width:0!important;min-width:0!important;padding:0!important;gap:0!important}
  .report-date-popover .rdp-month_caption {height:40px!important;min-height:40px!important;padding:0 30px!important;margin:0!important;width:100%!important;background:transparent!important;box-sizing:border-box!important;font-size:14px!important}
  .report-date-popover .rdp-caption_label {font-size:14px!important;white-space:nowrap!important}
  .report-date-popover .rdp-nav {position:absolute!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:40px!important}
  .report-date-popover .rdp-nav button {width:28px!important;height:28px!important;min-height:28px!important;padding:0!important;border:0!important;background:transparent!important;border-radius:7px!important}
  .report-date-popover [data-slot="calendar"] table {display:table!important;table-layout:fixed!important;width:100%!important;min-width:0!important;border-collapse:collapse!important;border-spacing:0!important;background:transparent!important}
  .report-date-popover [data-slot="calendar"] table thead {display:table-header-group!important}
  .report-date-popover [data-slot="calendar"] table tbody {display:table-row-group!important}
  .report-date-popover [data-slot="calendar"] table tr {display:table-row!important;height:34px!important;margin:0!important;padding:0!important;background:transparent!important}
  .report-date-popover [data-slot="calendar"] table :is(td,th) {display:table-cell!important;position:relative!important;width:14.285714%!important;min-width:0!important;max-width:none!important;height:34px!important;padding:0!important;border:0!important;border-radius:0!important;box-sizing:border-box!important;line-height:1!important;text-align:center!important;vertical-align:middle!important;background:transparent!important;font-size:14px!important}
  .report-date-popover [data-slot="calendar"] table th {height:28px!important;color:var(--ui-muted,#908399)!important;font-size:12px!important;font-weight:400!important}
  .report-date-popover [data-slot="calendar"] table button[data-day] {display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;height:34px!important;min-height:34px!important;padding:0!important;margin:0!important;aspect-ratio:auto!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--ui-ink,#40324f)!important;font-size:14px!important;line-height:1!important;box-shadow:none!important;cursor:pointer!important}
  .report-date-popover [data-slot="calendar"] table button[data-range-middle="true"] {background:var(--ui-primary-soft,#eee4fa)!important}
  .report-date-popover [data-slot="calendar"] table button:is([data-range-start="true"],[data-range-end="true"]) {background:var(--ui-primary,#7857b1)!important;color:#fff!important;border-radius:8px!important}
  .report-date-popover [data-slot="calendar"] table .rdp-outside button {color:var(--ui-muted,#94889f)!important;opacity:.35!important}
  .report-date-popover [data-slot="calendar"] table button:disabled {opacity:.3!important;cursor:not-allowed!important}
  .report-date-popover [data-slot="calendar"] table button:focus-visible {outline:2px solid var(--ui-primary,#7857b1)!important;outline-offset:-2px!important}
  .report-date-popover [data-slot="calendar"] table tbody tr:hover>td {background:transparent!important}
  .report-date-popover .report-date-year-nav {top:12px!important;left:38px!important;right:38px!important;height:28px!important;z-index:5!important}
  .report-date-popover .report-date-year-nav button {width:24px!important;height:24px!important;padding:0!important;background:transparent!important;border-radius:6px!important}
  .report-date-popover .report-date-shortcuts {gap:6px!important;padding:10px 12px!important;border-top:1px solid var(--ui-line,#e2d9ed)!important;background:transparent!important}
  .report-date-popover .report-date-shortcuts button {padding:5px 9px!important;border:1px solid var(--ui-line,#d9cce8)!important;border-radius:7px!important;font-size:12px!important;background:transparent!important;color:var(--ui-ink,#40324f)!important;line-height:1.5!important}
  .report-date-popover .report-date-shortcuts button[aria-pressed="true"] {background:var(--ui-primary-soft,#eee4fa)!important;border-color:var(--ui-primary,#7857b1)!important;color:var(--ui-primary,#7857b1)!important}
  .report-date-popover .report-date-footer {padding:8px 12px 12px!important;background:transparent!important;gap:10px!important}
  .report-date-popover .report-date-footer span {font-size:12px!important;line-height:1.5!important}
  .report-date-popover .report-date-confirm {background:var(--workspace-control-active,#7857b1)!important;color:#fff!important;border-radius:9px!important;padding:7px 14px!important;min-height:32px!important;font-size:13px!important}
  @media(max-width:767px) {
    .report-date-popover .rdp-month {width:100%!important;flex-basis:auto!important}
    .report-date-popover .rdp-months {flex-direction:column!important}
    .ads-month-range-popover .ads-month-panels>.ads-month-panel:nth-child(2) {display:none!important}
    [role="dialog"] .ads-hour-bar {overflow-x:auto!important;padding-bottom:6px}
    [role="dialog"] .ads-hour-bar>:is(.ads-hour-track,.ads-hour-legend) {min-width:540px}
  }
}