/* GYPTO EHS V68 — full page CAPA workflow */
.capa68-page{display:flex;flex-direction:column;gap:14px;padding-bottom:28px}
.capa68-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.capa68-top-actions,.capa68-hero-badges{display:flex;gap:8px;flex-wrap:wrap}
.capa68-chip{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid rgba(100,116,139,.2);background:#eef2f7;color:#334155}
.capa68-chip.ok{background:#ecfdf3;color:#166534;border-color:#bbf7d0}.capa68-chip.warn{background:#fff7ed;color:#9a3412;border-color:#fed7aa}.capa68-chip.danger{background:#fff1f2;color:#be123c;border-color:#fecdd3}.capa68-chip.info{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}
.capa68-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.7fr);gap:18px;align-items:center;padding:22px!important;overflow:hidden;position:relative}
.capa68-hero:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(#172554,#2563eb)}
.capa68-hero-copy h2{font-size:clamp(28px,3vw,44px);margin:2px 0 8px}.capa68-hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.6;max-width:900px}.capa68-progress-card{padding:16px;border-radius:18px;background:rgba(15,23,42,.04);border:1px solid rgba(100,116,139,.18)}
.capa68-progress-card>div:first-child{display:flex;justify-content:space-between;align-items:end}.capa68-progress-card span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.capa68-progress-card b{font-size:30px}.capa68-progress{height:10px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin:10px 0}.capa68-progress i{display:block;height:100%;background:linear-gradient(90deg,#1d4ed8,#0f766e);border-radius:inherit}.capa68-progress-card small{color:#64748b}
.capa68-action-strip{display:flex;gap:9px;flex-wrap:wrap;align-items:center;padding:12px 14px;background:white;border:1px solid rgba(100,116,139,.18);border-radius:18px;position:sticky;top:8px;z-index:8;box-shadow:0 10px 28px rgba(15,23,42,.06)}
.capa68-action-strip .capa68-owner-btn{background:#0f766e}.capa68-action-strip .capa68-approve-btn{background:#166534}.capa68-action-strip .capa68-close-btn{background:#9f1239}.capa68-closed-note{font-weight:800;color:#166534;margin-right:auto}
.capa68-workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.capa68-work-card{padding:16px!important;display:flex;flex-direction:column;gap:6px;min-height:120px}.capa68-work-card>span{font-size:11px;letter-spacing:.07em;text-transform:uppercase;font-weight:900;color:#64748b}.capa68-work-card>b{font-size:18px}.capa68-work-card small{color:#64748b;line-height:1.45}
.capa68-switch-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 16px;background:#fff;border:1px solid rgba(100,116,139,.18);border-radius:18px}.capa68-switch-row>div{display:flex;flex-direction:column;gap:4px}.capa68-switch-row span{color:#64748b;font-size:12px}.capa68-switch{position:relative;width:48px;height:28px;flex:0 0 48px}.capa68-switch input{opacity:0;width:0;height:0}.capa68-switch i{position:absolute;inset:0;background:#cbd5e1;border-radius:999px;cursor:pointer;transition:.2s}.capa68-switch i:before{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;background:white;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.18);transition:.2s}.capa68-switch input:checked+i{background:#166534}.capa68-switch input:checked+i:before{transform:translateX(20px)}
.capa68-main-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.72fr);gap:14px;align-items:start}.capa68-main-column,.capa68-side-column{display:flex;flex-direction:column;gap:14px}.capa68-section{padding:0!important;overflow:hidden}.capa68-section-head{padding:15px 17px;border-bottom:1px solid rgba(100,116,139,.14);background:rgba(248,250,252,.8)}.capa68-section-head h3,.capa68-side-head h3{margin:0}.capa68-section-head p,.capa68-side-head p{margin:4px 0 0;color:#64748b;font-size:12px}.capa68-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.capa68-field{padding:14px 16px;min-height:76px;border-right:1px solid rgba(100,116,139,.1);border-bottom:1px solid rgba(100,116,139,.1)}.capa68-field.wide{grid-column:1/-1}.capa68-field>span{display:block;color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.045em;margin-bottom:5px}.capa68-field p{margin:0;white-space:pre-wrap;line-height:1.55;word-break:break-word}
.capa68-side-card{padding:16px!important}.capa68-side-head{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:14px}.capa68-evidence-grid{display:flex;flex-direction:column;gap:8px}.capa68-evidence{display:flex;gap:10px;text-decoration:none;color:inherit;padding:10px;border:1px solid rgba(100,116,139,.15);border-radius:14px;background:rgba(248,250,252,.75)}.capa68-evidence:hover{border-color:#93c5fd;background:#eff6ff}.capa68-evidence-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:white;border:1px solid #e2e8f0}.capa68-evidence>div:last-child{display:flex;min-width:0;flex-direction:column;gap:2px}.capa68-evidence b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.capa68-evidence span,.capa68-evidence small{font-size:11px;color:#64748b}.capa68-empty{padding:18px;text-align:center;color:#64748b;border:1px dashed #cbd5e1;border-radius:14px}
.capa68-approval-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.capa68-metric{padding:11px;border:1px solid rgba(100,116,139,.14);border-radius:13px;display:flex;flex-direction:column;gap:3px}.capa68-metric span,.capa68-metric small{font-size:11px;color:#64748b}.capa68-metric b{font-size:14px}
.capa68-timeline{display:flex;flex-direction:column}.capa68-event{position:relative;display:grid;grid-template-columns:18px 1fr;gap:9px;padding:0 0 18px}.capa68-event:before{content:"";position:absolute;left:6px;top:12px;bottom:-2px;width:2px;background:#e2e8f0}.capa68-event:last-child:before{display:none}.capa68-event .dot{width:14px;height:14px;border-radius:50%;background:#2563eb;border:3px solid #dbeafe;margin-top:2px;z-index:1}.capa68-event b{font-size:13px}.capa68-event p{margin:3px 0;font-size:12px;line-height:1.45}.capa68-event small{font-size:10px;color:#64748b}
.capa68-modal .eyebrow{margin-bottom:3px}.capa68-modal h2{margin-top:0}.capa68-modal .field{margin-top:12px}
@media(max-width:1100px){.capa68-main-grid{grid-template-columns:1fr}.capa68-workflow-grid{grid-template-columns:1fr 1fr}.capa68-hero{grid-template-columns:1fr}.capa68-action-strip{position:static}.capa68-detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.capa68-workflow-grid,.capa68-detail-grid,.capa68-approval-list{grid-template-columns:1fr}.capa68-field.wide{grid-column:auto}.capa68-action-strip button{flex:1 1 145px}.capa68-topbar{align-items:stretch}.capa68-top-actions{width:100%}.capa68-hero{padding:16px!important}}