:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#172033;background:#f4f7fb}
*{box-sizing:border-box}body{margin:0}
header{background:#fff;border-bottom:1px solid #dde4ee;padding:22px max(20px,calc((100% - 1100px)/2))}
h1{margin:0 0 5px;font-size:25px}header p{margin:0;color:#667085}
main{max-width:1100px;margin:22px auto;padding:0 16px}
.steps{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}
button,.filebtn{border:1px solid #cbd5e1;background:#fff;border-radius:9px;padding:10px 14px;cursor:pointer;font-weight:600}
.steps button.active,.primary,.next button{background:#172033;color:#fff;border-color:#172033}
button:disabled{opacity:.55;cursor:default}
.panel{display:none;background:#fff;border:1px solid #dde4ee;border-radius:14px;padding:22px;box-shadow:0 4px 20px #1720330d}
.panel.active{display:block}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
label{display:flex;flex-direction:column;gap:6px;font-weight:600}
label.inline{flex-direction:row;align-items:center;font-weight:500;gap:8px}
input,select,textarea{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:8px;font:inherit;background:#fff}
input[type=checkbox],input[type=file]{width:auto;padding:0}
.note{color:#667085;font-size:14px}
.searchrow,.toolbar,.filters{display:flex;gap:8px;align-items:center;margin:12px 0;flex-wrap:wrap}
.searchrow input{flex:1}
.cards{display:grid;gap:7px}
.result{padding:11px;border:1px solid #dde4ee;border-radius:9px;display:flex;justify-content:space-between;gap:10px;align-items:center}
.result small{display:block;color:#667085;font-size:12px;margin-top:3px}
.chips{display:flex;flex-wrap:wrap;gap:7px;min-height:35px}
.chip{background:#eef2f7;border-radius:999px;padding:7px 10px;display:flex;gap:8px;align-items:center}
.chip button{border:0;background:transparent;padding:0 4px;font-size:16px}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin:14px 0}
.checks label{flex-direction:row;align-items:flex-start;font-weight:400}
.checks input{width:auto;margin-top:3px}
.adjustments{max-height:460px;overflow:auto;border:1px solid #e5e7eb;border-radius:9px;padding:12px;grid-template-columns:1fr}
.adjustments .adj-group{grid-column:1/-1;margin:10px 0 4px;font-size:14px;color:#344054}
.adjustments label.suggested{background:#dbeafe;border-radius:8px;padding:6px;border-left:4px solid #2563eb}
.adjustments label.suggested-icd{background:#fef3c7;border-radius:8px;padding:6px;border-left:4px solid #d97706}
.next{text-align:right;margin-top:20px}
.paper{background:white;border:1px solid #d7dce4;padding:35px;min-height:500px;line-height:1.55}
.paper h2{text-align:center}
.ord-item{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin:6px 0}
.ord-btns{display:flex;gap:4px;flex-shrink:0}
.ord-btns button{padding:2px 8px}
.filebtn input{display:none}
h2 small{font-weight:500;color:#667085;font-size:14px}
.field-toggles{display:flex;flex-wrap:wrap;gap:8px 16px;margin:10px 0 4px}
.field-toggles label{flex-direction:row;align-items:center;font-weight:500;gap:6px}
label.field-off, .panel-off{display:none !important}
details summary{cursor:pointer;font-weight:600;margin:12px 0 6px}
footer{text-align:center;color:#667085;padding:25px;font-size:13px;max-width:900px;margin:0 auto}
@media(max-width:720px){.grid,.checks{grid-template-columns:1fr}.paper{padding:18px}}

.selected-editor{display:grid;gap:10px;margin:10px 0 18px}.selected-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:start;padding:10px;border:1px solid #e5e7eb;border-radius:10px;background:#fafbfc}.selected-row textarea{min-height:58px}.selected-controls{display:flex;gap:5px;flex-wrap:wrap;max-width:190px}.selected-controls button{padding:7px 9px}@media(max-width:720px){.selected-row{grid-template-columns:1fr}.selected-controls{max-width:none}}
.module-switch{display:flex;gap:8px;margin:0 0 14px;flex-wrap:wrap}.module-switch button.active{background:#172033;color:#fff;border-color:#172033}.module-hidden{display:none}.grade-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.grade-grid label:last-child{grid-column:1/-1}.req-adapt-box{background:#f8fafc;border-left:4px solid #64748b;padding:10px 14px;margin-top:16px;white-space:pre-wrap}@media(max-width:720px){.grade-grid{grid-template-columns:1fr}.grade-grid label:last-child{grid-column:auto}}
.start-box,.role-box{background:#fff;border:1px solid #dde4ee;border-radius:14px;padding:16px 20px;margin-bottom:14px}.start-box h2,.role-box h2{font-size:17px;margin:0 0 10px}.stage-switch,.role-switch{display:flex;gap:8px;flex-wrap:wrap}.stage-switch button.active,.role-switch button.active{background:#172033;color:#fff;border-color:#172033}.coming,.warning,.scope-box{padding:14px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;margin:12px 0}.warning{background:#fff7ed;border-color:#fed7aa}.muted{font-weight:400;color:#667085;font-size:12px}.privacy-check{margin:14px 0}.compact-paper{min-height:180px;padding:20px}.block-badge{display:inline-block;background:#eef2ff;border-radius:999px;padding:5px 9px;margin:3px;font-size:13px}
.tutor-scope{grid-template-columns:repeat(2,minmax(0,1fr));max-height:300px;overflow:auto;padding:10px;border:1px solid #e5e7eb;border-radius:10px}.tutor-card{padding:12px;border:1px solid #dfe5ec;border-radius:10px;background:#fff;margin:8px 0}.tutor-card-head{display:grid;grid-template-columns:1fr 160px 120px auto;gap:8px;align-items:center}.tutor-card textarea{margin-top:8px;min-height:80px}.status-ok{color:#166534}.status-wait{color:#64748b}.status-check{color:#b45309}.ga-row{border:1px solid #e5e7eb;border-radius:10px;padding:12px;margin:10px 0;background:#fff}.ga-row textarea{min-height:75px}.ga-original{background:#f8fafc;padding:10px;border-radius:8px;white-space:pre-wrap;margin:7px 0}.ga-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.ga-accepted{border-left:5px solid #16a34a}@media(max-width:720px){.tutor-scope{grid-template-columns:1fr}.tutor-card-head{grid-template-columns:1fr}}
.sheet-table{width:100%;border-collapse:collapse;margin-top:16px}.sheet-table th,.sheet-table td{border:1px solid #777;padding:10px;vertical-align:top}.sheet-table th:first-child,.sheet-table td:first-child{width:28%;font-weight:700}
.privacy-note{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:12px 14px;line-height:1.45}.toolbar button.active{background:#172033;color:#fff}.check-ok{color:#166534;font-weight:700}.check-warn{color:#b45309;font-weight:700}.progressbar{height:10px;background:#e5e7eb;border-radius:99px;overflow:hidden;margin:8px 0}.progressbar>span{display:block;height:100%;background:#172033}.source-tag{display:inline-block;background:#eef2ff;padding:3px 7px;border-radius:999px;font-size:12px;margin-right:4px}
.doc-analysis{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:3vh 12px;overflow:auto}.doc-analysis-card{width:min(920px,100%);background:#fff;border-radius:14px;padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.doc-analysis-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.doc-analysis-head button{font-size:20px}.analysis-drop{border:2px dashed #94a3b8;border-radius:12px;padding:18px;margin:12px 0;background:#f8fafc}.analysis-files{margin:10px 0}.analysis-file{display:flex;justify-content:space-between;gap:10px;padding:7px;border-bottom:1px solid #e5e7eb}.analysis-result{border:1px solid #e5e7eb;border-radius:10px;padding:12px;margin:10px 0}.analysis-result label{flex-direction:row;align-items:flex-start;font-weight:400}.analysis-progress{padding:10px;background:#f8fafc;border-radius:8px;margin:8px 0}.source-kind{display:inline-block;padding:3px 7px;border-radius:999px;background:#eef2ff;font-size:12px}.analysis-hidden{display:none!important}

/* Ochrona danych i podgląd źródła */
.privacy-tile{display:flex;align-items:center;gap:14px;margin:16px 0;padding:16px 18px;border:1px solid #cbd5e1;border-radius:16px;background:#fff;cursor:pointer;box-shadow:0 2px 8px rgba(15,23,42,.05)}
.privacy-tile:hover{border-color:#94a3b8}.privacy-tile h2{margin:0 0 4px;font-size:1.15rem}.privacy-tile p{margin:0;color:#475569}.privacy-icon{font-size:1.8rem}.privacy-arrow{margin-left:auto;font-size:2rem;color:#64748b}
.privacy-overlay{position:fixed;inset:0;z-index:10020;background:rgba(15,23,42,.65);padding:18px;overflow:auto;display:flex;align-items:flex-start;justify-content:center}
.privacy-overlay.analysis-hidden{display:none}.privacy-card{width:min(760px,100%);margin:24px auto;background:#fff;border-radius:20px;padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.privacy-card h3{margin-top:22px}.source-link{border:0;cursor:pointer;font:inherit;padding:4px 9px}.source-link:hover{text-decoration:underline}.source-quote{white-space:pre-wrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px;line-height:1.5}
.source-image{display:block;max-width:100%;height:auto;margin:12px auto;border:1px solid #cbd5e1;border-radius:10px}.source-viewer{max-width:900px}
@media(max-width:600px){.privacy-card{padding:15px;margin:6px auto}.privacy-overlay{padding:8px}.privacy-tile{padding:14px}.privacy-tile p{font-size:.92rem}}

/* Podświetlanie miejsca źródłowego OCR */
.source-image-wrap{position:relative;display:block;width:100%;margin:12px auto}
.source-image-wrap .source-image{display:block;width:100%;max-width:100%;height:auto;margin:0}
.ocr-highlight{position:absolute;z-index:2;background:rgba(255,235,59,.22);border:2px solid rgba(245,158,11,.68);border-radius:3px;pointer-events:none;box-sizing:border-box}

.analysis-journal{border:1px solid #cbd5e1;border-radius:12px;padding:14px;margin:12px 0;background:#fff}.analysis-journal h3{margin:0 0 6px}.analysis-journal textarea{width:100%;box-sizing:border-box;min-height:130px;resize:vertical}.journal-source-context{white-space:pre-wrap}

/* Źródła i analiza WOPFU */
.wopfu-source-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:12px 0}.wopfu-source-grid label{margin:0}.wopfu-source-grid textarea{min-height:90px}.change-summary{display:grid;gap:8px;margin:12px 0}.change-item{border:1px solid #d9dee8;border-radius:10px;padding:10px;background:#fff}.change-improved{border-left:6px solid #2e7d32}.change-stable{border-left:6px solid #c49a00}.change-worse{border-left:6px solid #b3261e}.change-new{border-left:6px solid #1565c0}.change-unknown{border-left:6px solid #777}.source-coverage{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.source-coverage span{padding:4px 8px;border-radius:999px;background:#eef2f7;font-size:.9rem}.wopfu-review{border:1px solid #d9dee8;border-radius:12px;padding:12px;margin:12px 0;background:#fafbfc}.analysis-file select{max-width:270px}

.wopfu-source-head{margin:8px 0 12px}.wopfu-source-head h3{margin:0 0 5px}.wopfu-source-list{display:grid;gap:8px;margin:10px 0 16px}.wopfu-source-card{border:1px solid #d9dee8;border-radius:12px;background:#fff;overflow:hidden}.wopfu-source-card summary{cursor:pointer;font-weight:700;padding:13px 14px;list-style-position:inside}.wopfu-source-card[open] summary{border-bottom:1px solid #e6eaf0;background:#f8fafc}.wopfu-source-card textarea{width:calc(100% - 28px);box-sizing:border-box;min-height:105px;margin:12px 14px 14px;resize:vertical}.wopfu-source-card .note,.wopfu-source-card .inline{margin:10px 14px 0}.analysis-drop h3{margin:0 0 4px}@media(max-width:600px){.wopfu-source-card summary{padding:12px}.wopfu-source-card textarea{width:calc(100% - 24px);margin:10px 12px 12px}.wopfu-source-card .note,.wopfu-source-card .inline{margin-left:12px;margin-right:12px}}

/* Czytelne źródła WOPFU i ankiety */
.source-actions{display:flex;gap:8px;flex-wrap:wrap;margin:0 14px 12px}.source-actions .filebtn,.source-actions button{margin:0}.source-file-status{margin:0 14px 12px}.source-added{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#ecfdf3;border:1px solid #bbf7d0;border-radius:9px;padding:7px 9px;margin:5px 0;font-size:.92rem}.source-added button{padding:4px 8px}.mini-survey{margin:10px 14px 14px;padding:12px;border:1px solid #dbe3ec;border-radius:10px;background:#f8fafc}.mini-survey label{margin:8px 0}.mini-survey textarea{width:100%;margin:5px 0 0;min-height:54px}.module-switch button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:600px){.source-actions,.source-file-status,.mini-survey{margin-left:12px;margin-right:12px}.source-actions>*{width:100%;text-align:center}.source-added{align-items:flex-start}}

/* Własne wzory dokumentów + zatwierdzanie sekcji */
.document-template-box{margin:14px 0;padding:14px;border:1px solid #d9e2ec;border-radius:14px;background:#f8fafc}.document-template-box h3{margin:0 0 8px}.templateStatus{font-size:.92rem;color:#52606d;margin-top:6px}.sectionReviewHost:empty{display:none}.section-review{margin:14px 0;padding:14px;border:1px solid #cbd5e1;border-radius:14px;background:#fff}.section-review-head{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.review-progress{font-weight:700}.review-card{border:1px solid #d9e2ec;border-radius:12px;padding:12px;margin:10px 0;background:#f8fafc}.review-card[data-state="accepted"]{border-color:#86b993}.review-card[data-state="edited"]{border-color:#7aa7d9}.review-card[data-state="skipped"]{opacity:.72}.review-card h4{margin:0 0 7px}.review-proposal{white-space:pre-wrap;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:9px;min-height:36px}.review-edit{width:100%;min-height:95px;margin-top:8px}.review-state{font-size:.88rem;font-weight:700}.template-map{margin-top:10px}.template-map-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(200px,1.2fr);gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #edf2f7}.template-map-row select{width:100%}@media(max-width:700px){.template-map-row{grid-template-columns:1fr}.document-template-box .toolbar button,.document-template-box .filebtn{width:100%}.review-card .toolbar button{flex:1 1 45%}}
.source-kind-lock,.analysis-source-lock{display:inline-block;padding:.42rem .7rem;border-radius:.65rem;background:#eef3f8;border:1px solid #cfd9e3;font-weight:600;color:#26384a}.analysis-source-lock{font-size:.82rem;margin-right:.35rem}

/* Ranking trafności dostosowań */
.adjustments label.rank-green,.analysis-result label.rank-green{background:#dcfce7;border-left:4px solid #16a34a;border-radius:8px;padding:7px}
.adjustments label.rank-blue,.analysis-result label.rank-blue{background:#dbeafe;border-left:4px solid #2563eb;border-radius:8px;padding:7px}
.adjustments label.rank-yellow,.analysis-result label.rank-yellow{background:#fef3c7;border-left:4px solid #d97706;border-radius:8px;padding:7px}
.rank-badge{display:inline-block;font-size:12px;font-weight:700;border-radius:999px;padding:2px 7px;margin-right:5px;background:#fff;border:1px solid #cbd5e1}
.rank-reason{margin:5px 0 0 24px;font-size:12px;color:#475569}
.rank-why{font-size:12px;padding:3px 7px;margin-left:6px}
.adj-skip{margin-left:auto;font-size:.78rem;padding:.2rem .45rem;opacity:.72}.custom-rank-box{margin:.4rem 0 1rem}.custom-rank-row{padding:.55rem .7rem;margin:.35rem 0;border:1px solid #ddd;border-radius:8px}.custom-rank-row details{margin-top:.35rem}.custom-rank-row blockquote{margin:.35rem 0;padding:.45rem .7rem;border-left:3px solid #aaa}.source-badges small{display:inline-block;padding:.12rem .35rem;border:1px solid #bbb;border-radius:999px;margin-left:.25rem}

/* FINAL UI hierarchy: compact RODO, prominent module navigation and main actions */
.start-box{position:relative;padding-top:18px}
.privacy-tile.privacy-compact{position:absolute;top:12px;right:14px;width:auto;margin:0;padding:8px 12px;gap:6px;border-radius:999px;font-size:.9rem;font-weight:700;box-shadow:none;z-index:2}
.privacy-tile.privacy-compact .privacy-icon{font-size:1rem}
.module-nav{margin:16px 0 18px}
.module-nav>h2{margin:0 0 10px;font-size:1.2rem}
.primary-action-bar{margin:8px 0 18px}
.primary-action-bar .docAnalyzeBtn,.primary-action-bar .sectionReviewBtn{min-height:52px;font-size:1rem;font-weight:700;padding:12px 16px}
.primary-action-bar .docAnalyzeBtn{background:#172033;color:#fff;border-color:#172033}
@media(max-width:700px){
  .start-box{padding-top:52px}
  .privacy-tile.privacy-compact{top:10px;right:10px;padding:7px 11px}
  .module-switch{display:grid;grid-template-columns:1fr;gap:8px}
  .module-switch button{width:100%;text-align:left;min-height:50px;padding:11px 14px}
  .primary-action-bar{display:grid;grid-template-columns:1fr;gap:8px}
  .primary-action-bar button{width:100%;min-height:56px}
}

/* === FINAL UX 40: spójność, dostępność, mobile === */
:root{--ux-dark:#172033;--ux-border:#d7dee8;--ux-soft:#f8fafc}
button,.filebtn,summary,[role="button"]{min-height:44px;box-sizing:border-box}
button,.filebtn{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.ux-process{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 16px;padding:8px;border:1px solid var(--ux-border);border-radius:12px;background:#fff}
.ux-process span{padding:7px 10px;border-radius:9px;font-size:.88rem;border:1px solid #e5e7eb;background:#f8fafc}.ux-process span[aria-current="step"]{font-weight:800;background:#e8eef8;border-color:#8799b3}.ux-process .is-done::before{content:'✓ ';font-weight:800}
.ux-status{display:inline-flex;align-items:center;gap:6px;margin:5px 0;padding:5px 9px;border-radius:999px;background:#f1f5f9;font-weight:700;font-size:.86rem}.ux-status.busy{background:#fff7d6}.ux-status.ok{background:#ecfdf3}.ux-status.warn{background:#fff7ed}
.ux-collapsed-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid #b8d9c2;background:#f0fdf4;border-radius:12px;margin:8px 0}.ux-collapsed-summary button{min-height:44px}
.rank-green,.rank-blue,.rank-yellow{position:relative}.rank-green::before,.rank-blue::before,.rank-yellow::before{display:inline-block;font-weight:800;font-size:.72rem;letter-spacing:.02em;border:1px solid currentColor;border-radius:999px;padding:2px 7px;margin:0 6px 4px 0;background:#fff}.rank-green::before{content:'REKOMENDOWANE';color:#166534}.rank-blue::before{content:'PASUJĄCE';color:#1d4ed8}.rank-yellow::before{content:'PRAWDOPODOBNE';color:#92400e}
.rank-summary{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}.rank-summary span{padding:6px 9px;border:1px solid #dbe3ec;border-radius:999px;background:#fff;font-size:.88rem;font-weight:700}
.adjustments{scroll-margin-top:90px}.adjustments .adj-group{margin-top:16px}.rank-why,.adj-skip{min-height:44px!important;display:inline-flex;align-items:center;justify-content:center}
.searchrow{position:sticky;top:0;z-index:8;background:#fff;padding:6px 0}
.primary-action-bar .docAnalyzeBtn,.primary-action-bar .sectionReviewBtn,.toolbar .primary,.next button{min-height:48px}
button.primary,.primary-action-bar .docAnalyzeBtn,#downloadWord{background:var(--ux-dark);color:#fff;border-color:var(--ux-dark);font-weight:800}
button:disabled{cursor:not-allowed;opacity:.62}
.ux-error{border:1px solid #ef9a9a;background:#fff5f5;border-radius:10px;padding:10px;margin:8px 0}.ux-tech{margin-top:6px;font-size:.85rem}
#podglad>.toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;align-items:stretch}#podglad #downloadWord{grid-column:1/-1;min-height:52px;font-size:1rem;order:-2}#podglad #parentWord{order:-1}
.panel,.role-box,.start-box{scroll-margin-top:16px}.paper{scroll-margin-top:16px}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #2563eb;outline-offset:2px}
.ux-empty{padding:16px;border:1px dashed #aeb9c8;border-radius:12px;background:#fafcff;text-align:center}.ux-empty p{margin:0 0 10px}
@media(max-width:700px){
 button,.filebtn,summary,[role="button"]{min-height:44px}.toolbar,.next,.searchrow{gap:8px}.toolbar>* ,.next>*{min-height:44px}
 .searchrow{display:grid;grid-template-columns:1fr;position:static}.searchrow>*{width:100%;max-width:100%;min-width:0}
 .rank-why,.adj-skip{width:auto!important;min-width:88px}.adjustments label{overflow:hidden;overflow-wrap:anywhere}
 #podglad>.toolbar{grid-template-columns:1fr 1fr}#podglad #downloadWord{grid-column:1/-1}.ux-process{display:grid;grid-template-columns:1fr 1fr}.ux-process span{min-width:0}
 .module-switch button,.role-switch button,.stage-switch button{min-height:48px}
}
@media(max-width:420px){#podglad>.toolbar{grid-template-columns:1fr}.ux-process{grid-template-columns:1fr}}


/* === FRASTELLI | Dokumenty SPE === */
.frastelli-header{background:#fff;border-bottom:1px solid #dde4ee;padding:12px max(20px,calc((100% - 1100px)/2))}
.frastelli-brand{display:flex;align-items:center;gap:20px;min-height:84px}
.frastelli-logo{display:block;width:210px;max-width:34vw;height:auto;object-fit:contain}
.frastelli-module{border-left:1px solid #e2e8f0;padding-left:20px}
.frastelli-module h1{margin:0 0 5px;font-size:25px;color:#172033}
.frastelli-module p{margin:0;color:#667085;font-size:14px;line-height:1.4}
@media(max-width:700px){
  .frastelli-header{padding:10px 16px}
  .frastelli-brand{gap:12px;min-height:68px}
  .frastelli-logo{width:145px;max-width:42vw}
  .frastelli-module{padding-left:12px}
  .frastelli-module h1{font-size:19px}
  .frastelli-module p{font-size:12px}
}
@media(max-width:470px){
  .frastelli-brand{align-items:flex-start;flex-direction:column;gap:8px}
  .frastelli-logo{width:175px;max-width:70vw}
  .frastelli-module{border-left:0;border-top:1px solid #e2e8f0;padding:8px 0 0;width:100%}
}

/* FRASTELLI Dokumenty SPE — niebieskie akcenty tylko w kafelkach/panelach */
.panel, .paper, .compact-paper, .document-template-box {
  border-top: 4px solid #0b86d4;
}
.panel h2, .panel h3, .paper h2, .paper h3, .compact-paper h3,
.document-template-box h3 {
  color: #0b86d4;
}
.panel .primary, .paper .primary, .compact-paper .primary,
.document-template-box .primary, .cards .primary {
  background: #0b86d4;
  border-color: #0b86d4;
  color: #fff;
}
.panel .primary:hover, .paper .primary:hover, .compact-paper .primary:hover,
.document-template-box .primary:hover, .cards .primary:hover {
  background: #086cad;
  border-color: #086cad;
}

/* FRASTELLI Dokumenty SPE — pełna konsekwencja niebieskiego modułu */
button.active, .active.btn, .tab.active, .stage-btn.active,
.mode-btn.active, .module-btn.active, .step-btn.active,
.segmented button.active, [aria-selected="true"] {
  background:#0b86d4 !important;
  border-color:#0b86d4 !important;
  color:#fff !important;
}
button.primary, .btn.primary {
  background:#0b86d4 !important;
  border-color:#0b86d4 !important;
}
button.primary:hover, .btn.primary:hover {
  background:#086cad !important;
  border-color:#086cad !important;
}