
.admin-shell {
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
    background: #fff;
    color: #263238;
    font-family: Arial, Helvetica, sans-serif;
}

/* Header */
.admin-statusbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 0 0 auto;
    gap: 12px;
    min-height: 34px;
    padding: 6px 16px;
    box-sizing: border-box;
    border-top: 1px solid #cbd5d9;
    background: #f3f5f6;
    color: #52666e;
    font-size: 12px;
    line-height: 20px;
    flex-wrap: wrap;
}

.admin-header {
    height: 55px;
    flex: 0 0 55px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px 0 4px;
    background: #fff;
    border-bottom: 1px solid #dce2e5;
    box-sizing: border-box;
}

.admin-header-left,
.admin-header-right {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}
.admin-header-left {
    gap: 0;
    flex: 1;
}
.admin-header-right { flex-shrink: 0; }
.admin-logo {
    display: flex;
    align-items: center;
    margin-inline-start: 5px;
    padding: 5px 0 0 0;
}

    .admin-logo img {
        display: block;
        width: auto;
        height: 38px;
        max-width: 190px;
        object-fit: contain;
    }

.admin-header-title {
    border-left: 1px solid #dce2e5;
    padding-left: 12px;
    font-size: 18px;
    color: #52666e;
    white-space: nowrap;
}

.admin-username {
    font-size: 12px;
    color: #52666e;
}

.admin-header-separator { flex: 0 0 2px; height: 20px; margin: 0 14px; align-self: center; background: #44616a; }
.admin-page-title { min-width: 0; margin: 0 16px 0 0; color: #52666e; font-size: 18px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.admin-logout {
    height: 29px;
    background: white;
    border: 1px solid #bdc9ce;
    border-radius: 3px;
    padding: 0 10px;
    font-size: 12px;
    color: #34454b;
    cursor: pointer;
}

    .admin-logout:hover {
        background: #edf3f5;
    }

/* Content */

.admin-main {
    /*
    flex: 1;
    min-width: 0;
    padding: 12px 16px;
    background: white;
    box-sizing: border-box;
        */
    flex: 1;
    min-width: 0;
    padding: 12px 16px;
    background: white;
    box-sizing: border-box;
}


html,body{margin:0}body{font-size:16px;line-height:normal}a{color:#44616a}h1:focus{outline:none}.admin-logo{text-decoration:none}.admin-main{width:100%}.admin-header-left{min-width:0}.admin-statusbar span{white-space:nowrap}.orion-language-options form{margin:0}
.admin-shell .tradia-auth :is(button,a).button-green.button-green,.admin-shell .tradia-account-page :is(button,a):is(.button-green,.button-blue,.button-red,.button-gray){font-size:16px}
.tradia-form-feedback .validation-summary-valid{display:none}.validation-summary-errors ul{list-style:none;padding:0;margin:0}.field-validation-error{color:#c51d2a;font-size:12px}.tradia-pending-auth-qr svg{width:196px;height:196px;max-width:100%}
.sirius-home{display:flex;flex-wrap:wrap;align-content:space-evenly;justify-content:center;height:60vh;width:100%;text-align:center}
@media(max-width:700px){.admin-header{padding-right:8px}.admin-header-title,.admin-header-separator,.admin-username{display:none}.admin-main{padding:8px}}
.admin-site-separator{display:block;flex:0 0 1px;height:22px;margin:0 12px;background:#44616a;align-self:center}.admin-header-title{border:0;padding:0;display:block}
.backup-steps{padding-left:22px;margin:0 0 16px;font-size:13px;line-height:1.6;color:#52666e}.backup-steps li{margin-bottom:12px}.backup-settings{width:100%;border-collapse:collapse;font-size:12px;line-height:1.5;margin:12px 0}.backup-settings th,.backup-settings td{text-align:left;padding:10px 8px;border-bottom:1px solid #dce2e5;vertical-align:top}.backup-settings code{overflow-wrap:anywhere}.backup-settings th{color:#263b43}.backup-settings td{color:#52666e}
/* Focus keeps editable and neutral controls white; borders still indicate keyboard focus. */
body.admin-shell :is(input,textarea,select):focus{background:#fff}
body.admin-shell .reference-icon:focus-visible,body.admin-shell .orion-language-options button:focus-visible,body.admin-shell .menu-tree-moves button:focus-visible{background:#fff}
body.admin-shell .admin-menu-toggle:focus-visible .hamburger-lines span{background:#44616a}
body.admin-shell .orion-navigation details.admin-menu .admin-menu-toggle:focus-visible{background:#fff}
