/* Layout shell -------------------------------------------------------------
   Le theme Godlike laisse le footer suivre naturellement le contenu. Sur les
   pages courtes ou les ecrans tres larges, cela fait remonter le footer au
   milieu de l'ecran. On transforme le conteneur principal en colonne flex :
   le contenu reste en haut, le footer est pousse en bas du viewport. */
.app-layout-shell {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.app-layout-shell > .nk-footer {
    margin-top: auto;
}

.app-layout-shell > .nk-header-title,
.app-layout-shell > .nk-block,
.app-layout-shell > .nk-box,
.app-layout-shell > .container,
.app-layout-shell > .container-fluid {
    width: 100%;
}

/* Sidebar workspace --------------------------------------------------------
   La zone compte regroupe l'identite, l'acces profil, la recherche et les
   notifications. Cela evite l'icone de recherche isolee sous le logo. */
#nk-navbar-workspace .workspace-logo-row {
    padding: 24px 20px 12px;
    text-align: center;
}

#nk-navbar-workspace .workspace-account-card {
    padding: 14px;
    margin: 8px 18px 18px;
    text-align: left;
    background: rgba(255, 255, 255, .035);
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 6px;
}

#nk-navbar-workspace .workspace-account-main {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    color: inherit;
}

#nk-navbar-workspace .workspace-account-main:hover {
    color: inherit;
    text-decoration: none;
}

#nk-navbar-workspace .workspace-account-avatar {
    display: flex;
    width: 52px;
    height: 52px;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: "Marcellus SC", serif;
    font-size: 23px;
    font-weight: 700;
    background: linear-gradient(135deg, #c3974a 0%, #8b6914 100%);
    border: 2px solid rgba(195, 151, 74, .45);
    border-radius: 50%;
}

#nk-navbar-workspace .workspace-account-identity {
    display: block;
    min-width: 0;
}

#nk-navbar-workspace .workspace-account-name,
#nk-navbar-workspace .workspace-account-firstname,
#nk-navbar-workspace .workspace-account-role {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#nk-navbar-workspace .workspace-account-name {
    color: #fff;
    font-family: "Marcellus SC", serif;
    font-size: 13px;
    line-height: 1.25;
}

#nk-navbar-workspace .workspace-account-firstname {
    margin-top: 2px;
    color: rgba(255, 255, 255, .55);
    font-size: 11px;
    line-height: 1.2;
}

#nk-navbar-workspace .workspace-account-role {
    margin-top: 5px;
    color: #c3974a;
    font-size: 10px;
    line-height: 1.2;
    text-transform: uppercase;
}

#nk-navbar-workspace .workspace-account-actions {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    padding-top: 12px;
    margin-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, .08);
}

#nk-navbar-workspace .workspace-icon-action {
    position: relative;
    display: flex;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, .82);
    background: rgba(0, 0, 0, .28);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 4px;
}

#nk-navbar-workspace .workspace-icon-action:hover,
#nk-navbar-workspace .workspace-icon-action:focus {
    color: #fff;
    background: rgba(195, 151, 74, .18);
    border-color: rgba(195, 151, 74, .45);
    text-decoration: none;
}

#nk-navbar-workspace .workspace-icon-action .nk-badge {
    position: absolute;
    top: -6px;
    right: -6px;
}

.workspace-notifications-modal .modal-title {
    display: flex;
    gap: 10px;
    align-items: center;
}

.workspace-notifications-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.workspace-notifications-list > li {
    padding: 16px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.workspace-notifications-list > li:first-child {
    padding-top: 0;
}

.workspace-notifications-list > li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.workspace-notifications-list strong,
.workspace-notifications-list span,
.workspace-notifications-list time {
    display: block;
}

.workspace-notification-type {
    margin-bottom: 6px;
    color: #c3974a;
    font-size: 10px;
    line-height: 1.2;
    text-transform: uppercase;
}

.workspace-notifications-list strong {
    margin-bottom: 6px;
    color: #fff;
    font-family: "Marcellus SC", serif;
    font-size: 15px;
    line-height: 1.3;
}

.workspace-notifications-list span:not(.workspace-notification-type) {
    color: rgba(255, 255, 255, .72);
    font-size: 14px;
    line-height: 1.45;
}

.workspace-notifications-list time,
.workspace-notifications-empty {
    margin-top: 8px;
    color: rgba(255, 255, 255, .42);
    font-size: 12px;
}

/* Formulaire de connexion --------------------------------------------------
   Reprend a l'identique les regles du template Joomla de /rapports
   (templates/inochi_public/css/inochi_public.css, non personnalisable) pour
   que les deux espaces affichent le meme formulaire. */
.nk-sign-form .nk-sign-form-title {
    margin-bottom: 0;
    color: #fff;
    font-family: "Marcellus SC", serif;
    letter-spacing: 2px;
}

.nk-sign-form-simple .form-control {
    width: 100%;
    height: 48px;
    margin-bottom: 28px;
    padding: 0 16px;
    color: #fff;
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 0;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    box-shadow: none;
    transition: border-color .2s ease;
}

.nk-sign-form-simple .form-control:focus {
    outline: none;
    color: #fff;
    background: rgba(255, 255, 255, .08);
    border-color: rgba(255, 255, 255, .5);
}

.nk-sign-form-simple .form-control::placeholder {
    color: rgba(255, 255, 255, .35);
    font-size: 12px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.nk-sign-form-simple .nk-sign-form-remember {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 20px;
    color: rgba(255, 255, 255, .5);
    font-family: "Roboto Condensed", sans-serif;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    cursor: pointer;
}

.nk-sign-form-simple .nk-sign-form-remember input {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    margin: 0;
    cursor: pointer;
}

.nk-sign-form-simple .nk-sign-form-submit {
    display: block;
    width: 100%;
    height: 48px;
    margin-bottom: 20px;
    color: #fff;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 0;
    font-family: "Marcellus SC", serif;
    font-size: 13px;
    letter-spacing: 3px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background .2s ease, border-color .2s ease;
}

.nk-sign-form-simple .nk-sign-form-submit:hover,
.nk-sign-form-simple .nk-sign-form-submit:focus {
    background: rgba(255, 255, 255, .1);
    border-color: #fff;
}