/* One canonical admin sidebar, shared by all Ask Braycom administrative pages. */
.shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}
.shell > .sidebar{box-sizing:border-box;background:#183858;color:#fff;position:sticky;top:0;align-self:start;height:100vh;min-width:0;overflow-y:auto;padding:24px 18px;font-family:Arial,Helvetica,sans-serif}
.shell > .sidebar .brand{font-family:Arial,Helvetica,sans-serif;font-size:25px;line-height:31.25px;font-weight:800;letter-spacing:-1px;margin:4px 8px 28px;white-space:nowrap}
.shell > .sidebar .brand span{color:#17bfe3}
.shell > .sidebar .nav a{display:flex;align-items:center;min-height:44px;gap:10px;box-sizing:border-box;color:#cfe0ea;text-decoration:none;padding:12px 14px;margin:4px 0;border-radius:8px;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:20px;font-weight:400}
.shell > .sidebar .nav a.active,.shell > .sidebar .nav a:hover{background:rgba(255,255,255,.09);color:#fff}
.shell > .sidebar .nav a.active{font-weight:600}
.shell > .sidebar .nav small{display:block;color:#7895a8;text-transform:uppercase;letter-spacing:1px;font-family:Arial,Helvetica,sans-serif;font-size:10px;line-height:15px;font-weight:400;margin:24px 14px 7px}
.shell > .sidebar button{font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:normal}
@media(max-width:900px){.shell{grid-template-columns:1fr}.shell > .sidebar{display:none}}

/* Prevent unauthorized navigation entries flashing before /api/me loads. */
.shell > .sidebar .nav a[data-nav]{visibility:hidden}
.shell > .sidebar .nav a[data-nav][hidden]{display:none!important}


/* Shared customer-facing CTA palette for administrative actions. Keep secondary,
   destructive, success and navigation controls visually distinct. */
.shell main :is(.btn,.button,button.primary,.button.primary):not(.secondary):not(.danger):not(.success):not(.ghost):not(.outline){
  background:#19b9d7;
  border-color:#19b9d7;
  color:#fff;
}
.shell main :is(.btn,.button,button.primary,.button.primary):not(.secondary):not(.danger):not(.success):not(.ghost):not(.outline):hover:not(:disabled){
  background:#10a9c7;
  border-color:#10a9c7;
}
.shell main :is(.btn,.button,button.primary,.button.primary):not(.secondary):not(.danger):not(.success):not(.ghost):not(.outline):focus-visible{
  outline:3px solid #19b9d766;
  outline-offset:2px;
}

/* Consistent Braycom navigation, with cyan only for the current section. */
.shell > .sidebar{background:#193a5b}
.shell > .sidebar .brand span{color:#19b9d7}
.shell > .sidebar .nav a{gap:11px;color:#e4eff7;transition:background .15s ease,color .15s ease}
.shell > .sidebar .nav a.active{background:#19b9d7;color:#fff;font-weight:700}
.shell > .sidebar .nav a:hover:not(.active){background:#ffffff19;color:#fff}
.shell > .sidebar .nav small{color:#90b8d0}
.shell > .sidebar .nav a[data-nav]::before{content:'';display:inline-block;width:18px;height:18px;flex:0 0 18px;background-color:currentColor;mask-size:contain;mask-position:center;mask-repeat:no-repeat}
.shell > .sidebar .nav a[data-nav="overview"]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='7' height='9' rx='1' fill='black'/%3E%3Crect x='14' y='3' width='7' height='5' rx='1' fill='black'/%3E%3Crect x='14' y='12' width='7' height='9' rx='1' fill='black'/%3E%3Crect x='3' y='16' width='7' height='5' rx='1' fill='black'/%3E%3C/svg%3E")}
.shell > .sidebar .nav a[data-nav="proposals"]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 2h9l5 5v13a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zm8 2v4h4zM8 12v2h8v-2zm0 4v2h8v-2z'/%3E%3C/svg%3E")}
.shell > .sidebar .nav a[data-nav="max"]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 2h2v3h-2zM5 7a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-8a3 3 0 0 0-3-3zm2 5a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm10 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4zM8 18h8v2H8z'/%3E%3C/svg%3E")}
.shell > .sidebar .nav a[data-nav="knowledge-base"]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 5C8 2 4 3 2 4v16c4-2 7-1 10 1 3-2 6-3 10-1V4c-4-2-7-1-10 1zm-1 13c-2-1-4-2-7-1V6c3-1 5 0 7 1zm9-1c-3-1-5 0-7 1V7c2-1 4-2 7-1z'/%3E%3C/svg%3E")}
.shell > .sidebar .nav a[data-nav="users"]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm6 0a3 3 0 1 0 0-6 5 5 0 0 1 0 6zM1 21v-3c0-3 4-5 8-5s8 2 8 5v3zm17 0v-3c0-2-1-4-3-5 4 0 8 2 8 5v3z'/%3E%3C/svg%3E")}
.shell > .sidebar .nav a[data-nav="integrations"]::before,.shell > .sidebar .nav a[data-nav="configuration"]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M19.4 13a8 8 0 0 0 0-2l2-1.5-2-3.5-2.4 1a8 8 0 0 0-1.7-1L15 3H9l-.3 3a8 8 0 0 0-1.7 1l-2.4-1-2 3.5 2 1.5a8 8 0 0 0 0 2l-2 1.5 2 3.5 2.4-1a8 8 0 0 0 1.7 1L9 21h6l.3-3a8 8 0 0 0 1.7-1l2.4 1 2-3.5zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8'/%3E%3C/svg%3E")}