:root{font-family:Tahoma,Arial,sans-serif;font-size:13px;color:#101010;--wg-desktop:#3a6d9c;--wg-chrome:#d4d0c8;--wg-navy:#000080;--wg-title-end:#608fbe;--wg-accent:#006777;--wg-title-text:#fff;--wg-panel:#e2e2e2;--wg-selection:#d5d5d5}
*{box-sizing:border-box}
body{margin:0;background:var(--wg-desktop);font:13px Tahoma,Arial,sans-serif}
button,input,select{font:inherit}button{background:var(--wg-chrome);border:2px outset #eee;padding:5px 12px;cursor:pointer;color:#111}button:active{border-style:inset}button:disabled{opacity:.55;cursor:default}
input{background:white;border:2px inset #ddd;padding:6px;width:100%}
.login-mode{min-height:100vh;min-height:100dvh;padding:20px;display:flex;align-items:flex-start;justify-content:center}
.login-shell{width:min(100%,416px);margin-top:clamp(40px,14vh,115px);background:var(--wg-chrome);border:2px solid;border-color:#fff #444 #444 #fff;box-shadow:1px 1px 0 #222}
.login-title{height:19px;padding:2px 3px;font-size:11px;line-height:13px;font-weight:bold;background:linear-gradient(90deg,var(--wg-navy),var(--wg-title-end));color:var(--wg-title-text)}
.login-banner{height:109px;background:linear-gradient(125deg,#fff 72%,var(--wg-chrome));border-bottom:4px solid var(--wg-accent);display:flex;align-items:center;justify-content:center;gap:12px;padding:9px 16px}
.login-banner img{width:65px;height:65px;object-fit:contain}
.login-brand{line-height:1.02;color:#090909;min-width:0}.login-brand strong{font-size:29px;letter-spacing:-1.4px;display:block;white-space:nowrap}.login-brand span{display:block;font-size:15px;font-weight:bold}.login-brand small{display:block;font-size:10px;margin-top:5px}
.login-content{padding:14px 11px 12px}.login-grid{display:grid;grid-template-columns:76px minmax(0,1fr);gap:7px 9px;align-items:center}
.login-grid label{font-size:11px;font-weight:normal;margin:0}.login-grid input{height:22px;min-width:0;padding:2px 5px;font-size:12px}
.login-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:17px}.login-actions button{min-width:75px;height:25px;padding:2px 7px;font-size:11px}
.error{font-size:11px;color:#800000;min-height:15px}
.management-mode{padding:13px}.window{max-width:950px;margin:0 auto;background:var(--wg-chrome);border:2px solid;border-color:#fff #444 #444 #fff;box-shadow:1px 1px 0 #222}
.window-title{background:linear-gradient(90deg,var(--wg-navy),var(--wg-title-end));color:var(--wg-title-text);font-size:12px;font-weight:bold;padding:4px 7px}
.window-body{padding:14px}.muted{color:#444;font-size:12px}.notice{min-height:20px;color:#800000}
.table-wrap{overflow:auto;max-height:50vh;background:#fff;border:2px inset #aaa;margin:12px 0}
table{width:100%;border-collapse:collapse;font-size:12px}td,th{border:1px solid #aaa;text-align:left;vertical-align:top;padding:6px 7px}th{background:var(--wg-selection);position:sticky;top:0}
fieldset{margin:12px 0;border:2px groove #eee;padding:12px;background:var(--wg-panel)}legend{font-weight:bold}
label{display:block;margin:8px 0 3px;font-weight:bold}.row{display:flex;gap:8px;flex-wrap:wrap}.row>*{flex:1;min-width:180px}
.permissions{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:7px;margin:12px 0}.permissions label{font-weight:normal;margin:0}
input[type=checkbox]{width:auto}h2{font-size:15px}
@media(max-width:460px){.login-mode{padding:10px}.login-shell{margin-top:12vh}.login-banner{height:94px;gap:7px;padding:7px}.login-banner img{width:52px;height:52px}.login-brand strong{font-size:24px}.management-mode{padding:6px}}

/* Keep the independent User Management window aligned with the live desktop palette. */
.management-mode .window-body{background:var(--wg-chrome)}
.management-mode .window-title{user-select:none}
.management-mode .permissions{background:var(--wg-panel);border:2px inset #fff;padding:10px}
.management-mode .permissions label{display:flex;align-items:center;gap:6px}
.management-mode .permissions input{flex:none}
.management-mode .notice:not(:empty){background:var(--wg-panel);border:1px solid #999;padding:7px;margin:6px 0}
.management-mode button:focus-visible{outline:1px dotted #111;outline-offset:-5px}

/* Inside Wolfsgate Explorer, the desktop owns the title bar and window chrome. */
body.embedded-management {padding:0; background:var(--wg-chrome); min-height:100%; }
.embedded-management .window {max-width:none; margin:0; border:0; box-shadow:none; }
.embedded-management .window-title {display:none}
.embedded-management .window-body {padding:12px; min-height:100vh}