/* TonMiro Systems — wspólny styl dokumentów prawnych (regulaminy, polityka prywatności, powierzenie danych).
   Samodzielny: nie wymaga support.js ani plików płótna. Kolory zgodne z tonmiro.com (jasny motyw). */

@import url('../fonts/archivo.css');   /* Archivo lokalnie — bez zapytań do Google (decyzja 12) */

:root{
  --bg:#F6F3ED; --card:#FFFFFF; --ink:#26241F; --muted:#55524B; --faint:#6E675A;
  --line:#E3DED5; --soft:#EDE9E1; --panel:#26241F; --amber:#E8A33D; --green:#7BA05B;
  --blue:#1F4E8C; --stone:#E3DDD1;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--bg); color:var(--ink);
  font-family:Archivo,'Segoe UI',system-ui,sans-serif;
  font-size:16px; line-height:1.65; -webkit-text-size-adjust:100%;
}

.wrap{max-width:860px; margin:0 auto; padding:0 32px}
@media (max-width:700px){ .wrap{padding:0 16px} }
@media (max-width:540px){ .wrap{padding:0 12px} }

/* Nagłówek */
header.top{background:var(--panel); color:#F4F1EB; padding:18px 0}
header.top .row{display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap}
.brand{display:flex; align-items:center; gap:10px; text-decoration:none; color:#F4F1EB}
.brand svg{width:26px; height:26px; flex:none}
.brand .wm{font-size:20px; font-weight:800; letter-spacing:-.01em}
.brand .wm b{color:var(--amber); font-weight:800}
.brand .wm span.sys{font-weight:600; opacity:.85; margin-left:.22em; font-size:.72em}
.back{font-size:13px; font-weight:600; color:#CFC9BE; text-decoration:none; border:1px solid #3A3833; border-radius:8px; padding:7px 12px}
.back:hover{color:#fff; border-color:#5A554B}

/* Tytuł dokumentu */
.doc-head{padding:40px 0 8px}
.kicker{font-size:12px; font-weight:700; letter-spacing:.08em; color:var(--faint); text-transform:none}
h1{font-size:34px; line-height:1.2; margin:8px 0 10px; font-weight:800; letter-spacing:-.02em}
@media (max-width:540px){ h1{font-size:26px} }
.meta{font-size:13.5px; color:var(--muted); margin:0 0 4px}
.meta b{color:var(--ink)}

/* Wersje językowe */
.langbar{font-size:13px; color:var(--faint); margin:10px 0 0}
.langbar a{color:var(--blue); font-weight:700; text-decoration:none; padding:2px 6px; border:1px solid var(--line); border-radius:6px; background:var(--card)}
.langbar a:hover{border-color:var(--amber)}
.langbar b{padding:2px 6px; border-radius:6px; background:var(--panel); color:#F4F1EB}
.lang-note{background:#FFF1F1; border:1px solid #E5B4B4; border-left:5px solid #C0392B; border-radius:10px; padding:14px 16px; margin:18px 0 6px; font-size:14.5px; color:#5A1A1A; line-height:1.55}
.lang-note b{color:#8B1E1E}

/* Spis treści */
nav.toc{background:var(--card); border:1px solid var(--line); border-radius:12px; padding:18px 20px; margin:24px 0 8px}
nav.toc h2{font-size:13px; margin:0 0 10px; color:var(--faint); font-weight:700}
nav.toc ol{margin:0; padding-left:20px; columns:2; column-gap:28px; font-size:14px}
@media (max-width:640px){ nav.toc ol{columns:1} }
nav.toc a{color:var(--blue); text-decoration:none}
nav.toc a:hover{text-decoration:underline}

/* Treść */
main{padding:8px 0 56px}
h2.par{font-size:19px; font-weight:800; margin:34px 0 10px; padding-top:14px; border-top:1px solid var(--line); letter-spacing:-.01em}
h3{font-size:15.5px; font-weight:700; margin:20px 0 6px}
p{margin:0 0 12px}
ol.lvl1{padding-left:22px; margin:0 0 12px}
ol.lvl1 > li{margin-bottom:8px}
ol.lvl2{padding-left:22px; margin:8px 0 4px; list-style:lower-latin}
ul.dash{padding-left:20px; margin:8px 0 12px}
ul.dash li{margin-bottom:6px}
table{width:100%; border-collapse:collapse; font-size:14px; margin:12px 0 18px; background:var(--card)}
.tw{overflow-x:auto; -webkit-overflow-scrolling:touch}
th,td{border:1px solid var(--line); padding:9px 11px; text-align:left; vertical-align:top}
th{background:var(--soft); font-weight:700; font-size:13px}
a{color:var(--blue)}

/* Ramki pomocnicze */
.note{background:var(--card); border:1px solid var(--line); border-left:4px solid var(--amber); border-radius:10px; padding:14px 16px; margin:16px 0; font-size:14.5px}
.note b{font-weight:700}
.todo{background:#FFF7E8; border:1px dashed #D9A63F; border-radius:10px; padding:14px 16px; margin:16px 0; font-size:14.5px; color:#5B4718}
.todo:before{content:"Do uzupełnienia przed publikacją"; display:block; font-size:11.5px; font-weight:800; letter-spacing:.06em; color:#9A7420; margin-bottom:6px}
.ok{background:#F1F7EE; border:1px solid #C9DCC3; border-radius:10px; padding:14px 16px; margin:16px 0; font-size:14.5px; color:#3F6B38}
mark{background:#FFE9B8; color:#5B4718; padding:0 3px; border-radius:3px; font-weight:600}

/* Miejsca do decyzji (wersja robocza): numer decyzji + kolor wg rangi. Usunąć przy publikacji. */
mark[data-d]{cursor:pointer; padding:1px 5px 1px 3px; border-bottom:2px solid; border-radius:4px; white-space:normal}
mark[data-d]::before{content:attr(data-d); display:inline-block; min-width:14px; text-align:center; font-size:10.5px; font-weight:800; line-height:1; padding:3px 4px; border-radius:999px; margin-right:5px; vertical-align:1px; color:#fff}
mark.da{background:#FFD9D9; color:#7A1414; border-color:#C0392B}   mark.da::before{background:#C0392B}
mark.db{background:#FFE3C2; color:#6B3A00; border-color:#E07B00}   mark.db::before{background:#E07B00}
mark.dc{background:#FFF0B3; color:#5B4718; border-color:#D9A63F}   mark.dc::before{background:#B8861B}
mark.dd{background:#E4EAF3; color:#2B4A7A; border-color:#7F9CC7}   mark.dd::before{background:#5B7BB0}
mark.on{outline:3px solid #26241F; outline-offset:2px}
.dec-bar{background:var(--card); border:1px solid var(--line); border-left:4px solid #C0392B; border-radius:10px; padding:12px 16px; margin:18px 0 4px; font-size:14px; line-height:1.7}
.dec-bar .lg{display:inline-block; padding:1px 9px; border-radius:999px; font-size:12px; font-weight:700; margin:0 4px 0 0; border-bottom:2px solid}
.dec-bar .lg.da{background:#FFD9D9; color:#7A1414; border-color:#C0392B}
.dec-bar .lg.db{background:#FFE3C2; color:#6B3A00; border-color:#E07B00}
.dec-bar .lg.dc{background:#FFF0B3; color:#5B4718; border-color:#D9A63F}
.dec-bar .lg.dd{background:#E4EAF3; color:#2B4A7A; border-color:#7F9CC7}
.dec-bar a{font-weight:700}
.dec-nav{position:fixed; right:14px; bottom:14px; z-index:50; display:flex; align-items:center; gap:6px; background:var(--panel); color:#F4F1EB; border-radius:999px; padding:6px 8px 6px 12px; box-shadow:0 8px 24px rgba(0,0,0,.28); font-size:13px; font-weight:600}
.dec-nav button{width:36px; height:36px; border-radius:50%; border:0; background:var(--amber); color:#26241F; font-size:18px; font-weight:800; cursor:pointer}
.dec-nav button:hover{filter:brightness(1.08)}
@media (max-width:540px){ .dec-nav{right:10px; bottom:10px; font-size:12px} }

/* Stopka */
footer.bot{background:var(--panel); color:#8A857B; font-size:12.5px; padding:26px 0; margin-top:20px}
footer.bot .row{display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap}
footer.bot a{color:#CFC9BE; text-decoration:none; margin-left:18px}
footer.bot a:hover{color:#fff}
footer.bot .co{color:#CFC9BE}

@media print{
  header.top,.back,footer.bot,nav.toc,.dec-nav,.dec-bar{display:none}
  body{background:#fff; font-size:11pt}
  .wrap{max-width:none; padding:0}
  h2.par{page-break-after:avoid}
  table,.note,.todo{page-break-inside:avoid}
}