/* Nomad DMS workbench palette, dimensions, panels, and navigation. */
.backend-workbench { display:flex; min-height:100vh; flex-direction:column; background:#eef2f5; color:#0f172a; letter-spacing:0; }
.backend-topbar { background:#081b2d; color:white; border-bottom:1px solid #334155; box-shadow:0 8px 24px rgb(8 27 45 / .18); }
.backend-topbar-row { display:flex; min-height:56px; flex-wrap:wrap; align-items:center; gap:16px; padding:12px 24px; }
.backend-brand { font-size:18px; font-weight:700; text-transform:uppercase; letter-spacing:.025em; color:white; }
.backend-access { border:1px solid rgb(147 197 253 / .6); border-radius:4px; padding:4px 12px; font-size:12px; font-weight:600; text-transform:uppercase; color:#dbeafe; }
.backend-identity { margin-left:auto; display:flex; flex-wrap:wrap; align-items:center; gap:12px; color:#e2e8f0; font-size:12px; }
.backend-environment-label { text-transform:uppercase; letter-spacing:.025em; color:#94a3b8; }
.backend-environment { border:1px solid #64748b; border-radius:4px; padding:4px 12px; font-weight:600; }
.backend-online { display:flex; align-items:center; gap:8px; }
.backend-status-dot { display:inline-block; width:10px; height:10px; border-radius:50%; background:#34d399; }
.backend-user { border-left:1px solid #475569; padding:8px 0 8px 12px; font-weight:600; }
.backend-navigation { display:flex; min-height:44px; gap:8px; padding:0 24px; border-top:1px solid rgb(51 65 85 / .7); }
.backend-tabs { display:flex; flex:1; min-width:0; gap:8px; overflow-x:auto; }
.backend-tab { display:flex; flex-shrink:0; cursor:pointer; appearance:none; align-items:center; gap:8px; border-bottom:2px solid transparent; padding:12px 16px; font-size:14px; font-weight:600; color:#e2e8f0; transition:color .15s,border-color .15s; }
.backend-tab:hover { border-color:#93c5fd; color:white; }
.backend-tab.is-active { border-color:#60a5fa; color:white; }
.backend-alert-link { display:flex; align-items:center; gap:8px; padding:0 12px; color:#fcd34d; font-size:14px; font-weight:600; }
.backend-messages { padding:12px 16px 0; }
.backend-messages:empty { padding:0; }
.backend-main { flex:1; padding:12px 16px 16px; }
.backend-content { display:flex; flex-direction:column; gap:12px; min-width:0; }
.backend-content .app-card, .backend-card { border-radius:6px; border:1px solid #e2e8f0; background:white; box-shadow:0 1px 2px rgb(2 6 23 / .05); padding:16px; }
.backend-content h1 { font-size:18px; font-weight:700; color:#020617; }
.backend-content h2 { font-size:16px; font-weight:600; color:#020617; }
.backend-content .btn, .backend-content .input, .backend-content .select { border-radius:6px; }
.backend-content .btn-primary { background:#1e40af; border-color:#1e40af; color:white; }
.backend-content .btn-primary:hover { background:#1e3a8a; }
.backend-content .table { color:#0f172a; }
.backend-content .table th { color:#64748b; }
.backend-content .table td, .backend-content .table th { border-color:#e2e8f0; }
.backend-footer { display:flex; flex-wrap:wrap; align-items:center; gap:16px; min-height:56px; border-top:1px solid #334155; background:#081b2d; padding:12px 16px; font-size:12px; color:#e2e8f0; }
.backend-divider { color:#64748b; }
.backend-return { margin-left:auto; }
@media (max-width:767px) { .backend-topbar-row { padding:12px 16px; } .backend-identity { margin-left:0; } .backend-navigation { padding:0 12px; } .backend-tab { padding:12px; } .backend-environment-label, .backend-online { display:none; } }