.process-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
        gap: 1rem;
      }
      .process-field {
        display: flex;
        flex-direction: column;
        gap: 0.35rem;
      }
      .process-field--wide {
        grid-column: 1/-1;
      }
      .cadastro-card {
        margin-top: 1rem;
      }
      .process-actions {
        display: flex;
        justify-content: flex-end;
        gap: 0.75rem;
        margin-top: 1rem;
      }
      .hier-page-heading { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
      .hier-page-heading .ahp-page-title { margin:0; }
      .hier-composite-filter { display:grid; grid-template-columns:auto minmax(12rem,18rem) auto minmax(14rem,1fr) auto; align-items:center; gap:.55rem; margin-bottom:1rem; }
      .hier-composite-filter label { color:var(--pli-deep,#123e56); font-size:.75rem; font-weight:700; }
      .hier-composite-filter select,.hier-composite-filter input { min-height:2.25rem; padding:.45rem .6rem; border:1px solid #cbd6dd; border-radius:.45rem; background:#fff; }
      .hier-composite-filter span { color:#66727a; font-size:.72rem; white-space:nowrap; }
      #hier-create-section.is-readonly { background:#f7f9fb; }
      #hier-create-section.is-readonly input,#hier-create-section.is-readonly select,#hier-create-section.is-readonly textarea { color:#344b59; opacity:1; }
      @media(max-width:760px){.hier-page-heading{align-items:flex-start;flex-direction:column}.hier-page-heading #hier-new{align-self:flex-end}.hier-composite-filter{grid-template-columns:1fr}.hier-composite-filter label{margin-bottom:-.35rem}}
      .hier-demand-tabs {
        margin-top: 1rem;
      }
      .hier-universo-filtros {
        align-items: end;
      }
      .hier-demand-pagination {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        flex-wrap: wrap;
        margin-top: 1rem;
      }
      .hier-demand-pagination {
        justify-content: center;
      }
      .hier-demand-pagination span {
        min-width: 7rem;
        text-align: center;
        font-weight: 600;
      }
      .hier-demand-tabs .admin-tab:focus-visible {
        outline: 3px solid var(--pli-blue, #075f8f);
        outline-offset: 2px;
      }
      .hier-universo-table,
      .hier-resumo-table {
        width: max-content;
        min-width: 100%;
      }
      .hier-universo-table th,
      .hier-universo-table td,
      .hier-resumo-table th,
      .hier-resumo-table td {
        white-space: nowrap;
        vertical-align: middle;
      }
      #nova-hierarquizacao .hier-universo-table th,
      #nova-hierarquizacao .hier-resumo-table th {
        padding: 0.5rem 0.6rem;
        font-size: 0.72rem;
        line-height: 1.1;
      }
      #nova-hierarquizacao .hier-universo-table td,
      #nova-hierarquizacao .hier-resumo-table td {
        height: 1.7rem;
        padding: 0.18rem 0.55rem;
        font-size: 0.74rem;
        line-height: 1.1;
      }
      #nova-hierarquizacao .hier-universo-table input[type="checkbox"],
      #nova-hierarquizacao .hier-resumo-table input[type="checkbox"] {
        width: 0.9rem;
        height: 0.9rem;
        min-height: 0;
        margin: 0;
        padding: 0;
        vertical-align: middle;
      }
      .hier-demand-actions .admin-icon-btn:hover:not(:disabled),
      .hier-resumo-actions .admin-icon-btn:hover:not(:disabled) {
        border-color: var(--pli-blue);
        color: var(--pli-deep);
        background: #eef5f9;
        box-shadow: 0 2px 6px rgba(17, 101, 147, 0.16);
      }
      #nova-hierarquizacao .hier-fase-option {
        display: flex;
        align-items: center;
        gap: 0.55rem;
        min-height: 2.25rem;
        margin: 0;
        cursor: pointer;
      }
      #nova-hierarquizacao .hier-fase-option input[type="checkbox"] {
        flex: 0 0 auto;
        width: 1rem;
        height: 1rem;
        min-height: 0;
        margin: 0;
        padding: 0;
      }
      #nova-hierarquizacao .hier-fase-option > span {
        line-height: 1.25;
      }
      .hier-universo-table .hier-demanda-indisponivel {
        color: #66727a;
        background: #f2f4f5;
      }
      .hier-universo-table .hier-demanda-indisponivel:hover {
        background: #e9edef;
      }
      .hier-universo-table .hier-demanda-indisponivel td {
        opacity: 0.78;
      }
      .hier-universo-table .hier-demanda-confirmada {
        background: #eef8f1;
      }
      .hier-universo-table .hier-demanda-confirmada td {
        color: #356244;
      }
      .hier-universo-table input[type="checkbox"]:disabled {
        cursor: not-allowed;
      }
      .hier-demanda-status {
        white-space: nowrap;
      }
      .hier-table-shell {
        overflow: auto;
        max-height: 36rem;
        border: 1px solid #d8e0e5;
        border-radius: 10px;
      }
      .hier-register-table {
        min-width: 2650px;
      }
      .hier-register-table thead {
        position: sticky;
        top: 0;
        z-index: 2;
      }
      .hier-register-table td {
        max-width: 220px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .json-cell {
        border: 0;
        color: var(--pli-blue, #075f8f);
        background: transparent;
        text-decoration: underline;
        cursor: pointer;
      }
      .empty-row td {
        height: 2.65rem;
        color: #9aa7af;
      }
      .json-modal-backdrop {
        position: fixed;
        inset: 0;
        z-index: 10000;
        display: grid;
        place-items: center;
        padding: 1.2rem;
        background: rgba(8, 30, 45, 0.7);
      }
      .json-modal {
        display: flex;
        width: min(1050px, 96vw);
        max-height: 90vh;
        flex-direction: column;
        border-radius: 12px;
        background: #fff;
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
      }
      .json-modal-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1rem 1.2rem;
        color: #fff;
        background: var(--pli-deep, #123e56);
        border-radius: 12px 12px 0 0;
      }
      .json-modal-head h2 {
        margin: 0;
        font-size: 1.05rem;
      }
      .json-modal-close {
        border: 1px solid #fff;
        border-radius: 50%;
        color: #fff;
        background: transparent;
        width: 2rem;
        height: 2rem;
      }
      .json-modal-body {
        overflow: auto;
        padding: 1rem;
      }
      .json-tree {
        width: 100%;
        border-collapse: collapse;
      }
      .json-tree th,
      .json-tree td {
        padding: 0.45rem 0.6rem;
        border-bottom: 1px solid #e4e9ec;
        text-align: left;
        vertical-align: top;
      }
      .json-tree th {
        width: 34%;
        color: var(--pli-deep, #123e56);
      }