.field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.check-line { display: flex !important; align-items: center; gap: 8px; }
.form .check-line input { width: auto; margin: 0; }
.field-grid .check-line { margin-top: 27px; }
.rule-toolbar { display:flex; justify-content:space-between; align-items:center; margin:3px 0 12px; color:#7d8799; font-size:11px; }
.secondary { border:1px solid #dbe3f2; background:#f5f8ff; color:#3158aa; border-radius:7px; padding:8px 11px; font-size:11px; }
.secondary:hover { background:#e8efff; }
.rule-card { border:1px solid #e8ebf0; border-radius:8px; padding:13px; margin-bottom:9px; background:#fbfcfe; }
.rule-card { min-width:0; overflow:hidden; }
.rule-card-head { display:flex; justify-content:space-between; align-items:center; font-size:12px; }
.rule-keywords { color:#3158aa; font-size:13px; font-weight:700; margin-top:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rule-reply { color:#5e697a; font-size:12px; line-height:1.6; margin-top:6px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.rule-actions { display:flex; gap:5px; margin-top:10px; }
.rule-actions button { border:0; background:transparent; color:#6d7890; font-size:11px; padding:4px 6px; border-radius:4px; }
.rule-actions button:hover { background:#edf2ff; color:#3158aa; }
.rule-actions .delete-link { color:#c15c5c; margin-left:auto; }
.rule-actions button:disabled { color:#c8ced8; cursor:not-allowed; }
.rule-empty { border:1px dashed #dce2eb; border-radius:8px; padding:22px 10px; color:#9aa4b3; text-align:center; font-size:12px; }
.bulk-bar { display:flex; align-items:center; gap:7px; padding:0 0 10px; color:#7d8799; font-size:11px; }
.bulk-bar b { color:#3158aa; }
.bulk-bar button { border:0; background:#f3f6fc; color:#526688; border-radius:5px; padding:6px 8px; font-size:10px; }
.bulk-bar button:hover { background:#e6edfc; color:#3158aa; }
.bulk-bar .delete-link { margin-left:auto; background:#fff0f0; color:#c15c5c; }
.select-rule { width:20px; height:20px; margin:0 8px 0 0 !important; display:inline-grid !important; place-items:center; }
.select-rule input { width:15px !important; height:15px; margin:0 !important; }
.rule-card-head { gap:3px; }
#rule-dialog label { display:block; color:#667287; font-size:12px; margin-bottom:16px; }
#rule-dialog input[name="keywords"], #rule-dialog textarea[name="reply"] { display:block; width:100%; margin-top:7px; border:1px solid #dfe5ee; border-radius:8px; padding:12px; font:inherit; font-size:13px; color:var(--ink); background:#fbfcfe; }
#rule-dialog textarea[name="reply"] { min-height:118px; resize:vertical; line-height:1.6; }
#rule-dialog input:focus, #rule-dialog textarea:focus { outline:0; border-color:#6f91e3; box-shadow:0 0 0 3px #eaf0ff; }
.switch input { display:none; }
.switch span { display:block; width:34px; height:19px; border-radius:12px; background:#cfd6e2; position:relative; cursor:pointer; }
.switch span:after { content:''; position:absolute; width:15px; height:15px; background:#fff; border-radius:50%; top:2px; left:2px; transition:.15s; box-shadow:0 1px 3px #aeb7c5; }
.switch input:checked + span { background:#3b70df; }.switch input:checked + span:after { left:17px; }
.rule-summary { display:flex; align-items:center; justify-content:space-between; gap:16px; border:1px solid #e1e8f4; border-radius:8px; padding:15px; margin:4px 0 16px; background:#f8faff; }
.rule-summary strong { display:block; color:#253858; margin:4px 0 2px; font-size:14px; }
.rule-summary p { margin:0; color:#7d8799; font-size:12px; }
#rules-dialog { width:min(760px, calc(100vw - 36px)); max-height:calc(100vh - 48px); padding:0; border:0; border-radius:10px; box-shadow:0 20px 60px #18233b3d; }
#rules-dialog::backdrop { background:#17203380; }
.rules-dialog-body { padding:24px; max-height:calc(100vh - 48px); overflow:auto; }
.rules-dialog-body .dialog-head { margin-bottom:18px; }
.rules-dialog-body .dialog-head p { margin:5px 0 0; color:#7d8799; font-size:12px; }
.rules-dialog-toolbar { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; color:#69778d; font-size:12px; }
.rules-dialog-toolbar strong { color:#3158aa; }
.rule-pagination { display:flex; justify-content:center; align-items:center; gap:12px; margin-top:16px; color:#768298; font-size:12px; }
.rule-pagination button { border:1px solid #dbe3f2; border-radius:6px; background:#fff; color:#4566a5; padding:7px 11px; font-size:12px; }
.rule-pagination button:disabled { color:#bbc3d0; border-color:#edf0f5; cursor:not-allowed; }
.logout-btn { padding:8px 10px; font-size:11px; }
#login-dialog { width:min(420px, calc(100vw - 36px)); }
#login-dialog .dialog-head p { margin:6px 0 0; color:#7d8799; font-size:12px; }
#login-dialog label { display:block; color:#667287; font-size:12px; margin-bottom:16px; }
#login-dialog input { display:block; width:100%; margin-top:7px; border:1px solid #dfe5ee; border-radius:8px; padding:12px; font:inherit; font-size:13px; color:var(--ink); background:#fbfcfe; }
#login-dialog input:focus { outline:0; border-color:#6f91e3; box-shadow:0 0 0 3px #eaf0ff; }
.login-error { min-height:18px; color:#c15c5c; font-size:12px; margin-bottom:6px; }
.sync-key-settings { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px; margin:2px 0 4px; border:1px solid #e1e8f4; border-radius:8px; background:#f8faff; }
.sync-key-settings strong { display:block; color:#253858; font-size:12px; }
.sync-key-settings small { display:block; margin-top:4px; color:#7d8799; font-size:11px; }
.field-hint { margin:-4px 0 14px; color:#9aa4b3; font-size:11px; line-height:1.5; }
#toast { position:fixed; left:50%; bottom:28px; z-index:20; transform:translate(-50%,12px); opacity:0; pointer-events:none; padding:11px 18px; border-radius:8px; color:#fff; background:#1f8f62; box-shadow:0 8px 24px #17203330; font-size:12px; transition:opacity .18s ease, transform .18s ease; }
#toast.show { opacity:1; transform:translate(-50%,0); }
#toast.error { background:#c94d5b; }
.knowledge-view { display:none; }
.knowledge-head-actions { display:flex; gap:8px; align-items:center; }
.knowledge-toolbar { display:flex; gap:8px; margin-bottom:16px; }
.knowledge-tools { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:16px; }
.knowledge-tool { padding:13px; border:1px solid #e3e9f3; border-radius:8px; background:#fbfcfe; }
.semantic-tool { background:#f8faff; }
.tool-title { margin-bottom:10px; }
.tool-title strong { display:block; color:#253858; font-size:12px; }
.tool-title span { display:block; margin-top:4px; color:#7d8799; font-size:10px; line-height:1.45; }
.knowledge-tool .knowledge-toolbar, .knowledge-tool .knowledge-semantic-test { margin:0; padding:0; border:0; background:transparent; }
.embedding-settings { border:1px solid #e1e8f4; border-radius:8px; padding:16px; margin-bottom:16px; background:#f8faff; }
.settings-title { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:14px; }
.settings-title strong { color:#253858; font-size:14px; }
.settings-title p { margin:5px 0 0; color:#7d8799; font-size:11px; }
.settings-group { padding:12px; border:1px solid #e3e9f3; border-radius:7px; background:#fff; margin-top:10px; }
.settings-group-muted { background:#fbfcfe; }
.settings-group-title { color:#526688; font-size:11px; font-weight:700; margin-bottom:10px; letter-spacing:.02em; }
.settings-group-title small { color:#9aa4b3; font-weight:400; margin-left:6px; }
.settings-group label { display:block; min-width:0; color:#667287; font-size:12px; margin-bottom:10px; }
.settings-group label input, .settings-group label select { display:block; box-sizing:border-box; width:100%; margin-top:6px; border:1px solid #dfe5ee; border-radius:7px; padding:9px 10px; font:inherit; font-size:12px; color:var(--ink); background:#fbfcfe; }
.settings-group label input:focus, .settings-group label select:focus { outline:0; border-color:#6f91e3; box-shadow:0 0 0 3px #eaf0ff; }
.settings-group .field-grid { gap:14px; }
.threshold-help { align-self:center; margin:0 !important; padding-top:18px; }
.settings-actions { display:flex; align-items:center; gap:8px; margin-top:4px; }
.knowledge-semantic-test { display:flex; gap:8px; margin:-6px 0 12px; padding:12px; border:1px solid #e1e8f4; border-radius:8px; background:#f8faff; }
.knowledge-semantic-test input { flex:1; border:1px solid #dfe5ee; border-radius:8px; padding:10px 12px; font:inherit; }
.semantic-results { margin-bottom:14px; }
.semantic-summary { margin-bottom:8px; color:#7d8799; font-size:11px; }
.semantic-result { padding:10px 12px; margin-bottom:7px; border:1px solid #e8ebf0; border-radius:7px; background:#fff; }
.semantic-result strong { color:#253858; font-size:12px; }
.semantic-result span { margin-left:8px; color:#7d8799; font-size:10px; }
.semantic-result p { margin:6px 0 0; color:#5e697a; font-size:11px; line-height:1.5; }
.knowledge-toolbar input { flex:1; border:1px solid #dfe5ee; border-radius:8px; padding:10px 12px; font:inherit; }
.knowledge-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.knowledge-card { min-width:0; border:1px solid #e8ebf0; border-radius:8px; padding:15px; background:#fbfcfe; }
.knowledge-card-head { display:flex; align-items:center; justify-content:space-between; }
.knowledge-card h4 { margin:12px 0 7px; color:#253858; font-size:14px; }
.knowledge-card p { color:#5e697a; font-size:12px; line-height:1.6; max-height:76px; overflow:hidden; white-space:pre-wrap; }
.knowledge-card small { color:#7d8799; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.knowledge-actions { display:flex; gap:8px; margin-top:12px; }
.knowledge-actions button { border:0; background:#f3f6fc; color:#4566a5; border-radius:5px; padding:6px 9px; font-size:11px; }
.knowledge-actions .delete-link { color:#c15c5c; }
#knowledge-dialog { width:min(560px,calc(100vw - 36px)); }
#knowledge-dialog label { display:block; color:#667287; font-size:12px; margin-bottom:14px; }
#knowledge-dialog input, #knowledge-dialog select, #knowledge-dialog textarea { display:block; width:100%; margin-top:7px; border:1px solid #dfe5ee; border-radius:8px; padding:10px; font:inherit; font-size:13px; background:#fbfcfe; }
#knowledge-dialog textarea { min-height:150px; resize:vertical; line-height:1.6; }
@media (max-width: 760px) { .knowledge-list,.knowledge-tools { grid-template-columns:1fr; } }
@media (max-width: 650px) { .field-grid { grid-template-columns: 1fr; gap: 0; } }
@media (max-width: 650px) { .knowledge-head-actions { flex-wrap:wrap; } .settings-actions { flex-wrap:wrap; } .settings-title { gap:10px; } }
.ai-config { display:grid; gap:12px; margin-bottom:16px; }
.ai-config-group { padding:15px; border:1px solid #e1e7f0; border-radius:8px; background:#fbfcfe; }
.ai-config-title { margin-bottom:14px; }
.ai-config-title strong { display:block; color:#253858; font-size:13px; }
.ai-config-title span { display:block; margin-top:4px; color:#8b96a8; font-size:11px; line-height:1.5; }
.ai-config-group label:last-child { margin-bottom:0; }
.ai-config-group textarea { min-height:70px; line-height:1.55; }
.ai-config-group label small { display:block; margin-top:5px; color:#9aa4b3; font-size:10px; line-height:1.45; }
.inline-actions { display:flex; align-items:center; gap:10px; margin-top:-3px; }
.inline-actions span { color:#8b96a8; font-size:10px; line-height:1.4; }
.fixed-constraints { padding:11px 12px; border-left:3px solid #6383c9; border-radius:4px; background:#f0f4fc; color:#66748b; }
.fixed-constraints strong { display:block; margin-bottom:4px; color:#405678; font-size:11px; }
.fixed-constraints span { font-size:10px; line-height:1.6; }
.context-grid { align-items:start; }
@media (max-width:650px) { .inline-actions { align-items:flex-start; flex-direction:column; } }
.stats-view { display:none; }
.stats-toolbar { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:16px; }
.stats-toolbar h3 { font-size:20px; color:#253858; }
.stats-toolbar p { margin:6px 0 0; color:#7d8799; font-size:12px; }
.stats-filters { display:flex; align-items:center; gap:8px; }
.stats-filters select { min-width:150px; border:1px solid #dfe5ee; border-radius:7px; padding:9px 10px; background:#fff; color:#40506a; font:inherit; font-size:12px; }
.stats-metrics { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; margin-bottom:16px; }
.stats-metrics article { min-width:0; padding:16px; border:1px solid #e4e9f1; border-radius:8px; background:#fff; }
.stats-metrics span,.stats-metrics small { display:block; color:#8792a4; font-size:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.stats-metrics strong { display:block; margin:7px 0 4px; color:#253858; font-size:23px; }
.stats-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr); gap:14px; margin-bottom:14px; }
.daily-list { min-height:180px; padding:16px 20px 18px; }
.daily-row { display:grid; grid-template-columns:42px minmax(80px,1fr) 32px minmax(150px,auto); align-items:center; gap:10px; min-height:31px; color:#667287; font-size:11px; }
.daily-row time { color:#8290a5; }
.daily-row strong { color:#34445f; text-align:right; }
.daily-row small { color:#8b96a8; }
.daily-track { height:7px; border-radius:4px; overflow:hidden; background:#edf1f6; }
.daily-track span { display:block; height:100%; border-radius:4px; background:#4c73c9; }
.stats-breakdown { display:grid; grid-template-columns:1fr 1fr; gap:9px; padding:16px; }
.breakdown-item { padding:12px; border:1px solid #e7ebf2; border-radius:7px; background:#fbfcfe; }
.breakdown-item span { display:block; color:#818da0; font-size:10px; }
.breakdown-item strong { display:block; margin-top:6px; color:#30415f; font-size:18px; }
.stats-recent .table-wrap { overflow-x:auto; }
.stats-recent table { min-width:880px; }
.stats-empty-cell { padding:35px !important; text-align:center; color:#9aa4b3 !important; font-weight:400 !important; }
.result-badge { display:inline-block; padding:4px 8px; border-radius:5px; background:#edf1f6; color:#667287; font-size:10px; font-weight:600; }
.result-success { background:#e8f7ef; color:#27825b; }
.result-failed { background:#fff0f0; color:#b95757; }
.result-manual { background:#fff5e8; color:#a66b25; }
.result-duplicate,.result-ignored { background:#f0f2f6; color:#758196; }
.result-partial { background:#edf2ff; color:#4969b0; }
@media (max-width:1200px) { .stats-metrics { grid-template-columns:repeat(3,1fr); } }
@media (max-width:850px) { .stats-grid { grid-template-columns:1fr; } .stats-toolbar { align-items:flex-start; flex-direction:column; } }
@media (max-width:650px) { .stats-metrics { grid-template-columns:repeat(2,1fr); } .stats-filters { width:100%; flex-wrap:wrap; } .stats-filters select { flex:1; min-width:130px; } .daily-row { grid-template-columns:40px 1fr 28px; } .daily-row small { grid-column:2 / 4; } }
.media-config{margin:18px 0;padding:18px;border:1px solid #dfe5ea;background:#f8fafb;border-radius:6px}.media-config .ai-config-title{margin-bottom:14px}.media-config textarea{min-height:82px}.media-config small{display:block;margin-top:5px;color:#68737d;font-size:12px}
.knowledge-image-preview{display:flex;align-items:center;gap:10px;margin-top:8px;min-height:24px;color:#687386;font-size:12px}.knowledge-image-preview img{width:96px;height:72px;object-fit:contain;border:1px solid #d9dee8;border-radius:8px;background:#f7f8fb;transition:transform .2s ease,box-shadow .2s ease;transform-origin:left center}.knowledge-image-preview img:hover{transform:scale(3);box-shadow:0 10px 30px #15223844;position:relative;z-index:5}
.checkbox-field{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.checkbox-field input{width:16px;height:16px;margin:1px 0 0}.checkbox-field small{flex-basis:100%;margin-left:24px}
.remote-control-panel{margin:16px 0;border:1px solid #e1e8f4;border-radius:8px;padding:16px;background:#f8faff}.remote-control-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.remote-control-head strong{display:block;color:#253858;font-size:14px}.remote-control-head p{margin:5px 0 0;color:#7d8799;font-size:11px;line-height:1.5}.remote-control-toolbar{display:flex;align-items:center;gap:8px;flex-shrink:0}.remote-control-toolbar select,.remote-customer-search input{border:1px solid #dfe5ee;border-radius:7px;padding:9px 10px;background:#fff;color:#40506a;font:inherit;font-size:12px}.remote-customer-search{display:flex;align-items:center;gap:10px;margin:14px 0 10px}.remote-customer-search input{flex:1}.remote-customer-search span{color:#8994a5;font-size:11px}.remote-customer-list{display:grid;gap:8px}.remote-customer-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #e4e9f1;border-radius:7px;background:#fff}.remote-customer-main{min-width:0}.remote-customer-main strong{display:block;color:#30415f;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remote-customer-main small{display:block;margin-top:4px;color:#8b96a8;font-size:10px}.remote-customer-row button{flex-shrink:0}.remote-customer-row button:disabled{cursor:default;opacity:.65}@media (max-width:650px){.remote-control-head{flex-direction:column}.remote-control-toolbar{width:100%}.remote-control-toolbar select{flex:1}.remote-customer-search{align-items:stretch;flex-direction:column;gap:5px}}
/* 编辑弹窗统一视觉：字段清晰分组，操作区始终可见，不改变表单行为 */
dialog#knowledge-dialog,
dialog#rule-dialog {
  width: min(640px, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  padding: 0;
  overflow: hidden;
  border: 1px solid #dfe6f1;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 24px 80px rgba(20, 34, 61, .24);
}
dialog#knowledge-dialog::backdrop,
dialog#rule-dialog::backdrop { background: rgba(15, 27, 48, .48); backdrop-filter: blur(2px); }
#knowledge-form,
#rule-form { max-height: calc(100vh - 32px); overflow-y: auto; padding: 26px 30px 22px; scrollbar-width: thin; scrollbar-color: #cbd5e5 transparent; }
#knowledge-form::-webkit-scrollbar,
#rule-form::-webkit-scrollbar { width: 8px; }
#knowledge-form::-webkit-scrollbar-thumb,
#rule-form::-webkit-scrollbar-thumb { background: #cbd5e5; border-radius: 8px; }
#knowledge-form .dialog-head,
#rule-form .dialog-head { position: sticky; top: -26px; z-index: 3; margin: -26px -30px 22px; padding: 24px 30px 18px; background: rgba(255,255,255,.97); border-bottom: 1px solid #edf1f6; }
#knowledge-form .dialog-head h3,
#rule-form .dialog-head h3 { color: #1c2b45; font-size: 21px; letter-spacing: -.35px; }
#knowledge-form .dialog-head .eyebrow,
#rule-form .dialog-head .eyebrow { color: #6b86bd; letter-spacing: 1.8px; }
#knowledge-form .dialog-head p,
#rule-form .dialog-head p { margin: 6px 0 0; color: #8793a6; font-size: 11px; line-height: 1.5; }
#knowledge-form .close,
#rule-form .close { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid #e1e7f0; border-radius: 8px; background: #fff; color: #8793a6; font-size: 21px; line-height: 1; }
#knowledge-form .close:hover,
#rule-form .close:hover { background: #f4f7fc; color: #3f5f9e; }
#knowledge-form > label,
#rule-form > label { display: block; margin: 0 0 15px; color: #51617a; font-size: 12px; font-weight: 600; line-height: 1.4; }
#knowledge-form > label:not(.checkbox-field),
#rule-form > label:not(.checkbox-field) { padding: 0 1px; }
#knowledge-form > label > input:not([type="checkbox"]):not([type="file"]),
#knowledge-form > label > select,
#knowledge-form > label > textarea,
#rule-form > label > input:not([type="checkbox"]):not([type="file"]),
#rule-form > label > textarea { box-sizing: border-box; display: block; width: 100%; margin-top: 7px; padding: 11px 12px; border: 1px solid #dce4ef; border-radius: 9px; background: #fbfcfe; color: #1e2a3f; font: inherit; font-size: 13px; font-weight: 400; transition: border-color .16s ease, box-shadow .16s ease, background .16s ease; }
#knowledge-form > label > input:not([type="checkbox"]):not([type="file"]):focus,
#knowledge-form > label > select:focus,
#knowledge-form > label > textarea:focus,
#rule-form > label > input:not([type="checkbox"]):not([type="file"]):focus,
#rule-form > label > textarea:focus { outline: 0; border-color: #7395e3; background: #fff; box-shadow: 0 0 0 3px #eaf0ff; }
#knowledge-form > label > textarea { min-height: 128px; resize: vertical; line-height: 1.65; }
#rule-form > label > textarea { min-height: 124px; resize: vertical; line-height: 1.65; }
#knowledge-form > label > small,
#rule-form > label > small { display: block; margin: 6px 1px 0; color: #8b96a8; font-size: 11px; font-weight: 400; line-height: 1.45; }
#knowledge-form > label.checkbox-field,
#rule-form > label.checkbox-field { display: grid !important; grid-template-columns: 20px minmax(0,1fr); grid-template-rows: auto auto; align-items: start; gap: 3px 10px; margin: 2px 0 17px; padding: 12px 13px; border: 1px solid #dfe7f4; border-radius: 10px; background: #f7f9fd; color: #3c5278; font-weight: 600; }
#knowledge-form > label.checkbox-field input,
#rule-form > label.checkbox-field input { grid-column: 1; grid-row: 1 / span 2; width: 17px; height: 17px; margin: 1px 0 0; accent-color: #3d6fd8; }
#knowledge-form > label.checkbox-field small,
#rule-form > label.checkbox-field small { grid-column: 2; grid-row: 2; margin: 0; color: #7e8ca2; }
#knowledge-form input[type="file"],
#rule-form input[type="file"] { box-sizing: border-box; display: block; width: 100%; margin-top: 7px; padding: 9px 10px; border: 1px dashed #b9c8e1; border-radius: 9px; background: #f8faff; color: #5f6e86; font: inherit; font-size: 12px; font-weight: 400; }
.knowledge-image-preview { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 10px; min-height: 46px; margin-top: 9px; padding: 9px; border: 1px solid #e4eaf3; border-radius: 9px; background: #fafbfd; color: #8490a3; font-size: 11px; }
.knowledge-image-preview:empty { display: none; }
.knowledge-image-preview img { width: 88px; height: 66px; flex: 0 0 auto; object-fit: contain; border: 1px solid #d8e0ec; border-radius: 7px; background: #f4f7fb; cursor: zoom-in; transform-origin: left center; transition: transform .18s ease, box-shadow .18s ease; }
.knowledge-image-preview img:hover { position: relative; z-index: 10; transform: scale(2.35); box-shadow: 0 14px 34px rgba(23,37,65,.28); }
.knowledge-image-preview small { margin: 0; color: #8a96a8; font-size: 10px; font-weight: 400; }
.knowledge-image-preview .delete-link { margin-left: auto; padding: 5px 7px; font-size: 11px; }
#knowledge-form > label:has(input[type="file"]),
#rule-form > label:has(input[type="file"]) { padding: 12px 13px 13px; border: 1px solid #e1e8f3; border-radius: 10px; background: #fcfdff; }
#knowledge-form .dialog-actions,
#rule-form .dialog-actions { position: sticky; bottom: -22px; z-index: 3; display: flex; justify-content: flex-end; gap: 8px; margin: 22px -30px -22px; padding: 14px 30px 22px; border-top: 1px solid #edf1f6; background: rgba(255,255,255,.97); }
#knowledge-form .dialog-actions .primary,
#rule-form .dialog-actions .primary { min-width: 104px; }
@media (max-width: 650px) { dialog#knowledge-dialog, dialog#rule-dialog { width: calc(100vw - 20px); max-height: calc(100vh - 20px); border-radius: 13px; } #knowledge-form, #rule-form { max-height: calc(100vh - 20px); padding: 21px 18px 18px; } #knowledge-form .dialog-head, #rule-form .dialog-head { top: -21px; margin: -21px -18px 18px; padding: 20px 18px 15px; } #knowledge-form .dialog-actions, #rule-form .dialog-actions { bottom: -18px; margin: 18px -18px -18px; padding: 12px 18px 18px; } }