:root{--navy:#071a2d;--navy2:#0d2944;--blue:#1687d9;--silver:#d8e0e8;--ink:#172331;--muted:#687786;--bg:#eef2f6;--green:#18794e;--red:#b42318;--amber:#a15c00}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink)}.shell{max-width:1500px;margin:auto;padding:24px 18px}.card{background:white;border-radius:18px;box-shadow:0 10px 30px #071a2d12;padding:22px}.login{max-width:430px;margin:8vh auto;text-align:center}.shield{width:76px;height:82px;margin:auto;background:#05090d;color:white;display:grid;place-items:center;font-weight:900;font-size:25px;clip-path:polygon(50% 0,95% 18%,88% 72%,50% 100%,12% 72%,5% 18%)}h1{letter-spacing:5px;margin-bottom:4px}h2{margin:0 0 5px}h3{margin:0 0 10px}label{display:block;text-align:left;font-weight:700;margin:16px 0 6px}input,select,textarea{width:100%;padding:12px;border:1px solid #c8d2dc;border-radius:10px;font-size:15px;background:#fff}button{padding:12px 14px;border:0;border-radius:10px;background:var(--blue);color:white;font-weight:800;cursor:pointer}.login button{width:100%;margin-top:12px}.ghost{background:var(--navy)}header{background:var(--navy);color:white;padding:18px 22px;border-radius:16px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center}header b{letter-spacing:4px;font-size:22px}header span{display:block;font-size:11px;color:#b9c8d7;margin-top:3px}.header-actions{display:flex;gap:8px}.layout{display:grid;grid-template-columns:235px 1fr;gap:18px}.nav{padding:12px;height:max-content;position:sticky;top:12px}.navbtn{width:100%;text-align:left;background:transparent;color:var(--ink);margin:2px 0}.navbtn:hover,.navbtn.active{background:#e8f3fb;color:#0868aa}.badge{float:right;background:var(--red);color:#fff;border-radius:20px;padding:2px 7px;font-size:11px}.content{min-width:0}.msg{margin:8px 0 14px;color:#566575}.hero{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;border-radius:18px;padding:24px;margin-bottom:16px}.hero p{color:#c7d5e2;margin-bottom:0}.kpis{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px;margin-bottom:16px}.kpi{background:#fff;border-radius:15px;padding:18px;border:1px solid #e0e7ed}.kpi .label{font-size:12px;color:var(--muted);font-weight:800;text-transform:uppercase}.kpi .value{font-size:30px;font-weight:900;margin-top:7px}.kpi .sub{font-size:12px;color:var(--muted);margin-top:4px}.panels{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}.panel{background:#fff;border-radius:15px;padding:18px;border:1px solid #e0e7ed}.toolbar{display:flex;gap:8px;margin-bottom:12px}.toolbar input{flex:1}.user,.request{border:1px solid #dce4eb;border-radius:13px;padding:16px;margin:10px 0;background:#fff}.meta{font-size:13px;color:var(--muted);line-height:1.6}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.actions button{padding:9px 11px}.danger{background:var(--red)}.success{background:var(--green)}.warning{background:var(--amber)}.pill{display:inline-block;padding:4px 8px;border-radius:20px;background:#e7eef5;font-size:12px;font-weight:700;margin:7px 5px 0 0}.pill.green{background:#e7f6ed;color:#12653f}.pill.red{background:#fdeceb;color:#9b1c14}.pill.amber{background:#fff3dc;color:#8a5000}.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:11px;border-bottom:1px solid #e5ebf0;font-size:13px}.table th{color:var(--muted);font-size:11px;text-transform:uppercase}.empty{padding:35px;text-align:center;color:var(--muted);background:#fff;border:1px dashed #ccd7df;border-radius:14px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature{background:#fff;border:1px solid #e0e7ed;border-radius:14px;padding:18px}.feature p{font-size:13px;color:var(--muted);line-height:1.5}.feature .state{font-size:11px;font-weight:800;color:#0868aa;text-transform:uppercase}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:1050px){.kpis{grid-template-columns:repeat(2,1fr)}.panels,.feature-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.layout{grid-template-columns:1fr}.nav{position:static}.kpis,.panels,.feature-grid,.split{grid-template-columns:1fr}.shell{padding:10px}.header-actions{flex-direction:column}.actions button{width:100%}}
/* Temporary MCC v2: focused user access administration */
.temp-mcc-header{gap:18px;flex-wrap:wrap}
.operator-box{margin-left:auto;min-width:220px}
.operator-box span,.operator-box em{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#a9bbcc;font-style:normal}
.operator-box strong{display:block;font-size:13px;margin:2px 0 3px;word-break:break-word}
.blue-section{border-left:5px solid var(--blue)}
.amber-section{border-left:5px solid var(--amber)}
.compact{padding:20px}
.user-row,.workspace-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.workspace{margin-top:14px}
.workspace-head{background:#fff;border:1px solid #dfe6ec;border-radius:14px;padding:16px;margin-bottom:12px}
.eyebrow{font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--muted);margin-bottom:4px}
.mcc-section{background:#fff;border:1px solid #dfe6ec;border-left:5px solid #93a4b4;border-radius:14px;padding:18px;margin:12px 0}
.mcc-section.blue{border-left-color:var(--blue)}
.mcc-section.green{border-left-color:var(--green)}
.mcc-section.amber{border-left-color:var(--amber)}
.mcc-section.red{border-left-color:var(--red)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}
.form-grid label{margin:0}
.form-grid input{margin-top:6px}
.state-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
.state-grid>div{background:#f7f9fb;border:1px solid #e2e9ef;border-radius:10px;padding:11px}
.state-grid span{display:block;font-size:10px;color:var(--muted);font-weight:800;text-transform:uppercase}
.state-grid b{display:block;margin-top:4px;font-size:12px}
.verify-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
.verify-tile{background:#fafbfd;border:1px solid #e0e7ed;border-radius:12px;padding:10px}
.verify-tile strong{display:block;font-size:12px;margin-bottom:8px}
.verify-tile img{display:block;width:100%;height:180px;object-fit:cover;border-radius:8px}
.photo-empty{height:180px;border:1px dashed #c8d2dc;border-radius:8px;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:12px}
.notice{background:#eef5fb;border:1px solid #d7e6f3;border-radius:10px;padding:10px 12px;margin-top:10px;color:#425466;font-size:12px;line-height:1.5}
.error-note{background:#fdeceb;border-color:#f3c7c3;color:#8f1d16}
.inline-msg{display:inline-flex;align-items:center;min-height:36px;color:var(--muted);font-size:12px}
.temp-password{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fff4f2;border:1px solid #efc8c3;border-radius:12px;padding:12px;margin-top:12px}
.temp-password span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;font-weight:800}
.temp-password strong{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px;letter-spacing:.04em;margin-top:3px}
@media(max-width:980px){.state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .operator-box{margin-left:0}
  .user-row,.workspace-head,.temp-password{flex-direction:column}
  .form-grid,.state-grid,.verify-grid{grid-template-columns:1fr}
  .verify-tile img,.photo-empty{height:220px}
  .user-row button,.temp-password button{width:100%}
}