.process-sheets-page { display:grid; gap:16px; }
.ps-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:14px; }
.ps-section-heading h2 { margin:2px 0 0; font-size:18px; color:var(--ink-900); }
.ps-section-heading > span,.ps-map-legend { color:var(--ink-500); font-size:10px; }
.ps-map { padding:18px; overflow:hidden; }
.ps-flow { display:grid; grid-template-columns:minmax(125px,.55fr) minmax(520px,3fr) minmax(145px,.65fr); align-items:center; gap:18px; }
.ps-flow-edge { position:relative; display:grid; gap:5px; align-content:center; min-height:86px; padding:14px; border:1px solid #d7e3ec; border-radius:12px; background:#f8fbfd; color:#18364e; text-align:center; }
.ps-flow-edge span { font-size:9px; color:var(--ink-500); line-height:1.4; }
.ps-flow-edge.input::after,.ps-flow-edge.output::before { content:""; position:absolute; top:50%; width:18px; border-top:2px solid #88a6bb; }
.ps-flow-edge.input::after { right:-19px; }.ps-flow-edge.output::before { left:-19px; }
.ps-flow-main { display:grid; justify-items:stretch; gap:6px; }
.ps-map-row { display:grid; gap:9px; justify-content:center; }
.ps-map-row.pilotage { grid-template-columns:minmax(180px,300px); }
.ps-map-row.operations { grid-template-columns:repeat(4,minmax(110px,1fr)); }
.ps-map-row.supports { grid-template-columns:repeat(2,minmax(150px,240px)); }
.ps-map-arrow { color:#88a6bb; font-weight:800; text-align:center; line-height:1; }
.ps-map-node { display:grid; gap:2px; min-height:58px; align-content:center; padding:9px 11px; border:1px solid color-mix(in srgb,var(--process) 34%,transparent); border-left:4px solid var(--process); border-radius:10px; background:var(--process-bg); text-align:center; }
.ps-map-node strong { color:var(--process); font-size:11px; }.ps-map-node span { color:var(--ink-900); font-size:10px; font-weight:700; }.ps-map-node small { color:var(--ink-500); font-size:7.5px; line-height:1.3; }
.ps-register { display:grid; gap:0; }
.ps-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.ps-card { display:grid; grid-template-rows:auto auto minmax(64px,1fr) auto auto; gap:10px; min-height:290px; padding:15px; border:1px solid #dce5ec; border-top:3px solid var(--process); border-radius:12px; background:#fff; box-shadow:0 7px 20px rgba(16,48,72,.055); }
.ps-card > header { display:flex; align-items:center; gap:10px; }.ps-card h3 { margin:1px 0 0; font-size:15px; }.ps-card header small { color:var(--ink-500); font-size:8px; text-transform:uppercase; letter-spacing:.05em; }
.ps-code { display:grid; place-items:center; width:42px; height:42px; flex:none; border-radius:10px; background:var(--process-bg); color:var(--process); font-size:11px; font-weight:800; }
.ps-card > p { margin:0; color:var(--ink-600); font-size:10px; line-height:1.5; }.ps-subprocesses { display:flex; flex-wrap:wrap; gap:5px; min-height:22px; }.ps-subprocesses span { padding:4px 7px; border-radius:99px; background:var(--process-bg); color:var(--process); font-size:8px; font-weight:700; }
.ps-card-meta { display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:9px; font-weight:700; }.ps-card-empty { display:grid; place-content:center; gap:5px; padding:14px; border:1px dashed #ccd8e2; border-radius:9px; background:#fafcfd; text-align:center; }.ps-card-empty strong { font-size:10px; }.ps-card-empty span { color:var(--ink-500); font-size:8px; }
.ps-card-kpis { display:grid; gap:7px; padding:9px; border-radius:9px; background:var(--process-bg); }.ps-card-kpis > div:first-child { display:flex; align-items:center; justify-content:space-between; gap:8px; color:var(--process); font-size:8px; }.ps-card-kpis > div:first-child span { color:var(--ink-500); }.ps-kpi-chips { display:flex; flex-wrap:wrap; gap:5px; }.ps-kpi-chips span { display:grid; place-items:center; min-height:24px; padding:4px 6px; border:1px solid color-mix(in srgb,var(--process) 32%,transparent); border-radius:6px; color:var(--process); background:#fff; font-size:7px; font-weight:800; cursor:help; }
.ps-card footer { display:flex; align-items:center; justify-content:space-between; gap:8px; padding-top:10px; border-top:1px solid var(--line); color:var(--ink-500); font-size:8px; }.secondary-button.compact { min-height:30px; padding:6px 9px; font-size:8px; }
.ps-pdf-thumbnail { display:flex; align-items:center; gap:9px; min-height:48px; padding:8px 10px; border:1px solid color-mix(in srgb,var(--process) 28%,#dce5ec); border-radius:9px; background:linear-gradient(135deg,#fff,var(--process-bg)); }.ps-pdf-thumbnail > span { display:grid; place-items:center; width:30px; height:34px; border-radius:6px; color:#fff; background:var(--process); box-shadow:0 4px 10px color-mix(in srgb,var(--process) 24%,transparent); }.ps-pdf-thumbnail svg { width:15px; }.ps-pdf-thumbnail div { display:grid; gap:2px; }.ps-pdf-thumbnail strong { color:var(--ink-900); font-size:8.5px; }.ps-pdf-thumbnail small { color:var(--ink-500); font-size:7.5px; }.ps-card-actions { display:flex; align-items:center; gap:5px; flex:none; }.ps-card-actions a { text-decoration:none; }
.ps-detail-modal { display:grid; grid-template-rows:auto minmax(0,1fr) auto; width:min(1120px,calc(100vw - 28px)); height:min(90vh,940px); overflow:hidden; transition:width .18s,height .18s; }.ps-detail-modal.fullscreen { width:calc(100vw - 24px); height:calc(100vh - 24px); max-height:none; }.ps-detail-modal .modal-body,.ps-edit-modal .modal-body { overflow:auto; background:#f5f8fa; }
.ps-pdf-preview { display:grid; gap:9px; margin-bottom:14px; padding:13px; border:1px solid #dce5ec; border-radius:11px; background:#fff; }.ps-pdf-preview > div { display:flex; align-items:center; justify-content:space-between; gap:12px; color:#123b61; font-size:11px; }.ps-pdf-preview > div span { color:var(--ink-500); font-size:9px; }.ps-pdf-preview iframe { width:100%; height:clamp(420px,62vh,720px); border:1px solid #ccd8e2; border-radius:8px; background:#eef3f6; }
.ps-detail-section { margin-bottom:14px; padding:16px; border:1px solid #dce5ec; border-radius:11px; background:#fff; }.ps-detail-section:last-child { margin-bottom:0; }.ps-detail-section h3 { margin:0 0 12px; color:#123b61; font-size:14px; }
.ps-definition-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin:0; }.ps-definition-grid > div { padding:9px; border-radius:8px; background:#f5f8fa; }.ps-definition-grid dt,.ps-objective dt { color:var(--ink-500); font-size:8px; font-weight:700; text-transform:uppercase; }.ps-definition-grid dd,.ps-objective dd { margin:3px 0 0; color:var(--ink-900); font-size:10px; line-height:1.4; }.ps-mission { margin-top:10px; padding:12px; border-left:3px solid #b43c45; background:#fbf5f6; }.ps-mission p { margin:5px 0 0; font-size:10px; line-height:1.5; }
.ps-three-columns { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.ps-three-columns article { padding:12px; border:1px solid var(--line); border-radius:9px; }.ps-three-columns h4 { margin:0 0 8px; font-size:11px; }.ps-three-columns ul { margin:0; padding-left:16px; }.ps-three-columns li { margin:4px 0; color:var(--ink-600); font-size:9px; line-height:1.4; }
.ps-objectives { display:grid; gap:10px; }.ps-objective { padding:13px; border:1px solid var(--line); border-left:4px solid #b43c45; border-radius:9px; }.ps-objective > header { display:flex; align-items:center; gap:9px; }.ps-objective > header span { padding:4px 7px; border-radius:6px; background:#fbeced; color:#a72f3a; font-size:9px; font-weight:800; }.ps-objective h4 { margin:0; font-size:11px; }.ps-kpi-title { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:10px 0; padding:9px; border-radius:8px; background:#f4f8fb; font-size:9px; }.ps-objective dl { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:0; }.ps-source { flex:none; padding:4px 7px; border-radius:99px; font-size:8px; font-weight:700; }.ps-source.ready { color:#287a50; background:#e7f4ec; }.ps-source.pending { color:#a35c18; background:#fff0dc; }
.ps-edit-modal { display:grid; grid-template-rows:auto minmax(0,1fr) auto; width:min(1000px,calc(100vw - 28px)); height:min(90vh,940px); overflow:hidden; }.ps-edit-objective { position:relative; margin:14px 0 0; padding:14px; border:1px solid #dce5ec; border-radius:10px; background:#fff; }.ps-edit-objective legend { padding:0 7px; color:#123b61; font-size:11px; font-weight:800; }.ps-remove-objective { position:absolute; top:8px; right:10px; display:flex; align-items:center; gap:5px; border:0; color:#a93742; background:transparent; font-size:9px; font-weight:700; cursor:pointer; }.ps-remove-objective svg { width:13px; }.ps-add-objective { margin-top:14px; }.primary-button.danger { background:#a93742; }
@media (max-width:1100px) { .ps-flow { grid-template-columns:105px minmax(460px,1fr) 120px; gap:12px; }.ps-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:820px) { .ps-flow { grid-template-columns:1fr; }.ps-flow-edge { min-height:auto; }.ps-flow-edge.input::after,.ps-flow-edge.output::before { display:none; }.ps-map-row.operations { grid-template-columns:repeat(2,1fr); }.ps-card-grid { grid-template-columns:1fr; }.ps-definition-grid,.ps-objective dl { grid-template-columns:repeat(2,1fr); }.ps-three-columns { grid-template-columns:1fr; } }
@media (max-width:520px) { .ps-map { padding:13px; }.ps-map-row.operations,.ps-map-row.supports { grid-template-columns:1fr; }.ps-definition-grid,.ps-objective dl { grid-template-columns:1fr; }.ps-detail-modal,.ps-edit-modal { width:calc(100vw - 12px); height:94vh; }.ps-section-heading { align-items:flex-start; flex-direction:column; }.ps-card footer { align-items:flex-start; flex-direction:column; }.ps-pdf-preview iframe { height:58vh; } }