
:root{
  --bg:#f3f6fa;--panel:#fff;--ink:#172033;--muted:#68758a;--line:#dce3ec;
  --nav:#102a4c;--nav2:#173b6b;--accent:#1f5c99;--soft:#edf4fb;
  --ok:#157347;--okbg:#e9f7ef;--warn:#9a6700;--warnbg:#fff6d8;--danger:#b42318;--dangerbg:#ffefed;
  --shadow:0 10px 26px rgba(30,48,73,.07);--radius:12px;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}
body{font-size:14px;line-height:1.45}.shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}
.sidebar{background:linear-gradient(180deg,var(--nav),#0b213e);color:#e9f1fa;padding:18px 14px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;z-index:30}
.brand{display:flex;align-items:center;gap:11px;padding:5px 7px 18px}.brand-mark{width:42px;height:42px;border-radius:10px;background:#fff;color:var(--nav2);display:grid;place-items:center;font-weight:900;letter-spacing:-.5px}.brand strong{display:block;font-size:16px}.brand small{display:block;color:#a9bdd4;font-size:11px;margin-top:2px}
.case-mini{margin:0 6px 14px;padding:11px 12px;background:#ffffff0b;border:1px solid #ffffff18;border-radius:10px}.case-mini span{font-size:10px;color:#94abc6;display:block;letter-spacing:.08em}.case-mini b,.case-mini small{display:block}.case-mini b{font-size:12px;margin-top:3px}.case-mini small{color:#9fb3ca;font-size:10px;margin-top:2px}
.sidebar nav{display:flex;flex-direction:column;gap:3px;overflow:auto;padding-right:3px}.nav-item{display:flex;align-items:center;gap:10px;text-decoration:none;color:#c9d7e6;padding:9px 11px;border-radius:8px;font-weight:650;font-size:13px}.nav-item:hover{background:#ffffff0c;color:#fff}.nav-item.active{background:#fff;color:var(--nav);box-shadow:0 5px 18px #0002}.nav-item span{width:19px;text-align:center}
.side-foot{margin-top:auto;padding:12px 6px 2px}.user-chip{padding:10px 0}.user-chip strong,.user-chip small{display:block}.user-chip small{color:#9fb3ca;margin-top:2px}
.main{min-width:0}.topbar{height:66px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:20}.topbar strong{display:block;font-size:15px}.eyebrow{font-size:10px;color:var(--muted);font-weight:800;letter-spacing:.09em}.secure-badge{font-size:11px;color:var(--ok);background:var(--okbg);padding:7px 10px;border-radius:999px;font-weight:750}
.content{padding:24px;max-width:1580px;margin:0 auto}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.page-head h1{font-size:27px;letter-spacing:-.03em;margin:0 0 5px}.page-head p{margin:0;color:var(--muted);max-width:830px}.head-actions{display:flex;gap:8px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:17px;box-shadow:var(--shadow);margin-bottom:14px}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}.kpi{min-height:115px}.kpi .label{font-size:12px;color:var(--muted);font-weight:700}.kpi .value{font-size:30px;font-weight:850;margin:7px 0 2px;letter-spacing:-.04em}.kpi .sub{font-size:11px;color:var(--muted)}
.banner{background:linear-gradient(135deg,#102a4c,#1c5087);color:white;border:none}.banner p{color:#d8e6f4}.banner .btn{background:#fff;color:var(--nav)}
.btn{appearance:none;border:0;background:var(--nav2);color:#fff;border-radius:8px;padding:9px 13px;text-decoration:none;font:inherit;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.btn:hover{filter:brightness(1.06)}.btn.small{padding:6px 9px;font-size:12px}.btn.ghost{background:#fff;color:var(--nav2);border:1px solid #bdc9d8}.btn.danger{background:var(--danger);color:#fff}.btn.full{width:100%}
.icon-btn{border:0;background:transparent;font-size:22px;cursor:pointer}.mobile-only{display:none}
.toolbar{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;display:flex;gap:8px;align-items:center;margin-bottom:14px;box-shadow:var(--shadow)}.control{width:100%;border:1px solid #cbd5e1;background:#fff;border-radius:8px;padding:9px 10px;font:inherit;color:var(--ink);outline:none}.control:focus{border-color:#6e9dcc;box-shadow:0 0 0 3px #dceafa}.toolbar .control{width:auto;min-width:145px}.toolbar .search{flex:1;min-width:230px}.multi{min-height:165px}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field span{font-size:12px;font-weight:750;color:#45556c}.field small{font-size:11px;color:var(--muted)}.field.full{grid-column:1/-1}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-actions{display:flex;justify-content:flex-end;margin-top:12px}.form-card h2,.card h2{margin:0 0 12px;font-size:18px}.section-title{font-weight:800;font-size:12px;color:#344a66;text-transform:uppercase;letter-spacing:.06em;margin:2px 0 8px}
.table-card{padding:0;overflow:hidden}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th{background:#f5f8fb;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#66758a;padding:10px;border-bottom:1px solid var(--line);position:sticky;top:0}td{padding:10px;border-bottom:1px solid #e7edf3;vertical-align:top}tr:hover td{background:#fbfdff}td small.block{display:block;color:var(--muted);font-size:11px;margin-top:3px}.clamp{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;max-width:620px}.prewrap{white-space:pre-wrap}
.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#eef2f6;color:#42546b;font-size:10px;font-weight:800;white-space:nowrap}.badge.article{background:#e8f0fa;color:#184f85}.badge.ok{background:var(--okbg);color:var(--ok)}.badge.warn{background:var(--warnbg);color:var(--warn)}.badge.danger{background:var(--dangerbg);color:var(--danger)}
.metric-line,.mini-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #edf1f5}.metric-line:last-child,.mini-row:last-child{border-bottom:0}.mini-row small{display:block;color:var(--muted);margin-top:2px}
.contract-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.contract-card{border:1px solid var(--line);border-radius:10px;padding:12px;background:#fbfdff}.contract-card span{font-size:10px;font-weight:800;color:var(--accent)}.contract-card strong,.contract-card small{display:block}.contract-card strong{margin:5px 0}.contract-card small{color:var(--muted);font-size:10px}.contract-card p{font-size:12px;margin:8px 0 0}
.meta-grid{display:grid;grid-template-columns:110px 1fr;gap:6px 10px;margin:0}.meta-grid dt{color:var(--muted);font-size:12px}.meta-grid dd{margin:0}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.card-head p{margin:2px 0 0;color:var(--muted)}
.evidence-row{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:12px 0;border-top:1px solid #edf1f5}.evidence-row small{display:block;color:var(--muted);margin-top:3px}.evidence-row p{margin:5px 0 0}.row-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.row-actions form{margin:0}.inline-form{display:grid;grid-template-columns:1.2fr 1fr auto;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid #edf1f5}
.cards{display:grid;gap:11px}.interrogation-card{display:flex;justify-content:space-between;align-items:center;gap:18px}.interrogation-card h2{margin:7px 0 2px}.interrogation-card p{margin:0}.interrogation-card small{color:var(--muted)}.int-stats{display:flex;align-items:center;gap:9px}.int-stats b{font-size:23px}.int-stats small{margin-right:8px}
.question-row{display:grid;grid-template-columns:44px 1fr auto;gap:10px;padding:13px 0;border-top:1px solid #edf1f5}.question-row .order{width:34px;height:34px;border-radius:8px;background:#eef3f8;display:grid;place-items:center;font-weight:850}.q-main>strong{font-size:15px}.q-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:6px}.q-meta span{font-size:10px;background:#f0f4f8;padding:4px 7px;border-radius:7px;color:#54657b}.q-main p{margin:7px 0 0;font-size:12px}.add-question{border-top:1px solid #edf1f5;padding-top:12px;margin-top:8px}.add-question summary{cursor:pointer;font-weight:800;color:var(--accent);margin-bottom:12px}
.doc-card{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(420px,1fr);gap:18px}.doc-text p{margin:7px 0 0}.doc-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.doc-form .field.full{grid-column:1/-1}.doc-form .btn{align-self:end}
.task-row{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.task-row>div{display:flex;gap:9px;align-items:flex-start}.task-row>form{display:grid;grid-template-columns:repeat(4,140px) auto;gap:7px}
.timeline{max-width:1050px}.time-item{display:grid;grid-template-columns:110px 18px 1fr;gap:12px;align-items:stretch}.time-date{padding-top:18px;font-weight:800;color:#516177;font-size:12px}.time-dot{position:relative}.time-dot:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--accent);left:4px;top:21px}.time-dot:after{content:"";position:absolute;width:2px;background:#c9d7e4;left:8px;top:31px;bottom:-20px}.time-item:last-child .time-dot:after{display:none}.time-item .card{margin-bottom:10px}
.strategy-card{display:grid;grid-template-columns:56px 1fr;gap:14px}.strategy-num{font-size:28px;font-weight:900;color:#bdd0e3}.strategy-card h2{margin-bottom:4px}.strategy-card p{margin:0 0 8px}.strategy-card li{margin:5px 0}.check-list{padding-left:19px}.check-list li{margin:8px 0}
.theory{font-family:Georgia,serif;font-size:15px;line-height:1.62;min-height:500px}.checks{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}.checks label{background:#f6f9fc;border:1px solid var(--line);padding:10px;border-radius:8px;font-weight:700}.callout{background:#eef4fb;border-left:4px solid var(--accent);padding:12px 14px;border-radius:7px;margin:13px 0;color:#344a66}
.source-list li{margin:9px 0}code{font-family:Consolas,monospace;font-size:11px}.empty{text-align:center;color:var(--muted);padding:25px}
.flash{padding:11px 13px;border-radius:8px;margin-bottom:12px;font-weight:650}.flash.success{background:var(--okbg);color:var(--ok);border:1px solid #b8dfc6}.flash.error{background:var(--dangerbg);color:var(--danger);border:1px solid #f2b7b2}
.modal-backdrop{position:fixed;inset:0;background:#07192b99;z-index:100;display:grid;place-items:center;padding:20px}.modal-backdrop[hidden]{display:none}.modal{width:min(720px,96vw);max-height:92vh;background:#fff;border-radius:14px;overflow:auto;box-shadow:0 22px 80px #0005}.modal.wide{width:min(960px,96vw)}.modal-head,.modal-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px;border-bottom:1px solid var(--line)}.modal-foot{border-top:1px solid var(--line);border-bottom:0;justify-content:flex-end}.modal-head h2{margin:0}.modal-body{padding:18px}
.login-body{display:grid;place-items:center;min-height:100vh;background:radial-gradient(circle at top left,#274f78,#102a4c 45%,#07182b)}.login-card{width:min(420px,92vw);background:#fff;border-radius:16px;padding:28px;box-shadow:0 30px 90px #0006}.login-brand{padding:0 0 16px}.login-brand .brand-mark{background:var(--nav);color:#fff}.login-brand small{color:var(--muted)}.login-card h1{margin:3px 0}.login-card>p{color:var(--muted);margin-top:0}.login-card form{display:grid;gap:12px;margin-top:20px}.login-note{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px;margin-top:17px}
hr{border:0;border-top:1px solid var(--line);margin:15px 0}
@media(max-width:1180px){.grid.kpis{grid-template-columns:repeat(2,1fr)}.contract-grid{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:1fr}.doc-card{grid-template-columns:1fr}.task-row{display:block}.task-row>form{grid-template-columns:repeat(2,1fr);margin-top:12px}}
@media(max-width:820px){.shell{display:block}.sidebar{position:fixed;left:-280px;width:260px;transition:.2s}.sidebar.open{left:0}.mobile-only{display:block}.topbar{padding:0 14px}.secure-badge{display:none}.content{padding:16px}.page-head{display:block}.head-actions{margin-top:10px}.grid.two,.grid.kpis{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar .control,.toolbar .search{width:100%}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.inline-form{grid-template-columns:1fr}.interrogation-card{align-items:flex-start;flex-direction:column}.doc-form{grid-template-columns:1fr}.task-row>form{grid-template-columns:1fr}.checks{grid-template-columns:1fr}.time-item{grid-template-columns:86px 15px 1fr}.contract-grid{grid-template-columns:1fr}}
/* Controles CRUD y administración */
.head-actions{align-items:center;flex-wrap:wrap}.head-actions form,.inline-action{margin:0}.delete-line{display:flex;justify-content:flex-end;margin-top:9px}.editor-details{margin-top:12px;border-top:1px solid #e7edf3;padding-top:9px}.editor-details>summary{cursor:pointer;color:var(--accent);font-weight:800;font-size:12px;margin-bottom:10px}.editor-details form{padding-top:4px}.doc-text small{display:block;color:var(--muted);margin-top:8px}.strategy-card .delete-line,.grid.three .delete-line{justify-content:flex-start}.time-item .delete-line{justify-content:flex-start}.question-row .editor-details{margin-top:10px}.question-row .editor-details .btn{margin-top:10px}

/* MACEP Legal 360 v1.0.0 · Gestión jurídica administrable */
.top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.top-client{display:block;color:var(--muted,#64748b);font-size:12px;margin-top:2px}.case-switch{margin:0}.case-switch .control{min-width:280px;max-width:430px;padding:8px 10px}.case-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:1px solid #dbe3ed;border-radius:10px;padding:10px;max-height:220px;overflow:auto;background:#fbfcfe}.case-checks label{display:flex;gap:8px;align-items:flex-start;font-weight:500}.case-checks input{margin-top:3px}.client-card summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}.client-card summary::-webkit-details-marker{display:none}.client-card summary small{display:block;color:#64748b;margin-top:4px}.client-card form{margin-top:16px}.script-box{border-top:1px solid #e4e9f0;padding:12px 0}.script-box:first-of-type{border-top:0}.inline-editor{min-width:120px}.inline-editor[open]{min-width:min(700px,80vw)}.inline-editor summary{cursor:pointer;color:#173b6b;font-weight:700}.note.compact{margin:10px 0 0;padding:10px 12px;font-size:13px}
@media(max-width:900px){.top-actions{justify-content:flex-start;width:100%}.case-switch{width:100%}.case-switch .control{width:100%;min-width:0;max-width:none}.case-checks{grid-template-columns:1fr}.inline-editor[open]{min-width:0}}

/* MACEP Legal 360 v1.0.0 */
.nav-section{display:block;color:#7792b0;font-size:9px;font-weight:900;letter-spacing:.13em;padding:14px 11px 4px}.sidebar nav::-webkit-scrollbar{width:5px}.sidebar nav::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:10px}.brand-mark{overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:contain;background:#fff}.nav-item.active{box-shadow:inset 4px 0 var(--tenant-color),0 5px 18px #0002}.btn:not(.danger):not(.ghost){background-color:var(--tenant-color,var(--nav2))}.banner .btn{background:#fff!important;color:var(--nav)}
.modal-open{overflow:hidden}.btn:disabled{opacity:.65;cursor:wait}.flash{transition:opacity .35s,transform .35s}.flash.fade{opacity:.35;transform:translateY(-2px)}
.table-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:11px 13px;background:#f8fafc;border-top:1px solid var(--line)}.table-pagination span{font-size:11px;color:var(--muted);font-weight:700}.table-pagination .btn:disabled{cursor:not-allowed}
.brand-preview{--preview-color:#173b6b}.preview-shell{display:grid;grid-template-columns:145px 1fr;min-height:250px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#f1f5f9}.preview-sidebar{background:linear-gradient(180deg,var(--preview-color),#0b213e);color:#fff;padding:16px;display:flex;flex-direction:column;gap:9px}.preview-logo{width:46px;height:46px;border-radius:10px;background:#fff;color:var(--preview-color);display:grid;place-items:center;font-weight:900;overflow:hidden}.preview-logo img{width:100%;height:100%;object-fit:contain}.preview-sidebar span{font-size:10px;color:#d9e5f0}.preview-content{padding:20px}.preview-content b,.preview-content small{display:block}.preview-content small{color:var(--muted)}.preview-card{height:64px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--preview-color);border-radius:9px;margin-top:17px}.preview-card.short{width:70%;height:42px;margin-top:10px}
.topbar{min-height:72px;height:auto;padding-top:9px;padding-bottom:9px}.content{padding-bottom:70px}.muted{color:var(--muted)}
.grid.kpis.compact-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin:14px 0 0}.mini-kpi{border:1px solid var(--line);background:#f8fafc;border-radius:10px;padding:13px}.mini-kpi span,.mini-kpi b{display:block}.mini-kpi span{font-size:11px;color:var(--muted)}.mini-kpi b{font-size:23px;margin-top:4px}
.process-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.process-summary>div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;box-shadow:var(--shadow)}.process-summary span,.process-summary strong{display:block}.process-summary span{font-size:10px;color:var(--muted);text-transform:uppercase;font-weight:800}.process-summary strong{margin-top:4px;font-size:13px}
.legal-flow{position:relative}.flow-stage{display:grid;grid-template-columns:48px 1fr;gap:12px;position:relative;margin-bottom:13px}.flow-index{width:39px;height:39px;border-radius:12px;background:var(--stage-color);color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 6px 18px color-mix(in srgb,var(--stage-color),transparent 70%)}.flow-body{background:#fff;border:1px solid var(--line);border-left:4px solid var(--stage-color);border-radius:12px;padding:16px;box-shadow:var(--shadow)}.flow-head{display:flex;justify-content:space-between;gap:18px}.flow-head h2{margin:7px 0 3px}.flow-head p{margin:0;color:var(--muted)}.flow-meta{min-width:180px;text-align:right}.flow-meta small,.flow-meta b{display:block}.flow-meta small{color:var(--muted);font-size:10px;margin-top:4px}.stage-actions{margin-top:14px;border-top:1px solid #edf1f5;padding-top:12px}.stage-actions h3{font-size:12px;text-transform:uppercase;color:#53657b;letter-spacing:.05em}.stage-actions h3 span{float:right}.process-action{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-top:1px solid #edf1f5}.process-action small{display:block;color:var(--muted)}.process-action.is-done strong{text-decoration:line-through;color:#78869a}.complete-stage{display:grid;gap:10px;border-top:1px solid #e5ebf2;margin-top:13px;padding-top:13px}.status-completada{opacity:.74}.status-actual .flow-body{box-shadow:0 12px 35px #173b6b20}
.workflow-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:14px;align-items:start}.workflow-list{position:sticky;top:88px;max-height:calc(100vh - 112px);overflow:auto}.workflow-link{display:block;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:11px;margin:8px 0;background:#fbfdff}.workflow-link strong,.workflow-link small,.workflow-link span{display:block}.workflow-link small{color:var(--muted);margin:3px 0}.workflow-link span{font-size:10px}.workflow-link.active{border-color:#5d8dbc;background:#edf5fc;box-shadow:0 0 0 2px #d8e8f6}.workflow-stages{position:relative}.workflow-stage{display:grid;grid-template-columns:42px 1fr;border-left:4px solid var(--stage-color)}.stage-number{width:32px;height:32px;background:var(--stage-color);color:#fff;border-radius:9px;display:grid;place-items:center;font-weight:900}.stage-content h3{margin:5px 0}.stage-content p{margin:0;color:var(--muted)}.stage-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.stage-tags span{background:#f0f4f8;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:750;color:#51637a}.designer-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.transition-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:10px 0;border-top:1px solid #edf1f5}.transition-row small{display:block;color:var(--muted)}.option-list{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.option-list>span{display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:999px;padding:4px 7px;background:#f8fafc;font-size:11px}.option-list form{display:inline}.option-list button{border:0;background:none;color:var(--danger);cursor:pointer}.catalog-row{border-top:1px solid #edf1f5;padding:10px 0}.catalog-row>summary,.entity-card>summary,.record-card>summary,.hearing-card>summary{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;cursor:pointer;list-style:none}.catalog-row>summary::-webkit-details-marker,.entity-card>summary::-webkit-details-marker,.record-card>summary::-webkit-details-marker,.hearing-card>summary::-webkit-details-marker{display:none}.catalog-row summary small,.entity-card summary small,.record-card summary small,.hearing-card summary small{display:block;color:var(--muted);margin-top:3px}.catalog-row>form,.entity-card>form,.record-card>form,.hearing-card>form{padding-top:13px;margin-top:10px;border-top:1px solid #edf1f5}.record-card summary strong{display:block;margin:6px 0 2px}.hearing-card summary h2{margin:7px 0 3px}.risk-alto,.risk-critico{border-left:4px solid var(--danger)}.risk-medio{border-left:4px solid #d89300}.module-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 14px}.module-checks label{display:flex;gap:8px;align-items:flex-start;border:1px solid var(--line);background:#f8fafc;border-radius:9px;padding:9px}.module-checks b,.module-checks small{display:block}.module-checks small{color:var(--muted)}.check-field{display:flex;flex-direction:row;align-items:center;gap:8px;border:1px solid var(--line);background:#f8fafc;border-radius:9px;padding:10px}.check-field input{width:auto}.note{background:#f1f6fb;border-left:4px solid var(--accent);padding:12px 14px;border-radius:8px;margin:13px 0}.entity-card summary strong{display:block}.entity-card summary small{margin-top:4px}
@media(max-width:1180px){.workflow-layout{grid-template-columns:1fr}.workflow-list{position:static;max-height:none}.designer-grid{grid-template-columns:1fr}.process-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.process-summary,.grid.kpis.compact-kpis,.module-checks{grid-template-columns:1fr}.flow-stage{grid-template-columns:34px 1fr}.flow-index{width:30px;height:30px}.flow-head{display:block}.flow-meta{text-align:left;margin-top:10px}.designer-grid{display:block}.transition-row{grid-template-columns:1fr}.workflow-stage{grid-template-columns:34px 1fr}}
