/* Opt-in Sila UI only. The shared tracker modal is untouched without this class. */
#s-overlay.pm-map-settings-mode .s-modal > .s-nav,
#s-overlay.pm-map-settings-mode .s-modal > .s-content { display:none !important; }
#s-overlay.pm-map-settings-mode .s-modal { width:1040px; height:auto; max-height:90vh; border-radius:12px; }
#pm-map-settings { display:flex; flex-direction:column; min-height:0; width:100%; color:var(--ink); }
#pm-map-settings * { box-sizing:border-box; }
.pm-map-settings-header { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:24px 28px 20px; border-bottom:1px solid var(--rule); }
.pm-map-settings-eyebrow { font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-3); margin-bottom:5px; }
.pm-map-settings-header h2 { font:400 28px/1.2 var(--serif); margin:0; }
.pm-map-settings-header p { font-size:13px; color:var(--ink-3); margin:7px 0 0; }
.pm-map-settings-dismiss { flex:none; width:32px; height:32px; border:1px solid var(--rule); border-radius:50%; background:var(--paper); color:var(--ink-2); font:22px/1 var(--sans); cursor:pointer; }
.pm-map-settings-content { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); min-height:0; overflow-y:auto; }
.pm-map-settings-companies { min-width:0; padding:24px 28px; }
.pm-map-settings-intake { min-width:0; padding:24px 28px; border-left:1px solid var(--rule); background:#faf9f6; }
.pm-map-settings-guided { padding-bottom:22px; margin-bottom:22px; border-bottom:1px solid var(--rule); }
.pm-map-settings-guided .pm-map-settings-help { margin-bottom:12px; }
#pm-map-settings-guided-intake { max-width:100%; border:1px solid var(--accent); border-radius:6px; background:var(--accent); color:white; padding:10px 16px; font:12px var(--sans); cursor:pointer; }
#pm-map-settings h3 { font:400 21px/1.25 var(--serif); margin:0 0 10px; overflow-wrap:anywhere; }
#pm-map-settings h4 { font:500 10px/1.4 var(--sans); text-transform:uppercase; letter-spacing:.08em; margin:22px 0 8px; }
.pm-map-settings-help { font-size:12px; line-height:1.55; color:var(--ink-3); margin:0 0 20px; }
.pm-map-settings-company-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
#pm-map-settings-add .command-btn { width:auto; white-space:nowrap; }
#pm-map-settings-company-controls .s-field { gap:8px; }
#pm-map-settings .s-label-sub { line-height:1.5; }
#pm-map-settings .s-input,#pm-map-settings .s-textarea { border-radius:6px; background:var(--paper); }
#pm-map-settings .command-btn { border-radius:6px; }
#pm-map-settings .portfolio-map-options { grid-template-columns:minmax(0,1fr) !important; gap:4px !important; }
#pm-map-settings .portfolio-map-options > div { border-bottom:1px solid var(--rule); padding:4px 0; }
#pm-map-settings .portfolio-map-option { flex:1; min-width:0; overflow-wrap:anywhere; }
#pm-map-settings .portfolio-map-option input { flex:none; width:auto; accent-color:var(--accent); }
#pm-map-settings .portfolio-map-options button { flex:none; width:auto; }
#pm-map-settings .portfolio-map-options .portfolio-map-company-select { flex:1; min-width:0; width:auto; text-align:left; border:0; background:transparent; color:var(--ink); padding:6px 0; cursor:pointer; font:12px var(--sans); }
.portfolio-map-company-select span,.portfolio-map-company-select small { display:block; overflow-wrap:anywhere; }
.portfolio-map-company-select small { font-size:10px; color:var(--ink-3); margin-top:4px; }
.portfolio-map-company-select[aria-pressed="true"] span { color:var(--accent); font-weight:600; }
#pm-deleted-map-views { font-size:12px; margin:12px 0; }
#pm-deleted-map-views summary { cursor:pointer; color:var(--ink-3); }
#pm-deleted-map-views button { margin-top:8px; }
.pm-map-settings-preview-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:6px; }
.pm-map-settings-preview-heading .pm-map-settings-eyebrow { margin:0; }
#pm-map-settings-company-count { font-size:11px; color:var(--ink-3); white-space:nowrap; }
.pm-map-settings-company-cards { display:grid; gap:10px; margin:16px 0 0; }
.pm-map-settings-company-card { min-width:0; padding:14px; border:1px solid var(--rule); border-radius:8px; background:var(--paper); }
#pm-map-settings .pm-map-settings-company-card h4 { margin:0 0 12px; font:500 13px/1.45 var(--sans); color:var(--ink); letter-spacing:0; text-transform:none; overflow-wrap:anywhere; }
.pm-map-settings-alias-label { margin:0 0 6px; color:var(--ink-3); font-size:9px; font-weight:500; letter-spacing:.07em; text-transform:uppercase; }
.pm-map-settings-company-aliases { display:grid; gap:5px; margin:0; padding:0; list-style:none; }
.pm-map-settings-company-aliases li { min-width:0; padding:6px 8px; border-radius:4px; background:#f5f4f0; color:var(--ink-2); font-size:11px; line-height:1.5; overflow-wrap:anywhere; }
.pm-map-settings-alias-empty { margin:0; color:var(--ink-3); font-size:11px; line-height:1.5; }
#pm-map-settings [hidden] { display:none !important; }
#pm-map-settings #pm-map-view-editor > div { flex-wrap:wrap; }
#pm-map-settings #pm-map-view-editor .command-btn { width:auto; padding:9px 12px; font-size:11px; }
#pm-map-settings #pm-map-view-name[readonly] { color:var(--ink-3); }
#pm-map-delete { color:#9b3131; border-color:#d6b0b0; background:transparent; }
.pm-map-settings-intake dl { margin:24px 0; border-top:1px solid var(--rule); }
.pm-map-settings-intake dt { font-size:10px; color:var(--ink-3); margin:14px 0 4px; text-transform:uppercase; letter-spacing:.06em; }
.pm-map-settings-intake dd { font-size:12px; line-height:1.5; margin:0; }
.pm-map-settings-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px 28px; border-top:1px solid var(--rule); background:var(--paper); }
#pm-map-settings-intake-note { font-size:12px; line-height:1.5; color:var(--ink-3); margin:0; max-width:60%; }
#pm-map-settings-actions .s-nav-footer { border:0; padding:0; gap:8px; }
#pm-map-settings-actions button { flex:none; padding:10px 16px; border-radius:6px; font-size:11px; white-space:nowrap; }
#pm-map-settings-actions .s-close-btn { border-color:var(--rule); background:var(--paper); color:var(--ink-2); }
#pm-map-settings-actions .s-run-btn { background:var(--accent); border-color:var(--accent); color:white; }
#pm-map-settings button:disabled { opacity:.5; cursor:default; }
#pm-map-view-companies label,#pm-guide-companies label { display:flex; gap:8px; align-items:center; padding:6px 0; font-size:12px; }
#pm-map-view-companies input,#pm-guide-companies input { width:auto; flex:none; accent-color:var(--accent); }
#pm-map-view-editor fieldset,#pm-map-guided-intake fieldset { margin:14px 0; border:1px solid var(--rule); border-radius:6px; padding:12px; }
#pm-map-settings button:focus-visible,#pm-map-settings input:focus-visible,#pm-map-settings select:focus-visible,#pm-map-settings textarea:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
@media (max-width:720px) {
  #s-overlay.pm-map-settings-mode .s-modal { width:96vw; max-width:96vw; max-height:94vh; }
  .pm-map-settings-header { padding:18px; gap:12px; }
  .pm-map-settings-header h2 { font-size:24px; }
  .pm-map-settings-content { grid-template-columns:minmax(0,1fr); }
  .pm-map-settings-companies,.pm-map-settings-intake { padding:20px 18px; }
  .pm-map-settings-intake { border-left:0; border-top:1px solid var(--rule); }
  .pm-map-settings-footer { padding:14px 18px; gap:10px; flex-wrap:wrap; }
  #pm-map-settings-intake-note { max-width:100%; }
  #pm-map-settings-actions { margin-left:auto; }
}
