/* ss-sync-settings-window.css — #7189. Player settings.

   Deliberately SMALL. The window borrows the whole pw-* treatment from
   project-settings-window.css (scrim, window, title bar, rail, scroll, footer,
   buttons, sections, hints) rather than restating it, so the two windows cannot
   drift apart. Everything below is only what the manifest table needs and does
   not already exist.

   TONE RULE, inherited from ss-failure-copy.js and DH #583: none of these states
   is a failure — every one is setup that has or has not happened. So there is no
   red in this file. `warn` is amber, and nothing it marks is ever disabled. */

#ss-player-settings .pw-scroll { padding-bottom: 18px; }

/* ---- the manifest table ---- */
.ss-sync-tbl {
  width: 100%;
  border-collapse: collapse;
  margin: 10px 0 12px;
  font-size: 12.5px;
}
.ss-sync-tbl td {
  padding: 7px 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  vertical-align: top;
}
.ss-sync-tbl tr:last-child td { border-bottom: 0; }

.ss-sync-tbl .c-reel { width: 30%; white-space: nowrap; font-weight: 600; }
.ss-sync-tbl .c-reel label { display: inline-flex; align-items: center; gap: 7px; cursor: pointer; font-weight: 600; }
.ss-sync-tbl .c-reel input { accent-color: #b8e986; width: 14px; height: 14px; cursor: pointer; }
.ss-sync-tbl .c-file { width: 44%; }
.ss-sync-tbl .c-sz   { width: 12%; white-space: nowrap; opacity: .75; font-variant-numeric: tabular-nums; }
.ss-sync-tbl .c-st   { width: 14%; white-space: nowrap; text-align: right; }

/* filename on top, the path below it in small type — the path is evidence, not
   decoration: it is how you tell two identically named cuts apart. */
.ss-sync-tbl .fn { display: block; font-weight: 500; word-break: break-word; }
.ss-sync-tbl .fn.dim { font-weight: 400; opacity: .6; font-style: italic; }
.ss-sync-tbl .rp {
  display: block; margin-top: 2px;
  font-size: 11px; opacity: .55; word-break: break-all;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* the explanatory line under a row that needs attention */
.ss-sync-tbl .r-note td { border-bottom: 0; padding-top: 0; padding-bottom: 9px; }
.ss-sync-tbl .r-note .s { font-size: 12px; }
.ss-sync-tbl .r-note .n { font-size: 12px; opacity: .7; }
.ss-sync-tbl .r-miss .fn { opacity: .6; }

/* ---- state chips ---- */
.ss-chip {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11px;
  line-height: 1.5;
  white-space: nowrap;
  background: rgba(255, 255, 255, 0.09);
  border: 1px solid rgba(255, 255, 255, 0.14);
}
.ss-chip.ss-t-ok   { background: rgba(184, 233, 134, 0.16); border-color: rgba(184, 233, 134, 0.42); color: #cdefad; }
.ss-chip.ss-t-warn { background: rgba(240, 195, 106, 0.16); border-color: rgba(240, 195, 106, 0.42); color: #f2d091; }

/* ---- footer message tones ---- */
#ss-player-settings .pw-foot .msg.ss-t-ok   { color: #cdefad; }
#ss-player-settings .pw-foot .msg.ss-t-warn { color: #f2d091; }
#ss-player-settings .pw-foot .msg.ss-t-info { opacity: .8; }

/* ---- busy ---- */
#ss-player-settings.is-busy .pw-win { cursor: progress; }
#ss-player-settings.is-busy .pw-b   { opacity: .55; pointer-events: none; }

/* A disabled primary still reads as available-later, never as broken — the
   never-disable-the-control rule applies to the STATE controls; this one is the
   single case where the prerequisite genuinely is not met yet (no folder). */
#ss-player-settings .pw-b[disabled] { opacity: .45; pointer-events: none; }
