/* Additions for the staff portal, using the original Borey Chancastle tokens. */
nav a{background:none;color:#bbcee3;text-align:left;padding:13px 14px;border-radius:8px;display:flex;align-items:center;gap:12px;font-size:15px;text-decoration:none}
nav a svg{width:20px;height:20px;flex:none}
nav a.active{background:#2b496b;color:white}
nav a:hover{background:#244260}
nav{display:flex;flex-direction:column;gap:4px}
.btn.primary{background:var(--nav);color:white;border-color:var(--nav)}
.btn.danger{color:var(--red)}
.btn:disabled{opacity:.6;cursor:not-allowed}
.panel-body{padding:20px 23px}
.row-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--ink)}
.form-grid input,.form-grid select,.panel select{padding:10px 12px;border:1px solid #ccd8e6;border-radius:7px;font:inherit;background:white;color:var(--ink)}
.invite-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}
.perm-matrix th{font-size:13px;text-align:center}
.perm-matrix td,.perm-matrix th{padding:10px 12px;border-bottom:1px solid var(--line)}
.perm-matrix input{width:18px;height:18px;accent-color:var(--nav)}
.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px}
.auth-card{background:white;border:1px solid var(--line);border-radius:12px;padding:32px;width:100%;max-width:440px;border-top:5px solid #c9a34a}
.auth-card h1{font-size:22px;margin:18px 0 14px;color:var(--ink)}
.auth-top{display:flex;justify-content:flex-end}
.auth-brand{display:flex;align-items:center;gap:14px;background:var(--nav);color:white;border-radius:10px;padding:14px 16px;margin-top:12px}
.auth-brand .borey-brand-logo{height:56px;width:auto}
.auth-brand .secondary{color:#a7bbd4}
.auth-brand-name{font-size:22px;font-weight:750;letter-spacing:-.5px}
.auth-form{grid-template-columns:1fr!important}
.link-btn{background:none;border:0;color:var(--blue);font-size:14px;cursor:pointer;text-align:center;padding:4px;text-decoration:none}
@media(max-width:850px){nav{flex-direction:row}nav a{white-space:nowrap;padding:9px 11px;font-size:14px}.invite-grid{grid-template-columns:1fr}}
.account-links{display:flex;flex-direction:column;gap:2px;margin-top:auto;padding-top:14px;border-top:1px solid #2b496b}
.account-links a,.account-links button{color:#bbcee3;background:none;border:0;text-align:left;padding:8px 14px;border-radius:7px;font-size:14px;text-decoration:none;cursor:pointer;font:inherit}
.account-links a:hover,.account-links button:hover{background:#244260;color:white}
.account-role{font-size:12px;color:#a7bbd4;padding:4px 14px}
.legacy-host aside .aside-foot{margin-top:12px}
.borey-loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--muted);font-size:18px;z-index:5}
.void-stamp{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%) rotate(-18deg);font-size:96px;font-weight:800;color:#b6344255;border:8px solid #b6344255;padding:0 30px;border-radius:12px;pointer-events:none;z-index:3}
@media(max-width:850px){.account-links{flex-direction:row;flex-wrap:wrap;border-top:0}}
.progress-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;align-items:end}
.progress-form label{display:flex;flex-direction:column;gap:4px;font-size:13px}
.progress-form .wide{grid-column:1/-1}
.progress-form button{grid-column:1/-1;justify-self:start}
.legacy-host.panel-open #app{display:none}
.legacy-host:not(.panel-open) #borey-panel{display:none}
.legacy-host.panel-open nav button.active{background:none;color:#bbcee3}
.account-links a.active{background:#2b496b;color:white}
.legacy-host aside .aside-foot{display:none}
.designer-page{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--bg)}
.designer-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 18px;background:var(--nav);color:#fff}
.designer-title{display:grid;line-height:1.2}.designer-title small{color:#bbcee3;font-size:12px}.designer-title b{font-size:20px}
.designer-rooms{margin-left:auto}.designer-customer{display:flex;align-items:center;gap:8px;font-size:14px;color:#d6e4f4}
.designer-frame{flex:1;width:100%;border:0;display:block}
.designer-bar .designer-rooms{display:flex;flex-direction:row;gap:4px;background:#2b496b;padding:4px;border-radius:8px}
.designer-bar .designer-rooms button{background:none;color:#d6e4f4;padding:8px 14px;border-radius:6px;font-size:14px;white-space:nowrap}
.designer-bar .designer-rooms button.on{background:#fff;color:var(--ink);font-weight:600}
/* Restore Borey colour tokens overridden by the app theme (styles.css also defines --muted). */
html body{--muted:#637489;--line:#e2e8f0;--bg:#f3f6fa;--ink:#172a41}