@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
body{font-family:Inter,sans-serif}.header-button,.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;border-radius:.75rem;padding:.62rem .9rem;font-size:.875rem;font-weight:700;border:1px solid #e2e8f0}.header-button svg,.btn-primary svg{width:1rem;height:1rem}.btn-primary{color:#fff;background:#4f46e5;border-color:#4f46e5}.btn-primary:hover{background:#4338ca}.btn-secondary{background:#f8fafc;color:#475569}.input{width:100%;border:1px solid #e2e8f0;border-radius:.75rem;background:#f8fafc;padding:.65rem .75rem;font-size:.875rem;outline:none}.input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #e0e7ff}label{display:block;font-size:.75rem;text-transform:uppercase;font-weight:700;letter-spacing:.04em;color:#64748b;margin-bottom:.45rem}th,td{padding:1rem}thead{background:#f8fafc;color:#64748b}tbody tr{border-top:1px solid #f1f5f9}tbody tr:hover{background:#f8fafc}.content-card,.form-card,.login-card{background:#fff;border-color:#f1f5f9}.login-card{border-color:#e2e8f0}.progress-wrap,.progress-track{background:#e2e8f0}.progress-track{color:#1e293b}.metric-card{border:1px solid}.metric-indigo{background:#eef2ff;border-color:#e0e7ff;color:#4338ca}.metric-rose{background:#fff1f2;border-color:#ffe4e6;color:#be123c}.metric-amber{background:#fffbeb;border-color:#fef3c7;color:#b45309}.metric-emerald{background:#ecfdf5;border-color:#d1fae5;color:#047857}.metric-card div:last-child{color:#64748b}.department-card,.info-card{background:#f8fafc;border:1px solid #e2e8f0}.info-card p{display:flex;justify-content:space-between;gap:1rem;font-size:.875rem;margin:.35rem 0}.info-card p span{color:#64748b}.xml-result.ok,.tag-card.ok{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.xml-result.pending,.tag-card.pending{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239}.dept{display:inline-block;background:#f1f5f9;border-radius:.45rem;padding:.3rem .5rem;font-size:.7rem;font-weight:800;text-transform:uppercase}.status{display:inline-block;padding:.32rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700}.pendente{background:#fff1f2;color:#be123c}.em-andamento{background:#fffbeb;color:#b45309}.concluído{background:#ecfdf5;color:#047857}.icon-button{padding:.48rem;border-radius:.55rem;background:#f8fafc;border:1px solid #e2e8f0}.icon-button svg{width:1rem;height:1rem}.flash.success{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.flash.error{background:#fff1f2;border:1px solid #fecdd3;color:#be123c}.progress-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.18) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.18) 50%,rgba(255,255,255,.18) 75%,transparent 75%);background-size:1rem 1rem;animation:stripe 1s linear infinite}@keyframes stripe{to{background-position:-1rem 0}}
html.dark body{background:#0f172a;color:#e2e8f0}html.dark header,html.dark .content-card,html.dark .form-card,html.dark .login-card{background:#172033;border-color:#334155}html.dark h1,html.dark h2,html.dark h3,html.dark h4,html.dark strong,html.dark .font-bold,html.dark .font-black,html.dark .font-semibold{color:#f8fafc}html.dark .text-slate-900,html.dark .text-slate-800{color:#f8fafc!important}html.dark .text-slate-500,html.dark .text-slate-400{color:#94a3b8!important}html.dark .header-button,html.dark .btn-secondary,html.dark .icon-button{background:#1e293b;color:#e2e8f0;border-color:#475569}html.dark .text-indigo-700{color:#c7d2fe!important}html.dark .bg-indigo-50{background:#1e1b4b!important}html.dark .text-emerald-700{color:#86efac!important}html.dark .bg-emerald-50{background:#052e16!important}html.dark .input{background:#0f172a;color:#e2e8f0;border-color:#475569}html.dark label{color:#94a3b8}html.dark thead,html.dark tbody tr:hover{background:#1e293b;color:#cbd5e1}html.dark tbody tr{border-color:#334155}html.dark .progress-wrap,html.dark .progress-track{background:#334155;color:#f8fafc}html.dark .department-card,html.dark .info-card{background:#1e293b;border-color:#334155}html.dark .dept{background:#334155;color:#e2e8f0}html.dark .metric-indigo{background:#1e1b4b;border-color:#3730a3}html.dark .metric-rose{background:#4c0519;border-color:#9f1239}html.dark .metric-amber{background:#451a03;border-color:#92400e}html.dark .metric-emerald{background:#022c22;border-color:#065f46}html.dark .metric-card div:last-child{color:#cbd5e1}html.dark .xml-result.ok,html.dark .tag-card.ok{background:#022c22;border-color:#065f46;color:#a7f3d0}html.dark .xml-result.pending,html.dark .tag-card.pending{background:#4c0519;border-color:#9f1239;color:#fecdd3}html.dark .flash.success{background:#022c22;color:#a7f3d0;border-color:#065f46}html.dark .flash.error{background:#4c0519;color:#fecdd3;border-color:#9f1239}

.xml-tag-table{min-width:1280px}
.xml-tag-grid{display:grid;grid-template-columns:140px 150px minmax(280px,1fr) 220px 90px 96px 120px 130px;align-items:center}
.xml-tag-header>div{padding:.9rem 1rem;min-width:0;grid-column:auto!important}
.xml-tag-row{min-height:76px}
.xml-tag-cell{padding:.85rem 1rem;min-width:0}
.xml-tag-cell input[readonly]{overflow:hidden;text-overflow:ellipsis}
.xml-tag-cell select{white-space:nowrap}
.xml-flag-cell{display:flex;align-items:center;justify-content:center}
.xml-flag-control{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;margin:0;padding:.45rem .6rem;border:1px solid #e2e8f0;border-radius:.75rem;background:#f8fafc;color:#64748b;font-size:.68rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;min-width:82px}
.xml-flag-control input{width:1rem;height:1rem}
.xml-row-actions{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;white-space:nowrap}
html.dark .xml-flag-control{background:#0f172a;border-color:#334155;color:#94a3b8}

.user-directory{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#f8fafc}
.user-card-row{display:grid;grid-template-columns:minmax(240px,1.4fr) minmax(135px,.75fr) minmax(140px,.75fr) minmax(165px,1fr) minmax(135px,.75fr) minmax(125px,.65fr) minmax(220px,auto);gap:1rem;align-items:center;padding:1.1rem 1.25rem;border:1px solid #e2e8f0;border-radius:1rem;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.user-identity{display:flex;align-items:center;gap:.9rem;min-width:0}
.user-avatar{width:2.75rem;height:2.75rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#eef2ff;color:#4f46e5;border:1px solid #e0e7ff;font-weight:900;font-size:.8rem}
.user-meta-field{min-width:0}
.user-meta-field select,.user-meta-field input{width:100%}
.user-meta-grid{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(150px,1fr) minmax(120px,.7fr);gap:.85rem;align-items:end}
.user-field-label{display:block;margin:0 0 .3rem;font-size:.62rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8}
.user-status-cell{display:flex;justify-content:center}
.user-status-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .65rem;border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc;font-size:.7rem;font-weight:900;text-transform:uppercase;color:#64748b;margin:0;cursor:pointer}
.user-status-toggle input{width:1rem;height:1rem}
.user-actions{display:flex;align-items:center;justify-content:flex-end;gap:.45rem;flex-wrap:wrap}
html.dark .user-directory{background:#0f172a}
html.dark .user-card-row{background:#172033;border-color:#334155}
html.dark .user-avatar{background:#1e1b4b;border-color:#3730a3;color:#c7d2fe}
html.dark .user-status-toggle{background:#0f172a;border-color:#334155;color:#94a3b8}

.ui-readable,
.status,
.dept,
.xml-result,
.tag-card,
.xml-flag-control,
.user-status-toggle,
button,
.btn-primary,
.btn-secondary,
.header-button{word-break:normal;overflow-wrap:normal;hyphens:none;line-height:1.25}
.status,
.dept,
.xml-result,
.tag-card,
.xml-flag-control,
.user-status-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;white-space:normal;text-align:center;min-width:max-content}
.ui-chip{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:max-content;padding:.35rem .6rem;border-radius:.65rem;line-height:1.2;white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:none;text-align:center}
.ui-status-pill{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;gap:.35rem;min-width:6.75rem;padding:.35rem .7rem;border-radius:999px;line-height:1.15;white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:none;text-align:center}
.ui-table-text{word-break:normal;overflow-wrap:break-word;line-height:1.35}
.ui-truncate{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.flow-card{min-height:5.5rem;line-height:1.25;word-break:normal;overflow-wrap:normal;hyphens:none}
.flow-card span:first-child{word-break:normal;overflow-wrap:normal;hyphens:none}
.xml-tag-cell,
.user-meta-field,
td,
th{word-break:normal}
.xml-tag-cell input,
.xml-tag-cell select,
.user-meta-field input,
.user-meta-field select{min-width:0}

@media (max-width:1180px){.user-card-row{grid-template-columns:1fr 1fr}.user-identity,.user-actions{grid-column:1 / -1}.user-status-cell{justify-content:flex-start}.user-actions{justify-content:flex-start}}
@media (max-width:760px){.user-card-row{grid-template-columns:1fr}.user-meta-grid{grid-template-columns:1fr 1fr}.user-status-cell{justify-content:flex-start}.user-actions{justify-content:flex-start}}
@media (max-width:640px){.user-meta-grid{grid-template-columns:1fr}.user-card-row{padding:1rem}.user-actions>*{flex:1;justify-content:center}.xml-tag-table{min-width:1180px}.ui-status-pill{min-width:5.75rem}.flow-card{min-height:auto}}