:root {
    --font: Montserrat, sans-serif;
    --primary-green: #327a68;
    --green-hover: #2a6656;
    --accent-gold: #c1ae8f;
    --accent-gold-hover: #b3a07f;
    --border: #e6e2d8;
    --dark-text: #2f2f2f;
    --muted-text: #8c8c8c;
    --panel: var(--primary-green);
    --text: var(--dark-text);
    --table-head-color: var(--muted-text);
    --main-color: var(--accent-gold);
    --line-height: 28px;
    --font-size: 18px;
    --font-weight: 400;
    --header-h: 58px;
    --header-text-color: var(--accent-gold);
    --header-bg: var(--dark-text);
    --accent-green: var(--primary-green);
    --background-color: #F9F8F2;
    --bg-main: #F9F8F2;
    --beige-soft: var(--border);
    --white: #FFFFFF;
    --ultra-light: #F9F8F2;
    --table-border: var(--border);
    --cols: 1fr;
}
body {
    font-family: var(--font);
    font-size: var(--font-size);
    line-height: var(--line-height);
    font-weight: var(--font-weight);
    background-color: var(--background-color);
}


.header {
    background-color: var(--accent-green);
    width: 100%;
}

.container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    overflow-x: hidden;
}

/* Header nav container must not get overflow-x: hidden (avoids vertical scrollbar) */
header .container {
    overflow: visible;
}

/* .container-row {
    padding: 0 20px;
} */

.container-row-footer {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
}



nav {

    display: flex;
    justify-content: space-between;
    padding: 9px 20px;
    color: var(--header-text-color);
    font-weight: var(--cabinet-weight-body, 400);
    font-size: var(--cabinet-size-body, 16px);
    line-height: 1.2;
}

.humas-header-logo {
    display: block;
    width: 132px;
    height: auto;
    max-height: 38px;
    object-fit: contain;
}

.nav-drawer{
    display: flex;
    /*justify-content: space-between;*/
    justify-content: flex-end;
    align-items: center;
}

nav button {
    color: var(--header-text-color);
    border: 1px solid var(--header-text-color);
    padding: 5px 15px;
    border-radius: 5px;
    background-color: transparent;
}

nav button:hover:not(.toggle-nav) {
    background-color: var(--accent-gold);
    color: var(--header-bg);
    border-color: var(--accent-gold);
    transition: 0.2s;
}

/*------------toggle menu--------*/
.toggle-nav {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
    margin-left: 20px;

}

.toggle-nav span {
    display: block;
    width: 30px;
    height: 3px;
    background: var(--main-color);
    border-radius: 5px;
    transition: all 0.3s ease;
}

.toggle-nav[aria-expanded="true"] span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

.toggle-nav[aria-expanded="true"] span:nth-child(2) {
    opacity: 0;
}

.toggle-nav[aria-expanded="true"] span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
}

.sticky {
    position: sticky;
    top: 0;
    z-index: 1000;
}

.left-menu {
    display: flex;
    gap: 20px;
    padding-right: 20px;
}
.left-menu a {
    text-transform: uppercase;
    color: var(--header-text-color);
    text-decoration: none;
    transition: color 0.2s ease;
}

.left-menu a:hover {
    color: var(--white);
}

.left-menu a.active {
    color: var(--white);
    font-weight: var(--cabinet-weight-heading, 600);
}

.right-menu{
    display: flex;
    gap: 20px;
    align-items: center;
}

.main-container {
    padding: 16px;
    min-height: calc(100svh - var(--header-h));
    display: flex;
    justify-content: center;
    align-items: center;
    /*background-color: #6f6f6f;*/
    flex-direction: column;
    background-color: rgba(0,0,0,.8);
}

.auth-container {
    background-color: var(--main-color);
    /*padding: 20px;*/
    border-radius: 16px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width: 100%;

}

.auth-container-header {
    line-height: 1.5;
    font-size: var(--cabinet-size-page, 30px);
    background-color: #327A68;
    color: var(--main-color);
    text-align: center;
    padding: 20px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.auth-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    padding: 20px;
}

.auth-text {
    color: #343438;
    padding: 20px;
}

.form {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}
.input-container {
    display: flex;
    width: 100%;
    flex-direction: column;
    position: relative;
}

.input-container-data {
    display: flex;
    gap: 10px;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: var(--cabinet-size-input, 14px);
}

.input-container label {
    /*display: block;*/
    font-size: var(--cabinet-size-input, 14px);
}

.input-wrapper {
    display: flex;
    gap: 6px;
    width: 100%;
    flex-wrap: wrap;
}

.input-wrapper > label {
    flex: 0 0 100%;
    display: block;
    margin-bottom: 6px;
    font-weight: var(--cabinet-weight-control, 600);
    font-size: var(--cabinet-size-input, 16px);
}

.input-wrapper > label::after {
    content: "*";
    color: red;
    margin-left: 4px;
    font-weight: var(--cabinet-weight-body, 300);
}

/* Exclude comment fields from required asterisk */
.input-wrapper > label[for*="comment"]::after,
.input-wrapper > label[for="send-comment-internal"]::after,
.input-wrapper > label[for="send-comment-email"]::after {
    content: "";
    margin-left: 0;
}

.input-wrapper .input-container {
    flex: 1 1 0;
    min-width: 220px;
}

.form input[type="text"],
.form input[type="password"],
.form input[type="date"],
.form button,
.form select {
    width: 100%;
    /*max-width: 350px;*/
    box-sizing: border-box;
    color: rgba(0,0,0, .7);
    padding: 5px 14px;
    font-size: var(--cabinet-size-input, 16px);
    border: 1px solid rgba(0,0,0, .25);
    border-radius: 3px;
}

.form input[type="text"],
.form input[type="password"],
.form input[type="date"],
.form select {
    height: 43px;
}

.form input[type="text"]:hover,
.form input[type="text"]:focus,
.form input[type="password"]:hover,
.form input[type="password"]:focus,
.form input[type="date"]:hover,
.form input[type="date"]:focus,
.form select:hover,
.form select:focus {
    border-color: #066aab;
    outline: none;
    height: 43px;
    box-shadow: 0 0 0 1px #066aab, 0 1px 2px rgba(0,0,0,.15);
}

.form button {
    background: #066aab;
    color: #fff;
    font-weight: var(--cabinet-weight-control, 600);
    border: 2px solid #066aab;
    cursor: pointer;
    transition:
            background 0.2s ease,
            border-color 0.6s ease;
    height: 41px;
}

.form button:hover {
    background: var(--header-text-color);
    border-color: transparent;
}

    /*-----------toast------------*/
.toast-container {
    position: fixed;
    top: 90px;
    right: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 10050;
    pointer-events: none;
}

.toast {
    min-width: 200px;
    padding: 12px 16px;
    border-radius: 6px;
    color: var(--header-text-color);
    font-weight: var(--cabinet-weight-control, 500);
    box-shadow: 0 2px 8px rgba(0,0,0,.2);
    opacity: 0;
    /*transform: translateX(100%);*/
    transform: translateY(-30px);
    transition: all 0.4s ease;
}

.toast.show {
    opacity: 1;
    transform: translateX(0);
}

.toast.success {
    background: var(--header-bg);
}

.toast.error {
    background: #ef4444;
}

.toast.info {
    background: #3b82f6;
}


/*-----panel clients list table-----*/

.wrap {
    max-width: 1200px;
    margin: 24px auto;
    padding: 0 16px;
    font: 14px system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
    color: var(--text);
    font-weight: var(--cabinet-weight-heading, 600);
}
.title {
    font-size: var(--cabinet-size-card, 20px);
    font-weight: var(--cabinet-weight-heading, 700);
    margin-bottom: 12px;
    color: var(--header-bg);
}
.card {
    border: 1px solid var(--table-border);
    border-radius: 6px;
    /*overflow: hidden;*/
}
.head, .row {
    display: grid;
    gap: 12px;
    align-items: center;
    padding: 12px 14px;
    grid-template-columns: 1fr 1.6fr 120px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.head {
    color: var(--header-text-color);
    font-size: var(--cabinet-size-metadata, 12px);
    font-weight: var(--cabinet-weight-heading, 600);
    text-transform: uppercase;
    letter-spacing:.06em;
    background-color: var(--header-bg);
}
.head div {
    background-color: var(--header-bg);
}

.head-conversations {
    grid-template-columns: 120px 1fr 2fr 80px 80px;
}
.head-hunits {
    grid-template-columns: 120px 1fr 2fr 120px 80px;
}

.row.row-bets > * {
    min-width: 0;
}

.row {
    border-top: 1px solid var(--table-border);
    font-size: var(--cabinet-size-supporting, 14px);
    border-radius: unset;
}
/* Removed right alignment for last column - all columns now left-aligned */
/* .row > div:last-child, .head > div:last-child {
    justify-self: end;
} */

.head.head-bets, .row.row-bets{
    grid-template-columns: 80px 1fr 140px 1fr 50px 100px 120px;
}

/* Removed right alignment for bets table last column - all columns now left-aligned */
/* .row.row-bets > div:last-child,
.head.head-bets > div:last-child {
    justify-self: end;
} */

.settle-form {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
}


/*----------helpers---------*/

.w-20 {
    width: 20px;
}

.w-600 {
    width: 600px;
}

.mw-600 {
    max-width: 600px;
}
.mt-20 {
    margin-top: 20px;
}
.mb-20 {
    margin-bottom: 20px;
}

.ml-10 {
    margin-left: 10px;
}
.mr-10 {
    margin-right: 10px;
}
.mb-10 {
    margin-bottom: 10px;
}
.mt-10 {
    margin-top: 10px;
}
.hidden {
    display: none !important;
}

.inderline {
    text-decoration: underline;
}

.fs-16 {
    font-size: var(--cabinet-size-body, 16px);
}

.d-none {
    display: none !important;
}

.z-100 {
    z-index: 100 !important;
}


/*------three-dots-----*/
.three-dots-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    gap: 4px;
}

.three-dots-label {
    font-size: var(--cabinet-size-metadata, 12px);
    color: var(--text);
    font-weight: var(--cabinet-weight-control, 500);
    white-space: nowrap;
}
.relative {
    position: relative;
}

.three-dots {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;

}

.three-dots-options{
    display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #e9ecef;
    top: 80%;
    right: 0;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    /*padding: 6px;*/
    font-size: var(--cabinet-size-body, 16px);
    text-transform: none;
    z-index: 100;
    width: max-content;
    transform: translateX(-10%);
    font-weight: var(--cabinet-weight-body, 400);
}
.three-dots-options a{
    text-decoration: none;
}

.three-dots-option-item {
}

.three-dots-option-item>*:first-child {
    margin: 0 12px 0 12px
}

.show-dots-options {
    display: flex !important;
    flex-direction: column;
    gap: 6px;
    min-width: 100px;
}
.three-dots-options a {
    padding: 8px 12px;
    transition: background-color .15s ease-out;
}
.three-dots-options a:hover{
    /*color: #fff;*/
    color: var(--header-text-color);
    /*background-color: var(--table-head-color);*/
    background-color: var(--header-bg);
    border-radius: 3px;
}

/*----------glyph-------*/

.row-gl { display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
/*.btn { padding:8px 14px; border:1px solid #888; border-radius:8px; background:#f7f7f7; cursor:pointer; }*/
.btn:disabled { opacity:.6; cursor:not-allowed; }
/*.glyph-box {
    border:1px solid #ddd;
    border-radius:8px;
}*/

.btn {
    min-height: 38px;
    padding: 8px 14px;
    color: var(--white);
    border: 1px solid var(--accent-green);
    border-radius: 6px;
    background-color: var(--accent-green);
    font-size: var(--cabinet-size-control, 14px);
    font-weight: var(--cabinet-weight-control, 600);
    line-height: 1.2;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

.note { color:#666; font-size:0.9rem; }
.glyph-svg-small {
    width: 100%;
    height: 100%;
    max-width: 340px;
    max-height: 340px;
}

#glyph-app {
    width: 100%;
    max-width: 100%;
    display: block;
}

.glyph-wrapper {
    display: flex;
    /*align-items: flex-start;
    justify-content: space-between;*/
    justify-content: space-around;
    gap: 24px;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
    align-items: center;
}

.glyph-box {
    position: relative;
    width: 320px;
    height: 320px;
    display: flex;
    flex: 0 0 320px;
    align-items: center;
    justify-content: center;
    background: transparent;
    overflow: visible;
    margin: 24px;
    max-width: 100%;
}

.glyph-inner {
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: #0e2b28;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
}


.glyph-box::before,
.glyph-box::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: -1;
}

.glyph-box::before {
    inset: -10px;
    border: 2px solid var(--accent-gold);
    opacity: 0.8;
}

.glyph-box::after {
    inset: -20px;
    border: 2px solid var(--accent-green);
    opacity: 0.6;
    /*filter: blur(1px);*/
}


#glyph-svg {
    width: 100%;
    height: 100%;
    line-height: 0;
}

#glyph-svg svg {
    width: 100% !important;
    height: 100% !important;
    display: block;
}

.glyph-received-label {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background-color: var(--ultra-light);
    border: 1px solid var(--beige-soft);
    border-radius: 6px;
    margin-top: 16px;
    font-size: var(--cabinet-size-supporting, 14px);
    color: var(--header-bg);
    text-align: center;
    justify-content: center;
}

.glyph-received-icon {
    font-size: 18px;
}

.glyph-received-text {
    font-weight: var(--cabinet-weight-control, 500);
}

.glyph-received-text strong {
    font-weight: var(--cabinet-weight-heading, 600);
    color: var(--accent-green);
}

.glyphs-list-section {
    margin-top: 24px;
    padding: 20px;
    background-color: var(--white);
    border: 1px solid var(--beige-soft);
    border-radius: 8px;
}

.glyphs-list-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.glyphs-list-header h3 {
    margin: 0;
    font-size: var(--cabinet-size-card, 18px);
    font-weight: var(--cabinet-weight-heading, 600);
    color: var(--header-bg);
    text-transform: uppercase;
}

.btn-small {
    padding: 6px 12px;
    font-size: var(--cabinet-size-control, 14px);
}

.glyphs-list-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 16px;
}

.glyph-item {
    position: relative;
    padding: 12px;
    background-color: var(--ultra-light);
    border: 1px solid var(--beige-soft);
    border-radius: 6px;
    text-align: center;
    transition: all 0.2s ease;
}

.glyph-item:hover {
    border-color: var(--accent-green);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.glyph-item.current {
    border-color: var(--accent-green);
    border-width: 2px;
    background-color: rgba(50, 122, 104, 0.05);
}

.glyph-item-preview {
    width: 120px;
    height: 120px;
    margin: 0 auto 12px;
    border-radius: 50%;
    background: #0F1417;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.glyph-item-preview svg {
    width: 100%;
    height: 100%;
}

.glyph-item-info {
    font-size: var(--cabinet-size-label, 13px);
    color: var(--header-bg);
    margin-bottom: 8px;
}

.glyph-item-type {
    font-size: var(--cabinet-size-metadata, 12px);
    font-weight: var(--cabinet-weight-heading, 600);
    color: var(--accent-green);
    margin-bottom: 4px;
}

.glyph-item-sender {
    font-size: var(--cabinet-size-metadata, 11px);
    color: #666;
    margin-top: 4px;
}

.glyph-item-actions {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: stretch;
}

.glyph-item-actions .btn {
    padding: 8px 14px;
    font-size: var(--cabinet-size-label, 13px);
    border-radius: 4px;
    font-weight: var(--cabinet-weight-control, 500);
    transition: all 0.2s ease;
    white-space: nowrap;
    text-align: center;
    width: 100%;
    background-color: var(--accent-green);
    color: white;
    border: none;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.glyph-item-actions .set-current-glyph {
    background-color: var(--accent-green);
    color: white;
    border: none;
}

.glyph-item-actions .set-current-glyph:hover {
    background-color: var(--green-hover);
}

.glyph-item-actions .btn-recognize {
    background-color: var(--accent-green);
    color: white;
    border: none;
    text-decoration: none;
    display: inline-block;
}

.glyph-item-actions .btn-recognize:hover {
    background-color: var(--green-hover);
}

.glyph-item-actions .btn:hover {
    background-color: var(--green-hover);
}

.glyph-item-badge {
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 4px 8px;
    background-color: var(--accent-green);
    color: white;
    border-radius: 4px;
    font-size: var(--cabinet-size-metadata, 10px);
    font-weight: var(--cabinet-weight-heading, 600);
    text-transform: uppercase;
}

.glyph-controls {
    margin-top: 20px;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: flex-start;
}

/* Activation counter */
.glyph-activation-counter {
    margin-top: 20px;
    margin-bottom: 0;
    padding: 16px 24px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid var(--beige-soft);
    border-radius: 8px;
    text-align: center;
    font-size: var(--cabinet-size-supporting, 14px);
    color: var(--text);
    width: 100%;
    max-width: 100%;
}

.activation-counter-label {
    display: block;
    margin-bottom: 8px;
    color: var(--header-text-color);
    font-size: var(--cabinet-size-supporting, 14px);
    line-height: 1.5;
}

.activation-counter-value {
    display: inline-block;
    font-weight: var(--cabinet-weight-heading, 600);
    font-size: var(--cabinet-size-card, 18px);
    color: var(--accent-green);
    padding: 4px 0;
}

.activation-counter-value.counter-zero {
    color: #f44336;
}

.btn:hover {
    background-color: var(--green-hover);
    color: var(--white);
    border-color: var(--green-hover);
}
.glyph-advanced-inputs {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex-wrap: wrap;
}

.profile-card .glyph-wrapper {
    display: grid;
    grid-template-columns: minmax(220px, 0.75fr) minmax(300px, 1fr);
    gap: 18px;
    align-items: center;
    justify-content: stretch;
}

.profile-card .glyph-box {
    width: 220px;
    height: 220px;
    flex: 0 0 220px;
    margin: 8px auto;
}

.profile-card .glyph-inner {
    width: 220px;
    height: 220px;
}

.profile-card .glyph-svg-small {
    max-width: 220px;
    max-height: 220px;
}

.profile-card .glyph-box::before {
    inset: -7px;
}

.profile-card .glyph-box::after {
    inset: -14px;
    opacity: 0.42;
}

.profile-card .glyph-advanced {
    width: 100%;
    min-width: 0;
}

.profile-card .glyph-advanced-title {
    color: var(--header-bg);
    font-size: var(--cabinet-size-label, 13px);
    font-weight: var(--cabinet-weight-heading, 700);
    line-height: 1.3;
    text-transform: uppercase;
}

.profile-card .glyph-advanced-inputs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 12px;
}

.profile-card .glyph-advanced-inputs .input-container:nth-child(1) { order: 1; }
.profile-card .glyph-advanced-inputs .input-container:nth-child(3) { order: 2; }
.profile-card .glyph-advanced-inputs .input-container:nth-child(2) { order: 3; }
.profile-card .glyph-advanced-inputs .input-container:nth-child(4) { order: 4; }
.profile-card .glyph-advanced-inputs .input-container:nth-child(5) { order: 5; }
.profile-card .glyph-advanced-inputs .input-container:nth-child(6) { order: 6; }
.profile-card .glyph-advanced-inputs .input-container:nth-child(7) {
    order: 7;
    grid-column: 1 / -1;
}

.profile-card .glyph-advanced-inputs label {
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 12px);
    font-weight: var(--cabinet-weight-control, 700);
    line-height: 1.35;
}

.profile-card .glyph-advanced-inputs input,
.profile-card .glyph-advanced-inputs select {
    min-height: 34px;
    border-color: var(--border);
    background-color: var(--white);
    color: var(--header-bg);
}

.profile-card .glyph-activation-counter {
    margin-top: 12px;
    padding: 10px 14px;
    background: var(--white);
    border-color: var(--border);
}

.profile-card .activation-counter-label {
    margin-bottom: 4px;
    color: var(--muted-text);
}

.profile-card .glyph-controls {
    margin-top: 12px;
    gap: 8px;
}

.profile-card .glyph-controls .btn {
    min-height: 34px;
    padding: 8px 12px;
    font-size: var(--cabinet-size-label, 13px);
}
.input-container input,
.input-container textarea{
    padding: 3px 10px;
    font-size: var(--cabinet-size-input, 14px);
    border: 1px solid var(--header-bg);
    border-radius: 5px;
    background-color: transparent;
}
.input-container :is(input, textarea):focus{
    outline: none;
    border-color: var(--header-bg);
    box-shadow: 0 0 0 1px var(--header-bg), 0 1px 2px rgba(0,0,0,.15);
}

.input-container textarea.vertical{
    resize: vertical;
}

.input-container .error,
.input-container input.error:focus{
    border-color: #ef4444;
    box-shadow: none;
}

.input-container input[type="number"] {
    -moz-appearance: textfield;
}

.input-container input[type="number"]::-webkit-inner-spin-button,
.input-container input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.input-container select,
.input-container input,
.input-container textarea,
.current-plan select,
.plan-row select {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

select, input, textarea {
    max-width: 100%;
    box-sizing: border-box;
}

/*-------custom checkbox--------*/

.checkbox-label input[type="checkbox"] {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
}

.checkbox-label {
    position: relative;
    cursor: pointer;
    user-select: none;
    font-size: var(--cabinet-size-supporting, 14px);
    color: var(--header-bg);
    display: flex;
    align-items: center;
    gap: 8px;
}

.checkbox-label .checkmark {
    width: 18px;
    height: 18px;
    border: 1.5px solid var(--header-bg);
    border-radius: 4px;
    background-color: transparent;
    display: inline-block;
    transition: all 0.2s ease;
    position: relative;
}

.checkbox-label .checkmark::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 1px;
    width: 5px;
    height: 9px;
    border: solid var(--header-bg);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) scale(0);
    opacity: 0;
    transition: all 0.2s ease;
}


.checkbox-label input[type="checkbox"]:checked + .checkmark {
    background-color: var(--accent-green);
    border-color: var(--accent-green);
}

.checkbox-label input[type="checkbox"]:checked + .checkmark::after {
    transform: rotate(45deg) scale(1);
    opacity: 1;
    border-color: white;
}

.checkbox-label:hover .checkmark {
    box-shadow: 0 0 0 3px rgba(0,0,0,0.05);
}

    /*-------dashboard cards------------*/

.dashboard-welcome,
.dashboard-section {
    width: calc(100% - 40px);
    max-width: 1160px;
    margin: 18px auto;
    box-sizing: border-box;
}

.dashboard-welcome {
    display: grid;
    grid-template-columns: minmax(260px, 0.9fr) minmax(0, 1.6fr);
    gap: 18px;
    align-items: stretch;
    padding: 20px;
    background: var(--white);
    border: 1px solid var(--border);
    border-left: 6px solid var(--accent-green);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(47, 47, 47, 0.04);
    color: var(--header-bg);
}

.dashboard-welcome-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}

.dashboard-eyebrow {
    margin: 0;
    color: var(--accent-green);
    font-size: var(--cabinet-size-metadata, 12px);
    font-weight: var(--cabinet-weight-control, 700);
    letter-spacing: 0;
    line-height: 1.3;
    text-transform: uppercase;
}

.dashboard-welcome h1,
.dashboard-section-heading h2 {
    margin: 0;
    color: var(--header-bg);
    letter-spacing: 0;
}

.dashboard-welcome h1 {
    font-size: var(--cabinet-size-page, 26px);
    line-height: 1.2;
}

.dashboard-welcome-copy p:last-child {
    margin: 0;
    color: var(--text);
    font-size: var(--cabinet-size-body, 15px);
    line-height: 1.6;
}

.dashboard-welcome-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.dashboard-answer-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 7px;
    min-height: 118px;
    padding: 14px;
    background: var(--ultra-light);
    border: 1px solid var(--border);
    border-radius: 8px;
    min-width: 0;
}

.dashboard-answer-card span {
    color: var(--text);
    font-size: var(--cabinet-size-metadata, 12px);
    font-weight: var(--cabinet-weight-heading, 700);
    line-height: 1.35;
    text-transform: uppercase;
}

.dashboard-answer-card strong {
    color: var(--header-bg);
    font-size: var(--cabinet-size-card, 18px);
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.dashboard-answer-card small {
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 13px);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.dashboard-answer-card a,
.dashboard-section-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    max-width: 100%;
    min-height: 36px;
    padding: 8px 14px;
    border: 1px solid var(--accent-green);
    border-radius: 6px;
    color: var(--white);
    background: var(--accent-green);
    font-size: var(--cabinet-size-label, 13px);
    font-weight: var(--cabinet-weight-heading, 700);
    line-height: 1.2;
    text-decoration: none;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

.dashboard-answer-card a:hover,
.dashboard-section-link:hover {
    color: var(--white);
    background: var(--green-hover);
    border-color: var(--green-hover);
}

.dashboard-answer-card a {
    color: var(--white);
    border-color: var(--accent-green);
    background: var(--accent-green);
}

.dashboard-answer-card a:hover {
    color: var(--white);
    border-color: var(--green-hover);
    background: var(--green-hover);
}

.dashboard-section {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.dashboard-section-primary {
    margin-top: 20px;
}

.dashboard-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    padding: 0 2px;
}

.dashboard-section-heading h2 {
    font-size: var(--cabinet-size-section, 22px);
    line-height: 1.25;
}

.dashboard-section-primary .dashboard-section-heading h2 {
    font-size: var(--cabinet-size-section, 24px);
}

.dashboard-section .card-group {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    gap: 18px;
    align-items: start;
}

.dashboard-section-primary .card-group {
    grid-template-columns: minmax(430px, 1fr) minmax(500px, 1.05fr);
}

.dashboard-section-primary .dashboard-main-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
}

.dashboard-quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
}

.dashboard-section .card-wrapper {
    padding: 18px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(47, 47, 47, 0.04);
}

.dashboard-section .card-wrapper > .card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 42px;
    margin-bottom: 14px;
    padding-bottom: 11px;
    border-bottom: 1px solid var(--border);
    color: var(--header-bg);
    font-size: var(--cabinet-size-card, 16.5px);
    line-height: 1.35;
    text-transform: none;
}

.dashboard-section .three-dots-label {
    display: none !important;
}

.dashboard-overview-card > .card-header span,
.hunit-card > .card-header span {
    display: block;
    color: var(--header-bg);
    font-size: var(--cabinet-size-card, 22px);
    font-weight: var(--cabinet-weight-heading, 700);
    line-height: 1.25;
}

.dashboard-card-header-link {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    color: var(--accent-green);
    font-size: var(--cabinet-size-card, 12px);
    font-weight: var(--cabinet-weight-heading, 700);
    line-height: 1.2;
    text-decoration: none;
    text-transform: none;
    white-space: nowrap;
}

.dashboard-card-header-link:hover,
.dashboard-card-header-link:focus {
    color: var(--green-hover);
    outline: none;
}

.dashboard-card-subtitle {
    margin-top: 3px;
    color: var(--muted-text);
    font-size: var(--cabinet-size-body, 15px);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.35;
}

.dashboard-section .card-body {
    line-height: 1.5;
}

.dashboard-section .btn,
.dashboard-section-link,
.dashboard-answer-card a {
    min-height: 38px;
}

.dashboard-section .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: var(--white);
    border-color: var(--accent-green);
    border-radius: 6px;
    background-color: var(--accent-green);
    font-weight: var(--cabinet-weight-control, 600);
    line-height: 1.2;
    text-decoration: none;
}

.dashboard-section .btn:hover {
    color: var(--white);
    border-color: var(--green-hover);
    background-color: var(--green-hover);
}

.dashboard-section .btn-small {
    min-height: 36px;
    padding: 8px 14px;
    font-size: var(--cabinet-size-metadata, 13px);
}

.dashboard-full-action {
    width: 100%;
}

.dashboard-card-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
}

.dashboard-card-actions-between {
    justify-content: space-between;
    gap: 10px;
}

.dashboard-section .btn.outline {
    border-color: var(--accent-green);
    background: var(--accent-green);
    color: var(--white);
}

.dashboard-section .btn.outline:hover,
.dashboard-section .btn.outline:focus {
    border-color: var(--green-hover);
    background: var(--green-hover);
    color: var(--white);
}

.dashboard-status-stack,
.dashboard-mini-status {
    display: flex;
    flex-direction: column;
}

.dashboard-status-stack {
    gap: 14px;
}

.dashboard-identity-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
}

.dashboard-identity-row div,
.dashboard-status-list div,
.dashboard-mini-status {
    min-width: 0;
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--ultra-light);
}

.dashboard-identity-row span,
.dashboard-status-list span,
.dashboard-mini-status span,
.dashboard-card-note {
    display: block;
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 11px);
    font-weight: var(--cabinet-weight-heading, 700);
    line-height: 1.3;
    text-transform: uppercase;
}

.dashboard-identity-row strong,
.dashboard-status-list strong,
.dashboard-mini-status strong {
    display: block;
    margin-top: 4px;
    color: var(--header-bg);
    font-size: var(--cabinet-size-body, 15px);
    font-weight: var(--cabinet-weight-heading, 700);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.dashboard-status-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.dashboard-status-list small {
    display: block;
    margin-top: 4px;
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 12px);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.35;
}

.dashboard-status-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dashboard-status-rows {
    display: grid;
    gap: 3px;
}

.dashboard-status-row {
    display: grid;
    grid-template-columns: minmax(96px, 0.42fr) minmax(0, 1fr);
    gap: 12px;
    align-items: baseline;
    min-width: 0;
    padding: 10px 0;
    border-bottom: 1px solid var(--border);
}

.dashboard-status-row:first-child {
    border-top: 1px solid var(--border);
}

.dashboard-status-row span {
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 11px);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.35;
    text-transform: uppercase;
}

.dashboard-status-row strong {
    color: var(--header-bg);
    font-size: var(--cabinet-size-supporting, 14px);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.dashboard-status-row small {
    grid-column: 2;
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 12px);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.35;
}

.dashboard-identity-heading {
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--border);
}

.dashboard-identity-heading strong {
    display: block;
    color: var(--header-bg);
    font-size: var(--cabinet-size-section, 22px);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.dashboard-identity-heading span {
    display: block;
    margin-top: 6px;
    color: var(--text);
    font-size: var(--cabinet-size-supporting, 14px);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.dashboard-profile-action {
    justify-content: flex-start;
    margin-top: 16px;
}

.dashboard-next-card {
    border-left: 4px solid var(--accent-green);
}

.dashboard-next-text {
    margin: 0;
    color: var(--header-bg);
    font-size: var(--cabinet-size-card, 20px);
    font-weight: var(--cabinet-weight-heading, 700);
    line-height: 1.3;
}

.dashboard-card-note {
    margin: 10px 0 0;
    text-transform: none;
}

.dashboard-summary-card .card-body {
    display: flex;
    flex-direction: column;
    min-height: 160px;
}

.dashboard-summary-card .dashboard-card-actions,
.dashboard-next-card .dashboard-card-actions {
    margin-top: auto;
    padding-top: 16px;
}

.dashboard-glyph-card .card-body {
    min-height: 0;
}

.dashboard-glyph-overview {
    display: grid;
    grid-template-columns: 148px minmax(0, 1fr);
    gap: 14px;
    align-items: stretch;
}

.dashboard-glyph-identity {
    grid-template-columns: minmax(210px, 0.82fr) minmax(0, 1.18fr);
    gap: 24px;
    align-items: center;
}

.dashboard-glyph-visual {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    padding: 10px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--ultra-light);
}

.dashboard-overview-card .dashboard-glyph-visual {
    min-height: 250px;
    padding: 18px;
}

.dashboard-glyph-card .dashboard-glyph-box {
    width: 128px;
    height: 128px;
    min-width: 128px;
    flex-basis: 128px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.dashboard-primary-glyph-box {
    width: 220px;
    height: 220px;
    min-width: 220px;
    flex-basis: 220px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.dashboard-glyph-card .glyph-inner {
    width: 128px;
    height: 128px;
}

.dashboard-primary-glyph-box .glyph-inner {
    width: 220px;
    height: 220px;
}

.dashboard-overview-card .dashboard-primary-glyph-box {
    width: 194px;
    height: 194px;
    min-width: 194px;
    flex-basis: 194px;
}

.dashboard-overview-card .dashboard-primary-glyph-box .glyph-inner {
    width: 194px;
    height: 194px;
}

.dashboard-glyph-card #glyph-svg,
.dashboard-glyph-card #glyph-svg svg {
    width: 128px;
    height: 128px;
}

.dashboard-overview-card #glyph-svg,
.dashboard-overview-card #glyph-svg svg {
    width: 194px;
    height: 194px;
}

.dashboard-glyph-details {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.dashboard-glyph-card .dashboard-mini-status {
    padding: 10px 12px;
}

.dashboard-glyph-activation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: rgba(50, 122, 104, 0.06);
}

.dashboard-glyph-card .activation-counter-label {
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 11px);
    font-weight: var(--cabinet-weight-control, 700);
    line-height: 1.3;
    text-transform: uppercase;
}

.dashboard-glyph-card .activation-counter-value {
    color: var(--header-bg);
    font-size: var(--cabinet-size-supporting, 14px);
    font-weight: var(--cabinet-weight-heading, 700);
    line-height: 1.2;
}

.dashboard-glyph-card .counter-zero {
    color: #9f3a38;
}

.dashboard-glyph-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.dashboard-glyph-workspace {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 0.26fr);
    gap: 18px;
    align-items: stretch;
}

.dashboard-glyph-workspace .dashboard-glyph-actions {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 0;
}

.dashboard-glyph-action-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 150px;
    min-width: 0;
    padding: 24px 16px 18px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--white);
    text-align: center;
}

.dashboard-glyph-action-icon {
    display: block;
    width: 38px;
    height: 38px;
    object-fit: contain;
    flex: 0 0 38px;
}

.dashboard-glyph-workspace .dashboard-glyph-actions .btn {
    width: min(100%, 132px);
    min-height: 42px;
    padding: 8px 14px;
    border-color: var(--accent-green);
    background-color: var(--accent-green);
    color: var(--white);
    font-size: var(--cabinet-size-metadata, 12px);
    font-weight: var(--cabinet-weight-control, 600);
}

.dashboard-glyph-workspace .dashboard-glyph-actions .dropdown {
    width: min(100%, 132px);
}

.dashboard-glyph-workspace .dashboard-glyph-actions .dropdown .btn {
    width: 100%;
}

.dashboard-glyph-workspace .dashboard-glyph-actions .btn:hover,
.dashboard-glyph-workspace .dashboard-glyph-actions .btn:focus {
    border-color: var(--green-hover);
    background-color: var(--green-hover);
    color: var(--white);
}

.dashboard-glyph-workspace-side {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

.dashboard-glyph-workspace .dashboard-glyph-activation {
    flex-direction: column;
    justify-content: center;
    flex: 1;
    min-height: 150px;
    text-align: center;
}

.dashboard-glyph-workspace .dashboard-glyph-activation small {
    color: var(--text);
    font-size: var(--cabinet-size-metadata, 13px);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.45;
}

.dashboard-glyph-workspace-card .dashboard-card-note {
    margin: 0;
}

.dashboard-glyph-actions .dropdown {
    position: relative;
}

.dashboard-glyph-actions .dropdown-menu {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 20;
    min-width: 180px;
    padding: 6px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--white);
    box-shadow: 0 6px 18px rgba(47, 47, 47, 0.08);
}

.dashboard-glyph-actions .btn-menu {
    width: 100%;
    justify-content: flex-start;
    margin: 0;
}

.dashboard-glyph-card .glyphs-list-section,
.dashboard-overview-card .glyphs-list-section {
    display: none !important;
}

.dashboard-mini-status small {
    display: block;
    margin-top: 6px;
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 12px);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.4;
}

.dashboard-mini-status.is-empty {
    background: rgba(193, 174, 143, 0.12);
}

.dashboard-membership-status {
    margin-bottom: 12px;
    padding: 12px 14px;
    border: 1px solid rgba(50, 122, 104, 0.24);
    border-radius: 8px;
    background: rgba(50, 122, 104, 0.08);
    color: var(--header-bg);
}

.dashboard-membership-status-title {
    font-size: var(--cabinet-size-supporting, 14px);
    font-weight: var(--cabinet-weight-heading, 700);
    line-height: 1.35;
}

.dashboard-membership-status-meta {
    margin-top: 3px;
    font-size: var(--cabinet-size-label, 13px);
    line-height: 1.45;
}

.dashboard-days-remaining-label {
    margin-top: 10px;
}

.dashboard-notification-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    min-height: 24px;
    margin-left: 8px;
    padding: 2px 8px;
    border-radius: 999px;
    background: var(--accent-green);
    color: var(--white);
    font-size: var(--cabinet-size-metadata, 12px);
    font-weight: var(--cabinet-weight-heading, 700);
    line-height: 1;
}

.dashboard-notification-row {
    cursor: pointer;
}

.dashboard-notification-row.is-unread {
    background: rgba(193, 174, 143, 0.14);
}

.dashboard-empty-notification {
    padding: 20px;
    color: var(--muted-text);
    text-align: center;
}

.dashboard-updates-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.dashboard-updates-head small {
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 12px);
    font-weight: var(--cabinet-weight-heading, 700);
    text-transform: uppercase;
}

.dashboard-updates-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.dashboard-update-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 112px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--white);
    color: var(--header-bg);
    text-decoration: none;
}

.dashboard-update-item:hover,
.dashboard-update-item:focus {
    border-color: var(--accent-gold);
    background: rgba(193, 174, 143, 0.09);
    color: var(--header-bg);
    outline: none;
}

.dashboard-update-item.is-unread {
    border-left: 4px solid var(--accent-green);
    background: rgba(50, 122, 104, 0.06);
}

.dashboard-update-item span {
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 12px);
    font-weight: var(--cabinet-weight-heading, 700);
    line-height: 1.35;
}

.dashboard-update-item small {
    margin-top: auto;
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 12px);
    font-weight: var(--cabinet-weight-heading, 700);
    line-height: 1.35;
}

.dashboard-update-item strong {
    min-width: 0;
    color: var(--header-bg);
    font-size: var(--cabinet-size-supporting, 14px);
    font-weight: var(--cabinet-weight-heading, 700);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.card-group {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
    width: 100%;
    max-width: 100%;
    padding: 0 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
}

/* Subscription: force two columns on desktop */
@media (min-width: 992px) {
    .subscription-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile: Subscription grid - single column */
@media (max-width: 991px) {
    .subscription-grid {
        grid-template-columns: 1fr;
    }
}

/* Page title above cards */
.page-title {
    padding: 0 20px;
    margin: 20px 20px 10px;
    font-size: var(--cabinet-size-section, 24px);
    font-weight: var(--cabinet-weight-heading, 700);
    color: var(--header-bg);
    text-transform: uppercase;
}

.card-wrapper {
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 18px;
    box-shadow: 0 2px 8px rgba(47, 47, 47, 0.05);
    color: var(--header-bg);
    background-color: var(--white);
    min-width: 0;
    max-width: 100%;
}

.card-header {
    position: relative;
    font-size: var(--cabinet-size-card, 18px);
    font-weight: var(--cabinet-weight-heading, 600);
    margin-bottom: 10px;
    text-transform: uppercase;

    word-break: break-word;
    overflow-wrap: anywhere;
}

.card-header small{
    font-size: var(--cabinet-size-card, 14px);
    font-weight: var(--cabinet-weight-body, 400);
    text-transform: none;
    margin-right: 6px;
}

/* No scroll inside profile/HUNIT sections (horizontal or vertical). Dropdown stays in header. */
.profile-card .card-body,
.hunit-card .card-body {
    overflow: hidden;
    max-width: 100%;
}

.hunit-card .card-body {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.hunit-summary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.hunit-summary-item {
    min-width: 0;
    padding: 13px 15px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--ultra-light);
}

.hunit-summary-item span,
.hunit-footer span,
.hunit-panel-heading span {
    display: block;
    margin-bottom: 4px;
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 11px);
    font-weight: var(--cabinet-weight-control, 600);
    line-height: 1.25;
    text-transform: uppercase;
}

.hunit-summary-item strong {
    display: block;
    color: var(--header-bg);
    font-size: var(--cabinet-size-section, 23px);
    font-weight: var(--cabinet-weight-control, 600);
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.hunit-summary-item small {
    display: block;
    margin-top: 4px;
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 12px);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.25;
}

.hunit-visual {
    display: grid;
    grid-template-columns: minmax(144px, 0.72fr) minmax(0, 1.28fr);
    gap: 18px;
    align-items: center;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--white);
}

.dashboard-main-grid .hunit-card .donut-wrapper {
    width: 160px;
    height: 160px;
}

.dashboard-main-grid .hunit-card .donut-wrapper canvas {
    width: 160px !important;
    height: 160px !important;
}

.dashboard-main-grid .hunit-card .bars-col,
.dashboard-main-grid .hunit-card .bar {
    max-width: 190px;
}

.hunit-chart-panel,
.hunit-energy-panel {
    min-width: 0;
}

.hunit-chart-panel {
    display: flex;
    justify-content: center;
    align-items: center;
}

.hunit-panel-heading {
    margin-bottom: 14px;
}

.hunit-panel-heading strong {
    display: block;
    color: var(--header-bg);
    font-size: var(--cabinet-size-body, 16px);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.25;
}

.hunit-footer {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding-top: 2px;
}

.hunit-footer div {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    padding: 10px 10px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--ultra-light);
}

.hunit-footer span {
    margin-bottom: 0;
    font-size: var(--cabinet-size-metadata, 10px);
    line-height: 1.25;
    white-space: nowrap;
}

.hunit-footer strong {
    display: block;
    color: var(--header-bg);
    font-size: var(--cabinet-size-metadata, 12px);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.35;
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: none;
}

.hunit-card .bar {
    margin-bottom: 10px;
}

.hunit-card .bar-header {
    gap: 10px;
    font-size: var(--cabinet-size-label, 13px);
    line-height: 1.25;
}

.hunit-card .bar-header .label,
.hunit-card .bar-header .value {
    white-space: nowrap;
}

.hunit-card .bar-header .label {
    font-weight: var(--cabinet-weight-control, 500);
}

.hunit-card .bar-header .value {
    font-weight: var(--cabinet-weight-control, 500);
}

.hunit-card .bar-rail {
    height: 10px;
}

/* FAQ styles */
.faq-title {
    font-size: var(--cabinet-size-body, 16px); /* smaller than card header (18px) */
    font-weight: var(--cabinet-weight-heading, 600);
    color: var(--header-bg);
}
.faq-item {
    border: 1px solid var(--table-border);
    border-radius: 8px;
    padding: 12px 14px;
    margin-bottom: 10px;
}
.faq-question {
    cursor: pointer;
    font-size: var(--cabinet-size-body, 15px); /* smaller than category title */
}

/* Help Guide sections */
.help-section {
    border: 1px solid var(--beige-soft);
    border-radius: 8px;
    padding: 0;
    margin-bottom: 16px;
    background-color: var(--white);
}

.help-section-title {
    font-size: var(--cabinet-size-body, 16px);
    font-weight: var(--cabinet-weight-heading, 600);
    color: var(--header-bg);
    text-transform: uppercase;
    padding: 12px 20px;
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: center;
    user-select: none;
    border-bottom: 1px solid var(--beige-soft);
    transition: background-color 0.2s ease;
}

.help-section-title::-webkit-details-marker {
    display: none;
}

.help-section-title::before {
    content: '▼';
    display: inline-block;
    margin-right: 12px;
    font-size: var(--cabinet-size-metadata, 12px);
    transition: transform 0.2s ease;
    color: var(--accent-green);
}

.help-section[open] .help-section-title::before {
    transform: rotate(180deg);
}

.help-section-title:hover {
    background-color: var(--ultra-light);
}

.help-section-content {
    padding: 12px 20px 16px;
    font-size: var(--cabinet-size-supporting, 14px);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.6;
    color: var(--header-bg);
    white-space: pre-line;
    overflow-x: auto;
    max-width: 100%;
    word-wrap: break-word;
}

.faq-answer {
    font-size: var(--cabinet-size-body, 15px);
    color: var(--header-bg);
}

/* simple divider under subtitles */
.divider {
    height: 1px;
    background: var(--table-border);
    margin: 8px 0 16px;
}

/* section content padding under subtitles */
.section-content {
    padding-top: 10px;
}

.card-footer-action {
    display: flex;
    justify-content: flex-end;
}

/*-------------button with dropdown ----------*/
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-toggle {
    display: flex;
    align-items: center;
}

.dropdown-toggle .chevron {
    /*display: inline-flex;*/
    margin-left: .5rem;
    transition: transform .18s ease;
}
.dropdown-toggle[aria-expanded="true"] .chevron {
    transform: rotate(180deg);
}

.dropdown-menu {
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    min-width: 220px;
    padding: 8px;
    border-radius: 10px;
    /*background: #0f1417;*/
    background: var(--white);
    border: 1px solid var(--border);
    box-shadow: 0 8px 24px rgba(47, 47, 47, 0.12);
    z-index: 1000;

    transform-origin: top right;
    transform: scaleY(0.95) translateY(-6px);
    opacity: 0;
    transition: transform .16s ease, opacity .16s ease;
}


.dropdown-menu[data-open="true"] {
    transform: scaleY(1) translateY(0);
    opacity: 1;
}


.dropdown-menu[hidden] {
    display: block;
    visibility: hidden;
    pointer-events: none;
}

.btn.btn-menu {
    display: block;
    width: 100%;
    text-align: left;
    margin: 0;
    padding: .55rem .75rem;
    border-radius: 8px;
    background: transparent;
    border: 1px solid transparent;
    color: var(--header-bg);
}
.btn.btn-menu:hover,
.btn.btn-menu:focus {
    background: var(--ultra-light);
    border-color: var(--border);
    color: var(--header-bg);
    outline: none;
}

/* Language switcher dropdown styles */
.language-switcher {
    position: relative;
}

.language-switcher .dropdown-toggle {
    padding: 6px 12px;
    font-size: var(--cabinet-size-supporting, 14px);
    min-width: 60px;
    color: var(--header-text-color);
    border: 1px solid var(--header-text-color);
    background-color: transparent;
    display: flex;
    align-items: center;
    gap: 6px;
}

.language-switcher .dropdown-toggle:hover {
    background-color: var(--accent-gold);
    color: var(--header-bg);
    border-color: var(--accent-gold);
}

.language-switcher .dropdown-toggle .chevron {
    margin-left: 0;
    transition: transform .18s ease;
}

.language-switcher .dropdown-toggle[aria-expanded="true"] .chevron {
    transform: rotate(180deg);
}

.language-switcher .dropdown-menu {
    background: var(--white);
    color: var(--header-bg);
    box-shadow: 0 8px 24px rgba(47, 47, 47, 0.12);
    border: 1px solid var(--border);
    min-width: 80px;
    padding: 4px;
    margin-top: 4px;
}

.language-switcher .btn.btn-menu {
    color: var(--header-bg);
    font-weight: var(--cabinet-weight-control, 500);
    padding: 8px 12px;
    border-radius: 6px;
    transition: all 0.15s ease;
}

.language-switcher .btn.btn-menu:hover,
.language-switcher .btn.btn-menu:focus {
    background: var(--ultra-light);
    border-color: transparent;
    color: var(--header-bg);
}

.language-switcher .btn.btn-menu[aria-selected="true"] {
    background: rgba(50, 122, 104, 0.15);
    color: var(--accent-green);
    font-weight: var(--cabinet-weight-control, 600);
}

.chart{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 26px;
    max-width: 100%;
}

.donut-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 320px;
    height: 320px;
    flex-shrink: 0;
    max-width: 100%;
}

.donut-wrapper canvas {
    width: 320px !important;
    height: 320px !important;
}

@media (min-width: 993px) {
    .hunit-card .chart {
        gap: 30px;
    }

    .hunit-card .donut-wrapper {
        width: 250px;
        height: 250px;
    }

    .hunit-card .donut-wrapper canvas {
        width: 250px !important;
        height: 250px !important;
    }

    .hunit-card .bars-col,
    .hunit-card .bar {
        max-width: 360px;
    }
}


/*------------donut-tooltip -----------------*/
.donut-tooltip {
    position: fixed;
    pointer-events: none;
    padding: 6px 10px;
    border-radius: 8px;
    background: rgba(17, 17, 17, 0.9);
    color: #fff;
    font: 12px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial;
    box-shadow: 0 6px 20px rgba(0,0,0,.25);
    transform: translate(10px, 10px);
    opacity: 0;
    transition: opacity .12s ease;
    z-index: 9999;
    white-space: nowrap;
}

/*------energy bars----------*/
.energy-layout {
    display: flex;
    align-items: flex-start;
    gap: 24px;
}
.energy-info {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 2px;
}

.donut-col {
    flex: 0 0 auto;
}

.bars-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 320px;
}

.bar {
    margin-bottom: 11px;
    width: 100%;
    max-width: 320px;
}

.bar-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 6px;
    font-size: var(--cabinet-size-supporting, 14px);
    color: var(--header-bg);
}

.bar-header .label { opacity: .9; }
.bar-header .value { opacity: .7; font-variant-numeric: tabular-nums; }

.bar-rail {
    position: relative;
    height: 12px;
    background: var(--border);
    border-radius: 999px;
    overflow: hidden;
    width: 100%;
}


.bar-fill {
    height: 100%;
    width: 0;
    background: currentColor;
    border-radius: inherit;
    transition: width 280ms ease;
    box-shadow: 0 0 0 transparent, 0 0 14px rgba(0,0,0,0);
}

.bar:hover .bar-fill,
.bar:focus-within .bar-fill {
    box-shadow: 0 0 0 transparent, 0 0 14px currentColor;
}


.bar.physical     { color: var(--header-bg) }
.bar.intellectual { color: var(--accent-green) }
.bar.emotional    { color: var(--accent-gold) }
.bar.cognitive    { color: var(--green-hover) }

.energy-unit-label {
    text-align: center;
    margin-top: 8px;
    font-size: var(--cabinet-size-metadata, 12px);
    color: var(--muted-text);
}

/*-----------subscription---------*/
.current-plan {
    display: flex;
    gap: 12px;
    margin-bottom: 20px;
    justify-content: space-between;
    flex-direction: column;
}
.current-plan label{
    font-size: var(--cabinet-size-supporting, 14px);
    color: var(--header-bg);
    display: block;
}

.plan-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

/* Subscription Plan Card Styles */
.subscription-plan-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.subscription-plan-title {
    font-size: var(--cabinet-size-section, 24px);
    font-weight: var(--cabinet-weight-heading, 700);
    color: #c1ae8f;
    margin: 0 0 24px 0;
    text-transform: none;
}

.subscription-plan-price {
    font-size: var(--cabinet-size-body, 16px);
    font-weight: var(--cabinet-weight-heading, 600);
    color: #327A68;
    margin: 0 0 16px 0;
    line-height: 1.5;
}

.subscription-plan-separator {
    height: 1px;
    background-color: var(--beige-soft);
    margin: 0 0 20px 0;
}

.subscription-plan-content {
    flex: 1;
    font-size: var(--cabinet-size-supporting, 14px);
    line-height: 1.6;
    color: var(--header-bg);
}

.subscription-plan-description {
    margin: 0 0 16px 0;
    font-size: var(--cabinet-size-supporting, 14px);
    line-height: 1.6;
}

.subscription-plan-section-title {
    margin: 20px 0 8px 0;
    font-size: var(--cabinet-size-supporting, 14px);
    font-weight: var(--cabinet-weight-heading, 600);
    color: var(--header-bg);
}

.subscription-plan-section-title:first-of-type {
    margin-top: 0;
}

.subscription-plan-list {
    margin: 0 0 16px 0;
    padding-left: 32px;
    list-style-type: disc;
}

.subscription-plan-list li {
    margin-bottom: 6px;
    line-height: 1.6;
    padding-left: 8px;
}

.subscription-plan-support,
.subscription-plan-status,
.subscription-plan-licensing {
    margin: 12px 0;
    font-size: var(--cabinet-size-supporting, 14px);
    line-height: 1.6;
}

.subscription-plan-button-wrapper {
    margin-top: 24px;
    text-align: center;
    padding-top: 16px;
    border-top: 1px solid var(--beige-soft);
}

.subscription-plan-button {
    display: inline-block;
    padding: 10px 24px;
    background-color: var(--accent-green);
    color: var(--white);
    border: 1px solid var(--accent-green);
    border-radius: 5px;
    text-decoration: none;
    font-size: var(--cabinet-size-control, 14px);
    font-weight: var(--cabinet-weight-control, 500);
    transition: all 0.3s ease;
}

.subscription-plan-button:hover {
    background-color: var(--header-bg);
    border-color: var(--header-bg);
    color: var(--white);
    text-decoration: none;
}

/* Improved current plan presentation */
.current-plan-header {
    display: flex;
    align-items: center;
    gap: 10px;
}
.current-plan-header .label { font-size: var(--cabinet-size-supporting, 14px); color: var(--header-bg); }
.badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: var(--cabinet-size-metadata, 12px);
    font-weight: var(--cabinet-weight-heading, 600);
}
.badge-active {
    background: #327A68;
    color: #fff;
}
.current-plan-meta {
    display: flex;
    gap: 10px;
    align-items: baseline;
    font-size: var(--cabinet-size-supporting, 14px);
    color: var(--header-bg);
}
.current-plan-meta .meta { opacity: .8; }
.current-plan-meta .value { font-weight: var(--cabinet-weight-heading, 600); }

/*-----------certification badge---------*/
.certification-badge-wrapper {
    margin-bottom: 12px;
}

.certification-badge {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-radius: 6px;
    background: #fff;
    border: 1px solid;
    transition: box-shadow 0.2s ease;
}

.certification-badge:hover {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

.certification-badge-icon {
    flex-shrink: 0;
}

.badge-level {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: var(--cabinet-size-metadata, 10px);
    font-weight: var(--cabinet-weight-heading, 700);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.certification-badge-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.certification-status {
    font-size: var(--cabinet-size-metadata, 12px);
    font-weight: var(--cabinet-weight-heading, 600);
    color: var(--header-bg);
    line-height: 1.3;
}

.certification-date {
    font-size: var(--cabinet-size-metadata, 10px);
    opacity: 0.7;
    color: var(--header-bg);
    line-height: 1.3;
}

/* Certification badge colors per technical spec */
.certification-badge-gray {
    border-color: #A1A1A1;
    background: #F8F8F8;
}

.certification-badge-gray .badge-level {
    background: #A1A1A1;
    color: #fff;
}

.certification-badge-green {
    border-color: #327A68;
    background: #F0F7F5;
}

.certification-badge-green .badge-level {
    background: #327A68;
    color: #fff;
}

.certification-badge-blue {
    border-color: #4A90E2;
    background: #F0F5FC;
}

.certification-badge-blue .badge-level {
    background: #4A90E2;
    color: #fff;
}

.certification-badge-gold {
    border-color: var(--accent-gold);
    background: rgba(193, 174, 143, 0.14);
}

.certification-badge-gold .badge-level {
    background: var(--accent-gold);
    color: var(--header-bg);
}

.certification-badge-platinum {
    border-color: #8E8E93;
    background: #F5F5F7;
}

.certification-badge-platinum .badge-level {
    background: linear-gradient(135deg, #8E8E93 0%, #C7C7CC 100%);
    color: #fff;
}

.certification-date-secondary {
    margin-top: 4px;
    font-size: var(--cabinet-size-metadata, 12px);
    opacity: 0.6;
}

/* Certification Empty State */
.certification-empty-state {
    padding: 40px 20px;
    text-align: center;
}

.certification-empty-title {
    font-size: var(--cabinet-size-body, 16px);
    font-weight: var(--cabinet-weight-heading, 600);
    color: var(--header-bg);
    margin-bottom: 8px;
}

.certification-empty-text {
    font-size: var(--cabinet-size-supporting, 14px);
    color: #666;
    margin-top: 8px;
}

.subscription-plan-actions {
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.subscription-plan-actions .btn {
    width: 100%;
}

.subscription-compact {
    background: var(--ultra-light);
    border-radius: 12px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.subscription-compact-row {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: space-between;
}
.subscription-compact .label {
    font-size: var(--cabinet-size-metadata, 12px);
    color: #6f6f6f;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
}
.subscription-compact .value {
    font-size: var(--cabinet-size-body, 16px);
    font-weight: var(--cabinet-weight-heading, 600);
    margin: 0;
}
.subscription-compact.empty {
    text-align: center;
    color: var(--text);
}
.btn-small {
    font-size: 0.85rem;
    padding: 8px 18px;
}

/* Certification Requirements Description */
.certification-requirements-description {
    margin-bottom: 24px;
    color: #666;
    font-size: var(--cabinet-size-supporting, 14px);
    line-height: 1.6;
    padding: 16px;
    background: #F8F8F8;
    border-left: 3px solid var(--accent-green);
    border-radius: 4px;
}

/* Certification Progress */
.certification-progress-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 24px;
}

.certification-progress-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.certification-progress-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
}

.certification-progress-label {
    font-size: var(--cabinet-size-supporting, 14px);
    font-weight: var(--cabinet-weight-control, 600);
    color: var(--header-bg);
}

.certification-progress-value {
    font-size: var(--cabinet-size-supporting, 14px);
    color: #666;
    font-weight: var(--cabinet-weight-control, 500);
}

.certification-progress-bar {
    width: 100%;
    height: 12px;
    background: #E0E0E0;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
}

.certification-progress-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--accent-green) 0%, #4CAF50 100%);
    border-radius: 6px;
    transition: width 0.5s ease;
    box-shadow: 0 2px 4px rgba(50, 122, 104, 0.2);
}

.certification-progress-percentage {
    font-size: var(--cabinet-size-metadata, 12px);
    color: #999;
    margin-top: 4px;
    font-weight: var(--cabinet-weight-control, 500);
}

/* Certification Action Wrapper */
.certification-action-wrapper {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid var(--table-border);
}

.certification-request-btn {
    width: 100%;
    padding: 14px 24px;
    font-size: var(--cabinet-size-body, 16px);
    font-weight: var(--cabinet-weight-heading, 600);
    background-color: var(--header-bg);
    color: #fff;
    border-color: var(--header-bg);
    transition: all 0.3s ease;
}

.certification-request-btn:hover {
    background-color: var(--accent-green);
    border-color: var(--accent-green);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(50, 122, 104, 0.3);
}

.certification-request-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

/* Certification Warning Box */
.certification-warning-box {
    margin-top: 24px;
    padding: 16px;
    background: #FFF9E6;
    border: 1px solid #FFD700;
    border-radius: 6px;
    font-size: var(--cabinet-size-label, 13px);
    color: #666;
    line-height: 1.5;
    border-left: 4px solid #FFD700;
}

/* Certification Pending Review Status */
.certification-pending-box {
    margin-top: 24px;
    padding: 20px;
    background: linear-gradient(135deg, #E3F2FD 0%, #F0F7FF 100%);
    border: 1px solid #2196F3;
    border-radius: 8px;
}

.certification-pending-title {
    font-size: var(--cabinet-size-body, 16px);
    font-weight: var(--cabinet-weight-heading, 600);
    color: #1976D2;
    margin-bottom: 8px;
}

.certification-pending-text {
    font-size: var(--cabinet-size-supporting, 14px);
    color: #424242;
    line-height: 1.5;
    margin-bottom: 8px;
}

.certification-pending-date {
    font-size: var(--cabinet-size-label, 13px);
    color: #666;
    font-style: italic;
    margin-top: 8px;
}

.certification-pending-note {
    margin-top: 12px;
    padding: 12px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 6px;
    font-size: var(--cabinet-size-label, 13px);
    color: #424242;
    line-height: 1.5;
}

/* Membership Workspace */
.membership-page {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.membership-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-top: 22px;
}

.membership-hero h1 {
    margin: 0;
    color: var(--header-bg);
    font-size: var(--type-page-title);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.25;
}

.membership-hero p {
    margin: 4px 0 0;
    color: var(--muted-text);
    font-size: var(--type-body);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.membership-eyebrow {
    margin: 0 0 4px !important;
    color: var(--accent-green) !important;
    font-size: var(--type-label) !important;
    font-weight: var(--cabinet-weight-control, 600) !important;
    line-height: 1.35 !important;
}

.membership-context {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    min-width: 220px;
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--white);
    box-shadow: 0 4px 12px rgba(47, 47, 47, 0.035);
}

.membership-context span,
.membership-status-list span,
.membership-access-list span,
.membership-integration-list span,
.membership-modal-summary span,
.membership-payment-summary span {
    color: var(--muted-text);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.4;
}

.membership-context strong,
.membership-status-list strong,
.membership-access-list strong,
.membership-integration-list strong,
.membership-modal-summary strong,
.membership-payment-summary strong {
    color: var(--header-bg);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.35;
}

.membership-section {
    min-width: 0;
}

.membership-state-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    gap: 20px;
}

.membership-card .card-header {
    justify-content: space-between;
}

.membership-card .card-header > div:first-child {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.membership-card .card-body {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.membership-feedback,
.membership-note {
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-left: 3px solid var(--accent-green);
    border-radius: 8px;
    background: var(--theme-secondary-workspace);
    color: var(--header-bg);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.membership-feedback.is-warning {
    border-left-color: var(--accent-gold);
}

.membership-feedback.is-error {
    border-left-color: #D64545;
}

.membership-note {
    margin: 0;
    border-left-color: var(--border);
    color: var(--muted-text);
}

.membership-notice {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 16px;
    border: 1px solid var(--border);
    border-left: 3px solid var(--accent-green);
    border-radius: 8px;
    background: var(--theme-secondary-workspace);
}

.membership-notice.is-warning {
    border-left-color: var(--accent-gold);
}

.membership-notice.is-error {
    border-left-color: #D64545;
}

.membership-notice strong {
    color: var(--header-bg);
    font-size: var(--type-body);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.35;
}

.membership-notice span {
    color: var(--muted-text);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.membership-status-list,
.membership-access-list {
    display: flex;
    flex-direction: column;
}

.membership-status-list > div,
.membership-access-list > div {
    display: grid;
    grid-template-columns: minmax(150px, 0.44fr) minmax(0, 1fr);
    gap: 16px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(230, 226, 216, 0.75);
}

.membership-status-list > div:first-child,
.membership-access-list > div:first-child {
    padding-top: 0;
}

.membership-status-list > div:last-child,
.membership-access-list > div:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.membership-trial-timeline {
    display: grid;
    gap: 9px;
    padding: 13px 14px;
    border: 1px solid rgba(50, 122, 104, 0.18);
    border-radius: 8px;
    background: rgba(50, 122, 104, 0.07);
}

.membership-trial-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.membership-trial-head span {
    color: var(--header-bg);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.35;
}

.membership-trial-head strong {
    color: var(--accent-green);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.35;
    text-align: right;
}

.membership-trial-track {
    overflow: hidden;
    height: 7px;
    border-radius: 999px;
    background: rgba(230, 226, 216, 0.85);
}

.membership-trial-track span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--accent-green);
}

.membership-trial-timeline p {
    margin: 0;
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.4;
}

.membership-action-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

.membership-secondary-action,
.membership-modal-secondary {
    border-color: var(--border);
    background: var(--white);
    color: var(--header-bg);
}

.membership-secondary-action:hover,
.membership-secondary-action:focus,
.membership-modal-secondary:hover,
.membership-modal-secondary:focus {
    border-color: var(--accent-gold);
    background: rgba(193, 174, 143, 0.12);
    color: var(--header-bg);
    outline: none;
}

.membership-section-heading {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.membership-section-heading h2 {
    margin: 0;
    color: var(--header-bg);
    font-size: var(--type-section-title);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.3;
}

.membership-section-heading p {
    margin: 4px 0 0;
    color: var(--muted-text);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.membership-options-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.membership-option-card {
    gap: 0;
    padding: 20px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--white);
    box-shadow: 0 4px 12px rgba(47, 47, 47, 0.035);
}

.membership-option-card.is-current-plan {
    border-color: var(--accent-green);
    box-shadow: 0 0 0 1px rgba(50, 122, 104, 0.12), 0 4px 12px rgba(47, 47, 47, 0.035);
}

.membership-current-plan-badge {
    display: inline-flex;
    margin-top: 8px;
    padding: 4px 8px;
    border-radius: 4px;
    background: rgba(50, 122, 104, 0.1);
    color: var(--accent-green);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.2;
}

.membership-plan-limit-summary {
    display: grid;
    gap: 3px;
    margin: 0 0 10px;
    padding: 10px 12px;
    border: 1px solid var(--border);
    border-radius: 4px;
    background: var(--ultra-light);
}

.membership-plan-limit-summary span {
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-body, 400);
}

.membership-plan-limit-summary strong {
    color: var(--header-bg);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-control, 500);
}

.membership-plan-best-for {
    display: grid;
    gap: 4px;
    padding: 10px 12px;
    border: 1px solid rgba(50, 122, 104, 0.14);
    border-radius: 6px;
    background: rgba(50, 122, 104, 0.06);
}

.membership-plan-best-for span {
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.3;
}

.membership-plan-best-for strong {
    color: var(--header-bg);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.45;
}

.membership-plan-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.membership-plan-meta span {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 5px 8px;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: var(--ultra-light);
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.25;
}

.membership-progress-block,
.membership-aria-recommendation {
    display: grid;
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: rgba(249, 248, 242, 0.64);
}

.membership-progress-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
}

.membership-progress-head span,
.membership-aria-recommendation span {
    color: var(--header-bg);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.35;
}

.membership-progress-head small {
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.35;
    text-align: right;
}

.membership-progress-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.membership-progress-list span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 32px;
    padding: 7px 9px;
    border: 1px solid var(--border);
    border-radius: 6px;
    background: var(--white);
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.25;
}

.membership-progress-list span.is-complete {
    color: var(--accent-green);
}

.membership-progress-list strong {
    color: inherit;
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1;
}

.membership-aria-recommendation > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.membership-aria-recommendation strong {
    display: inline-flex;
    min-height: 26px;
    align-items: center;
    padding: 5px 9px;
    border-radius: 999px;
    background: rgba(193, 174, 143, 0.16);
    color: var(--header-bg);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.2;
}

.membership-aria-recommendation p {
    margin: 0;
    color: var(--muted-text);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.5;
}

html[data-theme="dark"] .personal-cabinet-shell .membership-option-card.is-current-plan {
    border-color: var(--theme-primary-button);
    box-shadow: 0 0 0 1px rgba(79, 156, 135, 0.2);
}

html[data-theme="dark"] .personal-cabinet-shell .membership-current-plan-badge {
    background: rgba(79, 156, 135, 0.16);
    color: var(--theme-primary-button);
}

html[data-theme="dark"] .personal-cabinet-shell .membership-plan-limit-summary {
    border-color: var(--theme-primary-border);
    background: rgba(37, 42, 49, 0.72);
}

html[data-theme="dark"] .personal-cabinet-shell .membership-plan-limit-summary strong {
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .membership-trial-timeline,
html[data-theme="dark"] .personal-cabinet-shell .membership-plan-best-for,
html[data-theme="dark"] .personal-cabinet-shell .membership-plan-meta span,
html[data-theme="dark"] .personal-cabinet-shell .membership-progress-block,
html[data-theme="dark"] .personal-cabinet-shell .membership-aria-recommendation,
html[data-theme="dark"] .personal-cabinet-shell .membership-progress-list span {
    border-color: var(--theme-primary-border);
    background: var(--theme-secondary-workspace);
    color: var(--theme-secondary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .membership-trial-head span,
html[data-theme="dark"] .personal-cabinet-shell .membership-plan-best-for strong,
html[data-theme="dark"] .personal-cabinet-shell .membership-progress-head span,
html[data-theme="dark"] .personal-cabinet-shell .membership-aria-recommendation span {
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .membership-trial-head strong {
    color: var(--theme-primary-button);
}

html[data-theme="dark"] .personal-cabinet-shell .membership-trial-track {
    background: var(--theme-primary-border);
}

html[data-theme="dark"] .personal-cabinet-shell .membership-trial-track span {
    background: var(--theme-primary-button);
}

html[data-theme="dark"] .personal-cabinet-shell .membership-trial-timeline p,
html[data-theme="dark"] .personal-cabinet-shell .membership-plan-best-for span,
html[data-theme="dark"] .personal-cabinet-shell .membership-plan-meta span,
html[data-theme="dark"] .personal-cabinet-shell .membership-progress-head small,
html[data-theme="dark"] .personal-cabinet-shell .membership-aria-recommendation p {
    color: var(--theme-supporting-text);
}

html[data-theme="dark"] .personal-cabinet-shell .membership-progress-list span.is-complete {
    color: var(--theme-primary-button);
}

html[data-theme="dark"] .personal-cabinet-shell .membership-aria-recommendation strong {
    background: rgba(211, 190, 152, 0.16);
    color: var(--theme-primary-gold);
}

html[data-theme="dark"] .personal-cabinet-shell .membership-state-summary > div,
html[data-theme="dark"] .personal-cabinet-shell .membership-access-card .membership-access-list > div,
html[data-theme="dark"] .personal-cabinet-shell .membership-integration-list span em {
    border-color: var(--theme-primary-border);
    background: var(--theme-secondary-workspace);
    color: var(--theme-secondary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .membership-state-summary strong {
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .membership-state-summary span {
    color: var(--theme-supporting-text);
}

html[data-theme="dark"] .personal-cabinet-shell .membership-access-card .membership-access-list > div:first-child,
html[data-theme="dark"] .personal-cabinet-shell .membership-integration-list span em {
    border-color: rgba(79, 156, 135, 0.32);
    background: rgba(79, 156, 135, 0.12);
    color: var(--theme-primary-button);
}

html[data-theme="dark"] .personal-cabinet-shell .membership-records-row:nth-child(odd) {
    background: rgba(43, 49, 56, 0.42);
}

html[data-theme="dark"] .personal-cabinet-shell .membership-modal-summary > div,
html[data-theme="dark"] .personal-cabinet-shell .membership-payment-summary {
    border-color: var(--theme-secondary-border);
    background: var(--theme-secondary-workspace);
    color: var(--theme-secondary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .membership-payment-summary {
    border-left-color: var(--theme-primary-gold);
}

html[data-theme="dark"] .personal-cabinet-shell .membership-modal-summary span,
html[data-theme="dark"] .personal-cabinet-shell .membership-modal-summary small,
html[data-theme="dark"] .personal-cabinet-shell .membership-payment-summary span,
html[data-theme="dark"] .personal-cabinet-shell .membership-payment-summary small {
    color: var(--theme-supporting-text);
}

html[data-theme="dark"] .personal-cabinet-shell .membership-modal-summary strong,
html[data-theme="dark"] .personal-cabinet-shell .membership-payment-summary strong {
    color: var(--theme-primary-text);
}

.membership-option-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.membership-page .subscription-plan-title {
    margin: 0;
    color: var(--header-bg);
    font-size: var(--type-card-title);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.3;
}

.membership-page .subscription-plan-price {
    margin: 0;
    color: var(--accent-green);
    font-size: var(--type-subsection-title);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.3;
    text-align: right;
}

.membership-page .subscription-plan-separator {
    height: 1px;
    margin: 16px 0;
    background: var(--border);
}

.membership-page .subscription-plan-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 12px;
    color: var(--header-bg);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.membership-page .subscription-plan-description,
.membership-page .subscription-plan-support,
.membership-page .subscription-plan-status,
.membership-page .subscription-plan-licensing {
    margin: 0;
    color: var(--muted-text);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.membership-page .subscription-plan-section-title {
    margin: 6px 0 0;
    color: var(--header-bg);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.4;
    letter-spacing: 0;
    text-transform: none;
}

.membership-page .subscription-plan-list {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.membership-page .subscription-plan-list li {
    position: relative;
    margin: 0;
    padding-left: 18px;
    color: var(--header-bg);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.membership-page .subscription-plan-list li::before {
    position: absolute;
    top: 0.66em;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--accent-gold);
    content: "";
}

.membership-page .subscription-plan-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid var(--border);
}

.membership-page .subscription-plan-actions .btn {
    width: 100%;
    min-width: 0;
    height: auto;
    min-height: var(--cabinet-control-height, 38px);
    padding: 8px 14px;
    border-radius: 6px;
    font-size: var(--type-button);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.2;
    box-shadow: none;
    white-space: normal;
    overflow-wrap: anywhere;
    text-align: center;
}

.membership-page .subscription-plan-actions > small {
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.4;
}

.membership-page .subscription-plan-actions .btn.primary {
    border-color: var(--accent-green);
    background: var(--accent-green);
    color: var(--white);
}

.membership-page .subscription-plan-actions .btn.primary:hover,
.membership-page .subscription-plan-actions .btn.primary:focus {
    border-color: var(--green-hover);
    background: var(--green-hover);
    color: var(--white);
}

.membership-page .subscription-plan-actions .btn.outline {
    border-color: var(--border);
    background: var(--white);
    color: var(--header-bg);
}

.membership-page .subscription-plan-actions .btn.outline:hover,
.membership-page .subscription-plan-actions .btn.outline:focus {
    border-color: var(--accent-gold);
    background: rgba(193, 174, 143, 0.12);
    color: var(--header-bg);
}

.membership-records-table {
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--white);
}

.membership-records-head,
.membership-records-row {
    display: grid;
    grid-template-columns: minmax(160px, 1.1fr) minmax(100px, 0.75fr) minmax(110px, 0.75fr) minmax(120px, 0.8fr) minmax(120px, 0.8fr);
    gap: 12px;
    align-items: center;
}

.membership-records-head {
    padding: 12px 16px;
    background: var(--accent-green);
    color: var(--white);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.4;
}

.membership-records-row {
    padding: 13px 16px;
    border-top: 1px solid var(--border);
    color: var(--header-bg);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.membership-records-row div {
    min-width: 0;
    overflow-wrap: anywhere;
}

.membership-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(193, 174, 143, 0.18);
    color: var(--header-bg);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.3;
}

.membership-badge.badge-paid {
    background: rgba(50, 122, 104, 0.14);
    color: var(--accent-green);
}

.membership-badge.badge-void,
.membership-badge.badge-uncollectible {
    background: rgba(214, 69, 69, 0.12);
    color: #B42318;
}

.membership-link {
    color: var(--accent-green);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-control, 500);
    text-decoration: none;
}

.membership-link:hover,
.membership-link:focus {
    color: var(--green-hover);
    text-decoration: underline;
}

.membership-empty-state {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 14px;
    min-height: 96px;
    padding: 18px;
    border: 1px dashed var(--border);
    border-radius: 8px;
    background: rgba(249, 248, 242, 0.58);
}

.membership-empty-state p {
    margin: 0;
    color: var(--muted-text);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.membership-empty-state strong {
    color: var(--header-bg);
    font-size: var(--type-body);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.35;
}

.membership-record-preview {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}

.membership-record-preview span {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    padding: 6px 10px;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: var(--white);
    color: var(--header-bg);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.2;
}

.membership-integration-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.membership-integration-list > div {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 96px;
    padding: 16px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--theme-secondary-workspace);
}

/* Module 9: Membership access and participation workspace polish */
.personal-cabinet-shell .membership-page {
    gap: var(--cabinet-section-gap);
}

.personal-cabinet-shell .membership-state-card .card-body,
.personal-cabinet-shell .membership-access-card .card-body {
    flex: 1 1 auto;
}

.personal-cabinet-shell .membership-state-summary {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 10px;
}

.personal-cabinet-shell .membership-state-summary > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    min-height: 72px;
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-radius: var(--cabinet-card-radius);
    background: var(--theme-secondary-workspace);
}

.personal-cabinet-shell .membership-state-summary span {
    color: var(--muted-text);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.35;
}

.personal-cabinet-shell .membership-state-summary strong {
    color: var(--header-bg);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-control, 600);
    line-height: 1.35;
}

.personal-cabinet-shell .membership-access-card .membership-access-list > div {
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-left: 3px solid var(--theme-secondary-border);
    border-radius: var(--cabinet-card-radius);
    background: var(--theme-secondary-workspace);
}

.personal-cabinet-shell .membership-access-card .membership-access-list > div:first-child {
    border-left-color: var(--accent-green);
}

.personal-cabinet-shell .membership-access-card .membership-access-list {
    gap: 10px;
}

.personal-cabinet-shell .membership-option-card {
    display: flex;
    flex-direction: column;
}

.personal-cabinet-shell .membership-option-card .subscription-plan-content {
    flex: 1 1 auto;
}

.personal-cabinet-shell .membership-option-card .subscription-plan-price {
    color: var(--accent-green);
}

.personal-cabinet-shell .membership-records-row:nth-child(odd) {
    background: var(--theme-secondary-workspace);
}

.personal-cabinet-shell .membership-records-card .membership-empty-state {
    align-items: flex-start;
    text-align: left;
}

.personal-cabinet-shell .membership-records-card .membership-record-preview {
    justify-content: flex-start;
}

.personal-cabinet-shell .membership-integration-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.personal-cabinet-shell .membership-integration-list span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.personal-cabinet-shell .membership-integration-list span em {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 2px 8px;
    border: 1px solid var(--theme-primary-border);
    border-radius: 999px;
    background: var(--theme-ghost-hover);
    color: var(--theme-primary-button);
    font-size: var(--type-metadata);
    font-style: normal;
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.2;
    white-space: nowrap;
}

.membership-footer {
    padding-bottom: 0;
}

.membership-modal {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(47, 47, 47, 0.34);
}

.membership-modal.is-visible {
    display: flex;
}

.membership-modal-panel {
    width: min(100%, 560px);
    max-height: 90vh;
    overflow-y: auto;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--white);
    box-shadow: 0 12px 30px rgba(47, 47, 47, 0.14);
}

body.membership-modal-open {
    overflow: hidden;
}

.membership-modal-panel:focus {
    outline: none;
}

.membership-data-sources {
    margin-top: 0;
}

.membership-modal-header,
.membership-modal-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 20px;
    border-bottom: 1px solid var(--border);
}

.membership-modal-footer {
    justify-content: flex-end;
    border-top: 1px solid var(--border);
    border-bottom: 0;
}

.membership-modal-header h2 {
    margin: 0;
    color: var(--header-bg);
    font-size: var(--type-card-title);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.3;
}

.membership-modal-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid var(--border);
    border-radius: 6px;
    background: var(--white);
    color: var(--header-bg);
    cursor: pointer;
    font-size: var(--type-body);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1;
}

.membership-modal-close:hover,
.membership-modal-close:focus {
    border-color: var(--accent-gold);
    background: rgba(193, 174, 143, 0.12);
    outline: none;
}

.membership-modal-body {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 20px;
}

.membership-modal-intro,
.membership-modal-note {
    margin: 0;
    color: var(--muted-text);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.membership-modal-summary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.membership-modal-summary > div,
.membership-payment-summary {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 16px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: rgba(249, 248, 242, 0.58);
}

.membership-modal-summary small,
.membership-payment-summary small {
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.4;
}

.membership-payment-summary {
    border-left: 3px solid var(--accent-gold);
}

.membership-payment-summary strong {
    color: var(--header-bg);
    font-size: var(--type-section-title);
    font-weight: var(--cabinet-weight-control, 600);
    line-height: 1.25;
}

@media (max-width: 1180px) {
    .membership-state-grid,
    .membership-options-grid,
    .membership-integration-list {
        grid-template-columns: 1fr;
    }

    .membership-progress-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .membership-hero {
        align-items: stretch;
        flex-direction: column;
    }

    .membership-context {
        align-items: flex-start;
        min-width: 0;
    }

    .membership-option-head {
        flex-direction: column;
    }

    .membership-page .subscription-plan-price {
        text-align: left;
    }
}

@media (max-width: 680px) {
    .personal-cabinet-shell .membership-state-summary {
        grid-template-columns: 1fr;
    }

    .membership-status-list > div,
    .membership-access-list > div {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .membership-records-head {
        display: none;
    }

    .membership-records-row {
        grid-template-columns: 1fr;
        gap: 7px;
        padding: 14px;
    }

    .membership-records-row div::before {
        content: attr(data-label) ": ";
        color: var(--muted-text);
        font-size: var(--type-metadata);
        font-weight: var(--cabinet-weight-control, 500);
    }

    .membership-modal-summary {
        grid-template-columns: 1fr;
    }

    .membership-modal-footer {
        flex-direction: column;
    }

    .membership-modal-footer .btn {
        width: 100%;
    }

    .personal-cabinet-shell .membership-integration-list span {
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-start;
    }
}

/* Certification Achievement Workspace */
.certification-page {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.certification-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-top: 22px;
}

.certification-hero h1 {
    margin: 0;
    color: var(--header-bg);
    font-size: var(--type-page-title);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.25;
}

.certification-hero p {
    margin: 4px 0 0;
    color: var(--muted-text);
    font-size: var(--type-body);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.certification-eyebrow {
    margin: 0 0 4px !important;
    color: var(--accent-green) !important;
    font-size: var(--type-label) !important;
    font-weight: var(--cabinet-weight-control, 600) !important;
    line-height: 1.35 !important;
}

.certification-context {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    min-width: 220px;
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--white);
    box-shadow: 0 4px 12px rgba(47, 47, 47, 0.035);
}

.certification-context span,
.certification-summary-list span,
.certification-integration-list span,
.certification-modal-summary span {
    color: var(--muted-text);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.4;
}

.certification-context strong,
.certification-summary-list strong,
.certification-integration-list strong,
.certification-modal-summary strong {
    color: var(--header-bg);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.35;
}

.certification-section {
    min-width: 0;
}

.certification-primary-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.certification-card .card-header {
    justify-content: space-between;
}

.certification-card .card-header > div:first-child {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.certification-card .card-body {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.certification-summary-list,
.certification-modal-summary {
    display: flex;
    flex-direction: column;
}

.certification-summary-list > div,
.certification-modal-summary > div {
    display: grid;
    grid-template-columns: minmax(130px, 0.45fr) minmax(0, 1fr);
    gap: 16px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(230, 226, 216, 0.75);
}

.certification-summary-list > div:first-child,
.certification-modal-summary > div:first-of-type {
    padding-top: 0;
}

.certification-summary-list > div:last-child,
.certification-modal-summary > div:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.certification-page .certification-badge-wrapper {
    margin-bottom: 0;
}

.certification-page .certification-badge {
    gap: 16px;
    min-height: 104px;
    padding: 18px;
    border-color: var(--border);
    border-radius: 8px;
    background: rgba(249, 248, 242, 0.58);
    box-shadow: none;
}

.certification-page .certification-badge:hover {
    box-shadow: none;
}

.certification-page .badge-level {
    padding: 6px 10px;
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-heading, 600);
    letter-spacing: 0;
    text-transform: none;
}

.certification-page .certification-status {
    color: var(--header-bg);
    font-size: var(--type-subsection-title);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.3;
}

.certification-page .certification-date {
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.4;
    opacity: 1;
}

.certification-page .certification-empty-state,
.certification-page .certification-max-level {
    display: flex;
    flex-direction: column;
    gap: 6px;
    justify-content: center;
    min-height: 116px;
    padding: 18px;
    border: 1px dashed var(--border);
    border-radius: 8px;
    background: rgba(249, 248, 242, 0.58);
    text-align: left;
}

.certification-page .certification-empty-title,
.certification-page .certification-max-level-title {
    margin: 0;
    color: var(--header-bg);
    font-size: var(--type-body);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.35;
}

.certification-page .certification-empty-text,
.certification-page .certification-max-level-text {
    margin: 0;
    color: var(--muted-text);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.certification-page .certification-requirements-description {
    margin: 0;
    padding: 14px 16px;
    border: 1px solid var(--border);
    border-left: 3px solid var(--accent-green);
    border-radius: 8px;
    background: rgba(249, 248, 242, 0.58);
    color: var(--header-bg);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.certification-page .certification-progress-list {
    gap: 14px;
    margin-bottom: 0;
}

.certification-page .certification-progress-item {
    gap: 8px;
    padding: 14px 16px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: rgba(249, 248, 242, 0.58);
}

.certification-page .certification-progress-header {
    margin-bottom: 0;
}

.certification-page .certification-progress-label,
.certification-page .certification-progress-value {
    color: var(--header-bg);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.35;
}

.certification-page .certification-progress-bar {
    height: 8px;
    border-radius: 999px;
    background: rgba(230, 226, 216, 0.9);
}

.certification-page .certification-progress-fill {
    width: 0;
    border-radius: 999px;
    background: var(--accent-green);
    box-shadow: none;
    transition: width 0.25s ease;
}

.certification-page .certification-progress-percentage {
    margin-top: 0;
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.4;
}

.certification-page .certification-action-wrapper {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.certification-page .certification-request-btn,
.certification-modal .certification-request-btn {
    width: auto;
    min-height: var(--cabinet-control-height, 38px);
    padding: 8px 16px;
    border: 1px solid var(--accent-green);
    border-radius: 6px;
    background: var(--accent-green);
    color: var(--white);
    font-size: var(--type-button);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.2;
    box-shadow: none;
    transform: none;
}

.certification-page .certification-request-btn:hover,
.certification-page .certification-request-btn:focus,
.certification-modal .certification-request-btn:hover,
.certification-modal .certification-request-btn:focus {
    border-color: var(--green-hover);
    background: var(--green-hover);
    color: var(--white);
    box-shadow: none;
    outline: none;
    transform: none;
}

.certification-page .certification-warning-box,
.certification-page .certification-pending-box,
.certification-review-ready {
    margin-top: 0;
    padding: 16px;
    border: 1px solid var(--border);
    border-left: 3px solid var(--accent-gold);
    border-radius: 8px;
    background: rgba(249, 248, 242, 0.58);
    color: var(--header-bg);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.certification-review-ready {
    display: flex;
    flex-direction: column;
    gap: 6px;
    border-left-color: var(--accent-green);
}

.certification-review-ready strong {
    color: var(--header-bg);
    font-size: var(--type-body);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.35;
}

.certification-review-ready span {
    color: var(--muted-text);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.personal-cabinet-shell .certification-level-path {
    margin-top: 16px;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: var(--cabinet-card-radius);
    background: rgba(249, 248, 242, 0.72);
}

.personal-cabinet-shell .certification-level-path summary {
    padding: 13px 15px;
    color: var(--header-bg);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-control, 700);
    line-height: 1.35;
    cursor: pointer;
}

.personal-cabinet-shell .certification-level-path > div {
    display: grid;
    gap: 8px;
    padding: 0 15px 15px;
}

.personal-cabinet-shell .certification-level-path article {
    display: grid;
    gap: 4px;
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--white);
}

.personal-cabinet-shell .certification-level-path article strong {
    color: var(--header-bg);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-heading, 700);
    line-height: 1.35;
}

.personal-cabinet-shell .certification-level-path article span {
    overflow-wrap: anywhere;
    color: var(--muted-text);
    font-size: var(--type-metadata);
    line-height: 1.45;
}

.certification-page .certification-pending-title {
    margin-bottom: 8px;
    color: var(--header-bg);
    font-size: var(--type-body);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.35;
}

.certification-page .certification-pending-text,
.certification-page .certification-pending-date,
.certification-page .certification-pending-note {
    color: var(--header-bg);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.certification-page .certification-pending-note {
    border: 1px solid var(--border);
    background: var(--white);
}

.certification-page .certification-pending-note strong {
    color: var(--header-bg);
}

.certification-history-section .card-body {
    gap: 0;
}

.certification-page .certification-history-card {
    overflow: hidden;
    margin-top: 0;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--white);
}

.certification-history-head,
.certification-history-row {
    display: grid;
    grid-template-columns: minmax(180px, 1.2fr) minmax(180px, 1.2fr) minmax(130px, 0.85fr) minmax(110px, 0.7fr);
    gap: 12px;
    align-items: center;
}

.certification-page .certification-history-head {
    padding: 12px 16px;
    background: var(--accent-green);
    color: var(--white);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.4;
}

.certification-history-row {
    padding: 13px 16px;
    border-top: 1px solid var(--border);
    color: var(--header-bg);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.certification-history-row div {
    min-width: 0;
    overflow-wrap: anywhere;
}

.certification-page .certification-status-badge {
    padding: 4px 10px;
    border-radius: 999px;
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-control, 500);
    letter-spacing: 0;
    text-transform: none;
}

.certification-integration-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.certification-integration-list > div,
.certification-integration-list > a {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 96px;
    padding: 16px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: rgba(249, 248, 242, 0.58);
    color: inherit;
    text-decoration: none;
}

.certification-integration-list > a:hover,
.certification-integration-list > a:focus-visible {
    border-color: var(--accent-green);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent-green) 15%, transparent);
}

.certification-footer {
    padding-bottom: 0;
}

.certification-modal {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(47, 47, 47, 0.34);
}

.certification-modal.is-visible {
    display: flex;
}

.certification-modal-panel {
    width: min(100%, 520px);
    max-height: 90vh;
    overflow-y: auto;
    padding: 24px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--white);
    box-shadow: 0 12px 30px rgba(47, 47, 47, 0.14);
}

.certification-modal-panel h3 {
    margin: 0 0 14px;
    color: var(--header-bg);
    font-size: var(--type-card-title);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.3;
}

.certification-modal-intro {
    margin: 0 0 18px;
    color: var(--muted-text);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.certification-modal-summary {
    gap: 0;
    margin-bottom: 18px;
    padding: 16px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: rgba(249, 248, 242, 0.58);
}

.certification-modal-summary > strong {
    margin-bottom: 10px;
    color: var(--header-bg);
    font-size: var(--type-body);
    font-weight: var(--cabinet-weight-control, 600);
    line-height: 1.35;
}

.certification-modal-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 18px;
}

.certification-modal-field label {
    color: var(--muted-text);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.4;
}

.certification-modal-field textarea {
    width: 100%;
    min-height: 96px;
    padding: 10px 12px;
    border: 1px solid var(--border);
    border-radius: 6px;
    background: var(--white);
    color: var(--header-bg);
    font-size: var(--type-body);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.5;
    resize: vertical;
    box-sizing: border-box;
}

.certification-modal-field textarea:focus {
    border-color: var(--accent-gold);
    outline: none;
    box-shadow: 0 0 0 2px rgba(193, 174, 143, 0.16);
}

.certification-modal-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.certification-modal-secondary {
    border-color: var(--border);
    background: var(--white);
    color: var(--header-bg);
}

.certification-modal-secondary:hover,
.certification-modal-secondary:focus {
    border-color: var(--accent-gold);
    background: rgba(193, 174, 143, 0.12);
    color: var(--header-bg);
    outline: none;
}

.certification-toast {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10001;
    width: min(360px, calc(100vw - 40px));
    padding: 14px 16px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--white);
    box-shadow: 0 10px 24px rgba(47, 47, 47, 0.12);
    color: var(--header-bg);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.4;
}

.certification-toast.is-success {
    border-left: 4px solid var(--accent-green);
}

.certification-toast.is-error {
    border-left: 4px solid #D64545;
}

.certification-toast-content {
    display: flex;
    align-items: center;
    gap: 10px;
}

.certification-toast-content span:first-child {
    color: var(--accent-green);
    font-weight: var(--cabinet-weight-heading, 600);
}

.certification-toast.is-error .certification-toast-content span:first-child {
    color: #D64545;
}

@media (max-width: 1180px) {
    .certification-primary-grid,
    .certification-integration-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .certification-hero {
        align-items: stretch;
        flex-direction: column;
    }

    .certification-context {
        align-items: flex-start;
        min-width: 0;
    }
}

@media (max-width: 680px) {
    .certification-summary-list > div,
    .certification-modal-summary > div {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .certification-history-head {
        display: none;
    }

    .certification-history-row {
        grid-template-columns: 1fr;
        gap: 7px;
        padding: 14px;
    }

    .certification-history-row div::before {
        content: attr(data-label) ": ";
        color: var(--muted-text);
        font-size: var(--type-metadata);
        font-weight: var(--cabinet-weight-control, 500);
    }

    .certification-modal-actions {
        flex-direction: column;
    }

    .certification-modal-actions .btn {
        width: 100%;
    }
}

/* Statistics Page Styles */

.statistics-page {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.statistics-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-top: 22px;
}

.statistics-hero h1 {
    margin: 0;
    color: var(--header-bg);
    font-size: var(--type-page-title);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.25;
}

.statistics-hero p {
    margin: 4px 0 0;
    color: var(--muted-text);
    font-size: var(--type-body);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.statistics-eyebrow {
    margin: 0 0 4px !important;
    color: var(--accent-green) !important;
    font-size: var(--type-label) !important;
    font-weight: var(--cabinet-weight-control, 600) !important;
    line-height: 1.35 !important;
}

.statistics-context {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    min-width: 220px;
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--white);
    box-shadow: 0 4px 12px rgba(47, 47, 47, 0.035);
}

.statistics-context span,
.statistics-filter-row small,
.statistics-subhead small,
.statistics-integration-list span {
    color: var(--muted-text);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.4;
}

.statistics-context strong,
.statistics-integration-list strong {
    color: var(--header-bg);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.35;
}

.statistics-section {
    min-width: 0;
}

.statistics-primary-grid,
.statistics-secondary-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.statistics-card .card-header {
    justify-content: space-between;
}

.statistics-card .card-header > div:first-child {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.statistics-card .card-body {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.statistics-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.stat-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 108px;
    padding: 16px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: rgba(249, 248, 242, 0.58);
}

.stat-item-muted {
    background: rgba(255, 255, 255, 0.72);
}

.stat-label {
    color: var(--muted-text);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.4;
}

.stat-value {
    color: var(--header-bg);
    font-size: var(--type-card-title);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.25;
}

.stat-note {
    margin-top: auto;
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.4;
}

.chart-block {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.statistics-subhead {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
}

.statistics-subhead span {
    color: var(--header-bg);
    font-size: var(--type-subsection-title);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.3;
}

.chart-container {
    position: relative;
    min-height: 260px;
    height: 300px;
    margin-top: 0;
}

.chart-container-compact {
    height: 220px;
    min-height: 220px;
}

.energy-breakdown {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.energy-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    padding: 13px 14px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: rgba(249, 248, 242, 0.58);
}

.energy-label {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
    color: var(--header-bg);
    font-size: var(--type-body);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.35;
}

.energy-color {
    display: inline-block;
    flex: 0 0 14px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
}

.energy-color.physical {
    background-color: #C1CDBC;
}

.energy-color.intellectual {
    background-color: #264E46;
}

.energy-color.emotional {
    background-color: #C1CDBC;
}

.energy-color.cognitive {
    background-color: #92AD99;
}

.energy-value {
    color: var(--header-bg);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.35;
    text-align: right;
    white-space: nowrap;
}

.energy-percentage {
    margin-left: 6px;
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-body, 400);
}

.statistics-preview-note {
    padding: 14px 16px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: rgba(249, 248, 242, 0.58);
    color: var(--header-bg);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.statistics-preview-history {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.market-data {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.market-item {
    padding: 13px 14px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: rgba(249, 248, 242, 0.58);
}

.market-label {
    margin-bottom: 6px;
    color: var(--muted-text);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.4;
}

.market-value {
    color: var(--header-bg);
    font-size: var(--type-body);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.35;
}

.market-value.positive,
.market-value.negative {
    color: var(--header-bg);
}

.statistics-muted-preview {
    opacity: 0.72;
}

.statistics-filter-row {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.filter-select {
    min-height: var(--cabinet-control-height, 38px);
    padding: 7px 12px;
    border: 1px solid var(--border);
    border-radius: 6px;
    background: var(--white);
    color: var(--header-bg);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    cursor: pointer;
}

.filter-select:hover,
.filter-select:focus {
    border-color: var(--accent-gold);
    outline: none;
    box-shadow: 0 0 0 2px rgba(193, 174, 143, 0.16);
}

.statistics-history-table {
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--white);
}

.statistics-history-head,
.statistics-history-row {
    display: grid;
    grid-template-columns: minmax(110px, 0.85fr) minmax(120px, 0.85fr) minmax(150px, 1fr) minmax(220px, 1.65fr);
    gap: 12px;
    align-items: center;
}

.statistics-history-head {
    padding: 12px 16px;
    background: var(--accent-green);
    color: var(--white);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.4;
}

.statistics-history-row {
    padding: 13px 16px;
    border-top: 1px solid var(--border);
    color: var(--header-bg);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.statistics-history-row div {
    min-width: 0;
    overflow-wrap: anywhere;
}

.statistics-empty-state {
    display: flex;
    flex-direction: column;
    gap: 6px;
    justify-content: center;
    min-height: 116px;
    padding: 18px;
    border: 1px dashed var(--border);
    border-radius: 8px;
    background: rgba(249, 248, 242, 0.58);
}

.statistics-empty-state strong {
    color: var(--header-bg);
    font-size: var(--type-body);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.35;
}

.statistics-empty-state span {
    color: var(--muted-text);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.statistics-integration-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.statistics-integration-list > div {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 96px;
    padding: 16px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: rgba(249, 248, 242, 0.58);
}

.statistics-footer {
    padding-bottom: 0;
}

@media (max-width: 1180px) {
    .statistics-primary-grid,
    .statistics-secondary-grid,
    .statistics-integration-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .statistics-hero {
        align-items: stretch;
        flex-direction: column;
    }

    .statistics-context {
        align-items: flex-start;
        min-width: 0;
    }

    .statistics-summary,
    .market-data {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .statistics-summary,
    .market-data {
        grid-template-columns: 1fr;
    }

    .energy-item {
        align-items: flex-start;
        flex-direction: column;
    }

    .energy-value {
        text-align: left;
        white-space: normal;
    }

    .statistics-history-head {
        display: none;
    }

    .statistics-history-row {
        grid-template-columns: 1fr;
        gap: 7px;
        padding: 14px;
    }

    .statistics-history-row div::before {
        content: attr(data-label) ": ";
        color: var(--muted-text);
        font-size: var(--type-metadata);
        font-weight: var(--cabinet-weight-control, 500);
    }
}

/* Pagination styles for statistics page */
.table-pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
    padding: 12px 0;
    border-top: 1px solid #e5e5e5;
}

.table-pagination-info {
    font-size: var(--cabinet-size-supporting, 14px);
    color: #666;
}

.table-pagination-controls {
    display: flex;
    gap: 8px;
    align-items: center;
}

.table-pagination-btn,
.table-pagination-page-btn {
    padding: 6px 12px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
    font-size: var(--cabinet-size-supporting, 14px);
    transition: background-color 0.2s, border-color 0.2s;
}

.table-pagination-btn:hover:not(:disabled),
.table-pagination-page-btn:hover {
    background-color: #f5f5f5;
}

.table-pagination-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.table-pagination-page-btn {
    padding: 6px 10px;
    min-width: 36px;
}

.table-pagination-numbers {
    display: flex;
    gap: 4px;
    align-items: center;
}

.table-pagination-ellipsis {
    padding: 6px 4px;
    color: #666;
}

/* Price History Range Selector */
.price-history-range-selector {
    display: flex;
    gap: 8px;
    align-items: center;
}

.range-btn {
    padding: 6px 14px;
    border: 1px solid rgba(0,0,0, .25);
    border-radius: 3px;
    font-size: var(--cabinet-size-supporting, 14px);
    background: white;
    cursor: pointer;
    transition: all 0.2s;
    color: #424242;
}

.range-btn:hover {
    border-color: #066aab;
    background-color: #f5f5f5;
}

.range-btn.active {
    background-color: #327A68;
    color: #fff;
    border-color: #327A68;
}

.range-btn.active:hover {
    background-color: #264E46;
    border-color: #264E46;
}

/* Analytics Page Styles */
.daily-insights-summary {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    margin-bottom: 20px;
}

.insight-stat {
    padding: 12px;
    background-color: var(--ultra-light);
    border-radius: 6px;
}

.insight-label {
    font-size: var(--cabinet-size-label, 13px);
    color: #666;
    margin-bottom: 6px;
    text-transform: uppercase;
    font-weight: var(--cabinet-weight-control, 500);
}

.insight-value {
    font-size: var(--cabinet-size-card, 20px);
    font-weight: var(--cabinet-weight-heading, 600);
    color: var(--dark-ui);
    display: flex;
    align-items: center;
    gap: 8px;
}

.trend-indicator {
    font-size: var(--cabinet-size-supporting, 14px);
    font-weight: var(--cabinet-weight-control, 500);
    padding: 2px 6px;
    border-radius: 4px;
}

.trend-indicator.positive {
    color: #27ae60;
    background-color: rgba(39, 174, 96, 0.1);
}

.trend-indicator.negative {
    color: #e74c3c;
    background-color: rgba(231, 76, 60, 0.1);
}

.trend-indicator.stable {
    color: #666;
    background-color: rgba(102, 102, 102, 0.1);
}

.energy-trends {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.energy-trend-item {
    padding: 12px;
    background-color: var(--ultra-light);
    border-radius: 6px;
    border-left: 3px solid var(--accent-green);
}

.energy-trend-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.energy-name {
    font-weight: var(--cabinet-weight-heading, 600);
    color: var(--dark-ui);
    text-transform: capitalize;
}

.energy-trend-values {
    display: flex;
    gap: 16px;
    font-size: var(--cabinet-size-label, 13px);
    color: #666;
}

.weekly-summary-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 16px;
    margin-bottom: 20px;
}

.summary-stat {
    padding: 12px;
    background-color: var(--ultra-light);
    border-radius: 6px;
    text-align: center;
}

.summary-label {
    font-size: var(--cabinet-size-label, 13px);
    color: #666;
    margin-bottom: 6px;
    text-transform: uppercase;
    font-weight: var(--cabinet-weight-control, 500);
}

.summary-value {
    font-size: var(--cabinet-size-section, 24px);
    font-weight: var(--cabinet-weight-control, 600);
    color: var(--dark-ui);
}

.weekly-energy-breakdown {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.weekly-energy-item {
    padding: 12px;
    background-color: var(--ultra-light);
    border-radius: 6px;
}

.weekly-energy-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
}

.energy-amount {
    font-weight: var(--cabinet-weight-heading, 600);
    color: var(--accent-green);
}

.weekly-energy-meta {
    font-size: var(--cabinet-size-label, 13px);
    color: #666;
}

.recommendations-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.recommendation-item {
    padding: 16px;
    background-color: var(--ultra-light);
    border-radius: 8px;
    border-left: 4px solid var(--accent-green);
}

.recommendation-item.recommendation-balance {
    border-left-color: #F39C12;
}

.recommendation-item.recommendation-activity {
    border-left-color: #3498DB;
}

.recommendation-item.recommendation-growth {
    border-left-color: #9B59B6;
}

.recommendation-item.recommendation-level {
    border-left-color: #E67E22;
}

.recommendation-item.recommendation-new_activity {
    border-left-color: #1ABC9C;
}

.recommendation-item.recommendation-continue {
    border-left-color: #27AE60;
}

.recommendation-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.recommendation-header strong {
    font-size: var(--cabinet-size-body, 16px);
    color: var(--dark-ui);
}

.recommendation-badge {
    font-size: var(--cabinet-size-metadata, 12px);
    padding: 4px 8px;
    background-color: var(--accent-green);
    color: white;
    border-radius: 4px;
    font-weight: var(--cabinet-weight-control, 500);
}

.recommendation-message {
    font-size: var(--cabinet-size-supporting, 14px);
    color: rgba(0, 0, 0, 0.7);
    line-height: 1.5;
    margin-bottom: 12px;
}

.recommendation-action {
    margin-top: 8px;
}

.btn-small {
    padding: 6px 14px;
    font-size: var(--cabinet-size-metadata, 13px);
    background-color: var(--accent-green);
    color: white;
    border: none;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    transition: background-color 0.2s;
}

.btn-small:hover {
    background-color: #264E46;
}

@media (max-width: 768px) {
    .daily-insights-summary,
    .weekly-summary-stats {
        grid-template-columns: 1fr;
    }
    
    .energy-trend-header,
    .weekly-energy-header,
    .recommendation-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}

.loading-text, .error-text, .empty-state {
    text-align: center;
    padding: 40px;
    color: #666;
    font-size: var(--cabinet-size-supporting, 14px);
}

.error-text {
    color: #D64545;
}

.certification-pending-note strong {
    color: #1976D2;
    display: block;
    margin-bottom: 4px;
}

/* Certification Max Level */
.certification-max-level {
    padding: 40px 20px;
    text-align: center;
}

.certification-max-level-title {
    font-size: var(--cabinet-size-card, 20px);
    font-weight: var(--cabinet-weight-heading, 700);
    color: var(--header-bg);
    margin-bottom: 12px;
}

.certification-max-level-text {
    font-size: var(--cabinet-size-body, 15px);
    color: #666;
    line-height: 1.6;
}

/* Certification History Table */
.certification-history-card {
    margin-top: 12px;
}

.certification-history-head {
    grid-template-columns: 1.2fr 1.2fr 140px 100px !important;
}

.certification-history-card .row {
    grid-template-columns: 1.2fr 1.2fr 140px 100px !important;
}

.certification-status-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: var(--cabinet-size-metadata, 12px);
    font-weight: var(--cabinet-weight-heading, 600);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.certification-status-approved {
    background: #E8F5E9;
    color: #327A68;
}

.certification-status-pending {
    background: #F5F5F5;
    color: #A1A1A1;
}

.certification-status-rejected {
    background: #FFEBEE;
    color: #D64545;
}

.certification-decision-reason {
    display: block;
    margin-top: 7px;
    color: var(--text-secondary, #666);
    font-size: var(--cabinet-size-metadata, 12px);
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.certification-decision-reason strong {
    color: var(--text-primary, #222);
}

select {
    padding: 5px 14px;
    font-size: var(--cabinet-size-input, 14px);
    border: 1px solid var(--header-bg);
    border-radius: 5px;
    height: 33px;
    background: var(--white);
    color: var(--header-bg);
}
select:focus {
    outline: none;
    border-color: var(--accent-green);
    box-shadow: 0 0 0 1px var(--accent-green), 0 1px 2px rgba(0,0,0,.15);
    background: var(--white);
}

/*---------------glyph scanner-------------*/
#fileInput {
    display: none;
}
.energy-meanings {
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-size: var(--cabinet-size-supporting, 14px);
}
.dominant {
    display: flex;
}
.clear-vision-data, .summary-data, .dominant-data {
    font-weight: var(--cabinet-weight-control, 600);
}

.file-upload {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-direction: column;
    border: 1px solid var(--header-bg);
    border-radius: 8px;
    padding: 20px;
}
/*----mobile-----*/
@media (max-width: 1200px){
    nav {
        /*padding: 10px 20px;*/
    }
}

@media (max-width: 1024px){

}

@media (max-width: 992px){
    .dashboard-section .card-group {
        grid-template-columns: 1fr;
    }

    .dashboard-updates-list {
        grid-template-columns: 1fr;
    }

    .dashboard-glyph-workspace {
        grid-template-columns: 1fr;
    }

    .bars-col {
        max-width: 320px;
        width: 100%;
    }
    
    .donut-wrapper {
        width: 320px;
        height: 320px;
    }
    
    .donut-wrapper canvas {
        width: 320px !important;
        height: 320px !important;
    }

    .hunit-card .donut-wrapper {
        width: 240px;
        height: 240px;
    }

    .hunit-card .donut-wrapper canvas {
        width: 240px !important;
        height: 240px !important;
    }
}


@media (max-width: 768px) {
    /* Help/FAQ page - reduce spacing on mobile */
    .container.mt-20 {
        margin-top: 10px;
    }

    .dashboard-welcome,
    .dashboard-section {
        width: calc(100% - 24px);
        margin: 12px auto;
    }

    .dashboard-welcome {
        grid-template-columns: 1fr;
        padding: 16px;
        gap: 16px;
    }

    .dashboard-welcome h1 {
        font-size: var(--cabinet-size-page, 24px);
    }

    .dashboard-welcome-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-answer-card {
        min-height: 0;
        padding: 14px;
    }

    .dashboard-section-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
        padding: 0;
    }

    .dashboard-section-heading h2 {
        font-size: var(--cabinet-size-section, 20px);
    }

    .dashboard-section .card-wrapper > .card-header {
        margin-bottom: 10px;
        font-size: var(--cabinet-size-card, 16px);
    }

    .dashboard-card-actions {
        justify-content: stretch;
        flex-wrap: wrap;
    }

    .dashboard-card-actions .btn {
        width: 100%;
    }

    .dashboard-card-actions-between {
        justify-content: stretch;
    }

    .dashboard-glyph-overview {
        grid-template-columns: 1fr;
    }

    .dashboard-glyph-visual {
        justify-content: center;
    }

    .dashboard-status-grid,
    .dashboard-glyph-workspace .dashboard-glyph-actions {
        grid-template-columns: 1fr;
    }

    .dashboard-update-item {
        min-height: 0;
    }

    .dashboard-next-text {
        font-size: var(--cabinet-size-card, 18px);
    }

    .hunit-summary,
    .hunit-visual,
    .hunit-footer {
        grid-template-columns: 1fr;
    }

    .hunit-visual {
        gap: 14px;
        padding: 12px;
    }

    .hunit-card .card-body {
        padding: 0;
    }

    .profile-card .glyph-wrapper {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .profile-card .glyph-box {
        width: 220px;
        height: 220px;
        flex-basis: 220px;
        margin: 8px auto;
    }

    .profile-card .glyph-inner {
        width: 220px;
        height: 220px;
    }

    .profile-card .glyph-svg-small {
        max-width: 220px;
        max-height: 220px;
    }
    
    .card-group {
        gap: 12px;
        padding: 0 12px;
    }
    
    .card-wrapper {
        margin-bottom: 12px;
        padding: 12px;
    }
    
    .card-body {
        padding: 12px;
    }
    
    /* Scale glyph and HUNIT to prevent horizontal overflow */
    .glyph-box {
        width: 280px;
        height: 280px;
        flex: 0 0 280px;
        margin: 16px;
    }
    .glyph-inner {
        width: 280px;
        height: 280px;
    }
    .donut-wrapper {
        width: 280px;
        height: 280px;
    }
    .donut-wrapper canvas {
        width: 280px !important;
        height: 280px !important;
    }
    .hunit-card .donut-wrapper {
        width: 230px;
        height: 230px;
    }
    .hunit-card .donut-wrapper canvas {
        width: 230px !important;
        height: 230px !important;
    }
    .bars-col,
    .bar {
        max-width: 280px;
    }
    
    .card-header {
        padding: 12px;
    }
    
    .section-content {
        padding: 8px 0;
    }
    
    .section-content p.mb-10 {
        margin-bottom: 8px;
    }
    
    .input-wrapper {
        margin-bottom: 8px;
    }
    
    .faq-category.mb-20 {
        margin-bottom: 12px;
    }
    
    .faq-title.mb-10 {
        margin-bottom: 6px;
    }
    
    .faq-item {
        padding: 10px 12px;
        margin-bottom: 8px;
    }
    
    .faq-answer.mt-10 {
        margin-top: 8px;
    }
    
    .divider {
        margin: 6px 0 12px;
    }
    
    .help-section {
        margin-bottom: 12px;
    }
    
    .help-section-title {
        padding: 10px 12px;
        font-size: var(--cabinet-size-body, 16px);
    }
    
    .help-section-content {
        padding: 10px 12px 12px;
        font-size: var(--cabinet-size-supporting, 14px);
    }
    
    /* Dashboard notifications table - make scrollable on mobile */
    .card .head,
    .card .row {
        display: grid;
        grid-template-columns: 1fr 1.5fr 100px;
        gap: 8px;
        padding: 10px 12px;
        font-size: var(--cabinet-size-label, 13px);
    }
    
    /* Make notifications table scrollable horizontally */
    .card-wrapper .card {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .card-wrapper .card > .head,
    .card-wrapper .card > .row {
        min-width: 400px; /* Minimum width to prevent squishing */
    }
    
    /* Subscription section - ensure single column */
    .subscription-grid {
        grid-template-columns: 1fr !important;
    }
    
    /* Plan row - stack vertically on mobile */
    .plan-row {
        flex-direction: column;
        gap: 10px;
        align-items: stretch;
    }
    
    .plan-row .plan-name,
    .plan-row .plan-details {
        width: 100%;
    }
    
    .plan-row .plan-details .btn {
        width: 100%;
        text-align: center;
    }
    
    /* Subscription plan mobile adjustments */
    .subscription-plan-title {
        font-size: var(--cabinet-size-card, 20px);
    }
    
    .subscription-plan-price {
        font-size: var(--cabinet-size-supporting, 14px);
    }
    
    .subscription-plan-content {
        font-size: var(--cabinet-size-label, 13px);
    }
    
    .subscription-plan-button {
        width: 100%;
        padding: 12px 24px;
    }
    
    .container-row-footer {
        padding-bottom: calc(20px + env(safe-area-inset-bottom));
    }

    .toggle-nav {
        display: flex;
        gap: 9px;
        justify-content: center;
        align-items: center;
    }

    .toggle-nav[aria-expanded="true"] {
        gap: 4px;
    }

    .left-menu, .right-menu {
        position: static;
        transform: none;
        width: 100%;
        background: transparent;
        padding: 0;
    }

    .nav-drawer {
        position: fixed;
        top: 60px;
        left: 0;
        width: min(85vw, 360px);
        background: var(--panel);
        transform: translateX(-100%);
        transition: transform .2s ease;
        z-index: 1001;
        flex-direction: column;
        gap: 20px;
        padding: 16px;
    }

    body.nav-open .nav-drawer {
        transform: translateX(0);
    }

    .left-menu a {
        display: block;
        padding: 12px 10px;
        border-radius: 8px;
        background: rgba(255, 255, 255, .06);
    }

    .right-menu select,
    .user-btn {
        width: 100%;
    }

    /* Fix language dropdown positioning on mobile */
    .language-switcher .dropdown-menu {
        right: auto;
        left: 0;
        min-width: 100px;
    }

    .nav-backdrop {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, .45);
        z-index: 1000;
    }

    nav {
        /*display: flex;
        justify-content: flex-end;
        justify-content: space-between;*/
        gap: 10px;
    }

    body.nav-open .nav-backdrop {
        display: block;
    }

    .nav-backdrop[hidden] {
        display: none;
    }


    .left-menu, .right-menu {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .auth-card {
        padding: 10px;
        max-width: 100%;
    }

    .input-wrapper {
        flex-direction: column;
        gap: 10px;
    }

    .form button {
        width: 100%;
    }

    .main-container {
        justify-content: flex-start;
        align-items: stretch;
        padding: calc(12px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom));
    }
    .auth-container {
        margin: 16px auto;
    }
    .auth-container-header {
        font-size: var(--cabinet-size-section, 22px);
        padding: 14px;
    }
    .auth-text {
        padding: 16px;
    }

    .card-group {
        grid-template-columns: 1fr;
    }
    .card-wrapper {
        overflow: hidden;
    }
    
    /* Allow dropdown to overflow only in specific cards with menus */
    .profile-card,
    .hunit-card,
    .certification-card {
        overflow: visible;
    }
    /*.glyph-wrapper {
        flex-wrap: wrap;
    }
    .glyph-advanced {
        margin-left: 0;
        width: 100%;
    }*/
}


@media (max-width: 640px){
    .card-group {
        padding: 0 12px;
    }

    .energy-info {
        width: 100%;
    }

    .bars-col {
        max-width: 260px;
        width: 100%;
        margin-inline: auto;
    }
    
    .glyph-box {
        width: 260px;
        height: 260px;
        flex: 0 0 260px;
        margin: 12px;
    }
    .glyph-inner {
        width: 260px;
        height: 260px;
    }
    
    .donut-wrapper {
        width: 260px;
        height: 260px;
    }
    
    .donut-wrapper canvas {
        width: 260px !important;
        height: 260px !important;
    }
    
    .bar {
        max-width: 260px;
    }
}

@media (max-width: 480px) {
    .card-group {
        padding: 0 10px;
    }
    
    .glyph-box {
        width: 240px;
        height: 240px;
        flex: 0 0 240px;
        margin: 10px;
    }
    .glyph-inner {
        width: 240px;
        height: 240px;
    }

    .profile-card .glyph-box {
        width: 210px;
        height: 210px;
        flex-basis: 210px;
        margin: 6px auto;
    }

    .profile-card .glyph-inner {
        width: 210px;
        height: 210px;
    }

    .profile-card .glyph-svg-small {
        max-width: 210px;
        max-height: 210px;
    }

    .profile-card .glyph-advanced-inputs {
        grid-template-columns: 1fr;
    }
    
    .donut-wrapper {
        width: 240px;
        height: 240px;
    }
    .donut-wrapper canvas {
        width: 240px !important;
        height: 240px !important;
    }
    .bars-col,
    .bar {
        max-width: 240px;
    }
}

@media (max-width: 448px) {

}
@media (max-width: 360px) {
    /*.form input[type="text"],
    .form input[type="password"],
    .form button {
        width: 100%;
    }*/
}

/* Sticky footer layout for client pages */
body.client-page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

body.client-page .page-wrapper {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - var(--header-h));
    flex: 1;
}

body.client-page .main-content {
    flex: 1;
}

/* HUMAS Personal Cabinet navigation foundation */
body.personal-cabinet-shell {
    background: var(--background-color);
    color: var(--header-bg);
}

.personal-cabinet-shell .page-wrapper {
    min-height: 100vh;
    margin-left: 280px;
    padding-top: 82px;
    min-width: 0;
    overflow-x: clip;
}

.personal-cabinet-shell .main-content {
    min-width: 0;
    padding-bottom: 32px;
}

.humas-sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 960;
    display: flex;
    flex-direction: column;
    width: 280px;
    padding: 24px 18px;
    border-right: 1px solid var(--border);
    background: var(--white);
    box-shadow: 2px 0 10px rgba(47, 47, 47, 0.035);
    box-sizing: border-box;
}

.humas-sidebar-brand {
    padding: 0 6px 24px;
    border-bottom: 1px solid var(--border);
}

.humas-sidebar-logo-link {
    display: inline-flex;
    align-items: center;
    width: 100%;
}

.humas-sidebar-logo {
    display: block;
    width: 198px;
    height: auto;
    max-height: 52px;
    object-fit: contain;
}

.humas-sidebar-nav {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 24px 0;
}

.humas-sidebar-link {
    position: relative;
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 43px;
    padding: 9px 12px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--header-bg);
    font-size: var(--cabinet-size-supporting, 13.5px);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.25;
    text-decoration: none;
    min-width: 0;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}

.humas-sidebar-link:hover,
.humas-sidebar-link:focus {
    border-color: rgba(193, 174, 143, 0.65);
    background: rgba(193, 174, 143, 0.11);
    color: var(--header-bg);
    outline: none;
}

.humas-sidebar-link.is-active {
    border-color: var(--accent-green);
    background: var(--accent-green);
    color: var(--white);
    box-shadow: 0 6px 14px rgba(50, 122, 104, 0.12);
}

.humas-sidebar-link.is-placeholder {
    color: var(--muted-text);
    cursor: default;
}

.humas-sidebar-link.is-placeholder:hover,
.humas-sidebar-link.is-placeholder:focus {
    border-color: transparent;
    background: transparent;
    color: var(--muted-text);
    box-shadow: none;
}

.humas-sidebar-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 23px;
    width: 23px;
    height: 23px;
}

.humas-sidebar-icon img,
.humas-icon-action img {
    display: block;
    width: 21px;
    height: 21px;
    object-fit: contain;
    opacity: .74;
}

.humas-sidebar-link:hover .humas-sidebar-icon img,
.humas-sidebar-link:focus .humas-sidebar-icon img {
    opacity: .88;
}

.humas-sidebar-link.is-active .humas-sidebar-icon img {
    filter: brightness(0) invert(1);
    opacity: 1;
}

.humas-sidebar-label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 0;
}

.humas-sidebar-badge,
.humas-header-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    min-height: 20px;
    padding: 2px 6px;
    border-radius: 999px;
    background: var(--accent-green);
    color: var(--white);
    font-size: var(--cabinet-size-metadata, 11px);
    font-weight: var(--cabinet-weight-heading, 700);
    line-height: 1;
}

.humas-sidebar-badge {
    margin-left: auto;
}

.humas-sidebar-link.is-active .humas-sidebar-badge {
    background: var(--white);
    color: var(--accent-green);
}

.humas-sidebar-badge.is-zero,
.humas-sidebar-link.is-active .humas-sidebar-badge.is-zero,
.humas-header-badge.is-zero {
    border: 1px solid var(--border);
    background: color-mix(in srgb, var(--border) 42%, var(--white));
    color: var(--muted-text);
}

.humas-dashboard-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 280px;
    z-index: 940;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    min-height: 82px;
    padding: 16px 30px;
    border-bottom: 1px solid var(--border);
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 2px 10px rgba(47, 47, 47, 0.035);
    box-sizing: border-box;
}

.humas-header-title {
    flex: 1 1 auto;
    min-width: 0;
}

.humas-header-eyebrow {
    margin: 0 0 3px;
    color: var(--accent-green);
    font-size: var(--cabinet-size-metadata, 12px);
    font-weight: var(--cabinet-weight-control, 700);
    line-height: 1.3;
    text-transform: uppercase;
}

.humas-header-title h1 {
    margin: 0;
    color: var(--header-bg);
    font-size: var(--cabinet-size-page, 22px);
    font-weight: var(--cabinet-weight-heading, 700);
    line-height: 1.2;
}

.humas-header-title span {
    display: inline-block;
    margin-top: 4px;
    color: var(--muted-text);
    font-size: var(--cabinet-size-label, 13px);
    font-weight: var(--cabinet-weight-heading, 600);
}

.humas-header-huid {
    max-width: min(100%, 300px);
}

.humas-header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex: 0 1 auto;
    min-width: 0;
}

.humas-icon-action {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--white);
    color: var(--header-bg);
    text-decoration: none;
    transition: background-color .18s ease, border-color .18s ease;
}

.humas-icon-action:hover,
.humas-icon-action:focus {
    border-color: var(--accent-gold);
    background: rgba(193, 174, 143, 0.12);
    outline: none;
}

.humas-website-link {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 8px 14px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--white);
    color: var(--header-bg);
    font-size: var(--cabinet-size-label, 13px);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.2;
    text-decoration: none;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

.humas-website-link:hover,
.humas-website-link:focus {
    border-color: var(--accent-gold);
    background: rgba(193, 174, 143, 0.12);
    color: var(--header-bg);
    outline: none;
}

.humas-header-badge {
    position: absolute;
    top: -7px;
    right: -7px;
}

.humas-language-switcher {
    margin-right: 0 !important;
}

.humas-language-switcher .dropdown-toggle {
    min-height: 42px;
    border-color: var(--border);
    background: var(--white);
    color: var(--header-bg);
}

.humas-logout-form {
    margin: 0;
}

.humas-logout-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 8px 14px;
    border: 1px solid var(--accent-gold);
    border-radius: 8px;
    background: var(--accent-gold);
    color: var(--header-bg);
    font-size: 13px;
    font-weight: var(--cabinet-weight-control, 700);
    line-height: 1.2;
    cursor: pointer;
    transition: background-color .18s ease, border-color .18s ease;
}

.humas-logout-button:hover,
.humas-logout-button:focus {
    border-color: var(--accent-gold-hover);
    background: var(--accent-gold-hover);
    outline: none;
}

@media (max-width: 1100px) {
    .humas-header-title h1 {
        font-size: var(--cabinet-size-page, 22px);
    }

    .humas-header-huid {
        max-width: min(100%, 240px);
    }
}


@media (max-width: 900px) {
    .personal-cabinet-shell .page-wrapper {
        margin-left: 0;
        padding-top: 0;
    }

    .humas-sidebar,
    .humas-dashboard-header {
        position: static;
        width: auto;
    }

    .humas-sidebar {
        height: auto;
        padding: 10px 12px;
        border-right: 0;
        border-bottom: 1px solid var(--border);
    }

    .humas-sidebar-brand {
        display: none;
    }

    .humas-sidebar-nav {
        flex-direction: row;
        gap: 8px;
        padding: 0;
        overflow-x: auto;
    }

    .humas-sidebar-link {
        flex: 0 0 auto;
        min-height: 40px;
        padding: 8px 10px;
        white-space: nowrap;
    }

    .humas-dashboard-header {
        left: auto;
        flex-wrap: wrap;
        gap: 12px;
        min-height: 0;
        padding: 14px;
    }

    .humas-header-title h1 {
        font-size: var(--cabinet-size-page, 20px);
    }

    .humas-header-actions {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .humas-header-huid {
        max-width: 100%;
    }
}

/* Send Glyph Modal Styles - Following Cabinet Design */
#sendGlyphModal {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(2px);
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
}

#sendGlyphModal[style*="display: flex"],
#sendGlyphModal[style*="display:flex"] {
    display: flex !important;
}

#sendGlyphModal .modal-content {
    background-color: var(--white);
    border: 1px solid var(--beige-soft);
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    max-width: 600px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    margin: auto;
    color: var(--header-bg);
}

#sendGlyphModal .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid var(--beige-soft);
}

#sendGlyphModal .modal-header h2 {
    margin: 0;
    font-size: var(--cabinet-size-section, 18px);
    color: var(--header-bg);
    font-weight: var(--cabinet-weight-heading, 600);
    text-transform: uppercase;
}

#sendGlyphModal .modal-close {
    background: none;
    border: none;
    font-size: var(--cabinet-size-section, 24px);
    color: var(--header-bg);
    cursor: pointer;
    padding: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    transition: all 0.2s ease;
    line-height: 1;
    font-weight: var(--cabinet-weight-body, 300);
}

#sendGlyphModal .modal-close:hover {
    background: rgba(14, 43, 40, 0.1);
    color: var(--accent-green);
}

#sendGlyphModal .modal-body {
    padding: 20px;
}

#sendGlyphModal .modal-footer {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 20px;
    border-top: 1px solid var(--beige-soft);
}

#sendGlyphModal .send-option-tabs {
    display: flex;
    gap: 0;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--beige-soft);
}

#sendGlyphModal .tab-btn {
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    color: var(--header-bg);
    padding: 12px 20px;
    cursor: pointer;
    font-size: var(--cabinet-size-supporting, 14px);
    font-weight: var(--cabinet-weight-heading, 600);
    transition: all 0.2s ease;
    margin-bottom: -2px;
    position: relative;
}

#sendGlyphModal .tab-btn:hover {
    color: var(--accent-green);
    background: rgba(50, 122, 104, 0.05);
}

#sendGlyphModal .tab-btn.active {
    color: var(--accent-green);
    border-bottom-color: var(--accent-green);
}

#sendGlyphModal .send-option-content {
    display: none;
}

#sendGlyphModal .send-option-content.active {
    display: block;
}

#sendGlyphModal .send-options .input-wrapper {
    margin-bottom: 20px;
}

#sendGlyphModal .send-options label {
    display: block;
    margin-bottom: 6px;
    color: var(--header-bg);
    font-size: var(--cabinet-size-body, 16px);
    font-weight: var(--cabinet-weight-control, 600);
}

#sendGlyphModal .send-options .required {
    color: #ef4444;
    margin-left: 2px;
}

#sendGlyphModal .send-options input,
#sendGlyphModal .send-options textarea {
    width: 100%;
    padding: 5px 14px;
    background: #fff;
    border: 1px solid rgba(0,0,0, .25);
    border-radius: 3px;
    color: rgba(0,0,0, .7);
    font-size: var(--cabinet-size-input, 16px);
    font-family: inherit;
    box-sizing: border-box;
    transition: all 0.2s ease;
    height: 43px;
}

#sendGlyphModal .send-options textarea {
    height: auto;
    min-height: 80px;
    resize: vertical;
    padding: 12px 14px;
}

#sendGlyphModal .send-options input:hover,
#sendGlyphModal .send-options textarea:hover {
    border-color: rgba(0,0,0, .35);
}

#sendGlyphModal .send-options input:focus,
#sendGlyphModal .send-options textarea:focus {
    outline: none;
    border-color: #066aab;
    box-shadow: 0 0 0 1px #066aab, 0 1px 2px rgba(0,0,0,.15);
    height: 43px;
}

#sendGlyphModal .send-options textarea:focus {
    height: auto;
}

/* HUMAS Typography Standard v1.1 practical interface scale for Personal Cabinet */
.personal-cabinet-shell {
    font-family: var(--font);
    font-size: var(--type-body);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.5;
    letter-spacing: 0;
}

.personal-cabinet-shell *,
.personal-cabinet-shell *::before,
.personal-cabinet-shell *::after {
    font-family: inherit;
    letter-spacing: 0;
}

.personal-cabinet-shell .page-wrapper {
    padding-top: 92px;
}

.personal-cabinet-shell .humas-dashboard-header {
    min-height: 96px;
}

.personal-cabinet-shell .title,
.personal-cabinet-shell .humas-header-title h1 {
    color: var(--header-bg);
    font-size: var(--type-page-title);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.25;
}

.personal-cabinet-shell .title {
    margin-bottom: 18px;
}

.personal-cabinet-shell .dashboard-section-heading h2,
.personal-cabinet-shell .section-title {
    color: var(--header-bg);
    font-size: var(--type-section-title);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.28;
}

.personal-cabinet-shell .card-header,
.personal-cabinet-shell .dashboard-overview-card > .card-header span,
.personal-cabinet-shell .glyphs-list-header h3,
.personal-cabinet-shell .subscription-plan-title,
.personal-cabinet-shell .recommendation-header strong,
.personal-cabinet-shell .certification-max-level-title {
    color: var(--header-bg);
    font-size: var(--type-card-title);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.3;
    text-transform: none;
}

.personal-cabinet-shell .dashboard-section .card-wrapper > .card-header {
    font-size: var(--type-card-title);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.3;
    text-transform: none;
}

.personal-cabinet-shell .dashboard-eyebrow,
.personal-cabinet-shell .humas-header-eyebrow,
.personal-cabinet-shell .dashboard-answer-card span,
.personal-cabinet-shell .dashboard-identity-row span,
.personal-cabinet-shell .dashboard-status-list span,
.personal-cabinet-shell .dashboard-mini-status span,
.personal-cabinet-shell .dashboard-card-note,
.personal-cabinet-shell .dashboard-status-row span,
.personal-cabinet-shell .hunit-summary-item span,
.personal-cabinet-shell .hunit-footer span,
.personal-cabinet-shell .hunit-panel-heading span,
.personal-cabinet-shell .stat-label,
.personal-cabinet-shell .market-label,
.personal-cabinet-shell .insight-label,
.personal-cabinet-shell .summary-label,
.personal-cabinet-shell .status-label,
.personal-cabinet-shell .subscription-compact .label,
.personal-cabinet-shell .current-plan-header .label,
.personal-cabinet-shell .input-container label,
.personal-cabinet-shell .input-wrapper > label,
.personal-cabinet-shell #sendGlyphModal .send-options label {
    color: var(--muted-text);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.45;
}

.personal-cabinet-shell .dashboard-eyebrow,
.personal-cabinet-shell .humas-header-eyebrow,
.personal-cabinet-shell .dashboard-answer-card span,
.personal-cabinet-shell .dashboard-status-row span,
.personal-cabinet-shell .hunit-summary-item span,
.personal-cabinet-shell .hunit-footer span,
.personal-cabinet-shell .hunit-panel-heading span,
.personal-cabinet-shell .stat-label,
.personal-cabinet-shell .market-label,
.personal-cabinet-shell .insight-label,
.personal-cabinet-shell .summary-label,
.personal-cabinet-shell .subscription-compact .label {
    text-transform: none;
}

.personal-cabinet-shell .card-body,
.personal-cabinet-shell .section-content,
.personal-cabinet-shell .subscription-plan-content,
.personal-cabinet-shell .subscription-plan-description,
.personal-cabinet-shell .subscription-plan-list,
.personal-cabinet-shell .subscription-plan-support,
.personal-cabinet-shell .subscription-plan-status,
.personal-cabinet-shell .subscription-plan-licensing,
.personal-cabinet-shell .certification-requirements-description,
.personal-cabinet-shell .certification-pending-text,
.personal-cabinet-shell .certification-pending-note,
.personal-cabinet-shell .certification-max-level-text,
.personal-cabinet-shell .recommendation-message,
.personal-cabinet-shell .help-section-content,
.personal-cabinet-shell .faq-answer {
    color: var(--header-bg);
    font-size: var(--type-body);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.5;
}

.personal-cabinet-shell .card-header small,
.personal-cabinet-shell .dashboard-answer-card small,
.personal-cabinet-shell .dashboard-status-list small,
.personal-cabinet-shell .dashboard-status-row small,
.personal-cabinet-shell .dashboard-mini-status small,
.personal-cabinet-shell .dashboard-update-item span,
.personal-cabinet-shell .dashboard-update-item small,
.personal-cabinet-shell .dashboard-glyph-workspace .dashboard-glyph-activation small,
.personal-cabinet-shell .humas-header-title span,
.personal-cabinet-shell .certification-date,
.personal-cabinet-shell .certification-date-secondary,
.personal-cabinet-shell .certification-progress-percentage,
.personal-cabinet-shell .certification-pending-date,
.personal-cabinet-shell .weekly-energy-meta,
.personal-cabinet-shell .energy-trend-values,
.personal-cabinet-shell .table-pagination-info,
.personal-cabinet-shell .table-pagination-ellipsis,
.personal-cabinet-shell .glyph-item-info,
.personal-cabinet-shell .glyph-item-type,
.personal-cabinet-shell .glyph-item-sender,
.personal-cabinet-shell .note {
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.4;
    text-transform: none;
}

.personal-cabinet-shell .btn,
.personal-cabinet-shell .btn-small,
.personal-cabinet-shell .dashboard-section .btn,
.personal-cabinet-shell .dashboard-section-link,
.personal-cabinet-shell .dashboard-answer-card a,
.personal-cabinet-shell .subscription-plan-button,
.personal-cabinet-shell .table-pagination-btn,
.personal-cabinet-shell .table-pagination-page-btn,
.personal-cabinet-shell .range-btn,
.personal-cabinet-shell .humas-logout-button,
.personal-cabinet-shell .language-switcher .btn.btn-menu,
.personal-cabinet-shell .btn.btn-menu {
    font-size: var(--type-button);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.2;
    text-transform: none;
}

.personal-cabinet-shell .humas-sidebar-link {
    font-size: var(--type-nav);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.25;
}

.personal-cabinet-shell input,
.personal-cabinet-shell select,
.personal-cabinet-shell textarea,
.personal-cabinet-shell .form input[type="text"],
.personal-cabinet-shell .form input[type="password"],
.personal-cabinet-shell .form input[type="date"],
.personal-cabinet-shell .form select,
.personal-cabinet-shell #sendGlyphModal .send-options input,
.personal-cabinet-shell #sendGlyphModal .send-options textarea {
    font-size: var(--type-body);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.5;
}

.personal-cabinet-shell .head,
.personal-cabinet-shell th,
.personal-cabinet-shell .help-table th {
    color: var(--white);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.4;
    text-transform: none;
}

.personal-cabinet-shell .row {
    color: var(--header-bg);
    font-size: var(--type-body);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.5;
}

.personal-cabinet-shell .dashboard-answer-card strong,
.personal-cabinet-shell .dashboard-identity-heading strong,
.personal-cabinet-shell .hunit-summary-item strong,
.personal-cabinet-shell .stat-value,
.personal-cabinet-shell .summary-value,
.personal-cabinet-shell .market-value,
.personal-cabinet-shell .insight-value,
.personal-cabinet-shell .status-value,
.personal-cabinet-shell .subscription-compact .value {
    color: var(--header-bg);
    font-weight: var(--cabinet-weight-control, 600);
    line-height: 1.25;
}

.personal-cabinet-shell .dashboard-answer-card strong,
.personal-cabinet-shell .dashboard-identity-heading strong,
.personal-cabinet-shell .hunit-summary-item strong,
.personal-cabinet-shell .stat-value,
.personal-cabinet-shell .summary-value {
    font-size: var(--type-card-title);
}

.personal-cabinet-shell .dashboard-status-row strong,
.personal-cabinet-shell .dashboard-update-item strong,
.personal-cabinet-shell .hunit-footer strong,
.personal-cabinet-shell .market-value,
.personal-cabinet-shell .insight-value,
.personal-cabinet-shell .status-value,
.personal-cabinet-shell .subscription-compact .value,
.personal-cabinet-shell .energy-value,
.personal-cabinet-shell .energy-amount,
.personal-cabinet-shell .current-plan-meta .value,
.personal-cabinet-shell .certification-status,
.personal-cabinet-shell .certification-progress-label,
.personal-cabinet-shell .certification-progress-value,
.personal-cabinet-shell .energy-label,
.personal-cabinet-shell .energy-name {
    font-size: var(--type-body);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.35;
}

.personal-cabinet-shell .dashboard-next-text,
.personal-cabinet-shell .hunit-panel-heading strong,
.personal-cabinet-shell .subscription-plan-price,
.personal-cabinet-shell .certification-empty-title,
.personal-cabinet-shell .certification-pending-title,
.personal-cabinet-shell .faq-title,
.personal-cabinet-shell .help-section-title {
    color: var(--header-bg);
    font-size: var(--type-subsection-title);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.3;
    text-transform: none;
}

.personal-cabinet-shell .badge,
.personal-cabinet-shell .badge-level,
.personal-cabinet-shell .certification-status-badge,
.personal-cabinet-shell .recommendation-badge,
.personal-cabinet-shell .dashboard-notification-count,
.personal-cabinet-shell .humas-sidebar-badge,
.personal-cabinet-shell .humas-header-badge,
.personal-cabinet-shell .glyph-item-badge,
.personal-cabinet-shell .trend-indicator {
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.2;
    text-transform: none;
}

.personal-cabinet-shell .dashboard-membership-status-title,
.personal-cabinet-shell .glyph-received-text strong,
.personal-cabinet-shell .certification-pending-note strong {
    font-size: var(--type-caption);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.35;
}

.personal-cabinet-shell .loading-text,
.personal-cabinet-shell .error-text,
.personal-cabinet-shell .empty-state,
.personal-cabinet-shell .certification-empty-text,
.personal-cabinet-shell .certification-warning-box,
.personal-cabinet-shell .notification-empty-subtext {
    color: var(--muted-text);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.personal-cabinet-shell .notification-empty-text {
    color: var(--header-bg);
    font-size: var(--type-large-body);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.3;
}

.personal-cabinet-shell .profile-card .glyph-advanced-title {
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-heading, 600);
    text-transform: none;
}

.personal-cabinet-shell .profile-card .glyph-advanced-inputs label {
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-control, 500);
    text-transform: none;
}

@media (max-width: 900px) {
    .personal-cabinet-shell .page-wrapper {
        padding-top: 0;
    }

    .personal-cabinet-shell .title,
    .personal-cabinet-shell .humas-header-title h1 {
        font-size: var(--cabinet-size-page, 28px);
    }

    .personal-cabinet-shell .dashboard-section-heading h2,
    .personal-cabinet-shell .section-title {
        font-size: var(--cabinet-size-section, 22px);
    }

    .personal-cabinet-shell .card-header,
    .personal-cabinet-shell .dashboard-overview-card > .card-header span {
        font-size: var(--cabinet-size-card, 18px);
    }
}

/* Personal Cabinet visual polish: spacing, alignment, and layout rhythm only */
.personal-cabinet-shell {
    --cabinet-section-gap: 22px;
    --cabinet-card-padding: 20px;
    --cabinet-inner-gap: 16px;
    --cabinet-control-height: 38px;
}

.personal-cabinet-shell .container {
    padding: 0 24px 28px;
}

.personal-cabinet-shell .title {
    margin: 22px 0 18px;
}

.personal-cabinet-shell .card-group {
    gap: 20px;
    padding: 0;
    margin-bottom: var(--cabinet-section-gap);
}

.personal-cabinet-shell .dashboard-section {
    gap: var(--cabinet-inner-gap);
    width: 100%;
    max-width: none;
    margin: 0;
    margin-bottom: var(--cabinet-section-gap);
}

.personal-cabinet-shell .dashboard-section-primary {
    margin-top: 22px;
}

.personal-cabinet-shell .dashboard-section-heading {
    align-items: center;
    padding: 0;
}

.personal-cabinet-shell .dashboard-section-heading p,
.personal-cabinet-shell .dashboard-section-heading h2 {
    margin-top: 0;
}

.personal-cabinet-shell .card-wrapper,
.personal-cabinet-shell .dashboard-section .card-wrapper {
    padding: var(--cabinet-card-padding);
}

.personal-cabinet-shell .card-header,
.personal-cabinet-shell .dashboard-section .card-wrapper > .card-header {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 40px;
    margin-bottom: 16px;
    padding-bottom: 12px;
}

.personal-cabinet-shell .card-header > div:first-child,
.personal-cabinet-shell .dashboard-section .card-wrapper > .card-header > div:first-child {
    min-width: 0;
}

.personal-cabinet-shell .card-body {
    min-width: 0;
}

.personal-cabinet-shell .dashboard-section .card-body {
    display: flex;
    flex-direction: column;
    gap: var(--cabinet-inner-gap);
}

.personal-cabinet-shell .w-20p {
    display: flex;
    justify-content: flex-end;
    min-width: max-content;
}

.personal-cabinet-shell .three-dots-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
}

.personal-cabinet-shell .btn,
.personal-cabinet-shell .btn-small,
.personal-cabinet-shell .dashboard-section .btn,
.personal-cabinet-shell .dashboard-section-link,
.personal-cabinet-shell .dashboard-answer-card a,
.personal-cabinet-shell .subscription-plan-button,
.personal-cabinet-shell .table-pagination-btn,
.personal-cabinet-shell .table-pagination-page-btn,
.personal-cabinet-shell .range-btn,
.personal-cabinet-shell .humas-logout-button,
.personal-cabinet-shell .language-switcher .btn.btn-menu,
.personal-cabinet-shell .btn.btn-menu {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--cabinet-control-height);
    padding: 8px 16px;
    border-radius: 6px;
    vertical-align: middle;
}

.personal-cabinet-shell .btn-small,
.personal-cabinet-shell .dashboard-section .btn-small {
    min-height: 36px;
    padding: 7px 14px;
}

.personal-cabinet-shell .dashboard-card-actions,
.personal-cabinet-shell .card-footer-action,
.personal-cabinet-shell .subscription-plan-actions,
.personal-cabinet-shell .certification-action-wrapper {
    align-items: center;
}

.personal-cabinet-shell .dashboard-card-actions {
    margin-top: auto;
    padding-top: 14px;
}

.personal-cabinet-shell .dashboard-main-grid {
    gap: 20px;
}

.personal-cabinet-shell .dashboard-next-card,
.personal-cabinet-shell .dashboard-change-card {
    min-height: 0;
}

.personal-cabinet-shell .dashboard-status-rows {
    gap: 0;
}

.personal-cabinet-shell .dashboard-status-row {
    padding: 11px 0;
}

.personal-cabinet-shell .dashboard-status-row-identifier {
    grid-template-columns: minmax(72px, 0.32fr) minmax(0, 1fr);
}

.personal-cabinet-shell .dashboard-identifier,
.personal-cabinet-shell .dashboard-identifier-value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.personal-cabinet-shell .dashboard-status-row-identifier .dashboard-identifier-value {
    font-size: var(--type-supporting);
}

.personal-cabinet-shell .dashboard-identity-heading {
    margin-bottom: 16px;
    padding-bottom: 16px;
}

.personal-cabinet-shell .dashboard-overview-card .dashboard-glyph-visual {
    padding: 8px;
    overflow: hidden;
}

.personal-cabinet-shell .dashboard-overview-card .dashboard-primary-glyph-box .glyph-inner {
    border-radius: 8px;
    overflow: hidden;
    background: #0e2b28;
}

.personal-cabinet-shell .dashboard-overview-card #glyph-svg,
.personal-cabinet-shell .dashboard-overview-card #glyph-svg svg {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}

.personal-cabinet-shell .dashboard-overview-card #glyph-svg svg {
    overflow: hidden;
}

.personal-cabinet-shell .dashboard-profile-action {
    margin-top: 18px;
}

.personal-cabinet-shell .hunit-card .card-body {
    gap: 16px;
}

.personal-cabinet-shell .hunit-summary {
    gap: 14px;
}

.personal-cabinet-shell .hunit-summary-item {
    padding: 14px 16px;
}

.personal-cabinet-shell .hunit-visual {
    gap: 18px;
    padding: 16px;
}

.personal-cabinet-shell .hunit-panel-heading {
    margin-bottom: 12px;
}

.personal-cabinet-shell .hunit-card .bar {
    margin-bottom: 9px;
}

.personal-cabinet-shell .hunit-footer {
    gap: 10px;
    padding-top: 0;
}

.personal-cabinet-shell .hunit-footer div {
    padding: 10px 12px;
}

.personal-cabinet-shell .dashboard-glyph-workspace {
    gap: 20px;
}

.personal-cabinet-shell .dashboard-glyph-workspace .dashboard-glyph-actions {
    gap: 16px;
}

.personal-cabinet-shell .dashboard-glyph-action-tile {
    min-height: 146px;
    padding: 22px 16px 16px;
}

.personal-cabinet-shell .dashboard-glyph-action-icon {
    margin-top: 2px;
}

.personal-cabinet-shell .dashboard-glyph-workspace .dashboard-glyph-actions .btn,
.personal-cabinet-shell .dashboard-glyph-workspace .dashboard-glyph-actions .dropdown {
    width: min(100%, 128px);
}

.personal-cabinet-shell .dashboard-glyph-workspace-side {
    gap: 14px;
}

.personal-cabinet-shell .dashboard-glyph-workspace .dashboard-glyph-activation {
    min-height: 146px;
    padding: 18px 16px;
}

.personal-cabinet-shell .dashboard-updates-list {
    gap: 14px;
}

.personal-cabinet-shell .dashboard-update-item {
    gap: 7px;
    min-height: 106px;
    padding: 16px;
}

.personal-cabinet-shell .dashboard-update-item small {
    margin-top: auto;
}

/* Dashboard Internal Polish v1.1 */
.personal-cabinet-shell .dashboard-main-grid {
    align-items: stretch;
}

.personal-cabinet-shell .dashboard-main-grid > .card-wrapper,
.personal-cabinet-shell .dashboard-quick-grid > .card-wrapper {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.personal-cabinet-shell .dashboard-main-grid > .card-wrapper > .card-body,
.personal-cabinet-shell .dashboard-quick-grid > .card-wrapper > .card-body {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.personal-cabinet-shell .dashboard-overview-card .card-body {
    justify-content: center;
}

.personal-cabinet-shell .dashboard-glyph-identity {
    grid-template-columns: minmax(168px, 0.72fr) minmax(0, 1.28fr);
    gap: 22px;
    align-items: center;
    min-height: 100%;
}

.personal-cabinet-shell .dashboard-overview-card .dashboard-glyph-visual {
    align-self: stretch;
    min-height: 0;
    padding: 14px;
}

.personal-cabinet-shell .dashboard-overview-card .dashboard-primary-glyph-box,
.personal-cabinet-shell .dashboard-overview-card .dashboard-primary-glyph-box .glyph-inner,
.personal-cabinet-shell .dashboard-overview-card #glyph-svg,
.personal-cabinet-shell .dashboard-overview-card #glyph-svg svg {
    width: 178px;
    height: 178px;
}

.personal-cabinet-shell .dashboard-overview-card .dashboard-primary-glyph-box {
    min-width: 178px;
    flex-basis: 178px;
}

.personal-cabinet-shell .dashboard-glyph-details {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 100%;
}

.personal-cabinet-shell .dashboard-identity-heading {
    margin-bottom: 0;
    padding-bottom: 13px;
}

.personal-cabinet-shell .dashboard-status-rows {
    gap: 0;
}

.personal-cabinet-shell .dashboard-status-row {
    grid-template-columns: minmax(104px, 0.42fr) minmax(0, 1fr);
    gap: 14px;
    padding: 9px 0;
}

.personal-cabinet-shell .dashboard-status-row strong {
    overflow-wrap: normal;
    word-break: normal;
}

.personal-cabinet-shell .dashboard-profile-action {
    margin-top: auto;
    padding-top: 14px;
}

.personal-cabinet-shell .hunit-card .card-body {
    justify-content: space-between;
    gap: 14px;
}

.personal-cabinet-shell .hunit-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 12px;
}

.personal-cabinet-shell .hunit-summary-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 78px;
    padding: 12px 14px;
}

.personal-cabinet-shell .hunit-visual {
    grid-template-columns: minmax(142px, 0.8fr) minmax(0, 1.2fr);
    gap: 16px;
    align-items: center;
    padding: 14px;
}

.personal-cabinet-shell .dashboard-main-grid .hunit-card .donut-wrapper,
.personal-cabinet-shell .dashboard-main-grid .hunit-card .donut-wrapper canvas {
    width: 148px !important;
    height: 148px !important;
}

.personal-cabinet-shell .dashboard-main-grid .hunit-card .bars-col,
.personal-cabinet-shell .dashboard-main-grid .hunit-card .bar {
    max-width: none;
}

.personal-cabinet-shell .hunit-energy-panel {
    align-self: center;
}

.personal-cabinet-shell .hunit-panel-heading {
    margin-bottom: 10px;
}

.personal-cabinet-shell .hunit-footer {
    align-items: stretch;
    gap: 9px;
}

.personal-cabinet-shell .hunit-footer div {
    justify-content: flex-start;
    min-height: 64px;
    padding: 10px 11px;
}

.personal-cabinet-shell .dashboard-glyph-workspace {
    align-items: stretch;
}

.personal-cabinet-shell .dashboard-glyph-workspace .dashboard-glyph-actions {
    align-items: stretch;
}

.personal-cabinet-shell .dashboard-glyph-action-tile {
    justify-content: center;
    gap: 20px;
    min-height: 142px;
    padding: 20px 16px 16px;
}

.personal-cabinet-shell .dashboard-glyph-action-icon {
    margin-top: 0;
}

.personal-cabinet-shell .dashboard-glyph-workspace .dashboard-glyph-actions .btn,
.personal-cabinet-shell .dashboard-glyph-workspace .dashboard-glyph-actions .dropdown {
    margin-top: 0;
}

.personal-cabinet-shell .dashboard-glyph-workspace-side {
    align-self: stretch;
}

.personal-cabinet-shell .dashboard-glyph-workspace .dashboard-glyph-activation {
    min-height: 142px;
}

.personal-cabinet-shell .dashboard-quick-grid .card-body {
    min-height: 154px;
}

.personal-cabinet-shell .dashboard-next-card,
.personal-cabinet-shell .dashboard-change-card {
    border-left-width: 0;
}

.personal-cabinet-shell .dashboard-next-text {
    font-size: var(--type-card-title);
    font-weight: var(--cabinet-weight-heading, 600);
}

.personal-cabinet-shell .dashboard-quick-grid .dashboard-card-actions {
    margin-top: auto;
    padding-top: 16px;
}

.personal-cabinet-shell .dashboard-updates-list {
    align-items: stretch;
}

.personal-cabinet-shell .dashboard-update-item {
    height: 100%;
}

.personal-cabinet-shell .statistics-summary,
.personal-cabinet-shell .daily-insights-summary,
.personal-cabinet-shell .weekly-summary-stats {
    gap: 16px;
    margin-bottom: 22px;
}

.personal-cabinet-shell .stat-item,
.personal-cabinet-shell .insight-stat,
.personal-cabinet-shell .summary-stat {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    min-height: 92px;
    padding: 16px;
}

.personal-cabinet-shell .stat-label,
.personal-cabinet-shell .insight-label,
.personal-cabinet-shell .summary-label {
    margin-bottom: 0;
}

.personal-cabinet-shell .energy-trends,
.personal-cabinet-shell .weekly-energy-breakdown {
    gap: 12px;
}

.personal-cabinet-shell .energy-trend-item {
    padding: 14px 16px;
}

.personal-cabinet-shell .subscription-plan-card {
    gap: 0;
}

.personal-cabinet-shell .subscription-plan-title {
    margin-bottom: 18px;
}

.personal-cabinet-shell .subscription-plan-separator {
    margin-bottom: 18px;
}

.personal-cabinet-shell .subscription-plan-button-wrapper {
    margin-top: auto;
    padding-top: 18px;
}

.personal-cabinet-shell .subscription-compact {
    gap: 14px;
    padding: 16px;
}

.personal-cabinet-shell .certification-progress-list {
    gap: 16px;
    margin-bottom: 22px;
}

.personal-cabinet-shell .certification-requirements-description,
.personal-cabinet-shell .certification-warning-box,
.personal-cabinet-shell .certification-pending-box {
    margin-top: 20px;
    padding: 16px;
}

.personal-cabinet-shell .help-section {
    margin-bottom: 14px;
}

.personal-cabinet-shell .help-section-title {
    padding: 12px 18px;
}

.personal-cabinet-shell .help-section-content {
    padding: 12px 18px 16px;
}

.personal-cabinet-shell .faq-item {
    padding: 14px 16px;
    margin-bottom: 12px;
}

.personal-cabinet-shell .form {
    gap: 18px;
}

.personal-cabinet-shell .input-wrapper {
    gap: 12px;
}

.personal-cabinet-shell .input-container {
    gap: 6px;
}

.personal-cabinet-shell .humas-sidebar {
    padding-top: 24px;
}

.personal-cabinet-shell .humas-sidebar-brand {
    padding-bottom: 22px;
}

.personal-cabinet-shell .humas-sidebar-nav {
    gap: 4px;
    padding: 22px 0;
}

.personal-cabinet-shell .humas-sidebar-link {
    min-height: 42px;
    padding: 8px 12px;
}

.personal-cabinet-shell .humas-sidebar-icon {
    flex-basis: 22px;
    width: 22px;
    height: 22px;
}

@media (max-width: 1100px) {
    .personal-cabinet-shell .dashboard-main-grid,
    .personal-cabinet-shell .dashboard-quick-grid,
    .personal-cabinet-shell .dashboard-glyph-workspace {
        gap: 18px;
    }
}

@media (max-width: 900px) {
    .personal-cabinet-shell .container {
        padding: 0 18px 24px;
    }

    .personal-cabinet-shell .dashboard-section,
    .personal-cabinet-shell .card-group {
        gap: 16px;
        margin-bottom: 20px;
    }

    .personal-cabinet-shell .card-wrapper,
    .personal-cabinet-shell .dashboard-section .card-wrapper {
        padding: 18px;
    }

    .personal-cabinet-shell .dashboard-glyph-workspace .dashboard-glyph-actions,
    .personal-cabinet-shell .dashboard-updates-list {
        gap: 12px;
    }
}

#sendGlyphModal .validation-message {
    margin-top: 8px;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: var(--cabinet-size-label, 13px);
    font-weight: var(--cabinet-weight-control, 500);
}

#sendGlyphModal .glyph-huid-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}

#sendGlyphModal .glyph-huid-check {
    min-height: 42px;
    padding: 9px 16px;
    border: 1px solid var(--accent-green);
    border-radius: 8px;
    background: rgba(50, 122, 104, 0.08);
    color: var(--accent-green);
    font-size: var(--cabinet-size-supporting, 14px);
    font-weight: var(--cabinet-weight-heading, 700);
    cursor: pointer;
}

#sendGlyphModal .glyph-huid-check:hover:not(:disabled),
#sendGlyphModal .glyph-huid-check:focus-visible {
    background: rgba(50, 122, 104, 0.15);
    outline: none;
    box-shadow: 0 0 0 3px rgba(50, 122, 104, 0.14);
}

#sendGlyphModal .glyph-huid-check:disabled {
    cursor: wait;
    opacity: 0.65;
}

#sendGlyphModal .validation-message.success {
    background: rgba(50, 122, 104, 0.1);
    border: 1px solid var(--accent-green);
    color: var(--accent-green);
}

#sendGlyphModal .validation-message.error {
    background: rgba(143, 65, 52, 0.08);
    border: 1px solid rgba(143, 65, 52, 0.28);
    color: #7b352c;
}

#sendGlyphModal .glyph-transfer-allowance {
    display: grid;
    gap: 4px;
    margin-bottom: 20px;
    padding: 13px 15px;
    border: 1px solid rgba(50, 122, 104, 0.24);
    border-left: 4px solid var(--accent-green);
    border-radius: 8px;
    background: rgba(50, 122, 104, 0.08);
    color: var(--header-bg);
    font-size: var(--cabinet-size-supporting, 14px);
    line-height: 1.45;
}

#sendGlyphModal .glyph-transfer-allowance span {
    font-size: var(--cabinet-size-metadata, 12px);
    font-weight: var(--cabinet-weight-heading, 700);
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

#sendGlyphModal .glyph-transfer-allowance strong {
    font-weight: var(--cabinet-weight-heading, 700);
}

#sendGlyphModal .glyph-transfer-allowance[data-state="exhausted"] {
    border-color: rgba(143, 65, 52, 0.26);
    border-left-color: #8f4134;
    background: rgba(143, 65, 52, 0.07);
    color: #6f3028;
}

#sendGlyphModal .glyph-send-notice {
    margin-top: 4px;
    padding: 13px 15px;
    border: 1px solid rgba(50, 122, 104, 0.24);
    border-left: 4px solid var(--accent-green);
    border-radius: 8px;
    background: rgba(50, 122, 104, 0.08);
    color: var(--header-bg);
    font-size: var(--cabinet-size-supporting, 14px);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.45;
}

#sendGlyphModal .glyph-send-notice[hidden] {
    display: none;
}

#sendGlyphModal .glyph-send-notice.error {
    border-color: rgba(143, 65, 52, 0.26);
    border-left-color: #8f4134;
    background: rgba(143, 65, 52, 0.07);
    color: #6f3028;
}

#sendGlyphModal .glyph-send-notice.success {
    border-color: rgba(50, 122, 104, 0.28);
    border-left-color: var(--accent-green);
    background: rgba(50, 122, 104, 0.1);
    color: var(--accent-green);
}

#sendGlyphModal .modal-footer .btn {
    padding: 8px 14px;
    font-size: var(--cabinet-size-control, 14px);
    font-weight: var(--cabinet-weight-control, 600);
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
    border: 1px solid var(--accent-gold);
    background-color: var(--accent-gold);
    color: var(--header-bg);
    min-height: 38px;
}

#sendGlyphModal .modal-footer .btn:hover:not(:disabled) {
    background-color: var(--accent-gold-hover);
    color: var(--header-bg);
    border-color: var(--accent-gold-hover);
}

#sendGlyphModal .modal-footer .btn.primary {
    background: var(--accent-green);
    color: white;
    border: 1px solid var(--accent-green);
}

#sendGlyphModal .modal-footer .btn.primary:hover:not(:disabled) {
    background: var(--green-hover);
    border-color: var(--green-hover);
    color: white;
}

#sendGlyphModal .modal-footer .btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Personal Wallet: HUMAS Value Workspace */
.wallet-page {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.wallet-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-top: 22px;
}

.wallet-hero h1 {
    margin: 0;
    color: var(--header-bg);
    font-size: var(--type-page-title);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.25;
}

.wallet-hero p {
    margin: 4px 0 0;
    color: var(--muted-text);
    font-size: var(--type-body);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.wallet-eyebrow {
    margin: 0 0 4px !important;
    color: var(--accent-green) !important;
    font-size: var(--type-label) !important;
    font-weight: var(--cabinet-weight-control, 600) !important;
    line-height: 1.35 !important;
}

.wallet-participant-context {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    min-width: 220px;
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--white);
    box-shadow: 0 4px 12px rgba(47, 47, 47, 0.035);
}

.wallet-participant-context span {
    color: var(--muted-text);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.35;
}

.wallet-participant-context strong {
    color: var(--header-bg);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.35;
    white-space: nowrap;
}

.wallet-section,
.wallet-grid {
    min-width: 0;
}

.wallet-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
    gap: 20px;
}

.wallet-card .card-header {
    justify-content: space-between;
}

.wallet-card .card-header span {
    min-width: 0;
}

.wallet-card .card-body {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.wallet-metric-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.wallet-metric-card {
    display: flex;
    flex-direction: column;
    gap: 6px;
    justify-content: space-between;
    min-height: 126px;
    padding: 18px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: rgba(249, 248, 242, 0.55);
}

.wallet-metric-card span,
.wallet-state-row span,
.wallet-status-stack span,
.wallet-service-item span {
    color: var(--muted-text);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.4;
}

.wallet-metric-card strong {
    color: var(--header-bg);
    font-size: var(--type-card-title);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.25;
}

.wallet-metric-card small {
    margin-top: auto;
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.4;
}

.wallet-state-list,
.wallet-status-stack {
    display: flex;
    flex-direction: column;
}

.wallet-state-row,
.wallet-status-stack > div {
    display: grid;
    grid-template-columns: minmax(130px, 0.36fr) minmax(0, 1fr);
    gap: 18px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(230, 226, 216, 0.75);
}

.wallet-state-row:first-child,
.wallet-status-stack > div:first-child {
    padding-top: 0;
}

.wallet-state-row:last-child,
.wallet-status-stack > div:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.wallet-state-row strong,
.wallet-status-stack strong,
.wallet-service-item strong {
    color: var(--header-bg);
    font-size: var(--type-body);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.45;
}

.wallet-inline-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    min-width: 128px;
    align-self: stretch;
    background: var(--accent-green);
    border-color: var(--accent-green);
    color: var(--white);
    text-align: center;
    text-decoration: none;
}

.wallet-inline-action:hover,
.wallet-inline-action:focus {
    background: var(--green-hover);
    border-color: var(--green-hover);
    color: var(--white);
}

.wallet-transaction-table {
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--white);
}

.wallet-transaction-head,
.wallet-transaction-row {
    display: grid;
    grid-template-columns: minmax(108px, 0.85fr) minmax(130px, 1fr) minmax(122px, 0.9fr) minmax(130px, 1fr) minmax(180px, 1.45fr);
    gap: 12px;
    align-items: center;
}

.wallet-transaction-head {
    padding: 12px 16px;
    background: var(--accent-green);
    color: var(--white);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.4;
}

.wallet-transaction-row {
    padding: 13px 16px;
    border-top: 1px solid var(--border);
    color: var(--header-bg);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.wallet-transaction-row:nth-child(odd) {
    background: rgba(249, 248, 242, 0.38);
}

.wallet-transaction-row [data-label="Amount"] {
    color: var(--accent-green);
    font-weight: var(--cabinet-weight-control, 600);
}

.wallet-transaction-row div {
    min-width: 0;
    overflow-wrap: anywhere;
}

.wallet-transaction-row small {
    display: block;
    margin-top: 3px;
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.35;
}

.wallet-source-link {
    color: var(--accent-green);
    font-weight: var(--cabinet-weight-heading, 600);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

.wallet-source-link:hover,
.wallet-source-link:focus {
    color: var(--green-hover);
}

.wallet-ledger-note {
    margin: 0;
    color: var(--muted-text);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.wallet-transaction-architecture {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px 0 0;
}

.wallet-transaction-architecture > span {
    color: var(--muted-text);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.4;
}

.wallet-transaction-architecture > div {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.wallet-transaction-architecture em {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 5px 10px;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: rgba(249, 248, 242, 0.55);
    color: var(--header-bg);
    font-size: var(--type-metadata);
    font-style: normal;
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.35;
}

.wallet-empty-state {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 116px;
    justify-content: center;
    padding: 18px;
    border: 1px dashed var(--border);
    border-radius: 8px;
    background: rgba(249, 248, 242, 0.55);
}

.wallet-empty-state strong {
    color: var(--header-bg);
    font-size: var(--type-body);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.35;
}

.wallet-empty-state span,
.wallet-export-actions p {
    margin: 0;
    color: var(--muted-text);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.wallet-export-actions {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.wallet-export-actions > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
}

.wallet-service-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.wallet-service-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 96px;
    padding: 16px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: rgba(249, 248, 242, 0.55);
}

.wallet-future-services .wallet-service-item strong {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    min-height: 26px;
    padding: 4px 9px;
    border: 1px solid rgba(193, 174, 143, 0.45);
    border-radius: 999px;
    background: rgba(193, 174, 143, 0.14);
    color: var(--header-bg);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-heading, 600);
}

.wallet-ai-companion .card-header {
    align-items: flex-start;
    gap: 16px;
}

.wallet-ai-companion .card-header > div {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.wallet-ai-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 5px 11px;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: rgba(193, 174, 143, 0.14);
    color: var(--header-bg);
    font-size: var(--type-metadata);
    font-style: normal;
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.3;
    white-space: nowrap;
}

.wallet-ai-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.9fr);
    gap: 14px;
    align-items: stretch;
}

.wallet-ai-panel {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
    min-height: 0;
    padding: 16px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: rgba(249, 248, 242, 0.55);
}

.wallet-ai-observations {
    grid-column: 1;
    grid-row: 3;
}

.wallet-ai-goal {
    grid-column: 1;
    grid-row: 1;
}

.wallet-ai-next-step {
    grid-column: 2;
    grid-row: 1;
}

.wallet-ai-balance {
    grid-column: 2;
    grid-row: 3;
}

.wallet-ai-opportunities {
    grid-column: 1;
    grid-row: 2;
}

.wallet-ai-insight {
    grid-column: 1 / -1;
    grid-row: 4;
}

.wallet-ai-reflection {
    grid-column: 2;
    grid-row: 2;
}

.wallet-ai-panel-header {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.wallet-ai-panel-header span {
    color: var(--header-bg);
    font-size: var(--type-card-title);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.3;
}

.wallet-ai-panel-header small,
.wallet-ai-panel p,
.wallet-ai-stat-list dt,
.wallet-ai-focus span,
.wallet-ai-opportunity-list,
.wallet-ai-footer span {
    color: var(--muted-text);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.wallet-ai-panel p {
    margin: 0;
}

.wallet-ai-panel > strong,
.wallet-ai-stat-list dd,
.wallet-ai-focus strong {
    color: var(--header-bg);
    font-size: var(--type-body);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.35;
}

.wallet-ai-observation-list {
    display: grid;
    gap: 9px;
}

.wallet-ai-observation-list p {
    padding: 0 0 9px;
    border-bottom: 1px solid rgba(230, 226, 216, 0.75);
}

.wallet-ai-observation-list p:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.wallet-ai-stat-list {
    display: grid;
    gap: 8px;
    margin: 0;
}

.wallet-ai-stat-list > div {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding: 8px 0;
    border-top: 1px solid rgba(230, 226, 216, 0.75);
}

.wallet-ai-stat-list dt,
.wallet-ai-stat-list dd {
    margin: 0;
}

.wallet-ai-focus {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid rgba(230, 226, 216, 0.75);
}

.wallet-ai-opportunity-list {
    display: grid;
    gap: 9px;
}

.wallet-ai-opportunity-list div {
    display: flex;
    align-items: center;
    gap: 8px;
}

.wallet-ai-opportunity-list span {
    width: 9px;
    height: 9px;
    flex: 0 0 9px;
    border: 1px solid var(--muted-text);
    border-radius: 50%;
    opacity: 0.7;
}

.wallet-ai-opportunity-list span.is-available {
    border-color: var(--accent-green);
    background: var(--accent-green);
    opacity: 1;
}

.wallet-ai-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: rgba(249, 248, 242, 0.4);
}

.wallet-ai-footer a {
    color: var(--accent-green);
    font-size: var(--type-button);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.3;
    text-decoration: none;
    white-space: nowrap;
}

.wallet-hu-chain {
    border-color: color-mix(in srgb, var(--accent-green) 34%, var(--border));
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--accent-green) 7%, transparent), transparent 44%),
        var(--white);
}

.wallet-hu-chain-heading,
.wallet-hu-chain-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.wallet-hu-chain-heading > div {
    display: grid;
    gap: 6px;
}

.wallet-hu-chain-heading p,
.wallet-hu-chain-heading h2 {
    margin: 0;
}

.wallet-hu-chain-heading p {
    color: var(--accent-green);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.3;
}

.wallet-hu-chain-heading h2 {
    color: var(--header-bg);
    font-size: var(--cabinet-size-section, clamp(22px, 2vw, 28px));
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.15;
}

.wallet-hu-chain-state {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 6px 10px;
    border: 1px solid color-mix(in srgb, var(--accent-green) 38%, var(--border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--accent-green) 10%, var(--white));
    color: var(--accent-green);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.2;
    text-transform: uppercase;
    white-space: nowrap;
}

.wallet-hu-chain-intro {
    max-width: 880px;
    margin: 14px 0 0;
    color: var(--muted-text);
    font-size: var(--type-supporting);
    line-height: 1.55;
}

.wallet-hu-chain-flow {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 18px;
}

.wallet-hu-chain-flow span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 8px 12px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: rgba(249, 248, 242, 0.55);
    color: var(--header-bg);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.25;
}

.wallet-hu-chain-flow i {
    color: var(--accent-green);
    font-size: var(--cabinet-size-supporting, 14px);
    font-style: normal;
}

.wallet-hu-chain-context {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
}

.wallet-hu-chain-context > div {
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: rgba(249, 248, 242, 0.46);
}

.wallet-hu-chain-context strong {
    color: var(--header-bg);
    font-size: var(--type-body);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.35;
}

.wallet-hu-chain-context :is(p, ul) {
    margin: 9px 0 0;
    color: var(--muted-text);
    font-size: var(--type-supporting);
    line-height: 1.5;
}

.wallet-hu-chain-context ul {
    padding-left: 18px;
}

.wallet-hu-chain-action {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid var(--border);
}

.wallet-hu-chain-action small {
    color: var(--muted-text);
    font-size: var(--type-metadata);
    line-height: 1.4;
}

.wallet-hu-chain-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 9px 13px;
    border: 1px solid #c9bda6;
    border-radius: 8px;
    background: #e8dfce;
    color: #17352e;
    font-size: var(--type-button);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.2;
    text-decoration: none;
}

.wallet-hu-chain-link:is(:hover, :focus-visible) {
    filter: brightness(.97);
    outline: 2px solid color-mix(in srgb, var(--accent-green) 58%, transparent);
    outline-offset: 2px;
}

html[data-theme="dark"] .personal-cabinet-shell .wallet-hu-chain {
    border-color: color-mix(in srgb, var(--accent-green) 42%, var(--border));
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--accent-green) 9%, transparent), transparent 44%),
        var(--white);
}

html[data-theme="dark"] .personal-cabinet-shell .wallet-hu-chain-state {
    background: color-mix(in srgb, var(--accent-green) 12%, var(--white));
}

html[data-theme="dark"] .personal-cabinet-shell .wallet-hu-chain-flow span,
html[data-theme="dark"] .personal-cabinet-shell .wallet-hu-chain-context > div {
    background: rgba(255, 255, 255, 0.035);
}

html[data-theme="dark"] .personal-cabinet-shell a.wallet-hu-chain-link.btn {
    border-color: color-mix(in srgb, var(--accent-green) 74%, var(--border));
    background: var(--accent-green);
    color: #101312;
}

@media (max-width: 1180px) {
    .wallet-metric-grid,
    .wallet-service-list,
    .wallet-ai-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wallet-ai-observations,
    .wallet-ai-goal,
    .wallet-ai-next-step,
    .wallet-ai-balance,
    .wallet-ai-opportunities,
    .wallet-ai-insight {
        grid-column: auto;
        grid-row: auto;
    }

    .wallet-ai-observations,
    .wallet-ai-next-step,
    .wallet-ai-reflection {
        grid-column: 1 / -1;
    }

    .wallet-grid {
        grid-template-columns: 1fr;
    }

    .wallet-hu-chain-context {
        grid-template-columns: 1fr;
    }

    .wallet-transaction-head {
        display: none;
    }

    .wallet-transaction-row {
        grid-template-columns: 1fr;
        gap: 7px;
        padding: 14px;
    }

    .wallet-transaction-row div::before {
        content: attr(data-label) ": ";
        color: var(--muted-text);
        font-size: var(--type-metadata);
        font-weight: var(--cabinet-weight-control, 500);
    }
}

@media (max-width: 900px) {
    .wallet-hero {
        align-items: stretch;
        flex-direction: column;
    }

    .wallet-participant-context {
        align-items: flex-start;
        min-width: 0;
    }
}

@media (max-width: 680px) {
    .wallet-metric-grid,
    .wallet-service-list,
    .wallet-ai-grid {
        grid-template-columns: 1fr;
    }

    .wallet-ai-companion .card-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .wallet-ai-observations,
    .wallet-ai-goal,
    .wallet-ai-next-step,
    .wallet-ai-balance,
    .wallet-ai-opportunities,
    .wallet-ai-insight,
    .wallet-ai-reflection {
        grid-column: auto;
        grid-row: auto;
    }

    .wallet-ai-footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .wallet-state-row,
    .wallet-status-stack > div {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .wallet-export-actions > div {
        grid-template-columns: 1fr;
    }

    .wallet-hu-chain-heading,
    .wallet-hu-chain-action {
        align-items: flex-start;
        flex-direction: column;
    }

    .wallet-hu-chain-flow {
        align-items: stretch;
        flex-direction: column;
    }

    .wallet-hu-chain-flow i {
        align-self: center;
        transform: rotate(90deg);
    }

    .wallet-hu-chain-link {
        width: 100%;
    }

    .wallet-transaction-head {
        display: none;
    }

    .wallet-transaction-row {
        grid-template-columns: 1fr;
        gap: 7px;
        padding: 14px;
    }

    .wallet-transaction-row div::before {
        content: attr(data-label) ": ";
        color: var(--muted-text);
        font-size: var(--type-metadata);
        font-weight: var(--cabinet-weight-control, 500);
    }
}

/* Mobile responsive for modal */
@media (max-width: 768px) {
    #sendGlyphModal {
        padding: 10px;
    }

    #sendGlyphModal .modal-content {
        max-height: 95vh;
    }

    #sendGlyphModal .modal-header {
        padding: 16px;
    }

    #sendGlyphModal .modal-header h2 {
        font-size: var(--cabinet-size-section, 16px);
    }

    #sendGlyphModal .modal-body {
        padding: 16px;
    }

    #sendGlyphModal .modal-footer {
        flex-direction: column;
        padding: 16px;
        gap: 10px;
    }

    #sendGlyphModal .modal-footer .btn {
        width: 100%;
        padding: 10px;
        font-size: var(--cabinet-size-control, 16px);
    }

    #sendGlyphModal .send-option-tabs {
        flex-direction: column;
        gap: 0;
    }

    #sendGlyphModal .tab-btn {
        width: 100%;
        text-align: left;
        border-bottom: 1px solid var(--beige-soft);
        border-left: 3px solid transparent;
        margin-bottom: 0;
        padding: 12px 16px;
    }

    #sendGlyphModal .tab-btn.active {
        border-left-color: var(--accent-green);
        border-bottom-color: var(--beige-soft);
    }
}

/* Certification Method Tabs */
.cert-method-tabs {
    display: flex;
    gap: 0;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--beige-soft);
}

.dashboard-cert-tabs {
    gap: 8px;
    margin-top: 20px;
}

.cert-tab-btn {
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    color: var(--header-bg);
    padding: 12px 20px;
    cursor: pointer;
    font-size: var(--cabinet-size-supporting, 14px);
    font-weight: var(--cabinet-weight-heading, 600);
    transition: all 0.2s ease;
    margin-bottom: -2px;
    position: relative;
}

.cert-tab-btn:hover {
    color: var(--accent-green);
    background: rgba(50, 122, 104, 0.05);
}

.cert-tab-btn.active {
    color: var(--accent-green);
    border-bottom-color: var(--accent-green);
}

.cert-method-content {
    display: none;
}

.cert-method-content.active {
    display: block;
}

/* Footer styles */
.cabinet-footer {
    margin-top: auto;
    padding: 20px 0;
    border-top: 1px solid rgba(14, 43, 40, 0.1);
    flex-shrink: 0;
}

.footer-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 0 20px;
}

.footer-links {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
}

.footer-link {
    color: var(--header-bg);
    text-decoration: underline;
    text-underline-offset: 3px;
    font-size: var(--cabinet-size-supporting, 14px);
    transition: color 0.2s ease;
}

.footer-link:hover {
    color: var(--accent-green);
    text-decoration-thickness: 2px;
}

.footer-separator {
    color: rgba(14, 43, 40, 0.4);
    font-size: var(--cabinet-size-supporting, 14px);
}

.footer-version {
    font-size: var(--cabinet-size-metadata, 11px);
    color: rgba(14, 43, 40, 0.5);
    letter-spacing: 0.5px;
    font-weight: var(--cabinet-weight-control, 500);
}

@media (max-width: 768px) {
    .footer-content {
        padding: 0 16px;
    }
    
    .footer-links {
        font-size: var(--cabinet-size-label, 13px);
    }
    
    .footer-version {
        font-size: var(--cabinet-size-metadata, 10px);
    }
}

/* Final Personal Cabinet typography guard for rules declared after synchronization block */
.personal-cabinet-shell #sendGlyphModal .modal-footer .btn,
.personal-cabinet-shell .cert-tab-btn,
.personal-cabinet-shell .footer-link {
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.2;
}

.personal-cabinet-shell .footer-version {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.4;
    letter-spacing: 0;
}

.personal-cabinet-shell .footer-version strong {
    color: var(--dark-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.35;
}

.personal-cabinet-shell .footer-version span {
    color: inherit;
}

/* Profile screen stabilization: Layer 1 presentation and structure only */
.personal-cabinet-shell .profile-page {
    max-width: 1280px;
}

.personal-cabinet-shell .profile-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.personal-cabinet-shell .profile-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 20px;
    width: 100%;
}

.personal-cabinet-shell .profile-section-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.personal-cabinet-shell .profile-passport-card {
    grid-column: 1 / -1;
}

.personal-cabinet-shell .profile-section-card .card-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.personal-cabinet-shell .profile-section-card .card-header span {
    color: var(--header-bg);
    font-size: var(--type-card-title);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.3;
}

.personal-cabinet-shell .profile-section-card .card-header small {
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.4;
}

.personal-cabinet-shell .profile-card-body {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.personal-cabinet-shell .profile-passport-layout {
    display: grid;
    grid-template-columns: minmax(180px, 0.36fr) minmax(0, 1fr);
    gap: 22px;
    align-items: center;
}

.personal-cabinet-shell .profile-passport-glyph {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 220px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--theme-secondary-workspace);
}

.personal-cabinet-shell .profile-passport-glyph-svg,
.personal-cabinet-shell .profile-passport-glyph-svg svg {
    display: block;
    width: 180px;
    height: 180px;
}

.personal-cabinet-shell .profile-passport-content {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.personal-cabinet-shell .profile-passport-heading {
    display: grid;
    gap: 5px;
    min-width: 0;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--border);
}

.personal-cabinet-shell .profile-passport-heading span {
    color: var(--accent-green);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.3;
    text-transform: uppercase;
}

.personal-cabinet-shell .profile-passport-heading strong {
    color: var(--header-bg);
    font-size: var(--cabinet-size-section, 26px);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.2;
}

.personal-cabinet-shell .profile-passport-heading small {
    color: var(--muted-text);
    font-size: var(--type-supporting);
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.personal-cabinet-shell .profile-passport-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.personal-cabinet-shell .profile-passport-grid div {
    display: grid;
    gap: 5px;
    min-width: 0;
    padding: 13px 14px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--theme-secondary-workspace);
}

.personal-cabinet-shell .profile-passport-grid span {
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.3;
}

.personal-cabinet-shell .profile-passport-grid strong {
    color: var(--header-bg);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.personal-cabinet-shell .professional-passport-document {
    display: grid;
    gap: 18px;
    width: 100%;
}

.personal-cabinet-shell .professional-passport-document > .profile-section-card {
    margin: 0;
}

.personal-cabinet-shell .professional-passport-document .card-header {
    min-height: 58px;
}

.personal-cabinet-shell .professional-passport-summary-grid,
.personal-cabinet-shell .professional-passport-history-grid,
.personal-cabinet-shell .professional-passport-achievement-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.personal-cabinet-shell .professional-passport-info-item,
.personal-cabinet-shell .professional-passport-history-item,
.personal-cabinet-shell .professional-passport-achievement-item,
.personal-cabinet-shell .professional-passport-placeholder {
    display: grid;
    gap: 6px;
    align-content: start;
    min-width: 0;
    min-height: 112px;
    padding: 15px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--theme-secondary-workspace);
}

.personal-cabinet-shell .professional-passport-info-item span,
.personal-cabinet-shell .professional-passport-history-item span,
.personal-cabinet-shell .professional-passport-achievement-item span {
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.3;
    text-transform: uppercase;
}

.personal-cabinet-shell .professional-passport-info-item strong,
.personal-cabinet-shell .professional-passport-history-item strong,
.personal-cabinet-shell .professional-passport-achievement-item strong,
.personal-cabinet-shell .professional-passport-placeholder strong {
    color: var(--header-bg);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.personal-cabinet-shell .professional-passport-history-item small,
.personal-cabinet-shell .professional-passport-placeholder span {
    color: var(--muted-text);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.5;
}

.personal-cabinet-shell .professional-passport-timeline {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.personal-cabinet-shell .professional-passport-timeline-item {
    position: relative;
    display: grid;
    gap: 4px;
    align-content: start;
    min-width: 0;
    min-height: 118px;
    padding: 14px 16px 14px 28px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--theme-secondary-workspace);
}

.personal-cabinet-shell .professional-passport-timeline-item::before {
    content: "";
    position: absolute;
    top: 17px;
    left: 13px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--accent-green);
}

.personal-cabinet-shell .professional-passport-timeline-item span {
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.3;
    text-transform: uppercase;
}

.personal-cabinet-shell .professional-passport-timeline-item strong {
    color: var(--header-bg);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.personal-cabinet-shell .professional-passport-timeline-item small {
    color: var(--muted-text);
    font-size: var(--type-supporting);
    line-height: 1.45;
}

.personal-cabinet-shell .professional-passport-lower-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    gap: 20px;
}

.personal-cabinet-shell .professional-passport-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.personal-cabinet-shell .professional-passport-actions .btn {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    border-color: var(--theme-primary-border);
    background: var(--theme-ghost-hover);
    color: var(--theme-primary-button);
    text-align: center;
    text-decoration: none;
}

.personal-cabinet-shell .professional-passport-actions .btn:hover,
.personal-cabinet-shell .professional-passport-actions .btn:focus {
    border-color: var(--theme-primary-button);
    background: var(--theme-hover-surface);
    color: var(--theme-primary-button);
}

.personal-cabinet-shell .profile-account-grid {
    margin-top: 0;
}

.personal-cabinet-shell .professional-passport-separator {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    margin: 8px 0 2px;
    color: var(--muted-text);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.35;
    text-transform: uppercase;
}

.personal-cabinet-shell .professional-passport-separator::before,
.personal-cabinet-shell .professional-passport-separator::after {
    content: "";
    height: 1px;
    background: var(--border);
}

.personal-cabinet-shell .profile-readonly-grid,
.personal-cabinet-shell .profile-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.personal-cabinet-shell .profile-field {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
}

.personal-cabinet-shell .profile-field-wide {
    grid-column: 1 / -1;
}

.personal-cabinet-shell .profile-field label {
    color: var(--muted-text);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.45;
}

.personal-cabinet-shell .profile-field input {
    width: 100%;
    min-height: var(--cabinet-control-height);
    box-sizing: border-box;
    padding: 8px 12px;
    border: 1px solid var(--border);
    border-radius: 6px;
    background: var(--white);
    color: var(--header-bg);
    font-size: var(--type-body);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.4;
}

.personal-cabinet-shell .profile-field input:focus {
    border-color: var(--accent-green);
    outline: none;
    box-shadow: 0 0 0 3px rgba(50, 122, 104, 0.12);
}

.personal-cabinet-shell .profile-readonly-input {
    background: var(--theme-input-disabled);
    color: var(--header-bg);
    cursor: text;
}

.personal-cabinet-shell .profile-identifier-input {
    font-size: var(--type-supporting);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.personal-cabinet-shell .profile-note {
    margin: 0;
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.personal-cabinet-shell .profile-security-intro {
    display: grid;
    gap: 5px;
    margin-bottom: 16px;
}

.personal-cabinet-shell .profile-security-intro strong {
    color: var(--header-bg);
    font-size: var(--cabinet-size-body, 15px);
}

.personal-cabinet-shell .profile-security-intro p,
.personal-cabinet-shell .profile-security-submit small {
    margin: 0;
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 12px);
    line-height: 1.5;
}

.personal-cabinet-shell .profile-security-submit {
    display: grid;
    align-content: end;
    gap: 8px;
}

.personal-cabinet-shell .profile-password-change-button {
    justify-self: start;
}

.personal-cabinet-shell .profile-security-flash {
    margin-bottom: 16px;
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-radius: 9px;
    font-size: var(--cabinet-size-label, 13px);
    line-height: 1.45;
}

.personal-cabinet-shell .profile-security-flash--success {
    color: #246c52;
    border-color: #81bfa9;
    background: rgba(81, 166, 137, .12);
}

.personal-cabinet-shell .profile-security-flash--error {
    color: #a03d45;
    border-color: #d49a9f;
    background: rgba(184, 76, 85, .1);
}

html[data-theme="dark"] .personal-cabinet-shell .profile-security-flash--success {
    color: #8bd2b7;
}

html[data-theme="dark"] .personal-cabinet-shell .profile-security-flash--error {
    color: #ef9ca3;
}

.personal-cabinet-shell .profile-status-list {
    display: flex;
    flex-direction: column;
    gap: 0;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

.personal-cabinet-shell .profile-status-row {
    display: grid;
    grid-template-columns: minmax(120px, 0.42fr) minmax(0, 1fr);
    gap: 14px;
    padding: 11px 0;
    border-bottom: 1px solid var(--border);
}

.personal-cabinet-shell .profile-status-row:last-child {
    border-bottom: 0;
}

.personal-cabinet-shell .profile-status-row span {
    color: var(--muted-text);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.4;
}

.personal-cabinet-shell .profile-status-row strong {
    min-width: 0;
    color: var(--header-bg);
    font-size: var(--type-body);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.personal-cabinet-shell .profile-coming-soon {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--theme-secondary-workspace);
}

.personal-cabinet-shell .profile-checkbox-label {
    color: var(--header-bg);
    font-size: var(--type-body);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.4;
}

.personal-cabinet-shell .profile-checkbox-label input:disabled ~ .checkmark {
    opacity: 0.55;
}

.personal-cabinet-shell .profile-form-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    padding: 2px 0 4px;
}

.personal-cabinet-shell .profile-save-button {
    background: var(--accent-green);
    border-color: var(--accent-green);
    color: var(--white);
}

.personal-cabinet-shell .profile-save-button:hover,
.personal-cabinet-shell .profile-save-button:focus {
    background: var(--green-hover);
    border-color: var(--green-hover);
    color: var(--white);
}

.personal-cabinet-shell .profile-invitation-card {
    margin-top: 0;
}

.personal-cabinet-shell .profile-invitation-status {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    min-height: 30px;
    padding: 6px 12px;
    border: 1px solid var(--theme-secondary-border);
    border-radius: 999px;
    background: var(--theme-secondary-hover);
    color: var(--header-bg);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.2;
}

.personal-cabinet-shell .profile-invitation-process {
    display: flex;
    align-items: center;
    min-height: 34px;
    padding: 8px 12px;
    border: 1px solid var(--theme-primary-border);
    border-radius: 8px;
    background: var(--theme-ghost-hover);
    color: var(--header-bg);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.35;
}

.personal-cabinet-shell .profile-invitation-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.personal-cabinet-shell .profile-invitation-summary > div {
    display: grid;
    gap: 5px;
    min-height: 74px;
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--theme-secondary-workspace);
}

.personal-cabinet-shell .profile-invitation-summary span {
    color: var(--muted-text);
    font-size: var(--type-metadata);
    line-height: 1.35;
}

.personal-cabinet-shell .profile-invitation-summary strong {
    color: var(--header-bg);
    font-size: var(--cabinet-size-card, 18px);
    line-height: 1.2;
}

.personal-cabinet-shell .profile-invitation-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.personal-cabinet-shell .profile-invitation-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 78px;
    padding: 13px 14px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--theme-secondary-workspace);
}

.personal-cabinet-shell .profile-invitation-item strong {
    color: var(--header-bg);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.35;
}

.personal-cabinet-shell .profile-invitation-item span,
.personal-cabinet-shell .profile-invitation-note {
    margin: 0;
    color: var(--muted-text);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.5;
}

.personal-cabinet-shell .profile-invitation-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
}

.personal-cabinet-shell .profile-invitation-button {
    min-height: 32px;
    padding: 6px 10px;
    font-size: var(--type-metadata);
}

.personal-cabinet-shell .profile-invitation-link {
    width: 100%;
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--theme-primary-workspace);
    color: var(--header-bg);
    font-size: var(--type-metadata);
}

.personal-cabinet-shell .profile-invitation-history {
    display: grid;
    overflow-x: auto;
    border: 1px solid var(--border);
    border-radius: 8px;
}

.personal-cabinet-shell .profile-invitation-history > div {
    display: grid;
    grid-template-columns: minmax(150px, 1.3fr) repeat(4, minmax(120px, 1fr));
    gap: 10px;
    min-width: 760px;
    padding: 10px 12px;
    border-bottom: 1px solid var(--border);
    color: var(--muted-text);
    font-size: var(--type-metadata);
}

.personal-cabinet-shell .profile-invitation-history > div:last-child { border-bottom: 0; }
.personal-cabinet-shell .profile-invitation-history strong { color: var(--header-bg); }
.personal-cabinet-shell .profile-invitation-history-head { background: var(--theme-secondary-workspace); color: var(--header-bg) !important; font-weight: var(--cabinet-weight-heading, 600); }

@media (max-width: 1100px) {
    .personal-cabinet-shell .profile-grid {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .profile-passport-layout,
    .personal-cabinet-shell .profile-passport-grid,
    .personal-cabinet-shell .professional-passport-lower-grid,
    .personal-cabinet-shell .professional-passport-timeline {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .personal-cabinet-shell .profile-readonly-grid,
    .personal-cabinet-shell .profile-form-grid,
    .personal-cabinet-shell .profile-invitation-summary,
    .personal-cabinet-shell .profile-invitation-list,
    .personal-cabinet-shell .professional-passport-summary-grid,
    .personal-cabinet-shell .professional-passport-history-grid,
    .personal-cabinet-shell .professional-passport-achievement-grid,
    .personal-cabinet-shell .professional-passport-actions {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .profile-status-row {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .profile-form-actions {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .personal-cabinet-shell .profile-form-actions .btn {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .personal-cabinet-shell #sendGlyphModal .modal-footer .btn {
        font-size: var(--type-supporting);
    }

    .personal-cabinet-shell .footer-version {
        font-size: var(--type-metadata);
    }
}

/* HUMAS Typography Standard v1.1 synchronization: shared Personal Platform layer */
.personal-cabinet-shell .cabinet-page-subtitle {
    margin: -8px 0 18px;
    color: var(--muted-text);
    font-size: var(--type-body);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.5;
}

.personal-cabinet-shell .analytics-card-meta {
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.4;
    text-transform: none;
}

.personal-cabinet-shell .analytics-empty-chart-state {
    padding: 40px;
    color: var(--muted-text);
    text-align: center;
}

.personal-cabinet-shell .help-assistance-card {
    width: 100%;
}

.personal-cabinet-shell .card-wrapper {
    border-radius: 8px;
}

.personal-cabinet-shell .card-body p,
.personal-cabinet-shell .card-body li,
.personal-cabinet-shell .help-section-content,
.personal-cabinet-shell .notification-body,
.personal-cabinet-shell .notification-empty-subtext {
    font-size: var(--type-body);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.5;
}

.personal-cabinet-shell .notification-unread-pill,
.personal-cabinet-shell .notification-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    padding: 2px 7px;
    border-radius: 999px;
    background: var(--primary-green);
    color: var(--white);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.25;
}

.personal-cabinet-shell .notification-unread-pill {
    margin-left: 10px;
}

.personal-cabinet-shell .notification-unread-pill.is-zero {
    border: 1px solid var(--border);
    background: color-mix(in srgb, var(--border) 42%, var(--white));
    color: var(--muted-text);
}

.personal-cabinet-shell .notification-badge {
    position: absolute;
    top: -8px;
    right: -12px;
}

.personal-cabinet-shell .notifications-summary-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--cabinet-inner-gap);
    margin-bottom: 0;
}

.personal-cabinet-shell .notifications-summary-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 96px;
    padding: var(--cabinet-card-padding);
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--white);
    box-shadow: 0 2px 8px rgba(47, 47, 47, 0.04);
}

.personal-cabinet-shell .notifications-summary-card span {
    color: var(--muted-text);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.4;
}

.personal-cabinet-shell .notifications-summary-card strong {
    color: var(--header-bg);
    font-size: var(--type-card-title);
    font-weight: var(--cabinet-weight-control, 600);
    line-height: 1.3;
}

.personal-cabinet-shell .notification-feedback {
    margin: 0 0 14px;
    padding: 10px 12px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: rgba(249, 248, 242, 0.9);
    color: var(--header-bg);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.personal-cabinet-shell .notification-history-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
    margin-left: auto;
}

.personal-cabinet-shell .notification-header-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 8px 14px;
    border: 1px solid var(--primary-green);
    border-radius: 8px;
    background: var(--primary-green);
    color: #fff;
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.2;
    text-decoration: none;
    font-family: inherit;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.personal-cabinet-shell .notification-header-action:hover,
.personal-cabinet-shell .notification-header-action:focus {
    border-color: var(--green-hover);
    background: var(--green-hover);
    color: #fff;
}

.personal-cabinet-shell .personal-notification-archive {
    display: grid;
    gap: 12px;
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid var(--border);
}

.personal-cabinet-shell .personal-notification-archive-list {
    display: grid;
    gap: 10px;
}

.personal-cabinet-shell .personal-notification-archive-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: start;
    padding: 14px 16px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--personal-level-2);
}

.personal-cabinet-shell .personal-notification-archive-item div,
.personal-cabinet-shell .personal-notification-archive-item strong,
.personal-cabinet-shell .personal-notification-archive-item span {
    display: block;
}

.personal-cabinet-shell .personal-notification-archive-item span,
.personal-cabinet-shell .personal-notification-archive-item time,
.personal-cabinet-shell .personal-notification-archive-note {
    color: var(--theme-supporting-text);
    font-size: var(--type-supporting);
    line-height: 1.45;
}

.personal-cabinet-shell .personal-notification-archive-item span {
    margin-top: 5px;
}

.personal-cabinet-shell .notification-category-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--border);
}

.personal-cabinet-shell .notification-category-chip,
.personal-cabinet-shell .notification-event-chip-row span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 6px 11px;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: rgba(249, 248, 242, 0.65);
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.2;
}

.personal-cabinet-shell button.notification-category-chip {
    font-family: inherit;
    cursor: pointer;
}

.personal-cabinet-shell .notification-category-chip.is-active {
    border-color: rgba(50, 122, 104, 0.38);
    background: rgba(50, 122, 104, 0.1);
    color: var(--primary-green);
}

.personal-cabinet-shell .notification-event-architecture {
    display: grid;
    grid-template-columns: minmax(180px, 0.28fr) minmax(0, 1fr);
    gap: 16px;
    margin: 0 0 18px;
    padding: 14px;
    border: 1px solid rgba(230, 226, 216, 0.85);
    border-radius: 8px;
    background: rgba(249, 248, 242, 0.58);
}

.personal-cabinet-shell .notification-event-architecture > div:first-child {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.personal-cabinet-shell .notification-event-architecture strong {
    color: var(--header-bg);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.35;
}

.personal-cabinet-shell .notification-event-architecture > div:first-child span {
    color: var(--muted-text);
    font-size: var(--type-metadata);
    line-height: 1.45;
}

.personal-cabinet-shell .notification-event-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: flex-start;
}

.personal-cabinet-shell .notification-feedback.is-success {
    border-color: rgba(50, 122, 104, 0.32);
    background: rgba(50, 122, 104, 0.08);
}

.personal-cabinet-shell .notification-feedback.is-error {
    border-color: rgba(180, 35, 24, 0.22);
    background: rgba(180, 35, 24, 0.07);
}

.personal-cabinet-shell .notification-date-group {
    margin-bottom: 28px;
}

.personal-cabinet-shell .notification-date-group:last-child {
    margin-bottom: 0;
}

.personal-cabinet-shell .notification-date-header {
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--border);
    color: var(--muted-text);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.4;
    text-transform: none;
}

.personal-cabinet-shell .notification-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 16px;
    margin-bottom: 12px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--white);
    transition: opacity 0.25s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.personal-cabinet-shell .notification-item[hidden],
.personal-cabinet-shell .notification-date-group[hidden],
.personal-cabinet-shell .notification-filter-empty[hidden] {
    display: none !important;
}

.personal-cabinet-shell .notification-item:hover {
    border-color: rgba(50, 122, 104, 0.45);
    box-shadow: 0 2px 8px rgba(47, 47, 47, 0.04);
}

.personal-cabinet-shell .notification-item.unread {
    border-color: rgba(50, 122, 104, 0.45);
    border-left: 4px solid var(--primary-green);
    background: rgba(50, 122, 104, 0.06);
}

.personal-cabinet-shell .notification-item.is-removing {
    opacity: 0;
}

.personal-cabinet-shell .notification-content {
    flex: 1;
    min-width: 0;
}

.personal-cabinet-shell .notification-header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

.personal-cabinet-shell .notification-meta-group {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.personal-cabinet-shell .notification-type-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 9px;
    border-radius: 6px;
    background: rgba(193, 174, 143, 0.16);
    color: var(--header-bg);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.25;
    text-transform: none;
}

.personal-cabinet-shell .notification-type-platform,
.personal-cabinet-shell .notification-type-profile,
.personal-cabinet-shell .notification-type-recognition,
.personal-cabinet-shell .notification-type-wallet,
.personal-cabinet-shell .notification-type-certification,
.personal-cabinet-shell .notification-type-membership,
.personal-cabinet-shell .notification-type-glyph,
.personal-cabinet-shell .notification-type-aria,
.personal-cabinet-shell .notification-type-system,
.personal-cabinet-shell .notification-type-sgm {
    background: rgba(193, 174, 143, 0.16);
    color: var(--header-bg);
}

.personal-cabinet-shell .notification-status {
    display: inline-flex;
    align-items: center;
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.3;
}

.personal-cabinet-shell .notification-status.is-unread {
    color: var(--primary-green);
}

.personal-cabinet-shell .notification-time {
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.4;
    white-space: nowrap;
}

.personal-cabinet-shell .notification-title {
    margin-bottom: 6px;
    color: var(--header-bg);
    font-size: var(--type-body);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.4;
}

.personal-cabinet-shell .notification-link {
    color: inherit;
    text-decoration: none;
}

.personal-cabinet-shell .notification-link:hover,
.personal-cabinet-shell .notification-link:focus {
    color: var(--primary-green);
}

.personal-cabinet-shell .notification-body {
    margin-bottom: 8px;
    color: var(--muted-text);
    font-size: var(--type-supporting);
}

.personal-cabinet-shell .notification-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-shrink: 0;
    gap: 8px;
}

.personal-cabinet-shell .notification-open-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid #c9b58f;
    border-radius: 6px;
    background: #c9b58f;
    color: #1c2925;
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1;
    text-decoration: none;
}

.personal-cabinet-shell .notification-open-link:hover,
.personal-cabinet-shell .notification-open-link:focus {
    border-color: #b9a477;
    background: #b9a477;
    color: #1c2925;
}

.personal-cabinet-shell .notification-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid var(--border);
    border-radius: 6px;
    background: var(--white);
    color: var(--muted-text);
    cursor: pointer;
}

.personal-cabinet-shell .notification-action-btn:hover,
.personal-cabinet-shell .notification-action-btn:focus {
    border-color: var(--primary-green);
    background: rgba(50, 122, 104, 0.08);
    color: var(--primary-green);
}

.personal-cabinet-shell .delete-btn:hover,
.personal-cabinet-shell .delete-btn:focus {
    border-color: rgba(180, 35, 24, 0.28);
    background: rgba(180, 35, 24, 0.07);
    color: #b42318;
}

.personal-cabinet-shell .notification-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 52px 20px;
    text-align: center;
}

.personal-cabinet-shell .notification-empty-marker {
    width: 36px;
    height: 36px;
    border: 1px solid var(--border);
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(50, 122, 104, 0.12), rgba(193, 174, 143, 0.2));
}

.personal-cabinet-shell .notification-empty-text {
    margin: 0;
    color: var(--header-bg);
    font-size: var(--type-subsection-title);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.3;
}

.personal-cabinet-shell .notification-empty-subtext {
    max-width: 420px;
    margin: 0 auto;
    color: var(--muted-text);
    font-size: var(--type-supporting);
}

@media (max-width: 900px) {
    .personal-cabinet-shell .notifications-summary-grid {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .notification-event-architecture {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .personal-cabinet-shell .notification-history-actions {
        width: 100%;
        justify-content: flex-start;
    }

    .personal-cabinet-shell .notification-item {
        flex-direction: column;
        gap: 12px;
    }

    .personal-cabinet-shell .notification-actions {
        align-self: flex-end;
    }

    .personal-cabinet-shell .notification-header-row {
        flex-wrap: wrap;
    }

    .personal-cabinet-shell .personal-notification-archive-item {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Module 10: Notifications communication center polish */
.personal-cabinet-shell .notification-history-card .card-body {
    display: block;
}

.personal-cabinet-shell .notifications-summary-card small {
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.personal-cabinet-shell .personal-notification-overview {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    width: 100%;
}

.personal-cabinet-shell .personal-notification-overview-card {
    display: grid;
    gap: 18px;
    padding: 22px;
}

.personal-cabinet-shell .personal-notification-overview-heading {
    display: grid;
    gap: 4px;
}

.personal-cabinet-shell .personal-notification-overview-heading > span {
    color: var(--header-bg);
    font-size: var(--type-heading);
    font-weight: var(--cabinet-weight-heading, 650);
}

.personal-cabinet-shell .personal-notification-overview-facts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.personal-cabinet-shell .personal-notification-overview-facts > div {
    display: grid;
    align-content: space-between;
    gap: 10px;
    min-height: 82px;
    padding: 12px 14px;
    border: 1px solid var(--theme-secondary-border);
    border-radius: var(--cabinet-card-radius);
    background: var(--personal-level-3);
}

.personal-cabinet-shell .personal-notification-overview-facts span,
.personal-cabinet-shell .personal-notification-overview-context span {
    color: var(--theme-supporting-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-heading, 650);
    text-transform: uppercase;
}

.personal-cabinet-shell .personal-notification-overview-facts strong,
.personal-cabinet-shell .personal-notification-overview-context strong {
    color: var(--theme-primary-text);
    font-size: var(--type-label);
    line-height: 1.35;
    text-align: left;
}

.personal-cabinet-shell .personal-notification-overview-context {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.personal-cabinet-shell .personal-notification-overview-context article {
    display: grid;
    align-content: start;
    gap: 14px;
    min-height: 132px;
    padding: 22px;
    border: 1px solid var(--theme-secondary-border);
    border-radius: var(--cabinet-card-radius);
    background: var(--personal-level-2);
}

.personal-cabinet-shell .personal-notification-overview-context strong {
    text-align: left;
}

.personal-cabinet-shell .notification-section-label,
.personal-cabinet-shell .notification-details-panel,
.personal-cabinet-shell .notification-future-integrations {
    margin: 0 0 16px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: var(--cabinet-card-radius);
    background: rgba(249, 248, 242, 0.58);
}

.personal-cabinet-shell .notification-section-label {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 10px;
}

.personal-cabinet-shell .notification-section-label span,
.personal-cabinet-shell .notification-details-panel strong,
.personal-cabinet-shell .notification-future-integrations strong {
    color: var(--header-bg);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-control, 600);
    line-height: 1.35;
}

.personal-cabinet-shell .notification-section-label small,
.personal-cabinet-shell .notification-details-panel span,
.personal-cabinet-shell .notification-future-integrations span,
.personal-cabinet-shell .notification-details-panel p {
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.personal-cabinet-shell .notification-details-panel {
    display: grid;
    grid-template-columns: minmax(180px, 0.3fr) minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

.personal-cabinet-shell .notification-details-panel > div,
.personal-cabinet-shell .notification-future-integrations > div:first-child {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.personal-cabinet-shell .notification-details-panel p {
    margin: 0;
}

.personal-cabinet-shell .notification-future-integrations {
    display: block;
    margin-top: 18px;
    margin-bottom: 0;
}

.personal-cabinet-shell .notification-future-integrations > div:first-child {
    margin-bottom: 14px;
}

.personal-cabinet-shell .notification-future-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.personal-cabinet-shell .notification-future-grid > span {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-height: 68px;
    padding: 11px 12px;
    border: 1px solid var(--border);
    border-radius: var(--cabinet-card-radius);
    background: var(--white);
    color: var(--header-bg);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.35;
}

.personal-cabinet-shell .notification-future-grid em {
    display: inline-flex;
    align-self: flex-start;
    min-height: 22px;
    align-items: center;
    padding: 2px 8px;
    border: 1px solid rgba(50, 122, 104, 0.2);
    border-radius: 999px;
    background: rgba(50, 122, 104, 0.08);
    color: var(--accent-green);
    font-size: var(--type-metadata);
    font-style: normal;
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.2;
}

.personal-cabinet-shell .notification-future-grid small {
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.4;
}

.personal-cabinet-shell .notification-filter-empty {
    margin-top: 16px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: var(--cabinet-card-radius);
    color: var(--muted-text);
    font-size: var(--type-supporting);
}

.personal-cabinet-shell .personal-record-pagination {
    justify-content: center;
    margin-top: 18px;
}

.personal-cabinet-shell .personal-record-pagination .table-pagination-controls {
    display: grid;
    grid-template-columns: auto minmax(32px, auto) auto;
    justify-content: center;
    width: fit-content;
    max-width: 100%;
    gap: 8px;
}

.personal-cabinet-shell .personal-record-pagination .table-pagination-btn {
    border-color: var(--humas-cabinet-action-border, var(--accent-gold));
    background: var(--humas-cabinet-action-background, var(--accent-gold));
    color: var(--humas-cabinet-action-text, var(--header-bg));
    text-decoration: none;
}

.personal-cabinet-shell .personal-record-pagination .table-pagination-btn:first-child {
    justify-self: center;
}

.personal-cabinet-shell .personal-record-pagination .table-pagination-btn:last-child {
    justify-self: center;
}

.personal-cabinet-shell .personal-record-pagination-page {
    align-self: center;
    min-width: 32px;
    color: var(--muted-text);
    font-size: var(--cabinet-size-body, 15px);
    font-weight: var(--cabinet-weight-heading, 700);
    text-align: center;
    white-space: nowrap;
}

.personal-cabinet-shell .personal-record-pagination .table-pagination-btn.is-disabled {
    opacity: .45;
    cursor: default;
    pointer-events: none;
}


.personal-cabinet-shell .notification-category-row {
    margin-bottom: 16px;
}

.personal-cabinet-shell .notification-date-group {
    margin-bottom: 20px;
}

.personal-cabinet-shell .notification-date-header {
    border-bottom-style: solid;
}

.personal-cabinet-shell .notification-item {
    margin-bottom: 0;
    border-radius: 0;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    box-shadow: none;
}

.personal-cabinet-shell .notification-date-group .notification-item:first-of-type {
    border-top: 1px solid var(--border);
}

.personal-cabinet-shell .notification-item:hover {
    box-shadow: none;
}

.personal-cabinet-shell .notification-item.unread {
    border-left: 3px solid var(--accent-green);
    background: rgba(50, 122, 104, 0.04);
}

@media (max-width: 900px) {
    .personal-cabinet-shell .personal-notification-overview,
    .personal-cabinet-shell .personal-notification-overview-context,
    .personal-cabinet-shell .notification-details-panel,
    .personal-cabinet-shell .notification-future-integrations,
    .personal-cabinet-shell .notification-future-grid {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .personal-notification-overview-facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .personal-cabinet-shell .notification-section-label {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 560px) {
    .personal-cabinet-shell .personal-notification-overview-facts {
        grid-template-columns: 1fr;
    }
}

/* Statistics HUNIT Trend periods: bounded controls replace per-event cards. */
.personal-cabinet-shell .statistics-hunit-axis {
    display: flex;
    justify-content: space-between;
    margin-top: -19px;
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 9px);
}

.personal-cabinet-shell .statistics-trend-periods {
    display: flex;
    gap: 6px;
    max-width: 100%;
    padding: 2px 0 4px;
    overflow-x: auto;
    scrollbar-width: thin;
}

.personal-cabinet-shell .statistics-trend-periods a {
    flex: 0 0 auto;
    padding: 7px 10px;
    border: 1px solid var(--border);
    border-radius: 999px;
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 10px);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1;
    text-decoration: none;
}

.personal-cabinet-shell .statistics-trend-periods a.is-active {
    border-color: var(--accent-green);
    background: var(--accent-green);
    color: var(--white);
}

.personal-cabinet-shell .statistics-trend-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
}

.personal-cabinet-shell .statistics-trend-summary > div {
    display: grid;
    gap: 3px;
    min-width: 0;
    padding: 8px;
    border: 1px solid var(--border);
    border-radius: 6px;
}

.personal-cabinet-shell .statistics-trend-summary span {
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 9px);
}

.personal-cabinet-shell .statistics-trend-summary strong {
    color: var(--dark-text);
    font-size: var(--cabinet-size-metadata, 11px);
    overflow-wrap: anywhere;
}

html[data-theme="dark"] .personal-cabinet-shell .statistics-trend-summary strong {
    color: var(--theme-primary-text);
}

@media (max-width: 560px) {
    .personal-cabinet-shell .statistics-trend-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Final Personal Platform typography and visual rhythm calibration */
.personal-cabinet-shell .card-header small,
.personal-cabinet-shell .statistics-card .card-header small,
.personal-cabinet-shell .wallet-card .card-header small,
.personal-cabinet-shell .certification-card .card-header small {
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.4;
}

.personal-cabinet-shell .dashboard-status-row span,
.personal-cabinet-shell .dashboard-mini-status span,
.personal-cabinet-shell .hunit-summary-item span,
.personal-cabinet-shell .hunit-footer span,
.personal-cabinet-shell .wallet-metric-card span,
.personal-cabinet-shell .wallet-service-item span,
.personal-cabinet-shell .certification-summary-list span,
.personal-cabinet-shell .notifications-summary-card span {
    color: var(--muted-text);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.4;
}

.personal-cabinet-shell .dashboard-status-row strong,
.personal-cabinet-shell .dashboard-mini-status strong,
.personal-cabinet-shell .hunit-footer strong,
.personal-cabinet-shell .wallet-state-row strong,
.personal-cabinet-shell .wallet-status-stack strong,
.personal-cabinet-shell .wallet-service-item strong {
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.4;
}

.personal-cabinet-shell .hunit-footer {
    gap: 10px;
}

.personal-cabinet-shell .hunit-footer div {
    justify-content: center;
    min-height: 58px;
    padding: 9px 10px;
}

.personal-cabinet-shell .hunit-footer span {
    margin-bottom: 0;
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.3;
    white-space: normal;
}

.personal-cabinet-shell .hunit-footer strong {
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.35;
    overflow-wrap: normal;
    word-break: normal;
}

.personal-cabinet-shell .statistics-summary {
    align-items: stretch;
    gap: 14px;
    margin-bottom: 14px;
}

.personal-cabinet-shell .statistics-page .stat-item {
    justify-content: center;
    aspect-ratio: 1 / 0.82;
    min-height: 0;
    padding: 14px;
}

.personal-cabinet-shell .statistics-page .stat-value {
    font-size: var(--type-card-title);
    font-weight: var(--cabinet-weight-heading, 600);
}

.personal-cabinet-shell .statistics-page .stat-note {
    margin-top: 2px;
}

.personal-cabinet-shell .statistics-page .chart-container {
    min-height: 300px;
    height: 340px;
}

.personal-cabinet-shell .statistics-page .chart-container-compact {
    min-height: 230px;
    height: 230px;
}

.personal-cabinet-shell .statistics-card .card-body {
    gap: 14px;
}

.personal-cabinet-shell .wallet-service-list {
    gap: 12px;
}

.personal-cabinet-shell .wallet-service-item {
    justify-content: center;
    min-height: 74px;
    padding: 13px 14px;
}

.personal-cabinet-shell .wallet-empty-state {
    min-height: 92px;
    padding: 16px;
}

.personal-cabinet-shell .wallet-export-actions {
    gap: 12px;
}

.personal-cabinet-shell .certification-page .certification-progress-list {
    gap: 10px;
}

.personal-cabinet-shell .certification-page .certification-progress-item {
    gap: 6px;
    padding: 12px 14px;
}

.personal-cabinet-shell .certification-page .certification-progress-bar {
    height: 7px;
}

.personal-cabinet-shell .certification-requirements-description,
.personal-cabinet-shell .certification-warning-box,
.personal-cabinet-shell .certification-pending-box {
    margin-top: 14px;
    padding: 14px;
}

.personal-cabinet-shell .notifications-page .card-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
}

.personal-cabinet-shell .notifications-page .notification-date-group {
    min-width: 0;
    margin-bottom: 0;
}

.personal-cabinet-shell .notification-item {
    padding: 14px;
}

.personal-cabinet-shell .notification-empty-marker {
    background: rgba(50, 122, 104, 0.1);
}

.personal-cabinet-shell .help-section {
    margin-bottom: 10px;
}

.personal-cabinet-shell .help-section-title {
    padding: 11px 16px;
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.35;
    text-transform: none;
}

.personal-cabinet-shell .help-section-content {
    padding: 10px 16px 14px;
    font-size: var(--type-supporting);
    line-height: 1.55;
    white-space: pre-line;
}

.personal-cabinet-shell .help-section-content p {
    margin: 0 0 10px;
}

.personal-cabinet-shell .help-section-content p:last-child {
    margin-bottom: 0;
}

.personal-cabinet-shell .analytics-card-meta,
.personal-cabinet-shell .statistics-filter-row small,
.personal-cabinet-shell .statistics-subhead small,
.personal-cabinet-shell .weekly-energy-meta {
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-body, 400);
}

@media (max-width: 1180px) {
    .personal-cabinet-shell .statistics-page .stat-item {
        aspect-ratio: auto;
        min-height: 90px;
    }
}

@media (max-width: 900px) {
    .personal-cabinet-shell .notifications-page .card-body {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .statistics-page .chart-container {
        min-height: 280px;
        height: 300px;
    }
}

/* Statistics Participation History refinement and Glyph Workspace alignment */
.personal-cabinet-shell .statistics-page .statistics-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 4px;
}

.personal-cabinet-shell .statistics-page .statistics-summary .stat-item {
    aspect-ratio: auto;
    min-height: 58px;
    padding: 9px 13px;
}

.personal-cabinet-shell .statistics-page .statistics-summary .stat-value {
    margin-top: 1px;
}

.personal-cabinet-shell .statistics-page .chart-block {
    gap: 8px;
}

.personal-cabinet-shell .statistics-page .statistics-subhead {
    align-items: center;
}

.personal-cabinet-shell .statistics-page .chart-container {
    min-height: 280px;
    height: 300px;
}

.personal-cabinet-shell .statistics-page .chart-container canvas {
    display: block;
    width: 100% !important;
    height: 100% !important;
}

.personal-cabinet-shell .statistics-primary-grid > .statistics-card:nth-child(2) .card-body {
    justify-content: stretch;
    gap: 8px;
}

.personal-cabinet-shell .statistics-primary-grid > .statistics-card:nth-child(2) .chart-container {
    min-height: 300px;
    height: 320px;
}

.personal-cabinet-shell .statistics-secondary-grid {
    align-items: stretch;
}

.personal-cabinet-shell .statistics-primary-grid,
.personal-cabinet-shell .statistics-secondary-grid {
    padding-right: 0;
    padding-left: 0;
}

.personal-cabinet-shell .statistics-secondary-grid > .statistics-card:first-child .card-body {
    gap: 10px;
}

.personal-cabinet-shell .statistics-secondary-grid .energy-breakdown {
    gap: 9px;
}

.personal-cabinet-shell .statistics-secondary-grid .energy-item {
    padding: 10px 12px;
}

.personal-cabinet-shell .statistics-preview-card .card-body {
    gap: 10px;
}

.personal-cabinet-shell .statistics-preview-card .statistics-preview-note {
    padding: 10px 12px;
    font-size: var(--type-metadata);
    line-height: 1.45;
}

.personal-cabinet-shell .statistics-preview-card .market-data {
    gap: 10px;
}

.personal-cabinet-shell .statistics-preview-card .market-item {
    padding: 10px 12px;
}

.personal-cabinet-shell .statistics-preview-card .market-label {
    margin-bottom: 4px;
    font-size: var(--type-metadata);
    line-height: 1.35;
}

.personal-cabinet-shell .statistics-preview-service-note {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 9px 10px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: rgba(249, 248, 242, 0.58);
}

.personal-cabinet-shell .statistics-preview-service-note span {
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.35;
}

.personal-cabinet-shell .statistics-preview-service-note strong {
    color: var(--header-bg);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.personal-cabinet-shell .statistics-preview-range-card .card-body {
    gap: 12px;
}

.personal-cabinet-shell .statistics-preview-range-card .statistics-preview-history {
    gap: 12px;
}

.personal-cabinet-shell .statistics-preview-range-card .chart-container-compact {
    min-height: 280px;
    height: 300px;
}

.personal-cabinet-shell .statistics-records-card {
    padding: 18px;
}

.personal-cabinet-shell .statistics-records-card .card-header {
    min-height: 34px;
    margin-bottom: 12px;
    padding-bottom: 10px;
}

.personal-cabinet-shell .statistics-records-card .card-body {
    gap: 10px;
}

.personal-cabinet-shell .statistics-records-card .statistics-filter-row {
    margin-bottom: 0;
}

.personal-cabinet-shell .statistics-records-note {
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: rgba(50, 122, 104, 0.07);
    color: var(--muted-text);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.5;
}

.personal-cabinet-shell .statistics-records-card .statistics-empty-state {
    min-height: 88px;
    padding: 14px 16px;
}

.personal-cabinet-shell .statistics-records-card .statistics-history-table {
    overflow: hidden;
    border-radius: 8px;
}

.personal-cabinet-shell .statistics-records-card .statistics-history-row:nth-child(odd) {
    background: rgba(249, 248, 242, 0.42);
}

.personal-cabinet-shell .statistics-records-card .statistics-history-row [data-label="Amount"] {
    color: var(--accent-green);
    font-weight: var(--cabinet-weight-control, 600);
}

.personal-cabinet-shell .statistics-integration-card {
    padding: 16px;
}

.personal-cabinet-shell .statistics-integration-card .card-header {
    min-height: 32px;
    margin-bottom: 10px;
    padding-bottom: 9px;
}

.personal-cabinet-shell .statistics-integration-card .card-body {
    gap: 10px;
}

.personal-cabinet-shell .statistics-integration-list {
    gap: 10px;
}

.personal-cabinet-shell .statistics-integration-list > div {
    gap: 4px;
    min-height: 0;
    padding: 11px 12px;
}

.personal-cabinet-shell .statistics-integration-list strong {
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.4;
}

.personal-cabinet-shell .dashboard-glyph-action-tile {
    justify-content: center;
    gap: 16px;
    min-height: 140px;
    padding: 18px 16px 16px;
}

.personal-cabinet-shell .dashboard-glyph-action-icon {
    margin-top: 4px;
}

/* Dashboard Internal Polish v1.1 final cascade */
.personal-cabinet-shell .dashboard-main-grid > .card-wrapper {
    min-height: 0;
}

.personal-cabinet-shell .dashboard-main-grid,
.personal-cabinet-shell .dashboard-quick-grid {
    align-items: stretch;
}

.personal-cabinet-shell .dashboard-overview-card .card-body,
.personal-cabinet-shell .hunit-card .card-body {
    min-height: 0;
}

.personal-cabinet-shell .dashboard-glyph-identity {
    grid-template-columns: minmax(168px, 0.72fr) minmax(0, 1.28fr);
    gap: 22px;
}

.personal-cabinet-shell .dashboard-overview-card .dashboard-primary-glyph-box,
.personal-cabinet-shell .dashboard-overview-card .dashboard-primary-glyph-box .glyph-inner,
.personal-cabinet-shell .dashboard-overview-card #glyph-svg,
.personal-cabinet-shell .dashboard-overview-card #glyph-svg svg {
    width: 178px;
    height: 178px;
}

.personal-cabinet-shell .dashboard-status-row {
    grid-template-columns: minmax(104px, 0.42fr) minmax(0, 1fr);
    gap: 14px;
    padding: 9px 0;
}

.personal-cabinet-shell .dashboard-profile-action {
    margin-top: auto;
    padding-top: 14px;
}

.personal-cabinet-shell .hunit-card .card-body {
    justify-content: space-between;
    gap: 14px;
}

.personal-cabinet-shell .hunit-summary-item {
    min-height: 78px;
    padding: 12px 14px;
}

.personal-cabinet-shell .hunit-visual {
    grid-template-columns: minmax(142px, 0.8fr) minmax(0, 1.2fr);
    gap: 16px;
    padding: 14px;
}

.personal-cabinet-shell .dashboard-main-grid .hunit-card .donut-wrapper,
.personal-cabinet-shell .dashboard-main-grid .hunit-card .donut-wrapper canvas {
    width: 148px !important;
    height: 148px !important;
}

.personal-cabinet-shell .dashboard-main-grid .hunit-card .bars-col,
.personal-cabinet-shell .dashboard-main-grid .hunit-card .bar {
    max-width: none;
}

.personal-cabinet-shell .hunit-footer {
    align-items: stretch;
    gap: 9px;
}

.personal-cabinet-shell .hunit-footer div {
    justify-content: flex-start;
    min-height: 64px;
    padding: 10px 11px;
}

.personal-cabinet-shell .dashboard-glyph-action-tile {
    gap: 20px;
    min-height: 142px;
    padding: 20px 16px 16px;
}

.personal-cabinet-shell .dashboard-glyph-action-icon {
    margin-top: 0;
}

.personal-cabinet-shell .dashboard-glyph-workspace .dashboard-glyph-activation {
    min-height: 142px;
}

.personal-cabinet-shell .dashboard-quick-grid .card-body {
    min-height: 154px;
}

.personal-cabinet-shell .dashboard-quick-grid .dashboard-card-actions {
    margin-top: auto;
    padding-top: 16px;
}

.personal-cabinet-shell .dashboard-next-card,
.personal-cabinet-shell .dashboard-change-card {
    border-left-width: 0;
}

.personal-cabinet-shell .dashboard-update-item {
    height: 100%;
}

/* Dashboard Compact Spacing Polish v1.2 */
.personal-cabinet-shell .dashboard-page .dashboard-section .card-wrapper {
    padding-right: 20px;
    padding-left: 20px;
}

.personal-cabinet-shell .dashboard-page .dashboard-section .card-wrapper > .card-header {
    margin-bottom: 12px;
    padding-bottom: 10px;
}

.personal-cabinet-shell .dashboard-page .card-body {
    gap: 12px;
}

.personal-cabinet-shell .dashboard-glyph-identity {
    grid-template-columns: minmax(160px, 0.68fr) minmax(0, 1.32fr);
    gap: 16px;
}

.personal-cabinet-shell .dashboard-overview-card .dashboard-glyph-visual {
    padding: 11px;
}

.personal-cabinet-shell .dashboard-overview-card .dashboard-primary-glyph-box,
.personal-cabinet-shell .dashboard-overview-card .dashboard-primary-glyph-box .glyph-inner,
.personal-cabinet-shell .dashboard-overview-card #glyph-svg,
.personal-cabinet-shell .dashboard-overview-card #glyph-svg svg {
    width: 172px;
    height: 172px;
}

.personal-cabinet-shell .dashboard-overview-card .dashboard-primary-glyph-box {
    min-width: 172px;
    flex-basis: 172px;
}

.personal-cabinet-shell .dashboard-glyph-details {
    gap: 10px;
}

.personal-cabinet-shell .dashboard-identity-heading {
    padding-bottom: 11px;
}

.personal-cabinet-shell .dashboard-status-row,
.personal-cabinet-shell .dashboard-status-row-identifier {
    grid-template-columns: minmax(92px, 0.38fr) minmax(0, 1fr);
    gap: 10px;
    padding: 8px 0;
}

.personal-cabinet-shell .dashboard-profile-action {
    padding-top: 10px;
}

.personal-cabinet-shell .hunit-card .card-body {
    gap: 12px;
}

.personal-cabinet-shell .hunit-summary {
    gap: 10px;
}

.personal-cabinet-shell .hunit-summary-item {
    min-height: 72px;
    padding: 10px 12px;
}

.personal-cabinet-shell .hunit-visual {
    grid-template-columns: minmax(136px, 0.76fr) minmax(0, 1.24fr);
    gap: 12px;
    padding: 12px;
}

.personal-cabinet-shell .dashboard-main-grid .hunit-card .donut-wrapper,
.personal-cabinet-shell .dashboard-main-grid .hunit-card .donut-wrapper canvas {
    width: 144px !important;
    height: 144px !important;
}

.personal-cabinet-shell .hunit-panel-heading {
    margin-bottom: 8px;
}

.personal-cabinet-shell .hunit-card .bar {
    margin-bottom: 8px;
}

.personal-cabinet-shell .hunit-footer {
    gap: 8px;
}

.personal-cabinet-shell .hunit-footer div {
    min-height: 60px;
    padding: 9px 10px;
}

.personal-cabinet-shell .dashboard-glyph-workspace {
    gap: 16px;
}

.personal-cabinet-shell .dashboard-glyph-workspace .dashboard-glyph-actions {
    gap: 12px;
}

.personal-cabinet-shell .dashboard-glyph-action-tile {
    gap: 16px;
    min-height: 136px;
    padding: 18px 14px 15px;
}

.personal-cabinet-shell .dashboard-glyph-workspace-side {
    gap: 12px;
}

.personal-cabinet-shell .dashboard-glyph-workspace .dashboard-glyph-activation {
    min-height: 136px;
    padding: 16px 14px;
}

.personal-cabinet-shell .dashboard-quick-grid .card-body {
    min-height: 142px;
}

.personal-cabinet-shell .dashboard-quick-grid .dashboard-card-actions {
    padding-top: 12px;
}

.personal-cabinet-shell .dashboard-card-note {
    margin-top: 8px;
}

.personal-cabinet-shell .dashboard-updates-list {
    gap: 10px;
}

.personal-cabinet-shell .dashboard-update-item {
    gap: 7px;
    min-height: 100px;
    padding: 13px;
}

@media (max-width: 760px) {
    .personal-cabinet-shell .dashboard-glyph-identity,
    .personal-cabinet-shell .hunit-visual,
    .personal-cabinet-shell .hunit-footer {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .dashboard-overview-card .dashboard-glyph-visual {
        min-height: 200px;
    }

    .personal-cabinet-shell .dashboard-status-row,
    .personal-cabinet-shell .dashboard-status-row-identifier {
        grid-template-columns: minmax(92px, 0.38fr) minmax(0, 1fr);
    }

    .personal-cabinet-shell .dashboard-main-grid .hunit-card .donut-wrapper,
    .personal-cabinet-shell .dashboard-main-grid .hunit-card .donut-wrapper canvas {
        width: 168px !important;
        height: 168px !important;
    }
}

/* Personal Dashboard: canonical, data-backed Human Path overview */
.personal-cabinet-shell .human-path-hero-grid {
    grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr);
}

.personal-cabinet-shell .human-path-profile-card,
.personal-cabinet-shell .human-path-glyph-management-card {
    min-height: 374px;
}

.personal-cabinet-shell .human-path-profile-card .dashboard-glyph-identity {
    grid-template-columns: minmax(270px, 0.9fr) minmax(170px, 1fr);
    gap: 24px;
    min-height: 286px;
}

.personal-cabinet-shell .human-path-profile-card .dashboard-glyph-visual {
    min-height: 286px;
}

.personal-cabinet-shell .human-path-profile-card .dashboard-primary-glyph-box,
.personal-cabinet-shell .human-path-profile-card .dashboard-primary-glyph-box .glyph-inner,
.personal-cabinet-shell .human-path-profile-card #glyph-svg,
.personal-cabinet-shell .human-path-profile-card #glyph-svg svg {
    width: 286px;
    height: 286px;
    min-width: 286px;
    flex-basis: 286px;
}

.personal-cabinet-shell .human-path-profile-card .dashboard-primary-glyph-box,
html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-card .dashboard-primary-glyph-box,
html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-card .dashboard-primary-glyph-box .glyph-inner {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-card .dashboard-glyph-visual {
    border: 0;
    background: transparent;
}

.personal-cabinet-shell .human-path-profile-card .dashboard-status-row,
.personal-cabinet-shell .human-path-profile-card .dashboard-status-row-identifier {
    display: grid;
    align-content: center;
    grid-template-columns: 1fr;
    gap: 7px;
    min-height: 84px;
    padding: 14px 16px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: color-mix(in srgb, var(--ultra-light) 78%, transparent);
    transition:
        transform var(--corporate-ui-motion-duration, 180ms) var(--corporate-ui-motion-ease, cubic-bezier(.2, .8, .2, 1)),
        border-color var(--corporate-ui-motion-duration, 180ms) var(--corporate-ui-motion-ease, cubic-bezier(.2, .8, .2, 1)),
        box-shadow var(--corporate-ui-motion-duration, 180ms) var(--corporate-ui-motion-ease, cubic-bezier(.2, .8, .2, 1));
}

.personal-cabinet-shell .human-path-profile-card .dashboard-status-row:first-child {
    border: 1px solid var(--border);
}

.personal-cabinet-shell .human-path-profile-card .dashboard-status-rows {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.personal-cabinet-shell .human-path-profile-card .dashboard-identity-heading {
    padding-bottom: 12px;
    border-bottom: 0;
}

.personal-cabinet-shell .human-path-profile-card .dashboard-status-row:is(:hover, :focus-within),
.personal-cabinet-shell .recognition-progress-ring-card:is(:hover, :focus-within) {
    transform: translateY(-0.5px);
    border-color: color-mix(in srgb, var(--accent-green) 42%, var(--border)) !important;
    box-shadow: 0 12px 26px rgba(16, 42, 36, 0.08);
}

html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-card .dashboard-status-row:is(:hover, :focus-within),
html[data-theme="dark"] .personal-cabinet-shell .recognition-progress-ring-card:is(:hover, :focus-within) {
    border-color: rgba(88, 178, 143, 0.36) !important;
}

.personal-cabinet-shell .human-path-history-card > .card-header small {
    display: block;
    margin-top: 4px;
    color: var(--muted-text);
    font-size: var(--cabinet-size-card, 11px);
    font-weight: var(--cabinet-weight-body, 400);
}

.personal-cabinet-shell .human-path-history-card .dashboard-section-link {
    flex: 0 0 auto;
    min-height: 32px;
    padding: 6px 10px;
    font-size: var(--cabinet-size-metadata, 11px);
    white-space: nowrap;
}

.personal-cabinet-shell .human-path-history-current {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.personal-cabinet-shell .human-path-history-current span {
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 11px);
}

.personal-cabinet-shell .human-path-history-current strong {
    color: var(--dark-text);
    font-size: var(--cabinet-size-body, 15px);
    font-weight: var(--cabinet-weight-heading, 600);
}

.personal-cabinet-shell .human-path-history-chart {
    gap: 7px;
    height: 184px;
    margin: 0 0 18px;
    padding: 20px 12px 0;
    border: 1px solid var(--border);
    border-radius: 8px;
    background:
        linear-gradient(to top, color-mix(in srgb, var(--border) 34%, transparent) 1px, transparent 1px) 0 0 / 100% 25%,
        color-mix(in srgb, var(--ultra-light) 70%, transparent);
}

.personal-cabinet-shell .human-path-history-column i {
    width: min(34px, 82%);
    border-color: color-mix(in srgb, var(--accent-green) 58%, var(--border));
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--accent-green) 66%, white), var(--accent-green));
    box-shadow: 0 0 12px color-mix(in srgb, var(--accent-green) 12%, transparent);
}

.personal-cabinet-shell .human-path-history-column small {
    font-size: var(--cabinet-size-metadata, 9px);
}

.personal-cabinet-shell .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.personal-cabinet-shell .recognition-progress-ring-card {
    transition:
        transform var(--corporate-ui-motion-duration, 180ms) var(--corporate-ui-motion-ease, cubic-bezier(.2, .8, .2, 1)),
        border-color var(--corporate-ui-motion-duration, 180ms) var(--corporate-ui-motion-ease, cubic-bezier(.2, .8, .2, 1)),
        box-shadow var(--corporate-ui-motion-duration, 180ms) var(--corporate-ui-motion-ease, cubic-bezier(.2, .8, .2, 1));
}

.personal-cabinet-shell .human-path-progress-card > .card-body {
    display: block;
}

.personal-cabinet-shell .recognition-progress-rings {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.personal-cabinet-shell .recognition-progress-ring-card {
    display: grid;
    justify-items: center;
    gap: 8px;
    min-width: 0;
    padding: 18px 12px;
    border: 1px solid var(--border);
    border-radius: 8px;
    text-align: center;
}

.personal-cabinet-shell .recognition-progress-ring-card strong {
    color: var(--dark-text);
    font-size: var(--cabinet-size-supporting, 14px);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.35;
}

.personal-cabinet-shell .recognition-progress-ring-card small {
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 12px);
    line-height: 1.35;
}

.personal-cabinet-shell .recognition-progress-fact {
    display: grid;
    place-items: center;
    min-height: 64px;
    color: var(--accent-green);
}

.personal-cabinet-shell .recognition-progress-fact span {
    color: currentColor;
    font-size: var(--cabinet-size-page, 32px);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1;
}

.personal-cabinet-shell .recognition-progress-ring-card.is-unavailable .recognition-progress-fact {
    color: var(--muted-text);
}

.personal-cabinet-shell .recognition-progress-ring-card.is-unavailable .recognition-progress-ring {
    background:
        radial-gradient(circle at center, var(--white) 0 54%, transparent 55%),
        conic-gradient(rgba(140, 140, 140, 0.18) 100%, rgba(140, 140, 140, 0.18) 0);
}

.personal-cabinet-shell .human-path-history-chart {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    height: 178px;
    margin: 0 0 18px;
    padding: 14px 12px 0;
    border-bottom: 1px solid var(--border);
    color: var(--accent-green);
}

.personal-cabinet-shell .human-path-history-column {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    align-self: stretch;
    align-items: center;
    justify-content: flex-end;
    min-width: 22px;
}

.personal-cabinet-shell .human-path-history-bar-track {
    display: flex;
    flex: 1 1 auto;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    min-height: 0;
}

.personal-cabinet-shell .human-path-history-column i {
    flex: 0 0 auto;
    width: min(30px, 70%);
    height: var(--history-height);
    min-height: 8px;
    border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    background: color-mix(in srgb, currentColor 20%, transparent);
}

.personal-cabinet-shell .human-path-history-value,
.personal-cabinet-shell .human-path-history-column small {
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 10px);
    line-height: 1.2;
}

.personal-cabinet-shell .human-path-history-value {
    margin-bottom: 7px;
}

.personal-cabinet-shell .human-path-history-column small {
    padding: 7px 0;
    white-space: nowrap;
}

.personal-cabinet-shell .human-path-dimensions-card > .card-header small {
    display: block;
    margin-top: 4px;
    color: var(--muted-text);
    font-size: var(--cabinet-size-card, 12px);
    font-weight: var(--cabinet-weight-body, 400);
}

.personal-cabinet-shell .human-path-dimension-bars {
    gap: 18px;
}

.personal-cabinet-shell .human-path-dimension-bar strong {
    font-size: var(--cabinet-size-supporting, 14px);
}

html[data-theme="dark"] .personal-cabinet-shell .recognition-progress-ring-card {
    border-color: var(--hp-dark-line);
}

html[data-theme="dark"] .personal-cabinet-shell .recognition-progress-ring-card strong {
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .recognition-progress-ring-card small,
html[data-theme="dark"] .personal-cabinet-shell .human-path-history-value,
html[data-theme="dark"] .personal-cabinet-shell .human-path-history-column small {
    color: var(--theme-supporting-text);
}

html[data-theme="dark"] .personal-cabinet-shell .recognition-progress-ring-card.is-unavailable .recognition-progress-ring {
    background:
        radial-gradient(circle at center, var(--theme-primary-workspace) 0 54%, transparent 55%),
        conic-gradient(rgba(184, 188, 193, 0.14) 100%, rgba(184, 188, 193, 0.14) 0);
}

@media (max-width: 1320px) {
    .personal-cabinet-shell .human-path-hero-grid {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .human-path-profile-card .dashboard-glyph-identity {
        grid-template-columns: minmax(286px, 0.7fr) minmax(0, 1fr);
    }
}

@media (max-width: 900px) {
    .personal-cabinet-shell .recognition-progress-rings {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .personal-cabinet-shell .human-path-profile-card .dashboard-glyph-identity,
    .personal-cabinet-shell .recognition-progress-rings {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .human-path-profile-card .dashboard-primary-glyph-box,
    .personal-cabinet-shell .human-path-profile-card .dashboard-primary-glyph-box .glyph-inner,
    .personal-cabinet-shell .human-path-profile-card #glyph-svg,
    .personal-cabinet-shell .human-path-profile-card #glyph-svg svg {
        width: min(286px, 100%);
        height: auto;
        min-width: 0;
        aspect-ratio: 1;
    }
}

/* Personal Legacy & Continuity — read-only future arrangement boundary. */
.personal-cabinet-shell .container.mt-20.legacy-continuity-page {
    padding-top: 24px;
}

.personal-cabinet-shell .legacy-continuity-page {
    display: grid;
    gap: var(--cabinet-section-gap);
}

.personal-cabinet-shell .legacy-continuity-page .card-wrapper {
    padding: var(--cabinet-card-padding-audit);
}

.personal-cabinet-shell .legacy-continuity-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 90% 20%, color-mix(in srgb, var(--theme-primary-button) 14%, transparent), transparent 34%),
        var(--personal-level-2);
}

.personal-cabinet-shell .legacy-continuity-hero-copy {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 12px;
    max-width: 880px;
    padding-right: 170px;
}

.personal-cabinet-shell :is(
    .legacy-continuity-kicker,
    .legacy-continuity-section-heading > div > span,
    .legacy-continuity-card-heading > div > span,
    .legacy-continuity-boundary > div > span,
    .legacy-continuity-state-grid span
) {
    color: var(--theme-primary-button);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-control, 700);
    letter-spacing: .08em;
    text-transform: uppercase;
}

.personal-cabinet-shell .legacy-continuity-page h2 {
    margin: 0;
    color: var(--theme-primary-text);
    line-height: 1.2;
}

.personal-cabinet-shell .legacy-continuity-hero h2 {
    font-size: var(--cabinet-size-section, clamp(23px, 2.3vw, 32px));
}

.personal-cabinet-shell .legacy-continuity-page p {
    margin: 0;
    color: var(--theme-supporting-text);
    font-size: var(--type-body);
    line-height: 1.65;
}

.personal-cabinet-shell .legacy-continuity-status-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.personal-cabinet-shell :is(.legacy-continuity-status-row span, .legacy-continuity-section-heading em) {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 6px 10px;
    border: 1px solid var(--theme-primary-border);
    border-radius: 999px;
    color: var(--theme-primary-text);
    background: var(--theme-ghost-hover);
    font-size: var(--type-metadata);
    font-style: normal;
    font-weight: var(--cabinet-weight-heading, 600);
    white-space: nowrap;
}

.personal-cabinet-shell .legacy-continuity-section-heading em {
    flex: 0 0 auto;
}

.personal-cabinet-shell .legacy-continuity-hero-logo {
    position: absolute;
    top: 50%;
    right: 42px;
    display: grid;
    place-items: center;
    width: 118px;
    transform: translateY(-50%);
    opacity: .78;
}

.personal-cabinet-shell .legacy-continuity-hero-logo img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.personal-cabinet-shell .legacy-continuity-hero-logo.has-profile-photo {
    right: 72px;
    width: 144px;
    opacity: 1;
}

.personal-cabinet-shell .legacy-continuity-hero-logo .legacy-continuity-profile-photo {
    width: 144px;
    height: 168px;
    border: 1px solid var(--theme-primary-border);
    border-radius: 18px;
    background: var(--personal-level-2);
    box-shadow: 0 16px 34px color-mix(in srgb, var(--theme-primary-text) 12%, transparent);
    object-fit: cover;
}

.personal-cabinet-shell .legacy-continuity-section-heading {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-start;
}

.personal-cabinet-shell .legacy-continuity-section-heading > div {
    display: grid;
    gap: 7px;
}

.personal-cabinet-shell .legacy-continuity-section-heading h2,
.personal-cabinet-shell .legacy-continuity-card-heading h2,
.personal-cabinet-shell .legacy-continuity-boundary h2 {
    font-size: var(--type-section-title);
}

.personal-cabinet-shell .legacy-continuity-state-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 20px;
}

.personal-cabinet-shell .legacy-continuity-state-grid > div {
    display: grid;
    align-content: start;
    gap: 7px;
    padding: 15px;
    border: 1px solid var(--theme-secondary-border);
    border-radius: var(--cabinet-card-radius);
    background: var(--personal-level-3);
}

.personal-cabinet-shell .legacy-continuity-state-grid strong {
    color: var(--theme-primary-text);
    font-size: var(--type-supporting);
}

.personal-cabinet-shell .legacy-continuity-state-grid small {
    color: var(--theme-supporting-text);
    font-size: var(--type-metadata);
    line-height: 1.45;
}

.personal-cabinet-shell .legacy-continuity-incoming {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr);
    gap: 20px;
    align-items: stretch;
}

.personal-cabinet-shell .legacy-continuity-incoming .legacy-continuity-section-heading {
    grid-column: 1 / -1;
}

.personal-cabinet-shell .legacy-continuity-incoming .legacy-continuity-state-grid {
    grid-template-columns: 1fr;
    margin-top: 0;
}

.personal-cabinet-shell .legacy-continuity-incoming > p {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 20px;
    border: 1px solid var(--theme-secondary-border);
    border-radius: var(--cabinet-card-radius);
    background: var(--personal-level-2);
    color: var(--theme-supporting-text);
    line-height: 1.55;
}

.personal-cabinet-shell .legacy-continuity-inventory {
    margin-top: 18px;
    padding: 18px;
    border: 1px solid var(--theme-secondary-border);
    border-radius: var(--cabinet-card-radius);
    background: var(--personal-level-2);
}

.personal-cabinet-shell .legacy-continuity-inventory-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.personal-cabinet-shell .legacy-continuity-inventory-heading > div {
    display: grid;
    gap: 5px;
}

.personal-cabinet-shell .legacy-continuity-inventory-heading span {
    color: var(--theme-primary-button);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-heading, 700);
    letter-spacing: .08em;
}

.personal-cabinet-shell .legacy-continuity-inventory-heading h3 {
    margin: 0;
    color: var(--theme-primary-text);
    font-size: var(--type-section-title);
}

.personal-cabinet-shell .legacy-continuity-inventory-heading a,
.personal-cabinet-shell .legacy-continuity-inventory li a {
    color: var(--theme-primary-button);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-heading, 650);
    text-decoration: none;
}

.personal-cabinet-shell .legacy-continuity-inventory ul {
    display: grid;
    gap: 8px;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
}

.personal-cabinet-shell .legacy-continuity-inventory li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 13px 14px;
    border: 1px solid var(--theme-secondary-border);
    border-radius: var(--cabinet-card-radius);
    background: var(--personal-level-3);
}

.personal-cabinet-shell .legacy-continuity-inventory li > div {
    display: grid;
    gap: 4px;
}

.personal-cabinet-shell .legacy-continuity-inventory li > div:last-child {
    justify-items: end;
    flex: 0 0 auto;
}

.personal-cabinet-shell .legacy-continuity-inventory li span,
.personal-cabinet-shell .legacy-continuity-inventory li small,
.personal-cabinet-shell .legacy-continuity-inventory time,
.personal-cabinet-shell .legacy-continuity-empty span,
.personal-cabinet-shell .legacy-continuity-more {
    color: var(--theme-supporting-text);
    font-size: var(--type-metadata);
    line-height: 1.45;
}

.personal-cabinet-shell .legacy-continuity-inventory li strong,
.personal-cabinet-shell .legacy-continuity-empty strong {
    color: var(--theme-primary-text);
    font-size: var(--type-supporting);
}

.personal-cabinet-shell .legacy-continuity-inventory li em {
    color: var(--theme-primary-button);
    font-size: var(--type-metadata);
    font-style: normal;
    font-weight: var(--cabinet-weight-heading, 700);
}

.personal-cabinet-shell .legacy-continuity-empty {
    display: grid;
    gap: 5px;
    margin-top: 16px;
    padding: 15px;
    border: 1px solid var(--theme-secondary-border);
    border-radius: var(--cabinet-card-radius);
    background: var(--personal-level-3);
}

.personal-cabinet-shell .legacy-continuity-more {
    display: none;
}

.personal-cabinet-shell .legacy-continuity-action-row {
    display: flex;
    gap: 14px;
    align-items: center;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--theme-secondary-border);
}

.personal-cabinet-shell .legacy-continuity-action-row .btn:disabled {
    min-width: 150px;
    cursor: not-allowed;
    opacity: .58;
}

.personal-cabinet-shell .legacy-continuity-action-row span {
    color: var(--theme-supporting-text);
    font-size: var(--type-metadata);
    line-height: 1.5;
}

.personal-cabinet-shell .legacy-continuity-action-row span strong {
    color: var(--theme-primary-text);
}

.personal-cabinet-shell .legacy-continuity-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--cabinet-grid-gap);
}

.personal-cabinet-shell .legacy-continuity-card {
    display: flex;
    min-height: 100%;
    flex-direction: column;
}

.personal-cabinet-shell .legacy-continuity-card-heading,
.personal-cabinet-shell .legacy-continuity-boundary {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 13px;
    align-items: start;
}

.personal-cabinet-shell .legacy-continuity-card-heading {
    height: 118px;
    min-height: 118px;
    box-sizing: border-box;
}

.personal-cabinet-shell .legacy-continuity-card-heading > div,
.personal-cabinet-shell .legacy-continuity-boundary > div {
    display: grid;
    gap: 6px;
}

.personal-cabinet-shell .legacy-continuity-icon {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border: 1px solid var(--theme-primary-border);
    border-radius: 8px;
    background: var(--theme-ghost-hover);
}

.personal-cabinet-shell .legacy-continuity-icon img {
    width: 21px;
    height: 21px;
    object-fit: contain;
}

.personal-cabinet-shell .legacy-continuity-card ul {
    display: grid;
    grid-template-rows: repeat(3, minmax(0, 1fr));
    flex: 1 1 auto;
    gap: 10px;
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
}

.personal-cabinet-shell .legacy-continuity-card li {
    display: grid;
    gap: 4px;
    padding: 13px 14px;
    border: 1px solid var(--theme-secondary-border);
    border-radius: var(--cabinet-card-radius);
    background: var(--personal-level-3);
}

.personal-cabinet-shell .legacy-continuity-card li strong {
    color: var(--theme-primary-text);
    font-size: var(--type-supporting);
}

.personal-cabinet-shell .legacy-continuity-card li span {
    color: var(--theme-supporting-text);
    font-size: var(--type-metadata);
    line-height: 1.55;
}

.personal-cabinet-shell .legacy-continuity-steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.personal-cabinet-shell .legacy-continuity-steps li {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    padding: 15px;
    border: 1px solid var(--theme-secondary-border);
    border-radius: var(--cabinet-card-radius);
    background: var(--personal-level-3);
}

.personal-cabinet-shell .legacy-continuity-steps li > span {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    color: #171713;
    background: #c9b58f;
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-heading, 700);
}

.personal-cabinet-shell .legacy-continuity-steps li > div {
    display: grid;
    gap: 5px;
}

.personal-cabinet-shell .legacy-continuity-steps strong {
    color: var(--theme-primary-text);
    font-size: var(--type-supporting);
}

.personal-cabinet-shell .legacy-continuity-steps small {
    color: var(--theme-supporting-text);
    font-size: var(--type-metadata);
    line-height: 1.55;
}

.personal-cabinet-shell .legacy-continuity-boundary {
    border-left: 3px solid var(--accent-gold);
    background: color-mix(in srgb, var(--accent-gold) 7%, var(--personal-level-2));
}

.personal-cabinet-shell .legacy-continuity-page .humas-aria-guidance--compact {
    grid-template-columns: minmax(300px, .8fr) minmax(0, 1.65fr) minmax(250px, .72fr);
}

.personal-cabinet-shell .legacy-continuity-page .humas-aria-guidance__links {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-content: center;
    justify-items: start;
    justify-self: end;
    gap: 10px;
    width: 100%;
    min-width: 250px;
    max-width: 260px;
}

.personal-cabinet-shell .legacy-continuity-page .humas-aria-guidance__links a {
    white-space: nowrap;
}

/* The fixed Personal sidebar narrows the workspace before viewport breakpoints. */
@media (max-width: 1180px) {
    .personal-cabinet-shell .legacy-continuity-state-grid,
    .personal-cabinet-shell .legacy-continuity-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .personal-cabinet-shell .legacy-continuity-page .humas-aria-guidance--compact {
        grid-template-columns: minmax(280px, .9fr) minmax(0, 1.4fr);
    }

    .personal-cabinet-shell .legacy-continuity-page .humas-aria-guidance__links {
        grid-column: 1 / -1;
        justify-content: flex-start;
        justify-self: stretch;
        padding-left: 54px;
        min-width: 0;
        max-width: none;
    }
}

.personal-cabinet-shell .legacy-continuity-page .humas-aria-guidance__identity > div {
    min-width: 0;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}

.personal-cabinet-shell .legacy-continuity-page .humas-aria-guidance__identity p {
    margin-bottom: 9px;
    font-size: var(--cabinet-size-body, 9px);
    letter-spacing: .035em;
    line-height: 1.25;
}

.personal-cabinet-shell .legacy-continuity-page .humas-aria-guidance__identity h2 {
    font-size: var(--cabinet-size-section, 16px);
    line-height: 1.22;
}

@media (max-width: 980px) {
    .personal-cabinet-shell .legacy-continuity-state-grid,
    .personal-cabinet-shell .legacy-continuity-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .personal-cabinet-shell .legacy-continuity-incoming {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .legacy-continuity-incoming .legacy-continuity-section-heading {
        grid-column: auto;
    }

    .personal-cabinet-shell .legacy-continuity-hero-copy {
        padding-right: 0;
    }

    .personal-cabinet-shell .legacy-continuity-hero-logo {
        top: 22px;
        right: 22px;
        width: 92px;
        transform: none;
        opacity: .12;
    }

    .personal-cabinet-shell .legacy-continuity-hero-logo.has-profile-photo {
        position: relative;
        top: auto;
        right: auto;
        width: 112px;
        margin-top: 18px;
        opacity: 1;
    }

    .personal-cabinet-shell .legacy-continuity-hero-logo .legacy-continuity-profile-photo {
        width: 112px;
        height: 132px;
        border-radius: 15px;
    }

    .personal-cabinet-shell .legacy-continuity-grid,
    .personal-cabinet-shell .legacy-continuity-state-grid,
    .personal-cabinet-shell .legacy-continuity-steps {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .legacy-continuity-section-heading,
    .personal-cabinet-shell .legacy-continuity-action-row,
    .personal-cabinet-shell .legacy-continuity-inventory-heading,
    .personal-cabinet-shell .legacy-continuity-inventory li {
        align-items: flex-start;
        flex-direction: column;
    }

    .personal-cabinet-shell .legacy-continuity-inventory li > div:last-child {
        justify-items: start;
    }

    .personal-cabinet-shell .legacy-continuity-card-heading {
        width: auto;
        height: auto;
        min-height: 0;
    }

    .personal-cabinet-shell .legacy-continuity-card ul {
        grid-template-rows: none;
    }

    .personal-cabinet-shell .legacy-continuity-page .humas-aria-guidance__links {
        padding-left: 0;
    }

    .personal-cabinet-shell .legacy-continuity-page .humas-aria-guidance--compact {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Canonical HUMAS System Mobile page for the Personal Cabinet. */
.personal-cabinet-shell .legacy-setup-modal[hidden] {
    display: none;
}

.personal-cabinet-shell .legacy-setup-modal {
    position: fixed;
    inset: 0;
    z-index: 10020;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: color-mix(in srgb, var(--theme-primary-text) 38%, transparent);
    backdrop-filter: blur(4px);
}

.personal-cabinet-shell .legacy-setup-modal.is-visible {
    display: flex;
}

body.legacy-setup-modal-open {
    overflow: hidden;
}

.personal-cabinet-shell .legacy-setup-modal-panel {
    width: min(100%, 860px);
    max-height: 92vh;
    overflow: auto;
    border: 1px solid var(--theme-primary-border);
    border-radius: 22px;
    background: var(--personal-level-1);
    box-shadow: 0 28px 80px color-mix(in srgb, var(--theme-primary-text) 24%, transparent);
}

.personal-cabinet-shell .legacy-setup-modal-panel:focus {
    outline: none;
}

.personal-cabinet-shell .legacy-setup-modal-header,
.personal-cabinet-shell .legacy-setup-modal-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 24px;
    border-bottom: 1px solid var(--theme-primary-border);
}

.personal-cabinet-shell .legacy-setup-modal-header span {
    color: var(--theme-primary-button);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-heading, 700);
    letter-spacing: .08em;
    text-transform: uppercase;
}

.personal-cabinet-shell .legacy-setup-modal-header h2 {
    margin: 5px 0 0;
    color: var(--theme-primary-text);
    font-size: var(--cabinet-size-section, clamp(22px, 3vw, 30px));
}

.personal-cabinet-shell .legacy-setup-modal-close {
    display: grid;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    padding: 0;
    place-items: center;
    border: 1px solid var(--theme-primary-border);
    border-radius: 50%;
    color: var(--theme-primary-text);
    background: var(--personal-level-2);
    cursor: pointer;
    font-size: var(--cabinet-size-section, 22px);
}

.personal-cabinet-shell .legacy-setup-progress {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    padding: 16px 24px;
    border-bottom: 1px solid var(--theme-primary-border);
}

.personal-cabinet-shell .legacy-setup-progress span {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    color: var(--theme-supporting-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-heading, 600);
}

.personal-cabinet-shell .legacy-setup-progress b,
.personal-cabinet-shell .legacy-setup-step-heading > span {
    display: grid;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    place-items: center;
    border: 1px solid var(--theme-primary-border);
    border-radius: 50%;
    color: var(--theme-primary-text);
    background: var(--personal-level-2);
}

.personal-cabinet-shell .legacy-setup-progress .is-active,
.personal-cabinet-shell .legacy-setup-progress .is-complete {
    color: var(--theme-primary-button);
}

.personal-cabinet-shell .legacy-setup-progress .is-active b,
.personal-cabinet-shell .legacy-setup-progress .is-complete b {
    border-color: var(--theme-primary-button);
}

.personal-cabinet-shell .legacy-setup-modal-body {
    display: grid;
    gap: 18px;
    min-height: 450px;
    padding: 24px;
}

.personal-cabinet-shell .legacy-setup-intro,
.personal-cabinet-shell .legacy-setup-step-heading p,
.personal-cabinet-shell .legacy-setup-choice small {
    color: var(--theme-supporting-text);
}

.personal-cabinet-shell .legacy-setup-step {
    display: grid;
    align-content: start;
    gap: 18px;
}

.personal-cabinet-shell .legacy-setup-step[hidden] {
    display: none;
}

.personal-cabinet-shell .legacy-setup-step-heading {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.personal-cabinet-shell .legacy-setup-step-heading h3,
.personal-cabinet-shell .legacy-setup-review-grid h4 {
    margin: 0 0 5px;
    color: var(--theme-primary-text);
}

.personal-cabinet-shell .legacy-setup-heirs-grid,
.personal-cabinet-shell .legacy-setup-review-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.personal-cabinet-shell .legacy-setup-card,
.personal-cabinet-shell .legacy-setup-review-grid article,
.personal-cabinet-shell .legacy-setup-choice,
.personal-cabinet-shell .legacy-setup-review > div,
.personal-cabinet-shell .legacy-setup-condition {
    border: 1px solid var(--theme-primary-border);
    border-radius: 14px;
    background: var(--personal-level-2);
}

.personal-cabinet-shell .legacy-setup-card {
    display: grid;
    gap: 8px;
    padding: 16px;
}

.personal-cabinet-shell .legacy-setup-search-mode {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}

.personal-cabinet-shell .legacy-setup-search-mode label {
    cursor: pointer;
}

.personal-cabinet-shell .legacy-setup-search-mode input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.personal-cabinet-shell .legacy-setup-search-mode span {
    display: block;
    padding: 8px 10px;
    border: 1px solid var(--theme-primary-border);
    border-radius: 8px;
    color: var(--theme-supporting-text);
    background: var(--personal-level-1);
    text-align: center;
}

.personal-cabinet-shell .legacy-setup-search-mode input:checked + span {
    border-color: var(--theme-primary-button);
    color: var(--theme-primary-button);
    background: var(--theme-ghost-hover);
}

.personal-cabinet-shell .legacy-setup-search-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
}

.personal-cabinet-shell .legacy-setup-search-row .btn {
    min-height: 44px;
}

.personal-cabinet-shell .legacy-setup-search-status {
    margin: 0;
    padding: 8px 10px;
    border-radius: 8px;
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-heading, 700);
    background: var(--theme-ghost-hover);
}

.personal-cabinet-shell .legacy-setup-search-status[data-tone="success"] {
    color: var(--theme-primary-button);
}

.personal-cabinet-shell .legacy-setup-search-status[data-tone="error"] {
    color: var(--theme-danger, #9b3f35);
}

.personal-cabinet-shell .legacy-setup-card label,
.personal-cabinet-shell .legacy-setup-condition label {
    color: var(--theme-primary-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-control, 700);
}

.personal-cabinet-shell .legacy-setup-card input,
.personal-cabinet-shell .legacy-setup-card select,
.personal-cabinet-shell .legacy-setup-condition input,
.personal-cabinet-shell .legacy-setup-condition select {
    width: 100%;
    min-height: 44px;
    padding: 9px 11px;
    border: 1px solid var(--theme-primary-border);
    border-radius: 9px;
    color: var(--theme-primary-text);
    background: var(--personal-level-1);
}

.personal-cabinet-shell .legacy-setup-trigger-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.personal-cabinet-shell .legacy-setup-choice {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 15px;
    cursor: pointer;
}

.personal-cabinet-shell .legacy-setup-choice--featured {
    border-left: 4px solid var(--theme-primary-button);
}

.personal-cabinet-shell .legacy-setup-choice input {
    margin-top: 3px;
    accent-color: var(--theme-primary-button);
}

.personal-cabinet-shell .legacy-setup-choice span {
    display: grid;
    gap: 5px;
}

.personal-cabinet-shell .legacy-setup-choice strong {
    color: var(--theme-primary-text);
}

.personal-cabinet-shell .legacy-setup-condition {
    display: grid;
    gap: 8px;
    padding: 14px;
}

.personal-cabinet-shell .legacy-setup-condition[hidden] {
    display: none;
}

.personal-cabinet-shell .legacy-setup-boundary,
.personal-cabinet-shell .legacy-setup-finality {
    padding: 13px 15px;
    border-left: 3px solid var(--theme-primary-button);
    border-radius: 8px;
    color: var(--theme-supporting-text);
    background: var(--theme-ghost-hover);
}

.personal-cabinet-shell .legacy-setup-finality {
    color: var(--theme-primary-text);
    font-weight: var(--cabinet-weight-heading, 700);
}

.personal-cabinet-shell .legacy-setup-review {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
}

.personal-cabinet-shell .legacy-setup-review > div,
.personal-cabinet-shell .legacy-setup-review-grid article {
    padding: 14px;
}

.personal-cabinet-shell .legacy-setup-review dt {
    color: var(--theme-supporting-text);
    font-size: var(--type-metadata);
}

.personal-cabinet-shell .legacy-setup-review dd {
    margin: 5px 0 0;
    color: var(--theme-primary-text);
    font-weight: var(--cabinet-weight-heading, 700);
    overflow-wrap: anywhere;
}

.personal-cabinet-shell .legacy-setup-modal-footer {
    position: sticky;
    bottom: 0;
    border-top: 1px solid var(--theme-primary-border);
    border-bottom: 0;
    background: var(--personal-level-1);
}

.personal-cabinet-shell .legacy-setup-modal-footer > div {
    display: flex;
    gap: 10px;
}

@media (max-width: 680px) {
    .personal-cabinet-shell .legacy-setup-modal {
        padding: 0;
    }

    .personal-cabinet-shell .legacy-setup-modal-panel {
        width: 100%;
        height: 100%;
        max-height: none;
        border: 0;
        border-radius: 0;
    }

    .personal-cabinet-shell .legacy-setup-progress {
        grid-template-columns: repeat(4, auto);
        overflow-x: auto;
    }

    .personal-cabinet-shell .legacy-setup-progress span {
        white-space: nowrap;
    }

    .personal-cabinet-shell .legacy-setup-heirs-grid,
    .personal-cabinet-shell .legacy-setup-trigger-grid,
    .personal-cabinet-shell .legacy-setup-review,
    .personal-cabinet-shell .legacy-setup-review-grid {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .legacy-setup-search-row {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .legacy-setup-modal-body {
        min-height: 0;
        padding: 18px 16px;
    }

    .personal-cabinet-shell .legacy-setup-modal-header,
    .personal-cabinet-shell .legacy-setup-modal-footer {
        padding: 15px 16px;
    }

    .personal-cabinet-shell .legacy-setup-modal-footer,
    .personal-cabinet-shell .legacy-setup-modal-footer > div {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .personal-cabinet-shell .legacy-setup-modal-footer .btn {
        width: 100%;
    }
}

.personal-cabinet-shell .container.mt-20.personal-mobile-page {
    max-width: 1200px;
    padding: 22px 24px 36px;
    overflow: visible;
}

.personal-cabinet-shell .personal-mobile-layout {
    display: grid;
    gap: 16px;
}

.personal-cabinet-shell .personal-mobile-hero {
    position: relative;
    padding: 28px;
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--theme-primary-button) 15%, transparent), transparent 34%),
        var(--personal-level-2);
}

.personal-cabinet-shell .personal-mobile-hero-copy {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 12px;
    padding-right: 190px;
}

.personal-cabinet-shell :is(
    .personal-mobile-kicker,
    .personal-mobile-module-heading > div > span,
    .personal-mobile-benefit-grid article > span,
    .personal-mobile-trust-flow span,
    .personal-mobile-store-grid span
) {
    color: var(--theme-primary-button);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-control, 700);
    letter-spacing: .08em;
    text-transform: uppercase;
}

.personal-cabinet-shell .personal-mobile-hero h2,
.personal-cabinet-shell .personal-mobile-module-heading h2 {
    margin: 0;
    color: var(--theme-primary-text);
    font-size: var(--cabinet-size-section, clamp(22px, 2.2vw, 32px));
    line-height: 1.15;
}

.personal-cabinet-shell .personal-mobile-hero p,
.personal-cabinet-shell .personal-mobile-module-heading p {
    max-width: 850px;
    margin: 0;
    color: var(--theme-supporting-text);
    font-size: var(--type-body);
    line-height: 1.65;
}

.personal-cabinet-shell .personal-mobile-status-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.personal-cabinet-shell :is(
    .personal-mobile-status-row span,
    .personal-mobile-module-heading > em,
    .personal-mobile-section-header > em
) {
    display: inline-flex;
    align-items: center;
    padding: 7px 10px;
    border: 1px solid var(--theme-primary-border);
    border-radius: 999px;
    color: var(--theme-primary-text);
    background: var(--theme-ghost-hover);
    font-size: var(--type-metadata);
    font-style: normal;
    font-weight: var(--cabinet-weight-heading, 600);
}

.personal-cabinet-shell .personal-mobile-mark {
    position: absolute;
    top: 50%;
    right: 44px;
    width: 136px;
    transform: translateY(-50%);
    opacity: .72;
    pointer-events: none;
}

.personal-cabinet-shell .personal-mobile-mark img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 10px 22px color-mix(in srgb, #000 18%, transparent));
}

.personal-cabinet-shell .personal-mobile-module-switch {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    padding: 0;
}

.personal-cabinet-shell .personal-mobile-module-switch a {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 3px 14px;
    align-items: center;
    padding: 14px 18px;
    border: 1px solid var(--theme-secondary-border);
    border-radius: var(--cabinet-card-radius);
    color: var(--theme-primary-text);
    background: var(--personal-level-2);
    text-decoration: none;
    transition: transform 180ms cubic-bezier(.2, .8, .2, 1), border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

.personal-cabinet-shell .personal-mobile-module-switch a::after {
    grid-column: 2;
    grid-row: 1 / span 2;
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border: 1px solid color-mix(in srgb, var(--theme-primary-gold) 68%, var(--theme-secondary-border));
    border-radius: 999px;
    color: var(--theme-primary-text);
    background: color-mix(in srgb, var(--theme-primary-gold) 30%, var(--personal-level-2));
    content: "↓";
    font-size: var(--cabinet-size-large-body, 17px);
    font-weight: var(--cabinet-weight-heading, 700);
    line-height: 1;
    transition: transform 180ms cubic-bezier(.2, .8, .2, 1), background-color 180ms ease, border-color 180ms ease;
}

.personal-cabinet-shell .personal-mobile-module-switch a:hover,
.personal-cabinet-shell .personal-mobile-module-switch a:focus-visible {
    border-color: var(--theme-primary-border);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--theme-primary-text) 8%, transparent);
    outline: none;
    transform: translateY(-2px);
}

.personal-cabinet-shell .personal-mobile-module-switch a:is(:hover, :focus-visible)::after {
    transform: translateY(2px);
}

.personal-cabinet-shell .personal-mobile-module-switch a.is-active {
    border-color: var(--theme-primary-border);
    background: color-mix(in srgb, var(--theme-primary-button) 9%, var(--personal-level-2));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--theme-primary-border) 24%, transparent);
}

.personal-cabinet-shell .personal-mobile-module-switch a.is-active::after {
    content: "↑";
}

.personal-cabinet-shell .personal-mobile-module-switch a.is-active:is(:hover, :focus-visible)::after {
    transform: translateY(-2px);
}

.personal-cabinet-shell .personal-mobile-module-switch span,
.personal-cabinet-shell .personal-mobile-module-switch strong {
    grid-column: 1;
}

.personal-cabinet-shell .personal-mobile-module-switch span {
    color: var(--theme-supporting-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-heading, 600);
    letter-spacing: .08em;
    text-transform: uppercase;
}

.personal-cabinet-shell .personal-mobile-module {
    padding: 24px;
    scroll-margin-top: 20px;
}

.personal-cabinet-shell .personal-mobile-module[hidden] {
    display: none !important;
}

.personal-cabinet-shell .personal-mobile-page details > summary.personal-mobile-section-header {
    cursor: pointer;
    list-style: none;
}

.personal-cabinet-shell .personal-mobile-page details > summary.personal-mobile-section-header::-webkit-details-marker {
    display: none;
}

.personal-cabinet-shell .personal-mobile-page details > summary.personal-mobile-section-header::after {
    content: "\2193";
    margin-inline-start: auto;
    color: var(--theme-primary-text);
    font-size: var(--cabinet-size-section, 22px);
}

.personal-cabinet-shell .personal-mobile-page details[open] > summary.personal-mobile-section-header::after {
    content: "\2191";
}

.personal-cabinet-shell .personal-mobile-page details > summary.personal-mobile-section-header:focus-visible {
    outline: 2px solid var(--theme-primary-border);
    outline-offset: 4px;
}

.personal-cabinet-shell .personal-mobile-page details[open] > summary.personal-mobile-section-header {
    margin-bottom: 16px;
}

.personal-cabinet-shell .personal-mobile-module-heading {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 14px;
    align-items: start;
}

.personal-cabinet-shell .personal-mobile-module-heading > div {
    display: grid;
    gap: 7px;
}

.personal-cabinet-shell .personal-mobile-module-heading h2 {
    font-size: var(--cabinet-size-section, clamp(19px, 1.8vw, 25px));
}

.personal-cabinet-shell .personal-mobile-icon {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid var(--theme-primary-border);
    border-radius: 8px;
    background: var(--theme-ghost-hover);
}

.personal-cabinet-shell .personal-mobile-icon img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.personal-cabinet-shell .personal-mobile-benefit-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 20px;
}

.personal-cabinet-shell :is(
    .personal-mobile-benefit-grid article,
    .personal-mobile-steps li,
    .personal-mobile-trust-flow > div,
    .personal-mobile-store-grid > div
) {
    min-width: 0;
    border: 1px solid var(--theme-secondary-border);
    border-radius: var(--cabinet-card-radius);
    background: var(--personal-level-3);
}

.personal-cabinet-shell .personal-mobile-benefit-grid article,
.personal-cabinet-shell .personal-mobile-trust-flow > div,
.personal-cabinet-shell .personal-mobile-store-grid > div {
    display: grid;
    align-content: start;
    gap: 6px;
    padding: 15px;
}

.personal-cabinet-shell :is(
    .personal-mobile-benefit-grid strong,
    .personal-mobile-steps strong,
    .personal-mobile-trust-flow strong,
    .personal-mobile-store-grid strong
) {
    color: var(--theme-primary-text);
    font-size: var(--type-supporting);
    line-height: 1.4;
}

.personal-cabinet-shell :is(
    .personal-mobile-benefit-grid small,
    .personal-mobile-steps small,
    .personal-mobile-trust-flow small,
    .personal-mobile-store-grid small
) {
    color: var(--theme-supporting-text);
    font-size: var(--type-metadata);
    line-height: 1.55;
}

.personal-cabinet-shell .personal-mobile-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 16px;
}

.personal-cabinet-shell .personal-mobile-actions .btn {
    display: inline-flex;
    width: 100%;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    padding: 9px 16px;
    text-decoration: none;
}

.personal-cabinet-shell .personal-mobile-steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.personal-cabinet-shell .personal-mobile-steps li {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    padding: 15px;
}

.personal-cabinet-shell .personal-mobile-steps li > span {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    color: #171713;
    background: #c9b58f;
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-heading, 700);
}

.personal-cabinet-shell .personal-mobile-steps li > div {
    display: grid;
    gap: 5px;
}

.personal-cabinet-shell .personal-mobile-empty-state {
    display: grid;
    gap: 6px;
    margin-top: 10px;
    padding: 15px;
    border: 1px solid var(--theme-secondary-border);
    border-radius: var(--cabinet-card-radius);
    background: var(--personal-level-3);
}

.personal-cabinet-shell .personal-mobile-confirmation-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 16px;
}

.personal-cabinet-shell .personal-mobile-confirmation-summary > div {
    display: grid;
    align-content: start;
    gap: 6px;
    min-width: 0;
    padding: 15px;
    border: 1px solid var(--theme-secondary-border);
    border-radius: var(--cabinet-card-radius);
    background: var(--personal-level-3);
}

.personal-cabinet-shell .personal-mobile-confirmation-summary span {
    color: var(--theme-primary-button);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-control, 700);
    letter-spacing: .08em;
    text-transform: uppercase;
}

.personal-cabinet-shell .personal-mobile-confirmation-summary strong {
    color: var(--theme-primary-text);
    font-size: var(--type-supporting);
    line-height: 1.4;
}

.personal-cabinet-shell .personal-mobile-empty-state strong {
    color: var(--theme-primary-text);
    font-size: var(--type-supporting);
}

.personal-cabinet-shell .personal-mobile-empty-state span {
    color: var(--theme-supporting-text);
    font-size: var(--type-body);
    line-height: 1.5;
}

.personal-cabinet-shell .personal-sgm-composer,
.personal-cabinet-shell .personal-sgm-history {
    min-width: 0;
    margin-top: 18px;
    padding: 18px;
    border: 1px solid var(--theme-secondary-border);
    border-radius: var(--cabinet-card-radius);
    background: var(--personal-level-3);
}

#personal-sgm-request-form.personal-sgm-composer {
    background: color-mix(in srgb, var(--theme-card-surface) 90%, var(--theme-primary-button));
}

.personal-cabinet-shell .personal-sgm-composer-summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 5px 14px;
    align-items: center;
    color: var(--theme-primary-text);
    cursor: pointer;
    list-style: none;
}

.personal-cabinet-shell .personal-sgm-composer-summary::-webkit-details-marker {
    display: none;
}

.personal-cabinet-shell .personal-sgm-composer-summary::after {
    grid-column: 2;
    grid-row: 1 / span 3;
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid color-mix(in srgb, var(--theme-primary-gold) 68%, var(--theme-secondary-border));
    border-radius: 999px;
    content: "↓";
    color: var(--theme-primary-text);
    background: color-mix(in srgb, var(--theme-primary-gold) 30%, var(--personal-level-2));
    font-size: var(--cabinet-size-card, 18px);
    font-weight: var(--cabinet-weight-control, 700);
    line-height: 1;
    transition: transform 180ms cubic-bezier(.2, .8, .2, 1), background-color 180ms ease, border-color 180ms ease;
}

.personal-cabinet-shell .personal-sgm-composer[open] > .personal-sgm-composer-summary::after {
    content: "↑";
}

.personal-cabinet-shell .personal-sgm-composer-summary:is(:hover, :focus-visible)::after {
    border-color: var(--theme-primary-border);
    background: color-mix(in srgb, var(--theme-primary-gold) 44%, var(--personal-level-2));
    transform: translateY(2px);
}

.personal-cabinet-shell .personal-sgm-composer[open] > .personal-sgm-composer-summary:is(:hover, :focus-visible)::after {
    transform: translateY(-2px);
}

.personal-cabinet-shell .personal-sgm-composer-summary:focus-visible {
    border-radius: 6px;
    outline: 2px solid var(--theme-primary-border);
    outline-offset: 6px;
}

html[data-theme="dark"] .personal-cabinet-shell .personal-mobile-module-switch a::after,
html[data-theme="dark"] .personal-cabinet-shell .personal-sgm-composer-summary::after {
    border-color: var(--theme-primary-button);
    color: #f7f6f2;
    background: color-mix(in srgb, var(--theme-primary-button) 78%, var(--personal-level-2));
}

html[data-theme="dark"] .personal-cabinet-shell .personal-mobile-module-switch a:is(:hover, :focus-visible)::after,
html[data-theme="dark"] .personal-cabinet-shell .personal-sgm-composer-summary:is(:hover, :focus-visible)::after {
    background: color-mix(in srgb, var(--theme-primary-button) 92%, var(--personal-level-2));
}

.personal-cabinet-shell .personal-sgm-composer-summary span,
.personal-cabinet-shell .personal-sgm-composer-summary strong,
.personal-cabinet-shell .personal-sgm-composer-summary small {
    grid-column: 1;
}

.personal-cabinet-shell .personal-sgm-composer-summary span {
    color: var(--theme-primary-button);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-control, 700);
    letter-spacing: .08em;
    text-transform: uppercase;
}

.personal-cabinet-shell .personal-sgm-composer-summary strong {
    font-size: var(--type-section-title);
    line-height: 1.3;
}

.personal-cabinet-shell .personal-sgm-composer-summary small {
    color: var(--theme-supporting-text);
    font-size: var(--type-supporting);
    line-height: 1.5;
}

.personal-cabinet-shell .personal-sgm-composer-body {
    margin-top: 16px;
    border-top: 1px solid var(--theme-secondary-border);
    padding-top: 2px;
}

.personal-cabinet-shell .personal-sgm-heading,
.personal-cabinet-shell .personal-sgm-heading > div {
    display: grid;
    min-width: 0;
    gap: 5px;
}

.personal-cabinet-shell .personal-sgm-heading {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
}

.personal-cabinet-shell .personal-sgm-archive-toggle {
    min-height: 42px;
    white-space: nowrap;
}

.personal-cabinet-shell .personal-sgm-heading span,
.personal-cabinet-shell .personal-sgm-record-head span {
    color: var(--theme-primary-button);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-heading, 700);
    letter-spacing: .08em;
    text-transform: uppercase;
}

.personal-cabinet-shell .personal-sgm-heading h3 {
    margin: 0;
    color: var(--theme-primary-text);
    font-size: var(--type-section-title);
    line-height: 1.3;
}

.personal-cabinet-shell .personal-sgm-heading p,
.personal-cabinet-shell .personal-sgm-record > p {
    margin: 0;
    color: var(--theme-supporting-text);
    font-size: var(--type-supporting);
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.personal-cabinet-shell .personal-sgm-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
    margin-top: 16px;
}

.personal-cabinet-shell .personal-sgm-field {
    display: grid;
    min-width: 0;
    gap: 7px;
}

.personal-cabinet-shell .personal-sgm-field.is-wide,
.personal-cabinet-shell .personal-sgm-preview-note,
.personal-cabinet-shell .personal-sgm-submit {
    grid-column: 1 / -1;
}

.personal-cabinet-shell .personal-sgm-field > span {
    color: var(--theme-primary-text);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-heading, 600);
}

.personal-cabinet-shell .personal-sgm-field > small,
.personal-cabinet-shell .personal-sgm-preview-note,
.personal-cabinet-shell .personal-sgm-mobile-note {
    color: var(--theme-supporting-text);
    font-size: var(--type-metadata);
    line-height: 1.45;
}

.personal-cabinet-shell .personal-sgm-field :is(input, select, textarea) {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 48px;
    padding: 10px 12px;
    border: 1px solid var(--theme-secondary-border);
    border-radius: 8px;
    color: var(--theme-primary-text);
    background: var(--personal-level-2);
    font: inherit;
}

.personal-cabinet-shell .personal-sgm-field textarea {
    min-height: 112px;
    resize: vertical;
}

.personal-cabinet-shell .personal-sgm-field :is(input, select, textarea):focus {
    border-color: var(--theme-primary-border);
    outline: 2px solid color-mix(in srgb, var(--theme-primary-button) 18%, transparent);
    outline-offset: 1px;
}

.personal-cabinet-shell .personal-sgm-submit {
    justify-self: start;
    min-height: 44px;
}

.personal-cabinet-shell .personal-sgm-submit:disabled {
    cursor: not-allowed;
    opacity: .55;
}

.personal-cabinet-shell .personal-sgm-preview-note {
    margin: 0;
}

.personal-cabinet-shell .personal-sgm-flash {
    display: grid;
    gap: 4px;
    margin-top: 14px;
    padding: 12px 14px;
    border: 1px solid var(--theme-secondary-border);
    border-radius: 8px;
    color: var(--theme-primary-text);
    background: var(--personal-level-2);
}

.personal-cabinet-shell .personal-sgm-flash.is-success {
    border-left: 4px solid var(--theme-primary-button);
    background: color-mix(in srgb, var(--theme-primary-button) 10%, var(--personal-level-2));
}

.personal-cabinet-shell .personal-sgm-flash.is-error {
    border-left: 4px solid #b54d4d;
}

.personal-cabinet-shell .personal-sgm-history-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 16px;
}

.personal-cabinet-shell .personal-sgm-history-tabs a {
    display: flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 14px;
    border: 1px solid var(--theme-secondary-border);
    border-radius: 9px;
    color: var(--theme-supporting-text);
    background: var(--personal-level-2);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-heading, 600);
    text-decoration: none;
}

.personal-cabinet-shell .personal-sgm-history-tabs a:hover,
.personal-cabinet-shell .personal-sgm-history-tabs a:focus-visible,
.personal-cabinet-shell .personal-sgm-history-tabs a.is-active {
    border-color: var(--theme-active-control-border);
    color: var(--theme-active-control-text);
}

.personal-cabinet-shell .personal-sgm-history-tabs a.is-active {
    box-shadow: inset 0 0 0 1px var(--theme-active-control-border);
}

.personal-cabinet-shell .personal-sgm-history-tabs strong {
    display: grid;
    place-items: center;
    min-width: 25px;
    min-height: 25px;
    padding: 2px 7px;
    border-radius: 999px;
    color: #171713;
    background: #c9b58f;
    font-size: var(--type-metadata);
}

.personal-cabinet-shell .personal-sgm-history-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 10px;
    margin-top: 16px;
}

.personal-cabinet-shell .personal-sgm-record {
    display: grid;
    min-width: 0;
    gap: 12px;
    padding: 14px;
    scroll-margin-top: 20px;
    border: 1px solid var(--theme-secondary-border);
    border-radius: 10px;
    background: var(--personal-level-2);
}

.personal-cabinet-shell .personal-sgm-presentation-action {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding-top: 2px;
}

.personal-cabinet-shell .personal-sgm-presentation-action .btn {
    min-height: 40px;
}

.personal-cabinet-shell .personal-sgm-record-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
}

.personal-cabinet-shell .personal-sgm-record-head > div {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.personal-cabinet-shell .personal-sgm-record-head strong {
    color: var(--theme-primary-text);
    font-size: var(--type-supporting);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.personal-cabinet-shell .personal-sgm-record-head em {
    flex: 0 0 auto;
    padding: 5px 8px;
    border-radius: 999px;
    color: var(--theme-primary-text);
    background: var(--theme-ghost-hover);
    font-size: var(--type-metadata);
    font-style: normal;
    font-weight: var(--cabinet-weight-heading, 600);
}

.personal-cabinet-shell .personal-sgm-record-head em:is([data-status="confirmed"], [data-status="verified_approval"]) {
    color: var(--theme-primary-button);
    background: color-mix(in srgb, var(--theme-primary-button) 13%, var(--personal-level-2));
}

.personal-cabinet-shell .personal-sgm-record-head em:is([data-status="rejected"], [data-status="verified_rejection"], [data-status="verification_failed"], [data-status="signature_invalid"]) {
    color: #a64545;
    background: color-mix(in srgb, #a64545 11%, var(--personal-level-2));
}

.personal-cabinet-shell .personal-sgm-record-head em:is([data-status="awaiting_response"], [data-status="processing"], [data-status="review_required"]) {
    color: #876722;
    background: color-mix(in srgb, #c9b58f 22%, var(--personal-level-2));
}

.personal-cabinet-shell .personal-sgm-record-summary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.personal-cabinet-shell .personal-sgm-record-summary > div {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.personal-cabinet-shell .personal-sgm-record-summary span,
.personal-cabinet-shell .personal-sgm-record-summary small {
    color: var(--theme-supporting-text);
    font-size: var(--type-metadata);
}

.personal-cabinet-shell .personal-sgm-record-summary strong {
    color: var(--theme-primary-text);
    font-size: var(--type-label);
    overflow-wrap: anywhere;
}

.personal-cabinet-shell .personal-sgm-record dl {
    display: grid;
    gap: 7px;
    margin: 0;
}

.personal-cabinet-shell .personal-sgm-record dl > div {
    display: grid;
    grid-template-columns: minmax(82px, .72fr) minmax(0, 1.28fr);
    gap: 9px;
    min-width: 0;
}

.personal-cabinet-shell .personal-sgm-record :is(dt, dd) {
    min-width: 0;
    margin: 0;
    font-size: var(--type-metadata);
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.personal-cabinet-shell .personal-sgm-record dt {
    color: var(--theme-supporting-text);
}

.personal-cabinet-shell .personal-sgm-record dd {
    display: grid;
    gap: 2px;
    color: var(--theme-primary-text);
    font-weight: var(--cabinet-weight-heading, 600);
}

.personal-cabinet-shell .personal-sgm-record dd small {
    color: var(--theme-supporting-text);
    font-weight: var(--cabinet-weight-control, 500);
}

.personal-cabinet-shell .personal-sgm-response {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 8px;
    color: var(--theme-primary-text);
    background: var(--theme-ghost-hover);
    font-size: var(--type-metadata);
}

.personal-cabinet-shell .personal-sgm-record-details {
    border-top: 1px solid var(--theme-secondary-border);
    padding-top: 10px;
}

.personal-cabinet-shell .personal-sgm-record-details > summary {
    display: flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 9px 12px;
    border: 1px solid var(--theme-primary-border);
    border-radius: 8px;
    color: var(--theme-primary-text);
    background: var(--theme-ghost-hover);
    cursor: pointer;
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-control, 700);
    list-style: none;
}

.personal-cabinet-shell .personal-sgm-record-details > summary::-webkit-details-marker {
    display: none;
}

.personal-cabinet-shell .personal-sgm-record-details-label--hide,
.personal-cabinet-shell .personal-sgm-record-details[open] .personal-sgm-record-details-label--show {
    display: none;
}

.personal-cabinet-shell .personal-sgm-record-details[open] .personal-sgm-record-details-label--hide {
    display: inline;
}

.personal-cabinet-shell .personal-sgm-record-details-body {
    display: grid;
    gap: 12px;
    margin-top: 12px;
}

.personal-cabinet-shell .personal-sgm-record-details-body > p {
    margin: 0;
    color: var(--theme-supporting-text);
    font-size: var(--type-supporting);
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.personal-cabinet-shell .personal-sgm-pagination {
    margin-top: 16px;
}

.personal-cabinet-shell .personal-sgm-decision {
    border-top: 1px solid var(--theme-secondary-border);
    padding-top: 10px;
}

.personal-cabinet-shell .personal-sgm-decision summary {
    min-height: 42px;
    padding: 10px 12px;
    border: 1px solid var(--theme-primary-border);
    border-radius: 8px;
    color: var(--theme-primary-text);
    background: var(--theme-ghost-hover);
    cursor: pointer;
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-control, 700);
    list-style-position: inside;
}

.personal-cabinet-shell .personal-sgm-decision-body,
.personal-cabinet-shell .personal-sgm-decision-body form {
    display: grid;
    gap: 11px;
    margin-top: 12px;
}

.personal-cabinet-shell .personal-sgm-decision-body > strong {
    color: var(--theme-primary-text);
    font-size: var(--type-label);
}

.personal-cabinet-shell .personal-sgm-decision-body > p {
    margin: 0;
    color: var(--theme-supporting-text);
    font-size: var(--type-metadata);
    line-height: 1.5;
}

.personal-cabinet-shell .personal-sgm-decision-body > .personal-sgm-glyph-warning {
    padding: 10px 12px;
    border-left: 3px solid var(--theme-primary-button);
    background: var(--theme-ghost-hover);
}

.personal-cabinet-shell .personal-sgm-context-form {
    padding: 12px;
    border: 1px solid var(--theme-secondary-border);
    border-radius: 10px;
    background: var(--theme-ghost-hover);
}

.personal-cabinet-shell .personal-sgm-context-form > :is(strong, p) {
    margin: 0;
}

.personal-cabinet-shell .personal-sgm-context-form > strong,
.personal-cabinet-shell .personal-sgm-context-ready > strong {
    color: var(--theme-primary-text);
    font-size: var(--type-label);
}

.personal-cabinet-shell .personal-sgm-context-form > p,
.personal-cabinet-shell .personal-sgm-context-ready > :is(span, small) {
    color: var(--theme-supporting-text);
    font-size: var(--type-metadata);
    line-height: 1.5;
}

.personal-cabinet-shell .personal-sgm-context-consent {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 9px;
    align-items: start;
    color: var(--theme-primary-text);
    font-size: var(--type-metadata);
    line-height: 1.5;
    cursor: pointer;
}

.personal-cabinet-shell .personal-sgm-context-consent input {
    width: 18px;
    height: 18px;
    margin: 1px 0 0;
    accent-color: var(--theme-primary-button);
}

.personal-cabinet-shell .personal-sgm-context-ready {
    display: grid;
    gap: 4px;
    padding: 12px;
    border-left: 3px solid var(--theme-primary-button);
    border-radius: 8px;
    background: var(--theme-ghost-hover);
}

.personal-cabinet-shell .personal-sgm-decision-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.personal-cabinet-shell .personal-sgm-decision-actions .btn {
    min-height: 42px;
}

.personal-cabinet-shell .personal-sgm-decision-actions .btn:disabled {
    cursor: not-allowed;
    opacity: .5;
}

.personal-cabinet-shell .personal-sgm-decision-actions .personal-sgm-reject {
    border: 1px solid var(--theme-secondary-border);
    color: var(--theme-primary-text);
    background: var(--personal-level-2);
}

.personal-cabinet-shell .personal-mobile-boundary,
.personal-cabinet-shell .personal-mobile-distribution {
    padding: 0;
    overflow: hidden;
}

.personal-cabinet-shell .personal-mobile-section-header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 18px 20px;
}

.personal-cabinet-shell .personal-mobile-section-header > div {
    display: grid;
    gap: 4px;
}

.personal-cabinet-shell .personal-mobile-section-header strong {
    color: var(--theme-primary-text);
    font-size: var(--type-section-title);
    line-height: 1.3;
}

.personal-cabinet-shell .personal-mobile-section-header small {
    color: var(--theme-supporting-text);
    font-size: var(--type-supporting);
    line-height: 1.45;
}

.personal-cabinet-shell .personal-mobile-trust-flow {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 0 20px 20px;
}

.personal-cabinet-shell .personal-mobile-trust-flow b {
    color: var(--theme-primary-button);
    font-size: var(--cabinet-size-card, 18px);
}

.personal-cabinet-shell .personal-mobile-store-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 0 20px 20px;
}

.personal-cabinet-shell .personal-mobile-store-grid > div {
    min-height: 92px;
    border-style: dashed;
}

.personal-cabinet-shell .personal-mobile-distribution > p {
    margin: -8px 20px 20px;
    color: var(--theme-supporting-text);
    font-size: var(--type-metadata);
    line-height: 1.55;
}

@media (max-width: 980px) {
    .personal-cabinet-shell .personal-mobile-hero-copy {
        padding-right: 150px;
    }

    .personal-cabinet-shell .personal-mobile-mark {
        right: 34px;
        width: 110px;
    }

    .personal-cabinet-shell .personal-mobile-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .personal-cabinet-shell .personal-mobile-trust-flow {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .personal-mobile-trust-flow b {
        justify-self: center;
        transform: rotate(90deg);
    }

    .personal-cabinet-shell .personal-sgm-history-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .personal-cabinet-shell .container.mt-20.personal-mobile-page {
        padding: 18px 14px 28px;
    }

    .personal-cabinet-shell :is(
        .personal-mobile-module-switch,
        .personal-mobile-benefit-grid,
        .personal-mobile-steps,
        .personal-mobile-confirmation-summary,
        .personal-mobile-store-grid,
        .personal-mobile-actions
    ) {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .personal-mobile-hero-copy {
        padding-right: 0;
    }

    .personal-cabinet-shell .personal-mobile-mark {
        top: 24px;
        right: 24px;
        width: 104px;
        transform: none;
        opacity: .13;
    }

    .personal-cabinet-shell .personal-mobile-module-heading {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .personal-cabinet-shell .personal-mobile-module-heading > em {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .personal-cabinet-shell .personal-mobile-section-header {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .personal-cabinet-shell .personal-mobile-section-header > em {
        grid-column: 1 / -1;
        justify-self: start;
    }


    .personal-cabinet-shell .personal-sgm-form {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .personal-sgm-field :is(input, select, textarea) {
        min-height: 52px;
        font-size: var(--cabinet-size-input, 16px);
    }

    .personal-cabinet-shell .personal-sgm-composer,
    .personal-cabinet-shell .personal-sgm-history {
        padding: 15px;
    }

    .personal-cabinet-shell .personal-sgm-history-tabs {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .personal-sgm-heading {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .personal-sgm-archive-toggle,
    .personal-cabinet-shell .personal-sgm-presentation-action .btn {
        width: 100%;
    }

    .personal-cabinet-shell .personal-sgm-record-summary {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .personal-sgm-submit {
        width: 100%;
    }

    .personal-cabinet-shell .personal-sgm-record-head {
        align-items: stretch;
        flex-direction: column;
    }

    .personal-cabinet-shell .personal-sgm-record-head em {
        align-self: flex-start;
    }

    .personal-cabinet-shell .personal-sgm-record dl > div {
        grid-template-columns: 1fr;
        gap: 2px;
    }

    .personal-cabinet-shell .personal-sgm-decision-actions {
        display: grid;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1180px) {
    .personal-cabinet-shell .statistics-primary-grid > .statistics-card:nth-child(2) .chart-container {
        min-height: 280px;
        height: 300px;
    }
}

@media (max-width: 900px) {
    .personal-cabinet-shell .statistics-page .statistics-summary {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .statistics-page .statistics-summary .stat-item {
        min-height: 64px;
    }

    .personal-cabinet-shell .statistics-page .chart-container,
    .personal-cabinet-shell .statistics-primary-grid > .statistics-card:nth-child(2) .chart-container {
        min-height: 280px;
        height: 300px;
    }

    .personal-cabinet-shell .statistics-preview-range-card .chart-container-compact {
        min-height: 280px;
        height: 300px;
    }
}

/* Personal Cabinet Settings */
.personal-cabinet-shell .settings-page {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.personal-cabinet-shell .settings-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-top: 22px;
}

.personal-cabinet-shell .settings-hero h1 {
    margin: 0;
    color: var(--header-bg);
    font-size: var(--type-page-title);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.2;
}

.personal-cabinet-shell .settings-hero p {
    margin: 5px 0 0;
    color: var(--muted-text);
    font-size: var(--type-body);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.personal-cabinet-shell .settings-eyebrow {
    margin: 0 0 5px !important;
    color: var(--accent-green) !important;
    font-size: var(--type-label) !important;
    font-weight: var(--cabinet-weight-control, 600) !important;
    line-height: 1.35 !important;
    text-transform: uppercase;
}

.personal-cabinet-shell .settings-section {
    min-width: 0;
}

.personal-cabinet-shell .settings-card {
    padding: 28px;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(47, 47, 47, 0.035);
}

.personal-cabinet-shell .settings-card .card-header {
    align-items: flex-start;
    min-height: 0;
    margin-bottom: 20px;
    padding-bottom: 14px;
}

.personal-cabinet-shell .settings-card .card-header > div:first-child {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.personal-cabinet-shell .settings-card .card-header span {
    color: var(--header-bg);
    font-size: var(--type-card-title);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.3;
    text-transform: none;
}

.personal-cabinet-shell .settings-card .card-header small {
    max-width: 720px;
    color: var(--muted-text);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.personal-cabinet-shell .settings-card .card-body {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.personal-cabinet-shell .settings-field-grid,
.personal-cabinet-shell .settings-switch-grid,
.personal-cabinet-shell .settings-action-grid,
.personal-cabinet-shell .settings-service-grid,
.personal-cabinet-shell .settings-info-grid,
.personal-cabinet-shell .settings-danger-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.personal-cabinet-shell .settings-field-grid.is-compact {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.personal-cabinet-shell .settings-field,
.personal-cabinet-shell .settings-switch-card,
.personal-cabinet-shell .settings-action-card,
.personal-cabinet-shell .settings-service-card,
.personal-cabinet-shell .settings-info-card,
.personal-cabinet-shell .settings-danger-item,
.personal-cabinet-shell .settings-inline-action,
.personal-cabinet-shell .settings-switch-row {
    min-width: 0;
    border: 1px solid var(--border);
    border-radius: 4px;
    background: rgba(249, 248, 242, 0.46);
}

.personal-cabinet-shell .settings-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 14px;
}

.personal-cabinet-shell .settings-field span,
.personal-cabinet-shell .settings-switch-card span,
.personal-cabinet-shell .settings-switch-row span,
.personal-cabinet-shell .settings-info-card span,
.personal-cabinet-shell .settings-service-card span,
.personal-cabinet-shell .settings-danger-item span,
.personal-cabinet-shell .settings-inline-action span {
    color: var(--muted-text);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.4;
}

.personal-cabinet-shell .settings-field select {
    width: 100%;
    min-height: 38px;
    padding: 8px 11px;
    border: 1px solid var(--border);
    border-radius: 4px;
    background: var(--white);
    color: var(--header-bg);
    font-family: var(--font);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
}

.personal-cabinet-shell .settings-field select:focus {
    border-color: var(--accent-green);
    outline: none;
    box-shadow: 0 0 0 2px rgba(50, 122, 104, 0.12);
}

.personal-cabinet-shell .settings-toggle-field {
    justify-content: space-between;
}

.personal-cabinet-shell .settings-switch-card,
.personal-cabinet-shell .settings-switch-row,
.personal-cabinet-shell .settings-inline-action,
.personal-cabinet-shell .settings-danger-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 15px 16px;
}

.personal-cabinet-shell .settings-switch-card > div,
.personal-cabinet-shell .settings-inline-action > div,
.personal-cabinet-shell .settings-danger-item > div {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.personal-cabinet-shell .settings-switch-card strong,
.personal-cabinet-shell .settings-action-card span,
.personal-cabinet-shell .settings-service-card strong,
.personal-cabinet-shell .settings-info-card strong,
.personal-cabinet-shell .settings-danger-item strong,
.personal-cabinet-shell .settings-inline-action strong {
    color: var(--header-bg);
    font-size: var(--type-body);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.35;
}

.personal-cabinet-shell .settings-switch-card.is-locked {
    background: rgba(230, 226, 216, 0.35);
}

.personal-cabinet-shell .settings-privacy-layout {
    display: grid;
    grid-template-columns: minmax(240px, 0.7fr) minmax(280px, 1fr);
    gap: 16px;
}

.personal-cabinet-shell .settings-switch-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.personal-cabinet-shell .settings-inline-action {
    grid-column: 1 / -1;
}

.personal-cabinet-shell .settings-action-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    min-height: 96px;
    padding: 17px 18px;
    font-family: var(--font);
    text-align: left;
    cursor: pointer;
    transition: border-color .3s ease, background-color .3s ease;
}

.personal-cabinet-shell .settings-action-card::after {
    content: "→";
    position: absolute;
    top: 17px;
    right: 18px;
    color: var(--accent-green);
    font-size: var(--cabinet-size-card, 18px);
    line-height: 1;
}

.personal-cabinet-shell .settings-action-card small {
    max-width: calc(100% - 28px);
    color: var(--muted-text);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.personal-cabinet-shell .settings-helper-line {
    margin: 2px 0 0;
    color: var(--muted-text);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.personal-cabinet-shell .settings-action-card:hover,
.personal-cabinet-shell .settings-action-card:focus {
    border-color: var(--accent-green);
    background: rgba(50, 122, 104, 0.035);
    outline: none;
}

.personal-cabinet-shell .settings-service-card {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    min-height: 112px;
    padding: 16px;
}

.personal-cabinet-shell .settings-service-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid var(--border);
    border-radius: 4px;
    background: var(--white);
}

.personal-cabinet-shell .settings-service-icon img {
    width: 22px;
    height: 22px;
    object-fit: contain;
}

.personal-cabinet-shell .settings-service-card > div:nth-child(2) {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.personal-cabinet-shell .settings-status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.35;
}

.personal-cabinet-shell .settings-status i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--muted-text);
}

.personal-cabinet-shell .settings-status.is-connected i {
    background: var(--accent-green);
}

.personal-cabinet-shell .settings-status.is-soon i {
    background: var(--accent-gold);
}

.personal-cabinet-shell .settings-info-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    min-height: 82px;
    padding: 15px 16px;
}

.personal-cabinet-shell .settings-info-card strong {
    overflow-wrap: anywhere;
}

.personal-cabinet-shell .settings-danger-section {
    margin-top: 4px;
}

.personal-cabinet-shell .settings-danger-card {
    padding: 30px;
    border-color: rgba(150, 68, 68, 0.24);
}

.personal-cabinet-shell .settings-danger-grid {
    gap: 18px;
}

.personal-cabinet-shell .settings-danger-item {
    min-height: 126px;
    background: var(--white);
}

.personal-cabinet-shell .settings-danger-button {
    min-height: 36px;
    padding: 8px 14px;
    border: 1px solid rgba(150, 68, 68, 0.35);
    border-radius: 4px;
    background: #8f3f3f;
    color: var(--white);
    font-family: var(--font);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.25;
    white-space: nowrap;
    transition: background-color .3s ease, border-color .3s ease;
}

.personal-cabinet-shell .settings-danger-button:hover,
.personal-cabinet-shell .settings-danger-button:focus {
    border-color: rgba(127, 50, 50, 0.5);
    background: #7f3232;
    outline: none;
}

.personal-cabinet-shell .settings-footer {
    padding-bottom: 0;
}

/* Module 11: Settings personal configuration workspace polish */
.personal-cabinet-shell .settings-hero {
    order: 0;
}

.personal-cabinet-shell .settings-preferences-section {
    order: 1;
}

.personal-cabinet-shell .settings-account-section {
    order: 2;
}

.personal-cabinet-shell .settings-privacy-section {
    order: 3;
}

.personal-cabinet-shell .settings-security-section {
    order: 4;
}

.personal-cabinet-shell .settings-platform-preferences-section {
    order: 5;
}

.personal-cabinet-shell .settings-future-integrations-section {
    order: 6;
}

.personal-cabinet-shell .settings-danger-section {
    order: 7;
}

.personal-cabinet-shell .settings-footer {
    order: 8;
}

.personal-cabinet-shell .settings-explainer {
    padding: 14px 16px;
    border: 1px solid var(--border);
    border-left: 3px solid var(--accent-green);
    border-radius: var(--cabinet-card-radius);
    background: rgba(50, 122, 104, 0.06);
    color: var(--muted-text);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.5;
}

.personal-cabinet-shell .settings-section .card-header span {
    letter-spacing: 0;
}

.personal-cabinet-shell .settings-account-section .settings-info-card:first-child,
.personal-cabinet-shell .settings-preferences-section .settings-field:first-child,
.personal-cabinet-shell .settings-security-section .settings-action-card:first-child {
    border-left: 3px solid var(--accent-green);
}

.personal-cabinet-shell .settings-future-integrations-section .settings-status.is-soon {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    padding: 3px 9px;
    border: 1px solid rgba(50, 122, 104, 0.2);
    border-radius: 999px;
    background: rgba(50, 122, 104, 0.08);
    color: var(--accent-green);
    font-weight: var(--cabinet-weight-heading, 600);
}

@media (max-width: 1180px) {
    .personal-cabinet-shell .settings-service-grid,
    .personal-cabinet-shell .settings-field-grid.is-compact {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .personal-cabinet-shell .settings-page {
        gap: 22px;
    }

    .personal-cabinet-shell .settings-card,
    .personal-cabinet-shell .settings-danger-card {
        padding: 20px;
    }

    .personal-cabinet-shell .settings-field-grid,
    .personal-cabinet-shell .settings-switch-grid,
    .personal-cabinet-shell .settings-action-grid,
    .personal-cabinet-shell .settings-info-grid,
    .personal-cabinet-shell .settings-danger-grid,
    .personal-cabinet-shell .settings-privacy-layout {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .settings-inline-action,
    .personal-cabinet-shell .settings-danger-item,
    .personal-cabinet-shell .settings-service-card {
        align-items: flex-start;
        grid-template-columns: 44px minmax(0, 1fr);
    }

    .personal-cabinet-shell .settings-status {
        grid-column: 2;
    }

    .personal-cabinet-shell .settings-inline-action,
    .personal-cabinet-shell .settings-danger-item {
        flex-direction: column;
    }
}

/* Personal Cabinet Visual Alignment Audit v1.0 */
.personal-cabinet-shell {
    --cabinet-content-max-width: 1200px;
    --cabinet-page-padding-x: 24px;
    --cabinet-page-padding-bottom: 28px;
    --cabinet-page-top-gap: 22px;
    --cabinet-workspace-first-content-gap: 46px;
    --cabinet-section-gap: 28px;
    --cabinet-grid-gap: 20px;
    --cabinet-card-padding-audit: 24px;
    --cabinet-card-radius: 4px;
    --cabinet-soft-shadow: 0 2px 10px rgba(47, 47, 47, 0.035);
}

.personal-cabinet-shell .container.mt-20 {
    width: 100%;
    max-width: var(--cabinet-content-max-width);
    margin: 0 auto;
    padding: 0 var(--cabinet-page-padding-x) var(--cabinet-page-padding-bottom);
    box-sizing: border-box;
}

.personal-cabinet-shell .container.mt-20.dashboard-page {
    padding-top: var(--cabinet-page-top-gap);
}

.personal-cabinet-shell .container.mt-20.profile-page,
.personal-cabinet-shell .container.mt-20.wallet-page,
.personal-cabinet-shell .container.mt-20.statistics-page,
.personal-cabinet-shell .container.mt-20.certification-page,
.personal-cabinet-shell .container.mt-20.membership-page,
.personal-cabinet-shell .container.mt-20.notifications-page,
.personal-cabinet-shell .container.mt-20.settings-page,
.personal-cabinet-shell .container.mt-20.help-page,
.personal-cabinet-shell .container.mt-20.scanner-page {
    padding-top: var(--cabinet-workspace-first-content-gap);
}

.personal-cabinet-shell .dashboard-page,
.personal-cabinet-shell .profile-page,
.personal-cabinet-shell .wallet-page,
.personal-cabinet-shell .statistics-page,
.personal-cabinet-shell .certification-page,
.personal-cabinet-shell .membership-page,
.personal-cabinet-shell .notifications-page,
.personal-cabinet-shell .settings-page,
.personal-cabinet-shell .help-page,
.personal-cabinet-shell .scanner-page {
    display: flex;
    flex-direction: column;
    gap: var(--cabinet-section-gap);
}

.personal-cabinet-shell .wallet-hero,
.personal-cabinet-shell .statistics-hero,
.personal-cabinet-shell .certification-hero,
.personal-cabinet-shell .membership-hero,
.personal-cabinet-shell .settings-hero {
    margin-top: var(--cabinet-page-top-gap);
    margin-bottom: 0;
}

.personal-cabinet-shell .wallet-section,
.personal-cabinet-shell .wallet-grid,
.personal-cabinet-shell .statistics-section,
.personal-cabinet-shell .certification-section,
.personal-cabinet-shell .membership-section,
.personal-cabinet-shell .settings-section,
.personal-cabinet-shell .notifications-page > .container-row,
.personal-cabinet-shell .notifications-page > .card-group,
.personal-cabinet-shell .profile-page > .profile-form,
.personal-cabinet-shell .help-page > .card-group,
.personal-cabinet-shell .help-page > .help-grid,
.personal-cabinet-shell .container-row-footer {
    width: 100%;
    min-width: 0;
    margin-right: 0;
    margin-left: 0;
}

.personal-cabinet-shell .card-group,
.personal-cabinet-shell .dashboard-main-grid,
.personal-cabinet-shell .dashboard-quick-grid,
.personal-cabinet-shell .wallet-grid,
.personal-cabinet-shell .statistics-primary-grid,
.personal-cabinet-shell .statistics-secondary-grid,
.personal-cabinet-shell .certification-primary-grid,
.personal-cabinet-shell .membership-state-grid,
.personal-cabinet-shell .membership-options-grid,
.personal-cabinet-shell .notifications-summary-grid,
.personal-cabinet-shell .settings-field-grid,
.personal-cabinet-shell .settings-switch-grid,
.personal-cabinet-shell .settings-action-grid,
.personal-cabinet-shell .settings-service-grid,
.personal-cabinet-shell .settings-info-grid,
.personal-cabinet-shell .settings-danger-grid {
    gap: var(--cabinet-grid-gap);
}

.personal-cabinet-shell .wallet-grid,
.personal-cabinet-shell .statistics-primary-grid,
.personal-cabinet-shell .statistics-secondary-grid,
.personal-cabinet-shell .certification-primary-grid,
.personal-cabinet-shell .membership-state-grid,
.personal-cabinet-shell .membership-options-grid {
    width: 100%;
}

.personal-cabinet-shell .membership-state-grid,
.personal-cabinet-shell .membership-options-grid,
.personal-cabinet-shell .certification-primary-grid,
.personal-cabinet-shell .dashboard-main-grid,
.personal-cabinet-shell .dashboard-quick-grid,
.personal-cabinet-shell .statistics-primary-grid,
.personal-cabinet-shell .statistics-secondary-grid,
.personal-cabinet-shell .wallet-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.personal-cabinet-shell .membership-state-grid {
    grid-template-columns: 1fr;
}

.personal-cabinet-shell .membership-options-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.personal-cabinet-shell .card-wrapper,
.personal-cabinet-shell .wallet-card,
.personal-cabinet-shell .statistics-card,
.personal-cabinet-shell .certification-card,
.personal-cabinet-shell .membership-card,
.personal-cabinet-shell .settings-card,
.personal-cabinet-shell .notifications-summary-card {
    border: 1px solid var(--border);
    border-radius: var(--cabinet-card-radius);
    background: var(--white);
    box-shadow: var(--cabinet-soft-shadow);
}

.personal-cabinet-shell .card-wrapper:not(.settings-card):not(.settings-danger-card),
.personal-cabinet-shell .wallet-card,
.personal-cabinet-shell .statistics-card,
.personal-cabinet-shell .certification-card,
.personal-cabinet-shell .membership-card {
    padding: var(--cabinet-card-padding-audit);
}

.personal-cabinet-shell .membership-option-card {
    padding: var(--cabinet-card-padding-audit);
    border-radius: var(--cabinet-card-radius);
}

.personal-cabinet-shell .card-header,
.personal-cabinet-shell .wallet-card .card-header,
.personal-cabinet-shell .statistics-card .card-header,
.personal-cabinet-shell .certification-card .card-header,
.personal-cabinet-shell .membership-card .card-header,
.personal-cabinet-shell .settings-card .card-header {
    min-height: 0;
    margin-bottom: 18px;
    padding-bottom: 13px;
}

.personal-cabinet-shell .card-body,
.personal-cabinet-shell .wallet-card .card-body,
.personal-cabinet-shell .statistics-card .card-body,
.personal-cabinet-shell .certification-card .card-body,
.personal-cabinet-shell .membership-card .card-body,
.personal-cabinet-shell .settings-card .card-body {
    gap: var(--cabinet-inner-gap);
}

.personal-cabinet-shell .membership-section-heading {
    margin-bottom: 16px;
}

.personal-cabinet-shell .notifications-page > .container-row:nth-of-type(2) {
    padding: 0;
}

.personal-cabinet-shell .notifications-page > .card-group {
    display: block;
    margin-bottom: 0;
}

.personal-cabinet-shell .notifications-page > .card-group > .card-wrapper {
    width: 100%;
}

.personal-cabinet-shell .container-row-footer,
.personal-cabinet-shell .wallet-footer,
.personal-cabinet-shell .statistics-footer,
.personal-cabinet-shell .certification-footer,
.personal-cabinet-shell .membership-footer,
.personal-cabinet-shell .settings-footer {
    justify-content: flex-start;
    padding: 0 0 2px;
}

@media (max-width: 1180px) {
    .personal-cabinet-shell .membership-state-grid,
    .personal-cabinet-shell .membership-options-grid,
    .personal-cabinet-shell .certification-primary-grid,
    .personal-cabinet-shell .dashboard-main-grid,
    .personal-cabinet-shell .dashboard-quick-grid,
    .personal-cabinet-shell .statistics-primary-grid,
    .personal-cabinet-shell .statistics-secondary-grid,
    .personal-cabinet-shell .wallet-grid {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .membership-integration-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .personal-cabinet-shell {
        --cabinet-page-padding-x: 18px;
        --cabinet-section-gap: 22px;
        --cabinet-card-padding-audit: 20px;
    }
}

@media (max-width: 680px) {
    .personal-cabinet-shell {
        --cabinet-page-padding-x: 14px;
        --cabinet-card-padding-audit: 18px;
    }

    .personal-cabinet-shell .membership-integration-list {
        grid-template-columns: 1fr;
    }

}

/* Certification submission workspace */
.personal-cabinet-shell .certification-helper-card {
    padding: 18px 20px;
}

.personal-cabinet-shell .certification-helper-card .certification-context {
    align-items: flex-start;
    min-width: 0;
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.personal-cabinet-shell .certification-submit-card .card-body {
    gap: 0;
}

.personal-cabinet-shell .certification-submit-layout {
    display: grid;
    grid-template-columns: minmax(220px, 0.32fr) minmax(0, 1fr);
    gap: var(--cabinet-grid-gap);
    align-items: start;
}

.personal-cabinet-shell .certification-submit-status {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    padding: 18px;
    border: 1px solid var(--border);
    border-left: 3px solid var(--accent-green);
    border-radius: var(--cabinet-card-radius);
    background: rgba(249, 248, 242, 0.58);
}

.personal-cabinet-shell .certification-submit-level {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    min-height: 26px;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(50, 122, 104, 0.12);
    color: var(--accent-green);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.3;
}

.personal-cabinet-shell .certification-submit-status strong {
    color: var(--header-bg);
    font-size: var(--type-card-title);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.3;
}

.personal-cabinet-shell .certification-submit-status small {
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.personal-cabinet-shell .certification-submit-form {
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-width: 0;
}

.personal-cabinet-shell .certification-select-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--cabinet-grid-gap);
}

.personal-cabinet-shell .certification-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.personal-cabinet-shell .certification-field span {
    color: var(--muted-text);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.4;
}

.personal-cabinet-shell .certification-field select,
.personal-cabinet-shell .certification-field input,
.personal-cabinet-shell .certification-field textarea {
    width: 100%;
    border: 1px solid var(--border);
    border-radius: var(--cabinet-card-radius);
    background: var(--white);
    color: var(--header-bg);
    font-family: var(--font);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.5;
    box-sizing: border-box;
}

.personal-cabinet-shell .certification-field select {
    min-height: var(--cabinet-control-height);
    padding: 8px 11px;
}

.personal-cabinet-shell .certification-field input {
    min-height: var(--cabinet-control-height);
    padding: 8px 11px;
}

.personal-cabinet-shell .certification-field textarea {
    min-height: 92px;
    padding: 10px 12px;
    resize: vertical;
}

.personal-cabinet-shell .certification-field select:focus,
.personal-cabinet-shell .certification-field input:focus,
.personal-cabinet-shell .certification-field textarea:focus {
    border-color: var(--accent-green);
    outline: none;
    box-shadow: 0 0 0 2px rgba(50, 122, 104, 0.12);
}

.personal-cabinet-shell .certification-event-card {
    gap: 16px;
    padding: 18px;
    border-left: 3px solid var(--accent-green);
    background: rgba(50, 122, 104, 0.045);
}

.personal-cabinet-shell .certification-event-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.personal-cabinet-shell .certification-event-grid .certification-field[hidden] {
    display: none !important;
}

.personal-cabinet-shell .certification-event-grid .certification-field.is-required > span::after {
    content: "*";
    display: inline-flex;
    margin-left: 8px;
    padding: 2px 7px;
    border-radius: 999px;
    background: rgba(50, 122, 104, 0.1);
    color: var(--accent-green);
    font-size: var(--cabinet-size-metadata, 11px);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.3;
    vertical-align: middle;
}

.personal-cabinet-shell .certification-date-control {
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--cabinet-control-height);
    gap: 8px;
    align-items: stretch;
}

.personal-cabinet-shell .certification-date-control input {
    min-width: 0;
    color-scheme: light;
}

.personal-cabinet-shell .certification-date-control button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--cabinet-control-height);
    min-height: var(--cabinet-control-height);
    padding: 0;
    border: 1px solid var(--border);
    border-radius: var(--cabinet-card-radius);
    background: var(--white);
    color: var(--accent-green);
    cursor: pointer;
}

.personal-cabinet-shell .certification-date-control button:hover,
.personal-cabinet-shell .certification-date-control button:focus {
    border-color: var(--accent-green);
    outline: none;
    box-shadow: 0 0 0 2px rgba(50, 122, 104, 0.12);
}

.personal-cabinet-shell .certification-date-control svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.personal-cabinet-shell .certification-fallback-card {
    gap: 16px;
    padding: 18px;
    border-left: 3px solid var(--accent-green);
    background: rgba(50, 122, 104, 0.045);
}

.personal-cabinet-shell .certification-fallback-heading > div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.personal-cabinet-shell .certification-fallback-heading strong {
    font-size: var(--type-subsection-title);
}

.personal-cabinet-shell .certification-fallback-source {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 13px 14px;
    border: 1px solid var(--border);
    border-radius: var(--cabinet-card-radius);
    background: var(--white);
}

.personal-cabinet-shell .certification-fallback-source span,
.personal-cabinet-shell .certification-fallback-policy-grid span {
    color: var(--muted-text);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-control, 500);
}

.personal-cabinet-shell .certification-fallback-source strong {
    line-height: 1.5;
}

.personal-cabinet-shell .certification-fallback-toggle {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    gap: 11px;
    align-items: start;
    padding: 13px 14px;
    border: 1px solid var(--border);
    border-radius: var(--cabinet-card-radius);
    background: var(--white);
    cursor: pointer;
}

.personal-cabinet-shell .certification-fallback-toggle input {
    width: 18px;
    height: 18px;
    margin: 2px 0 0;
    accent-color: var(--accent-green);
}

.personal-cabinet-shell .certification-fallback-toggle > span {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.personal-cabinet-shell .certification-fallback-toggle small {
    color: var(--muted-text);
    font-size: var(--type-metadata);
    line-height: 1.45;
}

.personal-cabinet-shell .certification-fallback-details {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.personal-cabinet-shell .certification-fallback-details[hidden] {
    display: none !important;
}

.personal-cabinet-shell .certification-fallback-policy-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.personal-cabinet-shell .certification-fallback-policy-grid > div {
    min-width: 0;
    padding: 12px 13px;
    border: 1px solid var(--border);
    border-radius: var(--cabinet-card-radius);
    background: rgba(249, 248, 242, 0.72);
}

.personal-cabinet-shell .certification-fallback-policy-grid p {
    margin: 6px 0 0;
    color: var(--header-bg);
    font-size: var(--type-metadata);
    line-height: 1.55;
}

.personal-cabinet-shell .certification-fallback-reason {
    padding-top: 2px;
}

.personal-cabinet-shell .certification-submit-requirement {
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.4;
}

.personal-cabinet-shell .certification-submit-requirement.is-ready {
    color: var(--accent-green);
}

.personal-cabinet-shell .certification-field small {
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.personal-cabinet-shell .certification-document-requirement {
    color: var(--accent-green);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-heading, 600);
}

.personal-cabinet-shell .certification-hpc-info {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 16px;
    border: 1px solid var(--border);
    border-radius: var(--cabinet-card-radius);
    background: rgba(249, 248, 242, 0.58);
}

.personal-cabinet-shell .certification-hpc-info[hidden] {
    display: none;
}

.personal-cabinet-shell .certification-hpc-info-header {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.personal-cabinet-shell .certification-hpc-info-header span {
    color: var(--header-bg);
    font-size: var(--type-subsection-title);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.35;
}

.personal-cabinet-shell .certification-hpc-info-header small {
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.personal-cabinet-shell .certification-hpc-info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.personal-cabinet-shell .certification-hpc-info-grid div {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.personal-cabinet-shell .certification-hpc-info-grid span {
    color: var(--muted-text);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.35;
}

.personal-cabinet-shell .certification-hpc-info-grid strong {
    color: var(--header-bg);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.personal-cabinet-shell .certification-verification-path {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
}

.personal-cabinet-shell .certification-verification-path > div,
.personal-cabinet-shell .certification-no-evidence {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 12px;
    border: 1px solid var(--border);
    border-radius: var(--cabinet-card-radius);
    background: var(--white);
}

.personal-cabinet-shell .certification-verification-path > div {
    grid-column: span 2;
}

.personal-cabinet-shell .certification-verification-path > div:nth-child(n + 4) {
    grid-column: span 3;
}

.personal-cabinet-shell .certification-verification-path span,
.personal-cabinet-shell .certification-no-evidence span {
    color: var(--muted-text);
    font-size: var(--type-label);
}

.personal-cabinet-shell .certification-verification-path strong,
.personal-cabinet-shell .certification-no-evidence strong {
    color: var(--header-bg);
    font-size: var(--type-supporting);
}

.personal-cabinet-shell .certification-verified-marker {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid rgba(50, 122, 104, 0.42);
    border-radius: var(--cabinet-card-radius);
    background: rgba(50, 122, 104, 0.09);
    color: var(--header-bg);
}

.personal-cabinet-shell .certification-verified-marker[hidden] {
    display: none;
}

.personal-cabinet-shell .certification-verified-marker-badge {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 4px 10px;
    border-radius: 999px;
    background: var(--accent-green);
    color: var(--white);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-heading, 700);
    line-height: 1.2;
}

.personal-cabinet-shell .certification-verified-marker span {
    flex: 1 1 280px;
    color: var(--muted-text);
    font-size: var(--type-label);
    line-height: 1.45;
}

.personal-cabinet-shell .certification-verification-path .is-required {
    border-color: rgba(211, 190, 152, .72);
    background: rgba(211, 190, 152, .12);
}

.personal-cabinet-shell .certification-mode-tab[aria-disabled="true"] {
    opacity: .42;
    cursor: not-allowed;
}

.personal-cabinet-shell .certification-mode-tabs[hidden],
.personal-cabinet-shell .certification-no-evidence[hidden] {
    display: none;
}

.personal-cabinet-shell .certification-mode-tabs {
    display: grid;
    grid-template-columns: repeat(2, max-content) minmax(0, 1fr);
    gap: 8px;
    align-items: start;
}

.personal-cabinet-shell .certification-mode-input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.personal-cabinet-shell .certification-mode-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--cabinet-control-height);
    padding: 8px 14px;
    border: 1px solid var(--border);
    border-radius: var(--cabinet-card-radius);
    background: var(--white);
    color: var(--header-bg);
    font-size: var(--type-button);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.2;
    cursor: pointer;
    white-space: normal;
    overflow-wrap: anywhere;
    transition: background-color 180ms cubic-bezier(.2,.8,.2,1), border-color 180ms cubic-bezier(.2,.8,.2,1), color 180ms cubic-bezier(.2,.8,.2,1), transform 180ms cubic-bezier(.2,.8,.2,1);
}

.personal-cabinet-shell #certification-mode-document:checked + .certification-mode-tab,
.personal-cabinet-shell #certification-mode-text:checked + .certification-mode-tab {
    border-color: var(--accent-green);
    background: var(--accent-green);
    color: var(--white);
}

.personal-cabinet-shell .certification-mode-panels {
    grid-column: 1 / -1;
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--border);
    border-radius: var(--cabinet-card-radius);
    background: rgba(249, 248, 242, 0.46);
}

.personal-cabinet-shell .certification-mode-panel {
    display: none;
    grid-template-columns: 1fr;
    gap: 16px;
}

.personal-cabinet-shell #certification-mode-document:checked ~ .certification-mode-panels .certification-mode-panel-document,
.personal-cabinet-shell #certification-mode-text:checked ~ .certification-mode-panels .certification-mode-panel-text {
    display: grid;
}

.personal-cabinet-shell .certification-submit-actions {
    display: flex;
    justify-content: flex-start;
}

.personal-cabinet-shell .certification-submit-button:disabled {
    border-color: var(--border);
    background: rgba(140, 140, 140, 0.18);
    color: var(--muted-text);
    cursor: not-allowed;
}

@media (max-width: 900px) {
    .personal-cabinet-shell .certification-submit-layout,
    .personal-cabinet-shell .certification-select-grid,
    .personal-cabinet-shell .certification-verification-path,
    .personal-cabinet-shell .certification-hpc-info-grid {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .certification-verification-path > div,
    .personal-cabinet-shell .certification-verification-path > div:nth-child(n + 4) {
        grid-column: auto;
    }

    .personal-cabinet-shell .certification-mode-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Certification submission mockup polish */
.personal-cabinet-shell .certification-submit-card > .card-header {
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.personal-cabinet-shell .certification-submit-card > .card-header > div:first-child {
    flex: 1 1 auto;
}

.personal-cabinet-shell .certification-submit-card .card-body {
    gap: 0;
}

.personal-cabinet-shell .certification-submit-status {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 10px 12px;
    flex: 0 0 360px;
    width: 360px;
    max-width: 100%;
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-left: 3px solid var(--accent-green);
    border-radius: var(--cabinet-card-radius);
    background: rgba(249, 248, 242, 0.58);
}

.personal-cabinet-shell .certification-submit-status div {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.personal-cabinet-shell .certification-submit-level-block {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: flex-start;
}

.personal-cabinet-shell .certification-submit-status .certification-submit-level-block {
    gap: 5px;
    align-items: flex-start;
}

.personal-cabinet-shell .certification-submit-level-block small {
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.25;
}

.personal-cabinet-shell .certification-submit-level {
    align-self: center;
    white-space: nowrap;
}

.personal-cabinet-shell .certification-submit-status strong {
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-heading, 600);
    overflow-wrap: anywhere;
}

.personal-cabinet-shell .certification-submit-status small {
    font-size: var(--type-metadata);
}

.personal-cabinet-shell .certification-submit-form {
    width: 100%;
    gap: 16px;
}

.personal-cabinet-shell .certification-select-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.personal-cabinet-shell .certification-mode-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    padding: 4px;
    border: 1px solid var(--border);
    border-radius: var(--cabinet-card-radius);
    background: rgba(249, 248, 242, 0.58);
}

.personal-cabinet-shell .certification-mode-tab {
    width: 100%;
    border-color: transparent;
    background: transparent;
}

.personal-cabinet-shell #certification-mode-document:checked + .certification-mode-tab,
.personal-cabinet-shell #certification-mode-text:checked + .certification-mode-tab {
    border-color: var(--accent-green);
    background: var(--accent-green);
}

.personal-cabinet-shell .certification-mode-panels {
    margin-top: 12px;
    padding: 0;
    border: 0;
    background: transparent;
}

.personal-cabinet-shell .certification-mode-panel {
    gap: 16px;
}

.personal-cabinet-shell .certification-submit-actions {
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.personal-cabinet-shell .certification-submit-button:not(:disabled) {
    border-color: var(--accent-green);
    background: var(--accent-green);
    color: var(--white);
}

.personal-cabinet-shell .certification-submit-button:not(:disabled):hover,
.personal-cabinet-shell .certification-submit-button:not(:disabled):focus {
    border-color: var(--green-hover);
    background: var(--green-hover);
    color: var(--white);
}

.personal-cabinet-shell .certification-submit-feedback {
    color: var(--accent-green);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.4;
}

.personal-cabinet-shell .certification-review-helper {
    margin: -4px 0 0;
    color: var(--muted-text);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.personal-cabinet-shell .certification-hpc-info-grid .certification-hpc-evidence {
    gap: 7px;
    padding: 12px;
    border: 1px solid rgba(50, 122, 104, 0.18);
    border-left: 3px solid var(--accent-green);
    border-radius: var(--cabinet-card-radius);
    background: rgba(50, 122, 104, 0.06);
}

.personal-cabinet-shell .certification-hpc-info-grid .certification-hpc-evidence span {
    color: var(--accent-green);
    font-weight: var(--cabinet-weight-heading, 600);
}

.personal-cabinet-shell .certification-hpc-info-grid .certification-hpc-evidence strong {
    font-size: var(--type-body);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.45;
}

/* Module 8: Certification recognition workspace polish */
.personal-cabinet-shell .certification-page {
    gap: var(--cabinet-section-gap);
}

.personal-cabinet-shell .certification-state-card .card-body,
.personal-cabinet-shell .certification-summary-card .card-body,
.personal-cabinet-shell .certification-review-card .card-body {
    flex: 1 1 auto;
}

.personal-cabinet-shell .certification-state-card .certification-badge,
.personal-cabinet-shell .certification-summary-card .certification-summary-list,
.personal-cabinet-shell .certification-review-card .certification-warning-box,
.personal-cabinet-shell .certification-review-card .certification-pending-box,
.personal-cabinet-shell .certification-review-card .certification-review-ready {
    min-height: 126px;
}

.personal-cabinet-shell .certification-state-card .certification-badge {
    align-items: center;
    border-left: 3px solid var(--accent-green);
    background: rgba(50, 122, 104, 0.06);
}

.personal-cabinet-shell .certification-submit-intro {
    margin-bottom: 16px;
    padding: 13px 15px;
    border: 1px solid var(--border);
    border-left: 3px solid var(--accent-green);
    border-radius: var(--cabinet-card-radius);
    background: rgba(50, 122, 104, 0.06);
    color: var(--muted-text);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.5;
}

.personal-cabinet-shell .certification-page .certification-progress-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "label value"
        "state state";
    gap: 10px;
    align-items: center;
}

.personal-cabinet-shell .certification-progress-label {
    grid-area: label;
    min-width: 0;
    overflow-wrap: anywhere;
}

.personal-cabinet-shell .certification-progress-value {
    grid-area: value;
    min-width: 0;
    text-align: right;
    overflow-wrap: anywhere;
}

.personal-cabinet-shell .certification-progress-state {
    grid-area: state;
    justify-self: start;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 3px 9px;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: var(--white);
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.25;
    max-width: 100%;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
}

.personal-cabinet-shell .certification-page .certification-progress-textual .certification-progress-header {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
        "label"
        "value"
        "state";
    align-items: flex-start;
}

.personal-cabinet-shell .certification-progress-textual .certification-progress-value {
    justify-self: start;
    text-align: left;
    overflow-wrap: break-word;
}

.personal-cabinet-shell .certification-submit-button {
    width: auto;
    max-width: 100%;
    min-height: var(--cabinet-control-height);
    white-space: normal;
    overflow-wrap: anywhere;
    transition: background-color 180ms cubic-bezier(.2,.8,.2,1), border-color 180ms cubic-bezier(.2,.8,.2,1), color 180ms cubic-bezier(.2,.8,.2,1), transform 180ms cubic-bezier(.2,.8,.2,1);
}

.personal-cabinet-shell .certification-submit-button:not(:disabled):active {
    transform: translateY(1px);
}

.personal-cabinet-shell .certification-progress-completed {
    border-left: 3px solid var(--accent-green);
}

.personal-cabinet-shell .certification-progress-completed .certification-progress-state {
    border-color: rgba(50, 122, 104, 0.2);
    background: rgba(50, 122, 104, 0.12);
    color: var(--accent-green);
}

.personal-cabinet-shell .certification-progress-current {
    border-left: 3px solid var(--accent-gold);
}

.personal-cabinet-shell .certification-progress-current .certification-progress-state {
    border-color: rgba(193, 174, 143, 0.38);
    background: rgba(193, 174, 143, 0.14);
    color: #7A6643;
}

.personal-cabinet-shell .certification-progress-next {
    border-left: 3px solid rgba(140, 140, 140, 0.42);
}

.personal-cabinet-shell .certification-page .certification-history-card {
    border-radius: var(--cabinet-card-radius);
}

.personal-cabinet-shell .certification-history-row:nth-child(odd) {
    background: rgba(249, 248, 242, 0.42);
}

.personal-cabinet-shell .certification-integration-list span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.personal-cabinet-shell .certification-integration-list span em {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 2px 8px;
    border: 1px solid rgba(50, 122, 104, 0.2);
    border-radius: 999px;
    background: rgba(50, 122, 104, 0.08);
    color: var(--accent-green);
    font-size: var(--type-metadata);
    font-style: normal;
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.2;
    white-space: nowrap;
}

@media (max-width: 1200px) {
    .personal-cabinet-shell .certification-hero,
    .personal-cabinet-shell .certification-submit-card > .card-header {
        align-items: stretch;
        flex-direction: column;
    }

    .personal-cabinet-shell .certification-context,
    .personal-cabinet-shell .certification-submit-status {
        flex-basis: auto;
        width: 100%;
    }
}

@media (max-width: 900px) {
    .personal-cabinet-shell .certification-select-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .personal-cabinet-shell .certification-page .certification-progress-header {
        align-items: flex-start;
        grid-template-columns: 1fr;
        grid-template-areas:
            "label"
            "state"
            "value";
    }

    .personal-cabinet-shell .certification-integration-list span {
        align-items: flex-start;
    }

    .personal-cabinet-shell .certification-integration-list span {
        flex-direction: column;
        justify-content: flex-start;
    }

    .personal-cabinet-shell .certification-progress-state {
        justify-self: start;
    }
}

/* Dashboard Compact Spacing Polish v1.2 final override */
.personal-cabinet-shell .dashboard-page .dashboard-section .card-wrapper {
    padding: 20px;
}

.personal-cabinet-shell .dashboard-page .dashboard-section .card-wrapper > .card-header {
    margin-bottom: 12px;
    padding-bottom: 10px;
}

.personal-cabinet-shell .dashboard-page .dashboard-glyph-card .card-body,
.personal-cabinet-shell .dashboard-page .dashboard-updates-card .card-body {
    padding-right: 0;
    padding-left: 0;
}

/* Help / FAQ Page Polish v1.0 */
.personal-cabinet-shell .help-hero {
    margin-top: var(--cabinet-page-top-gap);
    margin-bottom: 0;
    padding: 0;
}

.personal-cabinet-shell .help-hero .title {
    margin: 0;
}

.personal-cabinet-shell .help-intro-section,
.personal-cabinet-shell .help-guides-section,
.personal-cabinet-shell .help-support-section,
.personal-cabinet-shell .help-footer {
    width: 100%;
    min-width: 0;
    margin: 0;
}

.personal-cabinet-shell .help-intro-card,
.personal-cabinet-shell .help-guide-card,
.personal-cabinet-shell .help-assistance-card,
.personal-cabinet-shell .help-quick-card,
.personal-cabinet-shell .help-support-card {
    border: 1px solid var(--border);
    border-radius: var(--cabinet-card-radius);
    background: var(--white);
    box-shadow: var(--cabinet-soft-shadow);
}

.personal-cabinet-shell .help-intro-card,
.personal-cabinet-shell .help-guide-card,
.personal-cabinet-shell .help-assistance-card {
    padding: var(--cabinet-card-padding-audit);
}

.personal-cabinet-shell .help-intro-card > .card-header,
.personal-cabinet-shell .help-guide-card > .card-header,
.personal-cabinet-shell .help-assistance-card > .card-header {
    min-height: 0;
    margin-bottom: 18px;
    padding-bottom: 13px;
}

.personal-cabinet-shell .help-intro-card > .card-header span,
.personal-cabinet-shell .help-guide-card > .card-header span,
.personal-cabinet-shell .help-assistance-card > .card-header span {
    display: block;
    color: var(--header-bg);
    font-size: var(--type-card-title);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.3;
    text-transform: none;
}

.personal-cabinet-shell .help-intro-card > .card-header small,
.personal-cabinet-shell .help-guide-card > .card-header small,
.personal-cabinet-shell .help-assistance-card > .card-header small {
    display: block;
    margin-top: 5px;
    color: var(--muted-text);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
    text-transform: none;
}

.personal-cabinet-shell .help-grid,
.personal-cabinet-shell .help-quick-grid,
.personal-cabinet-shell .help-support-grid {
    display: grid;
    gap: var(--cabinet-grid-gap);
    width: 100%;
}

.personal-cabinet-shell .help-grid,
.personal-cabinet-shell .help-quick-grid {
    grid-template-columns: 1fr;
    align-items: start;
}

.personal-cabinet-shell .help-grid-single,
.personal-cabinet-shell .help-quick-grid-single {
    grid-template-columns: 1fr;
}

.personal-cabinet-shell .help-support-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
}

.personal-cabinet-shell .help-guide-card {
    align-self: start;
}

.personal-cabinet-shell .help-guide-card .card-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.personal-cabinet-shell .help-topic-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}

.personal-cabinet-shell .help-topic-item {
    border: 1px solid var(--border);
    border-radius: var(--cabinet-card-radius);
    background: var(--white);
    overflow: hidden;
}

.personal-cabinet-shell .help-topic-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 42px;
    padding: 10px 15px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--header-bg);
    font: inherit;
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-control, 600);
    line-height: 1.35;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.personal-cabinet-shell .help-topic-navigation-card {
    width: 100%;
}

.personal-cabinet-shell .help-topic-button::after {
    content: ">";
    color: var(--accent-green);
    font-size: var(--cabinet-size-label, 13px);
    font-weight: var(--cabinet-weight-control, 600);
    transition: transform 0.2s ease;
}

.personal-cabinet-shell .help-topic-button.is-active::after {
    transform: rotate(90deg);
}

.personal-cabinet-shell .help-topic-button:hover,
.personal-cabinet-shell .help-topic-button:focus-visible {
    border-color: var(--accent-green);
    background: rgba(50, 122, 104, 0.04);
    outline: none;
}

.personal-cabinet-shell .help-topic-button.is-active {
    background: rgba(50, 122, 104, 0.08);
    color: var(--accent-green);
}

.personal-cabinet-shell .help-document-panel[hidden] {
    display: none;
}

.personal-cabinet-shell .help-document-panel {
    padding: 22px 24px 24px;
    border-top: 1px solid var(--border);
    background: rgba(249, 248, 242, 0.32);
}

.personal-cabinet-shell .help-quick-card,
.personal-cabinet-shell .help-support-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 18px;
    min-height: 154px;
    padding: 18px;
}

.personal-cabinet-shell .help-quick-card strong,
.personal-cabinet-shell .help-support-card strong {
    display: block;
    color: var(--header-bg);
    font-size: var(--type-subsection-title);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.35;
}

.personal-cabinet-shell .help-quick-card p,
.personal-cabinet-shell .help-support-card p {
    margin: 7px 0 0;
    color: var(--muted-text);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.5;
}

.personal-cabinet-shell .help-quick-card .btn,
.personal-cabinet-shell .help-support-card .btn {
    align-self: flex-start;
}

.personal-cabinet-shell .help-section {
    margin-bottom: 10px;
    border: 1px solid var(--border);
    border-radius: var(--cabinet-card-radius);
    background: var(--white);
    overflow: hidden;
}

.personal-cabinet-shell .help-section:last-child {
    margin-bottom: 0;
}

.personal-cabinet-shell .help-section-title {
    min-height: 48px;
    padding: 11px 16px;
    border-bottom: 0;
    color: var(--header-bg);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.35;
    text-transform: none;
    transition: background-color 0.2s ease;
}

.personal-cabinet-shell .help-section-title::before {
    color: var(--accent-green);
    font-size: var(--cabinet-size-metadata, 11px);
}

.personal-cabinet-shell .help-section[open] .help-section-title {
    border-bottom: 1px solid var(--border);
    background: rgba(249, 248, 242, 0.58);
}

.personal-cabinet-shell .help-section-title:hover {
    background: rgba(50, 122, 104, 0.035);
}

.personal-cabinet-shell .help-section-content {
    padding: 12px 16px 15px;
    background: rgba(249, 248, 242, 0.38);
    color: var(--header-bg);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.55;
    white-space: pre-line;
}

.personal-cabinet-shell .help-footer {
    justify-content: flex-start;
    padding: 0 0 2px;
}

.personal-cabinet-shell .help-footer > .container-row-footer {
    padding: 0;
}

@media (max-width: 1180px) {
    .personal-cabinet-shell .help-grid,
    .personal-cabinet-shell .help-quick-grid,
    .personal-cabinet-shell .help-support-grid {
        grid-template-columns: 1fr;
    }
}

/* Personal Cabinet Final UI Spacing & Alignment Polish v1.0 */
.personal-cabinet-shell {
    --cabinet-section-gap: 26px;
    --cabinet-grid-gap: 18px;
    --cabinet-card-padding-audit: 22px;
}

.personal-cabinet-shell .cabinet-page-subtitle,
.personal-cabinet-shell .dashboard-card-note,
.personal-cabinet-shell .card-header small {
    line-height: 1.45;
}

.personal-cabinet-shell .card-group,
.personal-cabinet-shell .cabinet-grid-2,
.personal-cabinet-shell .cabinet-grid-3,
.personal-cabinet-shell .cabinet-grid-4 {
    gap: var(--cabinet-grid-gap);
}

.personal-cabinet-shell .btn,
.personal-cabinet-shell .dashboard-section .btn,
.personal-cabinet-shell .help-support-card .btn {
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 1.25;
}

.personal-cabinet-shell .input-wrapper,
.personal-cabinet-shell .certification-field,
.personal-cabinet-shell .settings-field {
    gap: 7px;
}

.personal-cabinet-shell .dashboard-section {
    margin-bottom: var(--cabinet-section-gap);
}

.personal-cabinet-shell .dashboard-main-grid,
.personal-cabinet-shell .dashboard-quick-grid {
    gap: 18px;
}

.personal-cabinet-shell .dashboard-overview-card,
.personal-cabinet-shell .hunit-card {
    padding: 18px;
}

.personal-cabinet-shell .dashboard-overview-card .card-body,
.personal-cabinet-shell .hunit-card .card-body {
    gap: 11px;
}

.personal-cabinet-shell .dashboard-glyph-identity {
    grid-template-columns: minmax(150px, 0.64fr) minmax(0, 1.36fr);
    gap: 14px;
    align-items: center;
}

.personal-cabinet-shell .dashboard-overview-card .dashboard-glyph-visual {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px;
}

.personal-cabinet-shell .dashboard-glyph-details {
    gap: 9px;
}

.personal-cabinet-shell .dashboard-identity-heading {
    padding-bottom: 10px;
}

.personal-cabinet-shell .dashboard-status-row,
.personal-cabinet-shell .dashboard-status-row-identifier {
    grid-template-columns: minmax(88px, 0.36fr) minmax(0, 1fr);
    gap: 8px;
    padding: 7px 0;
}

.personal-cabinet-shell .dashboard-profile-action {
    padding-top: 9px;
}

.personal-cabinet-shell .hunit-summary,
.personal-cabinet-shell .hunit-footer {
    gap: 8px;
}

.personal-cabinet-shell .hunit-summary-item {
    min-height: 70px;
    padding: 10px 12px;
}

.personal-cabinet-shell .hunit-visual {
    grid-template-columns: minmax(134px, 0.76fr) minmax(0, 1.24fr);
    gap: 10px;
    padding: 10px;
    align-items: center;
}

.personal-cabinet-shell .hunit-chart-panel,
.personal-cabinet-shell .hunit-energy-panel {
    align-self: center;
}

.personal-cabinet-shell .dashboard-glyph-workspace {
    gap: 14px;
}

.personal-cabinet-shell .dashboard-glyph-workspace .dashboard-glyph-actions {
    gap: 10px;
    align-items: stretch;
}

.personal-cabinet-shell .dashboard-glyph-action-tile {
    justify-content: center;
    align-items: center;
    gap: 22px;
    min-height: 140px;
    padding: 18px 13px 15px;
}

.personal-cabinet-shell .dashboard-glyph-action-icon {
    margin-top: 2px;
}

.personal-cabinet-shell .dashboard-glyph-workspace .dashboard-glyph-actions .btn,
.personal-cabinet-shell .dashboard-glyph-workspace .dashboard-glyph-actions .dropdown {
    width: min(100%, 124px);
    margin-top: 0;
}

.personal-cabinet-shell .dashboard-glyph-workspace-side {
    gap: 10px;
    align-self: stretch;
}

.personal-cabinet-shell .dashboard-glyph-workspace .dashboard-glyph-activation {
    min-height: 140px;
    padding: 16px 14px;
}

.personal-cabinet-shell .dashboard-glyph-workspace .dashboard-glyph-activation small {
    line-height: 1.45;
}

.personal-cabinet-shell .dashboard-quick-grid .card-body {
    min-height: 136px;
}

.personal-cabinet-shell .dashboard-quick-grid .dashboard-card-actions {
    display: flex;
    align-items: flex-end;
    padding-top: 10px;
}

.personal-cabinet-shell .dashboard-updates-list {
    gap: 10px;
}

.personal-cabinet-shell .dashboard-update-item {
    min-height: 96px;
    padding: 13px;
}

.personal-cabinet-shell .help-guides-section,
.personal-cabinet-shell .help-support-section {
    margin-top: 0;
}

.personal-cabinet-shell .help-grid {
    gap: 18px;
}

.personal-cabinet-shell .help-guide-card,
.personal-cabinet-shell .help-assistance-card {
    padding: 22px;
}

.personal-cabinet-shell .help-guide-card > .card-header,
.personal-cabinet-shell .help-assistance-card > .card-header {
    margin-bottom: 14px;
    padding-bottom: 11px;
}

.personal-cabinet-shell .help-guide-card .card-body {
    gap: 8px;
}

.personal-cabinet-shell .help-section {
    margin-bottom: 8px;
}

.personal-cabinet-shell .help-section-title {
    min-height: 44px;
    padding: 10px 14px;
}

.personal-cabinet-shell .help-section-content {
    padding: 11px 14px 13px;
    line-height: 1.5;
}

.personal-cabinet-shell .help-support-grid {
    gap: 16px;
}

.personal-cabinet-shell .help-support-card {
    gap: 14px;
    min-height: 138px;
    padding: 16px;
}

.personal-cabinet-shell .help-support-card p {
    margin-top: 6px;
    line-height: 1.45;
}

@media (max-width: 1180px) {
    .personal-cabinet-shell {
        --cabinet-section-gap: 22px;
        --cabinet-grid-gap: 16px;
        --cabinet-card-padding-audit: 20px;
    }

    .personal-cabinet-shell .dashboard-main-grid,
    .personal-cabinet-shell .dashboard-quick-grid,
    .personal-cabinet-shell .help-grid,
    .personal-cabinet-shell .help-support-grid {
        gap: 16px;
    }
}

@media (max-width: 760px) {
    .personal-cabinet-shell .dashboard-overview-card,
    .personal-cabinet-shell .hunit-card,
    .personal-cabinet-shell .help-guide-card,
    .personal-cabinet-shell .help-assistance-card {
        padding: 18px;
    }

    .personal-cabinet-shell .dashboard-glyph-workspace .dashboard-glyph-actions {
        gap: 12px;
    }
}

/* Help / FAQ Accordion Behavior Polish v1.1 */
.personal-cabinet-shell .help-section {
    margin-bottom: 7px;
}

.personal-cabinet-shell .help-section-title {
    min-height: 42px;
    padding: 9px 14px;
}

.personal-cabinet-shell .help-section-content {
    padding: 10px 14px 12px;
    line-height: 1.48;
}

.personal-cabinet-shell .help-document-article {
    max-width: 860px;
    white-space: normal;
}

.personal-cabinet-shell .help-document-article h2 {
    margin: 0 0 10px;
    color: var(--header-bg);
    font-size: var(--type-section-title);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.25;
}

.personal-cabinet-shell .help-document-article h3 {
    margin: 24px 0 10px;
    color: var(--header-bg);
    font-size: var(--type-card-title);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.32;
}

.personal-cabinet-shell .help-document-article h2 + h3 {
    margin-top: 2px;
}

.personal-cabinet-shell .help-document-article strong {
    color: var(--header-bg);
    font-weight: var(--cabinet-weight-heading, 600);
}

.personal-cabinet-shell .help-document-article p {
    margin: 0 0 15px;
    color: var(--header-bg);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    font-size: var(--type-body);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.55;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}

.personal-cabinet-shell .help-document-article ul {
    margin: 0 0 16px;
    padding-left: 24px;
    color: var(--header-bg);
    font-size: var(--type-body);
    list-style: disc outside;
    line-height: 1.65;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}

.personal-cabinet-shell .help-document-article li {
    margin-bottom: 7px;
    padding-left: 2px;
}

.personal-cabinet-shell .help-document-article li::marker {
    color: var(--accent-green);
    font-size: 0.85em;
}

.personal-cabinet-shell .help-document-article a {
    color: var(--accent-green);
    font-weight: var(--cabinet-weight-control, 500);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.personal-cabinet-shell .help-document-article a:hover,
.personal-cabinet-shell .help-document-article a:focus-visible {
    color: var(--accent-green-hover);
}

.personal-cabinet-shell .help-section-content p,
.personal-cabinet-shell .help-section-content ul,
.personal-cabinet-shell .help-section-content ol {
    margin-top: 0;
    margin-bottom: 8px;
}

.personal-cabinet-shell .help-section-content > *:last-child {
    margin-bottom: 0;
}

/* Module 12: Help / FAQ Knowledge Center entry polish */
.personal-cabinet-shell .help-knowledge-intro {
    padding: 14px 16px;
    border: 1px solid var(--border);
    border-left: 3px solid var(--accent-green);
    border-radius: var(--cabinet-card-radius);
    background: rgba(50, 122, 104, 0.06);
    color: var(--muted-text);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.5;
}

.personal-cabinet-shell .help-topic-list {
    gap: 10px;
}

.personal-cabinet-shell .help-topic-item {
    border-radius: var(--cabinet-card-radius);
}

.personal-cabinet-shell .help-topic-button {
    min-height: 48px;
    padding: 12px 16px;
}

.personal-cabinet-shell .help-topic-button::after {
    content: ">";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    border: 1px solid rgba(50, 122, 104, 0.18);
    border-radius: 999px;
    background: rgba(50, 122, 104, 0.06);
    color: var(--accent-green);
}

.personal-cabinet-shell .help-topic-button.is-active::after {
    transform: rotate(90deg);
}

.personal-cabinet-shell .help-support-card {
    min-height: 166px;
}

.personal-cabinet-shell .help-support-card .btn {
    width: 100%;
}

/* Personal Cabinet Final Visual Polish v1.0 */
.personal-cabinet-shell .dashboard-page .dashboard-section .card-wrapper {
    padding: 20px;
}

.personal-cabinet-shell .dashboard-glyph-workspace {
    gap: 14px;
}

.personal-cabinet-shell .dashboard-glyph-workspace .dashboard-glyph-actions {
    gap: 12px;
}

.personal-cabinet-shell .dashboard-glyph-action-tile {
    justify-content: center;
    gap: 22px;
    min-height: 142px;
    padding: 17px 14px 15px;
}

.personal-cabinet-shell .dashboard-glyph-action-icon {
    width: 43px;
    height: 43px;
    flex-basis: 43px;
    margin-top: 0;
}

.personal-cabinet-shell .dashboard-glyph-workspace .dashboard-glyph-actions .btn,
.personal-cabinet-shell .dashboard-glyph-workspace .dashboard-glyph-actions .dropdown {
    align-self: center;
}

.personal-cabinet-shell .dashboard-glyph-workspace .dashboard-glyph-activation {
    min-height: 142px;
}

.personal-cabinet-shell .statistics-primary-grid > .statistics-card:nth-child(2) .chart-container {
    min-height: 340px;
    height: 360px;
}

.personal-cabinet-shell .wallet-future-services .wallet-service-list {
    gap: 10px;
}

.personal-cabinet-shell .wallet-future-services .wallet-service-item {
    min-height: 62px;
    padding: 10px 12px;
}

.personal-cabinet-shell .profile-invitation-card .card-body {
    gap: 12px;
}

@media (max-width: 1180px) {
    .personal-cabinet-shell .statistics-primary-grid > .statistics-card:nth-child(2) .chart-container {
        min-height: 320px;
        height: 340px;
    }
}

@media (max-width: 900px) {
    .personal-cabinet-shell .statistics-primary-grid > .statistics-card:nth-child(2) .chart-container {
        min-height: 300px;
        height: 320px;
    }
}

/* Module 7A: Statistics top-grid visual alignment */
.personal-cabinet-shell .statistics-primary-grid {
    align-items: stretch;
}

.personal-cabinet-shell .statistics-primary-grid > .statistics-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.personal-cabinet-shell .statistics-primary-grid > .statistics-card > .card-body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}

.personal-cabinet-shell .statistics-primary-grid > .statistics-card:first-child .chart-block {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}

.personal-cabinet-shell .statistics-primary-grid > .statistics-card:first-child .chart-container,
.personal-cabinet-shell .statistics-primary-grid > .statistics-card:nth-child(2) .chart-container {
    flex: 1 1 auto;
    min-height: 300px;
    height: auto;
}

.personal-cabinet-shell .statistics-primary-grid > .statistics-card:nth-child(2) .card-body {
    justify-content: stretch;
}

@media (max-width: 1180px) {
    .personal-cabinet-shell .statistics-primary-grid > .statistics-card:first-child .chart-container,
    .personal-cabinet-shell .statistics-primary-grid > .statistics-card:nth-child(2) .chart-container {
        min-height: 280px;
    }
}

@media (max-width: 900px) {
    .personal-cabinet-shell .statistics-primary-grid > .statistics-card:first-child .chart-container,
    .personal-cabinet-shell .statistics-primary-grid > .statistics-card:nth-child(2) .chart-container {
        min-height: 280px;
        height: 300px;
    }
}

/* HUMAS Theme Tokens v1.0 */
:root {
    --theme-app-bg: var(--background-color);
    --theme-primary-workspace: var(--white);
    --theme-secondary-workspace: var(--ultra-light);
    --theme-card-surface: var(--white);
    --theme-dialog-surface: var(--white);
    --theme-dropdown-surface: var(--white);
    --theme-hover-surface: rgba(193, 174, 143, 0.11);
    --theme-selected-surface: var(--accent-green);
    --theme-primary-border: var(--border);
    --theme-secondary-border: var(--border);
    --theme-divider: var(--border);
    --theme-primary-text: var(--dark-text);
    --theme-secondary-text: #2f2f2f;
    --theme-supporting-text: var(--muted-text);
    --theme-muted-text: var(--muted-text);
    --theme-disabled-text: #8c8c8c;
    --theme-placeholder-text: #8c8c8c;
    --theme-primary-button: var(--primary-green);
    --theme-primary-hover: var(--green-hover);
    --theme-primary-pressed: #245c4e;
    --theme-primary-gold: var(--accent-gold);
    --theme-secondary-hover: rgba(193, 174, 143, 0.11);
    --theme-ghost-hover: rgba(50, 122, 104, 0.055);
    --theme-danger-button: #8f3f3f;
    --theme-danger-hover: #7f3232;
    --theme-input-bg: var(--white);
    --theme-input-border: var(--border);
    --theme-input-hover: var(--accent-gold);
    --theme-input-focus: var(--accent-green);
    --theme-input-disabled: rgba(249, 248, 242, 0.72);
    --theme-input-placeholder: #8c8c8c;
    --theme-success: #327a68;
    --theme-information: #6e95c7;
    --theme-warning: #b88935;
    --theme-error: #9f3a38;
    --theme-certification: var(--accent-gold);
    --theme-future: #8c8c8c;
    --theme-chart-grid: rgba(47, 47, 47, 0.1);
    --theme-chart-fill: rgba(50, 122, 104, 0.1);
    --personal-level-1: var(--theme-app-bg);
    --personal-level-2: var(--theme-card-surface);
    --personal-level-3: var(--theme-secondary-workspace);
}

html[data-theme="dark"] {
    color-scheme: dark;
    --primary-green: #4F9C87;
    --green-hover: #58A791;
    --accent-gold: #D3BE98;
    --accent-gold-hover: #D9C8A7;
    --border: #3B424C;
    --dark-text: #F2F2F0;
    --muted-text: #939AA3;
    --panel: #1D2126;
    --text: #F2F2F0;
    --table-head-color: #B8BCC1;
    --main-color: #D3BE98;
    --header-text-color: #D3BE98;
    --header-bg: #F2F2F0;
    --accent-green: #4F9C87;
    --background-color: #16181B;
    --bg-main: #16181B;
    --beige-soft: #3B424C;
    --white: #2B3138;
    --ultra-light: #252A31;
    --table-border: #3B424C;
    --theme-app-bg: #16181B;
    --theme-primary-workspace: #1D2126;
    --theme-secondary-workspace: #252A31;
    --theme-card-surface: #2B3138;
    --theme-dialog-surface: #323841;
    --theme-dropdown-surface: #383F49;
    --theme-hover-surface: #404854;
    --theme-selected-surface: #48525F;
    --theme-primary-border: #3B424C;
    --theme-secondary-border: #4A525E;
    --theme-divider: #555D69;
    --theme-primary-text: #F2F2F0;
    --theme-secondary-text: #D6D7D9;
    --theme-supporting-text: #B8BCC1;
    --theme-muted-text: #939AA3;
    --theme-disabled-text: #6F767F;
    --theme-placeholder-text: #7E858E;
    --theme-primary-button: #4F9C87;
    --theme-primary-hover: #58A791;
    --theme-primary-pressed: #458B78;
    --theme-primary-gold: #D3BE98;
    --theme-secondary-hover: #363D46;
    --theme-ghost-hover: #313740;
    --theme-danger-button: #B85858;
    --theme-danger-hover: #C56464;
    --theme-input-bg: #23282E;
    --theme-input-border: #414954;
    --theme-input-hover: #4A535F;
    --theme-input-focus: #4F9C87;
    --theme-input-disabled: #2C3137;
    --theme-input-placeholder: #80868F;
    --theme-success: #58B28F;
    --theme-information: #6E95C7;
    --theme-warning: #D9A54A;
    --theme-error: #D86D6D;
    --theme-certification: #D3BE98;
    --theme-future: #9AA3AF;
    --theme-chart-grid: rgba(184, 188, 193, 0.18);
    --theme-chart-fill: rgba(79, 156, 135, 0.16);
}

html[data-theme="dark"] body.personal-cabinet-shell,
html[data-theme="dark"] .personal-cabinet-shell .page-wrapper,
html[data-theme="dark"] .personal-cabinet-shell .main-content {
    background: var(--theme-app-bg);
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .humas-sidebar,
html[data-theme="dark"] .humas-dashboard-header {
    border-color: var(--theme-primary-border);
    background: var(--theme-primary-workspace);
    box-shadow: none;
}

html[data-theme="dark"] .humas-sidebar-brand {
    border-color: var(--theme-primary-border);
}

html[data-theme="dark"] .humas-sidebar-link,
html[data-theme="dark"] .humas-icon-action,
html[data-theme="dark"] .humas-website-link,
html[data-theme="dark"] .humas-language-switcher .dropdown-toggle {
    border-color: var(--theme-primary-border);
    background: transparent;
    color: var(--theme-secondary-text);
}

html[data-theme="dark"] .humas-sidebar-link:hover,
html[data-theme="dark"] .humas-sidebar-link:focus,
html[data-theme="dark"] .humas-icon-action:hover,
html[data-theme="dark"] .humas-icon-action:focus,
html[data-theme="dark"] .humas-website-link:hover,
html[data-theme="dark"] .humas-website-link:focus,
html[data-theme="dark"] .humas-language-switcher .dropdown-toggle:hover,
html[data-theme="dark"] .humas-language-switcher .dropdown-toggle:focus {
    border-color: var(--theme-secondary-border);
    background: var(--theme-ghost-hover);
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .humas-sidebar-link.is-active {
    border-color: var(--theme-primary-button);
    background: var(--theme-primary-button);
    color: #101312;
    box-shadow: none;
}

html[data-theme="dark"] .humas-sidebar-link.is-active .humas-sidebar-badge {
    background: var(--theme-primary-workspace);
    color: var(--theme-primary-button);
}

html[data-theme="dark"] .humas-sidebar-badge.is-zero,
html[data-theme="dark"] .humas-sidebar-link.is-active .humas-sidebar-badge.is-zero,
html[data-theme="dark"] .humas-header-badge.is-zero,
html[data-theme="dark"] .personal-cabinet-shell .notification-unread-pill.is-zero {
    border-color: var(--theme-secondary-border);
    background: var(--theme-secondary-workspace);
    color: var(--theme-supporting-text);
}

html[data-theme="dark"] .humas-sidebar-icon img,
html[data-theme="dark"] .humas-icon-action img,
html[data-theme="dark"] .settings-service-icon img,
html[data-theme="dark"] .dashboard-glyph-action-icon {
    filter: brightness(0) invert(1);
    opacity: 0.78;
}

html[data-theme="dark"] .humas-sidebar-link.is-active .humas-sidebar-icon img {
    filter: brightness(0);
    opacity: 0.9;
}

html[data-theme="dark"] .humas-logout-button {
    border-color: var(--theme-primary-gold, #D3BE98);
    background: var(--accent-gold);
    color: #171717;
}

html[data-theme="dark"] .humas-logout-button:hover,
html[data-theme="dark"] .humas-logout-button:focus {
    border-color: var(--accent-gold-hover);
    background: var(--accent-gold-hover);
}

html[data-theme="dark"] .personal-cabinet-shell .card-wrapper,
html[data-theme="dark"] .personal-cabinet-shell .wallet-card,
html[data-theme="dark"] .personal-cabinet-shell .statistics-card,
html[data-theme="dark"] .personal-cabinet-shell .certification-card,
html[data-theme="dark"] .personal-cabinet-shell .membership-card,
html[data-theme="dark"] .personal-cabinet-shell .settings-card,
html[data-theme="dark"] .personal-cabinet-shell .profile-section-card,
html[data-theme="dark"] .personal-cabinet-shell .help-guide-card,
html[data-theme="dark"] .personal-cabinet-shell .help-assistance-card,
html[data-theme="dark"] .personal-cabinet-shell .notifications-card,
html[data-theme="dark"] .personal-cabinet-shell .dashboard-section .card-wrapper {
    border-color: var(--theme-primary-border);
    background: var(--theme-card-surface);
    box-shadow: none;
}

html[data-theme="dark"] .personal-cabinet-shell .card-header,
html[data-theme="dark"] .personal-cabinet-shell .settings-card .card-header,
html[data-theme="dark"] .personal-cabinet-shell .dashboard-section .card-wrapper > .card-header {
    border-color: var(--theme-divider);
}

html[data-theme="dark"] .personal-cabinet-shell .dashboard-status-row,
html[data-theme="dark"] .personal-cabinet-shell .profile-status-row,
html[data-theme="dark"] .personal-cabinet-shell .wallet-state-row,
html[data-theme="dark"] .personal-cabinet-shell .statistics-history-head,
html[data-theme="dark"] .personal-cabinet-shell .statistics-history-row,
html[data-theme="dark"] .personal-cabinet-shell .notification-row,
html[data-theme="dark"] .personal-cabinet-shell .membership-record-row {
    border-color: var(--theme-divider);
}

html[data-theme="dark"] .personal-cabinet-shell .settings-field,
html[data-theme="dark"] .personal-cabinet-shell .settings-switch-card,
html[data-theme="dark"] .personal-cabinet-shell .settings-action-card,
html[data-theme="dark"] .personal-cabinet-shell .settings-service-card,
html[data-theme="dark"] .personal-cabinet-shell .settings-info-card,
html[data-theme="dark"] .personal-cabinet-shell .settings-danger-item,
html[data-theme="dark"] .personal-cabinet-shell .settings-inline-action,
html[data-theme="dark"] .personal-cabinet-shell .settings-switch-row,
html[data-theme="dark"] .personal-cabinet-shell .wallet-metric-card,
html[data-theme="dark"] .personal-cabinet-shell .wallet-service-item,
html[data-theme="dark"] .personal-cabinet-shell .wallet-transaction-architecture em,
html[data-theme="dark"] .personal-cabinet-shell .wallet-ai-panel,
html[data-theme="dark"] .personal-cabinet-shell .wallet-ai-footer,
html[data-theme="dark"] .personal-cabinet-shell .wallet-ai-status,
html[data-theme="dark"] .personal-cabinet-shell .wallet-empty-state,
html[data-theme="dark"] .personal-cabinet-shell .statistics-summary .stat-item,
html[data-theme="dark"] .personal-cabinet-shell .market-item,
html[data-theme="dark"] .personal-cabinet-shell .statistics-preview-note,
html[data-theme="dark"] .personal-cabinet-shell .statistics-preview-service-note,
html[data-theme="dark"] .personal-cabinet-shell .statistics-empty-state,
html[data-theme="dark"] .personal-cabinet-shell .statistics-context,
html[data-theme="dark"] .personal-cabinet-shell .statistics-history-table,
html[data-theme="dark"] .personal-cabinet-shell .statistics-filter-row,
html[data-theme="dark"] .personal-cabinet-shell .energy-item,
html[data-theme="dark"] .personal-cabinet-shell .profile-invitation-item,
html[data-theme="dark"] .personal-cabinet-shell .profile-invitation-process,
html[data-theme="dark"] .personal-cabinet-shell .profile-coming-soon,
html[data-theme="dark"] .personal-cabinet-shell .profile-passport-glyph,
html[data-theme="dark"] .personal-cabinet-shell .profile-passport-grid div,
html[data-theme="dark"] .personal-cabinet-shell .professional-passport-info-item,
html[data-theme="dark"] .personal-cabinet-shell .professional-passport-history-item,
html[data-theme="dark"] .personal-cabinet-shell .professional-passport-achievement-item,
html[data-theme="dark"] .personal-cabinet-shell .professional-passport-placeholder,
html[data-theme="dark"] .personal-cabinet-shell .professional-passport-timeline-item,
html[data-theme="dark"] .personal-cabinet-shell .dashboard-glyph-action-tile,
html[data-theme="dark"] .personal-cabinet-shell .dashboard-glyph-activation,
html[data-theme="dark"] .personal-cabinet-shell .dashboard-update-item,
html[data-theme="dark"] .personal-cabinet-shell .hunit-summary-item,
html[data-theme="dark"] .personal-cabinet-shell .hunit-visual,
html[data-theme="dark"] .personal-cabinet-shell .hunit-footer div,
html[data-theme="dark"] .personal-cabinet-shell .help-topic-item,
html[data-theme="dark"] .personal-cabinet-shell .help-topic-button,
html[data-theme="dark"] .personal-cabinet-shell .help-section,
html[data-theme="dark"] .personal-cabinet-shell .help-support-card {
    border-color: var(--theme-primary-border);
    background: var(--theme-secondary-workspace);
    color: var(--theme-secondary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .settings-segmented,
html[data-theme="dark"] .personal-cabinet-shell .dropdown-menu,
html[data-theme="dark"] .personal-cabinet-shell .three-dots-options,
html[data-theme="dark"] .personal-cabinet-shell .modal-content {
    border-color: var(--theme-secondary-border);
    background: var(--theme-dropdown-surface);
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .help-section[open] .help-section-title,
html[data-theme="dark"] .personal-cabinet-shell .help-section-content,
html[data-theme="dark"] .personal-cabinet-shell .help-document-panel,
html[data-theme="dark"] .personal-cabinet-shell .settings-switch-card.is-locked {
    border-color: var(--theme-primary-border);
    background: var(--theme-primary-workspace);
}

html[data-theme="dark"] .personal-cabinet-shell .help-knowledge-intro,
html[data-theme="dark"] .personal-cabinet-shell .help-topic-button::after {
    border-color: rgba(79, 156, 135, 0.32);
    background: rgba(79, 156, 135, 0.12);
    color: var(--theme-primary-button);
}

html[data-theme="dark"] .personal-cabinet-shell .settings-explainer,
html[data-theme="dark"] .personal-cabinet-shell .settings-future-integrations-section .settings-status.is-soon {
    border-color: rgba(79, 156, 135, 0.32);
    background: rgba(79, 156, 135, 0.12);
    color: var(--theme-primary-button);
}

html[data-theme="dark"] .personal-cabinet-shell .settings-account-section .settings-info-card:first-child,
html[data-theme="dark"] .personal-cabinet-shell .settings-preferences-section .settings-field:first-child,
html[data-theme="dark"] .personal-cabinet-shell .settings-security-section .settings-action-card:first-child {
    border-left-color: var(--theme-primary-button);
}

html[data-theme="dark"] .personal-cabinet-shell .help-topic-button:hover,
html[data-theme="dark"] .personal-cabinet-shell .help-topic-button:focus-visible {
    border-color: var(--theme-primary-button);
    background: var(--theme-ghost-hover);
}

html[data-theme="dark"] .personal-cabinet-shell .help-topic-button.is-active {
    border-color: var(--theme-primary-button);
    background: rgba(79, 156, 135, 0.14);
    color: var(--theme-primary-button);
}

html[data-theme="dark"] .personal-cabinet-shell .profile-passport-heading strong,
html[data-theme="dark"] .personal-cabinet-shell .profile-passport-grid strong,
html[data-theme="dark"] .personal-cabinet-shell .professional-passport-info-item strong,
html[data-theme="dark"] .personal-cabinet-shell .professional-passport-history-item strong,
html[data-theme="dark"] .personal-cabinet-shell .professional-passport-achievement-item strong,
html[data-theme="dark"] .personal-cabinet-shell .professional-passport-placeholder strong,
html[data-theme="dark"] .personal-cabinet-shell .professional-passport-timeline-item strong {
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .profile-passport-heading small,
html[data-theme="dark"] .personal-cabinet-shell .profile-passport-grid span,
html[data-theme="dark"] .personal-cabinet-shell .professional-passport-history-item small,
html[data-theme="dark"] .personal-cabinet-shell .professional-passport-placeholder span,
html[data-theme="dark"] .personal-cabinet-shell .professional-passport-timeline-item small,
html[data-theme="dark"] .personal-cabinet-shell .professional-passport-separator {
    color: var(--theme-supporting-text);
}

html[data-theme="dark"] .personal-cabinet-shell .professional-passport-separator::before,
html[data-theme="dark"] .personal-cabinet-shell .professional-passport-separator::after {
    background: var(--theme-primary-border);
}

html[data-theme="dark"] .personal-cabinet-shell .profile-passport-heading span,
html[data-theme="dark"] .personal-cabinet-shell .professional-passport-info-item span,
html[data-theme="dark"] .personal-cabinet-shell .professional-passport-history-item span,
html[data-theme="dark"] .personal-cabinet-shell .professional-passport-achievement-item span,
html[data-theme="dark"] .personal-cabinet-shell .professional-passport-timeline-item span {
    color: var(--theme-primary-button);
}

/* Personal Profile — profile data only; settings remain in Personal Settings. */
.personal-cabinet-shell .personal-profile-page {
    display: grid;
    gap: 18px;
}

.personal-cabinet-shell .personal-profile-page .profile-section-card {
    margin: 0;
    border: 1px solid color-mix(in srgb, var(--border) 84%, var(--primary-green));
    background: var(--white);
    box-shadow: 0 8px 24px color-mix(in srgb, #000 9%, transparent);
}

.personal-cabinet-shell .personal-profile-page .card-header {
    border-bottom: 1px solid color-mix(in srgb, var(--border) 88%, var(--primary-green));
}

.personal-cabinet-shell .personal-profile-identity > .card-header {
    border-bottom: 0;
}

.personal-cabinet-shell .personal-profile-identity-layout {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 24px;
    align-items: center;
}

.personal-cabinet-shell .personal-profile-identity-layout .profile-passport-glyph {
    width: 180px;
    min-height: 180px;
}

.personal-cabinet-shell .personal-profile-eyebrow {
    margin: 0 0 6px;
    color: var(--primary-green);
    font-size: var(--cabinet-size-metadata, 11px);
    font-weight: var(--cabinet-weight-control, 800);
    letter-spacing: .08em;
    text-transform: uppercase;
}

.personal-cabinet-shell .personal-profile-identity-layout h2 {
    margin: 0;
    color: var(--text);
    font-size: var(--cabinet-size-section, clamp(24px, 3vw, 34px));
}

.personal-cabinet-shell .personal-profile-huid {
    display: inline-block;
    margin-top: 7px;
    color: var(--primary-green);
    font-size: var(--cabinet-size-label, 13px);
    font-weight: var(--cabinet-weight-heading, 800);
}

.personal-cabinet-shell .personal-profile-identity-layout p:last-child {
    max-width: 720px;
    margin: 14px 0 0;
    color: var(--muted-text);
    font-size: var(--cabinet-size-label, 13px);
    line-height: 1.55;
}

.personal-cabinet-shell .humas-dashboard-header.is-profile-page .humas-header-supporting {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
}

.personal-cabinet-shell .container.mt-20.personal-profile-page {
    padding-top: 24px;
}

@media (min-width: 901px) {
    body.personal-cabinet-shell.personal-profile-shell .page-wrapper {
        padding-top: 136px;
    }
}

.personal-cabinet-shell .personal-profile-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.personal-cabinet-shell .personal-profile-name-card .profile-save-button,
.personal-cabinet-shell .personal-profile-email-card .btn {
    margin-top: 16px;
}

.personal-cabinet-shell .personal-profile-facts {
    display: grid;
    gap: 10px;
    margin: 0;
}

.personal-cabinet-shell .personal-profile-facts > div {
    display: grid;
    grid-template-columns: minmax(130px, .75fr) minmax(0, 1.25fr);
    gap: 14px;
    align-items: center;
    min-height: 48px;
    padding: 11px 12px;
    border: 1px solid color-mix(in srgb, var(--border) 90%, var(--primary-green));
    border-radius: 8px;
    background: color-mix(in srgb, var(--ultra-light) 82%, transparent);
}

.personal-cabinet-shell .personal-profile-facts dt {
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 11px);
    font-weight: var(--cabinet-weight-heading, 800);
    text-transform: uppercase;
}

.personal-cabinet-shell .personal-profile-facts dd {
    margin: 0;
    color: var(--text);
    font-size: var(--cabinet-size-label, 13px);
    font-weight: var(--cabinet-weight-heading, 750);
    overflow-wrap: anywhere;
}

.personal-cabinet-shell .personal-profile-facts a {
    color: var(--primary-green);
    text-underline-offset: 3px;
}

.personal-cabinet-shell .personal-profile-email-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 14px;
}

.personal-cabinet-shell .personal-profile-email-fields .profile-field {
    display: grid;
    gap: 7px;
}

.personal-cabinet-shell .personal-profile-email-fields .profile-field > span {
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 11px);
    font-weight: var(--cabinet-weight-heading, 800);
    text-transform: uppercase;
}

.personal-cabinet-shell .personal-profile-email-fields input {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--border) 90%, var(--primary-green));
    border-radius: 8px;
    background: color-mix(in srgb, var(--ultra-light) 82%, transparent);
    color: var(--text);
}

.personal-cabinet-shell .personal-profile-email-fields input:focus {
    border-color: var(--primary-green);
    outline: 2px solid color-mix(in srgb, var(--primary-green) 24%, transparent);
    outline-offset: 1px;
}

@media (max-width: 1100px) {
    .personal-cabinet-shell .personal-profile-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .personal-cabinet-shell .personal-profile-identity-layout,
    .personal-cabinet-shell .personal-profile-email-fields {
        grid-template-columns: 1fr;
    }
}

/* Personal Settings — real controls only. */
.personal-cabinet-shell .personal-settings-page {
    display: grid;
    gap: 18px;
}

.personal-cabinet-shell .personal-settings-page .settings-card {
    margin: 0;
    border: 1px solid color-mix(in srgb, var(--border) 82%, var(--primary-green));
    background: var(--white);
    box-shadow: 0 8px 24px color-mix(in srgb, #000 9%, transparent);
}

.personal-cabinet-shell .personal-settings-page .settings-card .card-header {
    border-bottom: 1px solid color-mix(in srgb, var(--border) 88%, var(--primary-green));
}

.personal-cabinet-shell .personal-settings-page .personal-settings-intro > .card-header {
    border-bottom: 0;
}

.personal-cabinet-shell .personal-settings-intro .card-body {
    padding-block: 16px;
}

.personal-cabinet-shell .personal-settings-intro p {
    margin: 0;
    color: var(--muted-text);
    font-size: var(--cabinet-size-body, 13px);
    line-height: 1.55;
}

.personal-cabinet-shell .personal-settings-intro a,
.personal-cabinet-shell .personal-settings-delivery-facts a {
    color: var(--primary-green);
    text-underline-offset: 3px;
}

.personal-cabinet-shell .personal-settings-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    align-items: stretch;
}

.personal-cabinet-shell .personal-settings-card {
    min-width: 0;
}

.personal-cabinet-shell .personal-settings-card-body {
    display: grid;
    align-content: start;
    gap: 16px;
    height: 100%;
}

.personal-cabinet-shell .personal-settings-fieldset {
    display: grid;
    gap: 8px;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.personal-cabinet-shell .personal-settings-fieldset legend,
.personal-cabinet-shell .personal-settings-photo-form strong,
.personal-cabinet-shell .personal-settings-note strong {
    color: var(--text);
    font-size: var(--cabinet-size-metadata, 12px);
    font-weight: var(--cabinet-weight-heading, 800);
}

.personal-cabinet-shell .personal-settings-note {
    display: grid;
    gap: 6px;
    padding: 14px;
    border: 1px solid color-mix(in srgb, var(--primary-green) 42%, var(--border));
    border-radius: 8px;
    background: color-mix(in srgb, var(--primary-green) 7%, var(--ultra-light));
}

.personal-cabinet-shell .personal-settings-note span,
.personal-cabinet-shell .personal-settings-photo-heading span,
.personal-cabinet-shell .personal-settings-photo-form .profile-field > span {
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 12px);
    line-height: 1.5;
}

.personal-cabinet-shell .personal-settings-photo-form {
    display: grid;
    gap: 12px;
    padding-top: 16px;
    border-top: 1px solid var(--border);
}

.personal-cabinet-shell .personal-settings-photo-heading {
    display: flex;
    gap: 14px;
    align-items: center;
    justify-content: space-between;
}

.personal-cabinet-shell .personal-settings-photo-heading > div {
    display: grid;
    gap: 5px;
}

.personal-cabinet-shell .personal-settings-photo-heading img,
.personal-cabinet-shell .personal-profile-photo {
    width: 88px;
    height: 88px;
    flex: 0 0 88px;
    border: 1px solid color-mix(in srgb, var(--border) 78%, var(--primary-green));
    border-radius: 12px;
    object-fit: cover;
    background: var(--ultra-light);
}

.personal-cabinet-shell .personal-profile-photo {
    width: 180px;
    height: 180px;
}

.personal-cabinet-shell .personal-profile-photo img {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
}

.personal-cabinet-shell .personal-settings-photo-empty {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    padding: 8px 11px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--ultra-light);
    white-space: nowrap;
}

.personal-cabinet-shell .personal-settings-photo-form input[type="file"] {
    width: 100%;
    padding: 10px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--ultra-light);
    color: var(--text);
}

.personal-cabinet-shell .personal-settings-password-form,
.personal-cabinet-shell .personal-settings-notification-form {
    display: grid;
    gap: 14px;
}

.personal-cabinet-shell .personal-settings-password-grid,
.personal-cabinet-shell .personal-settings-notification-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.personal-cabinet-shell .personal-settings-password-form .profile-field,
.personal-cabinet-shell .personal-settings-notification-form .profile-field {
    display: grid;
    gap: 7px;
}

.personal-cabinet-shell .personal-settings-password-form .profile-field > span,
.personal-cabinet-shell .personal-settings-notification-form .profile-field > span {
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 11px);
    font-weight: var(--cabinet-weight-heading, 800);
    text-transform: uppercase;
}

.personal-cabinet-shell .personal-settings-password-form input,
.personal-cabinet-shell .personal-settings-notification-form select {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--border) 88%, var(--primary-green));
    border-radius: 8px;
    background: color-mix(in srgb, var(--ultra-light) 82%, transparent);
    color: var(--text);
}

.personal-cabinet-shell .personal-settings-notification-form select {
    height: 48px;
    min-height: 48px;
    padding-block: 0;
    padding-inline: 12px 40px;
    font-family: var(--font);
    font-size: var(--cabinet-size-input, 16px);
    line-height: normal;
}

.personal-cabinet-shell .personal-settings-password-input {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
}

.personal-cabinet-shell .personal-settings-password-input.password-control__input {
    display: block;
}

.personal-cabinet-shell .personal-settings-password-input button {
    min-width: 68px;
    min-height: 44px;
    padding: 8px 12px;
    border: 1px solid color-mix(in srgb, var(--primary-green) 55%, var(--border));
    border-radius: 8px;
    background: transparent;
    color: var(--text);
    font: inherit;
    font-size: var(--cabinet-size-input, 12px);
    font-weight: var(--cabinet-weight-control, 800);
    cursor: pointer;
}

.personal-cabinet-shell .personal-settings-password-input button:hover,
.personal-cabinet-shell .personal-settings-password-input button:focus-visible {
    border-color: var(--primary-green);
    color: var(--primary-green);
}

.personal-cabinet-shell .personal-settings-delivery-facts {
    display: grid;
    gap: 10px;
    margin: 0;
}

.personal-cabinet-shell .personal-settings-delivery-facts > div {
    display: grid;
    grid-template-columns: minmax(130px, .8fr) minmax(0, 1.2fr);
    gap: 12px;
    padding: 11px 12px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: color-mix(in srgb, var(--ultra-light) 82%, transparent);
}

.personal-cabinet-shell .personal-settings-delivery-facts dt {
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 11px);
    font-weight: var(--cabinet-weight-heading, 800);
    text-transform: uppercase;
}

.personal-cabinet-shell .personal-settings-delivery-facts dd {
    display: grid;
    gap: 4px;
    margin: 0;
    color: var(--text);
    font-size: var(--cabinet-size-metadata, 12px);
    font-weight: var(--cabinet-weight-heading, 750);
    overflow-wrap: anywhere;
}

.personal-cabinet-shell .personal-settings-delivery-facts dd small {
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 10px);
    font-weight: var(--cabinet-weight-heading, 600);
}

.personal-cabinet-shell .settings-card .card-header > .personal-settings-program-status {
    display: inline-flex;
    flex-shrink: 0;
    min-height: 28px;
    align-items: center;
    padding: 5px 9px;
    border: 1px solid var(--border);
    border-radius: 999px;
    color: var(--muted-text);
    font-size: var(--cabinet-size-card, 10px);
    font-weight: var(--cabinet-weight-heading, 800);
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
}

.personal-cabinet-shell .settings-card .card-header > .personal-settings-program-status.is-active {
    border-color: color-mix(in srgb, var(--primary-green) 56%, var(--border));
    background: color-mix(in srgb, var(--primary-green) 12%, transparent);
    color: var(--primary-green);
}

.personal-cabinet-shell .personal-settings-invitation-process {
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--primary-green) 42%, var(--border));
    border-radius: 8px;
    background: color-mix(in srgb, var(--primary-green) 7%, var(--ultra-light));
    color: var(--text);
    font-size: var(--cabinet-size-metadata, 12px);
    font-weight: var(--cabinet-weight-heading, 750);
    line-height: 1.5;
}

.personal-cabinet-shell .personal-settings-invitation-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.personal-cabinet-shell .personal-settings-invitation-summary > div {
    display: grid;
    gap: 6px;
    padding: 12px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: color-mix(in srgb, var(--ultra-light) 82%, transparent);
}

.personal-cabinet-shell .personal-settings-invitation-summary span {
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 10px);
    font-weight: var(--cabinet-weight-control, 800);
    text-transform: uppercase;
}

.personal-cabinet-shell .personal-settings-invitation-summary strong {
    color: var(--text);
    font-size: var(--cabinet-size-label, 13px);
}

.personal-cabinet-shell .personal-settings-invitation-link {
    display: grid;
    gap: 7px;
}

.personal-cabinet-shell .personal-settings-invitation-link > span {
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 11px);
    font-weight: var(--cabinet-weight-heading, 800);
    text-transform: uppercase;
}

.personal-cabinet-shell .personal-settings-invitation-link input {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--ultra-light);
    color: var(--text);
}

.personal-cabinet-shell .personal-settings-invitation-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.personal-cabinet-shell .personal-settings-secondary-button {
    border: 1px solid color-mix(in srgb, var(--primary-green) 55%, var(--border));
    background: transparent;
    color: var(--text);
}

.personal-cabinet-shell .personal-settings-action-status {
    min-height: 18px;
    color: var(--primary-green);
    font-size: var(--cabinet-size-metadata, 11px);
    font-weight: var(--cabinet-weight-heading, 700);
}

.personal-cabinet-shell .personal-settings-invitation-history {
    display: grid;
    gap: 8px;
    padding-top: 14px;
    border-top: 1px solid var(--border);
}

.personal-cabinet-shell .personal-settings-invitation-history > div {
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid var(--border);
}

.personal-cabinet-shell .personal-settings-invitation-history p {
    margin: 0;
    color: var(--muted-text);
    font-size: var(--cabinet-size-body, 12px);
    line-height: 1.5;
}

.personal-cabinet-shell .personal-settings-principles-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.personal-cabinet-shell .personal-settings-principles-grid > div {
    display: grid;
    gap: 7px;
    min-height: 112px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: color-mix(in srgb, var(--ultra-light) 78%, transparent);
}

.personal-cabinet-shell .personal-settings-principles-grid strong {
    color: var(--text);
    font-size: var(--cabinet-size-label, 13px);
}

.personal-cabinet-shell .personal-settings-principles-grid span {
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 12px);
    line-height: 1.5;
}

@media (max-width: 1100px) {
    .personal-cabinet-shell .personal-settings-grid,
    .personal-cabinet-shell .personal-settings-principles-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .personal-cabinet-shell .personal-settings-password-grid,
    .personal-cabinet-shell .personal-settings-notification-grid,
    .personal-cabinet-shell .personal-settings-invitation-summary,
    .personal-cabinet-shell .personal-settings-delivery-facts > div {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .settings-card .card-header > .personal-settings-program-status {
        min-height: 22px;
        padding: 3px 6px;
        font-size: var(--cabinet-size-card, 8px);
    }
}

html[data-theme="dark"] .personal-cabinet-shell .help-document-article h2,
html[data-theme="dark"] .personal-cabinet-shell .help-document-article h3,
html[data-theme="dark"] .personal-cabinet-shell .help-document-article strong,
html[data-theme="dark"] .personal-cabinet-shell .help-document-article p,
html[data-theme="dark"] .personal-cabinet-shell .help-document-article ul {
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .help-document-article li::marker {
    color: var(--theme-primary-button);
}

html[data-theme="dark"] .personal-cabinet-shell .help-document-article a {
    color: var(--theme-primary-button);
}

html[data-theme="dark"] .personal-cabinet-shell input,
html[data-theme="dark"] .personal-cabinet-shell select,
html[data-theme="dark"] .personal-cabinet-shell textarea,
html[data-theme="dark"] .personal-cabinet-shell .profile-field input,
html[data-theme="dark"] .personal-cabinet-shell .settings-field select {
    border-color: var(--theme-input-border);
    background: var(--theme-input-bg);
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell input::placeholder,
html[data-theme="dark"] .personal-cabinet-shell textarea::placeholder {
    color: var(--theme-input-placeholder);
}

html[data-theme="dark"] .personal-cabinet-shell input:hover,
html[data-theme="dark"] .personal-cabinet-shell select:hover,
html[data-theme="dark"] .personal-cabinet-shell textarea:hover {
    border-color: var(--theme-input-hover);
}

html[data-theme="dark"] .personal-cabinet-shell input:focus,
html[data-theme="dark"] .personal-cabinet-shell select:focus,
html[data-theme="dark"] .personal-cabinet-shell textarea:focus,
html[data-theme="dark"] .personal-cabinet-shell button:focus-visible,
html[data-theme="dark"] .personal-cabinet-shell a:focus-visible {
    border-color: var(--theme-input-focus);
    outline: none;
    box-shadow: 0 0 0 2px rgba(79, 156, 135, 0.26);
}

html[data-theme="dark"] .personal-cabinet-shell input:disabled,
html[data-theme="dark"] .personal-cabinet-shell select:disabled,
html[data-theme="dark"] .personal-cabinet-shell textarea:disabled,
html[data-theme="dark"] .personal-cabinet-shell .profile-readonly-input {
    background: var(--theme-input-disabled);
    color: var(--theme-supporting-text);
}

html[data-theme="dark"] .personal-cabinet-shell .btn,
html[data-theme="dark"] .personal-cabinet-shell .dashboard-section .btn,
html[data-theme="dark"] .personal-cabinet-shell .subscription-plan-button,
html[data-theme="dark"] .personal-cabinet-shell .range-btn.active,
html[data-theme="dark"] .personal-cabinet-shell .settings-segmented button.is-active {
    border-color: var(--theme-primary-button);
    background: var(--theme-primary-button);
    color: #101312;
}

html[data-theme="dark"] .personal-cabinet-shell .btn:hover,
html[data-theme="dark"] .personal-cabinet-shell .btn:focus,
html[data-theme="dark"] .personal-cabinet-shell .dashboard-section .btn:hover,
html[data-theme="dark"] .personal-cabinet-shell .dashboard-section .btn:focus,
html[data-theme="dark"] .personal-cabinet-shell .subscription-plan-button:hover,
html[data-theme="dark"] .personal-cabinet-shell .subscription-plan-button:focus {
    border-color: var(--theme-primary-hover);
    background: var(--theme-primary-hover);
    color: #101312;
}

html[data-theme="dark"] .personal-cabinet-shell .btn.outline,
html[data-theme="dark"] .personal-cabinet-shell .dashboard-section .btn.outline,
html[data-theme="dark"] .personal-cabinet-shell .range-btn,
html[data-theme="dark"] .personal-cabinet-shell .settings-segmented button {
    border-color: var(--theme-secondary-border);
    background: transparent;
    color: var(--theme-secondary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .btn.outline:hover,
html[data-theme="dark"] .personal-cabinet-shell .btn.outline:focus,
html[data-theme="dark"] .personal-cabinet-shell .range-btn:hover,
html[data-theme="dark"] .personal-cabinet-shell .range-btn:focus,
html[data-theme="dark"] .personal-cabinet-shell .settings-segmented button:hover,
html[data-theme="dark"] .personal-cabinet-shell .settings-segmented button:focus {
    border-color: var(--theme-secondary-border);
    background: var(--theme-secondary-hover);
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .wallet-ai-observation-list p,
html[data-theme="dark"] .personal-cabinet-shell .wallet-ai-stat-list > div,
html[data-theme="dark"] .personal-cabinet-shell .wallet-ai-focus {
    border-color: var(--theme-divider);
}

html[data-theme="dark"] .personal-cabinet-shell .wallet-transaction-row:nth-child(odd) {
    background: rgba(43, 49, 56, 0.42);
}

html[data-theme="dark"] .personal-cabinet-shell .wallet-transaction-row [data-label="Amount"] {
    color: var(--theme-primary-button);
}

html[data-theme="dark"] .personal-cabinet-shell .wallet-future-services .wallet-service-item strong {
    border-color: rgba(211, 190, 152, 0.36);
    background: rgba(211, 190, 152, 0.12);
    color: var(--theme-primary-gold);
}

html[data-theme="dark"] .personal-cabinet-shell .settings-danger-button {
    border-color: var(--theme-danger-button);
    background: var(--theme-danger-button);
    color: #fff;
}

html[data-theme="dark"] .personal-cabinet-shell .settings-danger-button:hover,
html[data-theme="dark"] .personal-cabinet-shell .settings-danger-button:focus {
    border-color: var(--theme-danger-hover);
    background: var(--theme-danger-hover);
}

html[data-theme="dark"] .personal-cabinet-shell .chart-container,
html[data-theme="dark"] .personal-cabinet-shell .chart-container-compact,
html[data-theme="dark"] .personal-cabinet-shell .hunit-chart-panel {
    border-color: var(--theme-primary-border);
    background: var(--theme-primary-workspace);
}

html[data-theme="dark"] .personal-cabinet-shell .bar,
html[data-theme="dark"] .personal-cabinet-shell .energy-bar-track {
    background: var(--theme-primary-border);
}

html[data-theme="dark"] .personal-cabinet-shell .positive,
html[data-theme="dark"] .personal-cabinet-shell .is-success,
html[data-theme="dark"] .personal-cabinet-shell .settings-status.is-connected {
    color: var(--theme-success);
}

html[data-theme="dark"] .personal-cabinet-shell .negative,
html[data-theme="dark"] .personal-cabinet-shell .is-error {
    color: var(--theme-error);
}

html[data-theme="dark"] .personal-cabinet-shell .settings-status.is-soon,
html[data-theme="dark"] .personal-cabinet-shell .future-platform-service,
html[data-theme="dark"] .personal-cabinet-shell .statistics-muted-preview {
    color: var(--theme-future);
}

html[data-theme="dark"] .personal-cabinet-shell .table-pagination-page-btn.is-active,
html[data-theme="dark"] .personal-cabinet-shell .dashboard-update-item.is-unread {
    border-color: var(--theme-primary-button);
    background: rgba(79, 156, 135, 0.12);
}

/* HUMAS Dark Theme Button Consistency */
html[data-theme="dark"] .personal-cabinet-shell .btn:not(:disabled):not(.outline):not(.btn-secondary):not(.ghost):not(.btn-menu):not(.membership-secondary-action):not(.membership-modal-secondary):not(.certification-modal-secondary),
html[data-theme="dark"] .personal-cabinet-shell .dashboard-section .btn:not(:disabled):not(.outline):not(.btn-secondary):not(.ghost):not(.btn-menu),
html[data-theme="dark"] .personal-cabinet-shell .profile-save-button,
html[data-theme="dark"] .personal-cabinet-shell .profile-copy-button,
html[data-theme="dark"] .personal-cabinet-shell .wallet-inline-action,
html[data-theme="dark"] .personal-cabinet-shell .certification-request-btn,
html[data-theme="dark"] .personal-cabinet-shell .certification-submit-button:not(:disabled),
html[data-theme="dark"] .personal-cabinet-shell .subscription-plan-button,
html[data-theme="dark"] .personal-cabinet-shell .membership-page .subscription-plan-actions .btn.primary,
html[data-theme="dark"] .personal-cabinet-shell .help-support-card .btn,
html[data-theme="dark"] #sendGlyphModal .modal-footer .btn.primary {
    border-color: var(--theme-primary-button);
    background: var(--theme-primary-button);
    color: #101312;
    box-shadow: none;
}

html[data-theme="dark"] .personal-cabinet-shell .btn:not(:disabled):not(.outline):not(.btn-secondary):not(.ghost):not(.btn-menu):not(.membership-secondary-action):not(.membership-modal-secondary):not(.certification-modal-secondary):hover,
html[data-theme="dark"] .personal-cabinet-shell .btn:not(:disabled):not(.outline):not(.btn-secondary):not(.ghost):not(.btn-menu):not(.membership-secondary-action):not(.membership-modal-secondary):not(.certification-modal-secondary):focus,
html[data-theme="dark"] .personal-cabinet-shell .dashboard-section .btn:not(:disabled):not(.outline):not(.btn-secondary):not(.ghost):not(.btn-menu):hover,
html[data-theme="dark"] .personal-cabinet-shell .dashboard-section .btn:not(:disabled):not(.outline):not(.btn-secondary):not(.ghost):not(.btn-menu):focus,
html[data-theme="dark"] .personal-cabinet-shell .profile-save-button:hover,
html[data-theme="dark"] .personal-cabinet-shell .profile-save-button:focus,
html[data-theme="dark"] .personal-cabinet-shell .profile-copy-button:hover,
html[data-theme="dark"] .personal-cabinet-shell .profile-copy-button:focus,
html[data-theme="dark"] .personal-cabinet-shell .wallet-inline-action:hover,
html[data-theme="dark"] .personal-cabinet-shell .wallet-inline-action:focus,
html[data-theme="dark"] .personal-cabinet-shell .certification-request-btn:hover,
html[data-theme="dark"] .personal-cabinet-shell .certification-request-btn:focus,
html[data-theme="dark"] .personal-cabinet-shell .certification-submit-button:not(:disabled):hover,
html[data-theme="dark"] .personal-cabinet-shell .certification-submit-button:not(:disabled):focus,
html[data-theme="dark"] .personal-cabinet-shell .subscription-plan-button:hover,
html[data-theme="dark"] .personal-cabinet-shell .subscription-plan-button:focus,
html[data-theme="dark"] .personal-cabinet-shell .membership-page .subscription-plan-actions .btn.primary:hover,
html[data-theme="dark"] .personal-cabinet-shell .membership-page .subscription-plan-actions .btn.primary:focus,
html[data-theme="dark"] .personal-cabinet-shell .help-support-card .btn:hover,
html[data-theme="dark"] .personal-cabinet-shell .help-support-card .btn:focus,
html[data-theme="dark"] #sendGlyphModal .modal-footer .btn.primary:hover:not(:disabled),
html[data-theme="dark"] #sendGlyphModal .modal-footer .btn.primary:focus:not(:disabled) {
    border-color: var(--theme-primary-hover);
    background: var(--theme-primary-hover);
    color: #101312;
    box-shadow: none;
    transform: none;
}

html[data-theme="dark"] .personal-cabinet-shell .btn.outline,
html[data-theme="dark"] .personal-cabinet-shell .btn.btn-secondary,
html[data-theme="dark"] .personal-cabinet-shell .btn.ghost,
html[data-theme="dark"] .personal-cabinet-shell .btn.btn-menu,
html[data-theme="dark"] .personal-cabinet-shell .membership-secondary-action,
html[data-theme="dark"] .personal-cabinet-shell .membership-modal-secondary,
html[data-theme="dark"] .personal-cabinet-shell .certification-modal-secondary,
html[data-theme="dark"] .personal-cabinet-shell .table-pagination-btn,
html[data-theme="dark"] .personal-cabinet-shell .table-pagination-page-btn,
html[data-theme="dark"] .personal-cabinet-shell .range-btn,
html[data-theme="dark"] #sendGlyphModal .modal-footer .btn:not(.primary) {
    border-color: var(--theme-secondary-border);
    background: transparent;
    color: var(--theme-secondary-text);
    box-shadow: none;
}

html[data-theme="dark"] .personal-cabinet-shell .btn.outline:hover,
html[data-theme="dark"] .personal-cabinet-shell .btn.outline:focus,
html[data-theme="dark"] .personal-cabinet-shell .btn.btn-secondary:hover,
html[data-theme="dark"] .personal-cabinet-shell .btn.btn-secondary:focus,
html[data-theme="dark"] .personal-cabinet-shell .btn.ghost:hover,
html[data-theme="dark"] .personal-cabinet-shell .btn.ghost:focus,
html[data-theme="dark"] .personal-cabinet-shell .btn.btn-menu:hover,
html[data-theme="dark"] .personal-cabinet-shell .btn.btn-menu:focus,
html[data-theme="dark"] .personal-cabinet-shell .membership-secondary-action:hover,
html[data-theme="dark"] .personal-cabinet-shell .membership-secondary-action:focus,
html[data-theme="dark"] .personal-cabinet-shell .membership-modal-secondary:hover,
html[data-theme="dark"] .personal-cabinet-shell .membership-modal-secondary:focus,
html[data-theme="dark"] .personal-cabinet-shell .certification-modal-secondary:hover,
html[data-theme="dark"] .personal-cabinet-shell .certification-modal-secondary:focus,
html[data-theme="dark"] .personal-cabinet-shell .table-pagination-btn:hover:not(:disabled),
html[data-theme="dark"] .personal-cabinet-shell .table-pagination-page-btn:hover,
html[data-theme="dark"] .personal-cabinet-shell .range-btn:hover,
html[data-theme="dark"] .personal-cabinet-shell .range-btn:focus,
html[data-theme="dark"] #sendGlyphModal .modal-footer .btn:not(.primary):hover:not(:disabled),
html[data-theme="dark"] #sendGlyphModal .modal-footer .btn:not(.primary):focus:not(:disabled) {
    border-color: var(--theme-secondary-border);
    background: var(--theme-secondary-hover);
    color: var(--theme-primary-text);
    box-shadow: none;
}

html[data-theme="dark"] .personal-cabinet-shell .range-btn.active,
html[data-theme="dark"] .personal-cabinet-shell .settings-segmented button.is-active,
html[data-theme="dark"] .personal-cabinet-shell .table-pagination-page-btn.is-active {
    border-color: var(--theme-primary-button);
    background: var(--theme-primary-button);
    color: #101312;
}

html[data-theme="dark"] .personal-cabinet-shell .dashboard-glyph-workspace .dashboard-glyph-actions .btn:not(:disabled),
html[data-theme="dark"] body.personal-cabinet-shell .dashboard-glyph-workspace .dashboard-full-action.btn.outline,
html[data-theme="dark"] .personal-cabinet-shell .dashboard-card-actions .btn:not(:disabled),
html[data-theme="dark"] .personal-cabinet-shell .dashboard-section .dashboard-update-action,
html[data-theme="dark"] .personal-cabinet-shell .membership-page .subscription-plan-actions .btn:not(:disabled) {
    border-color: var(--theme-primary-button);
    background: var(--theme-primary-button);
    color: #101312;
}

html[data-theme="dark"] .personal-cabinet-shell .dashboard-glyph-workspace .dashboard-glyph-actions .btn:hover:not(:disabled),
html[data-theme="dark"] .personal-cabinet-shell .dashboard-glyph-workspace .dashboard-glyph-actions .btn:focus:not(:disabled),
html[data-theme="dark"] body.personal-cabinet-shell .dashboard-glyph-workspace .dashboard-full-action.btn.outline:hover,
html[data-theme="dark"] body.personal-cabinet-shell .dashboard-glyph-workspace .dashboard-full-action.btn.outline:focus,
html[data-theme="dark"] .personal-cabinet-shell .dashboard-card-actions .btn:hover:not(:disabled),
html[data-theme="dark"] .personal-cabinet-shell .dashboard-card-actions .btn:focus:not(:disabled),
html[data-theme="dark"] .personal-cabinet-shell .dashboard-section .dashboard-update-action:hover,
html[data-theme="dark"] .personal-cabinet-shell .dashboard-section .dashboard-update-action:focus,
html[data-theme="dark"] .personal-cabinet-shell .membership-page .subscription-plan-actions .btn:hover:not(:disabled),
html[data-theme="dark"] .personal-cabinet-shell .membership-page .subscription-plan-actions .btn:focus:not(:disabled) {
    border-color: var(--theme-primary-hover);
    background: var(--theme-primary-hover);
    color: #101312;
}

html[data-theme="dark"] .personal-cabinet-shell .notification-action-btn,
html[data-theme="dark"] .personal-cabinet-shell .settings-action-card {
    border-color: var(--theme-secondary-border);
    background: var(--theme-secondary-workspace);
    color: var(--theme-secondary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .settings-helper-line {
    color: var(--theme-supporting-text);
}

html[data-theme="dark"] .personal-cabinet-shell .notification-category-row,
html[data-theme="dark"] .personal-cabinet-shell .notification-date-header {
    border-color: var(--theme-divider);
}

html[data-theme="dark"] .personal-cabinet-shell .notifications-summary-card small,
html[data-theme="dark"] .personal-cabinet-shell .notification-section-label small,
html[data-theme="dark"] .personal-cabinet-shell .notification-details-panel span,
html[data-theme="dark"] .personal-cabinet-shell .notification-details-panel p,
html[data-theme="dark"] .personal-cabinet-shell .notification-future-integrations span {
    color: var(--theme-supporting-text);
}

html[data-theme="dark"] .personal-cabinet-shell .notification-category-chip,
html[data-theme="dark"] .personal-cabinet-shell .notification-event-chip-row span,
html[data-theme="dark"] .personal-cabinet-shell .notification-section-label,
html[data-theme="dark"] .personal-cabinet-shell .notification-details-panel,
html[data-theme="dark"] .personal-cabinet-shell .notification-future-integrations,
html[data-theme="dark"] .personal-cabinet-shell .notification-future-grid > span {
    border-color: var(--theme-secondary-border);
    background: var(--theme-secondary-workspace);
    color: var(--theme-supporting-text);
}

html[data-theme="dark"] .personal-cabinet-shell .notification-category-chip.is-active {
    border-color: var(--theme-primary-button);
    background: rgba(79, 156, 135, 0.14);
    color: var(--theme-primary-button);
}

html[data-theme="dark"] .personal-cabinet-shell .notification-event-architecture {
    border-color: var(--theme-primary-border);
    background: var(--theme-secondary-workspace);
}

html[data-theme="dark"] .personal-cabinet-shell .notification-event-architecture strong {
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .notification-section-label span,
html[data-theme="dark"] .personal-cabinet-shell .notification-details-panel strong,
html[data-theme="dark"] .personal-cabinet-shell .notification-future-integrations strong,
html[data-theme="dark"] .personal-cabinet-shell .notification-future-grid > span {
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .notification-future-grid em {
    border-color: rgba(79, 156, 135, 0.32);
    background: rgba(79, 156, 135, 0.12);
    color: var(--theme-primary-button);
}

html[data-theme="dark"] .personal-cabinet-shell .notification-event-architecture > div:first-child span,
html[data-theme="dark"] .personal-cabinet-shell .notification-status,
html[data-theme="dark"] .personal-cabinet-shell .notification-time {
    color: var(--theme-muted-text);
}

html[data-theme="dark"] .personal-cabinet-shell .notification-status.is-unread {
    color: var(--theme-primary-button);
}

html[data-theme="dark"] .personal-cabinet-shell .notification-header-action {
    border-color: var(--theme-primary-button);
    background: var(--theme-primary-button);
    color: #101312;
}

html[data-theme="dark"] .personal-cabinet-shell .notification-open-link {
    border-color: var(--theme-primary-button);
    background: var(--theme-primary-button);
    color: #101312;
}

html[data-theme="dark"] .personal-cabinet-shell .notification-header-action:hover,
html[data-theme="dark"] .personal-cabinet-shell .notification-header-action:focus,
html[data-theme="dark"] .personal-cabinet-shell .notification-open-link:hover,
html[data-theme="dark"] .personal-cabinet-shell .notification-open-link:focus {
    border-color: var(--theme-primary-hover);
    background: var(--theme-primary-hover);
    color: #101312;
}

html[data-theme="dark"] .personal-cabinet-shell .notification-action-btn:hover,
html[data-theme="dark"] .personal-cabinet-shell .notification-action-btn:focus,
html[data-theme="dark"] .personal-cabinet-shell .settings-action-card:hover,
html[data-theme="dark"] .personal-cabinet-shell .settings-action-card:focus {
    border-color: var(--theme-primary-button);
    background: var(--theme-ghost-hover);
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .notification-action-btn.delete-btn:hover,
html[data-theme="dark"] .personal-cabinet-shell .notification-action-btn.delete-btn:focus {
    border-color: var(--theme-danger-button);
    background: rgba(184, 88, 88, 0.14);
    color: var(--theme-error);
}

html[data-theme="dark"] .personal-cabinet-shell .btn:disabled,
html[data-theme="dark"] .personal-cabinet-shell .dashboard-section .btn:disabled,
html[data-theme="dark"] body.personal-cabinet-shell .dashboard-glyph-workspace .dashboard-glyph-actions .btn:disabled,
html[data-theme="dark"] .personal-cabinet-shell .certification-submit-button:disabled,
html[data-theme="dark"] .personal-cabinet-shell .table-pagination-btn:disabled,
html[data-theme="dark"] .personal-cabinet-shell .subscription-plan-button:disabled,
html[data-theme="dark"] #sendGlyphModal .modal-footer .btn:disabled {
    border-color: var(--theme-primary-border);
    background: var(--theme-input-disabled);
    color: var(--theme-disabled-text);
    opacity: 1;
    cursor: not-allowed;
    box-shadow: none;
}

html[data-theme="dark"] .personal-cabinet-shell .cabinet-footer {
    border-color: var(--theme-primary-border);
    background: var(--theme-app-bg);
}

html[data-theme="dark"] .personal-cabinet-shell .footer-link,
html[data-theme="dark"] .personal-cabinet-shell .footer-version,
html[data-theme="dark"] .personal-cabinet-shell .footer-separator {
    color: var(--theme-supporting-text);
}

html[data-theme="dark"] .personal-cabinet-shell .footer-version strong {
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .footer-version span {
    color: var(--theme-supporting-text);
}

html[data-theme="dark"] .personal-cabinet-shell .footer-link:hover,
html[data-theme="dark"] .personal-cabinet-shell .footer-link:focus {
    color: var(--theme-primary-button);
}

html[data-theme="dark"] .personal-cabinet-shell select,
html[data-theme="dark"] .personal-cabinet-shell .form select,
html[data-theme="dark"] .personal-cabinet-shell .filter-select,
html[data-theme="dark"] .personal-cabinet-shell .settings-field select,
html[data-theme="dark"] .personal-cabinet-shell .certification-field select {
    color-scheme: dark;
    border-color: var(--theme-input-border);
    background-color: var(--theme-input-bg);
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell select:hover,
html[data-theme="dark"] .personal-cabinet-shell .form select:hover,
html[data-theme="dark"] .personal-cabinet-shell .filter-select:hover,
html[data-theme="dark"] .personal-cabinet-shell .settings-field select:hover,
html[data-theme="dark"] .personal-cabinet-shell .certification-field select:hover {
    border-color: var(--theme-input-hover);
    background-color: var(--theme-input-bg);
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell select:focus,
html[data-theme="dark"] .personal-cabinet-shell .form select:focus,
html[data-theme="dark"] .personal-cabinet-shell .filter-select:focus,
html[data-theme="dark"] .personal-cabinet-shell .settings-field select:focus,
html[data-theme="dark"] .personal-cabinet-shell .certification-field select:focus {
    border-color: var(--theme-input-focus);
    outline: none;
    background-color: var(--theme-input-bg);
    color: var(--theme-primary-text);
    box-shadow: 0 0 0 2px rgba(79, 156, 135, 0.26);
}

html[data-theme="dark"] .personal-cabinet-shell select:disabled,
html[data-theme="dark"] .personal-cabinet-shell .form select:disabled,
html[data-theme="dark"] .personal-cabinet-shell .filter-select:disabled,
html[data-theme="dark"] .personal-cabinet-shell .settings-field select:disabled,
html[data-theme="dark"] .personal-cabinet-shell .certification-field select:disabled {
    border-color: var(--theme-primary-border);
    background-color: var(--theme-input-disabled);
    color: var(--theme-disabled-text);
    opacity: 1;
}

html[data-theme="dark"] .personal-cabinet-shell select option {
    background-color: var(--theme-dropdown-surface);
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell select option:checked {
    background-color: var(--theme-selected-surface);
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell select option:disabled {
    color: var(--theme-disabled-text);
}

/* Human Path Profile - First Official Edition */
.personal-cabinet-shell .human-path-dimensions-panel {
    grid-template-columns: minmax(168px, 0.62fr) minmax(0, 1.38fr);
    align-items: stretch;
    gap: 12px;
    padding: 12px;
    border-radius: 4px;
    background: var(--white);
}

.personal-cabinet-shell .human-path-dimensions-heading {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    min-width: 0;
    margin: 0;
    padding: 13px 14px;
    border: 1px solid var(--border);
    border-radius: 4px;
    background: rgba(249, 248, 242, 0.58);
}

.personal-cabinet-shell .human-path-dimensions-heading small {
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.45;
}

.personal-cabinet-shell .human-path-dimensions-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    min-width: 0;
}

.personal-cabinet-shell .human-path-dimension-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    min-width: 0;
    min-height: 80px;
    padding: 12px 13px;
    border: 1px solid var(--border);
    border-radius: 4px;
    background: var(--ultra-light);
}

.personal-cabinet-shell .human-path-dimension-card span {
    color: var(--accent-green);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1;
}

.personal-cabinet-shell .human-path-dimension-card strong {
    color: var(--header-bg);
    font-size: var(--type-label);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.3;
}

.personal-cabinet-shell .human-path-dimension-card small {
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.4;
}

html[data-theme="dark"] .personal-cabinet-shell .human-path-dimensions-heading,
html[data-theme="dark"] .personal-cabinet-shell .human-path-dimension-card {
    border-color: var(--theme-primary-border);
    background: var(--theme-secondary-workspace);
}

html[data-theme="dark"] .personal-cabinet-shell .human-path-dimensions-panel {
    border-color: var(--theme-primary-border);
    background: var(--theme-card-surface);
}

html[data-theme="dark"] .personal-cabinet-shell .human-path-dimensions-heading strong,
html[data-theme="dark"] .personal-cabinet-shell .human-path-dimension-card strong {
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .human-path-dimensions-heading span,
html[data-theme="dark"] .personal-cabinet-shell .human-path-dimension-card span {
    color: var(--theme-primary-button);
}

html[data-theme="dark"] .personal-cabinet-shell .human-path-dimensions-heading small,
html[data-theme="dark"] .personal-cabinet-shell .human-path-dimension-card small {
    color: var(--theme-supporting-text);
}

html[data-theme="dark"] .personal-cabinet-shell .dashboard-glyph-visual,
html[data-theme="dark"] .personal-cabinet-shell .dashboard-primary-glyph-box,
html[data-theme="dark"] .personal-cabinet-shell .glyph-inner {
    border-color: var(--theme-primary-border);
    background: var(--theme-primary-workspace);
}

@media (max-width: 760px) {
    .personal-cabinet-shell .human-path-dimensions-panel,
    .personal-cabinet-shell .human-path-dimensions-grid {
        grid-template-columns: 1fr;
    }
}

/* Human Path Profile Reference Layout v1.0 */
.personal-cabinet-shell .human-path-profile-page {
    --hp-gap: 20px;
    --hp-card-padding: 24px;
    --hp-card-radius: 8px;
    --hp-dark-surface: rgba(29, 33, 38, 0.92);
    --hp-dark-surface-soft: rgba(37, 42, 49, 0.78);
    --hp-dark-border: rgba(211, 190, 152, 0.16);
    --hp-dark-line: rgba(184, 188, 193, 0.12);
    --hp-gold: #D3BE98;
    --hp-green: #58B28F;
    margin-bottom: 0;
}

.personal-cabinet-shell .human-path-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.92fr);
    gap: var(--hp-gap);
    align-items: stretch;
}

.personal-cabinet-shell .human-path-lower-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.04fr) minmax(0, 1fr);
    gap: var(--hp-gap);
    align-items: stretch;
}

.personal-cabinet-shell .human-path-profile-card,
.personal-cabinet-shell .human-path-glyph-management-card,
.personal-cabinet-shell .human-path-progress-card,
.personal-cabinet-shell .human-path-history-card,
.personal-cabinet-shell .human-path-confirmations-card,
.personal-cabinet-shell .human-path-dimensions-card {
    min-width: 0;
    padding: var(--hp-card-padding);
    border-radius: var(--hp-card-radius);
}

.personal-cabinet-shell .human-path-profile-card,
.personal-cabinet-shell .human-path-glyph-management-card {
    min-height: 414px;
}

.personal-cabinet-shell .human-path-progress-card,
.personal-cabinet-shell .human-path-lower-grid {
    margin-top: var(--hp-gap);
}

.personal-cabinet-shell .human-path-profile-card > .card-header,
.personal-cabinet-shell .human-path-glyph-management-card > .card-header,
.personal-cabinet-shell .human-path-progress-card > .card-header,
.personal-cabinet-shell .human-path-history-card > .card-header,
.personal-cabinet-shell .human-path-confirmations-card > .card-header,
.personal-cabinet-shell .human-path-dimensions-card > .card-header {
    min-height: 0;
    margin-bottom: 18px;
    padding: 0;
    border: 0;
}

.personal-cabinet-shell .human-path-profile-card > .card-header span,
.personal-cabinet-shell .human-path-glyph-management-card > .card-header span,
.personal-cabinet-shell .human-path-progress-card > .card-header span,
.personal-cabinet-shell .human-path-history-card > .card-header span,
.personal-cabinet-shell .human-path-confirmations-card > .card-header span,
.personal-cabinet-shell .human-path-dimensions-card > .card-header span {
    font-size: var(--cabinet-size-card, 19px);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.3;
    text-transform: none;
}

.personal-cabinet-shell .human-path-progress-card > .card-header small {
    display: block;
    margin-top: 4px;
    color: var(--muted-text);
    font-size: var(--cabinet-size-card, 13px);
    font-weight: var(--cabinet-weight-body, 400);
}

.personal-cabinet-shell .human-path-profile-card > .card-body,
.personal-cabinet-shell .human-path-glyph-management-card > .card-body,
.personal-cabinet-shell .human-path-progress-card > .card-body,
.personal-cabinet-shell .human-path-history-card > .card-body,
.personal-cabinet-shell .human-path-confirmations-card > .card-body,
.personal-cabinet-shell .human-path-dimensions-card > .card-body {
    padding: 0;
}

.personal-cabinet-shell .human-path-profile-card .dashboard-glyph-identity {
    grid-template-columns: minmax(250px, 0.86fr) minmax(0, 1fr);
    gap: 36px;
    min-height: 326px;
    align-items: center;
}

.personal-cabinet-shell .human-path-profile-card .dashboard-glyph-visual {
    min-height: 286px;
    padding: 0;
    border: 0;
    background: transparent;
}

.personal-cabinet-shell .human-path-profile-card .dashboard-primary-glyph-box,
.personal-cabinet-shell .human-path-profile-card .dashboard-primary-glyph-box .glyph-inner,
.personal-cabinet-shell .human-path-profile-card #glyph-svg,
.personal-cabinet-shell .human-path-profile-card #glyph-svg svg {
    width: 264px;
    height: 264px;
    min-width: 264px;
    flex-basis: 264px;
}

.personal-cabinet-shell .human-path-profile-card .dashboard-primary-glyph-box {
    border-radius: 50%;
    border: 1px solid rgba(211, 190, 152, 0.44);
    background:
        radial-gradient(circle at center, rgba(211, 190, 152, 0.12), rgba(22, 24, 27, 0.08) 58%, rgba(211, 190, 152, 0.09) 59%, transparent 60%),
        var(--theme-primary-workspace);
    box-shadow: 0 0 0 12px rgba(211, 190, 152, 0.035);
}

.personal-cabinet-shell .human-path-profile-card .dashboard-glyph-details {
    gap: 14px;
}

.personal-cabinet-shell .human-path-profile-card .dashboard-identity-heading {
    margin: 0;
    padding: 0 0 16px;
    border-bottom: 1px solid var(--border);
}

.personal-cabinet-shell .human-path-profile-card .dashboard-identity-heading strong {
    font-size: var(--cabinet-size-page, 28px);
    font-weight: var(--cabinet-weight-control, 500);
}

.personal-cabinet-shell .human-path-profile-card .dashboard-identity-heading span {
    margin-top: 7px;
    font-size: var(--cabinet-size-supporting, 14px);
}

.personal-cabinet-shell .human-path-profile-card .dashboard-identifier,
.personal-cabinet-shell .human-path-profile-card .dashboard-identifier-value {
    color: var(--accent-green);
    font-size: var(--cabinet-size-metadata, 12px);
    font-weight: var(--cabinet-weight-control, 500);
    letter-spacing: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.personal-cabinet-shell .human-path-profile-card .dashboard-identifier-value {
    display: block;
    max-width: 100%;
}

.personal-cabinet-shell .human-path-profile-card .dashboard-status-rows {
    gap: 0;
}

.personal-cabinet-shell .human-path-profile-card .dashboard-status-row,
.personal-cabinet-shell .human-path-profile-card .dashboard-status-row-identifier {
    grid-template-columns: minmax(128px, 0.48fr) minmax(0, 1fr);
    gap: 18px;
    padding: 12px 0;
    border-bottom: 1px solid var(--border);
}

.personal-cabinet-shell .human-path-profile-card .dashboard-status-row:first-child {
    border-top: 0;
}

.personal-cabinet-shell .human-path-profile-card .dashboard-status-row span {
    font-size: var(--cabinet-size-label, 13px);
    font-weight: var(--cabinet-weight-body, 400);
    text-transform: none;
}

.personal-cabinet-shell .human-path-profile-card .dashboard-status-row strong {
    font-size: var(--cabinet-size-supporting, 14px);
    font-weight: var(--cabinet-weight-control, 500);
}

.personal-cabinet-shell .human-path-profile-card .dashboard-status-row-identifier strong {
    font-size: var(--cabinet-size-metadata, 12px);
}

.personal-cabinet-shell .human-path-profile-card .dashboard-status-row small {
    font-size: var(--cabinet-size-metadata, 13px);
}

.personal-cabinet-shell .human-path-profile-card .dashboard-profile-action {
    display: none;
}

.personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-workspace {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
}

.personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 0;
}

.personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-action-tile {
    position: relative;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 18px;
    gap: 14px;
    align-items: center;
    min-height: 76px;
    padding: 14px 16px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--ultra-light);
    color: var(--dark-text);
    text-align: left;
    text-decoration: none;
}

.personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-action-tile .btn,
.personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-action-tile .dropdown,
.personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-action-tile .dropdown .btn {
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0 !important;
    background: transparent !important;
    color: inherit;
    box-shadow: none !important;
    text-align: left;
}

.personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-action-tile .btn {
    display: block;
    transform: none !important;
}

.personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-action-tile .btn:hover,
.personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-action-tile .btn:focus {
    background: transparent !important;
    color: inherit;
}

.personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-action-tile .chevron {
    display: none;
}

.personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-action-icon {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
    margin: 0 auto;
}

.personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-action-tile span,
.personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-action-tile strong {
    display: block;
    color: var(--dark-text);
    font-size: var(--cabinet-size-supporting, 14px);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.25;
}

.personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-action-tile small {
    display: block;
    margin-top: 5px;
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 12px);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.35;
}

.personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-action-tile > i,
.personal-cabinet-shell .human-path-glyph-management-card .dashboard-full-action > i {
    color: var(--muted-text);
    font-style: normal;
    font-size: var(--cabinet-size-section, 24px);
    line-height: 1;
}

.personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-workspace-side {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(170px, 0.36fr);
    gap: 12px;
    margin-top: auto;
}

.personal-cabinet-shell .human-path-glyph-management-card .dashboard-full-action {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 26px;
    align-items: center;
    min-height: 76px;
    padding: 16px 18px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--ultra-light);
    color: var(--dark-text);
    text-decoration: none;
}

.personal-cabinet-shell .human-path-glyph-management-card .dashboard-full-action strong {
    display: block;
    font-size: var(--cabinet-size-body, 15px);
    font-weight: var(--cabinet-weight-heading, 600);
}

.personal-cabinet-shell .human-path-glyph-management-card .dashboard-full-action small {
    display: block;
    margin-top: 5px;
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 12px);
}

.personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-activation {
    min-height: 76px;
    padding: 12px;
    border-radius: 8px;
}

.personal-cabinet-shell .human-path-glyph-management-card .activation-counter-label {
    font-size: var(--cabinet-size-metadata, 11px);
}

.personal-cabinet-shell .human-path-glyph-management-card .activation-counter-value {
    font-size: var(--cabinet-size-section, 22px);
}

.personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-activation small {
    font-size: var(--cabinet-size-metadata, 11px);
}

.personal-cabinet-shell .human-path-progress-card > .card-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(250px, 0.35fr);
    gap: 26px;
    align-items: center;
}

.personal-cabinet-shell .recognition-progress-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
}

.personal-cabinet-shell .recognition-progress-metric {
    min-width: 0;
    padding: 0 22px;
    border-right: 1px solid var(--border);
}

.personal-cabinet-shell .recognition-progress-metric:first-child {
    padding-left: 0;
}

.personal-cabinet-shell .recognition-progress-metric:last-child {
    border-right: 0;
}

.personal-cabinet-shell .recognition-progress-metric span,
.personal-cabinet-shell .recognition-progress-metric small {
    display: block;
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 12px);
    font-weight: var(--cabinet-weight-body, 400);
    line-height: 1.4;
}

.personal-cabinet-shell .recognition-progress-metric strong {
    display: block;
    margin: 8px 0 7px;
    color: var(--dark-text);
    font-size: var(--cabinet-size-section, 24px);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.15;
}

.personal-cabinet-shell .recognition-progress-ring-wrap {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 18px;
    align-items: center;
}

.personal-cabinet-shell .recognition-progress-ring {
    display: grid;
    place-items: center;
    width: 92px;
    height: 92px;
    border-radius: 50%;
    background:
        radial-gradient(circle at center, var(--white) 0 54%, transparent 55%),
        conic-gradient(var(--accent-green) calc(var(--recognition-progress) * 1%), rgba(140, 140, 140, 0.18) 0);
}

.personal-cabinet-shell .recognition-progress-ring span {
    color: var(--dark-text);
    font-size: var(--cabinet-size-section, 22px);
    font-weight: var(--cabinet-weight-heading, 600);
}

.personal-cabinet-shell .recognition-progress-ring-wrap strong,
.personal-cabinet-shell .recognition-progress-ring-wrap small {
    display: block;
    line-height: 1.45;
}

.personal-cabinet-shell .recognition-progress-ring-wrap strong {
    color: var(--dark-text);
    font-size: var(--cabinet-size-supporting, 14px);
    font-weight: var(--cabinet-weight-control, 500);
}

.personal-cabinet-shell .recognition-progress-ring-wrap small {
    margin-top: 6px;
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 13px);
}

.personal-cabinet-shell .human-path-history-chart {
    color: var(--accent-green);
    margin: 6px 0 18px;
}

.personal-cabinet-shell .human-path-history-chart svg {
    display: block;
    width: 100%;
    height: auto;
}

.personal-cabinet-shell .history-grid-line {
    fill: none;
    stroke: currentColor;
    stroke-opacity: 0.08;
}

.personal-cabinet-shell .history-fill {
    fill: url(#humanPathTrendFill);
}

.personal-cabinet-shell .history-line {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 4;
}

.personal-cabinet-shell .human-path-history-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    border-top: 1px solid var(--border);
}

.personal-cabinet-shell .human-path-history-stats div {
    padding: 16px 10px 0;
    border-right: 1px solid var(--border);
    text-align: center;
}

.personal-cabinet-shell .human-path-history-stats div:last-child {
    border-right: 0;
}

.personal-cabinet-shell .human-path-history-stats strong,
.personal-cabinet-shell .human-path-history-stats span {
    display: block;
}

.personal-cabinet-shell .human-path-history-stats strong {
    color: var(--accent-green);
    font-size: var(--cabinet-size-section, 22px);
    font-weight: var(--cabinet-weight-control, 500);
}

.personal-cabinet-shell .human-path-history-stats span {
    margin-top: 6px;
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 12px);
}

.personal-cabinet-shell .human-path-confirmation-list {
    display: grid;
    gap: 0;
}

.personal-cabinet-shell .human-path-confirmation-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 5px 14px;
    padding: 13px 0;
    border-bottom: 1px solid var(--border);
    color: var(--dark-text);
    text-decoration: none;
}

.personal-cabinet-shell .human-path-confirmation-item:first-child {
    padding-top: 0;
}

.personal-cabinet-shell .human-path-confirmation-item:last-child {
    border-bottom: 0;
}

.personal-cabinet-shell .human-path-confirmation-item span,
.personal-cabinet-shell .human-path-confirmation-item small {
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 12px);
    font-weight: var(--cabinet-weight-body, 400);
}

.personal-cabinet-shell .human-path-confirmation-item strong {
    grid-column: 1;
    color: var(--dark-text);
    font-size: var(--cabinet-size-label, 13px);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.4;
}

.personal-cabinet-shell .human-path-confirmation-item small {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
    white-space: nowrap;
}

.personal-cabinet-shell .human-path-dimension-bars {
    display: grid;
    gap: 24px;
    padding-top: 4px;
}

.personal-cabinet-shell .human-path-dimension-bar {
    display: grid;
    gap: 9px;
}

.personal-cabinet-shell .human-path-dimension-bar > div:first-child {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
}

.personal-cabinet-shell .human-path-dimension-bar span {
    color: var(--dark-text);
    font-size: var(--cabinet-size-supporting, 14px);
    font-weight: var(--cabinet-weight-control, 500);
}

.personal-cabinet-shell .human-path-dimension-bar strong {
    color: var(--dark-text);
    font-size: var(--cabinet-size-card, 18px);
    font-weight: var(--cabinet-weight-control, 500);
}

.personal-cabinet-shell .human-path-dimension-bar small {
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 12px);
    line-height: 1.35;
}

.personal-cabinet-shell .human-path-dimension-track {
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(140, 140, 140, 0.18);
}

.personal-cabinet-shell .human-path-dimension-track i {
    display: block;
    width: calc(var(--dimension-value) * 1%);
    height: 100%;
    border-radius: inherit;
    background: var(--accent-green);
}

html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-page .card-wrapper {
    border-color: var(--hp-dark-border);
    background:
        linear-gradient(145deg, rgba(43, 49, 56, 0.84), rgba(29, 33, 38, 0.9)),
        var(--theme-card-surface);
}

html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-page .card-header,
html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-card .dashboard-identity-heading,
html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-card .dashboard-status-row,
html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-card .dashboard-status-row-identifier,
html[data-theme="dark"] .personal-cabinet-shell .recognition-progress-metric,
html[data-theme="dark"] .personal-cabinet-shell .human-path-history-stats,
html[data-theme="dark"] .personal-cabinet-shell .human-path-history-stats div,
html[data-theme="dark"] .personal-cabinet-shell .human-path-confirmation-item {
    border-color: var(--hp-dark-line);
}

html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-page .card-header span,
html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-page .dashboard-identity-heading strong,
html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-page .dashboard-status-row strong,
html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-page .recognition-progress-metric strong,
html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-page .recognition-progress-ring span,
html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-page .recognition-progress-ring-wrap strong,
html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-page .human-path-confirmation-item strong,
html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-page .human-path-dimension-bar span,
html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-page .human-path-dimension-bar strong,
html[data-theme="dark"] .personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-action-tile span,
html[data-theme="dark"] .personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-action-tile strong,
html[data-theme="dark"] .personal-cabinet-shell .human-path-glyph-management-card .dashboard-full-action,
html[data-theme="dark"] .personal-cabinet-shell .human-path-glyph-management-card .dashboard-full-action strong {
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-page .dashboard-eyebrow,
html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-page .dashboard-status-row span,
html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-page .dashboard-status-row small,
html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-page .dashboard-identity-heading span,
html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-page .recognition-progress-metric span,
html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-page .recognition-progress-metric small,
html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-page .recognition-progress-ring-wrap small,
html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-page .human-path-confirmation-item span,
html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-page .human-path-confirmation-item small,
html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-page .human-path-dimension-bar small,
html[data-theme="dark"] .personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-action-tile small,
html[data-theme="dark"] .personal-cabinet-shell .human-path-glyph-management-card .dashboard-full-action small {
    color: var(--theme-supporting-text);
}

html[data-theme="dark"] .personal-cabinet-shell .dashboard-eyebrow,
html[data-theme="dark"] .personal-cabinet-shell .wallet-eyebrow,
html[data-theme="dark"] .personal-cabinet-shell .statistics-eyebrow,
html[data-theme="dark"] .personal-cabinet-shell .certification-eyebrow,
html[data-theme="dark"] .personal-cabinet-shell .membership-eyebrow,
html[data-theme="dark"] .personal-cabinet-shell .settings-eyebrow,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-eyebrow,
html[data-theme="dark"] .personal-cabinet-shell .humas-header-eyebrow,
html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-page .dashboard-identifier,
html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-page .dashboard-identifier-value {
    color: var(--theme-primary-button) !important;
}

html[data-theme="dark"] .personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-action-tile,
html[data-theme="dark"] .personal-cabinet-shell .human-path-glyph-management-card .dashboard-full-action,
html[data-theme="dark"] .personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-activation {
    border-color: rgba(184, 188, 193, 0.12);
    background: rgba(37, 42, 49, 0.72);
}

html[data-theme="dark"] .personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-action-tile:hover,
html[data-theme="dark"] .personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-action-tile:focus-within,
html[data-theme="dark"] .personal-cabinet-shell .human-path-glyph-management-card .dashboard-full-action:hover,
html[data-theme="dark"] .personal-cabinet-shell .human-path-glyph-management-card .dashboard-full-action:focus {
    border-color: rgba(88, 178, 143, 0.36);
    background: rgba(64, 72, 84, 0.42);
}

html[data-theme="dark"] .personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-action-icon {
    filter: none;
    opacity: 0.96;
}

html[data-theme="dark"] .personal-cabinet-shell .recognition-progress-ring {
    background:
        radial-gradient(circle at center, var(--theme-primary-workspace) 0 54%, transparent 55%),
        conic-gradient(var(--theme-primary-button) calc(var(--recognition-progress) * 1%), rgba(184, 188, 193, 0.14) 0);
}

html[data-theme="dark"] .personal-cabinet-shell .human-path-history-chart,
html[data-theme="dark"] .personal-cabinet-shell .human-path-history-stats strong,
html[data-theme="dark"] .personal-cabinet-shell .human-path-dimension-track i {
    color: var(--theme-primary-button);
}

html[data-theme="dark"] .personal-cabinet-shell .human-path-dimension-track {
    background: rgba(184, 188, 193, 0.14);
}

@media (max-width: 1240px) {
    .personal-cabinet-shell .human-path-hero-grid,
    .personal-cabinet-shell .human-path-lower-grid {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .human-path-profile-card,
    .personal-cabinet-shell .human-path-glyph-management-card {
        min-height: 0;
    }
}

@media (max-width: 1320px) {
    .personal-cabinet-shell .human-path-profile-page {
        --hp-card-padding: 20px;
        --hp-gap: 16px;
    }

    .personal-cabinet-shell .human-path-profile-card .dashboard-glyph-identity {
        grid-template-columns: minmax(210px, 0.78fr) minmax(0, 1fr);
        gap: 18px;
    }

    .personal-cabinet-shell .human-path-profile-card .dashboard-primary-glyph-box,
    .personal-cabinet-shell .human-path-profile-card .dashboard-primary-glyph-box .glyph-inner,
    .personal-cabinet-shell .human-path-profile-card #glyph-svg,
    .personal-cabinet-shell .human-path-profile-card #glyph-svg svg {
        width: 220px;
        height: 220px;
        min-width: 220px;
        flex-basis: 220px;
    }

    .personal-cabinet-shell .human-path-profile-card .dashboard-status-row,
    .personal-cabinet-shell .human-path-profile-card .dashboard-status-row-identifier {
        grid-template-columns: minmax(104px, 0.42fr) minmax(0, 1fr);
        gap: 12px;
    }

    .personal-cabinet-shell .human-path-profile-card .dashboard-identity-heading strong {
        font-size: var(--cabinet-size-section, 25px);
    }

    .personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-action-tile {
        grid-template-columns: 34px minmax(0, 1fr) 14px;
        gap: 10px;
        padding: 13px 14px;
    }

    .personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-workspace-side {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .personal-cabinet-shell .human-path-profile-page {
        --hp-card-padding: 20px;
        --hp-gap: 16px;
    }

    .personal-cabinet-shell .human-path-profile-card .dashboard-glyph-identity,
    .personal-cabinet-shell .human-path-progress-card > .card-body {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .recognition-progress-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px 0;
    }

    .personal-cabinet-shell .recognition-progress-metric:nth-child(2) {
        border-right: 0;
    }
}

@media (max-width: 680px) {
    .personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-actions,
    .personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-workspace-side,
    .personal-cabinet-shell .recognition-progress-metrics,
    .personal-cabinet-shell .human-path-history-stats {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .recognition-progress-metric,
    .personal-cabinet-shell .human-path-history-stats div {
        padding-left: 0;
        padding-right: 0;
        border-right: 0;
    }
}

/* Glyph Workspace v1.0 */
.personal-cabinet-shell .container.mt-20.glyph-workspace-page {
    max-width: 1200px;
    padding: 46px 24px 36px;
    overflow: visible;
}

.personal-cabinet-shell .glyph-workspace-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

.personal-cabinet-shell .glyph-workspace-eyebrow {
    margin: 0 0 6px;
    color: var(--primary-green);
    font-size: var(--cabinet-size-metadata, 12px);
    font-weight: var(--cabinet-weight-control, 600);
    line-height: 1.35;
    text-transform: uppercase;
}

.personal-cabinet-shell .glyph-workspace-hero h1 {
    margin: 0;
    color: var(--dark-text);
    font-size: var(--cabinet-size-page, 32px);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.18;
}

.personal-cabinet-shell .glyph-workspace-hero p {
    margin: 8px 0 0;
    color: var(--muted-text);
    font-size: var(--cabinet-size-body, 15px);
    line-height: 1.45;
}

.personal-cabinet-shell .glyph-workspace-context {
    display: grid;
    gap: 4px;
    min-width: 220px;
    padding: 13px 16px;
    border: 1px solid var(--border);
    border-radius: 4px;
    background: var(--white);
    text-align: right;
}

.personal-cabinet-shell .glyph-workspace-context strong {
    color: var(--dark-text);
    font-size: var(--cabinet-size-supporting, 14px);
    font-weight: var(--cabinet-weight-heading, 600);
}

.personal-cabinet-shell .glyph-workspace-context span {
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 12px);
}

.personal-cabinet-shell .glyph-workspace-context small {
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 12px);
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.personal-cabinet-shell .glyph-workspace-context em {
    justify-self: end;
    padding: 4px 8px;
    border: 1px solid rgba(50, 122, 104, 0.28);
    border-radius: 999px;
    background: rgba(50, 122, 104, 0.08);
    color: var(--primary-green);
    font-size: var(--cabinet-size-metadata, 11px);
    font-style: normal;
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.2;
}

.personal-cabinet-shell .glyph-workspace-app {
    display: grid;
    gap: 16px;
}

.personal-cabinet-shell .glyph-workspace-main-grid {
    display: grid;
    grid-template-columns: minmax(520px, 1.95fr) minmax(245px, 0.85fr) minmax(225px, 0.72fr);
    gap: 16px;
    align-items: stretch;
}

.personal-cabinet-shell .glyph-workspace-panel,
.personal-cabinet-shell .glyph-workspace-customize,
.personal-cabinet-shell .glyph-workspace-sync-note {
    border: 1px solid var(--border);
    border-radius: 4px;
    background: var(--white);
}

.personal-cabinet-shell .glyph-workspace-panel {
    min-width: 0;
    padding: 22px;
}

.personal-cabinet-shell .glyph-workspace-panel-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.personal-cabinet-shell .glyph-workspace-panel-header h2,
.personal-cabinet-shell .glyph-workspace-info h2 {
    margin: 0;
    color: var(--dark-text);
    font-size: var(--cabinet-size-section, 18px);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.3;
}

.personal-cabinet-shell .glyph-workspace-panel-header p {
    margin: 6px 0 0;
    color: var(--muted-text);
    font-size: var(--cabinet-size-body, 13px);
    line-height: 1.45;
}

.personal-cabinet-shell .glyph-workspace-icon-button {
    display: inline-flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    border: 1px solid var(--border);
    border-radius: 4px;
    background: var(--ultra-light);
}

.personal-cabinet-shell .glyph-workspace-icon-button img {
    width: 18px;
    height: 18px;
}

.personal-cabinet-shell .glyph-workspace-visual-area {
    display: flex;
    min-height: 405px;
    align-items: center;
    justify-content: center;
    padding: 6px 10px 8px;
}

.personal-cabinet-shell .glyph-workspace-glyph-box {
    width: min(390px, 100%);
    height: auto;
    aspect-ratio: 1 / 1;
    min-height: 0;
    flex: 0 1 390px;
    margin: 0;
}

.personal-cabinet-shell .glyph-workspace-glyph-box .glyph-inner {
    width: 100%;
    height: 100%;
    background: #0e2b28;
}

.personal-cabinet-shell .glyph-workspace-glyph-box #glyph-svg,
.personal-cabinet-shell .glyph-workspace-glyph-box #glyph-svg svg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    shape-rendering: geometricPrecision;
}

.personal-cabinet-shell .glyph-workspace-draft-state {
    display: grid;
    grid-template-columns: 10px auto minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    padding: 10px 12px;
    border: 1px solid var(--border);
    border-radius: 5px;
    background: var(--ultra-light);
}

.personal-cabinet-shell .glyph-workspace-draft-state > span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--primary-green);
}

.personal-cabinet-shell .glyph-workspace-draft-state strong,
.personal-cabinet-shell .glyph-workspace-draft-state em {
    font-size: var(--cabinet-size-metadata, 12px);
    line-height: 1.35;
}

.personal-cabinet-shell .glyph-workspace-draft-state strong {
    color: var(--dark-text);
    white-space: nowrap;
}

.personal-cabinet-shell .glyph-workspace-draft-state em {
    color: var(--muted-text);
    font-style: normal;
}

.personal-cabinet-shell .glyph-workspace-draft-state[data-state="generating"] > span {
    animation: glyph-draft-pulse 0.9s ease-in-out infinite alternate;
}

.personal-cabinet-shell .glyph-workspace-draft-state[data-state="draft"] {
    border-color: rgba(211, 190, 152, 0.42);
    background: rgba(211, 190, 152, 0.08);
}

.personal-cabinet-shell .glyph-workspace-draft-state[data-state="draft"] > span {
    background: #d3be98;
}

.personal-cabinet-shell .glyph-workspace-draft-state[data-state="error"] > span {
    background: #d85d57;
}

@keyframes glyph-draft-pulse {
    from { opacity: 0.42; transform: scale(0.84); }
    to { opacity: 1; transform: scale(1.08); }
}

.personal-cabinet-shell .glyph-workspace-action-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: stretch;
    width: 100%;
    margin-top: 22px;
}

.personal-cabinet-shell .glyph-workspace-action,
.personal-cabinet-shell .glyph-workspace-customize .btn {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding: 9px 16px;
    border-radius: 6px;
    font-size: var(--cabinet-size-metadata, 12px);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.2;
    min-width: 94px;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    box-shadow: 0 8px 18px rgba(47, 47, 47, 0.04);
}

.personal-cabinet-shell .glyph-workspace-action-bar > .glyph-workspace-action {
    flex: 1 1 94px;
}

.personal-cabinet-shell .glyph-workspace-action img,
.personal-cabinet-shell .glyph-workspace-customize img {
    width: 15px;
    height: 15px;
    object-fit: contain;
    flex: 0 0 auto;
}

.personal-cabinet-shell .glyph-workspace-action span:not(.chevron) {
    min-width: 0;
    overflow: visible;
    text-overflow: clip;
}

.personal-cabinet-shell .glyph-workspace-action:not(.is-primary) {
    border-color: var(--border);
    background: var(--white);
    color: var(--dark-text);
}

.personal-cabinet-shell .glyph-workspace-action:not(.is-primary):hover,
.personal-cabinet-shell .glyph-workspace-action:not(.is-primary):focus {
    border-color: var(--primary-green);
    background: rgba(50, 122, 104, 0.06);
    color: var(--primary-green);
}

.personal-cabinet-shell .glyph-workspace-action:disabled {
    opacity: 0.52;
    cursor: not-allowed;
}

.personal-cabinet-shell .glyph-workspace-export {
    display: flex;
    flex: 1 1 94px;
    min-width: 94px;
}

.personal-cabinet-shell .glyph-workspace-export > .glyph-workspace-action {
    min-height: 42px;
    width: 100%;
    height: 100%;
}

.personal-cabinet-shell .glyph-workspace-parameters {
    display: grid;
    gap: 16px;
}

.personal-cabinet-shell .glyph-workspace-range {
    display: grid;
    gap: 8px;
}

.personal-cabinet-shell .glyph-workspace-range label,
.personal-cabinet-shell .glyph-workspace-field {
    display: grid;
    gap: 8px;
}

.personal-cabinet-shell .glyph-workspace-range label {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
}

.personal-cabinet-shell .glyph-workspace-range span,
.personal-cabinet-shell .glyph-workspace-field span {
    color: var(--dark-text);
    font-size: var(--cabinet-size-label, 13px);
    font-weight: var(--cabinet-weight-control, 500);
}

.personal-cabinet-shell .glyph-workspace-range strong {
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 12px);
    font-weight: var(--cabinet-weight-control, 500);
}

.personal-cabinet-shell .glyph-workspace-range input[type="range"] {
    width: 100%;
    accent-color: var(--primary-green);
}

.personal-cabinet-shell .glyph-workspace-field select {
    min-height: 38px;
    width: 100%;
    border: 1px solid var(--border);
    border-radius: 4px;
    background: var(--white);
    color: var(--dark-text);
    font-family: var(--font);
    font-size: var(--cabinet-size-input, 13px);
}

.personal-cabinet-shell .glyph-workspace-palette-select {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

.personal-cabinet-shell .glyph-workspace-appearance {
    display: grid;
    gap: 10px;
    align-items: start;
    padding: 12px 12px 10px;
    border: 1px solid var(--border);
    border-radius: 4px;
    background: var(--ultra-light);
}

.personal-cabinet-shell .glyph-workspace-appearance strong,
.personal-cabinet-shell .glyph-workspace-appearance small {
    display: block;
}

.personal-cabinet-shell .glyph-workspace-appearance strong {
    color: var(--dark-text);
    font-size: var(--cabinet-size-label, 13px);
    font-weight: var(--cabinet-weight-heading, 600);
}

.personal-cabinet-shell .glyph-workspace-appearance small {
    margin-top: 4px;
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 12px);
    line-height: 1.35;
}

.personal-cabinet-shell .glyph-workspace-appearance-placeholders {
    display: flex;
    gap: 7px;
    align-items: center;
    min-width: 0;
}

.personal-cabinet-shell .glyph-workspace-appearance-placeholders span {
    width: 21px;
    height: 21px;
    border: 1px solid rgba(47, 47, 47, 0.12);
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22);
}

.personal-cabinet-shell .glyph-workspace-appearance-placeholders .is-gold {
    background: #c1ae8f;
}

.personal-cabinet-shell .glyph-workspace-appearance-placeholders .is-green {
    background: #4f9c87;
}

.personal-cabinet-shell .glyph-workspace-appearance-placeholders .is-olive {
    background: #315e4f;
}

.personal-cabinet-shell .glyph-workspace-appearance-placeholders .is-graphite {
    background: #48525f;
}

.personal-cabinet-shell .glyph-workspace-appearance-placeholders .is-violet {
    background: #75608a;
}

.personal-cabinet-shell .glyph-workspace-color-options {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: flex-start;
    margin-top: -4px;
    margin-left: -2px;
    min-width: 0;
}

.personal-cabinet-shell .glyph-workspace-color-option {
    display: inline-flex;
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    transition:
        border-color 0.2s ease,
        background 0.2s ease,
        box-shadow 0.2s ease;
}

.personal-cabinet-shell .glyph-workspace-color-option:hover,
.personal-cabinet-shell .glyph-workspace-color-option:focus {
    border-color: rgba(50, 122, 104, 0.38);
    background: rgba(50, 122, 104, 0.06);
    box-shadow: 0 0 0 3px rgba(50, 122, 104, 0.08);
    outline: none;
}

.personal-cabinet-shell .glyph-workspace-color-option.is-selected {
    border-color: var(--primary-green);
    background: transparent;
    box-shadow: 0 0 0 1px rgba(50, 122, 104, 0.12);
}

.personal-cabinet-shell .glyph-workspace-color-dot {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    border: 1px solid rgba(47, 47, 47, 0.18);
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}

.personal-cabinet-shell .glyph-workspace-color-dot.is-gold {
    background: #D4AF37;
}

.personal-cabinet-shell .glyph-workspace-color-dot.is-red {
    background: #E14A44;
}

.personal-cabinet-shell .glyph-workspace-color-dot.is-indigo {
    background: #4B3FBF;
}

.personal-cabinet-shell .glyph-workspace-color-dot.is-copper {
    background: #B87333;
}

.personal-cabinet-shell .glyph-workspace-color-dot.is-olo {
    background: #46C1B7;
}

.personal-cabinet-shell .glyph-workspace-preview {
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1px solid var(--border);
}

.personal-cabinet-shell .glyph-workspace-preview h3 {
    margin: 0 0 12px;
    color: var(--dark-text);
    font-size: var(--cabinet-size-card, 15px);
    font-weight: var(--cabinet-weight-heading, 600);
}

.personal-cabinet-shell .glyph-workspace-preview-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
}

.personal-cabinet-shell .glyph-workspace-preview-grid span {
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border);
    border-radius: 4px;
    background: var(--ultra-light);
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 11px);
    text-align: center;
}

.personal-cabinet-shell .glyph-workspace-preview-grid span.is-active {
    border-color: var(--primary-green);
    color: var(--primary-green);
}

.personal-cabinet-shell .glyph-workspace-info-panel {
    display: grid;
    align-content: start;
    gap: 22px;
}

.personal-cabinet-shell .glyph-workspace-activation-summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 74px;
    gap: 18px;
    align-items: center;
}

.personal-cabinet-shell .glyph-workspace-activation-summary span,
.personal-cabinet-shell .glyph-workspace-meta-list dt,
.personal-cabinet-shell .glyph-workspace-info dt {
    color: var(--muted-text);
    font-size: var(--cabinet-size-label, 13px);
    font-weight: var(--cabinet-weight-body, 400);
}

.personal-cabinet-shell .glyph-workspace-activation-summary strong {
    display: block;
    margin-top: 8px;
    color: var(--primary-green);
    font-size: var(--cabinet-size-page, 36px);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.05;
}

.personal-cabinet-shell .glyph-workspace-activation-summary em {
    display: block;
    margin-top: 14px;
    padding: 10px 12px;
    border-radius: 4px;
    background: rgba(50, 122, 104, 0.12);
    color: var(--primary-green);
    font-size: var(--cabinet-size-label, 13px);
    font-style: normal;
    font-weight: var(--cabinet-weight-control, 500);
}

.personal-cabinet-shell .glyph-workspace-check {
    display: flex;
    width: 70px;
    height: 70px;
    align-items: center;
    justify-content: center;
    border: 3px solid var(--primary-green);
    border-radius: 50%;
}

.personal-cabinet-shell .glyph-workspace-check img {
    width: 30px;
    height: 30px;
}

.personal-cabinet-shell .glyph-workspace-meta-list,
.personal-cabinet-shell .glyph-workspace-info dl {
    display: grid;
    gap: 14px;
    margin: 0;
    padding: 20px 0 0;
    border-top: 1px solid var(--border);
}

.personal-cabinet-shell .glyph-workspace-meta-list div,
.personal-cabinet-shell .glyph-workspace-info dl div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: baseline;
}

.personal-cabinet-shell .glyph-workspace-meta-list dd,
.personal-cabinet-shell .glyph-workspace-info dd {
    margin: 0;
    color: var(--dark-text);
    font-size: var(--cabinet-size-label, 13px);
    font-weight: var(--cabinet-weight-control, 500);
    text-align: right;
}

.personal-cabinet-shell .glyph-workspace-info h2 {
    margin-bottom: 14px;
}

.personal-cabinet-shell .glyph-workspace-info dd.is-positive {
    color: var(--primary-green);
}

.personal-cabinet-shell .glyph-workspace-info dd.is-muted {
    color: var(--muted-text);
}

.personal-cabinet-shell .glyph-workspace-customize {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 16px;
}

.personal-cabinet-shell .glyph-workspace-customize > div {
    display: grid;
    grid-template-columns: 24px minmax(0, auto) minmax(0, 1fr);
    gap: 12px;
    align-items: center;
}

.personal-cabinet-shell .glyph-workspace-customize strong {
    color: var(--dark-text);
    font-size: var(--cabinet-size-supporting, 14px);
    font-weight: var(--cabinet-weight-heading, 600);
}

.personal-cabinet-shell .glyph-workspace-customize span,
.personal-cabinet-shell .glyph-workspace-sync-note span,
.personal-cabinet-shell .glyph-workspace-sync-note strong {
    color: var(--muted-text);
    font-size: var(--cabinet-size-label, 13px);
    font-weight: var(--cabinet-weight-body, 400);
}

.personal-cabinet-shell .glyph-workspace-history {
    margin-top: 0;
    padding: 20px;
}

.personal-cabinet-shell .glyph-workspace-history .glyphs-list-header h3 {
    color: var(--dark-text);
    text-transform: none;
}

.personal-cabinet-shell .glyph-workspace-history .glyphs-list-container {
    display: flex;
    flex-wrap: nowrap;
    gap: 14px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 10px;
    scroll-snap-type: x proximity;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch;
}

.personal-cabinet-shell .glyph-workspace-history-toolbar {
    display: flex;
    gap: 8px;
    align-items: center;
    margin: 12px 0 10px;
}

.personal-cabinet-shell .glyph-workspace-history-toolbar label {
    display: inline-flex;
    gap: 7px;
    align-items: center;
    margin-left: auto;
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 12px);
}

.personal-cabinet-shell .glyph-workspace-history .glyph-item.is-archived {
    opacity: 0.72;
}

.personal-cabinet-shell .glyph-item-archive-badge {
    position: absolute;
    top: 8px;
    left: 8px;
    padding: 3px 7px;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: var(--white);
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 10px);
    font-weight: var(--cabinet-weight-heading, 600);
}

.personal-cabinet-shell .glyph-workspace-history .glyph-item-preview svg {
    overflow: hidden;
    shape-rendering: geometricPrecision;
}

.personal-cabinet-shell .glyph-workspace-history .glyph-item {
    flex: 0 0 184px;
    background: var(--ultra-light);
    border-color: var(--border);
    min-width: 0;
    scroll-snap-align: start;
}

.personal-cabinet-shell .glyph-workspace-sync-note {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 14px 18px;
}

.personal-cabinet-shell .glyph-workspace-form-note {
    margin: 4px 0 0;
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 12px);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-page {
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-eyebrow,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-preview-grid span.is-active {
    color: var(--theme-primary-gold);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-hero h1,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-context strong,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-context em,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-panel-header h2,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-info h2,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-range span,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-field span,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-appearance strong,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-meta-list dd,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-info dd,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-customize strong,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-history .glyphs-list-header h3 {
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-hero p,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-context span,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-context small,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-panel-header p,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-range strong,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-appearance small,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-activation-summary span,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-meta-list dt,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-info dt,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-customize span,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-sync-note span,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-sync-note strong,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-form-note {
    color: var(--theme-supporting-text);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-context em {
    border-color: rgba(79, 156, 135, 0.38);
    background: rgba(79, 156, 135, 0.12);
    color: var(--theme-primary-button);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-context,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-panel,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-customize,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-history,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-sync-note {
    border-color: var(--theme-primary-border);
    background:
        linear-gradient(145deg, rgba(43, 49, 56, 0.82), rgba(29, 33, 38, 0.92)),
        var(--theme-card-surface);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-icon-button,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-appearance,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-preview-grid span,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-history .glyph-item,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-action:not(.is-primary) {
    border-color: rgba(184, 188, 193, 0.14);
    background: rgba(37, 42, 49, 0.72);
    color: var(--theme-primary-text);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.14);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-draft-state,
html[data-theme="dark"] .personal-cabinet-shell .glyph-item-archive-badge {
    border-color: var(--theme-primary-border);
    background: var(--theme-secondary-workspace);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-draft-state strong {
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-draft-state em,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-history-toolbar label,
html[data-theme="dark"] .personal-cabinet-shell .glyph-item-archive-badge {
    color: var(--theme-supporting-text);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-appearance-placeholders span {
    border-color: rgba(184, 188, 193, 0.22);
    box-shadow: inset 0 0 0 1px rgba(22, 24, 27, 0.28);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-color-option {
    border-color: transparent;
    background: transparent;
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-color-option:hover,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-color-option:focus {
    border-color: rgba(79, 156, 135, 0.42);
    background: rgba(79, 156, 135, 0.08);
    box-shadow: 0 0 0 3px rgba(79, 156, 135, 0.08);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-color-option.is-selected {
    border-color: var(--theme-primary-button);
    background: transparent;
    box-shadow: 0 0 0 1px rgba(79, 156, 135, 0.12);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-color-dot {
    border-color: rgba(184, 188, 193, 0.22);
    box-shadow: inset 0 0 0 1px rgba(22, 24, 27, 0.28);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-action:not(.is-primary):hover,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-action:not(.is-primary):focus {
    border-color: rgba(79, 156, 135, 0.42);
    background: rgba(64, 72, 84, 0.46);
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-field select {
    border-color: var(--theme-input-border);
    background: var(--theme-input-bg);
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-field option {
    background: var(--theme-dropdown-surface);
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-range input[type="range"] {
    accent-color: var(--theme-primary-button);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-preview,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-meta-list,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-info dl {
    border-color: rgba(184, 188, 193, 0.14);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-activation-summary strong,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-activation-summary em,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-info dd.is-positive {
    color: var(--theme-primary-button);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-activation-summary em {
    background: rgba(79, 156, 135, 0.14);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-check {
    border-color: var(--theme-primary-button);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-icon-button img,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-action img,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-customize img,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-check img {
    filter: brightness(0) saturate(100%) invert(75%) sepia(16%) saturate(808%) hue-rotate(110deg) brightness(83%) contrast(86%);
}

html[data-theme="dark"] .personal-cabinet-shell .certification-page .certification-empty-state,
html[data-theme="dark"] .personal-cabinet-shell .certification-page .certification-max-level,
html[data-theme="dark"] .personal-cabinet-shell .certification-page .certification-requirements-description,
html[data-theme="dark"] .personal-cabinet-shell .certification-page .certification-progress-item,
html[data-theme="dark"] .personal-cabinet-shell .certification-page .certification-warning-box,
html[data-theme="dark"] .personal-cabinet-shell .certification-page .certification-pending-box,
html[data-theme="dark"] .personal-cabinet-shell .certification-level-path,
html[data-theme="dark"] .personal-cabinet-shell .certification-level-path article,
html[data-theme="dark"] .personal-cabinet-shell .certification-submit-intro,
html[data-theme="dark"] .personal-cabinet-shell .certification-submit-status,
html[data-theme="dark"] .personal-cabinet-shell .certification-hpc-info,
html[data-theme="dark"] .personal-cabinet-shell .certification-mode-tabs,
html[data-theme="dark"] .personal-cabinet-shell .certification-mode-panels,
html[data-theme="dark"] .personal-cabinet-shell .certification-progress-state,
html[data-theme="dark"] .personal-cabinet-shell .certification-integration-list > div,
html[data-theme="dark"] .personal-cabinet-shell .certification-integration-list > a,
html[data-theme="dark"] .personal-cabinet-shell .membership-empty-state,
html[data-theme="dark"] .personal-cabinet-shell .membership-record-preview span,
html[data-theme="dark"] .personal-cabinet-shell .membership-integration-list > div,
html[data-theme="dark"] .personal-cabinet-shell .statistics-integration-list > div,
html[data-theme="dark"] .personal-cabinet-shell .statistics-preview-note,
html[data-theme="dark"] .personal-cabinet-shell .statistics-preview-service-note,
html[data-theme="dark"] .personal-cabinet-shell .statistics-records-note,
html[data-theme="dark"] .personal-cabinet-shell .statistics-empty-state,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-appearance,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-history .glyph-item {
    border-color: var(--theme-primary-border);
    background: var(--theme-secondary-workspace);
    color: var(--theme-secondary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .certification-level-path summary,
html[data-theme="dark"] .personal-cabinet-shell .certification-level-path article strong {
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .certification-level-path article span {
    color: var(--theme-supporting-text);
}

html[data-theme="dark"] .personal-cabinet-shell .certification-page .certification-empty-title,
html[data-theme="dark"] .personal-cabinet-shell .certification-page .certification-max-level-title,
html[data-theme="dark"] .personal-cabinet-shell .certification-submit-status strong,
html[data-theme="dark"] .personal-cabinet-shell .certification-hpc-info-header span,
html[data-theme="dark"] .personal-cabinet-shell .certification-hpc-info-grid strong,
html[data-theme="dark"] .personal-cabinet-shell .certification-integration-list strong,
html[data-theme="dark"] .personal-cabinet-shell .statistics-empty-state strong,
html[data-theme="dark"] .personal-cabinet-shell .statistics-context strong,
html[data-theme="dark"] .personal-cabinet-shell .statistics-subhead span,
html[data-theme="dark"] .personal-cabinet-shell .energy-label,
html[data-theme="dark"] .personal-cabinet-shell .energy-value,
html[data-theme="dark"] .personal-cabinet-shell .stat-value,
html[data-theme="dark"] .personal-cabinet-shell .membership-record-preview span,
html[data-theme="dark"] .personal-cabinet-shell .membership-integration-list strong,
html[data-theme="dark"] .personal-cabinet-shell .statistics-integration-list strong {
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .certification-page .certification-empty-text,
html[data-theme="dark"] .personal-cabinet-shell .certification-page .certification-max-level-text,
html[data-theme="dark"] .personal-cabinet-shell .certification-submit-intro,
html[data-theme="dark"] .personal-cabinet-shell .certification-submit-status small,
html[data-theme="dark"] .personal-cabinet-shell .certification-submit-level-block small,
html[data-theme="dark"] .personal-cabinet-shell .certification-review-helper,
html[data-theme="dark"] .personal-cabinet-shell .certification-hpc-info-header small,
html[data-theme="dark"] .personal-cabinet-shell .certification-hpc-info-grid span,
html[data-theme="dark"] .personal-cabinet-shell .certification-integration-list span,
html[data-theme="dark"] .personal-cabinet-shell .membership-empty-state p,
html[data-theme="dark"] .personal-cabinet-shell .statistics-empty-state span,
html[data-theme="dark"] .personal-cabinet-shell .statistics-context span,
html[data-theme="dark"] .personal-cabinet-shell .statistics-filter-row small,
html[data-theme="dark"] .personal-cabinet-shell .statistics-subhead small,
html[data-theme="dark"] .personal-cabinet-shell .stat-label,
html[data-theme="dark"] .personal-cabinet-shell .stat-note,
html[data-theme="dark"] .personal-cabinet-shell .energy-percentage,
html[data-theme="dark"] .personal-cabinet-shell .membership-integration-list span,
html[data-theme="dark"] .personal-cabinet-shell .statistics-integration-list span {
    color: var(--theme-supporting-text);
}

html[data-theme="dark"] .personal-cabinet-shell .statistics-records-card .statistics-history-row:nth-child(odd) {
    background: rgba(43, 49, 56, 0.42);
}

html[data-theme="dark"] .personal-cabinet-shell .statistics-records-card .statistics-history-row [data-label="Amount"] {
    color: var(--theme-primary-button);
}

html[data-theme="dark"] .personal-cabinet-shell .certification-state-card .certification-badge,
html[data-theme="dark"] .personal-cabinet-shell .certification-progress-completed .certification-progress-state,
html[data-theme="dark"] .personal-cabinet-shell .certification-integration-list span em {
    border-color: rgba(79, 156, 135, 0.32);
    background: rgba(79, 156, 135, 0.12);
    color: var(--theme-primary-button);
}

html[data-theme="dark"] .personal-cabinet-shell .certification-progress-current .certification-progress-state {
    border-color: rgba(211, 190, 152, 0.32);
    background: rgba(211, 190, 152, 0.12);
    color: var(--theme-primary-gold);
}

html[data-theme="dark"] .personal-cabinet-shell .certification-history-row:nth-child(odd) {
    background: rgba(43, 49, 56, 0.42);
}

html[data-theme="dark"] .personal-cabinet-shell .certification-page .certification-progress-bar {
    background: var(--theme-primary-border);
}

html[data-theme="dark"] .personal-cabinet-shell .certification-field select,
html[data-theme="dark"] .personal-cabinet-shell .certification-field input,
html[data-theme="dark"] .personal-cabinet-shell .certification-field textarea {
    border-color: var(--theme-input-border);
    background: var(--theme-input-bg);
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .certification-field textarea::placeholder {
    color: var(--theme-input-placeholder);
}

html[data-theme="dark"] .personal-cabinet-shell .certification-field input::placeholder {
    color: var(--theme-input-placeholder);
}

html[data-theme="dark"] .personal-cabinet-shell .certification-event-card {
    border-left-color: var(--theme-primary-button);
    background: rgba(79, 156, 135, 0.08);
}

html[data-theme="dark"] .personal-cabinet-shell .certification-date-control input {
    color-scheme: dark;
}

html[data-theme="dark"] .personal-cabinet-shell .certification-date-control button,
html[data-theme="dark"] .personal-cabinet-shell .certification-fallback-source,
html[data-theme="dark"] .personal-cabinet-shell .certification-fallback-toggle,
html[data-theme="dark"] .personal-cabinet-shell .certification-fallback-policy-grid > div {
    border-color: var(--theme-input-border);
    background: var(--theme-input-bg);
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .certification-date-control button {
    color: var(--theme-primary-button);
}

html[data-theme="dark"] .personal-cabinet-shell .certification-fallback-card {
    border-left-color: var(--theme-primary-button);
    background: rgba(79, 156, 135, 0.08);
}

html[data-theme="dark"] .personal-cabinet-shell .certification-fallback-policy-grid p {
    color: var(--theme-primary-text);
}

@media (max-width: 700px) {
    .personal-cabinet-shell .certification-fallback-policy-grid {
        grid-template-columns: 1fr;
    }
}

html[data-theme="dark"] .personal-cabinet-shell .certification-event-grid .certification-field.is-required > span::after {
    background: rgba(79, 156, 135, 0.14);
    color: var(--theme-primary-button);
}

html[data-theme="dark"] .personal-cabinet-shell .certification-mode-tab {
    border-color: transparent;
    background: transparent;
    color: var(--theme-secondary-text);
}

html[data-theme="dark"] .personal-cabinet-shell #certification-mode-document:checked + .certification-mode-tab,
html[data-theme="dark"] .personal-cabinet-shell #certification-mode-text:checked + .certification-mode-tab {
    border-color: var(--theme-primary-button);
    background: var(--theme-primary-button);
    color: var(--theme-primary-workspace);
}

html[data-theme="dark"] .personal-cabinet-shell .certification-submit-level {
    background: rgba(79, 156, 135, 0.16);
    color: var(--theme-primary-button);
}

html[data-theme="dark"] .personal-cabinet-shell .certification-hpc-info-grid .certification-hpc-evidence {
    border-color: var(--theme-primary-button);
    background: rgba(79, 156, 135, 0.12);
}

html[data-theme="dark"] .personal-cabinet-shell .certification-hpc-info-grid .certification-hpc-evidence span {
    color: var(--theme-primary-button);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-history .glyph-item.current {
    border-color: var(--theme-primary-button);
    background: rgba(79, 156, 135, 0.12);
}

@media (min-width: 1440px) {
    .personal-cabinet-shell .glyph-workspace-action-bar {
        flex-wrap: nowrap;
    }

    .personal-cabinet-shell .glyph-workspace-action,
    .personal-cabinet-shell .glyph-workspace-export {
        flex: 1 1 94px;
    }
}

@media (max-width: 1320px) {
    .personal-cabinet-shell .glyph-workspace-main-grid {
        grid-template-columns: minmax(360px, 1.42fr) minmax(260px, 0.95fr) minmax(235px, 0.78fr);
    }

    .personal-cabinet-shell .glyph-workspace-panel {
        padding: 18px;
    }

    .personal-cabinet-shell .glyph-workspace-visual-area {
        min-height: 365px;
    }

    .personal-cabinet-shell .glyph-workspace-glyph-box {
        width: min(360px, 100%);
        height: auto;
        flex-basis: 360px;
    }

    .personal-cabinet-shell .glyph-workspace-action-bar {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1120px) {
    .personal-cabinet-shell .glyph-workspace-main-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .personal-cabinet-shell .glyph-workspace-visual-area {
        min-height: 410px;
    }

    .personal-cabinet-shell .glyph-workspace-info-panel {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .personal-cabinet-shell .glyph-workspace-history .glyphs-list-container {
        flex-wrap: nowrap;
    }
}

@media (max-width: 900px) {
    .personal-cabinet-shell .container.mt-20.glyph-workspace-page {
        padding: 36px 18px 30px;
    }

    .personal-cabinet-shell .glyph-workspace-hero,
    .personal-cabinet-shell .glyph-workspace-customize,
    .personal-cabinet-shell .glyph-workspace-sync-note {
        align-items: stretch;
        flex-direction: column;
    }

    .personal-cabinet-shell .glyph-workspace-context {
        text-align: left;
    }

    .personal-cabinet-shell .glyph-workspace-action-bar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .personal-cabinet-shell .glyph-workspace-info-panel,
    .personal-cabinet-shell .glyph-workspace-customize > div {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .glyph-workspace-history .glyphs-list-container {
        flex-wrap: nowrap;
    }

    .personal-cabinet-shell .glyph-workspace-history .glyph-item {
        flex-basis: 170px;
    }
}

@media (max-width: 560px) {
    .personal-cabinet-shell .glyph-workspace-action-bar,
    .personal-cabinet-shell .glyph-workspace-preview-grid {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .glyph-workspace-history .glyphs-list-container {
        flex-wrap: nowrap;
    }

    .personal-cabinet-shell .glyph-workspace-history .glyph-item {
        flex-basis: 160px;
    }

    .personal-cabinet-shell .glyph-workspace-visual-area {
        min-height: 300px;
    }

    .personal-cabinet-shell .glyph-workspace-activation-summary,
    .personal-cabinet-shell .glyph-workspace-meta-list div,
    .personal-cabinet-shell .glyph-workspace-info dl div {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .glyph-workspace-meta-list dd,
    .personal-cabinet-shell .glyph-workspace-info dd {
        text-align: left;
    }
}

/* Module 13: Glyph Workspace final polish */
.personal-cabinet-shell .glyph-workspace-actions-header {
    display: grid;
    gap: 5px;
    position: relative;
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid var(--border);
}

.personal-cabinet-shell .glyph-workspace-anchor {
    display: block;
    position: absolute;
    left: 0;
    top: -96px;
    height: 0;
    overflow: hidden;
}

.personal-cabinet-shell .glyph-workspace-actions-header strong,
.personal-cabinet-shell .glyph-workspace-library-map strong,
.personal-cabinet-shell .glyph-workspace-history-intro strong,
.personal-cabinet-shell .glyph-workspace-integration-grid strong,
.personal-cabinet-shell .glyph-workspace-aria-guidance strong {
    color: var(--dark-text);
    font-size: var(--cabinet-size-supporting, 14px);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.35;
}

.personal-cabinet-shell .glyph-workspace-actions-header span,
.personal-cabinet-shell .glyph-workspace-library-header p,
.personal-cabinet-shell .glyph-workspace-library-map span,
.personal-cabinet-shell .glyph-workspace-history-intro span,
.personal-cabinet-shell .glyph-workspace-integration-grid span,
.personal-cabinet-shell .glyph-workspace-aria-guidance span {
    color: var(--muted-text);
    font-size: var(--cabinet-size-label, 13px);
    line-height: 1.45;
}

.personal-cabinet-shell .glyph-workspace-action-bar {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.personal-cabinet-shell .glyph-workspace-action,
.personal-cabinet-shell .glyph-workspace-export {
    min-width: 0;
}

.personal-cabinet-shell .glyph-workspace-action-bar > .glyph-workspace-action,
.personal-cabinet-shell .glyph-workspace-export {
    flex: none;
}

.personal-cabinet-shell .glyph-workspace-action {
    width: 100%;
}

.personal-cabinet-shell .glyph-workspace-info-panel .glyph-workspace-panel-header {
    margin-bottom: 0;
}

.personal-cabinet-shell .glyph-workspace-library-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.personal-cabinet-shell .glyph-workspace-library-header h3 {
    margin: 0;
}

.personal-cabinet-shell .glyph-workspace-library-header p {
    margin: 6px 0 0;
}

.personal-cabinet-shell .glyph-workspace-library-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.personal-cabinet-shell .glyph-workspace-library-actions .btn {
    white-space: nowrap;
}

.personal-cabinet-shell .glyph-workspace-library-map {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}

.personal-cabinet-shell .glyph-workspace-library-map > div,
.personal-cabinet-shell .glyph-workspace-history-intro,
.personal-cabinet-shell .glyph-workspace-integration-grid > div {
    display: grid;
    gap: 5px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 4px;
    background: var(--ultra-light);
}

.personal-cabinet-shell .glyph-workspace-history-intro {
    margin-bottom: 14px;
}

.personal-cabinet-shell .glyph-workspace-future-integrations,
.personal-cabinet-shell .glyph-workspace-aria-guidance {
    border: 1px solid var(--border);
    border-radius: 4px;
    background: var(--white);
}

.personal-cabinet-shell .glyph-workspace-future-integrations {
    padding: 20px;
}

.personal-cabinet-shell .glyph-workspace-integration-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.personal-cabinet-shell .glyph-workspace-integration-grid span {
    width: max-content;
    max-width: 100%;
    padding: 5px 8px;
    border: 1px solid rgba(50, 122, 104, 0.24);
    border-radius: 999px;
    background: rgba(50, 122, 104, 0.08);
    color: var(--primary-green);
    font-size: var(--cabinet-size-metadata, 11px);
    font-weight: var(--cabinet-weight-heading, 600);
}

.personal-cabinet-shell .glyph-workspace-aria-guidance {
    padding: 16px;
}

.personal-cabinet-shell .glyph-workspace-aria-guidance > div {
    display: grid;
    grid-template-columns: 28px minmax(140px, auto) minmax(0, 1fr);
    gap: 12px;
    align-items: center;
}

.personal-cabinet-shell .glyph-workspace-aria-guidance img {
    width: 22px;
    height: 22px;
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-actions-header,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-library-map > div,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-history-intro {
    border-color: rgba(184, 188, 193, 0.14);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-actions-header strong,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-library-map strong,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-history-intro strong,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-integration-grid strong,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-aria-guidance strong {
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-actions-header span,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-library-header p,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-library-map span,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-history-intro span,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-aria-guidance span {
    color: var(--theme-supporting-text);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-future-integrations,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-aria-guidance {
    border-color: var(--theme-primary-border);
    background:
        linear-gradient(145deg, rgba(43, 49, 56, 0.82), rgba(29, 33, 38, 0.92)),
        var(--theme-card-surface);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-library-map > div,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-history-intro,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-integration-grid > div {
    border-color: var(--theme-primary-border);
    background: var(--theme-secondary-workspace);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-integration-grid span {
    border-color: rgba(79, 156, 135, 0.32);
    background: rgba(79, 156, 135, 0.12);
    color: var(--theme-primary-button);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-aria-guidance img {
    filter: brightness(0) saturate(100%) invert(75%) sepia(16%) saturate(808%) hue-rotate(110deg) brightness(83%) contrast(86%);
}

@media (max-width: 1320px) {
    .personal-cabinet-shell .glyph-workspace-action-bar {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .personal-cabinet-shell .glyph-workspace-integration-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .personal-cabinet-shell .glyph-workspace-library-header,
    .personal-cabinet-shell .glyph-workspace-aria-guidance > div {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .glyph-workspace-library-header {
        align-items: stretch;
        flex-direction: column;
    }

    .personal-cabinet-shell .glyph-workspace-library-map {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .personal-cabinet-shell .glyph-workspace-library-actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .personal-cabinet-shell .glyph-workspace-library-actions .btn {
        width: 100%;
    }

    .personal-cabinet-shell .glyph-workspace-action-bar,
    .personal-cabinet-shell .glyph-workspace-integration-grid {
        grid-template-columns: 1fr;
    }
}

/* Module 13.1: Glyph Workspace visual refinement */
.personal-cabinet-shell .glyph-workspace-hero {
    margin-bottom: 16px;
}

.personal-cabinet-shell .glyph-workspace-context {
    align-self: center;
    gap: 3px;
    padding: 10px 14px;
}

.personal-cabinet-shell .glyph-workspace-main-grid {
    grid-template-columns: minmax(540px, 2.08fr) minmax(235px, 0.8fr) minmax(215px, 0.68fr);
}

.personal-cabinet-shell .glyph-workspace-action-bar {
    gap: 8px;
    margin-top: 18px;
}

.personal-cabinet-shell .glyph-workspace-action,
.personal-cabinet-shell .glyph-workspace-customize .btn {
    padding-inline: 12px;
}

.personal-cabinet-shell .glyph-workspace-parameters {
    gap: 12px;
}

.personal-cabinet-shell .glyph-workspace-range {
    gap: 5px;
}

.personal-cabinet-shell .glyph-workspace-range label,
.personal-cabinet-shell .glyph-workspace-field {
    gap: 5px;
}

.personal-cabinet-shell .glyph-workspace-info-panel {
    gap: 16px;
}

.personal-cabinet-shell .glyph-workspace-activation-summary {
    grid-template-columns: minmax(0, 1fr) 56px;
    gap: 12px;
}

.personal-cabinet-shell .glyph-workspace-activation-summary strong {
    margin-top: 4px;
    font-size: var(--cabinet-size-page, 30px);
    line-height: 1;
}

.personal-cabinet-shell .glyph-workspace-activation-summary em {
    margin-top: 8px;
    padding: 7px 10px;
    line-height: 1.15;
}

.personal-cabinet-shell .glyph-workspace-check {
    width: 54px;
    height: 54px;
}

.personal-cabinet-shell .glyph-workspace-check img {
    width: 24px;
    height: 24px;
}

.personal-cabinet-shell .glyph-workspace-meta-list,
.personal-cabinet-shell .glyph-workspace-info dl {
    gap: 12px;
    padding-top: 16px;
}

.personal-cabinet-shell .glyph-workspace-library-header {
    align-items: center;
}

.personal-cabinet-shell .glyph-workspace-history .glyph-item {
    min-height: 194px;
}

.personal-cabinet-shell .glyph-workspace-aria-guidance {
    margin-top: 2px;
    border-color: rgba(50, 122, 104, 0.22);
    box-shadow: 0 12px 24px rgba(47, 47, 47, 0.035);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-aria-guidance {
    border-color: rgba(79, 156, 135, 0.28);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.18);
}

@media (max-width: 1320px) {
    .personal-cabinet-shell .glyph-workspace-main-grid {
        grid-template-columns: minmax(360px, 1.42fr) minmax(260px, 0.95fr) minmax(235px, 0.78fr);
    }
}

@media (max-width: 1120px) {
    .personal-cabinet-shell .glyph-workspace-main-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Module 13.2: Glyph Workspace responsive text containment */
.personal-cabinet-shell .glyph-workspace-main-grid {
    grid-template-columns:
        minmax(430px, 1.8fr)
        minmax(220px, 0.8fr)
        minmax(260px, 0.85fr);
}

.personal-cabinet-shell .glyph-workspace-activation-summary > div,
.personal-cabinet-shell .glyph-workspace-info dl div,
.personal-cabinet-shell .glyph-workspace-integration-grid > div {
    min-width: 0;
}

.personal-cabinet-shell .glyph-workspace-activation-summary strong {
    max-width: 100%;
    font-size: var(--cabinet-size-section, clamp(24px, 2.05vw, 30px));
    overflow-wrap: normal;
    word-break: normal;
    text-wrap: balance;
}

.personal-cabinet-shell .glyph-workspace-activation-summary em {
    width: fit-content;
    max-width: 100%;
    overflow-wrap: break-word;
}

.personal-cabinet-shell .glyph-workspace-info dl div {
    grid-template-columns: minmax(72px, 0.7fr) minmax(0, 1.3fr);
}

.personal-cabinet-shell .glyph-workspace-info dd {
    min-width: 0;
    overflow-wrap: break-word;
    word-break: normal;
}

.personal-cabinet-shell .glyph-workspace-integration-grid span {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    border-radius: 6px;
    line-height: 1.35;
    overflow-wrap: break-word;
    white-space: normal;
}

.personal-cabinet-shell .glyph-workspace-history .glyph-item {
    flex: 0 0 calc((100% - 42px) / 4);
    max-width: calc((100% - 42px) / 4);
}

.personal-cabinet-shell .glyph-workspace-history .glyph-item-actions .btn {
    min-width: 0;
    padding-inline: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1320px) {
    .personal-cabinet-shell .glyph-workspace-main-grid {
        grid-template-columns:
            minmax(380px, 1.45fr)
            minmax(230px, 0.9fr)
            minmax(250px, 0.9fr);
    }
}

@media (max-width: 1120px) {
    .personal-cabinet-shell .glyph-workspace-main-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .personal-cabinet-shell .glyph-workspace-info-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .personal-cabinet-shell .glyph-workspace-activation-summary strong {
        font-size: var(--cabinet-size-page, 30px);
    }
}

@media (max-width: 900px) {
    .personal-cabinet-shell .glyph-workspace-info-panel {
        grid-template-columns: minmax(0, 1fr);
    }

    .personal-cabinet-shell .glyph-workspace-history .glyph-item {
        flex-basis: calc((100% - 28px) / 3);
        max-width: calc((100% - 28px) / 3);
    }
}

@media (max-width: 680px) {
    .personal-cabinet-shell .glyph-workspace-history .glyph-item {
        flex-basis: calc((100% - 14px) / 2);
        max-width: calc((100% - 14px) / 2);
    }
}

@media (max-width: 560px) {
    .personal-cabinet-shell .glyph-workspace-info dl div {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 420px) {
    .personal-cabinet-shell .glyph-workspace-history .glyph-item {
        flex-basis: 100%;
        max-width: 100%;
    }
}

/* Personal Cabinet v1.0 visual freeze polish */
.personal-cabinet-shell .dashboard-eyebrow,
.personal-cabinet-shell .wallet-eyebrow,
.personal-cabinet-shell .statistics-eyebrow,
.personal-cabinet-shell .certification-eyebrow,
.personal-cabinet-shell .membership-eyebrow,
.personal-cabinet-shell .settings-eyebrow,
.personal-cabinet-shell .glyph-workspace-eyebrow,
.personal-cabinet-shell .humas-header-eyebrow {
    margin: 0 0 5px !important;
    color: var(--accent-green) !important;
    font-size: var(--type-label) !important;
    font-weight: var(--cabinet-weight-control, 600) !important;
    letter-spacing: 0 !important;
    line-height: 1.35 !important;
    text-transform: uppercase !important;
}

.personal-cabinet-shell .human-path-profile-card .dashboard-identifier,
.personal-cabinet-shell .human-path-profile-card .dashboard-identifier-value {
    color: var(--accent-green);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.personal-cabinet-shell .human-path-profile-card .dashboard-identifier,
.personal-cabinet-shell .human-path-profile-card .dashboard-identifier-value {
    font-size: var(--cabinet-size-metadata, 11px);
}

.personal-cabinet-shell .humas-header-supporting {
    display: block;
    max-width: min(100%, 560px);
    margin-top: 6px;
    color: var(--muted-text);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-control, 500);
    line-height: 1.45;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.personal-cabinet-shell .humas-dashboard-header.is-legacy-continuity-page .humas-header-supporting {
    max-width: min(100%, 680px);
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
}

@media (min-width: 901px) {
    body.personal-cabinet-shell.legacy-continuity-shell .page-wrapper {
        padding-top: 136px;
    }
}

.personal-cabinet-shell .help-document-article ul {
    padding-left: 30px;
    list-style-position: outside;
}

.personal-cabinet-shell .help-document-article li {
    margin-bottom: 8px;
    padding-left: 4px;
}

.personal-cabinet-shell .help-document-article li::marker {
    color: var(--accent-green);
    font-size: 1em;
}

html[data-theme="dark"] .personal-cabinet-shell .dashboard-eyebrow,
html[data-theme="dark"] .personal-cabinet-shell .wallet-eyebrow,
html[data-theme="dark"] .personal-cabinet-shell .statistics-eyebrow,
html[data-theme="dark"] .personal-cabinet-shell .certification-eyebrow,
html[data-theme="dark"] .personal-cabinet-shell .membership-eyebrow,
html[data-theme="dark"] .personal-cabinet-shell .settings-eyebrow,
html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-eyebrow,
html[data-theme="dark"] .personal-cabinet-shell .humas-header-eyebrow,
html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-card .dashboard-identifier,
html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-card .dashboard-identifier-value,
html[data-theme="dark"] .personal-cabinet-shell .help-document-article li::marker {
    color: var(--theme-primary-button) !important;
}

html[data-theme="dark"] .personal-cabinet-shell .humas-header-supporting {
    color: var(--theme-supporting-text);
}

html[data-theme="dark"] .personal-cabinet-shell .humas-organization-context {
    color: var(--theme-supporting-text);
}

/* Phase II shell stabilization */
.personal-cabinet-shell .humas-dashboard-header {
    min-width: 0;
}

.personal-cabinet-shell .humas-header-title {
    min-width: 0;
    max-width: 100%;
}

.personal-cabinet-shell .humas-header-title h1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.personal-cabinet-shell .humas-platform-context {
    display: block;
}

.personal-cabinet-shell .humas-organization-context {
    display: block;
    max-width: min(100%, 300px);
    margin: 0 0 3px;
    color: var(--muted-text);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.personal-cabinet-shell .humas-header-huid {
    color: var(--accent-green);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.personal-cabinet-shell .humas-header-huid {
    display: block;
    max-width: min(100%, 300px);
}

.personal-cabinet-shell .humas-notification-action {
    flex: 0 0 42px;
}

@media (max-width: 1280px) {
    .personal-cabinet-shell .humas-header-title h1 {
        font-size: var(--cabinet-size-page, 26px);
    }

    .personal-cabinet-shell .humas-header-huid {
        max-width: min(100%, 260px);
    }
}

@media (max-width: 1100px) {
    .personal-cabinet-shell .humas-header-title h1 {
        font-size: var(--cabinet-size-page, 22px);
    }

    .personal-cabinet-shell .humas-header-huid {
        max-width: min(100%, 220px);
    }
}

@media (max-width: 900px) {
    .personal-cabinet-shell .humas-header-title {
        flex-basis: 100%;
    }

    .personal-cabinet-shell .humas-header-title h1 {
        white-space: normal;
    }

    .personal-cabinet-shell .humas-header-supporting {
        white-space: normal;
    }

    .personal-cabinet-shell .humas-header-huid {
        max-width: 100%;
    }
}

@media (max-width: 560px) {
    .personal-cabinet-shell .humas-website-link,
    .personal-cabinet-shell .humas-language-switcher .dropdown-toggle,
    .personal-cabinet-shell .humas-logout-button {
        min-height: 40px;
        padding-inline: 10px;
    }

    .personal-cabinet-shell .humas-header-actions {
        gap: 8px;
    }
}

/* Personal Cabinet inheritance of the approved HUMAS Corporate motion language. */
.personal-cabinet-shell {
    --corporate-ui-motion-duration: 180ms;
    --corporate-ui-motion-ease: cubic-bezier(.2, .8, .2, 1);
    --corporate-ui-hover-border: color-mix(in srgb, var(--accent-green) 34%, var(--theme-primary-border));
    --corporate-shadow: var(--humas-daylight-shadow, 0 6px 18px rgba(54, 52, 47, .04));
}

.personal-cabinet-shell :is(
    .card-wrapper,
    .dashboard-overview-card,
    .dashboard-update-item,
    .profile-passport-grid > div,
    .professional-passport-info-item,
    .professional-passport-history-item,
    .professional-passport-achievement-item,
    .professional-passport-placeholder,
    .professional-passport-timeline-item,
    .wallet-metric-card,
    .wallet-service-item,
    .wallet-ai-panel,
    .statistics-summary .stat-item,
    .statistics-empty-state,
    .certification-card,
    .certification-progress-item,
    .certification-integration-list span,
    .membership-option-card,
    .membership-state-summary > div,
    .membership-access-list > div,
    .notifications-summary-card,
    .notification-details-panel,
    .notification-item,
    .settings-field,
    .settings-switch-card,
    .settings-action-card,
    .settings-service-card,
    .settings-info-card,
    .settings-danger-item,
    .settings-inline-action,
    .settings-switch-row,
    .help-topic-item,
    .help-support-card,
    .glyph-workspace-panel,
    .glyph-workspace-library-map > div,
    .glyph-workspace-history-intro,
    .glyph-workspace-integration-grid > div,
    .glyph-workspace-future-integrations,
    .glyph-workspace-aria-guidance,
    .glyph-workspace-sync-note,
    .glyph-mobile-summary-card,
    .glyph-mobile-context-panel,
    .glyph-mobile-process-list > li,
    .glyph-mobile-feature-card,
    .glyph-mobile-service-grid > article,
    .glyph-mobile-integration-grid > article,
    .glyph-mobile-principles > p,
    .glyph-mobile-empty-state
) {
    transition:
        transform var(--corporate-ui-motion-duration) var(--corporate-ui-motion-ease),
        border-color var(--corporate-ui-motion-duration) var(--corporate-ui-motion-ease),
        background var(--corporate-ui-motion-duration) var(--corporate-ui-motion-ease),
        box-shadow var(--corporate-ui-motion-duration) var(--corporate-ui-motion-ease),
        opacity var(--corporate-ui-motion-duration) var(--corporate-ui-motion-ease);
}

.personal-cabinet-shell :is(
    .card-wrapper,
    .dashboard-overview-card,
    .dashboard-update-item,
    .profile-passport-grid > div,
    .professional-passport-info-item,
    .professional-passport-history-item,
    .professional-passport-achievement-item,
    .professional-passport-placeholder,
    .professional-passport-timeline-item,
    .wallet-metric-card,
    .wallet-service-item,
    .wallet-ai-panel,
    .statistics-summary .stat-item,
    .statistics-empty-state,
    .certification-card,
    .certification-progress-item,
    .certification-integration-list span,
    .membership-option-card,
    .membership-state-summary > div,
    .membership-access-list > div,
    .notifications-summary-card,
    .notification-details-panel,
    .notification-item,
    .settings-field,
    .settings-switch-card,
    .settings-action-card,
    .settings-service-card,
    .settings-info-card,
    .settings-danger-item,
    .settings-inline-action,
    .settings-switch-row,
    .help-topic-item,
    .help-support-card,
    .glyph-workspace-panel,
    .glyph-workspace-library-map > div,
    .glyph-workspace-history-intro,
    .glyph-workspace-integration-grid > div,
    .glyph-workspace-future-integrations,
    .glyph-workspace-aria-guidance,
    .glyph-workspace-sync-note,
    .glyph-mobile-summary-card,
    .glyph-mobile-context-panel,
    .glyph-mobile-process-list > li,
    .glyph-mobile-feature-card,
    .glyph-mobile-service-grid > article,
    .glyph-mobile-integration-grid > article,
    .glyph-mobile-principles > p,
    .glyph-mobile-empty-state
):is(:hover, :focus-within) {
    transform: translateY(-0.5px);
    border-color: var(--corporate-ui-hover-border);
    box-shadow: var(--corporate-shadow);
}

.personal-cabinet-shell :is(
    .card-wrapper,
    .dashboard-overview-card,
    .dashboard-update-item,
    .profile-passport-grid > div,
    .professional-passport-info-item,
    .professional-passport-history-item,
    .professional-passport-achievement-item,
    .professional-passport-placeholder,
    .professional-passport-timeline-item,
    .wallet-metric-card,
    .wallet-service-item,
    .wallet-ai-panel,
    .statistics-summary .stat-item,
    .statistics-empty-state,
    .certification-card,
    .certification-progress-item,
    .certification-integration-list span,
    .membership-option-card,
    .membership-state-summary > div,
    .membership-access-list > div,
    .notifications-summary-card,
    .notification-details-panel,
    .notification-item,
    .settings-field,
    .settings-switch-card,
    .settings-action-card,
    .settings-service-card,
    .settings-info-card,
    .settings-danger-item,
    .settings-inline-action,
    .settings-switch-row,
    .help-topic-item,
    .help-support-card,
    .glyph-workspace-panel,
    .glyph-workspace-library-map > div,
    .glyph-workspace-history-intro,
    .glyph-workspace-integration-grid > div,
    .glyph-workspace-future-integrations,
    .glyph-workspace-aria-guidance,
    .glyph-workspace-sync-note,
    .glyph-mobile-summary-card,
    .glyph-mobile-context-panel,
    .glyph-mobile-process-list > li,
    .glyph-mobile-feature-card,
    .glyph-mobile-service-grid > article,
    .glyph-mobile-integration-grid > article,
    .glyph-mobile-principles > p,
    .glyph-mobile-empty-state
):active {
    transform: translateY(0.5px);
}

.personal-cabinet-shell :is(
    .btn,
    .btn-small,
    button,
    .subscription-plan-button,
    .settings-action-card,
    .settings-danger-button,
    .notification-action-btn,
    .notification-category-chip,
    .range-btn,
    .dashboard-glyph-action-tile,
    .dashboard-full-action,
    .help-topic-button,
    .glyph-workspace-color-option,
    .glyph-workspace-action,
    .humas-sidebar-link
) {
    transition:
        transform var(--corporate-ui-motion-duration) var(--corporate-ui-motion-ease),
        border-color var(--corporate-ui-motion-duration) var(--corporate-ui-motion-ease),
        background var(--corporate-ui-motion-duration) var(--corporate-ui-motion-ease),
        color var(--corporate-ui-motion-duration) var(--corporate-ui-motion-ease),
        box-shadow var(--corporate-ui-motion-duration) var(--corporate-ui-motion-ease),
        opacity var(--corporate-ui-motion-duration) var(--corporate-ui-motion-ease);
}

.personal-cabinet-shell :is(
    .btn,
    .btn-small,
    button,
    .subscription-plan-button,
    .settings-action-card,
    .settings-danger-button,
    .notification-action-btn,
    .notification-category-chip,
    .range-btn,
    .dashboard-glyph-action-tile,
    .dashboard-full-action,
    .help-topic-button,
    .glyph-workspace-color-option,
    .glyph-workspace-action,
    .humas-sidebar-link
):is(:hover, :focus, :focus-visible) {
    transform: translateY(-0.5px);
}

.personal-cabinet-shell :is(
    .btn,
    .btn-small,
    button,
    .subscription-plan-button,
    .settings-action-card,
    .settings-danger-button,
    .notification-action-btn,
    .notification-category-chip,
    .range-btn,
    .dashboard-glyph-action-tile,
    .dashboard-full-action,
    .help-topic-button,
    .glyph-workspace-color-option,
    .glyph-workspace-action,
    .humas-sidebar-link
):active {
    transform: translateY(0.5px);
}

.personal-cabinet-shell :is(
    .membership-notice,
    .membership-feedback,
    .notification-feedback,
    .notification-type-badge,
    .certification-badge,
    .settings-status,
    .glyph-mobile-status,
    .glyph-mobile-process-list em
) {
    transition:
        border-color var(--corporate-ui-motion-duration) var(--corporate-ui-motion-ease),
        background var(--corporate-ui-motion-duration) var(--corporate-ui-motion-ease),
        color var(--corporate-ui-motion-duration) var(--corporate-ui-motion-ease),
        opacity var(--corporate-ui-motion-duration) var(--corporate-ui-motion-ease);
}

.personal-cabinet-shell :is(
    .btn,
    button,
    .settings-action-card,
    .notification-action-btn,
    .glyph-workspace-action
):disabled,
.personal-cabinet-shell [aria-disabled="true"] {
    cursor: not-allowed;
    opacity: .62;
}

.personal-cabinet-shell :is(
    .btn,
    button,
    .settings-action-card,
    .notification-action-btn,
    .glyph-workspace-action
):disabled:is(:hover, :focus, :active),
.personal-cabinet-shell [aria-disabled="true"]:is(:hover, :focus, :active) {
    transform: none;
    box-shadow: none;
}

@media (prefers-reduced-motion: reduce) {
    .personal-cabinet-shell :is(
        .card-wrapper,
        .dashboard-overview-card,
        .dashboard-update-item,
        .profile-passport-grid > div,
        .professional-passport-info-item,
        .professional-passport-history-item,
        .professional-passport-achievement-item,
        .professional-passport-placeholder,
        .professional-passport-timeline-item,
        .wallet-metric-card,
        .wallet-service-item,
        .wallet-ai-panel,
        .statistics-summary .stat-item,
        .statistics-empty-state,
        .certification-card,
        .certification-progress-item,
        .certification-integration-list span,
        .membership-option-card,
        .membership-state-summary > div,
        .membership-access-list > div,
        .notifications-summary-card,
        .notification-details-panel,
        .notification-item,
        .settings-field,
        .settings-switch-card,
        .settings-action-card,
        .settings-service-card,
        .settings-info-card,
        .settings-danger-item,
        .settings-inline-action,
        .settings-switch-row,
        .help-topic-item,
        .help-support-card,
        .glyph-workspace-panel,
        .glyph-workspace-library-map > div,
        .glyph-workspace-history-intro,
        .glyph-workspace-integration-grid > div,
        .glyph-workspace-future-integrations,
        .glyph-workspace-aria-guidance,
        .glyph-workspace-sync-note,
        .glyph-mobile-summary-card,
        .glyph-mobile-context-panel,
        .glyph-mobile-process-list > li,
        .glyph-mobile-feature-card,
        .glyph-mobile-service-grid > article,
        .glyph-mobile-integration-grid > article,
        .glyph-mobile-principles > p,
        .glyph-mobile-empty-state,
        .btn,
        .btn-small,
        button,
        .subscription-plan-button,
        .settings-danger-button,
        .notification-action-btn,
        .notification-category-chip,
        .range-btn,
        .dashboard-glyph-action-tile,
        .dashboard-full-action,
        .help-topic-button,
        .glyph-workspace-color-option,
        .glyph-workspace-action,
        .humas-sidebar-link,
        .membership-notice,
        .membership-feedback,
        .notification-feedback,
        .notification-type-badge,
        .certification-badge,
        .settings-status,
        .glyph-mobile-status,
        .glyph-mobile-process-list em
    ) {
        transition: none;
    }

    .personal-cabinet-shell :is(
        .card-wrapper,
        .dashboard-overview-card,
        .dashboard-update-item,
        .profile-passport-grid > div,
        .professional-passport-info-item,
        .professional-passport-history-item,
        .professional-passport-achievement-item,
        .professional-passport-placeholder,
        .professional-passport-timeline-item,
        .wallet-metric-card,
        .wallet-service-item,
        .wallet-ai-panel,
        .statistics-summary .stat-item,
        .statistics-empty-state,
        .certification-card,
        .certification-progress-item,
        .certification-integration-list span,
        .membership-option-card,
        .membership-state-summary > div,
        .membership-access-list > div,
        .notifications-summary-card,
        .notification-details-panel,
        .notification-item,
        .settings-field,
        .settings-switch-card,
        .settings-action-card,
        .settings-service-card,
        .settings-info-card,
        .settings-danger-item,
        .settings-inline-action,
        .settings-switch-row,
        .help-topic-item,
        .help-support-card,
        .glyph-workspace-panel,
        .glyph-workspace-library-map > div,
        .glyph-workspace-history-intro,
        .glyph-workspace-integration-grid > div,
        .glyph-workspace-future-integrations,
        .glyph-workspace-aria-guidance,
        .glyph-workspace-sync-note,
        .glyph-mobile-summary-card,
        .glyph-mobile-context-panel,
        .glyph-mobile-process-list > li,
        .glyph-mobile-feature-card,
        .glyph-mobile-service-grid > article,
        .glyph-mobile-integration-grid > article,
        .glyph-mobile-principles > p,
        .glyph-mobile-empty-state,
        .btn,
        .btn-small,
        button,
        .subscription-plan-button,
        .settings-danger-button,
        .notification-action-btn,
        .notification-category-chip,
        .range-btn,
        .dashboard-glyph-action-tile,
        .dashboard-full-action,
        .help-topic-button,
        .glyph-workspace-color-option,
        .glyph-workspace-action,
        .humas-sidebar-link
    ):is(:hover, :focus, :focus-visible, :focus-within, :active) {
        transform: none;
    }
}

/* Glyph camera carrier laboratory — presentation-only, never signed or exported. */
.personal-cabinet-shell .container.mt-20.glyph-workspace-page {
    padding-top: max(54px, var(--cabinet-workspace-first-content-gap));
}

.personal-cabinet-shell .glyph-workspace-app {
    gap: 24px;
}

.personal-cabinet-shell .glyph-workspace-main-grid {
    margin-bottom: 8px;
}

.personal-cabinet-shell .glyph-workspace-current-panel {
    display: flex;
    flex-direction: column;
    padding-bottom: 26px;
}

.personal-cabinet-shell .glyph-workspace-history {
    position: relative;
    z-index: 0;
    margin-top: 0;
}

.personal-cabinet-shell .glyph-workspace-action-bar {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    margin-bottom: 0;
}

.personal-cabinet-shell .glyph-carrier-lab-stage {
    position: relative;
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--accent-green) 22%, var(--border));
    border-radius: 4px;
    background: #f8f6f0;
    color: #123d35;
    isolation: isolate;
}

.personal-cabinet-shell .glyph-carrier-lab-layer {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
    color: inherit;
    shape-rendering: geometricPrecision;
}

.personal-cabinet-shell .glyph-carrier-lab-boundary,
.personal-cabinet-shell .glyph-carrier-lab-guide,
.personal-cabinet-shell .glyph-carrier-lab-anchors > :not(.is-filled),
.personal-cabinet-shell .glyph-carrier-lab-symbols line {
    fill: none;
    stroke: currentColor;
    vector-effect: non-scaling-stroke;
}

.personal-cabinet-shell .glyph-carrier-lab-boundary {
    stroke-width: 8;
}

.personal-cabinet-shell .glyph-carrier-lab-guide {
    stroke: #b9b4a7;
    stroke-width: 4;
    stroke-dasharray: 12 16;
}

.personal-cabinet-shell .glyph-carrier-lab-anchors > :not(.is-filled) {
    stroke-width: 10;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.personal-cabinet-shell .glyph-carrier-lab-anchors .is-filled {
    fill: currentColor;
}

.personal-cabinet-shell .glyph-carrier-lab-symbols line {
    stroke-linecap: round;
}

.personal-cabinet-shell .glyph-carrier-lab-stage:is([data-carrier-variant="m1"], [data-carrier-variant="r05"], [data-carrier-variant="r06"]) .glyph-carrier-lab-symbols line {
    stroke: #777d7b;
    opacity: .68;
}

.personal-cabinet-shell .glyph-carrier-lab-frame-id {
    fill: #777d7b;
    font: 600 30px/1 system-ui, sans-serif;
    letter-spacing: .08em;
}

.personal-cabinet-shell .glyph-carrier-lab-core {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 43% !important;
    height: 43% !important;
    transform: translate(-50%, -50%);
}

.personal-cabinet-shell .glyph-carrier-lab-core [data-glyph-output],
.personal-cabinet-shell .glyph-carrier-lab-core [data-glyph-output] svg {
    width: 100% !important;
    height: 100% !important;
}

.personal-cabinet-shell .glyph-carrier-lab {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px 14px;
    align-items: center;
    margin-top: 16px;
    padding: 14px;
    border: 1px solid color-mix(in srgb, var(--accent-green) 28%, var(--border));
    border-radius: 6px;
    background: color-mix(in srgb, var(--ultra-light) 86%, transparent);
}

.personal-cabinet-shell .glyph-carrier-lab-copy {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.personal-cabinet-shell .glyph-carrier-lab-copy strong {
    color: var(--dark-text);
    font-size: var(--cabinet-size-label, 13px);
    font-weight: var(--cabinet-weight-heading, 600);
}

.personal-cabinet-shell .glyph-carrier-lab-copy span,
.personal-cabinet-shell .glyph-carrier-lab-description {
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 11px);
    line-height: 1.4;
}

.personal-cabinet-shell .glyph-carrier-lab-copy em {
    color: var(--accent-green);
    font-size: var(--cabinet-size-metadata, 10px);
    font-style: normal;
    font-weight: var(--cabinet-weight-heading, 700);
    letter-spacing: .02em;
}

.personal-cabinet-shell .glyph-carrier-lab-variants {
    display: grid;
    grid-template-columns: repeat(7, minmax(48px, 1fr));
    gap: 6px;
}

.personal-cabinet-shell .glyph-carrier-lab-control-stack {
    display: grid;
    gap: 6px;
}

.personal-cabinet-shell .glyph-carrier-lab-frames {
    display: grid;
    grid-template-columns: repeat(5, minmax(34px, 1fr));
    gap: 6px;
}

.personal-cabinet-shell .glyph-carrier-lab-frames[hidden] {
    display: none;
}

.personal-cabinet-shell .glyph-carrier-lab-variants .btn,
.personal-cabinet-shell .glyph-carrier-lab-frames .btn,
.personal-cabinet-shell .glyph-carrier-lab-fullscreen {
    min-height: 34px;
    margin: 0;
    border-color: #c9b583;
    background: #cfbb8c;
    color: #20211e;
    font-size: var(--cabinet-size-metadata, 11px);
    font-weight: var(--cabinet-weight-control, 600);
    transition:
        transform 180ms cubic-bezier(.2,.8,.2,1),
        border-color 180ms cubic-bezier(.2,.8,.2,1),
        background-color 180ms cubic-bezier(.2,.8,.2,1);
}

.personal-cabinet-shell .glyph-carrier-lab-variants .btn.is-selected {
    border-color: var(--accent-green);
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--accent-green) 44%, transparent);
}

.personal-cabinet-shell .glyph-carrier-lab-frames .btn.is-selected {
    border-color: var(--accent-green);
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--accent-green) 44%, transparent);
}

.personal-cabinet-shell .glyph-carrier-lab-description {
    min-width: 0;
}

.personal-cabinet-shell .glyph-carrier-lab-fullscreen {
    justify-self: end;
    white-space: nowrap;
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-carrier-lab-stage {
    border-color: var(--theme-primary-border);
    background: #10211e;
    color: #f2ebdd;
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-carrier-lab-guide {
    stroke: #5d756e;
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-carrier-lab-stage:is([data-carrier-variant="m1"], [data-carrier-variant="r05"], [data-carrier-variant="r06"]) .glyph-carrier-lab-symbols line {
    stroke: #8a9692;
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-carrier-lab-frame-id {
    fill: #8a9692;
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-carrier-lab {
    border-color: var(--theme-primary-border);
    background: var(--theme-secondary-workspace);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-carrier-lab-copy strong {
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-carrier-lab-copy span,
html[data-theme="dark"] .personal-cabinet-shell .glyph-carrier-lab-description {
    color: var(--theme-supporting-text);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-carrier-lab-copy em {
    color: var(--theme-primary-button);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-carrier-lab-variants .btn,
html[data-theme="dark"] .personal-cabinet-shell .glyph-carrier-lab-frames .btn,
html[data-theme="dark"] .personal-cabinet-shell .glyph-carrier-lab-fullscreen {
    border-color: var(--theme-primary-button);
    background: var(--theme-primary-button);
    color: #101312;
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-carrier-lab-variants .btn.is-selected {
    border-color: var(--theme-primary-gold);
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--theme-primary-gold) 54%, transparent);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-carrier-lab-frames .btn.is-selected {
    border-color: var(--theme-primary-gold);
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--theme-primary-gold) 54%, transparent);
}

.personal-cabinet-shell .glyph-carrier-lab-stage:is([data-carrier-variant="m1"], [data-carrier-variant="r05"], [data-carrier-variant="r06"]):fullscreen .glyph-carrier-lab-symbols line,
.personal-cabinet-shell .glyph-carrier-lab-stage:is([data-carrier-variant="m1"], [data-carrier-variant="r05"], [data-carrier-variant="r06"]).is-camera-expanded .glyph-carrier-lab-symbols line {
    stroke: currentColor;
    opacity: 1;
}

.personal-cabinet-shell .glyph-carrier-lab-stage:fullscreen,
.personal-cabinet-shell .glyph-carrier-lab-stage.is-camera-expanded {
    position: fixed;
    inset: 0;
    z-index: 100000;
    width: 100vw;
    height: 100vh;
    border: 0;
    border-radius: 0;
    background: #f8f6f0;
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-carrier-lab-stage:fullscreen,
html[data-theme="dark"] .personal-cabinet-shell .glyph-carrier-lab-stage.is-camera-expanded {
    background: #10211e;
}

.personal-cabinet-shell .glyph-carrier-lab-stage:fullscreen .glyph-carrier-lab-layer,
.personal-cabinet-shell .glyph-carrier-lab-stage.is-camera-expanded .glyph-carrier-lab-layer {
    top: 50%;
    left: 50%;
    width: min(100vw, 100vh);
    height: min(100vw, 100vh);
    transform: translate(-50%, -50%);
}

.personal-cabinet-shell .glyph-carrier-lab-stage:fullscreen .glyph-carrier-lab-core,
.personal-cabinet-shell .glyph-carrier-lab-stage.is-camera-expanded .glyph-carrier-lab-core {
    width: min(43vw, 43vh) !important;
    height: min(43vw, 43vh) !important;
}

body.glyph-carrier-lab-expanded {
    overflow: hidden !important;
}

@media (max-width: 760px) {
    .personal-cabinet-shell .container.mt-20.glyph-workspace-page {
        padding-top: 36px;
    }

    .personal-cabinet-shell .glyph-carrier-lab {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .glyph-carrier-lab-fullscreen {
        justify-self: stretch;
    }
}

@media (prefers-reduced-motion: reduce) {
    .personal-cabinet-shell .glyph-carrier-lab-variants .btn,
    .personal-cabinet-shell .glyph-carrier-lab-frames .btn,
    .personal-cabinet-shell .glyph-carrier-lab-fullscreen {
        transition: none;
        transform: none;
    }
}

/* Glyph Workspace localization, responsive actions and presentation-only accessibility. */
.personal-cabinet-shell .glyph-workspace-page :is(
    .glyph-workspace-panel,
    .glyph-workspace-history,
    .glyph-workspace-future-integrations,
    .humas-aria-guidance,
    .glyph-workspace-sync-note
) {
    animation: glyph-workspace-enter 180ms cubic-bezier(.2,.8,.2,1) both;
}

@keyframes glyph-workspace-enter {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}

.personal-cabinet-shell .glyph-workspace-page .glyph-workspace-action-bar .glyph-workspace-action {
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    transition: color 180ms cubic-bezier(.2,.8,.2,1),
                background-color 180ms cubic-bezier(.2,.8,.2,1),
                border-color 180ms cubic-bezier(.2,.8,.2,1),
                transform 180ms cubic-bezier(.2,.8,.2,1);
}

@media (max-width: 760px) {
    .personal-cabinet-shell .glyph-workspace-page .glyph-workspace-action-bar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .personal-cabinet-shell .glyph-workspace-page .glyph-workspace-action-bar > :last-child:nth-child(odd) {
        grid-column: 1 / -1;
    }
}

@media (max-width: 430px) {
    .personal-cabinet-shell .container.mt-20.glyph-workspace-page {
        padding-inline: 12px;
    }

    .personal-cabinet-shell .glyph-workspace-page .glyph-workspace-panel {
        padding: 14px;
    }
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-page .glyph-workspace-action-bar .glyph-workspace-action:not(:disabled) {
    border-color: var(--theme-primary-button);
    background: var(--theme-primary-button);
    color: #101312;
}

/* Russian copy needs compact controls without changing the other locales. */
html[lang="ru"] .personal-cabinet-shell .glyph-workspace-page .glyph-workspace-action-bar .glyph-workspace-action {
    padding-inline: 5px;
    font-size: var(--cabinet-size-metadata, 11px);
    white-space: nowrap;
    overflow-wrap: normal;
}

.personal-cabinet-shell .glyph-workspace-mobile-entry {
    display: grid;
    justify-items: center;
    gap: 7px;
    margin-top: 14px;
    text-align: center;
}

.personal-cabinet-shell .glyph-workspace-mobile-entry-button {
    min-width: min(100%, 260px);
    min-height: 44px;
    padding: 10px 22px;
    border: 1px solid var(--primary-green);
    border-radius: 999px;
    background: transparent;
    color: var(--primary-green);
    font-size: var(--cabinet-size-label, 13px);
    font-weight: var(--cabinet-weight-control, 600);
}

.personal-cabinet-shell .glyph-workspace-mobile-entry-button:hover,
.personal-cabinet-shell .glyph-workspace-mobile-entry-button:focus {
    background: rgba(50, 122, 104, 0.08);
    box-shadow: 0 0 0 3px rgba(50, 122, 104, 0.1);
    outline: none;
}

.personal-cabinet-shell .glyph-workspace-mobile-entry small {
    max-width: 420px;
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 11px);
    line-height: 1.4;
}

.glyph-mobile-entry-modal {
    position: fixed;
    z-index: 10020;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(0, 0, 0, 0.56);
    backdrop-filter: blur(3px);
}

.glyph-mobile-entry-modal[style*="display: flex"],
.glyph-mobile-entry-modal[style*="display:flex"] {
    display: flex !important;
}

.glyph-mobile-entry-modal .modal-content {
    width: min(100%, 470px);
    max-height: 90vh;
    overflow-y: auto;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--white);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}

.glyph-mobile-entry-modal .modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 20px 22px;
    border-bottom: 1px solid var(--border);
}

.glyph-mobile-entry-modal .modal-header h2 {
    margin: 4px 0 0;
    color: var(--dark-text);
    font-size: var(--cabinet-size-section, 20px);
}

.glyph-mobile-entry-modal .modal-close {
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--dark-text);
    font-size: var(--cabinet-size-section, 26px);
    cursor: pointer;
}

.glyph-mobile-entry-modal .modal-close:hover,
.glyph-mobile-entry-modal .modal-close:focus {
    background: rgba(50, 122, 104, 0.1);
    color: var(--primary-green);
    outline: none;
}

.glyph-mobile-entry-modal .modal-body {
    display: grid;
    justify-items: center;
    gap: 14px;
    padding: 24px;
    text-align: center;
}

.glyph-mobile-entry-eyebrow {
    color: var(--primary-green);
    font-size: var(--cabinet-size-metadata, 11px);
    font-weight: var(--cabinet-weight-control, 700);
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.glyph-mobile-entry-instruction,
.glyph-mobile-entry-placeholder,
.glyph-mobile-entry-note {
    margin: 0;
    color: var(--muted-text);
    font-size: var(--cabinet-size-label, 13px);
    line-height: 1.5;
}

.glyph-mobile-entry-qr {
    display: grid;
    width: 220px;
    height: 220px;
    box-sizing: border-box;
    place-items: center;
    padding: 10px;
    overflow: hidden;
    border: 1px solid rgba(23, 32, 29, 0.12);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(23, 32, 29, 0.12);
}

.glyph-mobile-entry-qr-svg {
    display: block;
    width: 100%;
    height: 100%;
}

.glyph-mobile-entry-qr-loading {
    width: 34px;
    height: 34px;
    border: 3px solid rgba(50, 122, 104, 0.18);
    border-top-color: var(--primary-green);
    border-radius: 50%;
    animation: glyph-mobile-entry-loading 0.8s linear infinite;
}

@keyframes glyph-mobile-entry-loading {
    to { transform: rotate(360deg); }
}

.glyph-mobile-entry-controls {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 11px);
}

.glyph-mobile-entry-refresh {
    min-height: 34px;
    padding: 7px 13px;
    border: 1px solid var(--primary-green);
    border-radius: 999px;
    background: transparent;
    color: var(--primary-green);
    font-size: var(--cabinet-size-metadata, 11px);
    font-weight: var(--cabinet-weight-heading, 600);
}

.glyph-mobile-entry-refresh:hover,
.glyph-mobile-entry-refresh:focus {
    background: rgba(50, 122, 104, 0.08);
    box-shadow: 0 0 0 3px rgba(50, 122, 104, 0.1);
    outline: none;
}

.glyph-mobile-entry-note {
    max-width: 390px;
    font-size: var(--cabinet-size-metadata, 11px);
}

.glyph-mobile-entry-boundary {
    padding: 8px 11px;
    border-radius: 999px;
    background: rgba(211, 190, 152, 0.16);
    color: #7c6849;
    font-size: var(--cabinet-size-metadata, 10px);
    letter-spacing: 0.045em;
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-mobile-entry-button {
    border-color: var(--theme-primary-button);
    color: var(--theme-primary-button);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-workspace-mobile-entry small,
html[data-theme="dark"] .personal-cabinet-shell .glyph-mobile-entry-instruction,
html[data-theme="dark"] .personal-cabinet-shell .glyph-mobile-entry-placeholder,
html[data-theme="dark"] .personal-cabinet-shell .glyph-mobile-entry-note,
html[data-theme="dark"] .personal-cabinet-shell .glyph-mobile-entry-controls {
    color: var(--theme-supporting-text);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-mobile-entry-modal .modal-header,
html[data-theme="dark"] .personal-cabinet-shell .glyph-mobile-entry-modal .modal-content {
    border-color: var(--theme-primary-border);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-mobile-entry-modal .modal-content {
    background: var(--theme-dropdown-surface);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-mobile-entry-modal .modal-header h2,
html[data-theme="dark"] .personal-cabinet-shell .glyph-mobile-entry-modal .modal-close {
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-mobile-entry-eyebrow {
    color: var(--theme-primary-button);
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-mobile-entry-refresh {
    border-color: var(--theme-primary-button);
    color: var(--theme-primary-button);
}

@media (max-width: 480px) {
    .glyph-mobile-entry-modal { padding: 12px; }
    .glyph-mobile-entry-modal .modal-body { padding: 20px 16px; }
    .glyph-mobile-entry-qr { width: 190px; height: 190px; }
    .glyph-mobile-entry-controls { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
    .glyph-mobile-entry-qr-loading { animation: none; }
}

html[lang="ru"] .personal-cabinet-shell .glyph-workspace-page .glyph-workspace-activation-summary {
    grid-template-columns: minmax(0, 1fr) 48px;
    gap: 8px;
}

html[lang="ru"] .personal-cabinet-shell .glyph-workspace-page .glyph-workspace-activation-summary strong {
    font-size: var(--cabinet-size-section, 22px);
    line-height: 1.08;
    overflow-wrap: normal;
}

html[lang="ru"] .personal-cabinet-shell .glyph-workspace-page .glyph-workspace-check {
    width: 46px;
    height: 46px;
}

.personal-cabinet-shell .glyph-workspace-page .humas-aria-guidance--compact {
    grid-template-columns: minmax(250px, .72fr) minmax(0, 1.65fr) minmax(210px, .62fr);
}

.personal-cabinet-shell .glyph-workspace-page .humas-aria-guidance__links {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-content: center;
    justify-items: start;
    justify-self: end;
    gap: 10px;
    width: 100%;
    min-width: 210px;
    max-width: 230px;
}

.personal-cabinet-shell .glyph-workspace-page .humas-aria-guidance__links a {
    white-space: nowrap;
}

html[lang="ru"] .personal-cabinet-shell .glyph-workspace-page .humas-aria-guidance__identity > div {
    min-width: 0;
}

html[lang="ru"] .personal-cabinet-shell .glyph-workspace-page .humas-aria-guidance__identity p {
    margin-bottom: 9px;
    font-size: var(--cabinet-size-body, 9px);
    letter-spacing: .035em;
    line-height: 1.25;
}

@media (max-width: 1180px) {
    .personal-cabinet-shell .glyph-workspace-page .humas-aria-guidance--compact {
        grid-template-columns: minmax(230px, .85fr) minmax(0, 1.4fr);
    }

    .personal-cabinet-shell .glyph-workspace-page .humas-aria-guidance__links {
        grid-column: 1 / -1;
        justify-self: stretch;
        padding-left: 54px;
        min-width: 0;
        max-width: none;
    }
}

@media (max-width: 680px) {
    .personal-cabinet-shell .glyph-workspace-page .humas-aria-guidance--compact {
        grid-template-columns: minmax(0, 1fr);
    }

    .personal-cabinet-shell .glyph-workspace-page .humas-aria-guidance__links {
        grid-column: auto;
        padding-left: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .personal-cabinet-shell .glyph-workspace-page :is(
        .glyph-workspace-panel,
        .glyph-workspace-history,
        .glyph-workspace-future-integrations,
        .humas-aria-guidance,
        .glyph-workspace-sync-note,
        .glyph-workspace-action
    ) {
        animation: none;
        transition: none;
        transform: none;
    }
}

.personal-cabinet-shell .personal-profile-account-management {
    width: 100%;
}

.personal-cabinet-shell .personal-profile-account-state,
.personal-cabinet-shell .personal-profile-founder-protection {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 14px 16px;
    border: 1px solid var(--theme-border-color);
    border-radius: 8px;
    background: var(--theme-secondary-surface);
}

.personal-cabinet-shell .personal-profile-account-state span,
.personal-cabinet-shell .personal-profile-founder-protection span,
.personal-cabinet-shell .personal-profile-account-intro,
.personal-cabinet-shell .personal-profile-account-action p {
    color: var(--theme-supporting-text);
}

.personal-cabinet-shell .personal-profile-account-state strong {
    color: var(--accent-green);
}

.personal-cabinet-shell .personal-profile-founder-protection {
    margin-top: 16px;
    border-color: color-mix(in srgb, var(--theme-gold) 48%, var(--theme-border-color));
}

.personal-cabinet-shell .personal-profile-founder-protection strong {
    color: var(--theme-primary-text);
}

.personal-cabinet-shell .personal-profile-account-intro {
    max-width: 920px;
    margin: 18px 0;
    line-height: 1.65;
}

.personal-cabinet-shell .personal-profile-account-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.personal-cabinet-shell .personal-profile-account-action {
    display: grid;
    align-content: start;
    gap: 16px;
    padding: 20px;
    border: 1px solid var(--theme-border-color);
    border-radius: 8px;
    background: var(--theme-secondary-surface);
}

.personal-cabinet-shell .personal-profile-account-action--delete {
    border-color: color-mix(in srgb, #b75959 52%, var(--theme-border-color));
}

.personal-cabinet-shell .personal-profile-account-action h3 {
    margin: 0 0 7px;
    color: var(--theme-primary-text);
    font-size: var(--cabinet-size-card, 17px);
}

.personal-cabinet-shell .personal-profile-account-action p {
    margin: 0;
    font-size: var(--cabinet-size-body, 13px);
    line-height: 1.6;
}

.personal-cabinet-shell .personal-profile-account-action .profile-field {
    display: grid;
    gap: 7px;
}

.personal-cabinet-shell .personal-profile-account-action .profile-field span {
    color: var(--theme-supporting-text);
    font-size: var(--cabinet-size-metadata, 12px);
    font-weight: var(--cabinet-weight-heading, 650);
}

.personal-cabinet-shell .personal-profile-account-action input {
    width: 100%;
    min-height: 44px;
    border: 1px solid var(--theme-border-color);
    border-radius: 7px;
    background: var(--theme-card-surface);
    color: var(--theme-primary-text);
}

.personal-cabinet-shell .personal-profile-delete-button {
    border-color: #9f4d4d;
    background: #9f4d4d;
    color: #fff;
}

.personal-cabinet-shell .personal-profile-account-boundary {
    margin-top: 18px;
}

.account-lifecycle-recovery-panel {
    width: min(100%, 620px);
    padding: 28px;
}

@media (max-width: 760px) {
    .personal-cabinet-shell .personal-profile-account-actions {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .personal-profile-account-state,
    .personal-cabinet-shell .personal-profile-founder-protection {
        flex-direction: column;
        gap: 6px;
    }
}

/*
 * Personal Cabinet scroll flow
 *
 * reset.css gives both html and body a fixed 100% height and hides horizontal
 * overflow. Per CSS overflow computation that turns body into a second vertical
 * scroll container. Keep one document scroll root so wheel/trackpad input cannot
 * stall inside body and then chain to the page.
 */
body.personal-cabinet-shell {
    height: auto;
    min-height: 100vh;
    overflow-x: clip;
    overflow-y: visible;
}

body.personal-cabinet-shell .page-wrapper {
    height: auto;
}

/* Personal Statistics and Dashboard final visual calibration */
.personal-cabinet-shell .statistics-primary-grid > .statistics-card:first-child .chart-container {
    flex: 0 0 240px;
    min-height: 240px;
    height: 240px;
}

.personal-cabinet-shell .statistics-primary-grid > .statistics-card:first-child .chart-container canvas {
    height: 240px !important;
}

.personal-cabinet-shell .statistics-hunit-trend {
    border-color: color-mix(in srgb, var(--accent-green) 58%, var(--border)) !important;
}

.personal-cabinet-shell .statistics-reference-rate-note,
.personal-cabinet-shell .statistics-energy-boundary {
    margin: 0;
    padding: 10px 12px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: color-mix(in srgb, var(--ultra-light) 78%, transparent);
    color: var(--muted-text);
    font-size: var(--type-metadata);
    line-height: 1.5;
}

.personal-cabinet-shell .statistics-energy-chart {
    display: grid;
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: color-mix(in srgb, var(--ultra-light) 70%, transparent);
}

.personal-cabinet-shell .statistics-energy-chart-row {
    display: grid;
    grid-template-columns: minmax(92px, .7fr) minmax(120px, 1.5fr) minmax(72px, auto);
    gap: 10px;
    align-items: center;
    color: var(--muted-text);
    font-size: var(--type-metadata);
}

.personal-cabinet-shell .statistics-energy-chart-row strong {
    color: var(--header-bg);
    text-align: right;
}

.personal-cabinet-shell .statistics-energy-chart-track {
    overflow: hidden;
    height: 10px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--border) 58%, transparent);
}

.personal-cabinet-shell .statistics-energy-chart-fill {
    display: block;
    min-width: 2px;
    height: 100%;
    border-radius: inherit;
}

.personal-cabinet-shell .statistics-energy-chart-fill.physical {
    background: #C1CDBC;
}

.personal-cabinet-shell .statistics-energy-chart-fill.intellectual {
    background: #264E46;
}

.personal-cabinet-shell .statistics-energy-chart-fill.emotional {
    background: #A9BCAA;
}

.personal-cabinet-shell .statistics-energy-chart-fill.cognitive {
    background: #92AD99;
}

.personal-cabinet-shell .statistics-card .card-header > .statistics-status {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    min-height: 25px;
    padding: 4px 8px;
    border: 1px solid var(--border);
    border-radius: 999px;
    color: var(--muted-text);
    font-size: var(--cabinet-size-card, 9px);
    font-weight: var(--cabinet-weight-heading, 800);
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
}

.personal-cabinet-shell .statistics-card .card-header > .statistics-status.is-active {
    border-color: color-mix(in srgb, var(--accent-green) 56%, var(--border));
    background: color-mix(in srgb, var(--accent-green) 11%, transparent);
    color: var(--accent-green);
}

.personal-cabinet-shell .statistics-card .card-header > .statistics-status.is-development {
    border-color: color-mix(in srgb, var(--accent-gold) 62%, var(--border));
    background: color-mix(in srgb, var(--accent-gold) 12%, transparent);
    color: var(--muted-text);
}

.personal-cabinet-shell .statistics-filter-row label {
    color: var(--muted-text);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-control, 700);
}

.personal-cabinet-shell .statistics-filter-clear {
    flex: 0 0 auto;
}

.personal-cabinet-shell .statistics-records-card .statistics-history-head,
.personal-cabinet-shell .statistics-records-card .statistics-history-row {
    grid-template-columns:
        minmax(116px, .82fr)
        minmax(76px, .52fr)
        minmax(105px, .72fr)
        minmax(176px, 1.28fr)
        minmax(148px, 1fr)
        minmax(190px, 1.35fr);
}

.personal-cabinet-shell .statistics-history-row [role="cell"] {
    display: grid;
    gap: 3px;
}

.personal-cabinet-shell .statistics-history-row [role="cell"] > span,
.personal-cabinet-shell .statistics-history-row [role="cell"] > small {
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 10px);
    line-height: 1.4;
}

.personal-cabinet-shell .statistics-history-row [role="cell"] > a {
    color: var(--accent-green);
    font-weight: var(--cabinet-weight-heading, 700);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.personal-cabinet-shell .statistics-integration-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.personal-cabinet-shell .statistics-integration-list > a,
.personal-cabinet-shell .statistics-integration-list > div {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 116px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: color-mix(in srgb, var(--ultra-light) 76%, transparent);
    color: inherit;
    text-decoration: none;
}

.personal-cabinet-shell .statistics-integration-list > a:hover,
.personal-cabinet-shell .statistics-integration-list > a:focus-visible {
    border-color: var(--accent-green);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent-green) 15%, transparent);
}

.personal-cabinet-shell .statistics-integration-list em {
    width: fit-content;
    padding: 3px 6px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--accent-green) 10%, transparent);
    color: var(--accent-green);
    font-size: var(--cabinet-size-metadata, 9px);
    font-style: normal;
    font-weight: var(--cabinet-weight-heading, 800);
    text-transform: uppercase;
}

.personal-cabinet-shell .statistics-export-card .card-body {
    align-items: flex-start;
}

.personal-cabinet-shell .statistics-export-card p {
    max-width: 900px;
    margin: 0;
    color: var(--muted-text);
    font-size: var(--type-supporting);
    line-height: 1.55;
}

html[data-theme="dark"] .personal-cabinet-shell .statistics-hunit-trend {
    border-color: var(--accent-green) !important;
}

html[data-theme="dark"] .personal-cabinet-shell .statistics-energy-chart,
html[data-theme="dark"] .personal-cabinet-shell .statistics-reference-rate-note,
html[data-theme="dark"] .personal-cabinet-shell .statistics-energy-boundary,
html[data-theme="dark"] .personal-cabinet-shell .statistics-integration-list > a,
html[data-theme="dark"] .personal-cabinet-shell .statistics-integration-list > div {
    background: var(--theme-card-secondary-bg);
}

@media (max-width: 1180px) {
    .personal-cabinet-shell .statistics-integration-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .personal-cabinet-shell .statistics-energy-chart-row {
        grid-template-columns: 1fr auto;
    }

    .personal-cabinet-shell .statistics-energy-chart-track {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .personal-cabinet-shell .statistics-integration-list {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .statistics-records-card .statistics-history-row {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .personal-cabinet-shell .statistics-card .card-header > .statistics-status {
        min-height: 22px;
        padding: 3px 6px;
        font-size: var(--cabinet-size-card, 8px);
    }
}

.personal-cabinet-shell .human-path-history-card .dashboard-section-link,
.personal-cabinet-shell .human-path-confirmations-card .dashboard-section-link {
    width: auto;
    min-width: 112px;
    max-width: 100%;
    min-height: 32px;
    padding: 6px 10px;
    font-size: var(--cabinet-size-metadata, 11px);
    white-space: nowrap;
}

@media (max-width: 900px) {
    .personal-cabinet-shell .statistics-primary-grid > .statistics-card:first-child .chart-container {
        flex-basis: 220px;
        min-height: 220px;
        height: 220px;
    }

    .personal-cabinet-shell .statistics-primary-grid > .statistics-card:first-child .chart-container canvas {
        height: 220px !important;
    }
}

/* Personal Dashboard profile facts and Recognition motion */
.personal-cabinet-shell .human-path-profile-card .dashboard-identity-heading {
    padding-bottom: 12px;
    border-bottom: 0;
}

.personal-cabinet-shell .human-path-profile-card .dashboard-status-rows {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.personal-cabinet-shell .human-path-profile-card .dashboard-status-row,
.personal-cabinet-shell .human-path-profile-card .dashboard-status-row:first-child,
.personal-cabinet-shell .human-path-profile-card .dashboard-status-row-identifier {
    display: grid;
    align-content: center;
    grid-template-columns: 1fr;
    gap: 7px;
    min-height: 84px;
    padding: 14px 16px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: color-mix(in srgb, var(--ultra-light) 78%, transparent);
    transition:
        transform var(--corporate-ui-motion-duration, 180ms) var(--corporate-ui-motion-ease, cubic-bezier(.2, .8, .2, 1)),
        border-color var(--corporate-ui-motion-duration, 180ms) var(--corporate-ui-motion-ease, cubic-bezier(.2, .8, .2, 1)),
        box-shadow var(--corporate-ui-motion-duration, 180ms) var(--corporate-ui-motion-ease, cubic-bezier(.2, .8, .2, 1));
}

.personal-cabinet-shell .recognition-progress-ring-card {
    transition:
        transform var(--corporate-ui-motion-duration, 180ms) var(--corporate-ui-motion-ease, cubic-bezier(.2, .8, .2, 1)),
        border-color var(--corporate-ui-motion-duration, 180ms) var(--corporate-ui-motion-ease, cubic-bezier(.2, .8, .2, 1)),
        box-shadow var(--corporate-ui-motion-duration, 180ms) var(--corporate-ui-motion-ease, cubic-bezier(.2, .8, .2, 1));
}

.personal-cabinet-shell .human-path-profile-card .dashboard-status-row:is(:hover, :focus-within),
.personal-cabinet-shell .recognition-progress-ring-card:is(:hover, :focus-within) {
    transform: translateY(-0.5px);
    border-color: color-mix(in srgb, var(--accent-green) 42%, var(--border)) !important;
    box-shadow: 0 12px 26px rgba(16, 42, 36, 0.08);
}

html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-card .dashboard-status-row:is(:hover, :focus-within),
html[data-theme="dark"] .personal-cabinet-shell .recognition-progress-ring-card:is(:hover, :focus-within) {
    border-color: rgba(88, 178, 143, 0.36) !important;
}

.personal-cabinet-shell .human-path-history-card > .card-header small {
    display: block;
    margin-top: 4px;
    color: var(--muted-text);
    font-size: var(--cabinet-size-card, 11px);
    font-weight: var(--cabinet-weight-body, 400);
}

.personal-cabinet-shell .human-path-history-card .dashboard-section-link {
    flex: 0 0 auto;
    min-height: 32px;
    padding: 6px 10px;
    font-size: var(--cabinet-size-metadata, 11px);
    white-space: nowrap;
}

.personal-cabinet-shell .human-path-history-current {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.personal-cabinet-shell .human-path-history-current span {
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 11px);
}

.personal-cabinet-shell .human-path-history-current strong {
    color: var(--dark-text);
    font-size: var(--cabinet-size-body, 15px);
    font-weight: var(--cabinet-weight-heading, 600);
}

.personal-cabinet-shell .human-path-history-chart {
    gap: 7px;
    height: 184px;
    margin: 0 0 18px;
    padding: 20px 12px 0;
    border: 1px solid var(--border);
    border-radius: 8px;
    background:
        linear-gradient(to top, color-mix(in srgb, var(--border) 34%, transparent) 1px, transparent 1px) 0 0 / 100% 25%,
        color-mix(in srgb, var(--ultra-light) 70%, transparent);
}

.personal-cabinet-shell .human-path-history-column i {
    width: min(34px, 82%);
    border-color: color-mix(in srgb, var(--accent-green) 58%, var(--border));
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--accent-green) 66%, white), var(--accent-green));
    box-shadow: 0 0 12px color-mix(in srgb, var(--accent-green) 12%, transparent);
}

.personal-cabinet-shell .human-path-history-column small {
    font-size: var(--cabinet-size-metadata, 9px);
}

.personal-cabinet-shell .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-card .dashboard-status-row,
html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-card .dashboard-status-row:first-child {
    border-color: var(--hp-dark-line);
    background: rgba(37, 42, 49, 0.72);
}

html[data-theme="dark"] .personal-cabinet-shell .human-path-history-current strong {
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .human-path-history-chart {
    border-color: var(--hp-dark-line);
    background:
        linear-gradient(to top, rgba(184, 188, 193, 0.08) 1px, transparent 1px) 0 0 / 100% 25%,
        rgba(37, 42, 49, 0.72);
}

@media (max-width: 680px) {
    .personal-cabinet-shell .human-path-profile-card .dashboard-status-rows {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .personal-cabinet-shell .human-path-profile-card .dashboard-status-row,
    .personal-cabinet-shell .recognition-progress-ring-card {
        transition:
            border-color 120ms ease,
            box-shadow 120ms ease;
    }

    .personal-cabinet-shell .human-path-profile-card .dashboard-status-row:is(:hover, :focus-within),
    .personal-cabinet-shell .recognition-progress-ring-card:is(:hover, :focus-within) {
        transform: none;
    }
}

/* Statistics HUNIT Trend: canonical Personal Dashboard ledger projection */
.personal-cabinet-shell .statistics-hunit-trend-summary {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
}

.personal-cabinet-shell .statistics-hunit-trend-summary span,
.personal-cabinet-shell .statistics-hunit-source {
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 11px);
}

.personal-cabinet-shell .statistics-hunit-trend-summary strong {
    color: var(--dark-text);
    font-size: var(--cabinet-size-body, 15px);
    font-weight: var(--cabinet-weight-control, 600);
}

.personal-cabinet-shell .statistics-hunit-trend {
    height: 240px;
    padding: 8px 10px 0;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: color-mix(in srgb, var(--ultra-light) 70%, transparent);
}

.personal-cabinet-shell .statistics-hunit-trend svg {
    display: block;
    width: 100%;
    height: 204px;
    overflow: visible;
}

.personal-cabinet-shell .statistics-hunit-grid {
    stroke: color-mix(in srgb, var(--border) 72%, transparent);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}

.personal-cabinet-shell .statistics-hunit-area {
    fill: color-mix(in srgb, var(--accent-green) 16%, transparent);
}

.personal-cabinet-shell .statistics-hunit-line {
    fill: none;
    stroke: var(--accent-green);
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.personal-cabinet-shell .statistics-hunit-point {
    fill: var(--white);
    stroke: var(--accent-green);
    stroke-width: 3;
    vector-effect: non-scaling-stroke;
}

.personal-cabinet-shell .statistics-hunit-labels,
.personal-cabinet-shell .statistics-hunit-event-list {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
}

.personal-cabinet-shell .statistics-hunit-labels {
    gap: 3px;
    margin-top: -19px;
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 9px);
    text-align: center;
}

.personal-cabinet-shell .statistics-hunit-event-list {
    gap: 6px;
}

.personal-cabinet-shell .statistics-hunit-event-list > div {
    display: grid;
    gap: 2px;
    min-width: 0;
    padding: 7px 5px;
    border: 1px solid var(--border);
    border-radius: 6px;
    text-align: center;
}

.personal-cabinet-shell .statistics-hunit-event-list span,
.personal-cabinet-shell .statistics-hunit-event-list small {
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 9px);
}

.personal-cabinet-shell .statistics-hunit-event-list strong {
    color: var(--dark-text);
    font-size: var(--cabinet-size-metadata, 11px);
    font-weight: var(--cabinet-weight-heading, 600);
}

.personal-cabinet-shell .statistics-hunit-event-list small {
    color: var(--accent-green);
}

.personal-cabinet-shell .statistics-hunit-source {
    margin: 0;
}

html[data-theme="dark"] .personal-cabinet-shell .statistics-hunit-trend {
    border-color: var(--hp-dark-line);
    background: rgba(37, 42, 49, 0.72);
}

html[data-theme="dark"] .personal-cabinet-shell .statistics-hunit-trend-summary strong,
html[data-theme="dark"] .personal-cabinet-shell .statistics-hunit-event-list strong {
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .statistics-hunit-point {
    fill: var(--theme-card-surface);
}

@media (max-width: 900px) {
    .personal-cabinet-shell .statistics-hunit-event-list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .personal-cabinet-shell .statistics-hunit-labels {
        display: none;
    }

    .personal-cabinet-shell .statistics-hunit-event-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.personal-cabinet-shell .is-personal-selected,
.personal-cabinet-shell .settings-switch-card.is-ui-on,
.personal-cabinet-shell .settings-switch-row.is-ui-on {
    border-color: color-mix(in srgb, var(--accent-green) 48%, var(--border));
    background-color: var(--theme-ghost-hover);
    box-shadow: inset 0 0 0 1px var(--theme-primary-border);
}

.personal-cabinet-shell .settings-switch-card.is-ui-off,
.personal-cabinet-shell .settings-switch-row.is-ui-off {
    background-color: var(--personal-level-3);
}

.personal-cabinet-shell .notification-category-chip.is-personal-selected {
    color: var(--accent-green);
}

/* Personal Cabinet Final Cosmetic Audit v1.0 */
body.personal-cabinet-shell,
.personal-cabinet-shell .page-wrapper,
.personal-cabinet-shell .main-content {
    background: var(--personal-level-1);
    color: var(--theme-primary-text);
}

.personal-cabinet-shell :is(
    .humas-sidebar,
    .humas-dashboard-header,
    .card-wrapper,
    .wallet-card,
    .statistics-card,
    .certification-card,
    .membership-card,
    .settings-card,
    .profile-section-card,
    .help-guide-card,
    .help-assistance-card,
    .notifications-card,
    .dashboard-section .card-wrapper,
    .glyph-workspace-panel,
    .glyph-workspace-future-integrations,
    .glyph-workspace-aria-guidance
) {
    border-color: var(--theme-primary-border);
    background-color: var(--personal-level-2);
    background-image: none;
}

.personal-cabinet-shell :is(
    .profile-passport-glyph,
    .profile-passport-grid > div,
    .professional-passport-info-item,
    .professional-passport-history-item,
    .professional-passport-achievement-item,
    .professional-passport-placeholder,
    .professional-passport-timeline-item,
    .membership-notice,
    .membership-feedback,
    .membership-note,
    .membership-state-summary > div,
    .membership-access-list > div,
    .membership-integration-list > div,
    .settings-field,
    .settings-switch-card,
    .settings-action-card,
    .settings-service-card,
    .settings-info-card,
    .wallet-metric-card,
    .wallet-service-item,
    .statistics-summary .stat-item,
    .statistics-empty-state,
    .notification-item,
    .certification-integration-list > span
) {
    border-color: var(--theme-secondary-border);
    background-color: var(--personal-level-3);
    background-image: none;
}

.personal-cabinet-shell :is(
    .notification-feedback,
    .notification-event-architecture,
    .notification-section-label,
    .notification-details-panel,
    .notification-future-integrations,
    .statistics-preview-service-note,
    .statistics-records-note,
    .settings-explainer,
    .certification-submit-status,
    .certification-hpc-info,
    .certification-mode-panels,
    .certification-mode-tabs,
    .certification-submit-intro,
    .help-document-panel,
    .help-section-content,
    .help-knowledge-intro,
    .human-path-dimensions-heading,
    .glyph-workspace-context,
    .glyph-workspace-customize,
    .glyph-workspace-history,
    .glyph-workspace-sync-note
) {
    border-color: var(--theme-secondary-border);
    background-color: var(--personal-level-3);
    background-image: none;
}

.personal-cabinet-shell :is(
    .notification-category-chip,
    .notification-event-chip-row span,
    .notification-type-badge,
    .notification-future-grid em,
    .statistics-records-note,
    .settings-explainer,
    .settings-future-integrations-section .settings-status.is-soon,
    .certification-submit-level,
    .certification-hpc-info-grid .certification-hpc-evidence,
    .certification-state-card .certification-badge,
    .certification-submit-intro,
    .certification-integration-list span em,
    .help-knowledge-intro,
    .help-topic-button::after,
    .glyph-workspace-context em,
    .glyph-workspace-activation-summary em,
    .glyph-workspace-integration-grid span
) {
    border-color: var(--theme-primary-border);
    background-color: var(--theme-ghost-hover);
    background-image: none;
}

.personal-cabinet-shell :is(
    .membership-records-row:nth-child(odd),
    .notification-item.unread,
    .statistics-records-card .statistics-history-row:nth-child(odd),
    .wallet-transaction-row:nth-child(odd),
    .certification-history-row:nth-child(odd)
) {
    background-color: var(--theme-ghost-hover);
}

.personal-cabinet-shell .settings-danger-button {
    border-color: var(--theme-danger-button);
    background-color: var(--theme-danger-button);
}

.personal-cabinet-shell .membership-notice.is-success,
.personal-cabinet-shell .membership-feedback:not(.is-warning):not(.is-error) {
    border-left-color: var(--theme-success);
}

.personal-cabinet-shell :is(.membership-notice, .membership-feedback).is-warning {
    border-left-color: var(--theme-primary-gold);
}

.personal-cabinet-shell :is(.membership-notice, .membership-feedback).is-error {
    border-left-color: var(--theme-error);
}

.personal-cabinet-shell .membership-note {
    border-left-color: var(--theme-primary-border);
}

.personal-cabinet-shell .membership-access-card .membership-access-list > div:first-child {
    border-left-color: var(--theme-primary-button);
}

html[data-theme] .personal-cabinet-shell :is(
    .profile-passport-glyph,
    .glyph-workspace-future-integrations,
    .glyph-workspace-aria-guidance
) {
    background-image: none;
}

.personal-cabinet-shell .humas-sidebar-link.is-placeholder {
    pointer-events: none;
}

/* Personal Glyph Mobile presentation architecture v1.0 */
.personal-cabinet-shell .container.mt-20.glyph-mobile-page {
    max-width: 1200px;
    padding: 46px 24px 36px;
    overflow: visible;
}

.personal-cabinet-shell .glyph-mobile-layout {
    display: grid;
    gap: 18px;
}

.personal-cabinet-shell .glyph-mobile-section {
    min-width: 0;
}

.personal-cabinet-shell .glyph-mobile-section .card-header {
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.personal-cabinet-shell .glyph-mobile-section .card-header > div:first-child {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.personal-cabinet-shell .glyph-mobile-section .card-header span:not(.glyph-mobile-status) {
    color: var(--theme-primary-text);
    font-size: var(--type-section-title);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.3;
}

.personal-cabinet-shell .glyph-mobile-section .card-header small {
    color: var(--theme-supporting-text);
    font-size: var(--type-supporting);
    line-height: 1.45;
}

.personal-cabinet-shell .glyph-mobile-status,
.personal-cabinet-shell .glyph-mobile-process-list em {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    justify-content: center;
    padding: 4px 9px;
    border: 1px solid var(--theme-primary-border);
    border-radius: 999px;
    background: var(--theme-ghost-hover);
    color: var(--theme-primary-button);
    font-size: var(--type-metadata);
    font-style: normal;
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
}

.personal-cabinet-shell .glyph-mobile-status-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}

.personal-cabinet-shell .glyph-mobile-status-grid > div,
.personal-cabinet-shell .glyph-mobile-context-flow > div,
.personal-cabinet-shell .glyph-mobile-capability-card,
.personal-cabinet-shell .glyph-mobile-detail-list > div,
.personal-cabinet-shell .glyph-mobile-ecosystem-grid > div {
    min-width: 0;
    border: 1px solid var(--theme-secondary-border);
    border-radius: var(--cabinet-card-radius);
    background: var(--personal-level-3);
}

.personal-cabinet-shell .glyph-mobile-status-grid > div {
    display: grid;
    align-content: start;
    gap: 6px;
    min-height: 116px;
    padding: 15px;
}

.personal-cabinet-shell .glyph-mobile-status-grid span,
.personal-cabinet-shell .glyph-mobile-status-grid small,
.personal-cabinet-shell .glyph-mobile-context-flow small,
.personal-cabinet-shell .glyph-mobile-capability-card small,
.personal-cabinet-shell .glyph-mobile-detail-list dt,
.personal-cabinet-shell .glyph-mobile-ecosystem-grid span {
    color: var(--theme-supporting-text);
    font-size: var(--type-metadata);
    line-height: 1.4;
}

.personal-cabinet-shell .glyph-mobile-status-grid strong,
.personal-cabinet-shell .glyph-mobile-context-flow strong,
.personal-cabinet-shell .glyph-mobile-capability-card strong,
.personal-cabinet-shell .glyph-mobile-detail-list dd,
.personal-cabinet-shell .glyph-mobile-ecosystem-grid strong {
    color: var(--theme-primary-text);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.personal-cabinet-shell .glyph-mobile-status-grid strong[title] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.personal-cabinet-shell .glyph-mobile-context-flow {
    display: grid;
    grid-template-columns: repeat(4, minmax(20px, auto) minmax(0, 1fr)) minmax(0, 1fr);
    gap: 10px;
    align-items: stretch;
}

.personal-cabinet-shell .glyph-mobile-context-flow > div {
    display: grid;
    place-content: center;
    gap: 5px;
    min-height: 106px;
    padding: 14px;
    text-align: center;
}

.personal-cabinet-shell .glyph-mobile-context-flow > span {
    display: grid;
    place-items: center;
    color: var(--theme-primary-button);
    font-size: var(--cabinet-size-card, 18px);
    font-weight: var(--cabinet-weight-heading, 600);
    transform: rotate(-90deg);
}

.personal-cabinet-shell .glyph-mobile-process-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.personal-cabinet-shell .glyph-mobile-process-list li {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 10px;
    align-content: start;
    min-height: 142px;
    padding: 14px;
    border: 1px solid var(--theme-secondary-border);
    border-radius: var(--cabinet-card-radius);
    background: var(--personal-level-3);
}

.personal-cabinet-shell .glyph-mobile-process-list li > span {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border: 1px solid var(--theme-primary-border);
    border-radius: 50%;
    background: var(--theme-ghost-hover);
    color: var(--theme-primary-button);
    font-size: var(--type-metadata);
    font-weight: var(--cabinet-weight-heading, 600);
}

.personal-cabinet-shell .glyph-mobile-process-list li > div {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.personal-cabinet-shell .glyph-mobile-process-list strong {
    color: var(--theme-primary-text);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.4;
}

.personal-cabinet-shell .glyph-mobile-process-list small {
    color: var(--theme-supporting-text);
    font-size: var(--type-metadata);
    line-height: 1.4;
}

.personal-cabinet-shell .glyph-mobile-process-list em {
    grid-column: 1 / -1;
    justify-self: start;
    margin-top: auto;
}

.personal-cabinet-shell .glyph-mobile-capability-grid,
.personal-cabinet-shell .glyph-mobile-ecosystem-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.personal-cabinet-shell .glyph-mobile-capability-card {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 88px;
    padding: 14px;
}

.personal-cabinet-shell .glyph-mobile-capability-card img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.personal-cabinet-shell .glyph-mobile-capability-card > div,
.personal-cabinet-shell .glyph-mobile-ecosystem-grid > div {
    display: grid;
    gap: 5px;
}

.personal-cabinet-shell .glyph-mobile-peer-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    align-items: stretch;
}

.personal-cabinet-shell .glyph-mobile-peer-grid > .glyph-mobile-section {
    height: 100%;
}

.personal-cabinet-shell .glyph-mobile-detail-list {
    display: grid;
    gap: 10px;
    margin: 0;
}

.personal-cabinet-shell .glyph-mobile-detail-list > div {
    display: grid;
    grid-template-columns: minmax(120px, 0.42fr) minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    padding: 13px 14px;
}

.personal-cabinet-shell .glyph-mobile-detail-list dt,
.personal-cabinet-shell .glyph-mobile-detail-list dd {
    margin: 0;
}

.personal-cabinet-shell .glyph-mobile-empty-state {
    min-height: 164px;
}

.personal-cabinet-shell .glyph-mobile-ecosystem-grid > div {
    min-height: 82px;
    align-content: center;
    padding: 14px;
}

.personal-cabinet-shell .glyph-mobile-actions {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.personal-cabinet-shell .glyph-mobile-actions .btn {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 9px 14px;
    text-align: center;
    text-decoration: none;
}

.personal-cabinet-shell .glyph-mobile-actions .btn:disabled {
    pointer-events: none;
}

@media (max-width: 1120px) {
    .personal-cabinet-shell .glyph-mobile-status-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .personal-cabinet-shell .glyph-mobile-status-grid > div:nth-last-child(-n + 2) {
        grid-column: span 1;
    }

    .personal-cabinet-shell .glyph-mobile-process-list,
    .personal-cabinet-shell .glyph-mobile-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .personal-cabinet-shell .container.mt-20.glyph-mobile-page {
        padding: 30px 18px;
    }

    .personal-cabinet-shell .glyph-mobile-status-grid,
    .personal-cabinet-shell .glyph-mobile-capability-grid,
    .personal-cabinet-shell .glyph-mobile-ecosystem-grid,
    .personal-cabinet-shell .glyph-mobile-peer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .personal-cabinet-shell .glyph-mobile-context-flow {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .glyph-mobile-context-flow > span {
        min-height: 22px;
        transform: none;
    }
}

@media (max-width: 560px) {
    .personal-cabinet-shell .container.mt-20.glyph-mobile-page {
        padding: 22px 14px 28px;
    }

    .personal-cabinet-shell .glyph-mobile-section .card-header {
        flex-direction: column;
    }

    .personal-cabinet-shell .glyph-mobile-status,
    .personal-cabinet-shell .glyph-mobile-process-list em {
        white-space: normal;
    }

    .personal-cabinet-shell .glyph-mobile-status-grid,
    .personal-cabinet-shell .glyph-mobile-capability-grid,
    .personal-cabinet-shell .glyph-mobile-ecosystem-grid,
    .personal-cabinet-shell .glyph-mobile-peer-grid,
    .personal-cabinet-shell .glyph-mobile-process-list,
    .personal-cabinet-shell .glyph-mobile-actions {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .glyph-mobile-detail-list > div {
        grid-template-columns: 1fr;
        gap: 5px;
    }
}

/* Personal Glyph Mobile inheritance alignment v2.0 */
.personal-cabinet-shell .glyph-mobile-overview-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.28fr) minmax(360px, 0.92fr);
    gap: 14px;
    align-items: stretch;
}

.personal-cabinet-shell .glyph-mobile-overview-status,
.personal-cabinet-shell .glyph-mobile-summary-card,
.personal-cabinet-shell .glyph-mobile-context-panel,
.personal-cabinet-shell .glyph-mobile-feature-card,
.personal-cabinet-shell .glyph-mobile-service-grid > article,
.personal-cabinet-shell .glyph-mobile-integration-grid > article,
.personal-cabinet-shell .glyph-mobile-principles > p {
    min-width: 0;
    border: 1px solid var(--theme-secondary-border);
    border-radius: var(--cabinet-card-radius);
    background: var(--personal-level-3);
    background-image: none;
}

.personal-cabinet-shell .glyph-mobile-overview-status,
.personal-cabinet-shell .glyph-mobile-context-panel {
    padding: 16px;
}

.personal-cabinet-shell .glyph-mobile-panel-heading {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    margin-bottom: 14px;
}

.personal-cabinet-shell .glyph-mobile-panel-heading img,
.personal-cabinet-shell .glyph-mobile-summary-card img,
.personal-cabinet-shell .glyph-mobile-feature-card img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.personal-cabinet-shell .glyph-mobile-panel-heading > div,
.personal-cabinet-shell .glyph-mobile-feature-card > div {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.personal-cabinet-shell .glyph-mobile-panel-heading strong,
.personal-cabinet-shell .glyph-mobile-summary-card strong,
.personal-cabinet-shell .glyph-mobile-feature-card strong,
.personal-cabinet-shell .glyph-mobile-service-grid strong,
.personal-cabinet-shell .glyph-mobile-integration-grid strong {
    color: var(--theme-primary-text);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-control, 600);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.personal-cabinet-shell .glyph-mobile-panel-heading small,
.personal-cabinet-shell .glyph-mobile-summary-card span,
.personal-cabinet-shell .glyph-mobile-summary-card small,
.personal-cabinet-shell .glyph-mobile-feature-card small,
.personal-cabinet-shell .glyph-mobile-service-grid span,
.personal-cabinet-shell .glyph-mobile-integration-grid span {
    color: var(--theme-supporting-text);
    font-size: var(--type-metadata);
    line-height: 1.4;
}

.personal-cabinet-shell .glyph-mobile-fact-list {
    display: grid;
    gap: 0;
    margin: 0;
}

.personal-cabinet-shell .glyph-mobile-fact-list > div {
    display: grid;
    grid-template-columns: minmax(118px, 0.44fr) minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 46px;
    padding: 9px 0;
    border-top: 1px solid var(--theme-secondary-border);
}

.personal-cabinet-shell .glyph-mobile-fact-list > div:first-child {
    border-top: 0;
}

.personal-cabinet-shell .glyph-mobile-fact-list dt,
.personal-cabinet-shell .glyph-mobile-fact-list dd {
    margin: 0;
    line-height: 1.4;
}

.personal-cabinet-shell .glyph-mobile-fact-list dt {
    color: var(--theme-supporting-text);
    font-size: var(--type-metadata);
}

.personal-cabinet-shell .glyph-mobile-fact-list dd {
    color: var(--theme-primary-text);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-heading, 600);
    overflow-wrap: anywhere;
}

.personal-cabinet-shell .glyph-mobile-summary-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.personal-cabinet-shell .glyph-mobile-summary-card {
    display: grid;
    align-content: start;
    gap: 6px;
    min-height: 142px;
    padding: 15px;
}

.personal-cabinet-shell .glyph-mobile-summary-card small[title] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.personal-cabinet-shell .glyph-mobile-context-panels {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    align-items: stretch;
}

.personal-cabinet-shell .glyph-mobile-context-panel {
    height: 100%;
}

.personal-cabinet-shell .glyph-mobile-process-section {
    margin-top: 2px;
}

.personal-cabinet-shell .glyph-mobile-feature-grid,
.personal-cabinet-shell .glyph-mobile-service-grid,
.personal-cabinet-shell .glyph-mobile-integration-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.personal-cabinet-shell .glyph-mobile-feature-card {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 88px;
    padding: 14px;
}

.personal-cabinet-shell .glyph-mobile-service-grid > article,
.personal-cabinet-shell .glyph-mobile-integration-grid > article {
    display: grid;
    align-content: center;
    gap: 5px;
    min-height: 82px;
    padding: 14px;
}

.personal-cabinet-shell .glyph-mobile-principles {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.personal-cabinet-shell .glyph-mobile-principles > p {
    display: flex;
    min-height: 70px;
    align-items: center;
    margin: 0;
    padding: 13px 14px;
    color: var(--theme-secondary-text);
    font-size: var(--type-supporting);
    line-height: 1.5;
}

@media (max-width: 1120px) {
    .personal-cabinet-shell .glyph-mobile-overview-grid {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .glyph-mobile-feature-grid,
    .personal-cabinet-shell .glyph-mobile-service-grid,
    .personal-cabinet-shell .glyph-mobile-integration-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .personal-cabinet-shell .glyph-mobile-context-panels {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .personal-cabinet-shell .glyph-mobile-summary-grid,
    .personal-cabinet-shell .glyph-mobile-context-panels,
    .personal-cabinet-shell .glyph-mobile-feature-grid,
    .personal-cabinet-shell .glyph-mobile-service-grid,
    .personal-cabinet-shell .glyph-mobile-integration-grid,
    .personal-cabinet-shell .glyph-mobile-principles {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .personal-cabinet-shell .glyph-mobile-fact-list > div {
        grid-template-columns: 1fr;
        gap: 4px;
    }
}

/* HUMAS Platform secondary typography readability alignment */
.personal-cabinet-shell :is(
    .cabinet-page-subtitle,
    .humas-header-supporting,
    .card-header small,
    .card-body p,
    .card-body li,
    #sendGlyphModal p,
    .dashboard-answer-card small,
    .dashboard-card-note,
    .dashboard-glyph-action-tile small,
    .dashboard-full-action small,
    .dashboard-glyph-activation small,
    .dashboard-status-list small,
    .dashboard-status-row small,
    .dashboard-mini-status small,
    .hunit-summary-item small,
    .recognition-progress-metric small,
    .recognition-progress-ring-wrap small,
    .wallet-empty-state p,
    .wallet-empty-state span,
    .statistics-empty-state span,
    .statistics-preview-note,
    .statistics-preview-service-note,
    .statistics-records-note,
    .certification-empty-text,
    .certification-requirements-description,
    .certification-pending-note,
    .membership-note,
    .membership-empty-state p,
    .membership-empty-state span,
    .membership-modal-note,
    .profile-note,
    .profile-invitation-note,
    .notification-body,
    .notification-empty-subtext,
    .help-section-content,
    .help-support-card p,
    .glyph-workspace-panel-header p,
    .glyph-workspace-form-note,
    .glyph-workspace-aria-guidance span,
    .glyph-workspace-history-intro span,
    .glyph-workspace-sync-note span,
    .glyph-mobile-section .card-header small,
    .glyph-mobile-capability-card small,
    .glyph-mobile-process-list small,
    .glyph-mobile-feature-card small,
    .glyph-mobile-service-grid span,
    .glyph-mobile-integration-grid span,
    .glyph-mobile-empty-state p,
    .glyph-mobile-empty-state span
) {
    font-size: var(--humas-type-secondary);
    line-height: var(--humas-type-secondary-line-height);
}

.personal-cabinet-shell #sendGlyphModal .input-wrapper > p {
    font-size: var(--humas-type-secondary) !important;
    line-height: var(--humas-type-secondary-line-height);
}

/* Glyph identity presentation stability and vivid rendering bridge v1.2 */
.personal-cabinet-shell .glyph-box::before,
.personal-cabinet-shell .glyph-box::after {
    display: none !important;
    content: none !important;
}

.personal-cabinet-shell .glyph-inner,
.personal-cabinet-shell .glyph-workspace-glyph-box .glyph-inner,
.personal-cabinet-shell .dashboard-primary-glyph-box,
.personal-cabinet-shell .dashboard-primary-glyph-box .glyph-inner,
.personal-cabinet-shell .human-path-profile-card .dashboard-primary-glyph-box,
.personal-cabinet-shell .human-path-profile-card .dashboard-primary-glyph-box .glyph-inner {
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

.personal-cabinet-shell .glyph-workspace-visual-area {
    height: 354px;
    min-height: 354px;
    overflow: hidden;
    padding: 4px 10px 6px;
}

.personal-cabinet-shell .glyph-workspace-glyph-box {
    width: min(330px, 100%);
    max-width: 330px;
    flex: 0 1 330px;
    margin: 0;
    overflow: hidden;
}

.personal-cabinet-shell .glyph-workspace-glyph-box #glyph-svg,
.personal-cabinet-shell .glyph-workspace-glyph-box #glyph-svg svg,
.personal-cabinet-shell [data-glyph-output],
.personal-cabinet-shell [data-glyph-output] svg {
    display: block;
    background: transparent !important;
    shape-rendering: geometricPrecision;
}

/* Present old stored Glyphs transparently without rewriting their artifacts. */
.personal-cabinet-shell [data-glyph-output] svg > rect[width="100%"][height="100%"] {
    display: none;
}

/* Existing signed artifacts keep their bytes and proof; only their DOM presentation
   receives the same restrained vividness as generator profile crisp-vivid. */
.personal-cabinet-shell svg.glyph-presentation-legacy-enhanced {
    filter:
        brightness(1.14)
        saturate(1.1)
        contrast(1.06)
        drop-shadow(0 0 2px rgba(255, 230, 163, 0.16));
    shape-rendering: geometricPrecision;
    text-rendering: geometricPrecision;
}

.personal-cabinet-shell svg.glyph-presentation-legacy-enhanced line {
    opacity: .76 !important;
    filter: drop-shadow(0 0 1.4px rgba(143, 180, 255, 0.28));
}

.personal-cabinet-shell svg.glyph-presentation-legacy-enhanced path[stroke]:not([stroke="none"]) {
    filter: drop-shadow(0 0 1.5px rgba(255, 255, 255, 0.16));
}

.personal-cabinet-shell svg.glyph-presentation-legacy-enhanced > g:first-of-type circle {
    filter: drop-shadow(0 0 1.2px rgba(255, 230, 163, 0.32));
}

.personal-cabinet-shell .glyph-workspace-draft-state {
    min-height: 58px;
    height: 58px;
    box-sizing: border-box;
    overflow: hidden;
}

.personal-cabinet-shell .glyph-workspace-actions-header {
    margin-top: 16px;
}

.personal-cabinet-shell .glyph-workspace-action-bar {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.personal-cabinet-shell .glyph-workspace-library-map > div {
    cursor: default !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
}

.personal-cabinet-shell .glyph-workspace-library-map > div:hover,
.personal-cabinet-shell .glyph-workspace-library-map > div:focus-within {
    transform: none !important;
    box-shadow: none !important;
}

@media (max-width: 760px) {
    .personal-cabinet-shell .glyph-workspace-visual-area {
        height: auto;
        min-height: 300px;
    }

    .personal-cabinet-shell .glyph-workspace-glyph-box {
        width: min(300px, 100%);
        max-width: 300px;
        flex-basis: 300px;
    }

    .personal-cabinet-shell .glyph-workspace-draft-state {
        height: auto;
        min-height: 62px;
    }
}

/* Personal Dashboard final layout precedence */
.personal-cabinet-shell .human-path-hero-grid {
    display: block;
}

.personal-cabinet-shell .human-path-profile-card {
    min-height: 0;
}

.personal-cabinet-shell .human-path-profile-card .dashboard-glyph-identity {
    grid-template-columns: minmax(320px, 0.72fr) minmax(0, 1fr);
    gap: 42px;
    min-height: 286px;
}

.personal-cabinet-shell .human-path-profile-card .dashboard-glyph-visual {
    min-height: 286px;
}

.personal-cabinet-shell .human-path-profile-card .dashboard-primary-glyph-box,
.personal-cabinet-shell .human-path-profile-card .dashboard-primary-glyph-box .glyph-inner,
.personal-cabinet-shell .human-path-profile-card #glyph-svg,
.personal-cabinet-shell .human-path-profile-card #glyph-svg svg {
    width: 286px;
    height: 286px;
    min-width: 286px;
    flex-basis: 286px;
}

.personal-cabinet-shell .human-path-profile-card .dashboard-primary-glyph-box,
html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-card .dashboard-primary-glyph-box,
html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-card .dashboard-primary-glyph-box .glyph-inner {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.personal-cabinet-shell .human-path-profile-card .dashboard-status-row,
.personal-cabinet-shell .human-path-profile-card .dashboard-status-row-identifier {
    grid-template-columns: 1fr;
    gap: 5px;
    padding: 13px 0;
}

.personal-cabinet-shell .human-path-profile-card .dashboard-status-row:first-child {
    border-top: 1px solid var(--border);
}

.personal-cabinet-shell .human-path-progress-card > .card-body {
    display: block;
}

.personal-cabinet-shell .human-path-glyph-management-card {
    min-height: 0;
    margin-top: var(--hp-gap);
}

.personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-workspace-side {
    grid-template-columns: minmax(0, 1fr) minmax(250px, 0.42fr);
}

.personal-cabinet-shell .human-path-lower-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
}

.personal-cabinet-shell .human-path-lower-secondary {
    display: grid;
    gap: var(--hp-gap);
    min-width: 0;
}

.personal-cabinet-shell .human-path-confirmations-card > .card-header small {
    display: block;
    margin-top: 4px;
    color: var(--muted-text);
    font-size: var(--cabinet-size-card, 12px);
    font-weight: var(--cabinet-weight-body, 400);
}

.personal-cabinet-shell .human-path-confirmation-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin: 0 0 16px;
    padding: 0 0 16px;
    border-bottom: 1px solid var(--border);
}

.personal-cabinet-shell .human-path-confirmation-summary div {
    min-width: 0;
    padding: 0 12px;
    border-right: 1px solid var(--border);
}

.personal-cabinet-shell .human-path-confirmation-summary div:first-child {
    padding-left: 0;
}

.personal-cabinet-shell .human-path-confirmation-summary div:last-child {
    padding-right: 0;
    border-right: 0;
}

.personal-cabinet-shell .human-path-confirmation-summary dt,
.personal-cabinet-shell .human-path-confirmation-summary dd {
    margin: 0;
}

.personal-cabinet-shell .human-path-confirmation-summary dt {
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 11px);
    line-height: 1.3;
}

.personal-cabinet-shell .human-path-confirmation-summary dd {
    margin-top: 6px;
    color: var(--dark-text);
    font-size: var(--cabinet-size-body, 15px);
    font-weight: var(--cabinet-weight-control, 600);
    line-height: 1.3;
}

.personal-cabinet-shell .human-path-confirmation-item em {
    grid-column: 1;
    color: var(--accent-green);
    font-size: var(--cabinet-size-metadata, 11px);
    font-style: normal;
    font-weight: var(--cabinet-weight-control, 500);
}

.personal-cabinet-shell .human-path-confirmation-item small {
    grid-row: 1 / span 3;
}

/* Compact animated facts replace the former profile separators. */
.personal-cabinet-shell .human-path-profile-card .dashboard-identity-heading {
    padding-bottom: 12px;
    border-bottom: 0;
}

.personal-cabinet-shell .human-path-profile-card .dashboard-status-rows {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.personal-cabinet-shell .human-path-profile-card .dashboard-status-row,
.personal-cabinet-shell .human-path-profile-card .dashboard-status-row:first-child,
.personal-cabinet-shell .human-path-profile-card .dashboard-status-row-identifier {
    display: grid;
    align-content: center;
    grid-template-columns: 1fr;
    gap: 7px;
    min-height: 84px;
    padding: 14px 16px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: color-mix(in srgb, var(--ultra-light) 78%, transparent);
    transition:
        transform var(--corporate-ui-motion-duration, 180ms) var(--corporate-ui-motion-ease, cubic-bezier(.2, .8, .2, 1)),
        border-color var(--corporate-ui-motion-duration, 180ms) var(--corporate-ui-motion-ease, cubic-bezier(.2, .8, .2, 1)),
        box-shadow var(--corporate-ui-motion-duration, 180ms) var(--corporate-ui-motion-ease, cubic-bezier(.2, .8, .2, 1));
}

.personal-cabinet-shell .recognition-progress-ring-card {
    transition:
        transform var(--corporate-ui-motion-duration, 180ms) var(--corporate-ui-motion-ease, cubic-bezier(.2, .8, .2, 1)),
        border-color var(--corporate-ui-motion-duration, 180ms) var(--corporate-ui-motion-ease, cubic-bezier(.2, .8, .2, 1)),
        box-shadow var(--corporate-ui-motion-duration, 180ms) var(--corporate-ui-motion-ease, cubic-bezier(.2, .8, .2, 1));
}

.personal-cabinet-shell .human-path-profile-card .dashboard-status-row:is(:hover, :focus-within),
.personal-cabinet-shell .recognition-progress-ring-card:is(:hover, :focus-within) {
    transform: translateY(-0.5px);
    border-color: color-mix(in srgb, var(--accent-green) 42%, var(--border));
    box-shadow: 0 12px 26px rgba(16, 42, 36, 0.08);
}

html[data-theme="dark"] .personal-cabinet-shell .human-path-confirmation-summary,
html[data-theme="dark"] .personal-cabinet-shell .human-path-confirmation-summary div {
    border-color: var(--hp-dark-line);
}

html[data-theme="dark"] .personal-cabinet-shell .human-path-confirmation-summary dt {
    color: var(--theme-supporting-text);
}

html[data-theme="dark"] .personal-cabinet-shell .human-path-confirmation-summary dd {
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-card .dashboard-status-row,
html[data-theme="dark"] .personal-cabinet-shell .human-path-profile-card .dashboard-status-row:first-child {
    border-color: var(--hp-dark-line);
    background: rgba(37, 42, 49, 0.72);
}

.personal-cabinet-shell .human-path-history-stats strong {
    font-size: var(--cabinet-size-large-body, 17px);
}

.personal-cabinet-shell .human-path-history-stats div {
    min-width: 0;
    padding-inline: 5px;
}

@media (max-width: 1320px) {
    .personal-cabinet-shell .human-path-profile-card .dashboard-glyph-identity {
        grid-template-columns: minmax(286px, 0.7fr) minmax(0, 1fr);
    }
}

@media (max-width: 1050px) {
    .personal-cabinet-shell .human-path-lower-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .personal-cabinet-shell .human-path-profile-card .dashboard-glyph-identity {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .human-path-profile-card .dashboard-status-row,
    .personal-cabinet-shell .human-path-profile-card .dashboard-status-row-identifier {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .personal-cabinet-shell .human-path-profile-card .dashboard-status-rows {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .human-path-profile-card .dashboard-primary-glyph-box,
    .personal-cabinet-shell .human-path-profile-card .dashboard-primary-glyph-box .glyph-inner,
    .personal-cabinet-shell .human-path-profile-card #glyph-svg,
    .personal-cabinet-shell .human-path-profile-card #glyph-svg svg {
        width: min(286px, 100%);
        height: auto;
        min-width: 0;
        aspect-ratio: 1;
    }

    .personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-actions,
    .personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-workspace-side {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .personal-cabinet-shell .human-path-profile-card .dashboard-status-row,
    .personal-cabinet-shell .recognition-progress-ring-card {
        transition:
            border-color 120ms ease,
            box-shadow 120ms ease;
    }

    .personal-cabinet-shell .human-path-profile-card .dashboard-status-row:is(:hover, :focus-within),
    .personal-cabinet-shell .recognition-progress-ring-card:is(:hover, :focus-within) {
        transform: none;
    }
}

/* Dashboard link-card exception must remain after the platform button contract. */
.personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-action-tile,
.personal-cabinet-shell .human-path-glyph-management-card .dashboard-full-action {
    border-color: var(--border);
    background: var(--ultra-light);
    color: var(--dark-text);
    box-shadow: none;
}

.personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-action-tile:hover,
.personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-action-tile:focus-visible,
.personal-cabinet-shell .human-path-glyph-management-card .dashboard-full-action:hover,
.personal-cabinet-shell .human-path-glyph-management-card .dashboard-full-action:focus-visible {
    border-color: color-mix(in srgb, var(--primary-green) 42%, var(--border));
    background: color-mix(in srgb, var(--ultra-light) 88%, var(--primary-green));
    color: var(--dark-text);
    outline: none;
}

.personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-action-tile:focus-visible,
.personal-cabinet-shell .human-path-glyph-management-card .dashboard-full-action:focus-visible {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-green) 22%, transparent);
}

html[data-theme="dark"] .personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-action-tile,
html[data-theme="dark"] .personal-cabinet-shell .human-path-glyph-management-card .dashboard-full-action {
    border-color: rgba(184, 188, 193, 0.12);
    background: rgba(37, 42, 49, 0.72);
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-action-tile:hover,
html[data-theme="dark"] .personal-cabinet-shell .human-path-glyph-management-card .dashboard-glyph-action-tile:focus-visible,
html[data-theme="dark"] .personal-cabinet-shell .human-path-glyph-management-card .dashboard-full-action:hover,
html[data-theme="dark"] .personal-cabinet-shell .human-path-glyph-management-card .dashboard-full-action:focus-visible {
    border-color: rgba(88, 178, 143, 0.36);
    background: rgba(64, 72, 84, 0.42);
    color: var(--theme-primary-text);
}

/* Personal Cabinet Home and navigation alignment v1.0 */
.personal-cabinet-shell .humas-sidebar-logo-link {
    flex-direction: column;
    align-items: flex-start;
    gap: 9px;
    text-decoration: none;
}

.personal-cabinet-shell .humas-sidebar-context {
    color: var(--accent-green);
    font-size: var(--type-nav);
    font-weight: var(--cabinet-weight-heading, 600);
    line-height: 1.3;
}

.personal-cabinet-shell .humas-sidebar-link:not(.is-active) {
    border-color: var(--theme-secondary-border);
    background: var(--personal-level-3);
}

.personal-cabinet-shell .humas-sidebar-link:not(.is-active):is(:hover, :focus-visible) {
    border-color: var(--corporate-ui-hover-border);
    background: var(--theme-ghost-hover);
}

@media (min-width: 901px) {
    .personal-cabinet-shell .humas-sidebar {
        padding-right: 12px;
        padding-left: 12px;
    }

    .personal-cabinet-shell .humas-sidebar-link {
        padding-right: 7px;
        padding-left: 7px;
        font-size: var(--cabinet-size-label, 13px);
    }
}

.personal-cabinet-shell .personal-data-sources {
    margin: 0 0 24px;
    padding: 13px 16px;
    border: 1px solid var(--theme-primary-border);
    border-radius: 8px;
    background: var(--personal-level-2);
    color: var(--theme-primary-text);
    font-size: var(--type-supporting);
    line-height: 1.5;
}

.personal-cabinet-shell .personal-data-sources summary {
    color: var(--theme-primary-text);
    font-size: var(--type-supporting);
    font-weight: var(--cabinet-weight-control, 600);
    cursor: pointer;
}

.personal-cabinet-shell .personal-data-sources p {
    margin: 10px 0 0;
    color: var(--theme-supporting-text);
}

@keyframes personal-dashboard-block-enter {
    from {
        opacity: 0;
        transform: translateY(5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/*
 * Personal Cabinet primary-surface entrance follows Administration Workspace
 * on every real page and internal workspace, not only on Dashboard Home.
 */
.personal-cabinet-shell main :is(
    .card-wrapper,
    .notifications-summary-card,
    .glyph-workspace-panel,
    .glyph-workspace-history,
    .glyph-workspace-future-integrations,
    .glyph-workspace-aria-guidance,
    .glyph-workspace-sync-note,
    .personal-mobile-module-switch,
    .personal-data-sources
) {
    animation: personal-dashboard-block-enter var(--corporate-ui-motion-duration) var(--corporate-ui-motion-ease) backwards;
}

.personal-cabinet-shell :is(
    .glyph-workspace-panel,
    .glyph-workspace-history,
    .glyph-workspace-future-integrations,
    .glyph-workspace-aria-guidance,
    .glyph-workspace-sync-note
) {
    box-shadow: var(--corporate-shadow);
    transition:
        transform var(--corporate-ui-motion-duration) var(--corporate-ui-motion-ease),
        border-color var(--corporate-ui-motion-duration) var(--corporate-ui-motion-ease),
        box-shadow var(--corporate-ui-motion-duration) var(--corporate-ui-motion-ease);
}

.personal-cabinet-shell :is(
    .glyph-workspace-panel,
    .glyph-workspace-history,
    .glyph-workspace-future-integrations,
    .glyph-workspace-aria-guidance,
    .glyph-workspace-sync-note
):is(:hover, :focus-within) {
    transform: translateY(-1px);
    border-color: var(--corporate-ui-hover-border);
    box-shadow: var(--corporate-shadow);
}

.personal-cabinet-shell :is(
    .glyph-workspace-panel,
    .glyph-workspace-history,
    .glyph-workspace-future-integrations,
    .glyph-workspace-aria-guidance,
    .glyph-workspace-sync-note
):active {
    transform: translateY(.5px);
}

.personal-cabinet-shell .human-path-profile-page .human-path-hero-grid > .card-wrapper,
.personal-cabinet-shell .human-path-profile-page > .card-wrapper,
.personal-cabinet-shell .human-path-profile-page .human-path-lower-grid > .card-wrapper,
.personal-cabinet-shell .personal-data-sources {
    animation: personal-dashboard-block-enter var(--corporate-ui-motion-duration) var(--corporate-ui-motion-ease) backwards;
    transition:
        transform var(--corporate-ui-motion-duration) var(--corporate-ui-motion-ease),
        border-color var(--corporate-ui-motion-duration) var(--corporate-ui-motion-ease),
        box-shadow var(--corporate-ui-motion-duration) var(--corporate-ui-motion-ease);
}

.personal-cabinet-shell .human-path-profile-page .human-path-hero-grid > .card-wrapper:is(:hover, :focus-within),
.personal-cabinet-shell .human-path-profile-page > .card-wrapper:is(:hover, :focus-within),
.personal-cabinet-shell .human-path-profile-page .human-path-lower-grid > .card-wrapper:is(:hover, :focus-within),
.personal-cabinet-shell .personal-data-sources:is(:hover, :focus-within) {
    transform: translateY(-1px);
    border-color: var(--corporate-ui-hover-border);
    box-shadow: var(--corporate-shadow);
}

.personal-cabinet-shell .human-path-profile-page .human-path-hero-grid > .card-wrapper:active,
.personal-cabinet-shell .human-path-profile-page > .card-wrapper:active,
.personal-cabinet-shell .human-path-profile-page .human-path-lower-grid > .card-wrapper:active,
.personal-cabinet-shell .personal-data-sources:active {
    transform: translateY(.5px);
}

.personal-cabinet-shell .human-path-profile-page > .card-wrapper:nth-of-type(2) {
    animation-delay: 24ms;
}

.personal-cabinet-shell .human-path-profile-page > .card-wrapper:nth-of-type(3) {
    animation-delay: 48ms;
}

.personal-cabinet-shell .human-path-profile-page .human-path-lower-grid > .card-wrapper:nth-child(1) {
    animation-delay: 72ms;
}

.personal-cabinet-shell .human-path-profile-page .human-path-lower-grid > .card-wrapper:nth-child(2) {
    animation-delay: 96ms;
}

.personal-cabinet-shell .human-path-profile-page .human-path-lower-grid > .card-wrapper:nth-child(3) {
    animation-delay: 120ms;
}

html[data-theme="dark"] .personal-cabinet-shell .humas-sidebar-context {
    color: var(--theme-primary-gold);
}

html[data-theme="dark"] .personal-cabinet-shell .humas-sidebar-link:not(.is-active) {
    border-color: var(--theme-secondary-border);
    background: var(--personal-level-3);
    color: var(--theme-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell .personal-data-sources {
    border-color: var(--theme-primary-border);
    background: var(--personal-level-2);
}

/* Notifications keeps the Personal Cabinet physical-button contract. */
.personal-cabinet-shell .notifications-page .notification-header-action {
    border-color: #c9b58f;
    background: #c9b58f;
    color: #171713;
}

.personal-cabinet-shell .notifications-page .notification-header-action:is(:hover, :focus-visible) {
    border-color: #d3be98;
    background: #d3be98;
    color: #171713;
}

html[data-theme="dark"] .personal-cabinet-shell .notifications-page .notification-header-action {
    border-color: var(--theme-primary-button);
    background: var(--theme-primary-button);
    color: #101312;
}

html[data-theme="dark"] .personal-cabinet-shell .notifications-page .notification-header-action:is(:hover, :focus-visible) {
    border-color: var(--theme-primary-hover);
    background: var(--theme-primary-hover);
    color: #101312;
}

/* Exact Administration Workspace dark motion token. */
html[data-theme="dark"] .personal-cabinet-shell {
    --corporate-ui-hover-border: color-mix(in srgb, var(--accent-green) 34%, var(--theme-primary-border));
    --corporate-shadow: 0 22px 58px rgba(0, 0, 0, .22);
}

@media (prefers-reduced-motion: reduce) {
    .personal-cabinet-shell main :is(
        .card-wrapper,
        .notifications-summary-card,
        .glyph-workspace-panel,
        .glyph-workspace-history,
        .glyph-workspace-future-integrations,
        .glyph-workspace-aria-guidance,
        .glyph-workspace-sync-note,
        .personal-mobile-module-switch,
        .personal-data-sources
    ),
    .personal-cabinet-shell .human-path-profile-page .human-path-hero-grid > .card-wrapper,
    .personal-cabinet-shell .human-path-profile-page > .card-wrapper,
    .personal-cabinet-shell .human-path-profile-page .human-path-lower-grid > .card-wrapper,
    .personal-cabinet-shell .personal-data-sources {
        animation: none;
        transition: none;
        transform: none;
    }
}

/* Glyph camera laboratory final layout precedence. */
.personal-cabinet-shell .glyph-carrier-lab-panel {
    display: grid;
    gap: 18px;
    justify-items: center;
    padding: 22px;
    border: 1px solid var(--theme-primary-border);
    border-radius: 6px;
    background: var(--personal-level-2);
    box-shadow: var(--corporate-shadow);
}

.personal-cabinet-shell .glyph-carrier-lab-header,
.personal-cabinet-shell .glyph-carrier-lab-footer {
    display: flex;
    width: 100%;
    max-width: 760px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.personal-cabinet-shell .glyph-carrier-lab-stage {
    width: min(720px, 100%);
    height: auto;
    aspect-ratio: 1 / 1;
}

.personal-cabinet-shell .glyph-carrier-lab-core,
.personal-cabinet-shell .glyph-carrier-lab-core svg {
    display: block;
    overflow: hidden;
}

.personal-cabinet-shell .glyph-carrier-lab-core svg {
    width: 100% !important;
    height: 100% !important;
    background: transparent !important;
    shape-rendering: geometricPrecision;
}

.personal-cabinet-shell .glyph-carrier-lab-footer .glyph-carrier-lab-variants {
    flex: 0 0 auto;
}

.personal-cabinet-shell .glyph-carrier-lab-footer .glyph-carrier-lab-description {
    flex: 1 1 auto;
    text-align: right;
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-carrier-lab-panel {
    border-color: var(--theme-primary-border);
    background: var(--personal-level-2);
}

@media (max-width: 760px) {
    .personal-cabinet-shell .glyph-carrier-lab-panel {
        padding: 14px;
    }

    .personal-cabinet-shell .glyph-carrier-lab-header,
    .personal-cabinet-shell .glyph-carrier-lab-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .personal-cabinet-shell .glyph-carrier-lab-footer .glyph-carrier-lab-description {
        text-align: left;
    }
}

@media (prefers-reduced-motion: reduce) {
    .personal-cabinet-shell .glyph-carrier-lab-panel {
        animation: none;
        transition: none;
        transform: none;
    }
}

/* Glyph workspace cleanup: the camera laboratory is frozen and not mounted here. */
.personal-cabinet-shell .humas-dashboard-header.is-glyph-page .humas-header-title {
    flex: 1 1 620px;
}

.personal-cabinet-shell .humas-dashboard-header.is-glyph-page .humas-header-supporting {
    display: block;
    width: min(100%, 760px);
    max-width: 760px;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    text-wrap: pretty;
}

.personal-cabinet-shell .humas-dashboard-header:is(.is-mobile-page, .is-settings-page) .humas-header-supporting {
    display: block;
    width: min(100%, 680px);
    max-width: 680px;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    text-wrap: pretty;
}

@media (min-width: 901px) {
    .personal-cabinet-shell .humas-dashboard-header:is(.is-mobile-page, .is-settings-page) + .page-wrapper {
        padding-top: 114px;
    }
}

@media (min-width: 1121px) and (max-width: 1439px) {
    .personal-cabinet-shell .glyph-workspace-page .glyph-workspace-action-bar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .personal-cabinet-shell .glyph-workspace-page .glyph-workspace-action-bar > :last-child:nth-child(odd) {
        grid-column: 1 / -1;
    }
}

.personal-cabinet-shell .glyph-workspace-app {
    gap: 20px;
}

.personal-cabinet-shell .glyph-workspace-history + .glyph-workspace-future-integrations {
    margin-top: 20px;
}

.personal-cabinet-shell .glyph-workspace-sync-note {
    margin-top: 20px;
}

.personal-cabinet-shell .glyph-workspace-panel,
.personal-cabinet-shell .glyph-workspace-history,
.personal-cabinet-shell .glyph-workspace-future-integrations,
.personal-cabinet-shell .glyph-workspace-aria-guidance {
    scroll-margin-top: 118px;
}

.personal-cabinet-shell .glyph-workspace-visual-area {
    height: 430px;
    min-height: 430px;
    padding: 14px 16px 12px;
}

@media (max-width: 1120px) {
    .personal-cabinet-shell .glyph-workspace-info-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .personal-cabinet-shell .humas-dashboard-header.is-glyph-page .humas-header-title {
        flex-basis: auto;
    }

    .personal-cabinet-shell .glyph-workspace-info-panel {
        grid-template-columns: minmax(0, 1fr);
    }

    .personal-cabinet-shell .glyph-workspace-visual-area {
        height: auto;
        min-height: 340px;
    }
}

/* Glyph Charter cooperation layer v1.
   The visual SVG stays outside [data-glyph-output]; its deterministic phases
   are read from the proof-bound canonical charterLayer object. */
.personal-cabinet-shell .glyph-workspace-current-panel {
    position: relative;
    z-index: 3;
}

.personal-cabinet-shell .glyph-workspace-history {
    position: relative;
    z-index: 1;
}

.personal-cabinet-shell .glyph-workspace-export .dropdown-menu {
    z-index: 100;
}

.personal-cabinet-shell .glyph-workspace-glyph-box {
    position: relative;
    width: min(400px, 100%);
    max-width: 400px;
    flex-basis: 400px;
    isolation: isolate;
}

.personal-cabinet-shell .glyph-workspace-glyph-box .glyph-inner {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    width: 68%;
    height: 68%;
    transform: translate(-50%, -50%);
}

.personal-cabinet-shell .glyph-charter-layer {
    position: absolute;
    z-index: 1;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
    pointer-events: none;
    shape-rendering: geometricPrecision;
}

.personal-cabinet-shell .glyph-charter-layer[hidden],
.personal-cabinet-shell .glyph-workspace-empty-glyph[hidden] {
    display: none !important;
}

.personal-cabinet-shell .glyph-workspace-empty-glyph {
    position: absolute;
    z-index: 3;
    inset: 22%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--text-muted);
    text-align: center;
}

.personal-cabinet-shell .glyph-workspace-empty-glyph strong {
    color: var(--text-primary);
    font-size: var(--cabinet-size-supporting, 14px);
}

.personal-cabinet-shell .glyph-workspace-empty-glyph span {
    max-width: 240px;
    font-size: var(--cabinet-size-metadata, 11px);
    line-height: 1.5;
}

.personal-cabinet-shell .glyph-charter-track,
.personal-cabinet-shell .glyph-charter-morse {
    fill: none;
    stroke-dashoffset: var(--glyph-charter-phase, 0);
    vector-effect: non-scaling-stroke;
    transform-box: fill-box;
    transform-origin: center;
}

.personal-cabinet-shell .glyph-charter-track {
    stroke-width: 1.65;
    stroke-linecap: round;
    opacity: .84;
}

.personal-cabinet-shell .glyph-charter-track-freedom {
    stroke: #d5b96c;
    stroke-dasharray: 150 12 64 8;
}

.personal-cabinet-shell .glyph-charter-track-dignity {
    stroke: #58a991;
    stroke-dasharray: 104 8 40 7;
}

.personal-cabinet-shell .glyph-charter-track-responsibility {
    stroke: #7289c5;
    stroke-width: 2.25;
    stroke-dasharray: 76 7 124 10;
}

.personal-cabinet-shell .glyph-charter-track-cooperation {
    stroke: #b97d8d;
    stroke-dasharray: 118 9 54 6;
}

.personal-cabinet-shell .glyph-charter-morse {
    stroke: #e2c979;
    stroke-width: 2.35;
    stroke-linecap: round;
    stroke-dasharray: 1.2 3.5 1.2 3.5 7 4.5 1.2 3.5 7 7;
    opacity: .92;
}

.personal-cabinet-shell .glyph-charter-exit path {
    fill: none;
    stroke: #d5b96c;
    stroke-width: 1.7;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
    opacity: .9;
}

.personal-cabinet-shell .glyph-workspace-history .glyph-item-preview {
    overflow: visible;
    background: transparent;
}

.personal-cabinet-shell .glyph-history-glyph-box {
    position: relative;
    width: 120px;
    height: 120px;
    isolation: isolate;
}

.personal-cabinet-shell .glyph-history-glyph-core {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    width: 68%;
    height: 68%;
    transform: translate(-50%, -50%);
}

.personal-cabinet-shell .glyph-history-glyph-core > svg {
    display: block;
    width: 100%;
    height: 100%;
    background: transparent !important;
}

.personal-cabinet-shell .glyph-charter-layer-history {
    z-index: 1;
}

.personal-cabinet-shell .glyph-box.has-composite-output > .glyph-charter-layer,
.personal-cabinet-shell .glyph-history-glyph-box.has-composite-output > .glyph-charter-layer {
    display: none;
}

.personal-cabinet-shell .glyph-workspace-glyph-box.has-composite-output .glyph-inner,
.personal-cabinet-shell .dashboard-primary-glyph-box.has-composite-output > .glyph-inner,
.personal-cabinet-shell .glyph-history-glyph-box.has-composite-output .glyph-history-glyph-core {
    width: 100% !important;
    height: 100% !important;
}

.personal-cabinet-shell .dashboard-primary-glyph-box {
    position: relative;
    isolation: isolate;
}

.personal-cabinet-shell .dashboard-primary-glyph-box > .glyph-inner {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    width: 68% !important;
    height: 68% !important;
    min-width: 0 !important;
    transform: translate(-50%, -50%);
}

.personal-cabinet-shell .dashboard-primary-glyph-box > .glyph-inner [data-glyph-output],
.personal-cabinet-shell .dashboard-primary-glyph-box > .glyph-inner [data-glyph-output] svg {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}

.personal-cabinet-shell .glyph-charter-layer.is-aligning .glyph-charter-track-freedom {
    animation: glyph-charter-align-freedom 1.2s cubic-bezier(.22, .7, .2, 1) both;
}

.personal-cabinet-shell .glyph-charter-layer.is-aligning .glyph-charter-track-dignity {
    animation: glyph-charter-align-dignity 1.2s cubic-bezier(.22, .7, .2, 1) both;
}

.personal-cabinet-shell .glyph-charter-layer.is-aligning .glyph-charter-track-responsibility {
    animation: glyph-charter-align-responsibility 1.2s cubic-bezier(.22, .7, .2, 1) both;
}

.personal-cabinet-shell .glyph-charter-layer.is-aligning .glyph-charter-track-cooperation {
    animation: glyph-charter-align-cooperation 1.2s cubic-bezier(.22, .7, .2, 1) both;
}

.personal-cabinet-shell .glyph-charter-layer.is-aligning .glyph-charter-morse {
    animation: glyph-charter-morse-settle 1.2s cubic-bezier(.22, .7, .2, 1) both;
}

@keyframes glyph-charter-align-freedom {
    0% { transform: rotate(0deg); }
    42% { transform: rotate(13deg); }
    100% { transform: rotate(0deg); }
}

@keyframes glyph-charter-align-dignity {
    0% { transform: rotate(0deg); }
    42% { transform: rotate(-9deg); }
    100% { transform: rotate(0deg); }
}

@keyframes glyph-charter-align-responsibility {
    0% { transform: rotate(0deg); }
    42% { transform: rotate(7deg); }
    100% { transform: rotate(0deg); }
}

@keyframes glyph-charter-align-cooperation {
    0% { transform: rotate(0deg); }
    42% { transform: rotate(-5deg); }
    100% { transform: rotate(0deg); }
}

@keyframes glyph-charter-morse-settle {
    0% { stroke-dashoffset: var(--glyph-charter-phase, 0); opacity: .72; }
    42% { stroke-dashoffset: calc(var(--glyph-charter-phase, 0) + 18); opacity: 1; }
    100% { stroke-dashoffset: var(--glyph-charter-phase, 0); opacity: .92; }
}

html[data-theme="dark"] .personal-cabinet-shell .glyph-charter-track,
html[data-theme="dark"] .personal-cabinet-shell .glyph-charter-morse,
html[data-theme="dark"] .personal-cabinet-shell .glyph-charter-exit path {
    filter: drop-shadow(0 0 2px rgba(213, 185, 108, .16));
}

@media (max-width: 760px) {
    .personal-cabinet-shell .glyph-workspace-glyph-box {
        width: min(320px, 100%);
        max-width: 320px;
        flex-basis: 320px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .personal-cabinet-shell .glyph-charter-layer.is-aligning :is(
        .glyph-charter-track,
        .glyph-charter-morse
    ) {
        animation: none;
        transition: none;
        transform: none;
    }
}

/* Personal Cabinet responsive content containment v1.0 */
.personal-cabinet-shell :is(
    .card-wrapper,
    .card-body,
    .dashboard-glyph-app,
    .dashboard-glyph-overview,
    .dashboard-glyph-details,
    .dashboard-status-rows,
    .human-path-history-stats,
    .human-path-confirmation-summary,
    .certification-integration-list,
    .personal-mobile-layout,
    .personal-mobile-section-header,
    .humas-aria-guidance,
    .humas-aria-guidance__identity
) {
    min-width: 0;
    max-width: 100%;
}

.personal-cabinet-shell .card-wrapper :is(p, li, dt, dd, span, strong, small, em),
.personal-cabinet-shell .humas-aria-guidance :is(p, span, strong, small),
.personal-cabinet-shell .humas-aria-guidance :is(h2, div),
.personal-cabinet-shell .personal-mobile-layout :is(p, span, strong, small, em),
.personal-cabinet-shell .certification-integration-list :is(span, strong, small, em),
.personal-cabinet-shell .dashboard-status-row :is(span, strong, small),
.personal-cabinet-shell .human-path-dimension-bar span {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.personal-cabinet-shell .statistics-history-head,
.personal-cabinet-shell .statistics-history-row {
    grid-template-columns:
        minmax(112px, .9fr)
        minmax(90px, .7fr)
        minmax(110px, .85fr)
        minmax(145px, 1.2fr)
        minmax(145px, 1.1fr)
        minmax(105px, .8fr);
}

.personal-cabinet-shell .membership-records-head,
.personal-cabinet-shell .membership-records-row {
    grid-template-columns:
        minmax(105px, 1.1fr)
        minmax(78px, .75fr)
        minmax(86px, .75fr)
        minmax(96px, .8fr)
        minmax(96px, .8fr);
}

@media (max-width: 1320px) {
    .personal-cabinet-shell .human-path-lower-grid {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 901px) and (max-width: 1100px) {
    .personal-cabinet-shell .humas-dashboard-header {
        min-height: 116px;
    }

    .personal-cabinet-shell .page-wrapper {
        padding-top: 112px;
    }

    .personal-cabinet-shell .humas-header-supporting {
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
        text-wrap: pretty;
    }

    .personal-cabinet-shell .statistics-history-head {
        display: none;
    }

    .personal-cabinet-shell .statistics-history-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px 18px;
        padding: 14px;
    }

    .personal-cabinet-shell .statistics-history-row > div::before {
        display: block;
        content: attr(data-label);
        margin-bottom: 3px;
        color: var(--muted-text);
        font-size: var(--type-metadata);
        font-weight: var(--cabinet-weight-control, 500);
    }
}

@media (max-width: 680px) {
    .personal-cabinet-shell .human-path-confirmation-summary {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .human-path-confirmation-summary > div {
        padding: 10px 0;
        border-right: 0;
        border-bottom: 1px solid var(--border);
    }

    .personal-cabinet-shell .human-path-confirmation-summary > div:first-child {
        padding-top: 0;
    }

    .personal-cabinet-shell .human-path-confirmation-summary > div:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .personal-cabinet-shell .personal-mobile-section-header {
        grid-template-columns: minmax(0, 1fr);
    }

    .personal-cabinet-shell .personal-mobile-section-header > em {
        grid-column: auto;
    }
}

/* Personal Cabinet responsive content containment v1.1 */
@media (min-width: 1101px) and (max-width: 1320px) {
    .personal-cabinet-shell .humas-dashboard-header {
        min-height: 116px;
    }

    .personal-cabinet-shell .page-wrapper {
        padding-top: 112px;
    }

    .personal-cabinet-shell .humas-header-supporting {
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
        text-wrap: pretty;
    }
}

@media (min-width: 1181px) and (max-width: 1320px) {
    .personal-cabinet-shell .certification-integration-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1100px) {
    .personal-cabinet-shell .statistics-records-card .statistics-history-head {
        display: none;
    }

    .personal-cabinet-shell .statistics-records-card .statistics-history-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px 18px;
        padding: 14px;
    }

    .personal-cabinet-shell .statistics-records-card .statistics-history-row > div::before {
        display: block;
        content: attr(data-label);
        margin-bottom: 3px;
        color: var(--muted-text);
        font-size: var(--type-metadata);
        font-weight: var(--cabinet-weight-control, 500);
    }

    .personal-cabinet-shell .humas-aria-guidance,
    .personal-cabinet-shell .humas-aria-guidance--compact {
        grid-template-columns: minmax(180px, .8fr) minmax(0, 1.4fr);
    }

    .personal-cabinet-shell .humas-aria-guidance__links {
        grid-column: 1 / -1;
        justify-self: stretch;
        min-width: 0;
        max-width: none;
        padding-left: 54px;
    }
}

@media (max-width: 680px) {
    .personal-cabinet-shell .statistics-records-card .statistics-history-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .personal-cabinet-shell .membership-page .membership-records-head {
        display: none;
    }

    .personal-cabinet-shell .membership-page .membership-records-row {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
        padding: 14px;
    }

    .personal-cabinet-shell .membership-page .membership-records-row > div::before {
        display: block;
        content: attr(data-label);
        margin-bottom: 3px;
        color: var(--muted-text);
        font-size: var(--type-metadata);
        font-weight: var(--cabinet-weight-control, 500);
    }

    .personal-cabinet-shell .humas-aria-guidance,
    .personal-cabinet-shell .humas-aria-guidance--compact {
        grid-template-columns: minmax(0, 1fr);
    }

    .personal-cabinet-shell .humas-aria-guidance__links {
        grid-column: auto;
        padding-left: 0;
    }
}

@media (max-width: 360px) {
    .personal-cabinet-shell .legacy-continuity-boundary :is(div, h2, p, span) {
        min-width: 0;
        max-width: 100%;
        overflow-wrap: anywhere;
    }

    .personal-cabinet-shell .settings-segmented.settings-theme-control {
        width: 100%;
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Canonical cabinet form controls: one readable, touch-safe geometry. */
.personal-cabinet-shell {
    --workspace-control-height: 48px;
    --workspace-control-font-size: 15px;
}

.personal-cabinet-shell select:not([multiple]) {
    box-sizing: border-box;
    height: var(--workspace-control-height);
    min-height: var(--workspace-control-height);
    padding-block: 0;
    padding-inline: 14px 42px;
    font-size: var(--workspace-control-font-size);
    line-height: normal;
}

.personal-cabinet-shell .statistics-filter-row input:not([type="hidden"]) {
    box-sizing: border-box;
    height: var(--workspace-control-height);
    min-height: var(--workspace-control-height);
    padding: 0 14px;
    font-size: var(--workspace-control-font-size);
    line-height: normal;
}

@media (max-width: 760px) {
    .personal-cabinet-shell {
        --workspace-control-height: 52px;
        --workspace-control-font-size: 16px;
    }
}

/* Notifications markers: Corporate Center is the canonical active/inactive model. */
html[data-theme="light"] .personal-cabinet-shell .notification-category-chip {
    border-color: var(--humas-daylight-border) !important;
    background: var(--humas-daylight-warm-limestone) !important;
    color: var(--humas-daylight-muted) !important;
}

html[data-theme="light"] .personal-cabinet-shell .notification-category-chip.is-active {
    border-color: color-mix(in srgb, var(--humas-daylight-green) 58%, var(--humas-daylight-border)) !important;
    background: color-mix(in srgb, var(--humas-daylight-green) 12%, var(--humas-daylight-warm-limestone)) !important;
    color: var(--humas-daylight-text) !important;
}

html[data-theme="dark"] .personal-cabinet-shell .notification-category-chip {
    border-color: var(--theme-secondary-border) !important;
    background: var(--theme-secondary-workspace) !important;
    color: var(--theme-supporting-text) !important;
}

html[data-theme="dark"] .personal-cabinet-shell .notification-category-chip.is-active {
    border-color: var(--theme-primary-button) !important;
    background: color-mix(in srgb, var(--theme-primary-button) 14%, var(--theme-secondary-workspace)) !important;
    color: var(--theme-primary-text) !important;
}

/* Personal Glyph export menu mobile containment v1.0. */
@media (max-width: 700px) {
    .glyph-workspace-export .dropdown-menu {
        left: 0;
        right: auto;
        width: min(220px, calc(100vw - 32px));
        min-width: 0;
        max-width: calc(100vw - 32px);
    }

    .glyph-workspace-export .dropdown-menu .btn-menu {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        margin: 0;
    }
}

/* Personal record table presentation alignment v1.0. */
@media (min-width: 901px) {
    .certification-history-head,
    .certification-history-row {
        grid-template-columns:
            minmax(0, 1.2fr)
            minmax(0, 1.2fr)
            minmax(0, .85fr)
            minmax(0, .7fr);
    }
}

.certification-history-head,
.statistics-history-head {
    background: var(--corporate-surface-secondary);
    color: var(--corporate-text);
    border-bottom: 1px solid var(--corporate-border);
}

.statistics-history-record-action {
    display: grid;
    gap: 5px;
    align-content: center;
    justify-items: start;
    min-width: 0;
}

.statistics-history-record-action a,
.statistics-history-record-action small {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
}

.statistics-history-record-action small {
    color: var(--corporate-muted);
    font-size: var(--cabinet-size-metadata, 10px);
    line-height: 1.35;
}

/* Personal certification history desktop alignment R22. */
@media (min-width: 681px) {
    .certification-history-head,
    .certification-history-row {
        grid-template-columns:
            minmax(0, 1.2fr)
            minmax(0, 1.2fr)
            minmax(0, .85fr)
            minmax(0, .7fr) !important;
    }
}

.certification-page .certification-history-head {
    background: var(--corporate-surface-secondary);
    color: var(--corporate-text);
    border-bottom: 1px solid var(--corporate-border);
}

/* Personal statistics record actions and desktop energy balance R23. */
.personal-cabinet-shell .statistics-history-record-action .btn {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    justify-content: center;
    text-align: center;
    text-decoration: none;
}

@media (min-width: 1101px) {
    .personal-cabinet-shell .statistics-records-card .statistics-history-head,
    .personal-cabinet-shell .statistics-records-card .statistics-history-row {
        grid-template-columns:
            minmax(116px, .8fr)
            minmax(76px, .5fr)
            minmax(105px, .7fr)
            minmax(176px, 1.2fr)
            minmax(180px, 1.25fr)
            minmax(165px, 1.1fr);
    }
}

/* Personal records presentation cleanup R24. */
.personal-cabinet-shell .statistics-records-card .statistics-history-row .statistics-history-record-action .btn,
.personal-cabinet-shell .wallet-transactions-card .wallet-record-action .btn {
    text-decoration: none;
}

.personal-cabinet-shell .wallet-transaction-head,
.personal-cabinet-shell .membership-records-head {
    background: var(--corporate-surface-secondary);
    color: var(--corporate-text);
    border-bottom: 1px solid var(--corporate-border);
}

.personal-cabinet-shell .wallet-record-action {
    display: grid;
    align-content: center;
    justify-items: start;
    min-width: 0;
}

.personal-cabinet-shell .wallet-record-action .btn {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    justify-content: center;
    text-align: center;
}

/* Personal wallet desktop action alignment R25. */
@media (min-width: 1181px) {
    .personal-cabinet-shell .wallet-transaction-head > div:last-child {
        text-align: center;
    }

    .personal-cabinet-shell .wallet-record-action {
        justify-items: center;
    }
}

/* Personal Membership renewal confirmation v1.0. */
.personal-cabinet-shell .membership-renewal-modal[hidden] {
    display: none;
}

.personal-cabinet-shell .membership-renewal-modal {
    position: fixed;
    inset: 0;
    z-index: 2200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(15, 24, 22, 0.58);
}

.personal-cabinet-shell .membership-renewal-modal .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: min(100%, 560px);
    max-height: min(760px, calc(100dvh - 40px));
    overflow-y: auto;
    color: var(--theme-primary-text, #292b28);
    background: var(--theme-dialog-surface, #faf8f3);
    border: 1px solid var(--theme-primary-border, #d8d4ca);
    box-shadow: 0 24px 70px rgba(15, 24, 22, 0.28);
}

.personal-cabinet-shell .membership-renewal-modal .modal-close {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    min-width: 44px;
    height: 44px;
    padding: 0;
    font-size: 1.35rem;
    line-height: 1;
}

.personal-cabinet-shell .membership-renewal-modal .modal-header {
    padding: 24px 72px 12px 24px;
}

.personal-cabinet-shell .membership-renewal-modal .modal-body {
    padding: 0 24px 20px;
}

.personal-cabinet-shell .membership-renewal-modal .modal-body p {
    margin: 0;
    overflow-wrap: anywhere;
}

.personal-cabinet-shell .membership-renewal-modal .modal-footer {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 0 24px 24px;
}

@media (max-width: 680px) {
    .personal-cabinet-shell .membership-renewal-modal {
        align-items: stretch;
        padding: 0;
    }

    .personal-cabinet-shell .membership-renewal-modal .modal-content {
        width: 100%;
        max-width: none;
        min-height: 100dvh;
        max-height: 100dvh;
        border-radius: 0;
    }

    .personal-cabinet-shell .membership-renewal-modal .modal-body {
        flex: 1 1 auto;
        overflow-y: auto;
        padding: 0 20px 20px;
    }

    .personal-cabinet-shell .membership-renewal-modal .modal-header {
        padding: 20px 64px 10px 20px;
    }

.personal-cabinet-shell .membership-renewal-modal .modal-footer {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        margin-top: auto;
        padding: 12px 16px calc(16px + env(safe-area-inset-bottom));
    }

    .personal-cabinet-shell .membership-renewal-modal .modal-footer .btn {
        width: 100%;
    }
}

/* Personal Dashboard two-column insight layout and truthful local-range trend v1.0. */
.personal-cabinet-shell .human-path-insights-block {
    margin-top: var(--hp-gap);
    padding: var(--hp-card-padding);
    border-radius: var(--hp-card-radius);
}

.personal-cabinet-shell .human-path-lower-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
}

.personal-cabinet-shell .human-path-insight-card {
    min-width: 0;
    padding: var(--hp-card-padding);
    border: 1px solid var(--border);
    border-radius: 8px;
    background: color-mix(in srgb, var(--ultra-light) 78%, transparent);
    animation: personal-dashboard-block-enter var(--corporate-ui-motion-duration) var(--corporate-ui-motion-ease) backwards;
    transition:
        transform var(--corporate-ui-motion-duration) var(--corporate-ui-motion-ease),
        border-color var(--corporate-ui-motion-duration) var(--corporate-ui-motion-ease),
        box-shadow var(--corporate-ui-motion-duration) var(--corporate-ui-motion-ease);
}

.personal-cabinet-shell .human-path-insight-card:nth-child(2) {
    animation-delay: 24ms;
}

.personal-cabinet-shell .human-path-insight-card:is(:hover, :focus-within) {
    transform: translateY(-1px);
    border-color: var(--corporate-ui-hover-border);
    box-shadow: var(--corporate-shadow);
}

.personal-cabinet-shell .human-path-energy-summary {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid var(--border);
}

.personal-cabinet-shell .human-path-energy-summary h3 {
    margin: 0 0 16px;
    color: var(--dark-text);
    font-size: var(--cabinet-size-card, 16px);
    font-weight: var(--cabinet-weight-control, 600);
    line-height: 1.3;
}

.personal-cabinet-shell .human-path-energy-summary .human-path-dimension-bars {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 22px;
}

.personal-cabinet-shell .human-path-energy-summary .human-path-dimension-bar > div:first-child {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 6px 12px;
    align-items: baseline;
}

.personal-cabinet-shell .human-path-energy-summary .human-path-dimension-bar span {
    overflow-wrap: normal;
    white-space: nowrap;
    font-size: var(--cabinet-size-label, 13px);
}

.personal-cabinet-shell .human-path-energy-summary .human-path-dimension-bar strong {
    white-space: nowrap;
    font-size: var(--cabinet-size-body, 16px);
}

.personal-cabinet-shell .human-path-history-chart {
    display: block;
    height: auto;
    padding: 12px 14px 10px;
    overflow: hidden;
}

.personal-cabinet-shell .human-path-history-chart svg {
    width: 100%;
    height: auto;
    min-height: 170px;
}

.personal-cabinet-shell .human-path-history-points circle {
    fill: var(--white);
    stroke: currentColor;
    stroke-width: 4;
}

.personal-cabinet-shell .human-path-history-axis {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-top: 2px;
    color: var(--muted-text);
    font-size: var(--cabinet-size-metadata, 10px);
    line-height: 1.2;
}

html[data-theme="dark"] .personal-cabinet-shell .human-path-history-points circle {
    fill: var(--theme-primary-workspace);
}

html[data-theme="dark"] .personal-cabinet-shell .human-path-insight-card {
    border-color: var(--hp-dark-line);
    background: rgba(37, 42, 49, 0.72);
}

html[data-theme="dark"] .personal-cabinet-shell .human-path-energy-summary {
    border-color: var(--hp-dark-line);
}

html[data-theme="dark"] .personal-cabinet-shell .human-path-energy-summary h3 {
    color: var(--theme-primary-text);
}

@media (max-width: 1180px) {
    .personal-cabinet-shell .human-path-lower-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .personal-cabinet-shell .human-path-insights-block,
    .personal-cabinet-shell .human-path-insight-card {
        padding: 16px;
    }

    .personal-cabinet-shell .human-path-energy-summary .human-path-dimension-bars {
        grid-template-columns: 1fr;
    }

    .personal-cabinet-shell .human-path-history-chart svg {
        min-height: 132px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .personal-cabinet-shell .human-path-insight-card,
    .personal-cabinet-shell .human-path-insight-card:nth-child(2) {
        animation: none;
        transition: none;
        transform: none;
    }
}