.mpcs-root{display:flex;flex-direction:column;gap:16px}.mpcs-head{display:flex;justify-content:space-between;align-items:end;gap:16px}.mpcs-head h3{margin:0;font-size:22px;font-weight:900;color:#f4f8ff}.mpcs-head p{margin:5px 0 0;color:#91a5c3;font-size:12px}.mpcs-head>span{padding:7px 11px;border:1px solid rgba(71,126,199,.35);border-radius:999px;color:#b9d7ff;font-size:11px}.mpcs-metrics{display:grid;grid-template-columns:1fr 1fr 150px;gap:12px}.mpcs-metrics>button{position:relative;min-height:118px;border:1px solid rgba(73,112,164,.3);border-radius:16px;padding:18px 54px 18px 18px;text-align:left;background:#0c192d;display:grid;grid-template-columns:48px 1fr;align-items:center;gap:16px;overflow:hidden;transition:border-color .18s ease,transform .18s ease,background .18s ease}.mpcs-metrics>button:hover{transform:translateY(-1px);border-color:rgba(108,158,224,.5)}.mpcs-metrics>button:focus-visible{outline:2px solid #67a7ff;outline-offset:2px}.mpcs-metric-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:25px!important;border:1px solid currentColor;background:rgba(255,255,255,.035)}.mpcs-metric-copy{display:flex;flex-direction:column;min-width:0}.mpcs-metric-copy small{display:block;text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.09em;color:#a6b8cf}.mpcs-metric-copy strong{display:block;margin-top:3px;font-size:36px;line-height:1;font-weight:950;color:#fff;letter-spacing:-.03em}.mpcs-metric-copy em{display:block;margin-top:7px;font-size:10px;font-style:normal;color:#7f95b1}.mpcs-metric-arrow{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:22px!important;opacity:.9}.mpcs-metrics .active{border-left:4px solid #22c55e;background:linear-gradient(105deg,#0c192d 0%,#0c192d 72%,rgba(34,197,94,.075) 100%)}.mpcs-metrics .active .mpcs-metric-icon,.mpcs-metrics .active .mpcs-metric-arrow{color:#38d878}.mpcs-metrics .inactive{border-left:4px solid #ef4444;background:linear-gradient(105deg,#0c192d 0%,#0c192d 72%,rgba(239,68,68,.07) 100%)}.mpcs-metrics .inactive .mpcs-metric-icon,.mpcs-metrics .inactive .mpcs-metric-arrow{color:#ff6666}.mpcs-donut{width:118px;height:118px;margin:auto;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(#22c55e 0 var(--active),#ef4444 var(--active) 100%);position:relative}.mpcs-donut:before{content:"";position:absolute;inset:18px;border-radius:50%;background:#0b1729}.mpcs-donut span,.mpcs-donut small{position:relative;z-index:1}.mpcs-donut span{font-size:24px;font-weight:900;color:#fff}.mpcs-donut small{font-size:9px;color:#9fb0c7;text-transform:uppercase}@media(max-width:900px){.mpcs-metrics{grid-template-columns:1fr 1fr}.mpcs-donut{grid-column:1/-1}.mpcs-metrics>button{min-height:105px}}@media(max-width:620px){.mpcs-metrics{grid-template-columns:1fr}.mpcs-donut{grid-column:auto}.mpcs-metrics>button{grid-template-columns:42px 1fr}.mpcs-metric-icon{width:40px;height:40px}.mpcs-metric-copy strong{font-size:32px}}.mpcs-toolbar{display:grid;grid-template-columns:1fr 180px;gap:10px}.mpcs-toolbar input,.mpcs-toolbar select{height:44px;border:1px solid rgba(73,112,164,.35);border-radius:11px;background:#0b1729;color:#eef5ff;padding:0 12px}.mpcs-table-wrap{overflow:auto;border:1px solid rgba(73,112,164,.25);border-radius:14px}.mpcs-table-wrap table{width:100%;min-width:1250px;border-collapse:collapse;background:#081426}.mpcs-table-wrap th{padding:12px;background:#18243a;color:#b8c8dd;font-size:10px;text-transform:uppercase;text-align:left}.mpcs-table-wrap td{padding:12px;border-top:1px solid rgba(73,112,164,.18);font-size:12px;color:#dce8f8}.mpcs-table-wrap td strong,.mpcs-table-wrap td small{display:block}.mpcs-table-wrap td small{color:#748aa8;font-size:9px;margin-top:3px}.mpcs-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900}.mpcs-status.ativo{background:rgba(34,197,94,.13);color:#57df8d}.mpcs-status.inativo{background:rgba(239,68,68,.13);color:#ff8080}.mpcs-action{padding:7px 11px;border-radius:9px;font-size:11px;font-weight:900}.mpcs-action.off{border:1px solid rgba(239,68,68,.4);background:rgba(239,68,68,.12);color:#ff8a8a}.mpcs-action.on{border:1px solid rgba(34,197,94,.4);background:rgba(34,197,94,.12);color:#62e596}.mpcs-readonly{color:#8297b4}.mpcs-empty{text-align:center;padding:35px!important}.mpcs-footer{display:flex;justify-content:space-between;color:#8297b4;font-size:10px}.mpcs-footer button{width:30px;height:30px;border:1px solid rgba(73,112,164,.35);border-radius:7px;background:#0b1729;color:#fff}.mpcs-footer b{padding:0 10px}.mpcs-modal{position:fixed;inset:0;z-index:99999;background:rgba(2,8,18,.82);display:grid;place-items:center;padding:18px}.mpcs-dialog{width:min(520px,100%);background:#0b1729;border:1px solid rgba(77,132,205,.38);border-radius:18px;overflow:hidden}.mpcs-dialog header,.mpcs-dialog footer{display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid rgba(73,112,164,.25)}.mpcs-dialog footer{border:0;border-top:1px solid rgba(73,112,164,.25);justify-content:flex-end;gap:10px}.mpcs-dialog h3{margin:2px 0 0;color:#fff}.mpcs-dialog header>button{font-size:25px;color:#9fb0c7}.mpcs-form{display:grid;gap:14px;padding:18px}.mpcs-form label{font-size:11px;font-weight:900;text-transform:uppercase;color:#9fb0c7}.mpcs-form input,.mpcs-form select{display:block;width:100%;margin-top:6px;height:44px;border:1px solid rgba(73,112,164,.4);border-radius:10px;background:#081426;color:#fff;padding:0 11px}.mpcs-secondary,.mpcs-danger{padding:10px 14px;border-radius:9px;font-weight:900}.mpcs-secondary{border:1px solid rgba(73,112,164,.35);color:#dce8f8}.mpcs-danger{background:#dc2626;color:#fff}
/* RC1.1.20-T3 — Busca do Controle de Crachás padronizada */
.mpcs-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:14px;align-items:end;padding:14px;border:1px solid rgba(73,112,164,.30);border-radius:14px;background:#0c192d;box-shadow:0 8px 22px rgba(0,0,0,.12)}
.mpcs-search-field,.mpcs-filter-field{min-width:0}
.mpcs-toolbar label{display:block;margin:0 0 7px;color:#c5d5e9;font-size:9px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.mpcs-toolbar-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mpcs-search-count{margin:0 0 7px;color:#8fa3bd;font-size:9px;font-weight:800;white-space:nowrap;text-transform:uppercase}
.mpcs-search-box{position:relative;display:flex;align-items:center}
.mpcs-toolbar .mpcs-search-box input{width:100%;height:46px;padding:0 46px 0 42px;border:1px solid rgba(76,139,224,.55);border-radius:10px;background:#081426;color:#f1f6ff;font-size:13px;font-weight:700;letter-spacing:.01em;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
.mpcs-toolbar .mpcs-search-box input::placeholder{color:#70839d;font-weight:700}
.mpcs-toolbar .mpcs-search-box input:focus{border-color:#60a5fa;box-shadow:0 0 0 2px rgba(59,130,246,.14),0 7px 18px rgba(0,0,0,.14);background:#0a1729}
.mpcs-search-icon{position:absolute;left:13px;z-index:1;color:#6fa8f7;font-size:19px;pointer-events:none}
.mpcs-search-clear{position:absolute;right:7px;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:#7990ad;cursor:pointer}
.mpcs-search-clear:hover{background:rgba(96,165,250,.10);color:#d9e9ff}
.mpcs-search-clear[hidden]{display:none}
.mpcs-search-clear .material-symbols-outlined{font-size:18px}
.mpcs-search-field>small{display:block;margin-top:6px;color:#8094ae;font-size:9px}
.mpcs-toolbar .mpcs-filter-field select{width:100%;height:46px;padding:0 36px 0 12px;border:1px solid rgba(73,112,164,.38);border-radius:10px;background:#081426;color:#eef5ff;font-size:12px;font-weight:700;outline:none}
.mpcs-toolbar .mpcs-filter-field select:focus{border-color:#60a5fa;box-shadow:0 0 0 2px rgba(59,130,246,.12)}
@media (max-width:800px){.mpcs-toolbar{grid-template-columns:1fr}.mpcs-toolbar-label-row{align-items:flex-start;flex-direction:column;gap:0}.mpcs-search-count{white-space:normal}}