/* ui/orgsettings.css — HL-156. Registered providers + facility mapping, under Organisation.
   Loads after styles.css and wins on collision. Every rule is og- prefixed. */

.og-wrap { margin-top: 18px; }
.og-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.og-head h3 { margin: 0 0 4px; }
.og-head p { margin: 0; opacity: .75; font-size: .92em; }

.og-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
           gap: 14px; margin-top: 12px; }
.og-card { border: 1px solid var(--line, #2a2f3a); border-radius: 10px; padding: 14px 16px;
           background: var(--panel, rgba(255,255,255,.02)); }
.og-name { font-weight: 600; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.og-pill { font-size: .72em; padding: 2px 8px; border-radius: 999px;
           border: 1px solid var(--line, #2a2f3a); opacity: .85; }
.og-pill-warn { border-color: #b58900; color: #b58900; }
.og-pill-ok { border-color: #4a9; color: #4a9; }

.og-kv { margin: 10px 0 0; font-size: .9em; display: grid;
         grid-template-columns: auto 1fr; gap: 3px 12px; }
.og-kv dt { opacity: .65; }
.og-kv dd { margin: 0; }
.og-src { opacity: .5; font-size: .85em; margin-left: 6px; cursor: help; }

.og-sec-label { margin: 12px 0 4px; font-size: .8em; text-transform: uppercase;
                letter-spacing: .06em; opacity: .6; }
.og-dir { display: flex; align-items: center; gap: 8px; padding: 2px 0; font-size: .92em; }
.og-dir button, .og-fac button { border: none; background: none; cursor: pointer;
                                 opacity: .55; font-size: .95em; color: inherit; }
.og-dir button:hover, .og-fac button:hover { opacity: 1; }
.og-dir-note { font-size: .85em; color: #b58900; margin: 4px 0 0; }

.og-fac { display: flex; align-items: center; gap: 8px; padding: 3px 0; font-size: .92em; }
.og-fac .og-fac-meta { opacity: .6; font-size: .88em; }
.og-fac select { font-size: .9em; max-width: 180px; }

.og-row { display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
.og-row input, .og-row select { flex: 1 1 140px; min-width: 120px; padding: 6px 8px;
  border-radius: 6px; border: 1px solid var(--line, #2a2f3a);
  background: transparent; color: inherit; }
.og-btn { padding: 6px 14px; border-radius: 6px; border: 1px solid var(--line, #2a2f3a);
          background: transparent; color: inherit; cursor: pointer; }
.og-btn:hover { border-color: var(--accent, #6af); }
.og-btn-ghost { opacity: .7; }
.og-add-card { border-style: dashed; }
.og-nodata { opacity: .6; font-size: .92em; }
.og-err { color: #d66; font-size: .9em; margin-top: 6px; }