/* 🇸🇮 Slovenia 4: the Doc paper inside the existing Documents panel (app/m1-si4.js). Kit look (k-paper), body at the reading
   size (16px), one big title, quiet sources, the approve-once list. No new layout: it sits at the top of section "documents". */
.si4-wrap{margin:0 0 18px}
.si4-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:680px;margin:0 auto 10px;padding:0 4px}
.si4-bar .si4-meta{flex:1;min-width:140px;font-size:13px;color:var(--k-text-3,#6b6b6b)}
.si4-bar .si4-meta i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2E9E5B;margin-right:6px;vertical-align:1px}
.si4-doc.k-paper{max-width:680px;font-size:var(--k-t-base,16px);line-height:1.6;padding:34px 38px}
.si4-doc .si4-head{display:none}   /* on screen the shell's work head carries the title (one big title); print and Word keep it */
.si4-doc .si4-head :is(h1,.si4-title){font-size:32px;line-height:1.15;font-weight:600;letter-spacing:-.025em;margin:0 0 6px}
.si4-doc .si4-sub{margin:0 0 18px;font-size:14px;color:var(--k-text-3,#6b6b6b)}
.si4-doc .si4-lead{font-size:18px;line-height:1.5;margin:0 0 18px}
.si4-doc .si4-h{font-size:20px;font-weight:600;letter-spacing:-.015em;margin:26px 0 8px}   /* sections: h2 standalone, h3 in the panel */
.si4-doc .si4-ch{font-size:16px;font-weight:600;margin:18px 0 4px}                          /* clauses: h3 standalone, h4 in the panel */
.si4-doc table.si4-rows{font-size:var(--k-t-base,16px);margin:6px 0 4px}
.si4-doc table.si4-rows th{font-size:var(--k-t-base,16px);text-transform:none;letter-spacing:0;font-weight:400;color:var(--k-text-2,#444);width:42%;vertical-align:top;padding:9px 8px 9px 0}
.si4-doc table.si4-rows{table-layout:fixed;width:100%}
.si4-doc table.si4-rows td{vertical-align:top;padding:9px 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
/* one continuous line under every row: the app's global `tr:last-child td{border-bottom:0}` left the last row's line under the label only */
.si4-doc table.si4-rows tr>*{border-bottom:1px solid var(--ka-soft,#eee)}
.si4-doc table.si4-rows td small{display:block;font-size:14px;color:var(--k-text-3,#6b6b6b);line-height:1.4;margin-top:2px}
.si4-doc ul{padding-left:20px;margin:6px 0}
.si4-doc li{margin:4px 0}
.si4-doc .si4-warn{background:#FCEBEA;color:#7A1B14;border-radius:14px;padding:12px 14px;font-weight:500}
.si4-doc .si4-note{font-size:14px;color:var(--k-text-3,#6b6b6b);margin:0 0 14px}
.si4-doc .si4-sign{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px}
.si4-doc .si4-sign div{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--k-line-strong,#ccc);padding-top:8px;font-size:14px}
.si4-doc .si4-sign i{font-style:normal;color:var(--k-text-3,#6b6b6b);font-size:13px}
.si4-doc .si4-cites{margin-top:28px;border-top:1px solid var(--ka-soft,#eee);padding-top:4px}
.si4-doc .si4-cites .si4-h{font-size:14px;color:var(--k-text-3,#6b6b6b);margin:12px 0 4px}
.si4-doc .si4-cites li{font-size:13px;color:var(--k-text-2,#444)}
.si4-doc .si4-cites a{color:inherit}
.si4-doc .si4-ok{color:#2E7D4F}
.si4-doc .si4-unv{color:#9A5B00;font-weight:600}
.si4-doc .si4-gen{font-size:13px;color:var(--k-text-3,#6b6b6b);margin-top:18px}
.si4-bundle{max-width:680px;margin:0 auto 14px;background:var(--ka-card,#fff);border-radius:22px;padding:18px 20px;box-shadow:0 10px 40px -28px rgba(20,22,30,.45)}
.si4-bundle .si4-bh{font-size:18px;font-weight:600;margin:0 0 10px}
.si4-act{display:flex;gap:12px;align-items:flex-start;width:100%;text-align:left;border:0;background:none;padding:10px 0;border-top:1px solid var(--ka-soft,#eee);font:inherit;font-size:15px;color:inherit;cursor:pointer}
.si4-act:first-of-type{border-top:0}
.si4-act .si4-tick{flex:none;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--k-line-strong,#bbb);display:grid;place-items:center;margin-top:1px}
.si4-act[aria-pressed="true"] .si4-tick{background:var(--k-text,#111);border-color:var(--k-text,#111)}
.si4-act[aria-pressed="true"] .si4-tick::after{content:"";width:9px;height:5px;border:2px solid var(--ka-card,#fff);border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}
.si4-act .si4-al{flex:1;min-width:0}
.si4-act small{display:block;font-size:13px;color:var(--k-text-3,#6b6b6b)}
.si4-act b{flex:none;font-variant-numeric:tabular-nums;font-weight:500}
.si4-act[disabled]{cursor:not-allowed;opacity:.55}
.si4-act .si4-stop{color:#7A1B14}
.si4-act .si4-stop1{display:inline-block;margin-top:4px;padding:1px 8px;border-radius:999px;background:#FCEBEA;font-size:12px;font-weight:500}
.si4-bundle .si4-stopall{margin:-2px 0 8px;font-size:14px;line-height:1.5;color:#7A1B14}   /* every act stopped for one reason: said once */
.si4-go{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}
.si4-go small{color:var(--k-text-3,#6b6b6b);font-size:13px}
.si4-done{display:flex;align-items:center;gap:8px;font-size:15px}
.si4-card{display:flex;align-items:center;gap:12px;border:1px solid var(--k-line,#e6e6e6);border-radius:16px;padding:12px 14px;margin-top:8px;background:var(--ka-card,#fff)}
.si4-card .si4-ic{flex:none;width:34px;height:34px;border-radius:10px;background:var(--ka-soft,#f1efe9);display:grid;place-items:center}
.si4-card .si4-ic svg{width:18px;height:18px}
.si4-card b{display:block;font-weight:600}
.si4-card small{color:var(--k-text-3,#6b6b6b);font-size:13px}
.si4-card .si4-cl{display:none}
html.b-m1[data-theme="dark"] .si4-doc .si4-warn{background:#3A1F1C;color:#FFD9D4}
html.b-m1[data-theme="dark"] .si4-doc .si4-ok{color:#7CD3A0}
html.b-m1[data-theme="dark"] .si4-doc .si4-unv{color:#F2B95B}
html.b-m1[data-theme="dark"] .si4-act .si4-stop,html.b-m1[data-theme="dark"] .si4-bundle .si4-stopall{color:#FFB4AB}
html.b-m1[data-theme="dark"] .si4-act .si4-stop1{background:#3A1F1C;color:#FFD9D4}
@media (max-width:760px){
  .si4-doc.k-paper{padding:22px 18px;border-radius:20px;margin:4px 0 16px}
  .si4-doc .si4-head :is(h1,.si4-title){font-size:26px}
  /* phone: label above value, so long values (addresses, e-mails, the form's blank lines) never run off the paper */
  .si4-doc table.si4-rows,.si4-doc table.si4-rows tbody,.si4-doc table.si4-rows tr,.si4-doc table.si4-rows th,.si4-doc table.si4-rows td{display:block;width:auto}
  .si4-doc table.si4-rows tr>th{padding:9px 0 0;border-bottom:0}   /* rows stack: one line under each value block */
  .si4-doc table.si4-rows td{padding:2px 0 9px}
  .si4-doc .si4-sign{grid-template-columns:1fr}
  .si4-bundle{border-radius:18px;padding:14px 14px}
  .si4-bar .si4-meta{flex-basis:100%}
  /* the Documents sheet already shows this Doc (its one big title): the chat card is compact, no second title over it */
  html.b-m1.b-m1-sheet.si4-on .si4-card.si4-cur{padding:8px 10px}
  html.b-m1.b-m1-sheet.si4-on .si4-card.si4-cur :is(b,small:not(.si4-cl)){display:none}
  html.b-m1.b-m1-sheet.si4-on .si4-card.si4-cur .si4-cl{display:block;font-size:14px;color:var(--k-text-2,#444)}
  html.b-m1.b-m1-sheet.si4-on .si4-card.si4-cur .si4-ic{width:28px;height:28px}
}
@media print{
  html.si4-printing body *{visibility:hidden}
  html.si4-printing .si4-doc,html.si4-printing .si4-doc *{visibility:visible}
  html.si4-printing .si4-doc .si4-head{display:block}
  html.si4-printing .si4-doc{position:absolute;left:0;top:0;box-shadow:none;max-width:none;padding:0;margin:0}
}
