/* sciagi-print.css – opieka.farm · arkusze „do druku". Bare doc druku (templates/sciaga-print.php) renderuje A4/A5. Fonty = self-host (fonts.css dołączany w bare doc, NIE @import Google). Onest = nagłówki/UI, Source Sans 3 = treść, IBM Plex Mono = dane kliniczne (dawki, temperatury, czasy). :root poniżej = tokeny dla bare doc. */ :root { --ink:#0a2530; --ink-2:#21333c; --ink-3:#62767e; --line:#dbe3e6; --line-2:#c7d2d6; --primary:#0d4b5c; --primary-2:#1d738b; --primary-d:#08323e; --accent:#14a085; --accent-2:#0a6a55; --warn:#cc3266; --paper-pad:14mm; } * { box-sizing:border-box; } html,body { margin:0; } body { background:#3a474c; font-family:'Source Sans 3',sans-serif; color:var(--ink); -webkit-font-smoothing:antialiased; padding:0 0 60px; } /* Pasek narzędzi (tylko ekran) */ .bar { position:sticky; top:0; z-index:10; display:flex; align-items:center; gap:10px; padding:12px 18px; background:rgba(8,30,38,0.92); backdrop-filter:blur(6px); } .bar .bk { margin-right:auto; display:inline-flex; align-items:center; gap:9px; color:#cfe6e4; font-size:13px; font-weight:600; font-family:'Onest',sans-serif; } .bar .bk img { height:18px; } .bar button { display:inline-flex; align-items:center; gap:7px; font-family:'Onest',sans-serif; font-size:13px; font-weight:600; padding:9px 15px; border-radius:9px; border:1px solid transparent; cursor:pointer; } .bar button svg { width:16px; height:16px; } .bar .ghost { background:transparent; border-color:rgba(255,255,255,0.22); color:#eaf4f3; } .bar .ghost:hover { background:rgba(255,255,255,0.08); } .bar .primary { background:#7fd6c3; color:#08323e; } .bar .primary:hover { background:#9ce2d2; } /* Kartka */ .sheet { width:210mm; min-height:297mm; margin:22px auto; background:#fff; box-shadow:0 18px 50px rgba(0,0,0,0.35); padding:var(--paper-pad); display:flex; flex-direction:column; } .sheet.a5 { width:148mm; min-height:210mm; --paper-pad:11mm; } /* Nagłówek arkusza */ .sh-top { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; } .sh-brand { display:flex; align-items:center; gap:9px; } .sh-brand img { height:20px; } .sh-brand b { font-family:'Onest',sans-serif; font-size:14px; letter-spacing:-0.01em; color:var(--primary); } .sh-fmt { font-family:'IBM Plex Mono',monospace; font-size:10px; font-weight:600; letter-spacing:0.08em; color:var(--primary-2); border:1px solid var(--line-2); border-radius:6px; padding:4px 8px; white-space:nowrap; } .sh-eyebrow { font-family:'Source Sans 3',sans-serif; font-size:11px; font-weight:600; letter-spacing:0.14em; text-transform:uppercase; color:var(--accent-2); margin:18px 0 0; } .sh-title { font-family:'Onest',sans-serif; font-size:25px; font-weight:700; letter-spacing:-0.02em; line-height:1.12; color:var(--ink); margin:6px 0 0; } .sheet.a5 .sh-title { font-size:20px; } .sh-intro { font-size:12.5px; line-height:1.5; color:var(--ink-2); margin:9px 0 0; max-width:62ch; } .sh-rule { height:3px; background:var(--primary); border:0; margin:14px 0 16px; } /* Treść */ .sh-body { flex:1; } .blk { margin:0 0 16px; break-inside:avoid; } .blk-h { font-family:'Onest',sans-serif; font-size:13.5px; font-weight:700; color:var(--primary); margin:0 0 8px; display:flex; align-items:center; gap:8px; } .blk-h .n { width:20px; height:20px; border-radius:6px; background:var(--primary); color:#fff; font-family:'IBM Plex Mono',monospace; font-size:11px; font-weight:700; display:grid; place-items:center; } .blk p { font-size:12.5px; line-height:1.55; color:var(--ink-2); margin:0 0 7px; } /* Tabela danych */ table.p-table { width:100%; border-collapse:collapse; margin:2px 0 4px; } table.p-table th, table.p-table td { text-align:left; padding:7px 10px; border-bottom:1px solid var(--line); vertical-align:top; } table.p-table thead th { background:var(--primary); color:#fff; font-family:'Source Sans 3',sans-serif; font-size:9.5px; font-weight:600; letter-spacing:0.05em; text-transform:uppercase; border-bottom:0; } table.p-table tbody tr:nth-child(even) td { background:#f4f8f8; } table.p-table td { font-size:12px; color:var(--ink-2); } table.p-table td.nm { font-weight:600; color:var(--ink); } table.p-table td.mono, table.p-table td .mono { font-family:'IBM Plex Mono',monospace; font-weight:500; color:var(--primary); } table.p-table td.warn { color:var(--warn); font-weight:600; } /* Lista kroków */ ol.p-steps { counter-reset:s; list-style:none; margin:0; padding:0; } ol.p-steps li { position:relative; padding:6px 0 6px 30px; font-size:12.5px; line-height:1.5; color:var(--ink-2); border-bottom:1px dashed var(--line); } ol.p-steps li:last-child { border-bottom:0; } ol.p-steps li::before { counter-increment:s; content:counter(s); position:absolute; left:0; top:6px; width:21px; height:21px; border-radius:50%; background:var(--accent-2); color:#fff; font-family:'IBM Plex Mono',monospace; font-size:10.5px; font-weight:700; display:grid; place-items:center; } ol.p-steps li b { color:var(--ink); } /* Lista kontrolna / wypunktowana */ ul.p-list { list-style:none; margin:0; padding:0; } ul.p-list li { position:relative; padding:5px 0 5px 18px; font-size:12.5px; line-height:1.5; color:var(--ink-2); } ul.p-list li::before { content:''; position:absolute; left:2px; top:11px; width:6px; height:6px; border-radius:2px; background:var(--accent); } ul.p-list.no li::before { background:var(--warn); border-radius:50%; } ul.p-list li b { color:var(--ink); } /* Dwie kolumny */ .cols2 { display:grid; grid-template-columns:1fr 1fr; gap:0 22px; } .cols2 .blk { break-inside:avoid; } /* Notka / ostrzeżenie */ .p-note { display:flex; gap:10px; padding:11px 14px; border-radius:8px; background:rgba(20,160,133,0.08); border:1px solid rgba(20,160,133,0.28); border-left:4px solid var(--accent); margin:4px 0 14px; } .p-note.warn { background:rgba(204,50,102,0.07); border-color:rgba(204,50,102,0.3); border-left-color:var(--warn); } .p-note .lbl { font-family:'Source Sans 3',sans-serif; font-size:9.5px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:var(--accent-2); flex-shrink:0; padding-top:1px; } .p-note.warn .lbl { color:var(--warn); } .p-note p { margin:0; font-size:11.5px; line-height:1.5; color:var(--ink); } /* Stopka */ .sh-foot { margin-top:14px; padding-top:11px; border-top:1px solid var(--line); } .sh-foot .disc { font-size:10px; line-height:1.45; color:var(--ink-3); margin:0 0 6px; } .sh-foot .disc b { color:var(--ink-2); } .sh-foot .row { display:flex; align-items:center; justify-content:space-between; gap:12px; font-family:'IBM Plex Mono',monospace; font-size:9.5px; color:var(--ink-3); } .sh-foot .row .u { color:var(--primary-2); } /* Druk */ @media print { @page { margin:0; } body { background:#fff; padding:0; } .bar { display:none !important; } .sheet { box-shadow:none; margin:0; } .sheet, .sh-top, table.p-table thead th, ol.p-steps li::before, .blk-h .n, .p-note, table.p-table tbody tr:nth-child(even) td, .sh-rule { -webkit-print-color-adjust:exact; print-color-adjust:exact; } }