/* ============================================================================
   期析前台（v2）fdiv 专用皮肤 —— 独立文件
   ----------------------------------------------------------------------------
   为什么单独一份：
     stuff/jqueryUi/fdiv/fdiv.css（可读源）与 fdiv.min.css（压缩产物）是插件自带皮肤，
     后台、旧页与文档弹窗都在共用，改它们会波及非前台页面。前台提示（site.js 的 tipMsg 出口、
     以及后续接入的其它前台弹窗）统一走本文件，样式只在前台生效。

   与 Tailwind 的关系：没有关系。
     纯手写 CSS，不使用任何 Tailwind 工具类，也不参与 tailwind 构建
     （assets/css/input.css 与 tailwind.config.js 均未涉及）。取值是手抄前台设计令牌
     （见 tailwind.config.js）：品牌宝蓝 #0066E0、正文 #0B2A4F / #43536B、描边 #E2E8F0、
     暗色面板 #121829 / 描边 #223049 / 文字 #E2E8F0 / 次要 #94A3B8、错误 #BA1A1A 与 #EF4444。

   怎么启用：
     面板根节点（div.e-fdiv-wrap.ui-dialog.fdiv-table-simple）由 site.js 通过 fdiv 的
     dialogClass 选项挂上 .iqx-fdiv，本文件所有面板规则都以它为前提；没挂类的弹窗
     （后台、旧页）完全不受影响。
     唯一的例外是遮罩 .ui-widget-overlay：它是弹窗的兄弟节点、不在面板内，无法用 .iqx-fdiv
     限定，只能全局写——而本文件只被前台头部引入，所以实际作用范围仍等同于"仅前台"。

   为什么可以放心覆盖插件皮肤：
     插件 _getThemeClassName() 会为每个类同时输出无后缀与带主题后缀两份
     （如 fdiv-mmtd 与 fdiv-mmtd-simple），所以：一是下面的选择器一律带
     .e-fdiv-wrap.iqx-fdiv 前缀（≥3 个类），比插件皮肤（≤2 个类）和 jQuery UI 主题
     （1 个类）更具体，不依赖加载顺序；二是结构类统一取无后缀那份，
     即使 site.js 换掉 theme 选项，这套皮肤依然命中。
   ============================================================================ */

/* ---------- 遮罩：对齐前台自有弹层（bg-black/60 那一档） ---------- */
.ui-widget-overlay {
    background: #0f172a;
    opacity: 0.6;
}

.dark .ui-widget-overlay {
    background: #000;
    opacity: 0.62;
}

/* ---------- 面板本体 ---------- */
.e-fdiv-wrap.iqx-fdiv {
    padding: 0; /* jQuery UI 的 .ui-dialog 自带 .2em 内边距 */
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
        "Microsoft YaHei", sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #0b2a4f;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 24px 64px rgba(2, 8, 23, 0.18), 0 2px 8px rgba(2, 8, 23, 0.06);
    /* 圆角裁不住内部 100%×100% 表格的方角单元格底色，必须靠它，原因见 fdiv.css 同处注释 */
    overflow: hidden;
}

html.dark .e-fdiv-wrap.iqx-fdiv {
    color: #e2e8f0;
    background: #121829;
    border-color: #223049;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55), 0 2px 8px rgba(0, 0, 0, 0.45);
}

/* ---------- 压平插件皮肤自带的 20px 透明框架格 ----------
   插件基底给上/下框架行与左右侧列留了 20px 的空格（各皮肤自己的"画框"），
   在 v2 面板上会变成看不见的空白边，导致标题与正文被顶进去。这里全部归零。 */
.e-fdiv-wrap.iqx-fdiv .fdiv-ttr,
.e-fdiv-wrap.iqx-fdiv .fdiv-btr,
.e-fdiv-wrap.iqx-fdiv .fdiv-tmtd,
.e-fdiv-wrap.iqx-fdiv .fdiv-bmtd,
.e-fdiv-wrap.iqx-fdiv .fdiv-tltd,
.e-fdiv-wrap.iqx-fdiv .fdiv-trtd,
.e-fdiv-wrap.iqx-fdiv .fdiv-bltd,
.e-fdiv-wrap.iqx-fdiv .fdiv-brtd {
    width: 0;
    height: 0;
    font-size: 0;
    background: none;
}

.e-fdiv-wrap.iqx-fdiv .fdiv-mltd,
.e-fdiv-wrap.iqx-fdiv .fdiv-mrtd,
.e-fdiv-wrap.iqx-fdiv .fdiv-title-ltd,
.e-fdiv-wrap.iqx-fdiv .fdiv-title-rtd,
.e-fdiv-wrap.iqx-fdiv .fdiv-btnltd,
.e-fdiv-wrap.iqx-fdiv .fdiv-btnrtd {
    width: 0;
    background: none;
}

/* ---------- 标题栏 ---------- */
.e-fdiv-wrap.iqx-fdiv td.fdiv-title-mtd {
    height: auto;
    padding: 13px 44px 13px 18px; /* 右侧 44px 给关闭按钮让位 */
    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
    background: #fff; /* 插件基底给标题格铺了 default 皮肤的 ttm.png，必须显式压掉 */
    color: #0b2a4f;
    border-bottom: 1px solid #eef2f7;
}

html.dark .e-fdiv-wrap.iqx-fdiv td.fdiv-title-mtd {
    background: #121829;
    color: #e2e8f0;
    border-bottom-color: #223049;
}

/* ---------- 内容区 ---------- */
.e-fdiv-wrap.iqx-fdiv .fdiv-mmtd,
.e-fdiv-wrap.iqx-fdiv .fdiv-btnmtd,
.e-fdiv-wrap.iqx-fdiv .fdiv-text-wrap {
    background: #fff;
}

html.dark .e-fdiv-wrap.iqx-fdiv .fdiv-mmtd,
html.dark .e-fdiv-wrap.iqx-fdiv .fdiv-btnmtd,
html.dark .e-fdiv-wrap.iqx-fdiv .fdiv-text-wrap {
    background: #121829;
}

.e-fdiv-wrap.iqx-fdiv .ez-fdiv-content {
    line-height: inherit;
    border-bottom: 0;
}

/* 提示文案（site.js 的 tipMsg 出口渲染这两类节点；这里覆盖 fdiv.css 里的旧宋体粗体样式） */
.e-fdiv-wrap.iqx-fdiv .iqx-tip-msg {
    margin: 0;
    padding: 18px 20px 16px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #0b2a4f;
}

.e-fdiv-wrap.iqx-fdiv .iqx-tip-msg.iqx-tip-error {
    color: #ba1a1a;
}

.e-fdiv-wrap.iqx-fdiv .iqx-tip-count {
    font-family: inherit;
    font-size: 12px;
    line-height: 18px;
    text-align: right;
    color: #6b7a94;
}

html.dark .e-fdiv-wrap.iqx-fdiv .iqx-tip-msg {
    color: #e2e8f0;
}

html.dark .e-fdiv-wrap.iqx-fdiv .iqx-tip-msg.iqx-tip-error {
    color: #ef4444;
}

html.dark .e-fdiv-wrap.iqx-fdiv .iqx-tip-count {
    color: #94a3b8;
}

/* ---------- 按钮行 ---------- */
/* 没有按钮时这一行是空的：不给内边距也不画分隔线，避免面板底部多出一条空白带 */
.e-fdiv-wrap.iqx-fdiv .fdiv-btnmtd {
    padding: 0;
    border-top: 0;
}

.e-fdiv-wrap.iqx-fdiv .fdiv-button {
    display: inline-block;
    margin: 0 4px 14px;
    padding: 8px 18px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #0066e0;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: none;
    text-shadow: none;
    cursor: pointer;
}

.e-fdiv-wrap.iqx-fdiv .fdiv-button:hover {
    background: #f4f8fd;
    border-color: #c6ceda;
}

html.dark .e-fdiv-wrap.iqx-fdiv .fdiv-button {
    color: #47b2ff;
    background: #121829;
    border-color: #223049;
}

html.dark .e-fdiv-wrap.iqx-fdiv .fdiv-button:hover {
    background: #1c263c;
}

/* ---------- 关闭按钮：纯 CSS 画叉，不再依赖 azury 的 png ---------- */
.e-fdiv-wrap.iqx-fdiv a.fdiv-close {
    position: absolute;
    width: 28px;
    height: 28px;
    right: 8px;
    top: 8px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: none;
    color: #94a3b8;
    filter: none; /* 压掉暗色下对 png 做反色那条规则 */
    transition: background-color 0.15s ease, color 0.15s ease;
}

.e-fdiv-wrap.iqx-fdiv a.fdiv-close::before,
.e-fdiv-wrap.iqx-fdiv a.fdiv-close::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 14px;
    height: 2px;
    border-radius: 2px;
    background: currentColor;
}

.e-fdiv-wrap.iqx-fdiv a.fdiv-close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.e-fdiv-wrap.iqx-fdiv a.fdiv-close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.e-fdiv-wrap.iqx-fdiv a:hover.fdiv-close,
.e-fdiv-wrap.iqx-fdiv a:focus.fdiv-close {
    background: #f1f5f9;
    color: #0b2a4f;
    outline: 0;
}

html.dark .e-fdiv-wrap.iqx-fdiv a.fdiv-close {
    color: #94a3b8;
    filter: none;
}

html.dark .e-fdiv-wrap.iqx-fdiv a:hover.fdiv-close,
html.dark .e-fdiv-wrap.iqx-fdiv a:focus.fdiv-close {
    background: #1c263c;
    color: #e2e8f0;
}

/* ---------- 缩放把手：贴着面板右下角，暗色下别亮出白点 ---------- */
.e-fdiv-wrap.iqx-fdiv .ez-fdiv-resizable {
    bottom: 4px;
    right: 4px;
}