/* MZW RODO — widoki 2.5.42: pulpit od zadań i rejestr czynności z panelem szczegółów.
   Kolory przez zmienne z style.css (--surface, --border, --text…), więc działa w obu motywach. */

/* ══ PULPIT OD ZADAŃ ═════════════════════════════════════════════════════ */
.dsh-toolbar { gap: 10px; }
.dsh-toolbar h2 { margin-right: auto !important; }
.dsh-quick { display: flex; gap: 8px; flex-wrap: wrap; }
.dsh-quick-btn {
  font-size: 13px; font-weight: 600; padding: 7px 12px; border-radius: 7px; cursor: pointer;
  background: transparent; color: var(--text, #1c1917); border: 1px solid var(--border2, #d6d3d1);
}
.dsh-quick-btn:hover:not(:disabled) { background: var(--surface2, #ede6d8); }
.dsh-quick-btn.dsh-quick-primary { background: var(--navy, #0D1B2A); color: #fff; border-color: var(--navy, #0D1B2A); }
.dsh-quick-btn.dsh-quick-primary:hover:not(:disabled) { background: var(--navy3, #1E3050); }
[data-theme="dark"] .dsh-quick-btn.dsh-quick-primary { background: var(--gold, #B8962A); color: #0D1B2A; border-color: var(--gold, #B8962A); }

.dsh-top { display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr); gap: 16px; align-items: start; margin-bottom: 18px; }
.dsh-top.dsh-top-single { grid-template-columns: minmax(0, 1fr); }
.dsh-card {
  background: var(--surface, #fff); border: 1px solid var(--border, #e7e5e4);
  border-radius: 10px; padding: 16px 18px; min-width: 0;
}
.dsh-card[hidden] { display: none; }
.dsh-card-hd { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.dsh-card-hd h3 { margin: 0; font-size: 15px; font-weight: 700; color: var(--text, #1c1917); }
.dsh-card-hd span { font-size: 12px; color: var(--text3, #5f5a55); }

.dsh-todo-row {
  display: grid; grid-template-columns: 112px minmax(0, 1fr) auto; gap: 14px; align-items: center;
  padding: 11px 0; border-top: 1px solid var(--border, #e7e5e4);
}
.dsh-todo-row:first-child { border-top: 0; padding-top: 2px; }
.dsh-todo-tag {
  font-size: 12px; font-weight: 700; line-height: 1.25; border-radius: 5px; padding: 4px 8px; text-align: center;
  overflow-wrap: anywhere;
}
.dsh-todo-d { background: #fde8e8; color: #8f1414; }
.dsh-todo-w { background: #fdf0d3; color: #7a4a05; }
[data-theme="dark"] .dsh-todo-d { background: rgba(239, 68, 68, .2); color: #fca5a5; }
[data-theme="dark"] .dsh-todo-w { background: rgba(245, 158, 11, .2); color: #fbbf24; }
.dsh-todo-txt { font-size: 14px; line-height: 1.4; color: var(--text, #1c1917); }
.dsh-todo-meta { font-size: 12px; color: var(--text3, #5f5a55); margin-top: 2px; }
.dsh-todo-btn {
  font-size: 13px; font-weight: 600; white-space: nowrap; cursor: pointer; min-height: 34px;
  background: transparent; color: var(--text, #1c1917); border: 1px solid var(--border2, #d6d3d1);
  border-radius: 7px; padding: 6px 12px;
}
.dsh-todo-btn:hover:not(:disabled) { background: var(--surface2, #ede6d8); color: var(--text, #1c1917); }
.dsh-todo-more {
  margin-top: 8px; font-size: 13px; font-weight: 600; cursor: pointer; padding: 6px 0;
  background: none; border: 0; color: #7a5f10; text-decoration: underline; text-underline-offset: 3px;
}
.dsh-todo-more:hover:not(:disabled) { background: none; color: #5d4a0c; }
[data-theme="dark"] .dsh-todo-more { color: #e3c466; }
.dsh-todo-empty { padding: 18px 0 8px; }
.dsh-todo-empty b { display: block; font-size: 14px; color: #166534; }
[data-theme="dark"] .dsh-todo-empty b { color: #4ade80; }
.dsh-todo-empty span { display: block; font-size: 13px; color: var(--text3, #5f5a55); margin-top: 4px; }

.dsh-sec { margin: 0 0 10px; font-size: 14px; font-weight: 700; color: var(--text, #1c1917); }

@media (max-width: 1100px) {
  .dsh-top { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 768px) {
  .dsh-toolbar { flex-wrap: wrap; }
  .dsh-quick-btn { min-height: 44px; }
  .dsh-todo-row { grid-template-columns: minmax(0, 1fr); gap: 6px; padding: 12px 0; }
  .dsh-todo-tag { justify-self: start; }
  .dsh-todo-btn { min-height: 44px; justify-self: start; }
}
@media print { .dsh-quick, .dsh-todo-btn, .dsh-todo-more { display: none !important; } }

/* ══ REJESTR CZYNNOŚCI: lista + panel szczegółów ═════════════════════════ */
.rcp-strip {
  display: flex; align-items: center; gap: 14px 18px; flex-wrap: wrap;
  background: var(--surface, #fff); border: 1px solid var(--border, #e7e5e4); border-radius: 10px;
  padding: 10px 14px; margin-bottom: 12px;
}
.rcp-strip-main { display: flex; align-items: baseline; gap: 8px; }
.rcp-strip-main b { font-size: 22px; font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums; }
.rcp-strip-main span { font-size: 13px; color: var(--text2, #44403c); }
.rcp-strip-chips { display: flex; gap: 6px; flex-wrap: wrap; margin-left: auto; }
.rcp-chip { font-size: 12px; padding: 4px 9px; border-radius: 6px; border: 1px solid transparent; white-space: nowrap; }
.rcp-chip b { font-weight: 700; font-variant-numeric: tabular-nums; }
.rcp-chip-ok   { background: #e3f4e8; color: #14532d; }
.rcp-chip-warn { background: #fdf0d3; color: #7a4a05; border-color: #e9c46a; }
.rcp-chip-info { background: var(--surface2, #ede6d8); color: var(--text, #1c1917); }
.rcp-ok b, .rcp-pct.rcp-ok   { color: #166534; }
.rcp-warn b, .rcp-pct.rcp-warn { color: #92400e; }
.rcp-bad b, .rcp-pct.rcp-bad  { color: #991b1b; }
[data-theme="dark"] .rcp-chip-ok   { background: rgba(34,197,94,.18); color: #4ade80; }
[data-theme="dark"] .rcp-chip-warn { background: rgba(245,158,11,.18); color: #fbbf24; border-color: transparent; }
[data-theme="dark"] .rcp-ok b, [data-theme="dark"] .rcp-pct.rcp-ok { color: #4ade80; }
[data-theme="dark"] .rcp-warn b, [data-theme="dark"] .rcp-pct.rcp-warn { color: #fbbf24; }
[data-theme="dark"] .rcp-bad b, [data-theme="dark"] .rcp-pct.rcp-bad { color: #fca5a5; }
.rcp-pct { font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; }
.rcp-missing { color: #991b1b; font-weight: 600; }
[data-theme="dark"] .rcp-missing { color: #fca5a5; }

.rcp-md { display: block; }
.rcp-md-detail { display: none; }

/* lista: zwarte, jednoliniowe wiersze */
#rcp #rcpTable { table-layout: fixed; width: 100%; }
#rcp #rcpTable th:nth-child(1) { width: auto; }
#rcp #rcpTable th:nth-child(2) { width: 19%; }
#rcp #rcpTable th:nth-child(3) { width: 19%; }
#rcp #rcpTable th:nth-child(4) { width: 15%; }
#rcp #rcpTable th:nth-child(5) { width: 76px; text-align: right; }
#rcp #rcpTable th:nth-child(6) { width: 168px; }
#rcp #rcpTable tbody tr.xr-main td { vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#rcp #rcpTable tbody tr.xr-main td:nth-child(5) { text-align: right; }
#rcp #rcpTable .rcp-nm { font-weight: 600; }
#rcp #rcpTable tbody tr.xr-main:focus-visible { outline: 2px solid var(--gold, #B8962A); outline-offset: -2px; }

@media screen and (min-width: 1101px) {
  .rcp-md { display: grid; grid-template-columns: minmax(0, 1fr) clamp(360px, 34%, 460px); gap: 16px; align-items: start; }
  .rcp-md-detail {
    display: block; position: sticky; top: 8px; max-height: calc(100vh - 190px); overflow-y: auto;
    background: var(--surface, #fff); border: 1px solid var(--border, #e7e5e4); border-radius: 10px; padding: 18px 20px;
  }
  /* na szerokim ekranie szczegóły są w panelu: bez rozwijania w wierszu i bez ikon akcji w liście */
  #rcp #rcpTable tr.xr-detail-row { display: none !important; }
  #rcp #rcpTable .xr-chev { display: none; }
  #rcp #rcpTable th:nth-child(6), #rcp #rcpTable td:nth-child(6) { display: none; }
  #rcp #rcpTable tbody tr.xr-main { cursor: pointer; }
  #rcp #rcpTable tbody tr.xr-main.rcp-sel td { background: #fbf4de; }
  #rcp #rcpTable tbody tr.xr-main.rcp-sel td:first-child { box-shadow: inset 3px 0 0 var(--gold, #B8962A); }
  [data-theme="dark"] #rcp #rcpTable tbody tr.xr-main.rcp-sel td { background: rgba(184,150,42,.16); }
  #rcp #rcpTable tbody tr.xr-main.xr-open { background: transparent; }
}

.rcp-d-title { margin: 0 0 4px; font-size: 17px; line-height: 1.3; font-weight: 700; color: var(--text, #1c1917); }
.rcp-d-sub { font-size: 13px; color: var(--text3, #5f5a55); margin-bottom: 10px; }
.rcp-d-chips { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; margin-bottom: 12px; }
.rcp-d-act { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 6px; }
.rcp-d-btn {
  font-size: 13px; font-weight: 600; padding: 7px 12px; border-radius: 7px; cursor: pointer; min-height: 34px;
  background: transparent; color: var(--text, #1c1917); border: 1px solid var(--border2, #d6d3d1);
}
.rcp-d-btn:hover:not(:disabled) { background: var(--surface2, #ede6d8); color: var(--text, #1c1917); }
.rcp-d-btn.rcp-d-primary { background: var(--navy, #0D1B2A); color: #fff; border-color: var(--navy, #0D1B2A); }
.rcp-d-btn.rcp-d-primary:hover:not(:disabled) { background: var(--navy3, #1E3050); color: #fff; }
[data-theme="dark"] .rcp-d-btn.rcp-d-primary { background: var(--gold, #B8962A); color: #0D1B2A; border-color: var(--gold, #B8962A); }
.rcp-d-btn.rcp-d-danger { color: #991b1b; border-color: #e3b4b4; margin-left: auto; }
.rcp-d-btn.rcp-d-danger:hover:not(:disabled) { background: #991b1b; color: #fff; border-color: #991b1b; }
[data-theme="dark"] .rcp-d-btn.rcp-d-danger { color: #fca5a5; border-color: rgba(252,165,165,.5); }
.rcp-d-list { margin: 0; }
.rcp-d-f { padding: 11px 0; border-top: 1px solid var(--border, #e7e5e4); }
.rcp-d-f dt { font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--text3, #5f5a55); margin-bottom: 3px; }
.rcp-d-f dd { margin: 0; font-size: 14px; line-height: 1.5; color: var(--text, #1c1917); white-space: pre-line; overflow-wrap: anywhere; }
.rcp-d-f dd.rcp-d-clamp { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }
.rcp-d-f dd.rcp-d-clamp.rcp-d-open { display: block; -webkit-line-clamp: unset; }
.rcp-d-more, .rcp-d-link {
  background: none; border: 0; padding: 2px 0; margin-top: 2px; cursor: pointer; font-size: 13px; font-weight: 600;
  color: #7a5f10; text-decoration: underline; text-underline-offset: 3px;
}
.rcp-d-more:hover:not(:disabled), .rcp-d-link:hover:not(:disabled) { background: none; color: #5d4a0c; }
[data-theme="dark"] .rcp-d-more, [data-theme="dark"] .rcp-d-link { color: #e3c466; }
.rcp-d-empty { font-size: 14px; color: var(--text3, #5f5a55); padding: 12px 0; }
@media print { .rcp-md-detail, .rcp-strip-chips { display: none !important; } }