:root{--wp-red:#c91b16;--wp-panel:#17191d;--wp-line:#2c3037;--wp-muted:#939aa6}
nav a[href$="/logs"] i,nav a[href$="/users"] i{font-size:18px;font-weight:400;opacity:.82;-webkit-text-stroke:0;filter:none}
body[data-role="viewer"] main header:after{content:"Somente leitura";margin-left:12px;padding:5px 9px;border:1px solid #454a54;border-radius:999px;color:#b8bec8;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.permission-locked{opacity:.72}.permission-locked :disabled{cursor:not-allowed}.access-denied,.user-panel,.logs-panel{max-width:1180px;margin:auto}
.users-toolbar,.logs-toolbar{display:flex;gap:12px;align-items:end;justify-content:space-between;margin-bottom:18px;padding:18px;background:var(--wp-panel);border:1px solid var(--wp-line);border-radius:14px}
.users-grid,.logs-list{display:grid;gap:10px}.user-card,.log-row{background:var(--wp-panel);border:1px solid var(--wp-line);border-radius:12px;padding:14px 16px}.user-card form{display:grid;grid-template-columns:minmax(180px,1fr) 160px minmax(180px,1fr) auto;gap:10px;align-items:end}
.role-pill,.log-level{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:#292d34;color:#d8dbe1}.log-level.error,.log-level.critical{background:#5c1717;color:#ffb6b3}.log-level.warning{background:#594313;color:#ffe29a}.log-level.info{background:#183b32;color:#9fe6cf}
.log-row{display:grid;grid-template-columns:92px 130px 165px minmax(240px,1fr);gap:12px;align-items:start}.log-row time,.log-row small{color:var(--wp-muted)}.log-details{margin-top:8px;padding:10px;background:#101216;border-radius:8px;white-space:pre-wrap;overflow:auto;color:#aeb5c0}
.access-denied{text-align:center;padding:50px 24px;background:var(--wp-panel);border:1px solid var(--wp-line);border-radius:16px}.access-denied h2{margin-top:0}
.user-admin-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(520px,1fr);gap:20px;align-items:start;max-width:1320px;margin:auto}.user-create,.user-list{border:1px solid #292e36!important;background:linear-gradient(145deg,#191c21,#131519)!important;border-radius:16px!important;box-shadow:0 16px 42px rgba(0,0,0,.22)}.user-create{position:sticky;top:88px}.user-create h2,.user-list h2{display:flex;align-items:center;gap:10px;margin:0 0 20px}.user-create h2:before{content:"\ea09";font-family:remixicon;color:var(--wp-red);font-size:23px}.user-list h2:before{content:"\f0d0";font-family:remixicon;color:var(--wp-red);font-size:23px}.user-create label{display:grid;gap:7px;margin:13px 0;color:#9da4af;font-size:12px;font-weight:700}.user-row{display:grid;grid-template-columns:minmax(170px,1fr) 165px minmax(180px,1fr) auto auto;gap:10px;align-items:center;padding:13px;border:1px solid #292d34;border-radius:12px;background:#15171b;transition:border-color .2s,transform .2s,background .2s}.user-row:hover{border-color:#454b56;background:#191c21;transform:translateY(-1px)}.user-row>div{display:grid;gap:3px}.user-row>div b{color:#e4e7eb}.user-row>div small{color:#777f8b}.user-row select,.user-row input{margin:0}.user-row .danger{width:42px;padding-inline:0;background:#291719!important;color:#ff7772!important;border-color:#4e2022!important}
.permission-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:1320px;margin:0 auto 18px}.permission-overview>div{display:flex;align-items:center;gap:12px;padding:15px 17px;border:1px solid #292e36;border-radius:13px;background:linear-gradient(145deg,#191c21,#14161a)}.permission-overview i{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#291719;color:#e94039;font-size:21px}.permission-overview span{display:grid;gap:2px}.permission-overview b{color:#e3e6eb}.permission-overview small{color:#858d99}
.log-toolbar{max-width:1320px;margin:0 auto 16px;background:linear-gradient(145deg,#191c21,#14161a);box-shadow:0 14px 36px rgba(0,0,0,.18)}.log-toolbar form{display:flex;gap:10px;align-items:center}.log-list{max-width:1320px;margin:auto}.log-row{grid-template-columns:105px minmax(0,1fr) 165px!important;position:relative;overflow:hidden;transition:transform .2s,border-color .2s,background .2s}.log-row:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#59606b}.log-row.level-error:before,.log-row.level-critical:before{background:#d82a24}.log-row.level-warning:before{background:#d28d1c}.log-row.level-info:before{background:#2d9b76}.log-row:hover{transform:translateY(-1px);border-color:#414752;background:#1a1d22}.log-row>div:nth-child(2) p{margin:5px 0 0;color:#c4c9d1}.log-row time{justify-self:end;color:#7f8793;font-size:12px}.log-row details{margin-top:10px}.log-row summary{cursor:pointer;color:#b8bec8}.log-row pre{max-height:260px;overflow:auto;padding:12px;border:1px solid #292e36;border-radius:9px;background:#0d0f12;color:#aeb6c1}.log-list .empty{text-align:center;padding:45px;color:#7f8793}
@media(max-width:1000px){.user-admin-grid{grid-template-columns:1fr}.user-create{position:static}.user-row{grid-template-columns:1fr 150px 1fr auto auto}}
@media(max-width:680px){.permission-overview{grid-template-columns:1fr}.user-row{grid-template-columns:1fr}.user-row button{width:100%}.user-row .danger{width:100%}.log-toolbar form{align-items:stretch;flex-direction:column}.log-row{grid-template-columns:1fr!important}.log-row time{justify-self:start}}

/* Modern access and event center */
.access-page{--surface:#181a1f;--surface-2:#1d2026;--stroke:#2a2e36;--muted:#858d99;--bright:#d9dde4;max-width:1420px;margin:0 auto}.access-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:150px;margin-bottom:18px;padding:28px 32px;border:1px solid var(--stroke);border-radius:18px;background:radial-gradient(circle at 90% 0,rgba(198,28,22,.13),transparent 32%),linear-gradient(135deg,#1c1f24,#15171b);box-shadow:0 18px 50px rgba(0,0,0,.2)}.access-hero .eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:9px;color:#d23a34;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.access-hero h2{margin:0;color:#e1e4e9;font-size:30px;font-weight:650;letter-spacing:-.035em}.access-hero p{margin:7px 0 0;color:var(--muted);font-size:14px}.access-total{display:grid;min-width:120px;text-align:right}.access-total strong{color:#e2e5ea;font-size:38px;font-weight:650;line-height:1}.access-total span{margin-top:7px;color:#7e8692;font-size:12px}.notice{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:13px 16px;border:1px solid;border-radius:11px}.notice.error{border-color:#522626;background:#27191b;color:#f38c87}.notice.success{border-color:#235044;background:#172823;color:#82d1b8}.notice i{font-size:19px}
.role-summary,.log-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.role-summary article,.log-summary article{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:82px;padding:14px 16px;border:1px solid var(--stroke);border-radius:14px;background:linear-gradient(145deg,var(--surface-2),#17191d)}.role-summary article>i,.log-summary article>i{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#292026;color:#e0443d;font-size:20px}.role-summary span,.log-summary span{display:grid}.role-summary b,.log-summary b{color:#d4d8df;font-size:13px}.role-summary small,.log-summary small{margin-top:2px;color:#747c88;font-size:11px}.role-summary article>strong,.log-summary article>strong{color:#dfe2e7;font-size:24px;font-weight:650}
.access-layout{display:grid;grid-template-columns:350px minmax(0,1fr);gap:18px;align-items:start}.access-create,.access-list,.event-feed,.log-controls{border:1px solid var(--stroke);border-radius:16px;background:linear-gradient(145deg,var(--surface),#14161a);box-shadow:0 16px 40px rgba(0,0,0,.16)}.access-create{position:sticky;top:100px;padding:22px}.access-create>header,.access-list>header,.event-feed>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.access-create>header{justify-content:flex-start;margin-bottom:21px}.panel-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:linear-gradient(145deg,#342022,#251719);color:#ea433c;font-size:21px}.access-create h3,.access-list h3,.event-feed h3{margin:0;color:var(--bright);font-size:16px}.access-create header p,.access-list header p,.event-feed header p{margin:3px 0 0;color:#747c87;font-size:11px}.access-create>label,.compact-field{display:grid;gap:7px;margin-top:14px}.access-create label>span,.compact-field>span,.log-controls label>span{color:#858d98;font-size:11px;font-weight:700}.access-create input,.access-create select,.compact-field input,.compact-field select,.log-controls select{width:100%;height:44px;margin:0!important;padding:0 13px;border:1px solid #30343c!important;border-radius:9px!important;background:#121419!important;color:#cdd2d9!important;transition:border-color .18s,box-shadow .18s}.access-create input:focus,.access-create select:focus,.compact-field input:focus,.compact-field select:focus,.log-controls select:focus{border-color:#76302d!important;box-shadow:0 0 0 3px rgba(198,28,22,.09)!important}.field-icon{position:relative}.field-icon i{position:absolute;z-index:1;left:13px;top:50%;color:#68717d;font-size:17px;transform:translateY(-50%)}.field-icon input{padding-left:41px}.primary-wide{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:44px;margin-top:18px;border-radius:9px!important;background:linear-gradient(180deg,#d5221c,#b71612)!important;box-shadow:0 8px 20px rgba(185,20,15,.18)}
.access-list{padding:20px}.access-list>header,.event-feed>header{padding-bottom:16px;border-bottom:1px solid var(--stroke)}.access-list>header>span,.event-feed>header>span{padding:5px 9px;border:1px solid #30343b;border-radius:999px;background:#202329;color:#8f97a2;font-size:11px}.user-cards{display:grid;gap:9px;margin-top:14px}.account-card{display:grid;grid-template-columns:44px minmax(170px,1fr) 160px 180px auto;align-items:end;gap:11px;padding:12px;border:1px solid #292d34;border-radius:12px;background:#15171b;transition:border-color .18s,background .18s,transform .18s}.account-card:hover{border-color:#3c424c;background:#191c21;transform:translateY(-1px)}.account-avatar{display:grid;place-items:center;align-self:center;width:42px;height:42px;border:1px solid #49302f;border-radius:12px;background:linear-gradient(145deg,#34211f,#201719);color:#e3dedd;font-size:17px;font-weight:700}.account-identity{display:grid;align-self:center;gap:3px}.account-identity>div{display:flex;align-items:center;gap:7px}.account-identity b{color:#d4d8df}.account-identity em{padding:2px 6px;border-radius:999px;background:#2d2525;color:#d96863;font-size:9px;font-style:normal;font-weight:800;text-transform:uppercase}.account-identity small,.account-identity span{color:#6f7782;font-size:10px}.account-identity small i{margin-right:3px}.compact-field{margin:0}.account-actions{display:flex;align-self:end;gap:6px}.account-actions button{display:grid;place-items:center;width:42px;height:44px;padding:0;border:1px solid #30343c!important;border-radius:9px!important;background:#202329!important;color:#aeb5be!important;font-size:17px}.account-actions button:hover{border-color:#56403f!important;background:#292326!important;color:#ef746e!important}.account-actions .delete-account{background:#251719!important;color:#c85a55!important}
.log-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.log-summary article.critical>i,.log-summary article.error>i{background:#301b1d;color:#ef5d56}.log-summary article.warning>i{background:#30291b;color:#dba849}.log-summary article.info>i{background:#192b28;color:#5db49e}.log-controls{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px;padding:16px 18px}.log-controls form{display:flex;align-items:end;gap:10px}.log-controls label{display:grid;gap:6px;min-width:190px}.log-controls select{height:42px}.log-controls button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border-radius:9px!important}.log-controls a{align-self:center;color:#8f96a0;font-size:12px;text-decoration:none}.clear-logs{border:1px solid #473033!important;background:#25191b!important;color:#cf716d!important}.clear-logs:hover{background:#301c1f!important;color:#f08b86!important}.event-feed{padding:20px}.event-list{display:grid;gap:9px;margin-top:14px}.event-card{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:14px;border:1px solid #292d34;border-radius:12px;background:#15171b;overflow:hidden}.event-card:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:#59616c}.event-card.level-critical:before,.event-card.level-error:before{background:#d93b35}.event-card.level-warning:before{background:#cb9332}.event-card.level-info:before{background:#40987e}.event-source{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#22252b;color:#9aa3ae;font-size:19px}.event-body>header{display:flex;align-items:center;gap:8px}.event-body>header b{color:#cbd0d7;font-size:12px}.event-body time{margin-left:auto;color:#727a86;font-size:10px}.event-level{padding:3px 7px;border-radius:999px;background:#292d33;color:#9ca4ae;font-size:9px;font-weight:800;text-transform:uppercase}.level-error .event-level,.level-critical .event-level{background:#321c1e;color:#ef746e}.level-warning .event-level{background:#302719;color:#d7a248}.level-info .event-level{background:#192b27;color:#63b9a1}.event-body>p{margin:7px 0 0;color:#aeb4bd;font-size:13px}.event-body details{margin-top:9px}.event-body summary{cursor:pointer;color:#7e8792;font-size:11px}.event-body pre{max-height:260px;overflow:auto;margin:9px 0 0;padding:12px;border:1px solid #292d34;border-radius:9px;background:#0f1114;color:#9ca5b0;font-size:11px}.logs-empty{display:grid;place-items:center;min-height:240px;text-align:center}.logs-empty>i{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#192823;color:#5cb091;font-size:27px}.logs-empty h3{margin:13px 0 2px}.logs-empty p{margin:0;color:#727a85;font-size:12px}
@media(max-width:1100px){.access-layout{grid-template-columns:1fr}.access-create{position:static}.account-card{grid-template-columns:44px minmax(150px,1fr) 145px 160px auto}.log-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.access-hero{padding:22px}.access-total{display:none}.role-summary,.log-summary{grid-template-columns:1fr}.account-card{grid-template-columns:42px 1fr}.account-card .compact-field,.account-actions{grid-column:1/-1}.log-controls,.log-controls form{align-items:stretch;flex-direction:column}.log-controls label{min-width:0}.clear-logs{width:100%}.event-body>header{align-items:flex-start;flex-wrap:wrap}.event-body time{width:100%;margin-left:0}}
.access-hero{background:linear-gradient(135deg,#1c1f24,#15171b)}
