/* Ficha processual — destino de tela inteira, não modal dentro do ALOS. */
body.process-workspace-open{overflow:hidden}
body.process-workspace-open #drawerOverlay{display:none!important}
#drawer.process-workspace{inset:0;width:100vw;max-width:none;border:0;border-radius:0;box-shadow:none;background:var(--bg2)}
#drawer.process-workspace .drawer-head{min-height:122px;padding:23px 96px 18px 184px;border-bottom-color:color-mix(in srgb,var(--border) 76%,#315f78);background:radial-gradient(circle at 78% -65%,rgba(192,150,73,.22),transparent 31%),linear-gradient(118deg,color-mix(in srgb,var(--card) 97%,#315f78),var(--card))}
#drawer .dh-back{position:absolute;top:23px;left:28px;display:inline-flex;height:38px;align-items:center;gap:7px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text-soft);font:800 11.5px 'Manrope',sans-serif;cursor:pointer;transition:border-color .15s,background .15s,color .15s,transform .15s}
#drawer .dh-back:hover{border-color:#426f87;background:color-mix(in srgb,#426f87 8%,var(--card));color:#315f78;transform:translateX(-2px)}
#drawer .dh-back .ic{width:15px;height:15px}
#drawer.process-workspace .dh-client{font-size:24px;line-height:1.18}
#drawer.process-workspace .dh-title{max-width:1080px;font-size:13px}
#drawer.process-workspace .dh-close{top:23px;right:28px}
#drawer.process-workspace .dr-tabs{position:relative;z-index:4;padding:10px 28px 10px 184px;box-shadow:0 8px 24px -25px rgba(15,23,42,.7)}
#drawer.process-workspace .dr-panel{min-height:0}
/* Toda a visão geral rola entre as abas e o rodapé. O bloco de reajuste fica
   fora de .drawer-body e também precisa entrar nessa área de rolagem. */
#drawer.process-workspace #drOverviewPanel{overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:16px}
#drawer.process-workspace #drOverviewPanel>.drawer-body{flex:0 0 auto;overflow:visible}
#drawer.process-workspace .drawer-foot{position:relative;z-index:5;padding-left:184px;background:color-mix(in srgb,var(--card) 96%,#315f78);box-shadow:0 -10px 28px -28px rgba(15,23,42,.8)}
#drawer.process-workspace .drawer-foot .dr-foot-primary{border-color:#315f78;background:#315f78;color:#fff}
#drawer.process-workspace .drawer-foot .dr-foot-primary:hover{background:#274e64;color:#fff}

/* Linha do tempo legível: mais corpo, quatro indicadores e movimentos visíveis. */
#drawer.process-workspace .dr-history-body{max-width:1320px;padding:32px 54px 58px}
#drawer.process-workspace .dr-hsummary{max-width:1040px;grid-template-columns:repeat(4,minmax(150px,1fr))}
#drawer.process-workspace .dr-hcard{padding:19px 21px}
#drawer.process-workspace .dr-hcard h4{font-size:15px;line-height:1.45}
#drawer.process-workspace .dr-hevent-text{font-size:13.5px;line-height:1.72}
#drawer.process-workspace .dr-hmeta time{font-size:10.5px}
#drawer.process-workspace .dr-hbadge,#drawer.process-workspace .dr-hsource{font-size:9px}

/* Recursos e instâncias */
.dr-resources-panel{overflow:hidden;background:color-mix(in srgb,var(--bg2) 72%,var(--card))}
.dr-resources-body{width:100%;max-width:1320px;flex:1;overflow:auto;margin:0 auto;padding:32px 54px 58px;overscroll-behavior:contain}
.dr-res-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:20px}
.dr-res-head>div>span{color:#9b7132;font-size:9px;font-weight:900;letter-spacing:.16em}
.dr-res-head h3{margin:7px 0 5px;color:var(--text-bright);font-family:'Newsreader','Libre Baskerville',Georgia,serif;font-size:30px;font-weight:500;letter-spacing:-.02em}
.dr-res-head p{max-width:720px;margin:0;color:var(--muted);font-size:12.5px;line-height:1.55}
.dr-res-primary{display:inline-flex;min-height:40px;align-items:center;gap:7px;padding:10px 14px;border:1px solid #315f78;border-radius:10px;background:#315f78;color:#fff;font:850 11px 'Manrope',sans-serif;cursor:pointer}
.dr-res-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.dr-res-primary .ic{width:14px;height:14px}
.dr-res-form{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(150px,.45fr) minmax(260px,1.4fr) auto;gap:10px;align-items:end;margin:0 0 18px;padding:16px;border:1px solid color-mix(in srgb,#315f78 28%,var(--border));border-radius:14px;background:var(--card);box-shadow:0 16px 35px -30px rgba(15,23,42,.75)}
.dr-res-form[hidden]{display:none}.dr-res-field{display:flex;min-width:0;flex-direction:column;gap:6px}.dr-res-field span{color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.dr-res-field input,.dr-res-field select{height:40px;width:100%;padding:0 11px;border:1px solid var(--border);border-radius:9px;background:var(--bg);color:var(--text);font:650 12px 'Manrope',sans-serif;outline:none}.dr-res-field input:focus,.dr-res-field select:focus{border-color:#426f87;box-shadow:0 0 0 3px color-mix(in srgb,#426f87 12%,transparent)}
.dr-res-save{height:40px;padding:0 15px;border:0;border-radius:9px;background:#b98a43;color:#15202a;font:850 11px 'Manrope',sans-serif;cursor:pointer}
.dr-res-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dr-res-card{position:relative;min-width:0;padding:17px 18px;border:1px solid var(--border);border-left:3px solid #426f87;border-radius:14px;background:var(--card);box-shadow:0 14px 30px -30px rgba(15,23,42,.8)}
.dr-res-card.principal{border-left-color:#b98a43}.dr-res-top{display:flex;align-items:center;gap:7px;margin-bottom:11px}.dr-res-type{padding:4px 8px;border-radius:999px;background:color-mix(in srgb,#426f87 10%,var(--card));color:#315f78;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.dr-res-status{margin-left:auto;color:#24805d;font-size:9px;font-weight:850}.dr-res-card h4{margin:0;color:var(--text-bright);font-size:15px;line-height:1.35}.dr-res-num{display:block;margin-top:5px;color:var(--muted);font:700 12px/1.3 'Manrope',sans-serif;font-variant-numeric:tabular-nums}.dr-res-evidence{margin:12px 0 0;padding-top:11px;border-top:1px solid var(--border);color:var(--text-soft);font-size:11.5px;line-height:1.55}.dr-res-actions{display:flex;gap:7px;margin-top:13px}.dr-res-actions button{display:inline-flex;min-height:34px;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg2);color:var(--text-soft);font:800 10px 'Manrope',sans-serif;cursor:pointer}.dr-res-actions button:hover{border-color:#426f87;color:#315f78}.dr-res-actions .danger:hover{border-color:#bd5147;color:#a73c33}.dr-res-actions .ic{width:13px;height:13px}
.dr-res-empty{display:flex;min-height:310px;align-items:center;justify-content:center;flex-direction:column;padding:42px;text-align:center;border:1px dashed color-mix(in srgb,#426f87 30%,var(--border));border-radius:18px;background:color-mix(in srgb,var(--card) 72%,transparent)}.dr-res-empty .ic{width:34px;height:34px;color:#426f87}.dr-res-empty b{margin-top:13px;color:var(--text-bright);font-size:15px}.dr-res-empty span{max-width:480px;margin-top:7px;color:var(--muted);font-size:11.5px;line-height:1.55}.dr-res-empty button{margin-top:16px}

#drawer.process-workspace .dr-overview-history{width:100%;margin-top:14px;padding:12px 14px;border:1px solid rgba(37,99,235,.18);border-radius:12px;background:rgba(37,99,235,.055);color:#245bc7;font:700 13px/1.2 'Manrope',sans-serif;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}
#drawer.process-workspace .dr-overview-history:hover{background:rgba(37,99,235,.1);border-color:rgba(37,99,235,.32);transform:translateY(-1px)}
#drawer.process-workspace .dr-overview-history .ic{width:16px;height:16px}

@media(max-width:900px){#drawer.process-workspace .drawer-head{padding:70px 64px 16px 18px}#drawer .dh-back{top:18px;left:18px}#drawer.process-workspace .dh-close{top:18px;right:18px}#drawer.process-workspace .dr-tabs{padding-left:14px;overflow-x:auto}#drawer.process-workspace .dr-tabs>button{flex:none}#drawer.process-workspace .drawer-foot{padding-left:14px}.dr-resources-body{padding:22px 18px 42px}.dr-res-form{grid-template-columns:1fr 1fr}.dr-res-field.note{grid-column:1/3}.dr-res-grid{grid-template-columns:1fr}#drawer.process-workspace .dr-hsummary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.dr-res-head{flex-direction:column}.dr-res-form{grid-template-columns:1fr}.dr-res-field.note{grid-column:auto}.dr-res-save{width:100%}#drawer.process-workspace .dr-history-body{padding:20px 15px 42px}}