*{box-sizing:border-box}body{margin:0;font:14px/1.45 "72","Segoe UI",Arial,sans-serif;background:#f5f6f7;color:#32363a}
.shell{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:#354a5f;color:#fff;padding:8px 16px}
.shell a{color:#fff;text-decoration:none}.back{font-size:13px;opacity:.9}.brand{font-weight:700;font-size:16px}.brand small{font-weight:400;opacity:.8;margin-left:6px}
.actas{margin-left:auto;font-size:13px}.actas select{margin-left:6px;padding:4px;border-radius:4px}
main{max-width:1280px;margin:0 auto;padding:16px}h1{font-size:20px;margin:4px 0 12px}h2{font-size:16px;margin:0 0 8px}
.tiles{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}
.ftile{width:176px;height:176px;background:#fff;border-radius:8px;box-shadow:0 0 2px rgba(0,0,0,.15),0 2px 6px rgba(0,0,0,.08);padding:14px;display:flex;flex-direction:column;color:#32363a;text-decoration:none}
.ftile:hover{box-shadow:0 0 0 2px #0a6ed1}.ft-t{font-size:15px;font-weight:600}.ft-s{color:#6a6d70;font-size:12px;margin-top:4px}.ft-i{margin-top:auto;font-size:28px;color:#0a6ed1}
.card{background:#fff;border-radius:8px;box-shadow:0 0 2px rgba(0,0,0,.15);padding:16px;margin-bottom:16px;overflow-x:auto}
.steps{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px;padding:0;list-style:none}.steps li{padding:4px 10px;border-radius:12px;background:#e5e5e5;font-size:12px}.steps li.on{background:#0a6ed1;color:#fff}.steps li.done{background:#d6f0dd;color:#256f3a}
table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid #e5e5e5;vertical-align:top}th{background:#f2f2f2;font-weight:600}
.row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin-bottom:12px}label{display:flex;flex-direction:column;font-size:12px;color:#6a6d70;gap:3px}
input,select{font:inherit;padding:6px 8px;border:1px solid #89919a;border-radius:4px;min-width:0}
.btn{font:inherit;padding:7px 14px;border-radius:6px;border:1px solid #0a6ed1;background:#fff;color:#0a6ed1;cursor:pointer;text-decoration:none;display:inline-block}
.btn.pri{background:#0a6ed1;color:#fff}.btn.neg{border-color:#bb0000;color:#bb0000}.btn:disabled{opacity:.45;cursor:not-allowed}
.bar{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.kpis{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.kpi{background:#fff;border-radius:8px;padding:10px 14px;box-shadow:0 0 2px rgba(0,0,0,.15);min-width:120px}.kpi b{display:block;font-size:22px}.ok b{color:#256f3a}.err b{color:#bb0000}
.msg{padding:8px 12px;border-radius:6px;margin-bottom:12px}.msg.e{background:#ffebeb;color:#bb0000}.msg.s{background:#f1fdf6;color:#256f3a}.msg.i{background:#eaf3fc;color:#0a4d91}
.chip{display:inline-block;padding:1px 8px;border-radius:10px;font-size:12px;background:#e5e5e5}.chip.g{background:#d6f0dd;color:#256f3a}.chip.r{background:#ffd8d8;color:#bb0000}.chip.b{background:#d5e8fb;color:#0a4d91}
.muted{color:#6a6d70;font-size:12px}
[data-more][hidden]{display:none!important}.ftog{display:none}.crlist thead th{position:sticky;top:0;background:#fff;z-index:1}
.fbar{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:4px 0 12px}.vhf{display:flex;flex-direction:column;gap:3px;font-size:12px;color:#6a6d70}.vhf.grow{flex:1 1 260px}.vhrow{display:flex;gap:4px;align-items:center}.vhrow input{width:150px}.fbtn{display:flex;gap:6px}
.ibtn{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid #89919a;border-radius:4px;background:#fff;color:#0a6ed1;cursor:pointer;font:inherit}
.grow-ft{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:10px}.lrt{display:flex;gap:6px;align-items:baseline}
.vhov{position:fixed;inset:0;z-index:50;background:#0006;display:grid;place-items:center;padding:16px}.vhov[hidden]{display:none}.vhd{background:#fff;border-radius:12px;width:min(760px,100%);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 30px #0004}
.vhd .ch{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid #e5e5e5}.vhd .ch h2{margin:0}
.vhbar{padding:10px 18px}.vhbar input{height:32px;width:100%}.vhbar label{display:flex;flex-direction:column;font-size:12px;color:#6a6d70;gap:3px}#vhBody{overflow:auto;flex:1;padding:0 18px}.vhcount{margin:0 0 6px;font-weight:600}
.vhr{cursor:pointer}.vhr:hover,.vhr:focus{background:#eaf3fc;outline:none}.vhr.sel{background:#d5e8fb}.vhft{display:flex;justify-content:flex-end;padding:10px 18px;border-top:1px solid #e5e5e5}
@media (max-width:600px){.fbar{flex-direction:column;align-items:stretch}.vhrow input{flex:1;width:auto}.vhd{max-height:100vh;height:100%;border-radius:0}.vhov{padding:0}main{padding:10px}.ftile{width:calc(50% - 6px);height:150px}.brand small{display:block;margin:0}.actas{margin-left:0;width:100%}th,td{padding:5px}
  /* compact 2-line rows in an own scroll container (sticky header), filter bar collapsed behind a toggle */
  .shell{gap:4px 10px;padding:6px 10px}.brand small{display:none}.actas{font-size:12px}.actas select{max-width:160px}.fbar>.vhf.grow{flex:none}
  .crlist tbody tr{line-height:15px}
  main{padding:8px}h1{font-size:17px;margin:0 0 6px}.tiles{gap:8px;margin-bottom:8px;flex-wrap:nowrap}.ftile{width:auto;flex:1;height:auto;padding:8px 10px}.ftile .ft-s,.ftile .ft-i{display:none}
  .lr{padding:10px}.lrt{margin:0 0 6px;padding-right:100px;font-size:14px;flex-wrap:wrap}.ftog{display:inline-block;align-self:flex-end}.lr{display:flex;flex-direction:column}.lr>.lrt{order:0}.lr>.ftog{order:1;position:absolute;right:18px;margin-top:-2px}.lr{position:relative}
  .fbar{margin:0 0 6px;gap:6px}.fbar.collapsed>.vhf:not(.grow),.fbar.collapsed>.fbtn{display:none}.fbar>.vhf.grow label{display:none}
  .crscroll{max-height:calc(100dvh - 190px);overflow:auto;overscroll-behavior:contain;border-top:1px solid #e5e5e5}
  .crlist,.crlist tbody{display:block;width:100%}.crlist thead{display:block;position:sticky;top:0;z-index:1;background:#fff}.crlist thead tr{display:flex;justify-content:space-between;padding:4px 8px;font-size:12px;color:#6a6d70}
  .crlist thead th{display:none;position:static;padding:0}.crlist thead th:nth-child(1),.crlist thead th:nth-child(5){display:block}
  .crlist tbody tr{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:8px;align-items:center;padding:2px 8px;border-bottom:1px solid #eee;line-height:15px}
  .crlist td{display:block;border:0;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crlist td::before{content:none}
  .crlist .c-id{grid-row:1;grid-column:1/3;font-weight:600}.crlist .c-status{grid-row:1;grid-column:3;overflow:visible}.crlist .c-status .chip{font-size:11px;padding:0 6px}
  .crlist .c-proc,.crlist .c-desc,.crlist .c-date{grid-row:2;font-size:12px;color:#6a6d70}.crlist .c-proc{grid-column:1}.crlist .c-desc{grid-column:2}.crlist .c-date{grid-column:3}.crlist .c-rec,.crlist .c-by{display:none}}