/* 客服端 › 手机号查询: admin-panel base classes for shared lookup components
   (admin-lookup-tasks.js / .css) expects, mapped onto the desk look. Desk CSP: no inline styles. */

:is(#lookupTasksPanel, #lookupRecordsHost) { --field: var(--panel-soft); }
:is(#lookupTasksPanel, #lookupRecordsHost) .panel-head { display: flex; min-height: 58px; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 19px; border-bottom: 1px solid var(--line); }
:is(#lookupTasksPanel, #lookupRecordsHost) .panel-head h3 { margin: 0; font-size: 15px; }
:is(#lookupTasksPanel, #lookupRecordsHost) .panel-head p, :is(#lookupTasksPanel, #lookupRecordsHost) .panel-head span { margin: 2px 0 0; color: var(--muted); font-size: 12px; }
:is(#lookupTasksPanel, #lookupRecordsHost) .field { display: grid; gap: 6px; margin-bottom: 12px; }
:is(#lookupTasksPanel, #lookupRecordsHost) .field > span { margin: 0; }
:is(#lookupTasksPanel, #lookupRecordsHost) select, :is(#lookupTasksPanel, #lookupRecordsHost) textarea, :is(#lookupTasksPanel, #lookupRecordsHost) .field input:not([type="checkbox"]) { width: 100%; }
:is(#lookupTasksPanel, #lookupRecordsHost) h3 { color: var(--text); font-size: 15px; }
:is(#lookupTasksPanel, #lookupRecordsHost) p { color: var(--text-soft); font-size: 13px; }
:is(#lookupTasksPanel, #lookupRecordsHost) details { margin: 8px 0; color: var(--text-soft); font-size: 13px; }
:is(#lookupTasksPanel, #lookupRecordsHost) summary { cursor: pointer; color: var(--text); }

:is(#lookupTasksPanel, #lookupRecordsHost) .button { display: inline-flex; min-height: 36px; align-items: center; justify-content: center; gap: 6px; padding: 8px 14px; border: 1px solid var(--line-strong); border-radius: var(--radius-sm); background: #142238; color: var(--text-soft); font: inherit; font-size: 13px; font-weight: 650; cursor: pointer; }
:is(#lookupTasksPanel, #lookupRecordsHost) .button:hover:not(:disabled) { border-color: #536780; background: #192a42; color: #fff; }
:is(#lookupTasksPanel, #lookupRecordsHost) .button:disabled { opacity: .45; cursor: not-allowed; }
:is(#lookupTasksPanel, #lookupRecordsHost) .button.primary { border-color: var(--blue); background: var(--blue); color: #fff; }
:is(#lookupTasksPanel, #lookupRecordsHost) .button.primary:hover:not(:disabled) { background: #3b8cf6; }
:is(#lookupTasksPanel, #lookupRecordsHost) .button.danger { border-color: rgba(239, 102, 114, .36); background: rgba(239, 102, 114, .12); color: #ff9ba4; }
:is(#lookupTasksPanel, #lookupRecordsHost) .button.ghost { background: transparent; }
:is(#lookupTasksPanel, #lookupRecordsHost) .button.compact { min-height: 30px; padding: 5px 10px; font-size: 12px; }

:is(#lookupTasksPanel, #lookupRecordsHost) .check-row { display: flex; align-items: flex-start; gap: 8px; margin: 8px 0; color: var(--text-soft); font-size: 13px; }
:is(#lookupTasksPanel, #lookupRecordsHost) .check-single { display: flex; align-items: center; gap: 8px; color: var(--text-soft); cursor: pointer; }

:is(#lookupTasksPanel, #lookupRecordsHost) .table-wrap { max-width: 100%; overflow: auto; }
:is(#lookupTasksPanel, #lookupRecordsHost) table { width: 100%; border-collapse: collapse; font-size: 12px; }
:is(#lookupTasksPanel, #lookupRecordsHost) th, :is(#lookupTasksPanel, #lookupRecordsHost) td { padding: 10px 13px; border-bottom: 1px solid rgba(43, 58, 78, .78); text-align: left; vertical-align: top; }
:is(#lookupTasksPanel, #lookupRecordsHost) th { color: #8395ac; font-weight: 750; white-space: nowrap; }
:is(#lookupTasksPanel, #lookupRecordsHost) td { color: var(--text-soft); }

/* Light desk (.desk-page), matching .desk-page .secondary-button / .danger-button. */
.desk-page :is(#lookupTasksPanel, #lookupRecordsHost) { --field: #ffffff; }
.desk-page :is(#lookupTasksPanel, #lookupRecordsHost) .button { border-color: var(--line-strong); background: #ffffff; color: #4b5565; }
.desk-page :is(#lookupTasksPanel, #lookupRecordsHost) .button:hover:not(:disabled) { border-color: #aeb8c7; background: #f6f7fa; color: var(--text); }
.desk-page :is(#lookupTasksPanel, #lookupRecordsHost) .button.primary { border-color: var(--blue); background: var(--blue); color: #ffffff; }
.desk-page :is(#lookupTasksPanel, #lookupRecordsHost) .button.primary:hover:not(:disabled) { filter: brightness(1.06); background: var(--blue); }
.desk-page :is(#lookupTasksPanel, #lookupRecordsHost) .button.danger { border-color: #f2bbc2; background: #fff3f4; color: #c63f51; }
.desk-page :is(#lookupTasksPanel, #lookupRecordsHost) .button.ghost { background: transparent; }
.desk-page :is(#lookupTasksPanel, #lookupRecordsHost) th { color: #7a8597; }
.desk-page :is(#lookupTasksPanel, #lookupRecordsHost) th, .desk-page :is(#lookupTasksPanel, #lookupRecordsHost) td { border-bottom-color: var(--line); }

/* Phone lookup pages use the available workspace width. */
.desk-page.is-lookup-view .desk-content { width: 100%; max-width: 1920px; }
.desk-page.is-lookup-view .view-section, #lookupRecordsHost .lr-panel { min-width: 0; }
#lookupRecordsHost .section-header { margin-bottom: 20px; }
#lookupRecordsHost .field { min-width: 0; }
#lookupRecordsHost .lr-good { color: var(--green); }
#lookupRecordsHost .table-empty { padding: 40px 16px; text-align: center; color: var(--muted); }
#lookupRecordsHost .lr-filters .field, #lookupRecordsHost .lr-export .field { margin-bottom: 0; }
.lookup-quick { margin-top: 20px; border: 1px solid var(--line); border-radius: var(--radius-sm); padding: 16px 18px; background: var(--panel); }
.lookup-quick[hidden] { display: none; }
.lookup-quick > summary { cursor: pointer; font-size: 14px; font-weight: 650; color: var(--text); }
.lookup-quick > .field-help { margin: 14px 0; }
.lookup-quick .panel { box-shadow: none; }
@media (max-width: 600px) {
  #lookupRecordsHost .lr-filters .field, #lookupRecordsHost .lr-export .field { flex: 1 1 100%; }
  #lookupRecordsHost .lr-pager { flex-wrap: wrap; }
  #lookupRecordsHost .lr-pager span { flex: 1 1 100%; }
  .lookup-quick { padding: 14px 12px; }
}