/* MIRAS Professional Operations Layer v7 */
.pro-status-strip{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:7px;font-size:9px;color:var(--muted)}
.pro-status-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid #214050;background:#071722;border-radius:99px;padding:5px 8px}
.pro-status-chip strong{color:#d8f2ef}.pro-status-chip.good strong{color:#7ce8c8}.pro-status-chip.warn strong{color:#ffd27b}.pro-status-chip.bad strong{color:#ff91a0}
.pro-dot{width:6px;height:6px;border-radius:50%;background:#7ce8c8;box-shadow:0 0 9px rgba(124,232,200,.65)}
.pro-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.pro-span-4{grid-column:span 4}.pro-span-5{grid-column:span 5}.pro-span-7{grid-column:span 7}.pro-span-8{grid-column:span 8}.pro-span-12{grid-column:1/-1}
.pro-score{display:grid;place-items:center;min-height:230px;text-align:center}.pro-score-ring{--score:0;width:142px;height:142px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#70e0c0 calc(var(--score)*1%),#142936 0);position:relative;box-shadow:0 0 36px rgba(94,218,188,.10)}
.pro-score-ring:after{content:'';position:absolute;inset:10px;border-radius:50%;background:#07131d;border:1px solid #1b3948}.pro-score-ring>div{position:relative;z-index:2;display:grid}.pro-score-ring strong{font-size:34px}.pro-score-ring small{font-size:9px;color:var(--muted)}
.pro-score h3{font-size:13px;margin:13px 0 4px}.pro-score p{font-size:10px;color:var(--muted);margin:0;line-height:1.7}
.pro-kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.pro-kpi{padding:11px;border:1px solid #173545;border-radius:12px;background:#07151f;display:grid;gap:5px}.pro-kpi span{font-size:8px;color:var(--muted)}.pro-kpi strong{font-size:18px}
.pro-gauge-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pro-gauge{padding:13px;border:1px solid #173545;border-radius:14px;background:#07151f}.pro-gauge-head{display:flex;justify-content:space-between;gap:8px;font-size:9px}.pro-gauge-head span{color:var(--muted)}.pro-bar{height:8px;border-radius:99px;background:#122a37;overflow:hidden;margin-top:9px}.pro-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#54c9ff,#77e2bc);border-radius:inherit;transition:width .4s}
.pro-security-list{display:grid;gap:7px;margin-top:12px}.pro-security-line{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;padding:9px 10px;border:1px solid #183849;border-radius:11px;background:#07151f}.pro-security-line b{font-size:10px}.pro-security-line span{font-size:8px;color:var(--muted)}.pro-security-line em{font-style:normal;font-size:8px;color:#7ce8c8;border:1px solid #245c4d;border-radius:99px;padding:3px 6px}
.pro-door-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:14px}.pro-command-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.pro-command-grid button{min-height:48px}.pro-danger-note{border:1px solid #5a3942;background:#24151a;color:#ffc0c9;border-radius:12px;padding:10px;font-size:9px;line-height:1.7;margin-top:10px}
.pro-command-table{display:grid;gap:6px;margin-top:12px}.pro-command-row{display:grid;grid-template-columns:55px 1fr 100px 110px;gap:8px;align-items:center;padding:9px;border:1px solid #173545;border-radius:10px;background:#07151f;font-size:9px}.pro-command-row code{font-size:8px;color:#9adfed;overflow-wrap:anywhere}.pro-command-row time{color:var(--muted);font-size:8px}.pro-command-row .ok{color:#7ce8c8}.pro-command-row .fail{color:#ff91a0}.pro-command-row .pending{color:#ffd27b}
.pro-alert-list{display:grid;gap:7px}.pro-alert{border:1px solid #50313b;border-radius:12px;background:#1a1015;padding:11px}.pro-alert.warning{border-color:#534a2e;background:#19160d}.pro-alert h4{margin:0 0 5px;font-size:11px}.pro-alert p{margin:0;color:var(--muted);font-size:9px;line-height:1.6}.pro-alert time{display:block;margin-top:6px;font-size:8px;color:#6d8998}
.pro-more-sheet{position:fixed;z-index:2200;inset:0;background:rgba(0,0,0,.66);display:grid;align-items:end;backdrop-filter:blur(7px)}.pro-more-card{background:#081722;border:1px solid #294a5c;border-radius:22px 22px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -12px 50px rgba(0,0,0,.4)}.pro-more-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pro-more-head h3{font-size:14px;margin:0}.pro-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.pro-more-grid button{border:1px solid #1c3b4c;background:#0a1c27;color:#d7e7ee;border-radius:14px;padding:13px 7px;display:grid;gap:5px;place-items:center}.pro-more-grid button b{font-size:18px}.pro-more-grid button span{font-size:9px}
.pro-online-banner{position:fixed;z-index:2400;left:50%;top:12px;transform:translateX(-50%);background:#30141b;border:1px solid #783645;color:#ffd4db;border-radius:99px;padding:8px 13px;font-size:10px;box-shadow:0 8px 30px rgba(0,0,0,.35)}
.pro-section-note{font-size:9px;color:var(--muted);line-height:1.7;margin-top:5px}.pro-code{direction:ltr;text-align:left;font-size:9px;background:#051019;border:1px solid #173545;padding:9px;border-radius:10px;color:#9ddff0;overflow:auto}
.pro-mobile-only{display:none}
@media(max-width:1100px){.pro-span-4,.pro-span-5,.pro-span-7,.pro-span-8{grid-column:span 6}.pro-door-layout{grid-template-columns:1fr}}
@media(max-width:820px){.pro-grid{grid-template-columns:1fr}.pro-span-4,.pro-span-5,.pro-span-7,.pro-span-8,.pro-span-12{grid-column:1}.pro-kpi-row{grid-template-columns:repeat(2,1fr)}.pro-command-grid{grid-template-columns:repeat(2,1fr)}.pro-command-row{grid-template-columns:45px 1fr 80px}.pro-command-row time{display:none}.pro-mobile-only{display:block}.bottom-nav{grid-template-columns:repeat(6,1fr)}}
@media(max-width:500px){.pro-more-grid{grid-template-columns:repeat(2,1fr)}.pro-gauge-row{grid-template-columns:1fr}.pro-score-ring{width:126px;height:126px}.pro-command-grid{grid-template-columns:1fr 1fr}}


/* =========================================================
   MIRAS Unified Industrial v8 — System Users
   Same component language as Dashboard / Mobile App.
   ========================================================= */
.system-users-panel{margin:18px 0 0;max-width:none}
.system-user-note{margin:0 0 14px;padding:10px 12px;border:1px solid #173344;border-radius:12px;background:#07151f;color:var(--muted);font-size:12px}
.system-users-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.system-user-card{border:1px solid #173344;border-radius:14px;background:#07151f;padding:14px;display:grid;gap:12px}
.system-user-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.system-user-top>div{display:grid;gap:4px}
.system-user-top code{font-size:11px;color:var(--muted)}
.system-user-meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--muted);font-size:11px}
.system-user-modal-card{max-width:620px}
.system-password-help{grid-column:1/-1;color:var(--muted);font-size:11px;line-height:1.8}
.check-line{display:flex!important;align-items:center;gap:9px}
.check-line input{width:auto!important}
.pill.good{border-color:rgba(44,207,151,.35);color:#7ee7c2}
.pill.bad{border-color:rgba(255,91,112,.35);color:#ff9cab}
@media(max-width:760px){
  .system-users-grid{grid-template-columns:1fr}
  .system-users-panel{margin-top:12px}
}