/* Desktop account and settings refinement; mobile layouts keep their existing rules. */
@media (min-width: 1101px) {
  #page-accounts .acc-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    align-items: start;
    min-width: 0;
  }

  #page-accounts #accountOrgPanel[hidden],
  #page-accounts #accountListPanel[hidden] {
    display: none !important;
  }

  #page-accounts .acc-org-panel {
    min-width: 0;
    padding: 16px 12px 12px;
  }

  #page-accounts .acc-list-panel {
    min-width: 0;
    padding-top: 0;
  }

  #page-accounts .acc-panel-head,
  #page-accounts .acc-list-panel > .toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    height: 42px;
    min-height: 42px;
    margin: 0 0 12px;
    padding: 0;
  }

  #page-accounts .acc-panel-head h3,
  #page-accounts .acc-list-panel > .toolbar h3 {
    margin: 0;
    color: var(--ink);
    font-size: 16px;
    line-height: 1.3;
    font-weight: 650;
  }

  #page-accounts .acc-panel-head .btn,
  #page-accounts .acc-list-panel > .toolbar .btn {
    min-height: 32px;
    white-space: nowrap;
  }

  #page-accounts .acc-org-tree {
    min-width: 0;
    max-height: none;
    overflow: visible;
  }

  #page-accounts .acc-org-node {
    display: block;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 7px 8px;
    border-bottom: 1px solid var(--line-soft);
    border-radius: var(--radius-sm);
    box-sizing: border-box;
  }

  #page-accounts .acc-org-node:hover {
    background: var(--surface-muted);
  }

  #page-accounts .acc-org-node.is-root {
    background: var(--accent-soft);
  }

  #page-accounts .acc-org-main {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(220px, 1.35fr) minmax(252px, auto);
    align-items: center;
    gap: 12px;
    width: 100%;
    min-width: 0;
  }

  #page-accounts .acc-org-table-head {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(220px, 1.35fr) minmax(252px, auto);
    align-items: center;
    gap: 12px;
    margin-bottom: 4px;
    padding: 7px 8px;
    border-radius: var(--radius-sm);
    background: var(--surface-muted);
    color: var(--text);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
  }

  #page-accounts .acc-org-table-head > :last-child {
    text-align: right;
  }

  #page-accounts .acc-org-dept {
    position: relative;
    min-width: 0;
    padding-left: calc(var(--depth, 0) * 20px);
    overflow-wrap: anywhere;
  }

  #page-accounts .acc-org-node:not(.is-root) .acc-org-dept::before {
    position: absolute;
    top: -8px;
    bottom: -8px;
    left: calc(var(--depth, 0) * 20px - 10px);
    width: 1px;
    background: var(--line-soft);
    content: "";
  }

  #page-accounts .acc-org-node:not(.is-root) .acc-org-dept::after {
    position: absolute;
    top: 50%;
    left: calc(var(--depth, 0) * 20px - 10px);
    width: 10px;
    border-top: 1px solid var(--line-soft);
    content: "";
  }

  #page-accounts .acc-org-name {
    max-width: 100%;
    color: var(--ink);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    overflow-wrap: anywhere;
  }

  #page-accounts .acc-org-name.is-root {
    font-weight: 650;
  }

  #page-accounts .acc-org-positions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    min-width: 0;
  }

  #page-accounts .acc-org-position {
    display: inline-flex;
    max-width: 100%;
    padding: 3px 7px;
    border-radius: 999px;
    background: var(--surface-muted);
    color: var(--text);
    font-size: 12px;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  #page-accounts .acc-org-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex: 0 0 auto;
  }

  #page-accounts .acc-node-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 3px 0;
    border: 0;
    background: transparent;
    color: var(--accent-dark);
    font: inherit;
    font-size: 12px;
    line-height: 1.35;
    white-space: nowrap;
    cursor: pointer;
  }

  #page-accounts .acc-node-action:hover:not(:disabled) {
    text-decoration: underline;
  }

  #page-accounts .acc-node-action.is-danger {
    color: var(--danger);
  }

  #page-accounts .acc-node-action:disabled {
    opacity: .55;
    cursor: not-allowed;
  }

  #page-accounts .acc-node-action.is-danger:hover:not(:disabled) {
    color: var(--danger);
    text-decoration: underline;
  }

  #page-accounts .acc-node-action:focus-visible,
  #page-accounts .acc-org-edit-row .btn:focus-visible,
  #page-accounts .acc-panel-head .btn:focus-visible,
  #page-accounts .acc-list-panel > .toolbar .btn:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
  }

  #page-accounts .acc-org-edit-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-width: 0;
    margin-top: 8px;
  }

  #page-accounts .acc-org-input {
    flex: 1 1 180px;
    min-width: min(180px, 100%);
    height: 32px;
    padding: 4px 8px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--surface);
    color: var(--ink);
    font-family: inherit;
    font-size: 13px;
    line-height: 1.35;
  }

  #page-accounts .acc-org-input:focus {
    border-color: var(--accent);
    outline: 2px solid var(--accent-line);
    outline-offset: 1px;
  }

  #page-accounts .acc-org-edit-row .btn {
    min-height: 32px;
    padding: 5px 10px;
    white-space: nowrap;
  }

  #page-accounts .acc-org-table-head + .acc-org-node {
    border-top: 0;
  }

  #page-accounts .acc-org-empty {
    padding: 14px 4px;
    color: var(--text);
    font-size: 13px;
    line-height: 1.5;
    text-align: center;
  }

  #page-accounts .acc-panel-foot {
    display: flex;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--line);
  }

  #page-accounts .acc-list-panel .scroll-card {
    min-width: 0;
    padding: 0;
    overflow: auto;
  }

  #page-accounts .accounts-table {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    border-collapse: collapse;
  }

  #page-accounts .accounts-table thead th {
    height: 36px;
    padding: 8px 9px;
    color: var(--text);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
    white-space: normal;
  }

  #page-accounts .accounts-table tbody tr {
    height: 60px;
  }

  #page-accounts .accounts-table tbody td {
    padding: 8px 9px;
    color: var(--ink);
    font-size: 13px;
    line-height: 1.35;
    vertical-align: middle;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  #page-accounts .acc-cell-user strong {
    display: block;
    color: var(--ink);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
  }

  #page-accounts .acc-cell-user .acc-cell-sub,
  #page-accounts .acc-cell-org .acc-cell-sub {
    display: block;
    margin-top: 2px;
    color: var(--text);
    font-size: 13px;
    line-height: 1.35;
  }

  #page-accounts .acc-cell-org > span:first-child {
    color: var(--ink);
    font-size: 13px;
    line-height: 1.35;
  }

  #page-accounts .acc-perm-detail > summary {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 6px;
    min-width: 0;
    color: var(--text);
    font-size: 13px;
    line-height: 1.4;
    list-style: none;
    cursor: pointer;
  }

  #page-accounts .acc-perm-detail > summary::-webkit-details-marker,
  #page-accounts .acc-row-details > summary::-webkit-details-marker {
    display: none;
  }

  #page-accounts .acc-perm-detail > summary > span:first-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #page-accounts .acc-detail-label {
    flex: 0 0 auto;
    color: var(--accent-dark);
    white-space: nowrap;
  }

  #page-accounts .acc-perm-full {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--line-soft);
    color: var(--text);
    font-size: 12px;
    line-height: 1.45;
    overflow-wrap: anywhere;
  }

  #page-accounts .acc-cell-status .pill {
    display: inline-flex;
    max-width: 100%;
    white-space: nowrap;
  }

  #page-accounts .accounts-table .pill {
    display: inline-flex;
    max-width: 100%;
    white-space: nowrap;
  }

  #page-accounts .acc-row-details {
    margin-top: 4px;
  }

  #page-accounts .acc-row-details > summary {
    color: var(--accent-dark);
    font-size: 12px;
    line-height: 1.4;
    list-style: none;
    white-space: nowrap;
    cursor: pointer;
  }

  #page-accounts .acc-row-detail-body {
    display: grid;
    gap: 4px;
    margin-top: 8px;
    color: var(--text);
    font-size: 12px;
    line-height: 1.45;
    overflow-wrap: anywhere;
  }

  #page-accounts .acc-row-detail-body b {
    display: block;
    color: var(--ink);
    font-weight: 600;
  }

  #page-accounts .acc-cell-actions {
    white-space: normal;
  }

  #page-accounts .acc-cell-actions .acc-action {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    margin-right: 8px;
    padding: 2px 0;
    border: 0;
    background: transparent;
    color: var(--accent-dark);
    font: inherit;
    font-size: 13px;
    line-height: 1.35;
    cursor: pointer;
  }

  #page-accounts .acc-cell-actions .acc-action:last-child {
    margin-right: 0;
  }

  #page-accounts .acc-cell-actions .acc-action:hover {
    text-decoration: underline;
  }

  #page-accounts .acc-cell-actions .acc-action.is-muted {
    color: var(--text);
  }

  #page-accounts .acc-cell-actions .acc-action.is-danger {
    color: var(--danger);
  }

  #page-accounts .acc-cell-actions .acc-action:focus-visible,
  #page-accounts .acc-perm-detail > summary:focus-visible,
  #page-accounts .acc-row-details > summary:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
    border-radius: 2px;
  }

  #page-settings.active {
    display: block;
  }

  #page-settings .settings-layout {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
    gap: 16px;
    min-width: 0;
  }

  #page-settings .settings-section {
    align-self: start;
    min-width: 0;
  }

  #page-settings .settings-port-section {
    grid-column: span 2;
  }

  #page-settings .settings-defaults-section {
    grid-column: 1 / -1;
  }

  #page-settings .settings-port-tabs .fin-tab:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
  }

  #page-settings .settings-table-surface,
  #page-settings .settings-panel-surface {
    min-width: 0;
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    background: var(--surface);
    box-shadow: var(--shadow-xs);
  }

  #page-settings .settings-table-surface {
    padding: 0;
    overflow: hidden;
  }

  #page-settings .settings-panel-surface {
    padding: 12px;
  }

  #page-settings .settings-table-toolbar,
  #page-settings .settings-panel-toolbar {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    min-height: 44px;
    margin: 0;
    padding: 8px 12px;
    border-bottom: 1px solid var(--line-soft);
    background: var(--surface);
  }

  #page-settings .settings-panel-toolbar {
    margin-bottom: 12px;
    padding: 0 0 10px;
  }

  #page-settings .settings-table-toolbar h3,
  #page-settings .settings-panel-toolbar h3 {
    min-width: 0;
    margin: 0;
    color: var(--ink);
    font-size: 16px;
    font-weight: 650;
    line-height: 1.35;
  }

  #page-settings .settings-table-toolbar > .btn {
    min-height: 32px;
    margin-left: auto;
    white-space: nowrap;
  }

  #page-settings .settings-header-actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
    min-width: 0;
    margin-left: auto;
  }

  #page-settings .settings-header-actions > * {
    margin-left: 0;
  }

  #page-settings .settings-header-actions > .btn {
    min-height: 32px;
    white-space: nowrap;
  }

  #page-settings .settings-table {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    border-collapse: collapse;
  }

  #page-settings .settings-table thead th {
    height: 36px;
    padding: 8px 12px;
    color: var(--text);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
  }

  #page-settings .settings-table tbody td {
    min-height: 40px;
    padding: 7px 10px;
    color: var(--ink);
    font-size: 13px;
    line-height: 1.45;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  #page-settings .settings-table th:last-child,
  #page-settings .settings-table td:last-child {
    width: 88px;
    text-align: right;
    white-space: nowrap;
  }

  #page-settings .settings-table-with-code th:nth-child(2),
  #page-settings .settings-table-with-code td:nth-child(2) {
    width: 72px;
    overflow-wrap: anywhere;
  }

  #page-settings .settings-table td:last-child .settings-row-action + .settings-row-action {
    margin-left: 6px;
  }

  #page-settings .settings-row-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 3px 0;
    border: 0;
    background: transparent;
    color: var(--accent-dark);
    font-family: inherit;
    font-size: 13px;
    line-height: 1.35;
    cursor: pointer;
  }

  #page-settings .settings-row-action:hover {
    text-decoration: underline;
  }

  #page-settings .settings-row-action.is-danger {
    color: var(--danger);
  }

  #page-settings .settings-row-action:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
    border-radius: 2px;
  }

  #page-settings .settings-table-surface > .empty-state {
    padding: 16px 12px;
    color: var(--text);
  }

  #page-settings .settings-list-toggle {
    min-height: 0;
    padding: 0 12px 10px;
  }

  #page-settings .settings-list-toggle:empty {
    display: none;
  }

  #page-settings .settings-list-toggle button {
    min-height: 28px;
    padding: 4px 0;
    border: 0;
    background: transparent;
    color: var(--accent-dark);
    font: inherit;
    font-size: 12px;
    cursor: pointer;
  }

  #page-settings .settings-list-toggle button:focus-visible,
  #page-settings .settings-notification-toolbar button:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
  }

  #page-settings .settings-notification-toolbar {
    align-items: flex-start;
    gap: 8px;
  }

  #page-settings .settings-notification-toolbar > div {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 8px;
    min-width: 0;
  }

  #page-settings .settings-notification-toolbar .settings-status {
    margin-left: 0;
    overflow-wrap: anywhere;
  }

  #page-settings .settings-notification-toolbar > .btn {
    flex: 0 0 auto;
    min-height: 32px;
    margin-left: auto;
    white-space: nowrap;
  }

  #page-settings .settings-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 12px;
    max-width: none;
  }

  #page-settings .settings-form-grid .form-group,
  #page-settings .settings-form-grid label {
    min-width: 0;
  }

  #page-settings .settings-actions {
    gap: 6px;
    margin-top: 12px;
  }

  #page-settings .order-options-manager {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
    gap: 12px;
    min-width: 0;
  }

  #page-settings .order-option-group {
    min-width: 0;
    padding: 12px;
  }

  #page-settings .settings-port-tabs {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 4px;
    min-width: 0;
    margin-left: 0;
  }
}
/* 第二批：高密度 PC 展示精修；不修改表格 padding、列宽及业务算法。 */
@media (min-width:1101px) {
  #page-orders .page-toolbar-head,
  #page-customers .customer-toolbar .page-toolbar-head,
  #page-suppliers .supplier-toolbar .page-toolbar-head,
  #page-warehouse .warehouse-toolbar .page-toolbar-head,
  #page-accounts .acc-list-panel > .toolbar { justify-content:flex-start;gap:16px; }
  #page-quotations .dash-filter-top { flex-wrap:wrap;justify-content:flex-start;gap:12px; }
  #page-quotations .dash-export-actions { margin-left:0;gap:8px; }
  #page-quotations .inq-search-field { margin-left:auto; }
  #page-accounts .account-count { color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums; }
  :is(#page-orders,#page-customers,#page-suppliers,#page-warehouse,#page-quotations,#page-finance) :is(tbody,.frozen-body) .btn {
    min-height:28px;padding:3px 6px;border-color:transparent;background:transparent;color:var(--accent-dark);box-shadow:none;font-size:12px;
  }
  :is(#page-orders,#page-customers,#page-suppliers,#page-warehouse,#page-quotations,#page-finance) :is(tbody,.frozen-body) .btn-danger { color:var(--danger); }
  :is(#page-orders,#page-customers,#page-suppliers,#page-warehouse,#page-quotations,#page-finance) :is(tbody,.frozen-body) .btn:hover:not(:disabled) { background:var(--accent-soft);text-decoration:underline; }
  :is(#page-orders,#page-customers,#page-suppliers,#page-warehouse,#page-quotations,#page-finance) :is(tbody,.frozen-body) .btn-danger:hover:not(:disabled) { background:var(--danger-soft,#fef2f2); }
  :is(#page-orders,#page-customers,#page-suppliers,#page-warehouse,#page-quotations,#page-finance) :is(tbody,.frozen-body) .btn:focus-visible { outline:2px solid var(--accent);outline-offset:1px; }
  :is(#page-orders,#page-customers,#page-suppliers,#page-warehouse,#page-quotations,#page-finance) :is(.filter-strip,.dash-filter-controls,.fin-date-filter) :is(input:not([type="checkbox"]),select) { height:36px;font-size:13px; }
  #page-finance .fin-amount { text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink); }
  #page-finance .fin-amount.is-profit,
  #page-finance .fin-detail-metrics .is-profit { color:#32705b; }
  #page-finance .fin-amount.is-loss,
  #page-finance :is(.fin-detail-metrics,.fin-detail-total) .is-loss { color:var(--danger); }
  #page-finance :is(.fin-detail-metrics,.fin-detail-total,.fin-invoice-summary) :is(.is-receivable,.is-payable,.fin-amount-neutral) { color:var(--ink);font-variant-numeric:tabular-nums; }
  #page-finance .fin-summary-card:is(.is-primary,.is-success) strong { color:var(--ink); }
  #page-settings .settings-notification-section { grid-column:1 / -1; }
  #page-settings .settings-notification-toolbar { align-items:center;min-height:32px;margin-bottom:0;border-bottom:0;padding:0; }
  #page-settings #internalReminderForm:not([hidden]) { margin-top:12px;padding-top:12px;border-top:1px solid var(--line-soft); }
  #page-settings .order-options-manager { display:block;columns:3;column-gap:12px; }
  #page-settings .order-option-group { break-inside:avoid;margin:0 0 12px; }
  #page-accounts :is(.acc-org-main,.acc-org-table-head) { grid-template-columns:minmax(160px,.85fr) minmax(220px,1.2fr) 180px;max-width:1100px; }
  #page-accounts .acc-org-more { position:relative; }
  #page-accounts .acc-org-more > summary { min-height:28px;display:flex;align-items:center;padding:3px 6px;color:var(--accent-dark);font-size:12px;cursor:pointer;list-style:none; }
  #page-accounts .acc-org-more > summary::after { content:'⌄';margin-left:4px; }
  #page-accounts .acc-org-more > summary::-webkit-details-marker { display:none; }
  #page-accounts .acc-org-more[open] { z-index:5; }
  #page-accounts .acc-org-more-panel { position:absolute;right:0;top:100%;min-width:120px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-xs); }
  #page-accounts .acc-org-more-panel .acc-node-action { display:flex;width:100%;justify-content:flex-start;padding:6px 10px; }
  #page-accounts .acc-org-more > summary:focus-visible { outline:2px solid var(--accent);outline-offset:2px;border-radius:4px; }
  #page-customers .customer-profile-cell > strong { display:block;white-space:normal;overflow-wrap:anywhere; }
  #page-customers .customer-profile-cell .customer-meta { display:flex;flex-wrap:wrap;gap:4px 8px;margin:4px 0 0;line-height:1.4;font-size:12px; }
  #page-customers .customer-owner-meta .is-incomplete { color:var(--warning); }
  #page-customers .customer-info-detail { min-width:0;margin-top:4px;font-size:12px; }
  #page-customers .customer-info-detail > summary { display:inline-flex;align-items:center;min-height:24px;padding:0 2px;color:var(--accent-dark);cursor:pointer;list-style:none; }
  #page-customers .customer-info-detail > summary::after { content:'⌄';margin-left:4px; }
  #page-customers .customer-info-detail[open] > summary::after { transform:rotate(180deg); }
  #page-customers .customer-info-detail > summary::-webkit-details-marker { display:none; }
  #page-customers .customer-info-detail > summary:focus-visible { outline:2px solid var(--accent);outline-offset:2px; }
  #page-customers .customer-info-body { max-width:360px;white-space:normal;overflow-wrap:anywhere;line-height:1.5;margin-top:4px;color:var(--text); }
  #page-customers .customer-info-body > div { display:flex;align-items:baseline;gap:6px; }
  #page-customers .customer-info-body b { flex:0 0 auto;color:var(--muted);font-weight:500; }
  #page-customers .customer-info-body span { min-width:0;white-space:pre-wrap;overflow-wrap:anywhere; }
}
/* 第一批：仅 PC 设置操作与日志查询，不影响业务表格单元格。 */
@media (min-width: 1101px) {
  #page-settings #orderOptionsManager .order-option-tag button {
    width:24px;height:24px;flex:0 0 24px;
  }
  #page-settings #orderOptionsManager .order-option-tag:focus-within button,
  #page-settings #orderOptionsManager .order-option-tag button:focus-visible,
  #page-settings #orderOptionsManager .order-option-tag .option-move { opacity:1; }
  #page-settings #orderOptionsManager .order-option-tag:focus-within button {
    transition:background .15s,color .15s;
  }
  #page-settings #orderOptionsManager .option-move:hover { background:var(--accent);color:#fff; }
  #page-settings #orderOptionsManager button:focus-visible {
    outline:2px solid var(--accent);outline-offset:2px;
  }
  #page-settings #orderOptionsManager button:disabled { opacity:.45;cursor:not-allowed; }
  #page-settings #orderOptionsManager .option-sort-toggle {
    margin-left:auto;min-height:28px;padding:0 8px;border:1px solid var(--line);
    border-radius:6px;background:var(--surface);color:var(--accent-dark);font:inherit;cursor:pointer;
  }
  #page-settings #orderOptionsManager .order-option-title { display:flex;align-items:center;gap:8px; }
  #page-logs .log-filters { display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;padding:12px;margin-bottom:12px; }
  #page-logs .log-filters label { display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted); }
  #page-logs .log-filters input { width:160px;height:36px;box-sizing:border-box; }
  #page-logs .log-filters .log-search-field input { width:260px; }
  #page-logs .log-query-actions,#page-logs .log-pagination { display:flex;align-items:center;gap:8px; }
  #page-logs .log-status-row { display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px; }
  #page-logs .log-status-row:has(#logStatus:empty):has(#logRetry[hidden]) { display:none; }
  #page-logs #logRetry[hidden] { display:none; }
  #page-logs .log-pagination { justify-content:flex-end;margin-top:12px;font-size:12px; }
  #page-logs input:focus-visible,#page-logs button:focus-visible { outline:2px solid var(--accent);outline-offset:2px; }
}