/* Stage 1.16 (the night of 17→18 Oct): the layout of the pages of one zone (Utilizatori, Roluri și permisiuni, Setări, Contul meu), after the common pieces (ace-panel-ui.css).
   Only the arrangement (grid, flex, gaps, widths) under the page's own class, and only with the theme's tokens (var(--acs-*)): no colors,
   no shadows, no radii of its own. What two zones need becomes a common piece. */

/* P-Accese (Roluri și permisiuni): the role's table of 6 columns, its sub-rows, the places, "Pornește de la". */
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-perm {
    display: grid;
    gap: var(--acs-space-3);
    min-width: 0;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-perm-table {
    min-width: 640px;
    table-layout: fixed;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-perm-table thead th:first-child {
    width: 34%;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-perm-table .is-cell {
    text-align: center;
    vertical-align: middle;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-perm-table thead .is-cell .ace-c-status {
    display: table;
    margin: var(--acs-space-1) auto 0;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-perm-table tr.is-sub > th {
    padding-inline-start: calc(var(--acs-space-6) + var(--acs-space-3));
    font-weight: 400;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-perm-table tr.is-zone > th {
    font-weight: 600;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-perm-table tr.is-zone > th,
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-perm-table tr.is-sub > th {
    white-space: normal;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-perm-toggle {
    margin-inline-start: var(--acs-space-2);
    min-height: 0;
    padding: 0 var(--acs-space-2);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-perm-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    min-height: 32px;
    margin: 0;
    cursor: pointer;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-perm-box input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin: 0;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-perm-place {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--acs-space-2) var(--acs-space-3);
    padding-inline-start: calc(var(--acs-space-6) + var(--acs-space-3));
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-perm-place select {
    width: 240px;
    max-width: 100%;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-perm-starts {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--acs-space-2);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-perm-starts[hidden] {
    display: none;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-perm-counter {
    white-space: nowrap;
}
/* The row headers of a table read as names, not as column labels (acpanel.css writes every .acp-table th in capitals). */
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] [class*="ace-people-"] .ace-c-table tbody th {
    text-transform: none;
    letter-spacing: normal;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-perm-pick {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--acs-space-3);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-role,
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-roles,
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-role-form {
    display: grid;
    /* (Stage 1.16e, round 6: the scale's space between cards.) */
    gap: var(--acs-card-gap);
    min-width: 0;
}

/* P-Setari, P-Firma: the cards of a group two by two, those of a row of the same height (one under another below 1024 px); a card's row is the name
   (0.9) beside its box (1.1), the box filling its side; on a phone the box goes under the name. The overview's 7 group cards fill the row. */
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-set > .ace-c-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-set-overview > .ace-c-grid {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-set .ace-c-row {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: var(--acs-space-3);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-set .ace-c-row dd {
    min-width: 0;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-set .ace-c-row dd > .ace-c-field {
    width: 100%;
    min-width: 0;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-set-wide {
    grid-column: 1 / -1;
}
@media (max-width: 1023px) {
    :root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-set:not(.ace-people-set-overview) > .ace-c-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}
@media (max-width: 520px) {
    :root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-set .ace-c-row {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--acs-space-2);
    }
    :root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-set .ace-c-row dd {
        justify-content: flex-start;
        text-align: start;
    }
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-role-form .ace-c-card-body {
    display: grid;
    gap: var(--acs-space-4);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-set-overview .ace-c-row {
    grid-template-columns: minmax(0, 1fr);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-set-overview .ace-c-card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    gap: var(--acs-space-4);
}

/* P-Utilizatori (the list): the pills of the states beside the search. */
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-users {
    display: grid;
    gap: var(--acs-space-5);
    min-width: 0;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-users-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--acs-space-3);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-users .ace-c-row-actions form {
    margin: 0;
}

/* P-Profil (Contul meu: Profil, Securitate, Preferințele notificărilor, Datele mele): the hours of the quiet card and the first code of
   two-step sign-in as fields of 240 px side by side; a row's one-button form sits in its row. */
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-prof-fields,
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-prof-inline {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--acs-space-3) var(--acs-space-4);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-prof-fields > .ace-c-field,
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-prof-inline > .ace-c-field {
    width: 240px;
    max-width: 100%;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-prof .ace-c-row dd form,
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-prof .ace-c-row-actions form {
    margin: 0;
}
/* P-UtilizatorNou: two cards on a row, as the mockup; the fields of a card apart. */
@media (min-width: 900px) {
    :root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-user-form .ace-c-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-user-form {
    display: grid;
    gap: var(--acs-space-5);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-user-form .ace-c-card-body {
    display: grid;
    gap: var(--acs-space-4);
    align-content: start;
}
/* P-Firma-Editor: the text's card wider than "Publicare". */
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-set-editor > .ace-c-grid {
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
}

/* P-Utilizatori: Sesiuni, Chei API, Date personale */
/* The blocks of the three tabs (and of the access log) one under another; the red round X of a row (an icon button), as wide as it is tall;
   the fields of a window that asks for several things one under another; a person's search beside its button. */
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-acc {
    display: grid;
    gap: var(--acs-space-5);
    min-width: 0;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-acc .ace-c-card-body > .ace-c-list-foot {
    margin-top: var(--acs-space-3);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-acc .ace-c-btn.is-danger[aria-label] {
    width: 40px;
    padding: 0;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-acc-fields {
    display: grid;
    gap: var(--acs-space-3);
    min-width: 0;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-acc-search {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--acs-space-3);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-acc-search .ace-c-field {
    width: 360px;
    max-width: 100%;
}
/* P-Admin: the four areas on one row on a wide screen, as the mockup's tiles. */
@media (min-width: 1200px) {
    :root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-admin-areas .ace-c-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* P-SecuritateDetalii (Securitate · detalii: Adrese IP blocate, Integritatea fișierelor, Intrare cu Google și alții, Anti-bot și Cloudflare):
   the forms inside a card (their fields one under another), Cloudflare's addresses in columns. */
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-sec-form {
    display: grid;
    gap: var(--acs-space-4);
    min-width: 0;
    margin: 0;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-sec-ranges {
    display: grid;
    gap: var(--acs-space-3);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-sec-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: var(--acs-space-2) var(--acs-space-4);
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Stage 1.16b (18 Oct; DE-FACUT.md 6.3, P-Accese-Culoare): a role's color at a name and on its pill (RoleLook). The two readable colors
   come from the role (--ace-role-l on the light theme, --ace-role-d on the dark one, each at 4.5:1); the effects move only for whoever
   did not ask for less motion. */
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-role-name.has-color,
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-role-chip.has-color {
    --ace-role: var(--ace-role-l);
    --ace-role2: var(--ace-role-l2);
    color: var(--ace-role);
    font-weight: 600;
}
:root[data-ace-theme="dark"] body[data-ace-theme-scope="acpanel"] .ace-role-name.has-color,
:root[data-ace-theme="dark"] body[data-ace-theme-scope="acpanel"] .ace-role-chip.has-color {
    --ace-role: var(--ace-role-d);
    --ace-role2: var(--ace-role-d2);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-role-chip.has-color {
    background: color-mix(in srgb, var(--ace-role) 14%, transparent);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-role-name.is-gradient {
    background: linear-gradient(90deg, var(--ace-role), var(--ace-role2), var(--ace-role));
    background-size: 200% auto;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    animation: ace-role-shift 3s linear infinite;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-role-name.is-glow {
    animation: ace-role-glow 3s ease-in-out infinite;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-role-name.is-pulse,
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-role-name.is-rainbow {
    animation: ace-role-pulse 3s ease-in-out infinite;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-role-name.is-rainbow {
    text-decoration: underline;
    text-decoration-color: var(--ace-role2);
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-role-name.is-slow {
    animation-duration: 6s;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-role-name.is-fast {
    animation-duration: 1.5s;
}
@keyframes ace-role-shift {
    to {
        background-position: 200% center;
    }
}
@keyframes ace-role-glow {
    50% {
        text-shadow: 0 0 10px var(--ace-role);
    }
}
@keyframes ace-role-pulse {
    50% {
        opacity: 0.7;
    }
}
@media (prefers-reduced-motion: reduce) {
    :root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-role-name.has-color {
        animation: none;
    }
}
/* Stage 1.16b (bug 14): the email guide: "Unde e emailul tău?" across the card, its choices wrapping; "Detalii server" and "Avansat" open
   under it. */
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-mail-where {
    display: grid;
    gap: var(--acs-space-2);
    margin-bottom: var(--acs-space-3);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-mail-where .ace-c-seg {
    /* Stage 1.16b (E1.16b-VERIFICARE, point 14): the four choices share the row (none left alone on a second one); two by two when narrow. */
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    justify-self: stretch;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-mail-where .ace-c-seg label,
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-mail-where .ace-c-seg span {
    width: 100%;
    min-width: 0;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-mail-where .ace-c-seg span {
    padding: 6px 10px;
    text-align: center;
    white-space: normal;
}
/* Stage 1.16e (round 2 of the theme chat, 3): two by two whenever the card is narrow (at 1024 too), the chosen one inside its shape. */
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-mail-where {
    container-type: inline-size;
}
@container (max-width: 520px) {
    :root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-mail-where .ace-c-seg {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        border-radius: var(--acs-radius-sm);
    }
    :root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-mail-where .ace-c-seg span {
        border-radius: var(--acs-radius-sm);
    }
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-mail-more {
    margin-top: var(--acs-space-3);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-mail-more > summary {
    cursor: pointer;
    padding: var(--acs-space-2) 0;
    font-weight: 600;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] #mail-guide > .ace-c-actions {
    margin-top: var(--acs-space-4);
}
/* P-Accese: the bar over the roles' table, the area, the count and the search on one row; "Vezi ca" and the permissions at its end.
   (Stage 1.16e, round 6: a row as over the other lists, not a card.) */
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-roles-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--acs-space-3);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-roles-bar > .ace-c-list-foot {
    flex: 1 1 auto;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-roles-bar > .ace-c-actions {
    margin: 0 0 0 auto;
}
/* P-Accese: "Editează" and the red X on one line. */
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-role-actions {
    display: inline-flex;
    align-items: center;
    gap: var(--acs-space-2);
    white-space: nowrap;
}
/* Stage 1.16b (P-Profil "Poza"): the picture or the initial, round, with its buttons on one row. */
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-avatar-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--acs-space-2);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-avatar {
    display: inline-grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius:var(--acs-radius-pill);
    object-fit: cover;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-avatar.is-initials {
    background: var(--acs-primary);
    color: var(--acs-white);
    font-weight: 600;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-avatar-row label.ace-c-btn {
    cursor: pointer;
}
/* Stage 1.16b (P-UtilizatorNou): with "Invitație pe email" chosen the password is not asked. */
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-user-form:has(input[name="first"][value="invite"]:checked) .ace-people-user-password {
    display: none;
}
/* Stage 1.16b (18 Oct; AcPanelWidthsTest at 768 px): in Contul meu's rows a value that does not fit beside its label (a list as long as
   "Fusul orar", whose widest name sets its width, or a long email) goes under it, on the right, and a list shrinks to its column
   instead of pushing the page past the right edge. */
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-prof .ace-c-row {
    flex-wrap: wrap;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-prof .ace-c-row > dt {
    flex: 1 1 120px;
    min-width: 0;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-prof .ace-c-row > dd {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}
/* (Stage 1.16e, round 5: only a value goes to the right; a field, a list or a switch stays beside its name, the common form row.) */
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-prof .ace-c-row:not(:has(> dd :is(input:not([type="hidden"]), select, textarea, .ace-c-switch))) > dd {
    margin-left: auto;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-prof .ace-c-row > dd > .ace-c-filter {
    min-width: 0;
    max-width: 100%;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-prof .ace-c-row > dd > .ace-c-filter select {
    min-width: 0;
    max-width: 100%;
    text-overflow: ellipsis;
}
/* Stage 1.16b (18 Oct; bug 18, P-MeniulACPanel, P-MeniulACPanel-Echipa, P-Iconite): Meniul panoului. On top the three menus and the
   note; the short list on the left (42 px rows), "Așa arată meniul tău" (and "La prima intrare") on the right, 340 px; one under
   another on a tablet and a phone. Layout only; the colours are the panel's tokens. */
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 16px;
    margin: 0 0 18px;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__scopes {
    display: inline-flex;
    gap: 2px;
    padding: 3px;
    border: 1px solid var(--acs-border);
    border-radius: var(--acs-radius-pill);
    background: var(--acs-segment-bg);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__scope {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 18px;
    border-radius: var(--acs-radius-pill);
    color: var(--acs-muted);
    font-size: var(--acs-fs-sm);
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] a.acp-menued__scope:hover {
    color: var(--acs-text);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__scope.is-on {
    background: var(--acs-primary-gradient);
    box-shadow: var(--acs-primary-shadow);
    color: var(--acs-on-primary);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__scope.is-off {
    opacity: 0.5;
    cursor: not-allowed;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__role {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__note {
    margin: 0;
    color: var(--acs-muted);
    font-size: var(--acs-fs-sm);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued {
    display: grid;
    /* (Stage 1.16e, round 5: the rows' card as wide as a form, the preview beside it, on a wide screen too.) */
    grid-template-columns: minmax(0, var(--acs-form-card-max)) minmax(0, 340px);
    justify-content: start;
    gap: 18px;
    align-items: start;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued .ace-c-card {
    margin: 0;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__right {
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-width: 0;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued .ace-c-card-actions small {
    color: var(--acs-muted);
    font-size: var(--acs-fs-xs);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__list {
    position: relative;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__section + .acp-menued__section {
    margin-top: 6px;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__section-head {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 34px;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__section-fold {
    display: inline-flex;
    flex: 1 1 auto;
    align-items: center;
    gap: 10px;
    color: var(--acs-muted);
    font-size: var(--acs-fs-xs);
    font-weight: 600;
    letter-spacing: 0.1em;
    text-decoration: none;
    text-transform: uppercase;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__section-fold > svg,
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__fold > svg {
    transition: transform 0.15s ease;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__section-fold[aria-expanded="true"] > svg,
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__fold[aria-expanded="true"] > svg {
    transform: rotate(90deg);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__lock {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--acs-muted);
    font-size: var(--acs-fs-xs);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__row {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    margin-top: 2px;
    padding: 0 8px 0 4px;
    border: 1px solid transparent;
    border-radius: var(--acs-radius-sm);
    box-sizing: border-box;
    color: var(--acs-text);
    cursor: pointer;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__row:hover {
    background: var(--acs-sidebar-hover);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__row.is-on {
    border-color: var(--acs-primary);
    background: var(--acs-primary-soft);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__row.is-child {
    margin-left: 26px;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__group.is-flat .acp-menued__row.is-child {
    margin-left: 0;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__row.is-dragging {
    opacity: 0.5;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__row.is-hidden .acp-menued__icon,
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-content:not(.is-webpanel-content) .acp-menued .acp-menued__row.is-hidden .acp-menued__name input[data-menued-label]:not([type="checkbox"]) {
    opacity: 0.45;
    text-decoration: line-through;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__grip,
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__eye,
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__fold {
    display: inline-grid;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: var(--acs-radius-sm);
    background: transparent;
    color: var(--acs-muted);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__grip {
    flex-basis: 20px;
    width: 20px;
    cursor: grab;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-content:not(.is-webpanel-content) .acp-menued form .acp-menued__row button.acp-menued__grip[type="submit"],
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-content:not(.is-webpanel-content) form .acp-menued .acp-menued__row button.acp-menued__grip[type="submit"] {
    border: 0;
    background: transparent;
    color: var(--acs-muted);
    font-weight: 400;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__more .ace-c-more-button {
    width: 28px;
    height: 28px;
    min-height: 28px;
    border-color: transparent;
    background: transparent;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__grip:focus-visible,
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__icon:focus-visible,
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__fold:focus-visible,
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__eye:focus-within {
    outline: 2px solid var(--acs-primary);
    outline-offset: 1px;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__icon {
    display: inline-grid;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    place-items: center;
    padding: 0;
    border: 1px solid var(--acs-border);
    border-radius: var(--acs-radius-sm);
    background: var(--acs-surface);
    color: var(--acs-sidebar-icon-muted);
    cursor: pointer;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__row.is-head .acp-menued__icon {
    border-color: var(--acs-sidebar-tile-border);
    background: var(--acs-sidebar-tile);
    color: var(--acs-sidebar-icon);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__icon span {
    display: inline-flex;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__name {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    gap: 8px;
    min-width: 0;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-content:not(.is-webpanel-content) .acp-menued .acp-menued__row .acp-menued__name input[data-menued-label]:not([type="checkbox"]) {
    /* (Stage 1.16e, round 5, Eduard: the name's field no longer runs along the whole row: a menu's name is short.) */
    flex: 0 1 280px;
    width: 280px;
    max-width: 100%;
    min-width: 0;
    min-height: var(--acs-field-h);
    padding: 0 10px;
    border: 1px solid transparent;
    border-radius: var(--acs-radius-sm);
    background: transparent;
    color: var(--acs-text);
    font: inherit;
    font-size: var(--acs-fs);
    cursor: pointer;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-content:not(.is-webpanel-content) .acp-menued .acp-menued__row.is-head .acp-menued__name input[data-menued-label]:not([type="checkbox"]) {
    font-weight: 600;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-content:not(.is-webpanel-content) .acp-menued .acp-menued__row.is-on .acp-menued__name input[data-menued-label]:not([readonly]),
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-content:not(.is-webpanel-content) .acp-menued .acp-menued__row .acp-menued__name input[data-menued-label]:not([readonly]):focus {
    border-color: var(--acs-primary);
    background: var(--acs-surface);
    cursor: text;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__was,
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__hidden-tag {
    flex: 0 0 auto;
    color: var(--acs-muted);
    font-size: var(--acs-fs-xs);
    white-space: nowrap;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__href {
    display: none;
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
    color: var(--acs-muted);
    font-size: var(--acs-fs-xs);
    text-overflow: ellipsis;
    white-space: nowrap;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__row.is-on .acp-menued__href {
    display: block;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-content:not(.is-webpanel-content) .acp-menued .acp-menued__row input.acp-menued__href.is-input:not([type="checkbox"]) {
    display: block;
    flex: 0 1 200px;
    min-height: var(--acs-field-h);
    padding: 0 10px;
    border: 1px solid var(--acs-border);
    border-radius: var(--acs-radius-sm);
    background: var(--acs-surface);
    color: var(--acs-text);
    font-size: var(--acs-fs-xs);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__eye {
    position: relative;
    cursor: pointer;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__eye input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    opacity: 0;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__eye .is-off,
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__eye input:checked ~ .is-shown {
    display: none;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__eye .is-shown,
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__eye input:checked ~ .is-off {
    display: inline-flex;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__more {
    display: inline-flex;
    flex: 0 0 32px;
    justify-content: center;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__children {
    position: relative;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__group:not(.is-flat) > .acp-menued__children::before {
    position: absolute;
    top: 0;
    bottom: 34px;
    left: 14px;
    border-left: 1px solid var(--acs-sidebar-line);
    content: "";
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__add {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    margin-left: 48px;
    color: var(--acs-primary-text);
    font-size: var(--acs-fs-sm);
    font-weight: 600;
    text-decoration: none;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__picker {
    position: absolute;
    z-index: 5;
    top: 56px;
    left: 64px;
    width: min(520px, calc(100% - 48px));
    border-radius: var(--acs-radius);
    box-shadow: var(--acs-shadow-strong);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__picker > .ace-c-icons {
    max-width: none;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__picker-close {
    position: absolute;
    z-index: 1;
    top: 14px;
    right: 14px;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__picker .ace-c-icons__head {
    padding-right: 44px;
}
/* "Așa arată meniul tău": the side menu, drawn with the menu's own tokens. */
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued-side {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px;
    border: 1px solid var(--acs-sidebar-line);
    border-radius: var(--acs-radius);
    background: var(--acs-sidebar);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued-side__section {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued-side__section-head {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 34px;
    padding: 0 8px;
    color: var(--acs-sidebar-muted);
    font-size: var(--acs-fs-xs);
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued-side__section-head > svg {
    color: var(--acs-sidebar-icon);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued-side__group,
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued-side__rows.is-flat .acp-menued-side__row {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 40px;
    padding: 0 10px;
    border-radius: var(--acs-radius-sm);
    color: var(--acs-sidebar-strong);
    font-size: var(--acs-fs);
    font-weight: 400;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued-side__group > svg:first-child,
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued-side__rows.is-flat .acp-menued-side__row > svg {
    flex: 0 0 20px;
    color: var(--acs-sidebar-icon);
    opacity: 1;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued-side__group > span {
    flex: 1 1 auto;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued-side__group > svg:last-child:not(:first-child) {
    color: var(--acs-sidebar-muted);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued-side__group.is-on {
    background: var(--acs-sidebar-group-open);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued-side__rows {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 2px 0 4px 20px;
    padding-left: 12px;
    border-left: 1px solid var(--acs-sidebar-line);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued-side__rows.is-flat {
    margin: 0;
    padding: 0;
    border: 0;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued-side__row {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 34px;
    padding: 0 12px;
    border-radius: var(--acs-radius-pill);
    color: var(--acs-sidebar-muted);
    font-size: var(--acs-fs);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued-side__row > svg {
    flex: 0 0 16px;
    opacity: 0.85;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued-side__row.is-on {
    background: var(--acs-primary-gradient);
    color: var(--acs-on-primary);
    font-weight: 600;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued-side__row.is-on > svg {
    opacity: 1;
}
/* "La prima intrare": a choice shown as its names, opened as boxes to tick; the narrow menu as a switch. */
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__pick summary {
    min-height: 34px;
    padding: 6px 12px;
    border: 1px solid var(--acs-border-strong);
    border-radius: var(--acs-radius-sm);
    color: var(--acs-text);
    font-size: var(--acs-fs-sm);
    cursor: pointer;
    list-style: none;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__pick summary::-webkit-details-marker {
    display: none;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__pick[open] .ace-c-checks {
    margin-top: 8px;
    text-align: start;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__switch {
    position: relative;
    display: inline-flex;
    cursor: pointer;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__switch input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__switch-track {
    position: relative;
    width: 44px;
    height: 24px;
    border-radius: var(--acs-radius-pill);
    background: var(--acs-border-strong);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__switch-track::after {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: var(--acs-radius-pill);
    background: var(--acs-surface);
    content: "";
    transition: transform 0.15s ease;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__switch input:checked ~ .acp-menued__switch-track {
    background: var(--acs-primary);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__switch input:checked ~ .acp-menued__switch-track::after {
    transform: translateX(20px);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__switch input:focus-visible ~ .acp-menued__switch-track {
    outline: 2px solid var(--acs-primary);
    outline-offset: 2px;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__move {
    padding: 20px;
    border: 1px solid var(--acs-border);
    border-radius: var(--acs-radius);
    background: var(--acs-surface);
    color: var(--acs-text);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__move-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 14px;
}
@media (max-width: 1100px) {
    :root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued {
        grid-template-columns: minmax(0, 1fr);
    }
}
@media (max-width: 640px) {
    :root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__row.is-child {
        margin-left: 12px;
    }
    :root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__row.is-on .acp-menued__href:not(.is-input),
    :root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__was {
        display: none;
    }
    :root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .acp-menued__picker {
        left: 8px;
        width: calc(100% - 16px);
    }
}
/* Stage 1.16b (18 Oct; bug 23): Sistem → "Baza trebuie actualizată": the steps, the command to copy. */
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-db-steps {
    display: grid;
    gap: 10px;
    margin: 0;
    padding-left: 20px;
    color: var(--acs-text);
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-db-command {
    margin: 8px 0 0;
    padding: 12px 14px;
    overflow-x: auto;
    border: 1px solid var(--acs-border);
    border-radius: var(--acs-radius-sm);
    background: var(--acs-surface-2);
    color: var(--acs-text);
    font-size: var(--acs-fs-sm);
    white-space: pre;
}
/* Stage 1.16e (PagesLayoutProbeTest): the overview's seven groups four and three on a wide content (never three, three and one); narrower,
   two by two with the last of an odd number across the row, one under another on a phone (the review: 3 + 3 + 1, 2 + 2 + 2 + 1). */
@container ace-content (width > 1000px) {
    :root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-set-overview > .ace-c-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
@container ace-content (max-width: 1000px) {
    :root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-set-overview > .ace-c-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    :root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-set-overview > .ace-c-grid > :last-child:nth-child(odd) {
        grid-column: 1 / -1;
    }
}
@container ace-content (max-width: 560px) {
    :root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-set-overview > .ace-c-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* Stage 1.16e (round 2 of the theme chat, 2): a settings card keeps its own height (Expeditorul no longer as tall as Serverul de email);
   the last card of an odd number takes the whole row (Cine ce primește). */
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-set > .ace-c-grid {
    align-items: start;
}
:root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-set:not(.ace-people-set-overview) > .ace-c-grid > :last-child:nth-child(odd):not(:first-child) {
    grid-column: 1 / -1;
}
@media (max-width: 1023px) {
    :root[data-ace-theme] body[data-ace-theme-scope="acpanel"] .ace-people-set:not(.ace-people-set-overview) > .ace-c-grid > :last-child:nth-child(odd):not(:first-child) {
        grid-column: auto;
    }
}