/* Add here all your css styles (customizations) */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* Design Tokens MembersDesk
   Organization accents remain the source of truth. Derived tokens below
   standardize components without replacing Accent 1 / Accent 2. */

:root {
    --org-primary: #1665b1;
    --org-secondary: #faac27;
    --ds-primary: var(--org-primary, #1665b1);
    --ds-primary-hover: color-mix(in srgb, var(--ds-primary) 86%, #000 14%);
    --ds-primary-soft: color-mix(in srgb, var(--ds-primary) 10%, #fff);
    --ds-secondary: var(--org-secondary, #faac27);
    --ds-secondary-hover: color-mix(in srgb, var(--ds-secondary) 86%, #000 14%);
    --ds-secondary-soft: color-mix(in srgb, var(--ds-secondary) 10%, #fff);
    --ds-focus-ring: color-mix(in srgb, var(--ds-primary) 25%, transparent);
    --ds-border-color: rgba(18, 34, 53, 0.12);
    --ds-border-color-soft: rgba(18, 34, 53, 0.08);
    --ds-surface: #fff;
    --ds-surface-soft: #f7f9fb;
    --ds-text: #2f3640;
    --ds-text-muted: #5f6872;
    --ds-text-soft: #6b7280;
    --ds-radius-sm: 4px;
    --ds-radius-md: 8px;
    --ds-radius-lg: 10px;
    --ds-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.12);
    --ds-shadow-md: 0 8px 20px rgba(18, 34, 53, 0.12);
    --ds-shadow-lg: 0 16px 42px rgba(18, 34, 53, 0.18);
    --ds-shadow-widget: 0 6px 20px rgba(18, 34, 53, 0.05);
    --ds-space-xs: 4px;
    --ds-space-sm: 8px;
    --ds-space-md: 12px;
    --ds-space-lg: 18px;
    --ds-space-xl: 28px;
    --ds-card-padding: 18px;
    --ds-heading-page-size: 32px;
    --ds-heading-section-size: 32px;
    --ds-heading-card-size: 22px;
    --font-body: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-accent: 'Barlow Condensed', 'Arial Narrow', sans-serif;
    --text-base-size: 15px;
    --text-small-size: 13px;
    --text-meta-size: 12px;
    --heading-weight: 600;
    --ds-status-neutral: #6b7280;
    --ds-status-neutral-bg: #f3f4f6;
    --ds-status-success: #0f6b3f;
    --ds-status-success-bg: #dff3e8;
    --ds-status-danger: #b42318;
    --ds-status-danger-hover: #8f1d14;
    --ds-status-danger-bg: #fdecec;
    --ds-status-warning: #8a6400;
    --ds-status-warning-bg: color-mix(in srgb, var(--ds-primary) 14%, #fff);
    --ds-status-info: var(--ds-secondary);
    --ds-status-info-bg: var(--ds-secondary-soft);
}

/* Topbar Custom */

body {
    font-weight: 400;
    font-size: var(--text-base-size);
    font-family: var(--font-body);
    line-height: 1.55;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga", "kern";
    text-rendering: optimizelegibility;
    background-color: #fff;
}

body #topbar {
    background: var(--org-primary, #faac27) !important;
}

body #topbar.admin-header {
    background: var(--org-secondary, #1665b1) !important;
}

body #topbar a {
    color: white;
}

body #topbar a:hover {
    color: var(--org-secondary, #1665b1);
    text-decoration: none;
}

body #topbar.admin-header a:hover {
    color: var(--org-primary, #faac27);
    text-decoration: none;
}

body #topbar .text-lg-right {
    display: flex;
    justify-content: flex-end;
}

body #topbar .list-inline-item a:hover {
    color: var(--org-secondary, #1665b1) !important;
}

body #topbar.admin-header .list-inline-item a:hover {
    color: var(--org-primary, #faac27) !important;
}

body #topbar .btn:hover {
    background: var(--org-secondary, #1665b1);
    border-color: var(--org-secondary, #1665b1);
    color: white;
}

body #topbar .log-zone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    align-items: center;
}

body #topbar .log-zone a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-width: 96px;
    height: 29px;
}

body #topbar .log-zone a i {
    font-size: 16px;
    margin-left: 10px;
}

.u-header__section:nth-child(1) {
    z-index: auto;
}


/* Menu utilisateur topbar */

#profileMenuInvoker span,
#adminMenuInvoker span {
    font-size: 14px;
    font-weight: 500;
}

#adminMenu {
    width: 200px !important;
}

#profileMenu,
#adminMenu {
    list-style: none;
    border: 1px solid #dedede;
    z-index: 999;
    border-radius: 0 !important;
}

#profileMenu li,
#adminMenu li {
    max-width: 50%;
}

#profileMenu span,
#adminMenu span {
    color: var(--org-secondary, #1665b1) !important;
}

#profileMenu a:hover,
#adminMenu a:hover {
    text-decoration: none;
}

#profileMenu a:hover span,
#adminMenu a:hover span {
    color: var(--org-primary, #faac27) !important;
}


/* Menu utilisateur topbar */


/* Topbar Custom */

body header #logo-sign {
    max-width: 25%;
    margin-bottom: 30px;
}

body header nav {
    padding: 0 !important;
}

body header nav .navbar-brand {
    padding: 0;
}

body header nav .navbar-brand #logo-nav {
    width: auto;
}

/* Design system primitives - feedback and confirmation */
.ds-confirm-modal .modal-content {
    border: 0;
    border-radius: var(--ds-radius-md);
    box-shadow: var(--ds-shadow-lg);
}

.ds-confirm-modal__header {
    align-items: center;
    border-bottom-color: var(--ds-border-color-soft);
}

.ds-confirm-modal__title {
    color: var(--ds-text);
    font-family: var(--font-accent);
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.1;
    text-transform: uppercase;
}

.ds-confirm-modal__body {
    color: var(--ds-text-muted);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
}

.ds-confirm-modal__footer {
    gap: 10px;
    border-top-color: var(--ds-border-color-soft);
}

.ds-confirm-modal__cancel {
    min-height: 42px;
    padding: 10px 20px;
    border: 1px solid var(--ds-border-color);
    border-radius: var(--ds-radius-md) !important;
    background: var(--ds-surface);
    color: var(--ds-text-muted);
    font-weight: 700;
}

.ds-confirm-modal__cancel:hover,
.ds-confirm-modal__cancel:focus {
    background: #f8f9fa;
    color: var(--ds-text);
}

.ds-confirm-modal__confirm {
    min-height: 42px;
    padding: 10px 22px;
    border-radius: var(--ds-radius-md) !important;
    font-weight: 700;
}

.ds-confirm-modal__confirm--accent {
    border-color: var(--org-primary, #faac27) !important;
    background: var(--org-primary, #faac27) !important;
    color: #1f1f1f !important;
}

.ds-confirm-modal--warning .ds-confirm-modal__title,
.ds-confirm-modal--accent .ds-confirm-modal__title {
    color: var(--org-primary, #faac27);
}

.ds-confirm-modal--primary .ds-confirm-modal__title {
    color: var(--org-secondary, #1665b1);
}

.ds-confirm-modal--danger .ds-confirm-modal__title {
    color: var(--ds-status-danger, #b42318);
}

.ds-alert {
    border: 0;
    border-left: 4px solid transparent;
    border-radius: var(--ds-radius-md);
    font-weight: 600;
    line-height: 1.45;
}

.ds-alert.alert-success {
    border-left-color: var(--ds-status-success, #0f6b3f);
    background: var(--ds-status-success-bg, #dff3e8);
    color: var(--ds-status-success, #0f6b3f);
}

.ds-alert.alert-danger {
    border-left-color: var(--ds-status-danger, #b42318);
    background: var(--ds-status-danger-bg, #fdecec);
    color: var(--ds-status-danger, #b42318);
}

.ds-alert.alert-warning {
    border-left-color: var(--ds-primary, #faac27);
    background: var(--ds-status-warning-bg);
    color: var(--ds-status-warning);
}

.ds-alert.alert-info {
    border-left-color: var(--ds-secondary, #1665b1);
    background: var(--ds-status-info-bg);
    color: var(--ds-status-info);
}

.ds-alert__list {
    padding-left: 18px;
}

.ds-inline-feedback {
    border: 0;
    border-left: 4px solid transparent;
    border-radius: var(--ds-radius-md);
    font-weight: 600;
    line-height: 1.45;
    margin-bottom: var(--ds-space-sm, 10px);
}

.ds-inline-feedback--success {
    border-left-color: var(--ds-status-success, #0f6b3f);
}

.ds-inline-feedback--danger {
    border-left-color: var(--ds-status-danger, #b42318);
}

.ds-inline-feedback--warning {
    border-left-color: var(--ds-status-warning, #8a5a00);
}

.ds-inline-feedback--info,
.ds-inline-feedback--loading {
    border-left-color: var(--ds-secondary, var(--org-secondary));
}

.ds-rich-text-field .md-rich-text-editor-wrapper {
    margin-bottom: 0;
}

.ds-rich-text-field__help {
    margin-top: 6px;
}

.ds-empty-state {
    width: 100%;
    padding: var(--ds-space-xl);
    border: 1px dashed color-mix(in srgb, var(--ds-secondary, #1665b1) 28%, #d7dee8);
    border-radius: var(--ds-radius-md);
    background: var(--ds-secondary-soft);
    color: var(--ds-text-muted);
    text-align: center;
}

.ds-empty-state--compact {
    padding: 18px;
}

.ds-empty-state__icon {
    margin-bottom: 10px;
    color: var(--ds-primary, #faac27);
    font-size: 24px;
}

.ds-empty-state__title {
    margin: 0;
    color: var(--ds-secondary, #1665b1);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25;
}

.ds-empty-state__text {
    max-width: 520px;
    margin: 8px auto 0;
    color: var(--ds-text-muted);
    font-size: 14px;
    font-weight: 600;
}

.ds-empty-state__action {
    margin-top: 16px;
}

.ds-empty-state-row td {
    padding: 18px !important;
}

body header nav .nav-item .nav-link {
    color: #797979 !important;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
}

body header nav .nav-item .nav-link:hover {
    color: var(--org-secondary, #1665b1) !important;
}

body header nav .nav-item .nav-link--placeholder {
    cursor: default;
}

body header nav .nav-item .nav-link--placeholder:hover,
body header nav .nav-item .nav-link--placeholder:focus {
    color: inherit !important;
}

body header nav .nav-item .dropdown-item .nav-link:hover {
    color: #fff !important;
}

body header nav .nav-item.active a {
    color: var(--org-secondary, #1665b1) !important;
}

h1 {
    text-transform: uppercase;
}


/*.navbar-nav .dropdown-item:focus a, 
.navbar-nav .dropdown-item:hover a{
         color: #fff !important;
}*/

body form input {
    border-left: none !important;
}

body .u-btn-primary {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

body .u-btn-primary:hover {
    background: var(--org-secondary, #1665b1);
    border-color: var(--org-secondary, #1665b1);
}

body #contacts-section img {
    max-width: 200px;
    display: block;
    margin: 0 auto;
    width: 100%;
}

body #contacts-section a {
    color: #cccccc;
}

body #dropDown2_23Invoker {
    color: var(--org-primary, #faac27) !important;
}

body #dropDown2_23Invoker:hover {
    color: var(--org-secondary, #1665b1) !important;
}

body #dropDown2_24Invoker {
    color: var(--org-primary, #faac27) !important;
}

body #dropDown2_24Invoker:hover {
    color: var(--org-secondary, #1665b1) !important;
}

body #dropDown2_25Invoker {
    color: var(--org-primary, #faac27) !important;
}

body #dropDown2_25Invoker:hover {
    color: var(--org-secondary, #1665b1) !important;
}

body .form-check input {
    background: var(--org-primary, #faac27) !important;
}

body .g-color-main {
    color: var(--org-primary, #faac27) !important;
}

body .b-color-main {
    color: #222 !important;
    display: block;
    font-size: 14px;
    padding: 5px 0px;
    font-weight: 500;
}

body .alert-danger,
body .alert-success {
    margin-top: 20px;
}

.hs-admin-search {
    color: #a0a2a5 !important
}

body #sideNavMenu {
    min-height: auto !important
}

body .container-admin {
    max-width: 90%;
    margin: 0 auto;
}

body .add-edit-button:hover {
    text-decoration: none;
}


/* Group Management Section */

body .group-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

body .group-single {
    display: flex;
    align-items: center;
    background: lightgray;
    background: #eeeeee;
    border-radius: 30px;
}

body .group-single i {
    background: var(--org-secondary, #1665b1);
    color: white;
    padding: 10px;
    border-radius: 20px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

body .group-single p {
    background: #eeee;
    padding: 10px;
    padding-left: 5px;
    border-radius: 20px;
}

body .plus-group {
    margin: 0 auto 20px;
}

body .add-title-icon {
    display: flex;
    align-items: center;
}

.chosen-drop {
    left: 0 !important;
}

.chosen-single span {
    color: #ccc;
}


/* Group Management Section */

body .form-add-edit input {
    border-left: 1px solid #d1d1d1 !important;
}

body .dropdown-menu {
    border-color: var(--org-secondary, #1665b1) !important;
}

.g-color-primary {
    color: var(--org-secondary, #1665b1) !important;
}

.b-color-primary {
    color: #222 !important;
}

.u-go-to-v1 {
    background: var(--org-primary, #faac27) !important;
    color: white !important;
}

.u-go-to-v1:hover {
    background: var(--org-secondary, #1665b1) !important;
}

.tabs-user {
    border-color: var(--org-secondary, #1665b1) !important;
}

.tabs-user .active {
    background-color: var(--org-secondary, #1665b1) !important;
}

.form-drop select {
    border-right: 0;
}

.form-drop .input-group-append span {
    border: 1px solid #eee;
    border-left: none;
}

body .form-group {
    margin-bottom: .5rem;
}

body .form-select-access {
    border-radius: .25rem 0 0 .25rem !important;
}

body .icon-form-access {
    border-radius: 0 .25rem .25rem 0 !important;
}

body .icon-form-access i {
    font-size: 30px;
    color: var(--org-secondary, #1665b1);
}

.directory-resume .btn {
    max-width: 30%;
    padding: 10px !important;
    border: none !important;
    border-radius: .25rem !important;
    color: #ffffff;
    background: var(--org-primary, #faac27);
    transition: all .2s;
}

.directory-resume .btn:hover {
    background: var(--org-secondary, #1665b1);
}

#fileAttachment {
    cursor: pointer;
    color: var(--org-secondary, #1665b1);
}

.menu-left a:hover {
    text-decoration: none;
    color: var(--org-secondary, #1665b1) !important;
}

.add-edit-button {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--org-primary, #faac27);
    width: 30px;
    height: 30px;
    margin: 6px;
    border-radius: 50%;
    color: white;
    transition: all .3s;
}

.add-edit-button:hover {
    background: var(--org-secondary, #1665b1);
    color: white;
}

.add-edit-button i {
    display: initial;
    width: auto;
    height: auto;
    background: none;
    margin-left: 0;
    font-size: initial;
    transition: initial;
}

.add-edit-button i::before {
    font-size: 18px;
}

.add-edit-button i:hover {
    background: none;
}

.u-btn-primary {
    background-color: var(--org-secondary, #1665b1);
}

.list-group-item.active {
    background-color: var(--org-primary, #faac27);
    border-color: var(--org-primary, #faac27);
}

@media (min-width: 768px) {
    .u-nav-v1-1.u-nav-primary .nav-link.active {
        color: #000000;
        font-weight: 600;
        background-color: #fff;
        border-bottom: 2px solid var(--org-primary, #faac27);
    }
}

.u-nav-v1-1.u-nav-primary .nav-link.active {
    color: #000000;
    font-weight: 600;
    background-color: #fff;
    border-bottom: 2px solid var(--org-primary, #faac27);
}

.g-brd-primary {
    border-color: var(--org-primary, #faac27) !important;
}


/* header menu */

.u-header__section--admin-light [data-dropdown-target] i {
    color: #fff;
}

b,
strong {
    font-weight: bold !important;
}

.btn-primary {
    background-color: var(--org-primary, #faac27);
    border-color: var(--org-primary, #faac27);
}

.u-btn-secondary {
    background-color: #aaa;
    background: #aaa;
    border-radius: 10px;
    color: #666;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 30px;
    box-shadow: 0px 1px 6px rgb(0, 101, 177, 0.5);
    border-radius: 10px !important;
}

.u-btn-secondary:hover {
    background-color: #666 !important;
    border-color: #333 !important;
    color: #fff !important;
}

::selection {
    background: var(--org-primary, #faac27);
    /* WebKit/Blink Browsers */
}

::-moz-selection {
    background: var(--org-primary, #faac27);
    /* Gecko Browsers */
}

::placeholder,
::-moz-placeholder,
::-ms-input-placeholder,
::-webkit-input-placeholder {
    color: #ccc !important;
}

.u-header__section--admin-light [aria-labelledby] i {
    color: var(--org-secondary, #1665b1);
}

.u-header__section--admin-light [aria-labelledby] a:hover i {
    color: var(--org-primary, #faac27);
}

.g-color-secondary--hover:hover {
    color: var(--org-primary, #faac27) !important;
}

.u-select-v1 .chosen-results>li.highlighted {
    background: color-mix(in srgb, var(--org-primary, #1665b1) 12%, #fff);
    border-bottom-color: color-mix(in srgb, var(--org-primary, #1665b1) 22%, #fff);
    color: var(--org-primary, #1665b1);
}

.u-select-v1 .chosen-results>li.result-selected {
    background: color-mix(in srgb, var(--org-primary, #1665b1) 12%, #fff);
    border-bottom-color: color-mix(in srgb, var(--org-primary, #1665b1) 22%, #fff);
    color: var(--org-primary, #1665b1);
}

.form-control:focus {
    border-color: #ccc;
}

.input-group input::placeholder,
.form-group input::placeholder,
.form-control::placeholder {
    color: #ccc;
}

.border-fix-left {
    border-left: 1px solid #eee !important;
}

#roleTable #roleTable a:hover {
    text-decoration: none;
}

.fix-cursor {
    cursor: text !important;
}

.form-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.form-actions a {
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--org-primary, #faac27);
    border-radius: 50%;
}

.admin-link a {
    color: var(--org-primary, #faac27) !important;
    height: 100%;
    background: white;
    border-radius: 20px;
}

.admin-link [data-dropdown-target] i {
    color: #000;
}

.admin-link ul li a:hover {
    background: #fff;
    border-radius: 0px !important;
}

.admin-link a:hover {
    background: var(--org-secondary, #1665b1)!important;
}

.admin-header .admin-link a:hover {
    background: var(--org-primary, #faac27)!important;
}

.meta-text {
    color: #ccc;
}

.btn-mini {
    width: 25px;
    height: 25px;
    justify-content: center;
    align-items: center;
}

.download-mini {
    width: 30px;
    height: 30px;
    background: var(--org-primary, #faac27);
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 50%;
    margin-left: 10px;
    color: white;
}

.download-mini:hover {
    background: var(--org-secondary, #1665b1);
    color: white;
}

.mini-flag {
    max-width: 20px;
}

.mini-logo {
    max-width: 20px;
    border: 2px solid #eee;
    border-radius: 50%;
}


/* ===================== responsive =============== */

@media only screen and (max-width: 991px) {
    #profileMenuInvoker span,
    #adminMenuInvoker span {
        font-size: 12px;
    }
}

@media only screen and (max-width: 575px) {
    .footermenu-width {
        max-width: 100%;
        width: 100%;
    }
    .letestpost {
        padding-top: 20px;
        margin-right: 20px;
    }
    body #contacts-section img {
        margin: 24px auto 0px;
    }
    .group-grid-main-heading .breadcrumb {
        top: -36px;
    }
    body #topbar .log-zone a {
        min-width: 70px;
    }
}

.menu-left {
    padding: 0px 20px
}

.menu-left .group-grid-list-icon {
    vertical-align: -1px;
}

.menu-left h2 {
    padding: 15px 0px 15px 34px;
}

.required {
    color: red;
}

.styled-checkbox1 input {
    position: absolute;
    opacity: 0;
    width: auto;
}

.styled-checkbox1 {
    padding: 0;
    margin: 0
}

.styled-checkbox1 li {
    display: block;
    float: left;
    width: 33.33%;
    padding: 5px 0px;
}

.styled-checkbox1 label {
    position: relative;
    cursor: pointer;
    padding: 0;
    width: auto;
    left: 0;
    top: 0;
    cursor: pointer;
    pointer-events: inherit;
    opacity: 1;
    font-size: 15px;
    line-height: 14px;
    min-height: 28px;
    padding-left: 40px;
    padding-top: 2px;
}

.styled-checkbox1 label input[type=checkbox]+span:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #FFF;
    border: #0065b1 2px solid;
    left: 0;
    position: absolute;
    top: -1px;
}

.styled-checkbox1 label input[type=checkbox]:disabled+span {
    color: #b8b8b8;
    cursor: auto;
}

.styled-checkbox1 label+span:before {
    box-shadow: none;
    /* background: #ddd; */
}

.styled-checkbox1 label input[type=checkbox]:checked+span:before {
    background: #0065b1;
}

.styled-checkbox1 label input[type=checkbox]:checked+span:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 8px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    transform: rotate(45deg);
}

.g-brd-gray-light-v4 {
    border-color: #ccc !important;
}

.myacavatar img {
    border-radius: 10px;
}

.u-btn-primary {
    background-color: var(--org-secondary, #1665b1);
    background: var(--org-secondary, #1665b1);
    border-radius: 10px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 30px;
    box-shadow: 0px 1px 6px rgb(0, 101, 177, 0.5);
    border-radius: 10px !important;
}

h2.g-color-main {
    color: #666666 !important;
    font-size: 22px;
    font-weight: 600 !important;
    padding-bottom: 25px;
    padding-top: 10px;
    margin: 0px;
    font-family: 'Montserrat', sans-serif;
}

.table {
    border-collapse: separate;
    border-spacing: 0 15px;
}

.table th {
    border-top: 0px solid #dee2e6;
}

.listof-number-section .align-self-center {
    font-weight: 600;
}

.listof-number-section table tr {
    box-shadow: 0px 0px 12px rgba(181, 174, 174, 0.27);
}

.listof-number-section td span {
    font-weight: 500;
    color: #868686 !important;
    font-size: 13px !important;
    font-weight: 600;
}

body .addlist-memberbtn .fa-plus {
    background: none;
    margin: 0;
    margin-right: 10px;
    width: auto;
}

.add-button.add-documentbtn {
    width: auto;
    margin-bottom: 0;
}

.jspacebet {
    justify-content: space-between;
    width: 100%;
}

body header nav .nav-item .nav-link {
    color: #333333 !important;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background: var(--org-secondary, #1665b1);
}

.g-bg-size-cover {
    font-family: 'Montserrat', sans-serif;
}


/* Ayan */

.topber-gap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.textleft {
    text-align: left;
}

.list-inline-item {
    margin-right: 20px;
}

.g-color-white {
    color: #fff !important;
}

.list-inline-item a i {
    font-size: 16px;
}

.g-pos-rel {
    position: relative !important;
}

.admin-link a {
    color: var(--org-primary, #faac27) !important;
    height: 100%;
    background: white;
    border-radius: 20px;
}

.header-admin a {
    background: transparent !important;
    border: 1px solid #fff;
    border-radius: var(--ds-radius-lg, 20px);
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    min-width: 112px;
    padding: 6px 18px;
    white-space: nowrap;
}

.header-admin a span.h-admintext {
    color: #fff;
    display: inline-block;
    top: 0px !important;
}

.headertop-userimg {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    object-fit: cover;
    margin: 0 7px 0px 25px;
}

.g-top-2 {
    top: 0.14286rem;
}

.user-dropdownicon {
    margin-left: 20px;
}

.u-header__section--admin-light [aria-labelledby] {
    background-color: #fff;
    color: #53585e;
    -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
}

.u-dropdown--css-animation.u-dropdown--hidden {
    opacity: 0;
    visibility: hidden;
}

.g-pos-abs {
    position: absolute !important;
}

.g-font-size-14 {
    font-size: 1rem !important;
}

.g-width-100x--lg {
    width: 100% !important;
}

.g-mt-17 {
    margin-top: 1.21429rem !important;
}

.g-py-20 {
    padding-top: 1.42857rem !important;
    padding-bottom: 1.42857rem !important;
}

.u-header[data-header-fix-effect] {
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}

.u-shadow-v18 {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.u-header {
    position: relative;
    left: 0;
    right: 0;
    width: 100%;
    font-size: 0.92857rem;
    z-index: 501;
}

.g-bg-white {
    background-color: #fff !important;
}

.u-header__section {
    position: relative;
    z-index: 1;
}

.container {
    max-width: 1430px;
}

.navbar>.container {
    position: relative;
}

.g-font-weight-600 {
    font-weight: 600 !important;
}

.navbar-nav .nav-item {
    margin-left: 50px;
}

.nav-link {
    text-transform: capitalize;
}

.group-grid-area {
    background: #f9f9f9;
    padding: 50px 0;
}

.group-grid-main-heading {
    position: relative;
}

.group-grid-area h1 {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 30px;
    color: #000;
    text-align: center;
    padding-bottom: 10px;
}

.group-grid-main-heading .breadcrumb {
    position: absolute;
    top: 8px;
    padding: 0px;
    right: 18px;
    background: transparent;
    margin: 0px;
}

.group-grid-main-heading .breadcrumb li {
    margin-right: 15px;
    position: relative;
}

.group-grid-main-heading .breadcrumb li a {
    font-size: 12px;
    color: #383838;
    font-weight: 600;
    border-bottom: 1px solid #383838;
}

.group-grid-main-heading .breadcrumb li:after {
    content: "";
    position: absolute;
    right: -10px;
    top: 10px;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: var(--org-primary, #1665b1);
}

.group-grid-main-heading .breadcrumb li:last-child:after {
    display: none;
}

.group-grid-main-heading .breadcrumb li:last-child {
    margin-right: 0px;
}

a:focus,
a:hover {
    text-decoration: none;
}

.wall {
    position: relative;
    max-width: 100%;
    margin: 10px auto;
}

.group-grid-item {
    padding: 14px;
}

.group-grid-list {
    border: 1px solid #f3f3f3;
    background: #fff;
    font-size: 1em;
    border-radius: 8px;
    padding: 25px 34px;
    margin-bottom: 30px;
}

.group-grid-list h3 {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 8px;
}

.group-grid-list ul {
    padding: 0px;
    margin: 0px;
}

.group-grid-list ul li {
    list-style: none;
    display: flex;
    align-items: flex-start;
    font-family: 'Montserrat', sans-serif;
    color: #797979;
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 12px;
    line-height: 20px;
}

.group-grid-list ul li::before {
    content: "";
    width: 8px;
    height: 8px;
    min-width: 8px;
    margin-right: 15px;
    margin-top: 6px;
    border-radius: 50%;
    background: var(--org-primary, #faac27);
}

.group-grid-list ul li > .group-grid-list-icon {
    display: none;
}

.group-grid-list-icon {
    width: 14px;
    margin-right: 12px;
    margin-top: 4px;
}

.group-grid-list ul li span {
    flex: 1;
    display: inline-block;
}

.group-grid-list ul li span a {
    color: #797979;
    font-size: 15px;
    font-weight: 500;
}

.wall>* {
    top: 0;
    left: 0;
    width: 25%;
    position: absolute;
}

.footergrid {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
    padding: 40px 0 10px;
}

.g-mb-0--lg {
    margin-bottom: 0 !important;
}

.g-mb-20 {
    margin-bottom: 1.42857rem !important;
}

.footergrid h2 {
    color: #fff;
    font-size: 18px;
    padding-bottom: 8px;
}

.letestpost {
    display: flex;
    padding-top: 20px;
}

.letestpost-icon {
    background: #323232;
    width: 45px;
    height: 45px;
    border-radius: 5px;
    margin-right: 8px;
    text-align: center;
    line-height: 45px;
}

.letestpost-describe {
    flex: 1;
}

.letestpost-icon img {
    width: 19px !important;
    margin-top: 11px !important;
    max-width: 200px;
    display: block;
    margin: 0 auto;
}

.letestpost-describe p {
    margin-bottom: 3px;
    font-size: 13px;
    color: #fff;
    max-width: 150px;
    width: 100%;
}

.letestpost-describe span {
    font-size: 12px;
    color: #b5b5b5;
}

.footermenu-width {
    max-width: 200px;
    width: 100%;
}

.footermenu-width li {
    padding-bottom: 13px;
}

.footermenu-width li p i {
    margin-top: -4px;
    color: #fff;
}

.g-right-0 {
    right: 0 !important;
}

.g-absolute-centered--y {
    position: absolute !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-backface-visibility: hidden;
}

.footermenu-width li p a {
    font-size: 14px;
}

.g-color-white-opacity-0_8 {
    color: rgba(255, 255, 255, 0.8) !important;
}

.footer-contact p {
    font-size: 14px;
    color: #cccccc;
    font-weight: 500;
}

.footer-contact p {
    padding-bottom: 5px;
}

.footer-widget-content,
.footer-widget-content p,
.footer-widget-content li {
    color: #cccccc;
    font-size: 14px;
    font-weight: 500;
}

.footer-widget-content ul,
.footer-widget-content ol {
    padding-left: 18px;
    margin-bottom: 0;
}

.u-icon-vvv4 {
    width: auto !important;
    height: auto !important;
}

.u-icon-v1,
.u-icon-v2,
.u-icon-v3,
.u-icon-v4 {
    position: relative;
    display: inline-block;
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.g-mr-10 {
    margin-right: 0.71429rem !important;
}

.g-bg-gray-dark-v1 {
    background-color: #222222 !important;
}

.g-color-white-opacity-0_8 {
    color: rgba(255, 255, 255, 0.8) !important;
}

.footer-section-gap {
    padding: 12px 0 !important;
}

.g-font-size-default {
    font-size: 12px !important;
}

.u-list-inline {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem;
}

.list-inline-item {
    font-size: 13px;
    color: #000;
}

.footer-section-gap .text-md-left ul li a {
    font-size: 12px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
}

.g-brd-gray-light-v4 {
    border-color: #ccc !important;
}

.u-header__section:nth-child(1) {
    z-index: auto;
}

.g-color-gray-dark-v5 {
    color: #999 !important;
}

.g-brd-bottom {
    border-bottom: solid 1px transparent !important;
}

.top-social-icon .list-inline-item {
    margin-right: 20px;
}

ul {
    padding: 0;
    margin: 0;
}

.g-py-10 {
    padding-top: 0.71429rem !important;
    padding-bottom: 0.71429rem !important;
}

.phonenumber {
    font-size: 15px;
    font-weight: 500;
    margin-left: 20px;
}

.u-icon-vvv4 i {
    color: #fff;
    margin-top: 10px;
    font-size: 15px;
}

.footer-section-gap .align-self-center ul li a i {
    color: #fff !important;
}

#contacts-section a:hover,
.footer-section-gap a:hover,
.footer-section-gap a:hover i {
    color: #fff !important;
}

.g-mx-10 {
    margin-left: 0.71429rem !important;
    margin-right: 0.71429rem !important;
}

.g-px-30 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.g-mb-80 {
    margin-bottom: 5.71429rem !important;
}

.member_group_search {
    max-width: 536px;
    margin: 15px auto 38px;
    display: block;
}

.memberlist-box {
    display: flex;
    background: #fff;
    align-items: flex-start;
    width: 100%;
    box-shadow: 0px 0px 10px rgba(181, 174, 174, 0.1);
    margin-top: 22px;
    padding: 15px 15px 0px;
    height: 100%;
}

.memberlistmain-img {
    margin-right: 15px;
    width: 92px;
    height: 92px;
    object-fit: cover;
    border-radius: 8px;
}

.memberlist-box-describe {
    flex: 1;
}

.memberlist-box-describe h3 {
    font-size: 18px;
    color: #000000;
    font-weight: 600;
    margin: 0px 0px 4px;
}

#membername {
    color: #0b61e6 !important;
    font-size: 19px;
    font-weight: 500;
    display: inline-block;
}

.evolution {
    font-size: 13px;
    color: #636363;
    font-weight: 500;
    line-height: 19px;
    display: flex;
    align-items: flex-start;
    margin-bottom: 7px;
}

#group-members-list .memberlist-box-describe .member-role {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 16px;
    color: #636363;
    font-weight: 600;
    line-height: 1.25;
    margin: 0;
}

.member-deg {
    font-weight: 600;
    color: #000;
    padding-left: 5px;
}

.memberlist-edit {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.g-color-gray-dark-v5 {
    color: #999 !important;
}

.memberlistmore {
    color: #0b61e6;
    font-size: 19px;
    font-weight: 500;
    display: inline-block;
}

main {
    background: #f9f9f9;
}

.g-mb-100 {
    margin-bottom: 7.14286rem !important;
}

.g-mt-50 {
    margin-top: 3.57143rem !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Barlow Condensed', sans-serif;
}

.menu-left h2 {
    padding: 15px 0px 15px 34px;
}

.menu-left h2 {
    color: #666666;
    font-size: 24px;
    padding: 15px 0px 5px 34px;
    border-bottom: 1px solid #f1f1f1;
}

.menu-left h3 {
    padding: 15px 0px 5px 34px;
    margin: 0px;
}

.menu-left {
    padding: 0px 20px;
    background: #fff;
}

.shortcode-html {
    background: #fff;
    border: 1px solid #f3f3f3;
    border-radius: 8px;
    padding: 25px 35px;
}

.membertab-cont {
    display: inline-block;
    min-width: 300px;
}

.membertab-cont li.nav-item {
    padding: 0px;
    margin-right: 15px;
}

[role="tablist"] .nav-item {
    display: inline-block;
}

.u-nav-v1-1.u-nav-primary .nav-link.active {
    color: #000000;
    font-weight: 600;
    background-color: #fff;
    border-bottom: 2px solid var(--org-primary, #faac27);
}

.membertab-cont li a.nav-link {
    padding: 0px;
    font-size: 18px;
    font-weight: 500;
    color: #7f7f7f;
}

.add-document-section {
    background: #f9f9f9;
    padding: 25px 25px;
    margin: 20px 0;
}

.g-mb-0--md {
    margin-bottom: 0 !important;
}

.add-documentbtn {
    max-width: 280px;
    height: 52px;
    background: var(--org-secondary, #1665b1);
    border-radius: 10px;
    width: 100%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 30px;
    box-shadow: 0px 1px 6px rgb(0, 101, 177, 0.5);
}

.add-documentbtn img {
    margin-right: 10px;
}

.add-documentbtn:hover {
    color: #fff;
    background: #023e6b;
}

.add-document-form .col-sm-5 input {
    height: 44px;
}

.add-document-form .col-sm-5 .chosen-container {
    height: 44px;
    padding: 10px 10px !important;
}

.add-document-form .col-sm-2 button {
    height: 42px;
    padding: 5px !important;
    border-radius: 10px !important;
    font-weight: 500;
    box-shadow: 0px 1px 6px rgb(0, 101, 177, 0.5);
}

.documentfound-pagination-section {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
}

.documentfound-pagination-title {
    font-size: 22px;
    color: #666666;
    font-weight: 600;
}

.documentfound-pagination .page-link {
    position: relative;
    display: block;
    padding: .5rem 12px;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #f1f1f1;
    border: 0px solid #dee2e6;
    border-radius: 10px;
}

.documentfound-pagination ul li {
    margin-left: 10px;
}

.documentfound-pagination ul li:last-child a.page-link {
    background-color: transparent;
    border: 1px solid var(--org-primary, #faac27);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 29px;
    height: 30px;
    display: inline-block;
    line-height: 10px;
}

.documentfound-pagination ul li:first-child a.page-link {
    background-color: transparent;
    border: 1px solid var(--org-primary, #faac27);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 29px;
    height: 30px;
    display: inline-block;
    line-height: 10px;
}

.documentfound-list {
    background: #fff;
    box-shadow: 0px 0px 10px rgba(181, 174, 174, 0.1);
    margin-bottom: 10px;
    padding: 28px;
    position: relative;
}

.documentfound-list h4 {
    width: 100%;
    font-weight: 700;
    font-size: 18px;
}

.document-actions {
    display: flex;
    margin-left: 10px;
    align-items: baseline;
}

.document-actions .badge {
    margin-left: 0!important;
    height: max-content;
}


.documentfound-list-icons {
    width: 100%;
    padding-bottom: 7px;
}

.documentfound-list-icons p {
    display: inline-block;
}

.documentfound-list-document {
    background: var(--org-primary, #faac27);
    color: #000;
    border-radius: 20px;
    padding: 5px 10px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 10px;
    display: inline-block;
}

.documentfound-list-download {
    position: absolute;
    top: 0;
    right: 10px;
    border-radius: 100%;
    overflow: hidden;
}

.documentfound-list-icons a {
    color: #1e1e1e;
    font-size: 13px;
    font-weight: 600;
    margin-left: 30px;
}

.documentfound-list-icons .meta-text {
    color: #797979;
    margin: 0px;
    vertical-align: middle;
    padding-left: 5px;
}

.documentfound-list-title {
    color: var(--org-secondary, #1665b1);
    font-size: 19px;
    font-weight: 600;
    text-transform: capitalize;
}

.documentfound-list-readbtn {
    color: var(--org-secondary, #1665b1);
    font-size: 19px;
    font-weight: 600;
    text-transform: capitalize;
}

.add-documentbtnyellow {
    background: var(--org-primary, #faac27);
    color: #000;
    font-weight: 600;
}

.add-documentbtnyellow:hover {
    background: var(--ds-primary-hover, var(--org-primary, #1665b1));
    color: #000;
}

.add-document-sectionmember .add-documentbtn {
    margin-bottom: 0px;
}

.g-color-black {
    color: #000 !important;
}

.u-select-v1 {
    position: relative;
    max-width: 100%;
    font-size: 1rem;
    color: rgba(51, 51, 51, 0.3);
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    padding: .4rem 1rem;
}

.u-select-v1 {
    position: relative;
    max-width: 100%;
    font-size: 1rem;
    color: rgba(51, 51, 51, 0.3);
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    padding: .4rem 1rem;
}

.u-select-v1 .chosen-single {
    position: static;
    height: auto;
    color: inherit;
    background-image: none;
    background-color: transparent;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    line-height: inherit;
}

.u-select-v1 .chosen-single span {
    margin-right: 0;
}

.u-select-v1 .chosen-single span img {
    position: relative;
    top: -2px;
    margin-right: 4px;
}

.u-select-v1 .chosen-single div {
    width: 40px !important;
}

.u-select-v1 .chosen-single div b {
    background: none !important;
}

.u-select-v1 .chosen-single div b i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.u-select-v1 .chosen-single div b i:first-child {
    display: inline-block;
}

.u-select-v1 .chosen-single div b i:last-child {
    display: none;
}

.u-select-v1 .chosen-single:focus {
    outline: 0 none;
}

.u-select-v1 .chosen-drop {
    width: calc(100% + 2px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
    border-radius: 0;
    border-top-width: 1px;
    margin-left: -1px;
}

.u-select-v1 .chosen-results {
    padding: 0;
    margin: 0;
}

.u-select-v1 .chosen-results>li {
    position: relative;
    font-size: inherit;
    color: #999;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ccc;
    padding: 12px 16px;
}

.u-select-v1 .chosen-results>li img {
    position: relative;
    top: -2px;
    margin-right: 4px;
}

.u-select-v1 .chosen-results>li div {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
}

.u-select-v1 .chosen-results>li div b {
    display: block;
    width: 100%;
    height: 100%;
}

.u-select-v1 .chosen-results>li div b i {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.u-select-v1 .chosen-results>li:last-child {
    border-bottom-width: 0;
}

.u-select-v1 .chosen-results>li.highlighted {
    color: #999;
    background-image: none;
    background-color: rgba(230, 33, 84, 0.2);
    border-bottom-color: rgba(230, 33, 84, 0.2);
}

.u-select-v1 .chosen-results>li.highlighted.g-color-white--active {
    color: #fff !important;
}

.u-select-v1 .chosen-results>li.highlighted.g-bg-primary--active {
    background-color: #e62154 !important;
}

.u-select-v1 .chosen-results>li.result-selected {
    color: #999;
    background-color: rgba(230, 33, 84, 0.2);
    border-bottom-color: rgba(230, 33, 84, 0.2);
}

.u-select-v1 .chosen-results>li.result-selected div b i {
    display: inline-block;
}

.u-select-v1.chosen-container-active .chosen-single {
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.u-select-v1.chosen-with-drop .chosen-single {
    border: none;
    border-radius: 0;
}

.u-select-v1.chosen-with-drop .chosen-single div b i:first-child {
    display: none;
}

.u-select-v1.chosen-with-drop .chosen-single div b i:last-child {
    display: inline-block;
}

.u-select-v1.chosen-container-multi:not(.u-select-multiple-custom) .chosen-choices {
    background-image: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
}

.u-select-v1.chosen-container-multi:not(.u-select-multiple-custom) .chosen-choices .search-choice {
    font-size: 12px;
    color: #999;
    background-image: none;
    background-color: #fff;
    border-color: #ccc;
    border-radius: 0;
    padding: 5px 20px 5px 5px;
}

.u-select-v1.chosen-container-multi:not(.u-select-multiple-custom) .chosen-choices .search-choice-close {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.u-select-v1.chosen-container-multi:not(.u-select-multiple-custom) .chosen-choices .search-field {
    height: 22px;
}

.u-select-v1.chosen-container-multi:not(.u-select-multiple-custom) .chosen-choices .search-field input[type="text"] {
    height: 22px;
    margin: 0;
}

.u-select-v1.u-select-multiple-custom .chosen-choices {
    display: none;
}

.u-select-v1.u-select-multiple-custom .chosen-drop {
    width: 100%;
    position: static;
    top: auto;
    left: auto;
    z-index: 3;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: 0;
}

.u-select-v1.u-dropdown-sm {
    padding: .1rem .5rem;
    font-size: .875rem;
}

.u-select-v1.u-dropdown-sm .chosen-results>li {
    padding: 6px 8px;
}

.u-select-v1.u-dropdown-lg {
    padding: .55rem 1.5rem;
    font-size: 1.25rem;
}

.u-select-v1.u-dropdown-lg .chosen-results>li {
    padding: 14px 18px;
}

.chosen-container-single .chosen-single div b {
    position: relative;
}

.chosen-container-single .chosen-search input[type="text"] {
    padding: .8rem 1rem .6rem;
    border-color: #ccc;
}

.chosen-container-single.u-dropdown-sm .chosen-search input[type="text"] {
    padding: .25rem .5rem .1rem;
}

.chosen-container-single.u-dropdown-lg .chosen-search input[type="text"] {
    padding: .75rem 1.5rem .55rem;
}

.chosen-container-single.u-select-above .chosen-drop {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: -1px;
}

.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.chosen-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    z-index: 1010;
    width: 100%;
    border: 1px solid #aaa;
    border-top: 0;
    background: #fff;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(100% 100%);
    clip-path: inset(100% 100%);
}

.chosen-container.chosen-with-drop .chosen-drop {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
}

.chosen-container a {
    cursor: pointer;
}

.chosen-container .search-choice .group-name,
.chosen-container .chosen-single .group-name {
    margin-right: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: normal;
    color: #999999;
}

.chosen-container .search-choice .group-name:after,
.chosen-container .chosen-single .group-name:after {
    content: ":";
    padding-left: 2px;
    vertical-align: top;
}

.chosen-container-single .chosen-single {
    background: none !important;
    box-shadow: none !important;
    overflow: hidden;
    border: none !important;
}

.chosen-container-single .chosen-default {
    color: #999;
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url("../js/chosen/chosen-sprite.png") -42px 1px no-repeat;
    font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%;
}

.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url("../js/chosen/chosen-sprite.png") no-repeat 0px 2px;
}

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    background: url("../js/chosen/chosen-sprite.png") no-repeat 100% -20px;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
}

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(100% 100%);
    clip-path: inset(100% 100%);
}

.chosen-container .chosen-results {
    color: #444;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 0px 0px 0;
    max-height: 240px;
    -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 11px 15px;
    font-size: 1rem;
    list-style: none;
    line-height: 15px;
    word-wrap: break-word;
    -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default;
}

.chosen-container .chosen-results li.highlighted {
    background: var(--org-primary, #1665b1) !important;
    border-bottom-color: var(--org-primary, #1665b1) !important;
    color: #fff !important;
}

.chosen-container .chosen-results li.no-results {
    color: #777;
    display: list-item;
    background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: bold;
    cursor: default;
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px;
}

.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline;
}

.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    height: auto;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: linear-gradient(#eee 1%, #fff 15%);
    cursor: text;
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    margin: 1px 0;
    padding: 0;
    height: 25px;
    outline: 0;
    border: 0 !important;
    background: transparent !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #999;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
    width: 25px;
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 5px 3px 0;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    max-width: 100%;
    border-radius: 3px;
    background-color: #eeeeee;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333;
    line-height: 13px;
    cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice span {
    word-wrap: break-word;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url("../js/chosen/chosen-sprite.png") -42px 1px no-repeat;
    font-size: 1px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 2px;
}

.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
    color: #222 !important;
}

.chosen-disabled {
    opacity: 0.5 !important;
    cursor: default;
}

.chosen-disabled .chosen-single {
    cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default;
}

.chosen-rtl {
    text-align: right;
}

.chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
    margin-right: 0;
    margin-left: 26px;
    direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px;
}

.chosen-rtl .chosen-single div {
    right: auto;
    left: 3px;
}

.chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px;
}

.chosen-rtl .chosen-choices li {
    float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
    direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    right: auto;
    left: 4px;
}

.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none;
}

.chosen-rtl .chosen-search input[type="text"] {
    padding: 4px 5px 4px 20px;
    background: url("../js/chosen/chosen-sprite.png") no-repeat -30px -20px;
    direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi),
only screen and (min-resolution: 1.5dppx) {
    .chosen-rtl .chosen-search input[type="text"],
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-container-single .chosen-search input[type="text"],
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up span {
        background-image: url("../js/chosen/chosen-sprite@2x.png") !important;
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important;
    }
}

.add-document-section .btn:not(:disabled):not(.disabled) {
    cursor: pointer;
    width: 100%;
}

.u-select-v1 .chosen-results>li.result-selected {
    background: var(--org-primary, #1665b1) !important;
    border-bottom-color: var(--org-primary, #1665b1) !important;
    color: #fff !important;
}

h2.g-color-main {
    color: #666666 !important;
    font-size: 22px;
    font-weight: 600 !important;
    padding-bottom: 25px;
    padding-top: 10px;
    margin: 0px;
    font-family: 'Barlow Condensed', sans-serif;
}

.menu-left ul li:hover {
    background: #edf4f9;
}

.menu-left ul li {
    padding: 8px 34px;
}

.menu-left .list-unstyled {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 22px;
}

.membership-area .g-bg-white.rounded {
    padding: 45px 65px;
}

.add-document-formsave {
    border-top: 1px solid #f1f1f1;
    padding-top: 20px;
}

.membermin-gap {
    min-height: 350px;
}

.add-document-formsave button {
    height: 42px;
    padding: 0 42px !important;
    border-radius: 10px !important;
    font-weight: 500;
    box-shadow: 0px 1px 6px rgb(0, 101, 177, 0.5);
}

.membership-area .input-group {
    margin-bottom: 20px;
}

label {
    width: 100%;
    display: block;
    color: #666666;
    font-size: 14px;
    font-weight: 500;
}

.documentitle .rounded h2 {
    color: #666666;
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 25px;
    padding-top: 10px;
    margin: 0px;
}

.g-mb-30 {
    margin-bottom: 2.14286rem !important;
}

.documentitle textarea.form-control {
    height: 106px;
}

.g-py-15 {
    padding-top: 1.07143rem !important;
    padding-bottom: 1.07143rem !important;
}

.profile-section {
    max-width: 860px;
    width: 100%;
    background: #fff;
    margin: 0 auto;
    padding: 40px 80px;
}

[class*="u-block-hover"],
[class*="u-block-hover"]::before,
[class*="u-block-hover"]::after {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

[class*="u-block-hover"] {
    position: relative;
    max-width: 100%;
    margin: 0;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

figure {
    margin-bottom: 0;
}

.profile-section figure img {
    width: 170px !important;
    margin: 0 auto;
    display: block;
}

.profilebox-heading h2 a {
    color: #000;
    display: inline-block;
    padding-top: 20px;
}

.profile-section ul li {
    padding-left: 20%;
}

.g-brd-gray-light-v4 {
    border-color: #ccc !important;
}

.g-pr-10 {
    padding-right: 0.71429rem !important;
}

.g-width-200 {
    width: 200px !important;
}

.g-pt-50 {
    padding-top: 3.57143rem !important;
}

.g-py-5 {
    padding-top: 0.35714rem !important;
    padding-bottom: 0.35714rem !important;
}

.g-px-20 {
    padding-left: 1.42857rem !important;
    padding-right: 1.42857rem !important;
}

.g-mb-10 {
    margin-bottom: 0.71429rem !important;
}

li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.g-mr-12 {
    margin-right: 0.85714rem;
}

.g-nowrap {
    white-space: nowrap;
}

.listof-number-section {
    background: #fff;
    padding: 27px 33px;
}

.g-mb-0 {
    margin-bottom: 0 !important;
}

.g-font-size-default {
    font-size: 12px !important;
}

.form-control {
    border-radius: 5px !important;
}

.g-pos-abs {
    position: absolute !important;
}

.addlist-memberbtn {
    padding: 0 35px;
}

.add-documentbtn {
    max-width: 280px;
    height: 52px;
    background: var(--org-secondary, #1665b1);
    border-radius: 10px;
    width: 100%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 30px;
    box-shadow: 0px 1px 6px rgb(0, 101, 177, 0.5);
}

.g-mb-40 {
    margin-bottom: 2.85714rem !important;
}

.table-responsive {
    overflow: hidden;
    overflow-x: auto;
}

.dataTables_scroll {
    border-bottom: 0px solid #e1eaea;
}

.dataTables_scroll [class*="u-table--v3"] {
    margin-bottom: -1px;
}

.dataTables_scroll .mCSB_outside+.mCSB_scrollTools {
    top: 0;
    right: 0;
    background-color: #fff;
    border: 0px solid #e1eaea;
    margin-bottom: -1px;
}

.dataTables_scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
    background-color: #bac9c9;
}

.dataTables_scroll .mCSB_scrollTools .mCSB_draggerRail {
    display: none;
}

.dataTables_scroll td:last-child,
.dataTables_scroll th:last-child {
    padding-right: 34px;
}

.dataTables_scrollHead,
.dataTables_scrollFoot {
    overflow: visible !important;
}

[class*="u-table--v3"] {
    margin-bottom: 0;
}

[class*="u-table--v3"] th,
[class*="u-table--v3"] td {
    color: inherit;
    vertical-align: middle;
    padding: 1.42857rem;
    border-top-color: #e1eaea !important;
    border-bottom-color: #e1eaea !important;
    border-left-color: #e1eaea !important;
    border-right-color: #e1eaea !important;
}

[class*="u-table--v3"] th:first-child,
[class*="u-table--v3"] th.g-first-child,
[class*="u-table--v3"] td:first-child,
[class*="u-table--v3"] td.g-first-child {
    text-align: center;
    border-left: 0px solid;
}

[class*="u-table--v3"] th:last-child,
[class*="u-table--v3"] th.g-last-child,
[class*="u-table--v3"] td:last-child,
[class*="u-table--v3"] td.g-last-child {
    border-right: 0px solid;
}

[class*="u-table--v3"] thead th {
    font-weight: 400;
    border-bottom: none;
}

[class*="u-table--v3"] td {
    font-weight: 300;
    padding-top: 1.14286rem;
    padding-bottom: 1.14286rem;
}

[class*="u-table--v3"] .opened+tr {
    background-color: #fff;
}

[class*="u-table--v3"] tr:last-child td {
    border-bottom: 0px solid;
}

[class*="u-table--v3"] .thead-light th,
[class*="u-table--v3"] .thead-light td,
[class*="u-table--v3"] .tfoot-light th,
[class*="u-table--v3"] .tfoot-light td {
    color: #53585e;
    background-color: #fff;
    border-color: #fff;
}

[class*="u-table--v3"].table-hover tbody tr:hover {
    background-color: rgba(245, 249, 249, 0.4);
}

[class*="u-table--v3"].table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #fff;
}

[class*="u-table--v3"] tfoot.u-tfoot-after-thead {
    display: table-header-group;
}

.u-table--v3--bordered th,
.u-table--v3--bordered td {
    border-left: 0px solid;
}

.u-table--v3--borderless th,
.u-table--v3--borderless td {
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border: none;
}

.u-table--v3--borderless th:first-child,
.u-table--v3--borderless th.g-first-child,
.u-table--v3--borderless td:first-child,
.u-table--v3--borderless td.g-first-child {
    border-left: none;
}

.u-table--v3--borderless th:last-child,
.u-table--v3--borderless th.g-last-child,
.u-table--v3--borderless td:last-child,
.u-table--v3--borderless td.g-last-child {
    border-right: none;
}

.u-table--v3--borderless tr:last-child td {
    border-bottom: none;
}

.u-table--v3--row-border-bottom td {
    border-bottom: 0px solid;
    border-bottom-color: #fff !important;
}

.u-table--v3--row-border-bottom tr:last-child td {
    border-bottom: 0px solid;
    border-bottom-color: #fff !important;
}

.u-editable-table--v1 input[type="text"] {
    font-weight: 300;
    border: 1px solid #e1eaea;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0.71429rem 1.42857rem;
    -webkit-transition: border-color .2s ease-in;
    -o-transition: border-color .2s ease-in;
    transition: border-color .2s ease-in;
}

.u-editable-table--v1 input[type="text"]:focus {
    outline: 0 none;
    border-color: #1cc9e4;
}

.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #f7f7f7;
}

.table-striped tbody td {
    border-top: none;
}

.listof-number-section table thead tr {
    box-shadow: none;
}

.listof-number-section table tr {
    box-shadow: 0px 0px 12px rgba(181, 174, 174, 0.27);
}

table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting {
    background-image: none;
}

[class*="u-table--v3"] th:first-child,
[class*="u-table--v3"] th.g-first-child,
[class*="u-table--v3"] td:first-child,
[class*="u-table--v3"] td.g-first-child {
    text-align: center;
    border-left: 0px solid;
}

table.dataTable thead th,
table.dataTable tfoot th {
    font-weight: normal;
}

.g-width-40 {
    width: 40px !important;
}

.g-height-40 {
    height: 40px;
}

.g-ml-15 {
    margin-left: 1.07143rem !important;
}

.g-hidden-xs-up {
    display: none !important;
}

.listof-number-section .media-body {
    font-weight: 600;
}

.u-check {
    width: 45px;
}

.u-check-icon-checkbox-v7,
.u-check-icon-radio-v7 {
    cursor: pointer;
    display: block;
    width: 43px;
    height: 8px;
    font-style: normal;
    font-weight: 700;
    font-size: 9px;
    color: #ddd;
    border: solid 1px #f2f2f2;
    border-radius: 12px;
    background: #f2f2f2;
}

.u-check-icon-checkbox-v7 i::before,
.u-check-icon-checkbox-v7 i::after,
.u-check-icon-radio-v7 i::before,
.u-check-icon-radio-v7 i::after {
    content: "";
    display: block;
    position: absolute;
}

.u-check-icon-checkbox-v7 i::before,
.u-check-icon-radio-v7 i::before {
    content: attr(data-uncheck-icon);
    top: 0;
    left: 0;
    width: 100%;
    height: 22px;
    line-height: 18px;
    text-transform: uppercase;
    text-align: right;
    padding: 2px 7px;
}

.u-check-icon-checkbox-v7 i::after,
.u-check-icon-radio-v7 i::after {
    top: 50%;
    left: 4px;
    width: 16px;
    height: 16px;
    background-color: #fff;
    border: 1px solid #f2f2f2;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition-property: left;
    -o-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: .1s;
    -o-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

.u-check input[type="checkbox"]:checked+.u-check-icon-checkbox-v7,
.u-check input[type="checkbox"]:checked+.u-check-icon-radio-v7,
.u-check input[type="checkbox"]:checked+* .u-check-icon-checkbox-v7,
.u-check input[type="checkbox"]:checked+* .u-check-icon-radio-v7,
.u-check input[type="radio"]:checked+.u-check-icon-checkbox-v7,
.u-check input[type="radio"]:checked+.u-check-icon-radio-v7,
.u-check input[type="radio"]:checked+* .u-check-icon-checkbox-v7,
.u-check input[type="radio"]:checked+* .u-check-icon-radio-v7 {
    color: #fff;
    background-color: #0065b1;
    border-color: #0065b1;
}

.u-check input[type="checkbox"]:checked+.u-check-icon-checkbox-v7 i:before,
.u-check input[type="checkbox"]:checked+.u-check-icon-radio-v7 i:before,
.u-check input[type="checkbox"]:checked+* .u-check-icon-checkbox-v7 i:before,
.u-check input[type="checkbox"]:checked+* .u-check-icon-radio-v7 i:before,
.u-check input[type="radio"]:checked+.u-check-icon-checkbox-v7 i:before,
.u-check input[type="radio"]:checked+.u-check-icon-radio-v7 i:before,
.u-check input[type="radio"]:checked+* .u-check-icon-checkbox-v7 i:before,
.u-check input[type="radio"]:checked+* .u-check-icon-radio-v7 i:before {
    content: attr(data-check-icon);
    text-align: left;
}

.u-check input[type="checkbox"]:checked+.u-check-icon-checkbox-v7 i::after,
.u-check input[type="checkbox"]:checked+.u-check-icon-radio-v7 i::after,
.u-check input[type="checkbox"]:checked+* .u-check-icon-checkbox-v7 i::after,
.u-check input[type="checkbox"]:checked+* .u-check-icon-radio-v7 i::after,
.u-check input[type="radio"]:checked+.u-check-icon-checkbox-v7 i::after,
.u-check input[type="radio"]:checked+.u-check-icon-radio-v7 i::after,
.u-check input[type="radio"]:checked+* .u-check-icon-checkbox-v7 i::after,
.u-check input[type="radio"]:checked+* .u-check-icon-radio-v7 i::after {
    left: calc(100% - 19px);
    background-color: #fff;
    border: 1px solid #0065b1;
}

.u-check {
    position: relative;
    cursor: pointer;
}

.u-check-icon-font {
    display: inline-block;
    font-size: 0;
    padding-left: 1px;
    padding-right: 1px;
}

.u-check-icon-font i {
    font-size: 22px;
    color: #ccc;
}

.u-check-icon-font i::before {
    content: attr(data-uncheck-icon);
}

.u-check-icon-checkbox,
.u-check-icon-radio {
    display: inline-block;
}

.u-check input[type="checkbox"]:checked+.u-check-icon-font i,
.u-check input[type="checkbox"]:checked+* .u-check-icon-font i,
.u-check input[type="radio"]:checked+.u-check-icon-font i,
.u-check input[type="radio"]:checked+* .u-check-icon-font i {
    color: #e62154;
}

.u-check input[type="checkbox"]:checked+.u-check-icon-font i::before,
.u-check input[type="checkbox"]:checked+* .u-check-icon-font i::before,
.u-check input[type="radio"]:checked+.u-check-icon-font i::before,
.u-check input[type="radio"]:checked+* .u-check-icon-font i::before {
    content: attr(data-check-icon);
}

.g-hide-check {
    display: block !important;
}

.g-checked>* .g-hide-check,
input[type="checkbox"]:checked+.g-hide-check,
input[type="radio"]:checked+.g-hide-check,
input[type="checkbox"]:checked+* .g-hide-check,
input[type="radio"]:checked+* .g-hide-check {
    display: none !important;
}

.g-show-check {
    display: none !important;
}

.g-checked>* .g-show-check,
input[type="checkbox"]:checked+.g-show-check,
input[type="radio"]:checked+.g-show-check,
input[type="checkbox"]:checked+* .g-show-check,
input[type="radio"]:checked+* .g-show-check {
    display: block !important;
}

.listof-number-section .g-pos-rel a.g-line-height-0 {
    color: #bac9c9 !important;
    width: 35px;
    height: 35px;
    background: #f2f2f2;
    border-radius: 100%;
    text-align: center;
    line-height: 43px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px !important;
}

.g-color-gray-light-v6 {
    color: #bac9c9 !important;
}

.g-width-10 {
    width: 10px !important;
}

.g-line-height-1 {
    line-height: 1 !important;
}

.g-font-size-10 {
    font-size: 0.71429rem !important;
}

.usernumber {
    font-size: 13px;
    color: #000;
    font-weight: 600;
    margin-right: 30px;
}

.listof-number-section td span.file-number {
    font-size: 13px !important;
    color: #000 !important;
    font-weight: 600;
}

.file-upload {
    padding: 0px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border: dashed 1px #cccccc;
    position: relative;
    min-width: 210px;
    margin: 0;
    overflow: hidden;
}

.email-file-upload {
    border: dashed 0px #cccccc;
    position: relative;
    min-width: auto;
    margin: 0;
    cursor: pointer;
    overflow: hidden;
    display: inline;
    border-radius: 0px;
}

.listof-number-section td span.email-sent {
    color: #5bc653 !important;
    font-size: 14px !important;
    font-weight: 500;
    padding-right: 15px;
}

.email-table-rightview a {
    margin-left: 10px;
}

.dataTables_length,
.dataTables_filter,
.dataTables_info,
.dataTables_paginate {
    display: none;
}

.hs-admin-angle-down:before {
    color: #fff;
}

.add-documentbtnyellow {
    background: var(--org-primary, #faac27);
    color: #000;
    font-weight: 600;
}

.input-group select {
    -webkit-appearance: none;
    width: 100%;
}

.u-header__section--light .navbar-brand,
.u-header__section--light .navbar-toggler,
.u-header__section--light--shift.js-header-change-moment .navbar-brand,
.u-header__section--light--shift.js-header-change-moment .navbar-toggler {
    color: #333333;
}

.hamburger {
    padding: 10px;
}

.hamburger {
    font: inherit;
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 15px;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity, filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent;
}

.hamburger-box {
    width: 37px;
    height: 25px;
    position: relative;
    display: inline-block;
}

.u-header__section--light .hamburger-inner,
.u-header__section--light .hamburger-inner::after,
.u-header__section--light .hamburger-inner::before {
    background: #333;
}

.hamburger--slider .hamburger-inner {
    display: block;
}

.hamburger-inner {
    width: 100%;
    height: 1px;
    border-radius: 0;
}

.hamburger-inner {
    margin-top: 1px;
}

.hamburger-inner:after,
.hamburger-inner:before {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    border-radius: 0;
}

.hamburger-inner::before {
    top: 10px;
}

.hamburger-inner:after {
    top: 20px;
}

.navbar-toggler:focus {
    border: none;
    outline: 0;
    box-shadow: none;
}

.u-header.js-header-fix-moment {
    position: fixed;
    top: 0;
    bottom: auto;
}

.g-bg-white-opacity-0_8 {
    background-color: rgba(255, 255, 255, 0.8) !important;
}

.navbar>.container {
    position: relative;
}

.memberlist-area .col-md-12 {
    margin-bottom: 25px;
}

.clicked {
    display: block !important;
}

#profileMenu {
    display: none;
}

.g-brd-gray-light-v3 {
    border-color: #ddd !important;
}

.g-py-15 {
    padding-top: 1.07143rem !important;
    padding-bottom: 1.07143rem !important;
}

[class*="input-group-"] {
    min-width: 38px;
    background-color: transparent;
    border-color: #ccc;
    -webkit-transition: border-color .15s ease-in-out 0s;
    -o-transition: border-color .15s ease-in-out 0s;
    transition: border-color .15s ease-in-out 0s;
}

.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.g-bg-white {
    background-color: #fff !important;
}

.g-px-15 {
    padding-left: 1.07143rem !important;
    padding-right: 1.07143rem !important;
}

.u-btn-primary {
    background-color: var(--org-secondary, #1665b1);
    background: var(--org-secondary, #1665b1);
    border-radius: 10px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 30px;
    box-shadow: 0px 1px 6px rgb(0, 101, 177, 0.5);
    border-radius: 10px !important;
}

.g-absolute-centered--y {
    position: absolute !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-backface-visibility: hidden;
}

.u-check-icon-checkbox-v6,
.u-check-icon-radio-v6 {
    width: 18px;
    height: 18px;
    font-size: 12px;
}

.u-check-icon-checkbox-v6 i,
.u-check-icon-radio-v6 i {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100%;
    height: 100%;
    border: solid 1px #ccc;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.u-check-icon-checkbox-v6 i::before,
.u-check-icon-radio-v6 i::before {
    content: attr(data-uncheck-icon);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.u-check-icon-radio-v6 {
    border-radius: 50%;
}

.u-check-icon-radio-v6 i {
    border-radius: 50%;
}

.u-check input[type="checkbox"]:checked+.u-check-icon-checkbox-v6 i,
.u-check input[type="checkbox"]:checked+.u-check-icon-radio-v6 i,
.u-check input[type="checkbox"]:checked+* .u-check-icon-checkbox-v6 i,
.u-check input[type="checkbox"]:checked+* .u-check-icon-radio-v6 i,
.u-check input[type="radio"]:checked+.u-check-icon-checkbox-v6 i,
.u-check input[type="radio"]:checked+.u-check-icon-radio-v6 i,
.u-check input[type="radio"]:checked+* .u-check-icon-checkbox-v6 i,
.u-check input[type="radio"]:checked+* .u-check-icon-radio-v6 i {
    color: #fff;
    background-color: var(--org-primary, #1665b1);
    border-color: var(--org-primary, #1665b1);
}

.u-check input[type="checkbox"]:checked+.u-check-icon-checkbox-v6 i::before,
.u-check input[type="checkbox"]:checked+.u-check-icon-radio-v6 i::before,
.u-check input[type="checkbox"]:checked+* .u-check-icon-checkbox-v6 i::before,
.u-check input[type="checkbox"]:checked+* .u-check-icon-radio-v6 i::before,
.u-check input[type="radio"]:checked+.u-check-icon-checkbox-v6 i::before,
.u-check input[type="radio"]:checked+.u-check-icon-radio-v6 i::before,
.u-check input[type="radio"]:checked+* .u-check-icon-checkbox-v6 i::before,
.u-check input[type="radio"]:checked+* .u-check-icon-radio-v6 i::before {
    content: attr(data-check-icon);
}

.custom_chk {
    width: 80%;
}

.custom_chk span {
    margin-left: 30px;
}

.custom_padding {
    padding: 28px 20px !important;
}

.g-mb-35 {
    margin-bottom: 2.5rem !important;
}

.g-py-13 {
    padding-top: 0.92857rem !important;
    padding-bottom: 0.92857rem !important;
}

a {
    color: var(--org-primary, #faac27);
    outline: none;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.g-font-size-12 {
    font-size: 0.85714rem !important;
}

.g-font-size-13 {
    font-size: 0.92857rem !important;
}

.u-btn-primary:hover,
.u-btn-primary:focus,
.u-btn-primary.active {
    color: #fff;
}

.form-control:focus,
.custom-select:focus {
    border-color: var(--org-primary, #faac27);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.custom_padding_30 {
    padding: 30px 30px;
}

.custom_align {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.editpage_btn {
    max-width: 150px;
    height: 52px;
    background: var(--org-secondary, #1665b1);
    width: 100%;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 30px;
    box-shadow: 0px 1px 6px rgb(0, 101, 177, 0.5);
    border-radius: 0px !important;
}

.file-upload-outer {
    background: #f8f8f8;
    padding: 10px 10px;
}

.file-upload input[type=file] {
    display: none;
}

.file-size {
    text-align: center;
}

.upload-bottom-list {
    display: flex;
    justify-content: space-between;
    margin: 20px 0px;
    border-top: dashed 1px #cccccc;
    border-bottom: dashed 1px #cccccc;
    padding: 10px 0px 0px;
}

.upload-bottom-list button {
    background: transparent;
    border: none;
    outline: none;
}

#show_agenda {
    border: 1px solid #f3f3f3;
    background: #fff;
    font-size: 1em;
    border-radius: 8px;
    padding: 25px 34px;
    margin-bottom: 30px;
    box-sizing: border-box;
}


/* home */

.element_a_dashboard {
    color: #797979;
    font-size: 15px;
    font-weight: 500;
}

.title .h3_dashboard {
    font-family: 'Barlow Condensed', sans-serif;
}

.link_dashboard {
    color: var(--org-secondary, #1665b1)!important
}

.link_dashboard:hover {
    color: var(--org-primary, #faac27)
}

.jaune {
    color: var(--org-primary, #faac27);
}

.jaune:hover {
    color: var(--org-secondary, #1665b1)
}

.bleu {
    color: var(--org-secondary, #1665b1)
}

#blue {
    color: var(--org-secondary, #1665b1)
}

.font16 {
    font-size: 16px !important;
    font-weight: normal !important;
}


/* .group-grid-list menu-left .barlow{
    font-size: 'Barlow Condensed', sans-serif !important;
} */
.hidden_member{
    background-color: #f9f9f9 !important;
    color: #b7b3b3 !important; 
}

/* ===================== responsive =============== */

@media (min-width: 768px) {
    .media-md {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .g-width-320--md {
        width: 22.85714rem !important;
    }
}

@media only screen and (max-width: 1400px) {
    .list-inline-item {
        font-size: 12px;
    }
    #logo_nav {
        width: 20px !important;
    }
}

@media only screen and (max-width: 1199px) {
    .navbar-nav .nav-item {
        margin-left: 27px;
    }
    #logo_nav {
        width: 20px !important;
    }
}

@media only screen and (max-width: 991px) {
    #profileMenuInvoker span,
    #adminMenuInvoker span {
        font-size: 12px;
    }
    .wall>* {
        width: 33.33%;
    }
    .hamburger {
        margin-top: 9px;
    }
    /* body header nav .navbar-brand #logo-nav {
        max-width: initial !important;
        height: 60px;
    } */
    .navbar-nav .nav-item {
        margin-left: 0px;
    }
    .navbar-nav {
        padding: 0 15px;
    }
    .user-dropdownicon {
        margin-left: 8px;
    }
    .navbar-collapse {
        position: absolute;
        width: 100%;
        background: rgb(255, 255, 255);
        top: 81px;
    }
    .members_h1 {
        font-size: 2.2rem;
    }
}

@media only screen and (max-width: 767px) {
    .wall>* {
        width: 50%;
    }
    .group-grid-list {
        padding: 15px 15px;
    }
    .group-grid-list h3 {
        font-size: 16px;
    }
    .u-header__section {
        padding: 0px 15px;
    }
    .u-header__section_social {
        padding: 0px 0px;
    }
    .navbar-nav {
        padding: 0 0px;
    }
    .headertop-userimg {
        margin: 0 0px 0px 7px;
    }
    .phonenumber {
        font-size: 14px;
        margin-left: 0px;
    }
    .top-social-icon .list-inline-item a i {
        font-size: 14px;
    }
    .top-social-icon .list-inline-item {
        margin-right: 13px;
    }
    .header-right-padd {
        max-width: 176px;
        width: 100%;
    }
    .membership-area .g-bg-white.rounded {
        padding: 25px 25px;
    }
    .menu-left ul li {
        padding: 8px 5px;
    }
    .menu-left h3 {
        padding: 15px 0px 5px 5px;
        margin: 0px;
    }
    .menu-left h2 {
        padding: 15px 0px 5px 5px;
    }
    .profile-section ul li {
        padding-left: 0;
    }
    .profile-section {
        padding: 40px 15px;
    }
    .g-hidden-sm-down {
        display: none !important;
    }
    #profileMenu {
        width: initial !important;
        right: 0 !important;
    }
}

@media only screen and (max-width: 576px) {
    .memberlist-box {
        display: block;
    }
    .memberlistmain-img {
        margin-right: 0px;
        margin: 0 auto 20px;
        display: block;
    }
    .shortcode-html {
        padding: 25px 5px;
    }
}

@media only screen and (max-width: 575px) {
    .footermenu-width {
        max-width: 100%;
        width: 100%;
    }
    .letestpost {
        padding-top: 20px;
        margin-right: 20px;
    }
    body #contacts-section img {
        margin: 24px auto 0px;
    }
    .group-grid-main-heading .breadcrumb {
        top: -36px;
    }
    body #topbar .log-zone a {
        min-width: 70px;
    }
}

@media only screen and (max-width: 480px) {
    .wall>* {
        width: 100%;
    }
}

@media only screen and (max-width: 420px) {
    .memberlist-edit {
        display: block;
    }
}

.document-details-actions {
    border-radius: 0!important;
}

.document-details-actions a, .document-details-actions button {
    margin: 0!important;
    width: 25px!important;
    height: 25px!important;
    box-shadow: none!important;
}

/* Design system primitives — typography */
body,
button,
input,
select,
textarea,
.btn,
.form-control,
.custom-select,
.nav-link,
.dropdown-item,
#sideNavMenu,
.menu-left,
.group-grid-list,
.shortcode-html,
.documentfound-list,
.memberlist-box,
.footer-section-gap,
#contacts-section {
    font-family: var(--font-body) !important;
}

body {
    font-size: var(--text-base-size);
    line-height: 1.55;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-body);
    font-weight: var(--heading-weight);
    letter-spacing: 0;
}

.page-title,
.public-page-title,
.group-grid-area > h1,
.public-groups-index > h1 {
    font-family: var(--font-accent);
    font-weight: 600;
}

body header nav .nav-item .nav-link,
#profileMenuInvoker span,
#adminMenuInvoker span,
.menu-left a,
.group-grid-list ul li span a,
.membertab-cont li a.nav-link,
.documentfound-list-title,
.documentfound-list-readbtn,
.ds-document-card__title,
.memberlist-box-describe h3,
.memberlist-box-describe h3 a,
.members-directory .memberlist-box-describe h3,
.members-directory .memberlist-box-describe h3 a {
    font-family: var(--font-body) !important;
}

.evolution,
.meta-text,
.documentfound-list p,
.ds-document-card__meta,
.ds-document-card__date,
.footer-widget-content,
.footer-widget-content p,
.footer-widget-content li {
    font-size: var(--text-small-size);
    line-height: 1.45;
}

.badge,
.ds-document-card__badge,
.ds-document-card__counter,
.documentfound-list-document,
.public-groups-index .badge.badge-info {
    font-size: var(--text-meta-size);
}

#group-members-list .memberlist-box-describe .member-role {
    font-family: var(--font-body) !important;
}

/* Design system primitives — buttons */
.ds-btn,
.u-btn-primary:not(.btn-mini),
.add-documentbtn,
.add-documentbtnyellow {
    min-height: 42px;
    padding: 10px 22px;
    border: 1px solid transparent;
    border-radius: var(--ds-radius-md) !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.25;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    box-shadow: var(--ds-shadow-sm);
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease, filter .2s ease;
}

.ds-btn:hover,
.ds-btn:focus,
.u-btn-primary:not(.btn-mini):hover,
.u-btn-primary:not(.btn-mini):focus,
.add-documentbtn:hover,
.add-documentbtn:focus,
.add-documentbtnyellow:hover,
.add-documentbtnyellow:focus {
    text-decoration: none;
    filter: brightness(.94);
    box-shadow: var(--ds-shadow-md);
}

.ds-btn:focus,
.u-btn-primary:not(.btn-mini):focus,
.add-documentbtn:focus,
.add-documentbtnyellow:focus,
.ds-icon-btn:focus,
.ds-icon-btn-sm:focus,
.btn-mini:focus,
.download-mini:focus {
    outline: 2px solid var(--ds-focus-ring);
    outline-offset: 2px;
}

.ds-btn-primary,
.u-btn-primary:not(.btn-mini) {
    background: var(--org-secondary, #1665b1) !important;
    border-color: var(--org-secondary, #1665b1) !important;
    color: #fff !important;
}

.ds-btn-secondary {
    background: #fff;
    border-color: var(--org-secondary, #1665b1);
    color: var(--org-secondary, #1665b1);
}

.ds-btn-add,
.add-documentbtn {
    background: var(--org-secondary, #1665b1);
    border-color: var(--org-secondary, #1665b1);
    color: #fff;
}

.ds-btn-export,
.add-documentbtnyellow {
    background: var(--org-primary, #faac27);
    border-color: var(--org-primary, #faac27);
    color: #1f1f1f;
}

.ds-btn-primary:hover,
.ds-btn-primary:focus,
.u-btn-primary:not(.btn-mini):hover,
.u-btn-primary:not(.btn-mini):focus,
.ds-btn-add:hover,
.ds-btn-add:focus,
.add-documentbtn:hover,
.add-documentbtn:focus {
    color: #fff !important;
}

.ds-btn-secondary:hover,
.ds-btn-secondary:focus {
    background: var(--org-secondary, #1665b1);
    border-color: var(--org-secondary, #1665b1);
    color: #fff;
}

.ds-btn-export:hover,
.ds-btn-export:focus,
.add-documentbtnyellow:hover,
.add-documentbtnyellow:focus {
    color: #1f1f1f;
}

.ds-btn-sm {
    min-height: 34px;
    padding: 7px 14px;
    font-size: 13px;
}

.ds-btn-md {
    min-height: 42px;
}

.ds-btn-lg {
    min-height: 48px;
    padding: 12px 28px;
    font-size: 15px;
}

.ds-btn-accent {
    background: var(--org-primary, #faac27);
    border-color: var(--org-primary, #faac27);
    color: #1f1f1f;
}

.ds-btn-danger {
    background: var(--ds-status-danger, #b42318);
    border-color: var(--ds-status-danger, #b42318);
    color: #fff;
}

.ds-btn-ghost {
    background: transparent;
    border-color: color-mix(in srgb, var(--ds-secondary, #1665b1) 24%, transparent);
    color: var(--ds-secondary, #1665b1);
    box-shadow: none;
}

.ds-btn-link {
    min-height: auto;
    padding: 0;
    border-color: transparent;
    background: transparent;
    color: var(--ds-secondary, #1665b1);
    box-shadow: none;
}

.ds-btn-accent:hover,
.ds-btn-accent:focus {
    color: #1f1f1f;
}

.ds-btn-danger:hover,
.ds-btn-danger:focus {
    color: #fff;
    background: var(--ds-status-danger-hover, #8f1d14);
    border-color: var(--ds-status-danger-hover, #8f1d14);
}

.ds-btn-ghost:hover,
.ds-btn-ghost:focus,
.ds-btn-link:hover,
.ds-btn-link:focus {
    background: var(--ds-secondary-soft);
    color: var(--ds-secondary, #1665b1);
}

.ds-btn.disabled,
.ds-btn:disabled,
.ds-icon-button.disabled,
.ds-icon-button:disabled {
    cursor: not-allowed;
    opacity: .55;
    pointer-events: none;
}

.add-documentbtn img,
.add-documentbtnyellow img {
    margin-right: 0;
    max-width: 18px;
    max-height: 18px;
    flex: 0 0 auto;
}

.ds-icon-btn,
.ds-icon-btn-sm,
.btn-mini,
.download-mini {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 50% !important;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    box-shadow: var(--ds-shadow-sm);
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease, filter .2s ease;
}

.ds-icon-btn {
    width: 36px;
    height: 36px;
    min-width: 36px;
}

.ds-icon-btn-sm,
.btn-mini,
.download-mini {
    width: 30px;
    height: 30px;
    min-width: 30px;
}

.btn-mini {
    background: var(--org-secondary, #1665b1);
    color: #fff;
}

.download-mini {
    background: var(--org-primary, #faac27);
    color: #fff;
    margin-left: 10px;
}

.ds-icon-btn:hover,
.ds-icon-btn:focus,
.ds-icon-btn-sm:hover,
.ds-icon-btn-sm:focus,
.btn-mini:hover,
.btn-mini:focus,
.download-mini:hover,
.download-mini:focus {
    color: #fff;
    text-decoration: none;
    filter: brightness(.94);
    box-shadow: var(--ds-shadow-sm);
}

.ds-icon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    border: 1px solid transparent;
    border-radius: 50%;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease, filter 140ms ease;
}

.ds-icon-button-md {
    width: 36px;
    height: 36px;
    min-width: 36px;
}

.ds-icon-button-sm {
    width: 28px;
    height: 28px;
    min-width: 28px;
}

.ds-icon-button-primary,
.ds-icon-button-secondary,
.ds-icon-button-ghost {
    color: var(--ds-secondary, #1665b1);
}

.ds-icon-button-accent {
    color: #9a6700;
}

.ds-icon-button-danger {
    color: var(--ds-status-danger, #b42318);
}

.ds-icon-button:hover,
.ds-icon-button:focus {
    background: var(--ds-secondary-soft);
    color: var(--ds-secondary, #1665b1);
    text-decoration: none;
}

.ds-icon-button-danger:hover,
.ds-icon-button-danger:focus {
    background: color-mix(in srgb, var(--ds-status-danger, #b42318) 8%, #fff);
    color: var(--ds-status-danger-hover, #8f1d14);
}

.ds-icon-button-accent:hover,
.ds-icon-button-accent:focus {
    background: color-mix(in srgb, var(--ds-primary, #faac27) 16%, #fff);
    color: #7a4f00;
}

.ds-icon-button i {
    margin: 0 !important;
    color: inherit !important;
    font-size: 14px !important;
    line-height: 1;
}

/* Design system primitives — panel and resource cards */
.ds-panel {
    background: var(--ds-surface, #fff);
    border: 1px solid var(--ds-border-color, rgba(18, 34, 53, 0.08));
    border-radius: var(--ds-radius-md, 8px);
    box-shadow: var(--ds-shadow-widget);
    color: var(--ds-text, #2f3640);
    padding: var(--ds-card-padding, 18px);
}

.ds-panel--soft {
    background: var(--ds-surface-soft, #f7f9fb);
}

.ds-panel--bordered {
    box-shadow: none;
}

.ds-panel__header {
    align-items: flex-start;
    display: flex;
    gap: var(--ds-space-md, 16px);
    justify-content: space-between;
    margin-bottom: var(--ds-space-md, 16px);
}

.ds-panel__title {
    color: var(--ds-text, #2f3640);
    font-family: var(--font-accent);
    font-size: var(--ds-heading-card-size, 22px);
    font-weight: 700;
    line-height: 1.12;
    margin: 0;
    text-transform: uppercase;
}

.ds-panel__subtitle {
    color: var(--ds-text-muted, #6b7280);
    font-size: 13px;
    line-height: 1.4;
    margin: 5px 0 0;
}

.ds-panel__actions {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--ds-space-sm, 8px);
    justify-content: flex-end;
}

.ds-panel__body > :last-child,
.ds-panel__footer > :last-child {
    margin-bottom: 0;
}

.ds-panel__footer {
    border-top: 1px solid var(--ds-border-color-soft, rgba(18, 34, 53, 0.06));
    margin-top: var(--ds-space-md, 16px);
    padding-top: var(--ds-space-md, 16px);
}

.ds-super-admin-license-page {
    display: grid;
    gap: var(--ds-space-md, 16px);
}

.ds-license-panel {
    box-shadow: none;
    padding: var(--ds-space-md, 16px);
}

.ds-license-form .ds-form-layout__header {
    margin-bottom: var(--ds-space-sm, 10px);
}

.ds-license-form__actions {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    padding-top: var(--ds-space-sm, 10px);
}

.ds-license-input {
    border: 1px solid var(--ds-border-color, rgba(18, 34, 53, 0.14)) !important;
    border-radius: var(--ds-radius-sm, 6px) !important;
    box-shadow: none !important;
    color: var(--ds-text, #2f3640);
    min-height: 40px;
    padding: 8px 10px !important;
}

.ds-license-input:focus {
    border-color: var(--ds-primary, var(--org-primary, #1665b1)) !important;
    box-shadow: 0 0 0 3px var(--ds-focus-ring, rgba(22, 101, 177, 0.18)) !important;
    outline: none;
}

.ds-license-summary {
    align-items: center;
    background: var(--ds-surface, #fff);
    border: 1px solid var(--ds-border-color, rgba(18, 34, 53, 0.08));
    border-left: 3px solid var(--ds-primary, var(--org-primary, #1665b1));
    border-radius: var(--ds-radius-sm, 6px);
    display: flex;
    flex-wrap: wrap;
    gap: var(--ds-space-sm, 8px) var(--ds-space-lg, 24px);
    margin-bottom: var(--ds-space-md, 16px);
    padding: 9px 12px;
}

.ds-license-summary--compact {
    margin-bottom: var(--ds-space-sm, 12px);
    padding: 8px 12px;
}

.ds-license-summary__title {
    color: var(--ds-text, #2f3640);
    flex: 0 0 auto;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    min-width: 120px;
}

.ds-license-summary__metrics {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--ds-space-sm, 8px) var(--ds-space-lg, 24px);
}

.ds-license-summary__item {
    align-items: baseline;
    display: inline-flex;
    gap: 6px;
    min-width: 120px;
}

.ds-license-summary__label {
    color: var(--ds-text-muted, #6b7280);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.ds-license-summary__value {
    color: var(--ds-secondary, var(--org-secondary, #163d69));
    font-size: 15px;
    line-height: 1.25;
}

.ds-license-summary__warning {
    background: color-mix(in srgb, var(--ds-status-warning, #8a5a00) 10%, #fff);
    border-radius: 999px;
    color: var(--ds-status-warning, #8a5a00);
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 7px;
}

.ds-resource-card {
    background: var(--ds-surface, #fff);
    border: 1px solid var(--ds-border-color, rgba(18, 34, 53, 0.08));
    border-radius: var(--ds-radius-md, 8px);
    color: inherit;
    display: block;
    padding: var(--ds-card-padding, 18px);
    text-decoration: none;
    box-shadow: var(--ds-shadow-widget);
    transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
}

.ds-resource-card--compact {
    padding: var(--ds-space-sm, 8px);
}

.ds-resource-card:hover,
.ds-resource-card:focus-within {
    border-color: color-mix(in srgb, var(--ds-secondary, #1665b1) 20%, transparent);
}

.ds-resource-card__title-row,
.ds-resource-card__main {
    align-items: flex-start;
    display: flex;
    gap: var(--ds-space-sm, 8px);
}

.ds-resource-card__title-row {
    justify-content: space-between;
}

.ds-resource-card__main {
    flex: 1 1 auto;
    min-width: 0;
}

.ds-resource-card__icon {
    align-items: center;
    background: var(--ds-primary-soft, rgba(22, 101, 177, 0.10));
    border-radius: var(--ds-radius-sm, 6px);
    color: var(--ds-primary, var(--org-primary, #faac27));
    display: inline-flex;
    flex: 0 0 auto;
    height: 28px;
    justify-content: center;
    width: 28px;
}

.ds-resource-card__content {
    min-width: 0;
}

.ds-resource-card__title {
    color: var(--ds-secondary, var(--org-secondary, #1665b1));
    display: block;
    font-family: var(--font-accent);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.15;
    text-decoration: none;
}

.ds-resource-card__title:hover,
.ds-resource-card__title:focus {
    color: var(--ds-primary, var(--org-primary, #faac27));
    text-decoration: none;
}

.ds-resource-card__actions {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
}

.ds-resource-card__meta {
    align-items: center;
    color: var(--ds-text-muted, #6b7280);
    display: flex;
    flex-wrap: wrap;
    gap: var(--ds-space-sm, 8px);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
    margin-top: 9px;
}

.ds-resource-card__badge,
.ds-resource-card__status {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    min-height: 22px;
    padding: 3px 8px;
}

.ds-resource-card__badge {
    background: var(--ds-secondary-soft, rgba(22, 101, 177, 0.10));
    color: var(--ds-secondary, var(--org-secondary, #1665b1));
}

.ds-resource-card__status {
    background: var(--ds-primary-soft, rgba(22, 101, 177, 0.12));
    color: var(--ds-primary, var(--org-primary, #faac27));
}

.ds-resource-card__description {
    color: var(--ds-text-soft, #4b5563);
    font-size: 13px;
    line-height: 1.4;
    margin: var(--ds-space-sm, 8px) 0 0;
}

.ds-resource-card__footer {
    margin-top: var(--ds-space-md, 16px);
}

/* Design system primitives — toolbar and data table */
.ds-toolbar {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--ds-space-md);
    justify-content: space-between;
    margin-bottom: var(--ds-space-lg);
}

.ds-toolbar__main {
    min-width: 0;
}

.ds-toolbar__title {
    margin-bottom: 0;
}

.ds-toolbar__subtitle {
    color: var(--ds-text-soft);
    font-size: 13px;
    line-height: 1.4;
    margin: 5px 0 0;
}

.ds-toolbar__actions {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--ds-space-sm);
    justify-content: flex-end;
}

.ds-toolbar__filters {
    flex: 1 0 100%;
    min-width: 0;
}

.ds-data-table {
    overflow-x: auto;
}

.ds-data-table .table {
    margin-bottom: 0;
}

.ds-data-table__pagination {
    display: flex;
    justify-content: center;
    margin-top: 1.5rem;
}

.ds-form-layout {
    min-width: 0;
}

.ds-form-layout--card {
    background: var(--ds-surface);
    border: 1px solid var(--ds-border-color-soft);
    border-radius: var(--ds-radius-md);
    padding: 22px;
    box-shadow: var(--ds-shadow-widget);
}

.ds-form-layout--compact .ds-form-layout__header {
    margin-bottom: 14px;
}

.ds-form-layout__header {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
    justify-content: space-between;
    margin-bottom: 14px;
}

body .ds-form-layout__title {
    margin-bottom: 0;
    color: var(--ds-text,#2f3640) !important;
    font-family: var(--font-accent) !important;
    font-size: var(--ds-heading-card-size,22px) !important;
    font-weight: 700;
    line-height: 1.12;
    padding: 0 !important;
    text-transform: uppercase;
}

.ds-form-layout__description {
    color: var(--ds-text-soft);
    flex: 1 0 100%;
    font-size: 13px;
    line-height: 1.4;
    margin: 0;
}

.ds-form-layout__actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 26px;
}

.ds-form-field {
    min-width: 0;
}

.ds-form-field__help {
    line-height: 1.4;
}

.ds-form-field__checkbox {
    align-items: flex-start;
    background: var(--ds-surface-soft);
    border: 1px solid var(--ds-border-color-soft);
    border-radius: var(--ds-radius-md);
    display: flex;
    gap: 10px;
    margin: 0;
    padding: 12px 14px;
}

.ds-form-field__checkbox input {
    margin-top: 3px;
}

.ds-form-field__checkbox strong {
    color: #1f2933;
    display: block;
    font-size: 13px;
    line-height: 1.25;
}

.ds-form-field__checkbox small {
    color: #6b7280;
    display: block;
    font-size: 12px;
    line-height: 1.35;
    margin-top: 3px;
}

.ds-file-manager-field,
.ds-image-upload-field {
    min-width: 0;
}

.ds-file-manager-field__picker {
    align-items: stretch;
}

.ds-file-manager-field__preview {
    color: var(--org-secondary, #1665b1);
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    margin-top: 6px;
    text-decoration: none;
}

.ds-file-manager-field__preview:hover,
.ds-file-manager-field__preview:focus {
    color: var(--org-primary, #faac27);
    text-decoration: none;
}

.ds-file-manager-field__help {
    display: block;
    line-height: 1.4;
    margin-top: 6px;
}

.ds-image-upload-field .form-control-file {
    display: block;
    width: 100%;
}

@media (max-width: 767px) {
    .ds-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .ds-toolbar__actions {
        justify-content: flex-start;
    }
}

/* Design system primitives — document cards */
.ds-document-card,
.group-documents-list .documentfound-list {
    background: #fff;
    border: 1px solid #eef1f4;
    border-radius: 8px;
    box-shadow: 0 4px 14px rgba(36, 47, 66, 0.08);
    margin-bottom: 14px;
    padding: 22px 24px !important;
    position: relative;
}

.ds-document-card__header,
.group-documents-list .document-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 12px;
}

.ds-document-card__header h2,
.group-documents-list .document-header h2 {
    margin: 0;
    line-height: 1.25;
}

.ds-document-card__title,
.group-documents-list .documentfound-list-readbtn {
    color: var(--org-secondary, #1665b1);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25;
    text-transform: none;
}

.ds-document-card__title:hover,
.ds-document-card__title:focus,
.group-documents-list .documentfound-list-readbtn:hover,
.group-documents-list .documentfound-list-readbtn:focus {
    color: var(--org-secondary, #1665b1);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.ds-document-card__meta,
.group-documents-list .ds-document-card__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 10px;
    color: #666;
    font-size: 13px;
}

.ds-document-card__badge,
.group-documents-list .documentfound-list-document {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 5px 11px;
    border-radius: 999px;
    background: var(--org-primary, #faac27);
    color: #1f1f1f;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

.ds-document-card__badge img,
.group-documents-list .documentfound-list-document img,
.ds-document-card__date img,
.group-documents-list .ds-document-card__date img {
    max-width: 14px;
    max-height: 14px;
    flex: 0 0 auto;
}

.ds-document-card__date,
.group-documents-list .ds-document-card__date {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #666;
}

.ds-document-card__counter,
.group-documents-list .badge.ds-document-card__counter {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 10px;
    border-radius: 999px;
    background: #eef3f8;
    color: var(--org-secondary, #1665b1);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
}

.ds-document-card__actions,
.group-documents-list .document-header .actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex: 0 0 auto;
}

.ds-document-card__icon-action,
.group-documents-list .document-header .btn-mini {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px;
    margin: 0 !important;
    border-radius: 50% !important;
    background: var(--org-secondary, #1665b1) !important;
    border-color: var(--org-secondary, #1665b1) !important;
    color: #fff !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.14);
}

.ds-document-card__icon-action:hover,
.ds-document-card__icon-action:focus,
.group-documents-list .document-header .btn-mini:hover,
.group-documents-list .document-header .btn-mini:focus {
    color: #fff !important;
    filter: brightness(.94);
}

.ds-document-card__action,
.group-documents-list .ds-document-card__action {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--org-secondary, #1665b1);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
}

.ds-document-card__action:hover,
.ds-document-card__action:focus,
.group-documents-list .ds-document-card__action:hover,
.group-documents-list .ds-document-card__action:focus {
    color: var(--org-secondary, #1665b1);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.ds-document-card__action--delete,
.group-documents-list .ds-document-card__action--delete {
    color: var(--ds-status-danger, #b42318);
}

.ds-document-card__action--delete:hover,
.ds-document-card__action--delete:focus,
.group-documents-list .ds-document-card__action--delete:hover,
.group-documents-list .ds-document-card__action--delete:focus {
    color: var(--ds-status-danger-hover, #8f1d14);
}

.group-documents-list .documentfound-list p {
    margin-top: 14px;
    margin-bottom: 0;
    color: #555;
    font-size: 14px;
    line-height: 1.6;
}

.group-documents-list .documentfound-pagination .page-item.active .page-link,
.group-documents-list .documentfound-pagination .page-item.active .page-link:focus,
.group-documents-list .documentfound-pagination .page-item.active .page-link:hover {
    border-color: var(--org-primary, #faac27) !important;
    background-color: var(--org-primary, #faac27) !important;
}

.group-documents-list .documentfound-pagination-title {
    font-size: 18px;
    font-weight: 700;
}

@media only screen and (max-width: 767px) {
    .ds-document-card,
    .group-documents-list .documentfound-list {
        padding: 18px !important;
    }

    .ds-document-card__header,
    .group-documents-list .document-header {
        align-items: stretch;
        flex-direction: column;
        gap: 12px;
    }

    .ds-document-card__actions,
    .group-documents-list .document-header .actions {
        justify-content: flex-start;
    }
}

/* Design system primitives — public group screens */
.group-grid-area .membertab-cont.u-nav-v1-1.u-nav-primary .nav-link {
    color: #333;
}

.group-grid-area .membertab-cont.u-nav-v1-1.u-nav-primary .nav-link.active {
    color: var(--org-secondary, #1665b1);
    border-bottom-color: var(--org-secondary, #1665b1);
}

.group-grid-area .membertab-cont.u-nav-v1-1.u-nav-primary .nav-link:not(.active):hover,
.group-grid-area .membertab-cont.u-nav-v1-1.u-nav-primary .nav-link:not(.active):focus {
    color: var(--org-secondary, #1665b1);
}

.group-grid-area .menu-left.group-grid-list ul li::before {
    background: var(--org-primary, #faac27);
}

.group-grid-area .menu-left.group-grid-list ul li > .group-grid-list-icon {
    display: none;
}

.group-grid-area .menu-left.group-grid-list ul li span a:hover,
.group-grid-area .menu-left.group-grid-list ul li span a:focus {
    color: var(--org-secondary, #1665b1);
}

.group-grid-area .documentfound-pagination .page-item.active .page-link,
.group-grid-area .documentfound-pagination .page-item.active .page-link:focus,
.group-grid-area .documentfound-pagination .page-item.active .page-link:hover {
    border-color: var(--org-primary, #faac27) !important;
    background-color: var(--org-primary, #faac27) !important;
    color: #1f1f1f !important;
}

.group-grid-area #group-members-list .memberlist-box-describe a h4,
.group-grid-area #group-members-list .memberlist-box-describe h4 {
    color: var(--org-secondary, #1665b1);
}

.group-grid-area #group-members-list .memberlist-box-describe a:hover h4,
.group-grid-area #group-members-list .memberlist-box-describe a:focus h4 {
    color: var(--org-secondary, #1665b1);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.group-grid-area #group-members-list .memberlist-edit .d-flex {
    align-items: center;
    flex-wrap: wrap;
}

.group-grid-area #group-members-list .memberlist-edit a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--org-secondary, #1665b1);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.group-grid-area #group-members-list .memberlist-edit a:hover,
.group-grid-area #group-members-list .memberlist-edit a:focus {
    color: var(--org-secondary, #1665b1);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.group-grid-area .group-members-action-btn {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.group-grid-area .group-members-action-btn.add-documentbtn {
    background: var(--org-secondary, #1665b1);
    border-color: var(--org-secondary, #1665b1);
}

.group-grid-area .group-members-action-btn.add-documentbtnyellow {
    background: var(--org-primary, #faac27);
    border-color: var(--org-primary, #faac27);
}

.group-grid-area .group-agenda-list-item .meeting-info {
    position: relative;
}

.group-grid-area .group-agenda-list-item .meeting-info::before {
    content: "";
    width: 8px;
    height: 8px;
    min-width: 8px;
    border-radius: 50%;
    background: var(--org-primary, #faac27);
}

.group-grid-area .group-agenda-list-item .meeting-info > .group-grid-list-icon {
    display: none;
}

.group-grid-area .group-agenda-list-item .meeting-info .link_dashboard {
    color: var(--org-secondary, #1665b1) !important;
}

.group-grid-area .group-agenda-list-item .meeting-info .link_dashboard:hover,
.group-grid-area .group-agenda-list-item .meeting-info .link_dashboard:focus {
    color: var(--org-secondary, #1665b1) !important;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.group-grid-area .meeting-group-documents-item .btn-mini {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px;
    margin: 0 !important;
    background: var(--org-secondary, #1665b1) !important;
    border-color: var(--org-secondary, #1665b1) !important;
    color: #fff !important;
}

.group-grid-area #nav-1-1-accordion-default-hor-left-underline--4 .documentfound-list {
    background: #fff;
    border: 1px solid #eef1f4;
    border-radius: 8px;
    box-shadow: 0 4px 14px rgba(36, 47, 66, 0.08);
    padding: 22px 24px !important;
}

.group-grid-area #nav-1-1-accordion-default-hor-left-underline--4 .document-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 12px;
}

.group-grid-area #nav-1-1-accordion-default-hor-left-underline--4 .documentfound-list-readbtn {
    color: var(--org-secondary, #1665b1);
    font-size: 18px;
    font-weight: 700;
    text-transform: none;
}

.group-grid-area #nav-1-1-accordion-default-hor-left-underline--4 .documentfound-list-readbtn:hover,
.group-grid-area #nav-1-1-accordion-default-hor-left-underline--4 .documentfound-list-readbtn:focus {
    color: var(--org-secondary, #1665b1);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.group-grid-area #nav-1-1-accordion-default-hor-left-underline--4 .documentfound-list-document {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 5px 11px;
    border-radius: 999px;
    background: #eef3f8;
    color: var(--org-secondary, #1665b1);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: none;
}

.group-grid-area #nav-1-1-accordion-default-hor-left-underline--4 .document-header .btn-mini {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px;
    margin: 0 !important;
    background: var(--org-secondary, #1665b1) !important;
    border-color: var(--org-secondary, #1665b1) !important;
    color: #fff !important;
}

@media only screen and (max-width: 767px) {
    .group-grid-area #nav-1-1-accordion-default-hor-left-underline--4 .document-header {
        align-items: stretch;
        flex-direction: column;
        gap: 12px;
    }
}

/* Design system primitives — public index/directory screens */
.public-groups-index .documentfound-list {
    background: #fff;
    border: 1px solid #eef1f4;
    border-radius: 8px;
    box-shadow: 0 4px 14px rgba(36, 47, 66, 0.08);
    margin-bottom: 14px;
    padding: 22px 24px !important;
    position: relative;
}

.public-groups-index .documentfound-list-title {
    color: var(--org-secondary, #1665b1);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25;
    text-transform: none;
}

.public-groups-index .documentfound-list-title:hover,
.public-groups-index .documentfound-list-title:focus {
    color: var(--org-secondary, #1665b1);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.public-groups-index .documentfound-list-document {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 5px 11px;
    border-radius: 999px;
    background: var(--org-primary, #faac27);
    color: #1f1f1f;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
}

.public-groups-index .documentfound-list-document img {
    max-width: 14px;
    max-height: 14px;
    flex: 0 0 auto;
}

.public-groups-index .documentfound-list p {
    margin-top: 14px;
    margin-bottom: 0;
    color: #555;
    font-size: 14px;
    line-height: 1.6;
}

.public-groups-index .badge.badge-info {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 10px;
    border-radius: 999px;
    background: #eef3f8;
    color: var(--org-secondary, #1665b1);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
}

.public-groups-index .documentfound-list-download {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 0;
    overflow: visible;
}

.public-groups-index .document-details-actions .btn,
.public-groups-index .document-details-actions .btn-mini {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    min-width: 32px;
    max-width: 32px;
    max-height: 32px;
    flex: 0 0 32px;
    padding: 0 !important;
    border-radius: 50% !important;
    background: var(--org-secondary, #1665b1) !important;
    border-color: var(--org-secondary, #1665b1) !important;
    color: #fff !important;
}

.public-groups-index .document-details-actions a,
.public-groups-index .document-details-actions button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.public-groups-index .document-details-actions button.btn {
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1 !important;
}

.public-groups-index .document-details-actions .btn i,
.public-groups-index .document-details-actions button.btn i {
    font-size: 14px;
    line-height: 1;
}

.public-groups-index .g-text-underline--none--hover {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--org-secondary, #1665b1);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
}

.public-groups-index .g-text-underline--none--hover:hover,
.public-groups-index .g-text-underline--none--hover:focus {
    color: var(--org-secondary, #1665b1);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.public-groups-index .g-text-underline--none--hover[data-target="#DeleteDocumentModal"] {
    color: var(--ds-status-danger, #b42318);
}

.public-groups-index .g-text-underline--none--hover[data-target="#DeleteDocumentModal"]:hover,
.public-groups-index .g-text-underline--none--hover[data-target="#DeleteDocumentModal"]:focus {
    color: var(--ds-status-danger-hover, #8f1d14);
}

.public-groups-index .documentfound-pagination .page-item.active .page-link,
.public-groups-index .documentfound-pagination .page-item.active .page-link:focus,
.public-groups-index .documentfound-pagination .page-item.active .page-link:hover {
    border-color: var(--org-primary, #faac27) !important;
    background-color: var(--org-primary, #faac27) !important;
    color: #1f1f1f !important;
}

.members-directory .members_h1 {
    color: var(--org-secondary, #1665b1);
}

.members-directory .member_group_search .input-group {
    max-width: 520px;
    margin: 0 auto;
}

.members-directory .member_group_search .form-control:focus {
    border-color: var(--org-primary, #faac27);
}

.members-directory .member_group_search .btn,
.members-directory .member_group_search .btn i {
    color: var(--org-secondary, #1665b1) !important;
}

.members-directory .memberlist-box {
    border: 1px solid #eef1f4;
    border-radius: 8px;
    box-shadow: 0 4px 14px rgba(36, 47, 66, 0.08);
    padding: 18px;
}

.members-directory .memberlist-box-describe h3,
.members-directory .memberlist-box-describe h3 a {
    color: var(--org-secondary, #1665b1) !important;
}

.members-directory .memberlist-box-describe h3 a:hover,
.members-directory .memberlist-box-describe h3 a:focus {
    color: var(--org-secondary, #1665b1) !important;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.members-directory .memberlist-box-describe .member-deg,
.members-directory .memberlist-edit a {
    color: var(--org-secondary, #1665b1);
}

.members-directory .memberlist-edit a:hover,
.members-directory .memberlist-edit a:focus {
    color: var(--org-secondary, #1665b1);
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Design system primitives — density adjustments */
.group-grid-area {
    padding-top: 24px !important;
}

.group-grid-area > h1,
.public-groups-index > h1,
.members-directory .members_h1 {
    font-size: 24px;
    line-height: 1.18;
    margin-bottom: 18px;
}

.group-grid-area .menu-left {
    padding: 0 12px 8px;
}

.group-grid-area .menu-left h2 {
    font-size: 17px;
    line-height: 1.2;
    padding: 8px 0 6px 18px;
}

.group-grid-area .menu-left h3 {
    font-size: 14px;
    line-height: 1.25;
    padding: 9px 0 2px 18px;
}

.group-grid-area .menu-left ul li {
    margin-bottom: 5px;
    align-items: flex-start;
}

.group-grid-area .menu-left.group-grid-list ul li::before {
    width: 6px;
    height: 6px;
    min-width: 6px;
    margin-top: 6px;
    margin-right: 8px;
}

.group-grid-area .menu-left.group-grid-list ul li span a {
    font-size: 13px;
    line-height: 1.28;
}

.group-grid-area .shortcode-html {
    padding: 14px 18px;
}

.group-grid-area .membertab-cont {
    min-width: 0;
}

.group-grid-area .membertab-cont li.nav-item {
    margin-right: 10px;
}

.group-grid-area .membertab-cont li a.nav-link {
    font-size: 13px;
    line-height: 1.2;
    padding-top: 7px;
    padding-bottom: 7px;
}

.group-documents-list .documentfound-pagination-section,
.group-grid-area .documentfound-pagination-section,
.public-groups-index .documentfound-pagination-section {
    margin-bottom: 14px;
}

.group-documents-list .documentfound-pagination-title,
.group-grid-area .documentfound-pagination-title {
    font-size: 14px;
    line-height: 1.3;
}

.group-documents-list .documentfound-list,
.group-grid-area #nav-1-1-accordion-default-hor-left-underline--4 .documentfound-list,
.public-groups-index .documentfound-list {
    margin-bottom: 8px;
    padding: 11px 14px !important;
}

.group-documents-list .document-header,
.group-grid-area #nav-1-1-accordion-default-hor-left-underline--4 .document-header {
    gap: 10px;
    margin-bottom: 6px;
}

.group-documents-list .document-header h2,
.group-grid-area #nav-1-1-accordion-default-hor-left-underline--4 .document-header h2,
.public-groups-index .documentfound-list h2 {
    margin-bottom: 6px;
}

.group-documents-list .documentfound-list-readbtn,
.group-grid-area #nav-1-1-accordion-default-hor-left-underline--4 .documentfound-list-readbtn,
.public-groups-index .documentfound-list-title {
    font-size: 14px;
    line-height: 1.25;
}

.group-documents-list .ds-document-card__meta,
.group-documents-list .ds-document-card__date,
.group-grid-area #nav-1-1-accordion-default-hor-left-underline--4 .documentfound-list span,
.public-groups-index .documentfound-list span {
    font-size: 12px;
    line-height: 1.35;
}

.group-documents-list .documentfound-list-document,
.group-documents-list .badge.ds-document-card__counter,
.group-grid-area #nav-1-1-accordion-default-hor-left-underline--4 .documentfound-list-document,
.public-groups-index .documentfound-list-document,
.public-groups-index .badge.badge-info {
    min-height: 20px;
    padding: 3px 7px;
    font-size: 11px;
    line-height: 1.2;
}

.group-documents-list .documentfound-list-document img,
.public-groups-index .documentfound-list-document img {
    max-width: 12px;
    max-height: 12px;
}

.group-documents-list .ds-document-card__action,
.public-groups-index .g-text-underline--none--hover {
    min-height: 22px;
    gap: 4px;
    font-size: 12px;
    line-height: 1.2;
}

.group-documents-list .documentfound-list p,
.public-groups-index .documentfound-list p {
    margin-top: 6px;
    font-size: 13px;
    line-height: 1.35;
}

.public-groups-index .documentfound-list-download {
    gap: 6px;
}

.group-documents-list .document-header .btn-mini,
.group-grid-area #nav-1-1-accordion-default-hor-left-underline--4 .document-header .btn-mini,
.public-groups-index .document-details-actions .btn,
.public-groups-index .document-details-actions .btn-mini {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px;
    max-width: 28px;
    max-height: 28px;
    line-height: 1 !important;
}

.group-documents-list .document-header .btn-mini i,
.group-grid-area #nav-1-1-accordion-default-hor-left-underline--4 .document-header .btn-mini i,
.public-groups-index .document-details-actions .btn i,
.public-groups-index .document-details-actions button.btn i {
    font-size: 12px;
    line-height: 1;
}

.group-grid-area #group-members-list .group-member-item {
    margin-bottom: 8px !important;
}

.group-grid-area #group-members-list .memberlist-box,
.members-directory .memberlist-box {
    padding: 9px 11px;
}

.group-grid-area #group-members-list .memberlist-box-describe {
    gap: 2px;
}

.group-grid-area #group-members-list .memberlist-box-describe h4,
.members-directory .memberlist-box-describe h3,
.members-directory .memberlist-box-describe h3 a {
    font-size: 14px;
    line-height: 1.22;
}

.group-grid-area #group-members-list .memberlist-box-describe .member-role,
.group-grid-area #group-members-list .memberlist-box-describe p,
.group-grid-area #group-members-list .evolution,
.members-directory .evolution,
.members-directory .member-deg {
    font-size: 12px;
    line-height: 1.28;
}

.group-grid-area #group-members-list .memberlist-edit a {
    font-size: 12px;
    line-height: 1.2;
}

.group-grid-area #group-members-list .memberlist-edit .d-flex {
    gap: 8px;
}

.group-grid-area #group-members-list .memberlistmain-img,
.members-directory .memberlistmain-img {
    width: 64px;
    height: 64px;
    object-fit: cover;
}

.group-grid-area .group-members-toolbar {
    margin-bottom: 12px;
    padding: 14px 16px;
}

.group-grid-area .group-members-search-input {
    min-height: 38px;
    font-size: 13px;
}

.members-directory .member_group_search {
    margin-bottom: 20px;
}

.members-directory .member_group_search .input-group {
    max-width: 460px;
}

.group-grid-area .group-agenda-list-item {
    margin-bottom: 7px;
}

.group-grid-area .group-agenda-list-item .meeting-info {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    font-size: 12px;
    line-height: 1.28;
}

.group-grid-area .group-agenda-list-item .meeting-info::before {
    width: 6px;
    height: 6px;
    min-width: 6px;
    margin-top: 6px;
}

.group-grid-area .group-agenda-list-item .meeting-info .link_dashboard {
    font-size: 13px;
    line-height: 1.25;
    text-transform: none !important;
}

.group-grid-area #nav-1-1-accordion-default-hor-left-underline--4 .documentfound-list-readbtn {
    font-size: 14px;
    line-height: 1.25;
}

.group-grid-area #nav-1-1-accordion-default-hor-left-underline--4 .documentfound-list-icons {
    padding-bottom: 0;
}

.group-grid-area #nav-1-1-accordion-default-hor-left-underline--4 .documentfound-list-icons p {
    margin-bottom: 0;
}

.group-grid-area .meeting-group-documents {
    margin-top: 6px;
}

.group-grid-area .meeting-group-documents-item {
    gap: 5px;
    font-size: 12px;
    line-height: 1.3;
    margin-top: 4px;
}

.group-grid-area .meeting-group-documents-item .btn-mini,
.group-grid-area #nav-1-1-accordion-default-hor-left-underline--4 .document-header .btn-mini {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px;
}

.group-grid-area #group-agenda > .tab-pane > ul {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.group-grid-area #group-agenda .group-agenda-list-item {
    margin-bottom: 0;
    padding: 12px 14px;
    list-style: none;
    background-color: #fff;
    border: 1px solid rgba(31, 48, 68, 0.12);
    border-radius: 6px;
}

.group-grid-area #group-agenda .group-agenda-list-item .meeting-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    line-height: 1.35;
}

.group-grid-area #group-agenda .group-agenda-list-item .meeting-info::before {
    display: none;
}

.group-grid-area #group-agenda .group-agenda-list-item .meeting-info > .group-grid-list-icon {
    display: none;
}

.group-grid-area #group-agenda .group-agenda-list-item .meeting-info .link_dashboard {
    font-size: 13px;
    line-height: 1.3;
}

.group-grid-area #group-agenda .meeting-group-documents {
    display: grid;
    gap: 6px;
    margin: 10px 0 0 0;
}

.group-grid-area #group-agenda .meeting-group-documents-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin-top: 0;
    font-size: 13px;
    line-height: 1.35;
}

.group-grid-area #group-agenda .meeting-group-documents-item .far {
    color: var(--org-primary, #faac27);
}

.group-grid-area #group-agenda .meeting-group-documents-item .btn-mini {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.footergrid {
    padding-top: 24px;
    padding-bottom: 20px;
}

.footergrid h2 {
    font-size: 15px;
    line-height: 1.25;
}

.footer-widget-content,
.footer-widget-content p,
.footer-widget-content li,
#contacts-section address {
    line-height: 1.4;
}

.footer-section-gap {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

@media only screen and (max-width: 767px) {
    .group-grid-area {
        padding-top: 24px !important;
    }

    .group-grid-area > h1,
    .public-groups-index > h1,
    .members-directory .members_h1 {
        font-size: 24px;
        margin-bottom: 22px;
    }

    .group-documents-list .documentfound-list,
    .group-grid-area #nav-1-1-accordion-default-hor-left-underline--4 .documentfound-list,
    .public-groups-index .documentfound-list {
        padding: 14px 15px !important;
    }
}

/* Group screens layout refinement */
.group-grid-area .menu-left {
    padding: 0 10px 6px;
}

.group-grid-area .menu-left h2 {
    margin-bottom: 0;
    padding: 7px 0 6px 16px;
    font-size: 16px;
    line-height: 1.16;
}

.group-grid-area .menu-left h2 small,
.group-grid-area .menu-left h2 small a {
    font-size: 12px !important;
    line-height: 1.25;
}

.group-grid-area .menu-left h3 {
    margin: 0;
    padding: 8px 0 5px 16px;
    font-size: 13px;
    line-height: 1.22;
}

.group-grid-area .menu-left ul {
    margin: 0 0 8px;
}

.group-grid-area .menu-left ul li {
    margin-bottom: 4px;
}

.group-grid-area .menu-left.group-grid-list ul li::before {
    width: 5px;
    height: 5px;
    min-width: 5px;
    margin-top: 6px;
    margin-right: 7px;
}

.group-grid-area .menu-left.group-grid-list ul li span a {
    font-size: 13px;
    line-height: 1.25;
}

.group-grid-area .shortcode-html {
    padding: 13px 18px;
}

.group-grid-area .tab-content > .tab-pane > .container,
.group-grid-area .tab-content > .tab-pane > .group-email-alerts-list {
    width: 100%;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

.group-grid-area .add-document-section,
.group-grid-area .documentfound-pagination-section {
    padding-left: 0;
    padding-right: 0;
}

.group-grid-area .membertab-cont {
    margin-bottom: 12px;
}

.group-grid-area .membertab-cont li.nav-item {
    margin-right: 14px;
}

.group-grid-area .membertab-cont li a.nav-link {
    padding: 6px 0 8px;
}

.group-documents-list .documentfound-list,
.group-grid-area .group-email-alerts-list .documentfound-list {
    border: 1px solid rgba(18, 34, 53, 0.06);
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(36, 47, 66, 0.04);
    margin-bottom: 10px;
    padding: 14px 18px !important;
}

.group-documents-list .document-header,
.group-grid-area .group-email-alerts-list .document-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 7px;
}

.group-documents-list .document-header h2,
.group-grid-area .group-email-alerts-list .document-header h2 {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
}

.group-documents-list .document-header .actions,
.group-grid-area .group-email-alerts-list .document-header .actions {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 6px;
    padding-top: 0;
}

.group-documents-list .documentfound-list-readbtn,
.group-grid-area .group-email-alerts-list .documentfound-list-readbtn {
    font-size: 14px;
    line-height: 1.28;
}

.group-documents-list .ds-document-card__meta,
.group-grid-area .group-email-alerts-list__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 10px;
    padding-bottom: 0;
    font-size: 12px;
    line-height: 1.3;
}

.group-grid-area .group-email-alerts-list__date {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.group-grid-area .group-email-alerts-list__date img {
    width: 14px;
    height: 14px;
    margin: 0;
}

.group-documents-list .documentfound-list-document,
.group-grid-area .group-email-alerts-list .documentfound-list-document {
    min-height: 20px;
    padding: 3px 8px;
    font-size: 11px;
    line-height: 1.2;
}

.group-grid-area .group-email-alerts-list .document-header .btn-mini {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px;
    max-width: 28px;
    max-height: 28px;
    margin-right: 0 !important;
    padding: 0 !important;
}

.group-grid-area .group-email-alerts-list .document-header .btn-mini i {
    font-size: 12px;
    line-height: 1;
}

/* Design system primitives — list cards */
.ds-list-card,
.group-documents-list .documentfound-list,
.public-groups-index .documentfound-list,
.group-transversal-search .documentfound-list,
.group-grid-area .group-email-alerts-list .documentfound-list {
    background: #fff;
    border: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px;
    box-shadow: none;
    margin-bottom: 10px;
    padding: 14px 18px !important;
    position: relative;
    transition: background-color 140ms ease, border-color 140ms ease;
}

.ds-list-card:hover,
.group-documents-list .documentfound-list:hover,
.public-groups-index .documentfound-list:hover,
.group-transversal-search .documentfound-list:hover,
.group-grid-area .group-email-alerts-list .documentfound-list:hover {
    background-color: rgba(18, 34, 53, 0.015);
    border-color: rgba(18, 34, 53, 0.13);
}

.ds-list-card__header,
.group-documents-list .document-header,
.public-groups-index .document-header,
.group-transversal-search .document-header,
.group-grid-area .group-email-alerts-list .document-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 6px;
}

.ds-list-card__header h2,
.group-documents-list .document-header h2,
.public-groups-index .document-header h2,
.group-transversal-search .document-header h2,
.group-grid-area .group-email-alerts-list .document-header h2 {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    line-height: 1.25;
}

.ds-list-card__title,
.group-documents-list .documentfound-list-readbtn,
.public-groups-index .documentfound-list-title,
.group-transversal-search .documentfound-list-readbtn,
.group-grid-area .group-email-alerts-list .documentfound-list-readbtn {
    display: block;
    color: var(--org-secondary, #1665b1);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.28;
    text-transform: none;
}

.ds-list-card__title:hover,
.ds-list-card__title:focus,
.group-documents-list .documentfound-list-readbtn:hover,
.group-documents-list .documentfound-list-readbtn:focus,
.public-groups-index .documentfound-list-title:hover,
.public-groups-index .documentfound-list-title:focus,
.group-transversal-search .documentfound-list-readbtn:hover,
.group-transversal-search .documentfound-list-readbtn:focus,
.group-grid-area .group-email-alerts-list .documentfound-list-readbtn:hover,
.group-grid-area .group-email-alerts-list .documentfound-list-readbtn:focus {
    color: var(--org-secondary, #1665b1);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.ds-list-card__actions,
.group-documents-list .document-header .actions,
.public-groups-index .document-details-actions,
.group-transversal-search .document-header .actions,
.group-grid-area .group-email-alerts-list .document-header .actions {
    position: static !important;
    top: auto !important;
    right: auto !important;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    padding-top: 0;
}

.ds-list-card__meta,
.group-documents-list .ds-document-card__meta,
.public-groups-index .ds-list-card__meta,
.group-transversal-search .ds-list-card__meta,
.group-grid-area .group-email-alerts-list__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 10px;
    padding-bottom: 0;
    color: #666;
    font-size: 12px;
    line-height: 1.3;
}

.ds-list-card__badge,
.ds-list-card__counter,
.group-documents-list .documentfound-list-document,
.group-documents-list .badge.ds-document-card__counter,
.public-groups-index .documentfound-list-document,
.public-groups-index .badge.badge-info,
.group-transversal-search .documentfound-list-document,
.group-transversal-search .badge.badge-info,
.group-grid-area .group-email-alerts-list .documentfound-list-document {
    min-height: 20px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin: 0;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
}

.ds-list-card__badge,
.group-documents-list .documentfound-list-document,
.public-groups-index .documentfound-list-document,
.group-transversal-search .documentfound-list-document,
.group-grid-area .group-email-alerts-list .documentfound-list-document {
    background: var(--org-primary, #faac27);
    color: #1f1f1f;
    text-transform: uppercase;
}

.ds-list-card__counter,
.group-documents-list .badge.ds-document-card__counter,
.public-groups-index .badge.badge-info,
.group-transversal-search .badge.badge-info {
    background: #eef3f8;
    color: var(--org-secondary, #1665b1);
}

.document-comments-count-icon {
    position: relative;
    display: inline-flex;
    width: 13px;
    height: 11px;
    flex: 0 0 13px;
    border: 1.5px solid currentColor;
    border-radius: 4px;
    color: inherit;
}

.document-comments-count-icon::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 2px;
    width: 5px;
    height: 5px;
    border-left: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    background: inherit;
    transform: skew(-18deg);
}

.ds-list-card__date,
.ds-list-card__group,
.group-documents-list .ds-document-card__date,
.group-transversal-search .ds-list-card__date,
.group-transversal-search .ds-list-card__group,
.group-grid-area .group-email-alerts-list__date {
    min-height: 20px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #666;
}

.ds-list-card__badge img,
.ds-list-card__date img,
.group-documents-list .documentfound-list-document img,
.group-documents-list .ds-document-card__date img,
.public-groups-index .documentfound-list-document img,
.group-transversal-search .documentfound-list-document img,
.group-grid-area .group-email-alerts-list__date img {
    max-width: 12px;
    max-height: 12px;
    flex: 0 0 auto;
}

.ds-list-card__icon-action,
.group-documents-list .document-header .btn-mini,
.public-groups-index .document-details-actions .btn,
.public-groups-index .document-details-actions .btn-mini,
.group-transversal-search .document-header .btn-mini,
.group-grid-area .group-email-alerts-list .document-header .btn-mini {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-width: 28px;
    max-height: 28px;
    flex: 0 0 28px;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background: var(--org-secondary, #1665b1) !important;
    border-color: var(--org-secondary, #1665b1) !important;
    color: #fff !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12) !important;
}

.ds-list-card__icon-action i,
.group-documents-list .document-header .btn-mini i,
.public-groups-index .document-details-actions .btn i,
.public-groups-index .document-details-actions button.btn i,
.group-transversal-search .document-header .btn-mini i,
.group-grid-area .group-email-alerts-list .document-header .btn-mini i {
    font-size: 12px;
    line-height: 1;
}

.ds-list-card__action,
.group-documents-list .ds-document-card__action,
.public-groups-index .g-text-underline--none--hover,
.group-transversal-search .g-text-underline--none--hover {
    min-height: 20px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--org-secondary, #1665b1);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
}

.ds-list-card__action:hover,
.ds-list-card__action:focus,
.group-documents-list .ds-document-card__action:hover,
.group-documents-list .ds-document-card__action:focus,
.public-groups-index .g-text-underline--none--hover:hover,
.public-groups-index .g-text-underline--none--hover:focus,
.group-transversal-search .g-text-underline--none--hover:hover,
.group-transversal-search .g-text-underline--none--hover:focus {
    color: var(--org-secondary, #1665b1);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.ds-list-card__action--delete,
.group-documents-list .ds-document-card__action--delete,
.public-groups-index .g-text-underline--none--hover[data-target="#DeleteDocumentModal"],
.group-transversal-search .g-text-underline--none--hover[data-target="#DeleteDocumentModal"] {
    color: var(--ds-status-danger, #b42318);
}

.ds-list-card__action--delete:hover,
.ds-list-card__action--delete:focus,
.group-documents-list .ds-document-card__action--delete:hover,
.group-documents-list .ds-document-card__action--delete:focus,
.public-groups-index .g-text-underline--none--hover[data-target="#DeleteDocumentModal"]:hover,
.public-groups-index .g-text-underline--none--hover[data-target="#DeleteDocumentModal"]:focus,
.group-transversal-search .g-text-underline--none--hover[data-target="#DeleteDocumentModal"]:hover,
.group-transversal-search .g-text-underline--none--hover[data-target="#DeleteDocumentModal"]:focus {
    color: var(--ds-status-danger-hover, #8f1d14);
}

.ds-list-card p,
.group-documents-list .documentfound-list p,
.public-groups-index .documentfound-list p,
.group-transversal-search .documentfound-list p {
    margin-top: 6px;
    margin-bottom: 0;
    color: #555;
    font-size: 13px;
    line-height: 1.35;
}

/* Design system primitives — member cards */
.ds-member-card,
.group-grid-area #group-members-list .memberlist-box {
    min-height: 0;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 10px 12px !important;
    border: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px;
    background: #fff;
    box-shadow: none;
    transition: background-color 140ms ease, border-color 140ms ease;
}

.ds-member-card:hover,
.group-grid-area #group-members-list .memberlist-box:hover {
    background-color: rgba(18, 34, 53, 0.015);
    border-color: rgba(18, 34, 53, 0.13);
}

.ds-member-card__avatar,
.group-grid-area #group-members-list .memberlistmain-img {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px;
    margin: 0 !important;
    border-radius: 6px;
    object-fit: cover;
}

.ds-member-card__body,
.group-grid-area #group-members-list .memberlist-box-describe {
    min-width: 0;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 2px;
    padding: 0 !important;
}

.ds-member-card__body > a,
.group-grid-area #group-members-list .memberlist-box-describe > a {
    display: inline-flex;
    align-self: flex-start;
    max-width: 100%;
    text-decoration: none;
}

.ds-member-card__name,
.group-grid-area #group-members-list .memberlist-box-describe h4 {
    margin: 0;
    color: var(--org-secondary, #1665b1);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.28;
}

.ds-member-card__body > a:hover .ds-member-card__name,
.ds-member-card__body > a:focus .ds-member-card__name,
.group-grid-area #group-members-list .memberlist-box-describe > a:hover h4,
.group-grid-area #group-members-list .memberlist-box-describe > a:focus h4 {
    color: var(--org-secondary, #1665b1);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.ds-member-card__meta,
.group-grid-area #group-members-list .memberlist-box-describe .member-role,
.group-grid-area #group-members-list .evolution {
    margin: 0;
    color: #5f6872;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.28;
}

.ds-member-card__meta img,
.group-grid-area #group-members-list .evolution img {
    width: 16px;
    height: 16px;
    margin: 0 6px 0 0 !important;
    border-radius: 50%;
    object-fit: cover;
    vertical-align: -3px;
}

.ds-member-card__meta img.mini-logo,
.group-grid-area #group-members-list .evolution img.mini-logo {
    border-radius: 3px;
}

.ds-member-card__actions,
.group-grid-area #group-members-list .memberlist-edit {
    margin-top: 2px;
}

.ds-member-card__actions .d-flex,
.group-grid-area #group-members-list .memberlist-edit .d-flex {
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.ds-member-card__action,
.group-grid-area #group-members-list .memberlist-edit a {
    min-height: 18px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin: 0 !important;
    color: var(--org-secondary, #1665b1);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
}

.ds-member-card__action:hover,
.ds-member-card__action:focus,
.group-grid-area #group-members-list .memberlist-edit a:hover,
.group-grid-area #group-members-list .memberlist-edit a:focus {
    color: var(--org-secondary, #1665b1);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.ds-member-card__action--delete,
.group-grid-area #group-members-list .memberlist-edit a[data-target="#DeleteMemberModal"] {
    color: var(--ds-status-danger, #b42318);
}

.ds-member-card__action--delete:hover,
.ds-member-card__action--delete:focus,
.group-grid-area #group-members-list .memberlist-edit a[data-target="#DeleteMemberModal"]:hover,
.group-grid-area #group-members-list .memberlist-edit a[data-target="#DeleteMemberModal"]:focus {
    color: var(--ds-status-danger-hover, #8f1d14);
}

/* Design system primitives — public members directory */
.ds-members-directory {
    max-width: 1180px;
    margin: 42px auto 80px;
}

.ds-members-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

.ds-members-hero .members_h1 {
    margin: 0;
    color: #111827;
    font-family: var(--font-accent);
    font-size: 34px;
    font-weight: 700;
    line-height: 1.15;
    text-align: left;
    text-transform: uppercase;
}

.ds-members-hero p {
    margin: 7px 0 0;
    color: #5f6872;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45;
}

.ds-members-count {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(18, 34, 53, 0.06);
    color: #5f6872;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.ds-members-search-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: end;
    margin-bottom: 18px;
    padding: 18px;
    border: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px;
    background: #fff;
}

.ds-members-search-field .ds-form-control {
    width: 100%;
    min-height: 40px;
    border: 1px solid rgba(18, 34, 53, 0.18) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    color: #2f3640;
    font-size: 13px;
    font-weight: 600;
    padding: 9px 12px;
}

.ds-members-search-field .ds-form-control:focus {
    border-color: var(--org-secondary, #1665b1) !important;
    box-shadow: 0 0 0 3px rgba(22, 101, 177, 0.1) !important;
}

.ds-members-search-actions {
    display: inline-flex;
    align-items: center;
    align-self: start;
    flex-wrap: nowrap;
    gap: 8px;
    justify-content: flex-end;
    transform: translateY(32px);
}

.ds-members-search-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 40px;
    height: 40px;
    padding: 9px 14px;
    border-radius: 8px !important;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
}

.ds-members-search-button--secondary {
    border: 1px solid rgba(18, 34, 53, 0.1);
    background: #fff;
    color: var(--org-secondary, #1665b1);
    transform: translateY(-16px);
}

.ds-members-search-button--secondary:hover,
.ds-members-search-button--secondary:focus {
    color: var(--org-primary, #faac27);
}

.ds-members-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.ds-members-directory-card {
    width: 100%;
}

.ds-members-directory-card__avatar-link {
    display: inline-flex;
    flex: 0 0 auto;
}

.ds-members-directory-card__title-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

.ds-members-directory-card__title-row > a {
    display: inline-flex;
    min-width: 0;
    text-decoration: none;
}

.ds-members-directory-card__organisation {
    font-weight: 800;
}

.ds-members-directory-card__contact {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-top: 4px;
}

.ds-members-directory-card__contact .ds-member-card__action {
    max-width: 100%;
    overflow-wrap: anywhere;
}

.ds-members-admin-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
    border-radius: 7px;
    color: var(--org-secondary, #1665b1) !important;
    text-decoration: none;
}

.ds-members-admin-action:hover,
.ds-members-admin-action:focus {
    background: rgba(18, 34, 53, 0.06);
    color: var(--org-primary, #faac27) !important;
    text-decoration: none;
}

.ds-members-empty-state {
    margin-bottom: 18px;
    padding: 16px;
    border: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px;
    background: #fff;
    color: #5f6872;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
}

/* Design system primitives — public member profile */
.ds-member-profile-page {
    max-width: 980px;
    margin: 42px auto 80px;
}

.ds-member-profile-back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 12px;
    color: var(--org-secondary, #1665b1) !important;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.ds-member-profile-back:hover,
.ds-member-profile-back:focus {
    color: var(--org-primary, #faac27) !important;
    text-decoration: none;
}

.ds-member-profile-hero,
.ds-member-profile-card {
    border: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px;
    background: #fff;
    box-shadow: none;
}

.ds-member-profile-hero {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 18px;
    margin-bottom: 16px;
}

.ds-member-profile-avatar {
    width: 92px;
    height: 92px;
    flex: 0 0 92px;
    border-radius: 8px;
    object-fit: cover;
}

.ds-member-profile-hero__body {
    flex: 1 1 auto;
    min-width: 0;
}

.ds-member-profile-title-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.ds-member-profile-title-row h1 {
    margin: 0;
    color: #2f3640;
    font-family: var(--font-body);
    font-size: 31px;
    font-weight: 800;
    line-height: 1.15;
}

.ds-member-profile-summary {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
    color: #5f6872;
    font-size: 13px;
    font-weight: 700;
}

.ds-member-profile-pill {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 3px 9px;
    border-radius: 999px;
    background: rgba(18, 34, 53, 0.06);
    color: var(--org-secondary, #1665b1);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
}

.ds-member-profile-email {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    max-width: 100%;
    margin-top: 10px;
    color: var(--org-secondary, #1665b1) !important;
    font-size: 13px;
    font-weight: 800;
    overflow-wrap: anywhere;
    text-decoration: none;
}

.ds-member-profile-email:hover,
.ds-member-profile-email:focus {
    color: var(--org-primary, #faac27) !important;
    text-decoration: none;
}

.ds-member-profile-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.ds-member-profile-card {
    padding: 18px;
}

.ds-member-profile-card--wide {
    grid-column: 1 / -1;
}

.ds-member-profile-card h2 {
    margin: 0 0 12px;
    color: var(--org-primary, #faac27);
    font-family: var(--font-accent);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.15;
    text-transform: uppercase;
}

.ds-member-profile-field-list {
    display: grid;
    gap: 10px;
}

.ds-member-profile-field {
    min-width: 0;
}

.ds-member-profile-field span {
    display: block;
    margin-bottom: 3px;
    color: #5f6872;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: uppercase;
}

.ds-member-profile-field strong,
.ds-member-profile-field a {
    color: #2f3640;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.ds-member-profile-field a {
    color: var(--org-secondary, #1665b1) !important;
    text-decoration: none;
}

.ds-member-profile-field a:hover,
.ds-member-profile-field a:focus {
    color: var(--org-primary, #faac27) !important;
    text-decoration: none;
}

.ds-member-profile-groups {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

/* Design system primitives — shared admin panels */
.kb-toolbar {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 18px;
}

.kb-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.kb-tabs a {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px;
    color: #5f6872;
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    min-height: 34px;
    padding: 7px 12px;
    text-decoration: none;
}

.kb-tabs a.active,
.kb-tabs a:hover,
.kb-tabs a:focus {
    background: rgba(22, 101, 177, 0.08);
    border-color: rgba(22, 101, 177, 0.16);
    color: var(--org-secondary, #1665b1);
    text-decoration: none;
}

.kb-panel {
    background-color: #fff;
    border: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px;
    box-shadow: none;
    padding: 22px;
}

.kb-admin-list-panel {
    overflow: hidden;
}

.kb-label {
    color: #4b5563;
    display: block;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 7px;
}

.kb-filters {
    background: #f7f9fb;
    border: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px;
    display: grid;
    gap: 12px;
    margin-bottom: 18px;
    padding: 14px;
}

.kb-filters .kb-filter-actions {
    align-items: center;
    display: flex;
    gap: 8px;
    grid-column: 1 / -1;
}

.kb-filters .kb-filter-actions .kb-filter-button {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 7px !important;
    box-shadow: 0 3px 8px rgba(18, 34, 53, 0.12);
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    justify-content: center;
    line-height: 1.2;
    margin-bottom: 0;
    min-height: 38px;
    min-width: 74px;
    padding: 8px 14px;
    transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
}

.kb-filters .kb-filter-actions .kb-filter-button--secondary {
    background: var(--org-primary, #faac27);
    border-color: var(--org-primary, #faac27);
    color: #fff;
}

.kb-filters .kb-filter-actions .kb-filter-button--secondary:hover,
.kb-filters .kb-filter-actions .kb-filter-button--secondary:focus {
    background: var(--org-secondary, #1665b1);
    border-color: var(--org-secondary, #1665b1);
    color: #fff;
    text-decoration: none;
}

.kb-panel .form-control,
.kb-filters .form-control {
    border: 1px solid rgba(18, 34, 53, 0.14);
    border-left: 1px solid rgba(18, 34, 53, 0.14) !important;
    border-radius: 7px;
    box-shadow: none;
    color: #2f3640;
    font-family: var(--font-body);
    font-size: 13px;
    font-weight: 500;
    min-height: 38px;
    padding: 8px 10px;
}

.kb-panel .form-control:focus,
.kb-filters .form-control:focus {
    border-color: var(--org-secondary, #1665b1);
    box-shadow: 0 0 0 2px rgba(22, 101, 177, 0.10);
}

.kb-status {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    min-height: 22px;
    padding: 3px 8px;
    text-transform: capitalize;
}

.kb-status-draft {
    background: #e9ecef;
    color: #495057;
}

.kb-status-published,
.kb-active {
    background: var(--ds-status-success-bg, #dff3e8);
    color: var(--ds-status-success, #0f6b3f);
}

.kb-status-archived,
.kb-inactive {
    background: var(--ds-status-danger-bg, #fdecec);
    color: var(--ds-status-danger, #b42318);
}

.kb-muted {
    color: #999;
}

.kb-empty-state {
    background: #f7f9fb;
    border: 1px dashed rgba(18, 34, 53, 0.14);
    border-radius: 8px;
    color: #6b7280;
    font-size: 13px;
    padding: 14px;
    text-align: center;
}

.kb-table {
    border-collapse: separate;
    border-spacing: 0 8px;
    margin-bottom: 0;
}

.kb-table td,
.kb-table th {
    vertical-align: middle !important;
}

.kb-table thead th {
    border: 0;
    color: #5f6872;
    font-size: 11px;
    font-weight: 800;
    padding: 0 12px 3px;
    text-transform: uppercase;
}

.kb-table tbody tr {
    background: transparent;
}

.kb-table tbody tr td {
    background: #fff;
    border-bottom: 1px solid rgba(18, 34, 53, 0.08);
    border-top: 1px solid rgba(18, 34, 53, 0.08);
    color: #2f3640;
    font-size: 13px;
    padding: 10px 12px;
}

.kb-table tbody tr td:first-child {
    border-left: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px 0 0 8px;
}

.kb-table tbody tr td:last-child {
    border-radius: 0 8px 8px 0;
    border-right: 1px solid rgba(18, 34, 53, 0.08);
}

.kb-table tbody tr:hover td {
    background: rgba(18, 34, 53, 0.015);
}

.kb-table a,
.kb-table .ds-admin-list-row__title {
    color: var(--org-secondary, #1665b1);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none;
}

.kb-table a:hover,
.kb-table a:focus {
    color: var(--org-primary, #faac27);
    text-decoration: none;
}

/* Design system primitives — compact admin modernization */
.ds-admin-modern-page {
    color: #2f3640;
}

.ds-admin-modern-page__subtitle {
    color: #6b7280;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    margin-top: 4px;
}

.ds-admin-filter-panel.kb-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ds-admin-filter-panel--alerts.kb-filters {
    grid-template-columns: minmax(0, 1fr);
}

.ds-admin-filter-panel .kb-filter-actions {
    justify-content: flex-start;
}

.ds-admin-filter-panel .kb-filter-button i,
.ds-admin-primary-action i {
    font-size: 12px;
    margin-right: 6px;
}

.ds-admin-primary-action {
    align-items: center;
    gap: 6px;
    justify-content: center;
    max-width: none;
    min-height: 40px;
    padding-left: 16px;
    padding-right: 16px;
    width: auto;
}

.ds-admin-modern-tabs {
    margin-bottom: 14px;
}

.ds-admin-modern-pagination {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 12px;
}

.ds-admin-modern-pagination--bottom {
    margin-bottom: 0;
    margin-top: 14px;
}

.ds-admin-modern-pagination .pagination {
    gap: 4px;
    margin-bottom: 0;
}

.ds-admin-modern-pagination .page-link {
    align-items: center;
    border: 1px solid rgba(18, 34, 53, 0.10);
    border-radius: 6px;
    color: var(--org-secondary, #1665b1) !important;
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    justify-content: center;
    min-height: 32px;
    min-width: 32px;
    padding: 6px 10px;
}

.ds-admin-modern-pagination .page-link:hover,
.ds-admin-modern-pagination .page-link:focus {
    background: rgba(22, 101, 177, 0.08);
    border-color: rgba(22, 101, 177, 0.18);
    color: var(--org-secondary, #1665b1) !important;
    text-decoration: none;
}

.ds-admin-modern-pagination .page-item.active .page-link,
.ds-admin-modern-pagination .page-item.active .page-link:hover,
.ds-admin-modern-pagination .page-item.active .page-link:focus {
    background: var(--org-secondary, #1665b1);
    border-color: var(--org-secondary, #1665b1);
    color: #fff !important;
}

.ds-admin-modern-pagination .page-item.disabled .page-link {
    background: #f7f9fb;
    border-color: rgba(18, 34, 53, 0.08);
    color: #9aa3ad !important;
}

.ds-admin-badge,
.ds-admin-count-pill,
.ds-admin-chip {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    min-height: 22px;
    padding: 4px 8px;
}

.ds-admin-badge--neutral,
.ds-admin-chip,
.ds-admin-count-pill {
    background: #f1f3f5;
    color: #4b5563;
}

.ds-admin-badge--accent {
    background: rgba(22, 101, 177, 0.08);
    color: var(--org-secondary, #1665b1);
}

.ds-admin-count-pill {
    gap: 5px;
    white-space: nowrap;
}

.ds-admin-count-pill i {
    color: inherit;
    font-size: 12px;
    margin: 0;
}

.ds-admin-count-pill--static {
    text-decoration: none;
}

.ds-admin-detail-panel {
    display: grid;
    gap: 18px;
}

.ds-admin-detail-toolbar {
    align-items: flex-start;
}

.ds-admin-back-link {
    align-items: center;
    color: var(--org-secondary, #1665b1);
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    gap: 6px;
    margin-bottom: 10px;
    text-decoration: none;
}

.ds-admin-back-link:hover,
.ds-admin-back-link:focus {
    color: var(--org-primary, #faac27);
    text-decoration: none;
}

.ds-admin-meta-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ds-admin-meta-card,
.ds-admin-resource-card {
    background: #f7f9fb;
    border: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px;
    padding: 14px;
}

.ds-admin-meta-card__label {
    color: #6b7280;
    display: block;
    font-size: 11px;
    font-weight: 800;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.ds-admin-meta-card strong {
    color: #2f3640;
    display: block;
    font-size: 14px;
    line-height: 1.35;
}

.ds-admin-detail-section {
    display: grid;
    gap: 10px;
}

.ds-admin-section-heading h3 {
    color: #2f3640;
    font-family: var(--font-body);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.3;
    margin: 0;
}

.ds-admin-email-preview {
    background: #fff;
    border: 1px solid rgba(18, 34, 53, 0.10);
    border-radius: 8px;
    color: #2f3640;
    font-size: 14px;
    line-height: 1.55;
    padding: 18px;
}

.ds-admin-email-preview p:last-child {
    margin-bottom: 0;
}

.ds-admin-resource-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ds-admin-resource-card {
    display: grid;
    gap: 12px;
}

.ds-admin-resource-list {
    display: grid;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.ds-admin-resource-list--compact {
    gap: 6px;
}

.ds-admin-resource-item {
    align-items: flex-start;
    color: #4b5563;
    display: flex;
    font-size: 13px;
    font-weight: 600;
    gap: 8px;
    line-height: 1.35;
    min-width: 0;
}

.ds-admin-resource-item i {
    color: var(--org-secondary, #1665b1);
    flex: 0 0 auto;
    font-size: 13px;
    margin-top: 2px;
}

.ds-admin-resource-item a {
    color: var(--org-secondary, #1665b1);
    font-weight: 700;
    text-decoration: none;
}

.ds-admin-resource-item a:hover,
.ds-admin-resource-item a:focus {
    color: var(--org-primary, #faac27);
    text-decoration: none;
}

.ds-admin-newsletter-list__sent-date {
    display: block;
    margin-top: 5px;
}

.ds-admin-newsletter-list .ds-admin-list-row__meta {
    display: block;
    margin-top: 2px;
}

.ds-admin-newsletter-list__sent-date i {
    color: inherit;
    margin-right: 4px;
}

.ds-admin-list-table .ds-admin-newsletter-list__actions {
    min-width: 172px;
    width: 172px;
}

.document-comments {
    display: grid;
    gap: 16px;
    margin-top: 18px;
}

.document-comments__header {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.document-comments h3,
.document-comments__header h3 {
    color: #2f3640;
    font-family: var(--font-body);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.25;
    margin: 0;
}

.document-comments__header p,
.document-comments--disabled p {
    color: #6b7280;
    font-size: 13px;
    font-weight: 600;
    margin: 3px 0 0;
}

.document-comments__form {
    background: #f7f9fb;
    border: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px;
    display: grid;
    gap: 8px;
    padding: 14px;
}

.document-comments__label {
    color: #4b5563;
    font-size: 13px;
    font-weight: 800;
    margin: 0;
}

.document-comments__form textarea,
.document-comment__edit textarea {
    border: 1px solid rgba(18, 34, 53, 0.14);
    border-radius: 7px;
    box-shadow: none;
    color: #2f3640;
    font-size: 13px;
    min-height: 94px;
    resize: vertical;
}

.document-comments__actions {
    display: flex;
    justify-content: flex-end;
}

.document-comments__button {
    font-size: 13px;
    font-weight: 800;
    min-height: 36px;
    padding: 8px 14px;
}

.document-comments__list {
    display: grid;
    gap: 10px;
}

.document-comment {
    background: #fff;
    border: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px;
    display: grid;
    gap: 8px;
    padding: 14px;
}

.document-comment__meta {
    align-items: center;
    color: #6b7280;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 700;
    gap: 8px;
}

.document-comment__meta strong {
    color: #2f3640;
    font-size: 13px;
}

.document-comment__body {
    color: #2f3640;
    font-size: 14px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.document-comment__controls {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.document-comment__edit summary,
.document-comment__delete {
    background: transparent;
    border: 0;
    color: var(--org-secondary, #1665b1);
    cursor: pointer;
    font-size: 12px;
    font-weight: 800;
    padding: 0;
}

.document-comment__delete {
    color: var(--ds-status-danger, #b42318);
}

.document-comment__edit form {
    display: grid;
    gap: 8px;
    margin-top: 8px;
    min-width: min(480px, 100%);
}

.ds-admin-log-table__comment {
    max-width: 360px;
    white-space: normal;
}

.ds-admin-log-table__ip {
    word-break: break-word;
}

.ds-admin-alert-list {
    display: grid;
    gap: 8px;
}

.ds-admin-alert-row {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(18, 34, 53, 0.08);
    border-left: 4px solid #d7dde4;
    border-radius: 8px;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) auto auto;
    padding: 12px 14px;
    transition: background-color 140ms ease, border-color 140ms ease;
}

.ds-admin-alert-row:hover {
    background: rgba(18, 34, 53, 0.015);
    border-color: rgba(18, 34, 53, 0.13);
}

.ds-admin-alert-row.is-sent {
    border-left-color: var(--ds-status-success, #0f6b3f);
}

.ds-admin-alert-row.is-draft {
    border-left-color: #c7ced6;
}

.ds-admin-alert-row__title-line {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ds-admin-alert-row__meta {
    align-items: center;
    color: #6b7280;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
    margin-top: 6px;
}

.ds-admin-alert-row__meta i {
    color: inherit;
    font-size: 12px;
    margin-right: 4px;
}

.ds-admin-alert-row__counters,
.ds-admin-alert-row__actions {
    align-items: center;
    display: inline-flex;
    gap: 5px;
}

.ds-admin-alert-row__actions .ds-admin-list-row__action {
    margin: 0;
}

.ds-admin-agenda-detail__badges,
.ds-admin-chip-list,
.ds-admin-document-list {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.ds-admin-detail-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ds-admin-detail-card {
    background: #f7f9fb;
    border: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px;
    padding: 16px;
}

.ds-admin-detail-card--wide {
    grid-column: 1 / -1;
}

.ds-admin-detail-card h3,
.ds-admin-section-header h3 {
    color: #1f2933;
    font-family: var(--font-accent, 'Barlow Condensed', 'Arial Narrow', sans-serif);
    font-size: 21px;
    font-weight: 600;
    line-height: 1.15;
    margin: 0 0 12px;
    text-transform: uppercase;
}

.ds-admin-detail-rich-text {
    color: #374151;
    font-size: 14px;
    line-height: 1.55;
}

.ds-admin-definition-list {
    display: grid;
    gap: 10px;
    margin: 0;
}

.ds-admin-definition-list div {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 14px;
}

.ds-admin-definition-list dt {
    color: #6b7280;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .02em;
    margin: 0;
    text-transform: uppercase;
}

.ds-admin-definition-list dd {
    color: #1f2933;
    font-size: 13px;
    font-weight: 700;
    margin: 0;
    text-align: right;
}

.ds-admin-stat-grid {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ds-admin-stat-card {
    border-radius: 8px;
    min-width: 0;
    padding: 10px;
}

.ds-admin-stat-card span {
    display: block;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
}

.ds-admin-stat-card strong {
    display: block;
    font-size: 22px;
    line-height: 1.05;
    margin-top: 6px;
}

.ds-admin-stat-card--success {
    background: var(--ds-status-success-bg, #dff3e8);
    color: var(--ds-status-success, #0f6b3f);
}

.ds-admin-stat-card--danger {
    background: var(--ds-status-danger-bg, #fdecec);
    color: var(--ds-status-danger, #b42318);
}

.ds-admin-stat-card--neutral {
    background: var(--ds-status-neutral-bg, #f3f4f6);
    color: var(--ds-status-neutral, #6b7280);
}

.ds-admin-section-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.ds-admin-inline-loader img {
    display: block;
}

.ds-admin-agenda-members-list .table-responsive {
    margin-top: 4px;
}

.ds-admin-agenda-member-row.is-accepted td {
    background: var(--ds-status-success-bg, #dff3e8) !important;
}

.ds-admin-agenda-member-row.is-refused td {
    background: var(--ds-status-danger-bg, #fdecec) !important;
}

.ds-admin-agenda-member-row__email {
    align-items: center;
    display: inline-flex;
    gap: 6px;
    min-width: 0;
}

.ds-admin-compact-select {
    border: 1px solid rgba(18, 34, 53, 0.14) !important;
    border-left: 1px solid rgba(18, 34, 53, 0.14) !important;
    border-radius: 7px !important;
    font-size: 12px !important;
    min-height: 34px;
    padding: 5px 8px !important;
    width: 142px;
}

.ds-admin-document-item {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px;
    color: #4b5563;
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    gap: 7px;
    min-height: 34px;
    padding: 7px 10px;
}

.ds-admin-document-item i {
    color: var(--org-secondary, #1665b1);
    font-size: 13px;
    margin: 0;
}

.ds-admin-remote-link {
    align-items: center;
    color: var(--org-secondary, #1665b1);
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    gap: 7px;
    max-width: 100%;
    overflow-wrap: anywhere;
    text-decoration: none;
}

.ds-admin-remote-link:hover,
.ds-admin-remote-link:focus {
    color: var(--org-primary, #faac27);
    text-decoration: none;
}

@media (max-width: 991px) {
    .ds-admin-filter-panel.kb-filters,
    .ds-admin-detail-grid,
    .ds-admin-meta-grid,
    .ds-admin-resource-grid {
        grid-template-columns: 1fr;
    }

    .ds-admin-alert-row {
        grid-template-columns: 1fr;
    }

    .ds-admin-alert-row__counters,
    .ds-admin-alert-row__actions {
        justify-content: flex-start;
    }

    .ds-admin-modern-pagination {
        justify-content: flex-start;
    }
}

@media (max-width: 991.98px) {
    .ds-members-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .ds-members-hero,
    .ds-members-search-panel,
    .ds-member-profile-hero,
    .ds-member-profile-title-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .ds-members-search-panel,
    .ds-member-profile-grid,
    .ds-members-grid {
        grid-template-columns: 1fr;
    }

    .ds-members-search-actions {
        justify-content: flex-start;
    }

    .ds-member-profile-title-row h1 {
        font-size: 26px;
    }
}

/* Design system primitives — admin user rows */
.admin-users-list .table-responsive {
    overflow-x: auto;
}

.admin-users-table {
    border-collapse: separate;
    border-spacing: 0 6px;
    margin-bottom: 0;
    background: transparent !important;
}

.admin-users-table tbody {
    background: transparent !important;
}

.admin-users-table thead th {
    padding: 8px 10px !important;
    border: 0;
    color: #5f6872;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
}

.admin-users-table tbody tr.ds-user-row {
    background: transparent !important;
    box-shadow: none !important;
}

.admin-users-table tbody tr.ds-user-row td {
    padding: 7px 10px !important;
    vertical-align: middle;
    border-top: 1px solid rgba(18, 34, 53, 0.08);
    border-bottom: 1px solid rgba(18, 34, 53, 0.08);
    background: #fff !important;
    color: #5f6872;
    font-size: 12px;
    line-height: 1.3;
    transition: background-color 140ms ease, border-color 140ms ease;
}

.admin-users-table tbody tr.ds-user-row:hover td {
    background-color: rgba(18, 34, 53, 0.015) !important;
    border-color: rgba(18, 34, 53, 0.13);
}

.admin-users-table tbody tr.ds-user-row td:first-child,
.admin-users-table tbody tr.ds-user-row td.g-first-child {
    border-left: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px 0 0 8px;
}

.admin-users-table tbody tr.ds-user-row td:last-child {
    border-right: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 0 8px 8px 0;
}

.ds-user-row__identity {
    min-width: 210px;
}

.ds-user-row__avatar {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px;
    margin-right: 8px !important;
    object-fit: cover;
}

.ds-user-row__name {
    min-width: 0;
    margin-left: 0 !important;
    color: var(--org-secondary, #1665b1);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
    white-space: normal;
}

.ds-user-row__organization,
.ds-user-row__level {
    max-width: 260px;
    justify-content: flex-start !important;
    padding: 0 !important;
    color: #5f6872 !important;
    font-size: 12px !important;
    font-weight: 500;
    line-height: 1.3;
}

.ds-user-row__level {
    color: #475467 !important;
    font-weight: 600;
}

.admin-users-table .ds-user-row__status {
    width: 56px;
    text-align: center;
}

.admin-users-table .ds-user-row__status .u-check {
    margin-right: 0 !important;
}

.admin-users-table .ds-user-row__actions {
    width: 34px;
    padding-left: 3px !important;
    padding-right: 3px !important;
    text-align: center;
}

.ds-user-row__action {
    width: 28px;
    height: 28px;
    min-width: 28px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 0 !important;
    border-radius: 50%;
    color: var(--org-secondary, #1665b1) !important;
    background: transparent;
    text-decoration: none;
    transition: background-color 140ms ease, color 140ms ease;
}

.ds-user-row__action:hover,
.ds-user-row__action:focus {
    background: rgba(22, 101, 177, 0.08) !important;
    color: var(--org-secondary, #1665b1) !important;
    text-decoration: none;
}

.ds-user-row__action--delete {
    color: var(--ds-status-danger, #b42318) !important;
}

.ds-user-row__action--delete:hover,
.ds-user-row__action--delete:focus {
    background: rgba(180, 35, 24, 0.08) !important;
    color: var(--ds-status-danger-hover, #8f1d14) !important;
}

.ds-user-row__action i {
    margin: 0 !important;
    color: inherit !important;
    font-size: 14px !important;
    line-height: 1;
}

/* Design system primitives — admin list rows */
.ds-admin-list .table-responsive {
    overflow-x: auto;
}

.ds-admin-list-table {
    border-collapse: separate;
    border-spacing: 0 6px;
    margin-bottom: 0;
    background: transparent !important;
}

.ds-admin-list-table tbody {
    background: transparent !important;
}

.ds-admin-list .ds-admin-list-table tr,
.ds-admin-list .ds-admin-list-table th,
.ds-admin-list .ds-admin-list-table td {
    box-shadow: none !important;
}

.ds-admin-list .ds-admin-list-table.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: transparent !important;
}

.ds-admin-list-table thead th {
    padding: 8px 10px !important;
    border: 0;
    color: #5f6872;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
}

.ds-admin-list-table tbody tr.ds-admin-list-row {
    background: transparent !important;
    box-shadow: none !important;
}

.ds-admin-list-table tbody tr.ds-admin-list-row td {
    padding: 8px 10px !important;
    vertical-align: middle;
    border-top: 1px solid rgba(18, 34, 53, 0.08);
    border-bottom: 1px solid rgba(18, 34, 53, 0.08);
    border-left: 0;
    border-right: 0;
    background: #fff !important;
    color: #5f6872;
    font-size: 12px;
    line-height: 1.3;
    transition: background-color 140ms ease, border-color 140ms ease;
}

.ds-admin-list-table tbody tr.ds-admin-list-row:hover td {
    background-color: rgba(18, 34, 53, 0.015) !important;
    border-color: rgba(18, 34, 53, 0.13);
}

.ds-admin-list-table tbody tr.ds-admin-list-row td:first-child,
.ds-admin-list-table tbody tr.ds-admin-list-row td.g-first-child {
    border-left: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px 0 0 8px;
}

.ds-admin-list-table tbody tr.ds-admin-list-row td.g-hidden-xs-up + td {
    border-left: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px 0 0 8px;
}

.ds-admin-list-table tbody tr.ds-admin-list-row td:last-child {
    border-right: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 0 8px 8px 0;
}

.ds-admin-list-row__title,
.ds-admin-list-row__meta {
    justify-content: flex-start !important;
    padding: 0 !important;
    color: var(--org-secondary, #1665b1) !important;
    font-size: 13px !important;
    font-weight: 700;
    line-height: 1.3;
}

.ds-admin-list-row__meta {
    color: #5f6872 !important;
    font-size: 12px !important;
    font-weight: 600;
}

.ds-admin-list-row__date-range {
    min-width: 92px;
}

.ds-admin-list-row__date-range .ds-admin-list-row__meta {
    justify-content: flex-start !important;
    line-height: 1.25;
}

.ds-admin-list-row__date-range .ds-admin-list-row__meta + .ds-admin-list-row__meta {
    margin-top: 2px;
}

.ds-admin-list-table .ds-admin-list-row__actions {
    width: 112px;
    padding-left: 4px !important;
    padding-right: 8px !important;
    white-space: nowrap;
    text-align: right;
}

.ds-admin-list-row__action {
    width: 28px;
    height: 28px;
    min-width: 28px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 2px;
    padding: 0 !important;
    border-radius: 50%;
    color: var(--org-secondary, #1665b1) !important;
    background: transparent;
    text-decoration: none;
    transition: background-color 140ms ease, color 140ms ease;
}

.ds-admin-agenda-list .ds-admin-list-table {
    width: 100%;
    table-layout: fixed;
}

.ds-admin-agenda-list .ds-admin-list-table thead th,
.ds-admin-agenda-list .ds-admin-list-table tbody tr.ds-admin-list-row td {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.ds-admin-agenda-list .ds-admin-list-table thead th:first-child,
.ds-admin-agenda-list .ds-admin-list-table tbody tr.ds-admin-list-row td:first-child {
    padding-left: 9px !important;
}

.ds-admin-agenda-list .ds-admin-list-table thead th:last-child,
.ds-admin-agenda-list .ds-admin-list-table tbody tr.ds-admin-list-row td:last-child {
    padding-right: 9px !important;
}

.ds-admin-agenda-list__title-col {
    width: 23%;
}

.ds-admin-agenda-list__date-col {
    width: 15%;
}

.ds-admin-agenda-list__type-col {
    width: 11%;
}

.ds-admin-agenda-list__groups-col {
    width: auto;
}

.ds-admin-agenda-list__pending-col {
    width: 13%;
}

.ds-admin-agenda-list__actions-col {
    width: 124px;
}

.ds-admin-agenda-archive-list .ds-admin-agenda-list__title-col {
    width: 30%;
}

.ds-admin-agenda-archive-list .ds-admin-agenda-list__date-col {
    width: 17%;
}

.ds-admin-agenda-archive-list .ds-admin-agenda-list__type-col {
    width: 12%;
}

.ds-admin-agenda-archive-list .ds-admin-agenda-list__actions-col {
    width: 70px;
}

.ds-admin-agenda-list .ds-admin-list-table .ds-admin-list-row__actions {
    width: 124px;
    min-width: 124px;
    padding-left: 2px !important;
    padding-right: 6px !important;
}

.ds-admin-agenda-list .ds-admin-list-row__action {
    width: 24px;
    height: 24px;
    min-width: 24px;
    margin-left: 1px;
}

.ds-admin-agenda-list .ds-admin-list-row__action i {
    font-size: 13px !important;
}

.ds-admin-agenda-archive-list .ds-admin-list-table .ds-admin-list-row__actions {
    width: 70px;
    min-width: 70px;
}

.ds-admin-list-row__action:hover,
.ds-admin-list-row__action:focus {
    background: rgba(22, 101, 177, 0.08) !important;
    color: var(--org-secondary, #1665b1) !important;
    text-decoration: none;
}

.ds-admin-list-row__action--delete {
    color: var(--ds-status-danger, #b42318) !important;
}

.ds-admin-list-row__action--delete:hover,
.ds-admin-list-row__action--delete:focus {
    background: rgba(180, 35, 24, 0.08) !important;
    color: var(--ds-status-danger-hover, #8f1d14) !important;
}

.ds-admin-list-row__action--warning {
    color: #9a6700 !important;
}

.ds-admin-list-row__action--warning:hover,
.ds-admin-list-row__action--warning:focus {
    background: rgba(154, 103, 0, 0.08) !important;
    color: #7a4f00 !important;
}

.ds-admin-list-row__action i {
    margin: 0 !important;
    color: inherit !important;
    font-size: 14px !important;
    line-height: 1;
}

/* Design system primitives — group document detail */
.ds-group-document-detail {
    margin-bottom: 56px;
}

.ds-group-document-toolbar {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 12px;
}

.ds-group-document-card {
    display: grid;
    gap: 22px;
    padding: 22px;
    border: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px;
    background: #fff;
}

.ds-group-document-header,
.ds-group-document-section-header,
.ds-group-document-download-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.ds-group-document-meta,
.ds-group-document-actions,
.ds-group-document-download-actions {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}

.ds-group-document-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 24px;
    padding: 4px 9px;
    border-radius: 999px;
    background: rgba(18, 34, 53, 0.06);
    color: #4b5563;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
}

.ds-group-document-pill--reference {
    background: color-mix(in srgb, var(--org-primary) 14%, #fff);
    color: #1f2933;
    text-transform: uppercase;
}

.ds-group-document-pill i,
.ds-group-document-icon-action i,
.ds-group-document-secondary-action i {
    color: inherit !important;
    font-size: 13px;
    line-height: 1;
    margin: 0 !important;
}

.ds-group-document-icon-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    min-width: 32px;
    padding: 0;
    border: 1px solid rgba(18, 34, 53, 0.1);
    border-radius: 50%;
    background: #fff;
    color: var(--org-secondary) !important;
    text-decoration: none;
    transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease;
}

.ds-group-document-icon-action:hover,
.ds-group-document-icon-action:focus {
    border-color: rgba(18, 34, 53, 0.18);
    background: rgba(18, 34, 53, 0.04);
    color: var(--org-primary) !important;
    text-decoration: none;
}

.ds-group-document-icon-action--danger {
    color: var(--ds-status-danger, #b42318) !important;
}

.ds-group-document-icon-action--danger:hover,
.ds-group-document-icon-action--danger:focus {
    background: rgba(180, 35, 24, 0.08);
    color: var(--ds-status-danger-hover, #8f1d14) !important;
}

.ds-group-document-secondary-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 34px;
    padding: 7px 11px;
    border: 1px solid rgba(18, 34, 53, 0.1);
    border-radius: 8px;
    background: #fff;
    color: var(--org-secondary) !important;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
}

.ds-group-document-secondary-action:hover,
.ds-group-document-secondary-action:focus {
    border-color: rgba(18, 34, 53, 0.16);
    color: var(--org-primary) !important;
    text-decoration: none;
}

.ds-group-document-body h2 {
    margin: 2px 0 12px;
    color: #1f2933;
    font-family: var(--font-accent);
    font-size: 34px;
    font-weight: 600;
    line-height: 1.08;
    text-transform: uppercase;
}

.ds-group-document-excerpt {
    margin: 0 0 14px;
    color: #4b5563;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.55;
}

.ds-group-document-description {
    color: #2f3640;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
}

.ds-group-document-description p:last-child {
    margin-bottom: 0;
}

.ds-group-document-section,
.ds-group-document-card .document-comments {
    padding-top: 22px;
    border-top: 1px solid rgba(18, 34, 53, 0.08);
}

.ds-group-document-section h3,
.ds-group-document-card .document-comments h3 {
    margin: 0;
    color: var(--org-primary);
    font-family: var(--font-accent);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.1;
    text-transform: uppercase;
}

.ds-group-document-section-header {
    margin-bottom: 12px;
}

.ds-group-document-downloads {
    display: grid;
    gap: 8px;
}

.ds-group-document-download-row {
    padding: 10px 12px;
    border: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px;
    background: #fff;
}

.ds-group-document-download-title {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    color: #2f3640;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
}

.ds-group-document-download-title i {
    color: var(--org-secondary);
    font-size: 14px;
    line-height: 1;
}

.ds-group-document-download-title span {
    min-width: 0;
    overflow-wrap: anywhere;
}

.ds-group-document-empty {
    padding: 12px;
    border: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px;
    background: rgba(18, 34, 53, 0.025);
    color: #5f6872;
    font-size: 13px;
    font-weight: 700;
}

.ds-group-document-analytics h3 {
    margin-bottom: 12px;
}

.ds-group-document-tabs {
    display: inline-flex;
    gap: 7px;
    margin: 0 0 12px;
    border-bottom: 0;
}

.ds-group-document-tabs .nav-link {
    min-height: 32px;
    padding: 7px 11px;
    border: 1px solid rgba(18, 34, 53, 0.1);
    border-radius: 999px;
    color: #5f6872;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
}

.ds-group-document-tabs .nav-link.active,
.ds-group-document-tabs .nav-link:hover,
.ds-group-document-tabs .nav-link:focus {
    border-color: transparent;
    background: var(--org-primary);
    color: #fff;
}

.ds-group-document-tab-content {
    color: #2f3640;
    font-size: 13px;
}

.ds-group-document-analytics-list {
    display: grid;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ds-group-document-analytics-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 10px;
    border-radius: 8px;
    background: rgba(18, 34, 53, 0.04);
}

.ds-group-document-analytics-list strong {
    color: var(--org-secondary);
}

.ds-group-document-analytics-block + .ds-group-document-analytics-block {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(18, 34, 53, 0.08);
}

.ds-group-document-analytics-block > strong {
    display: block;
    margin-bottom: 7px;
    color: #2f3640;
}

.ds-group-document-analytics-block p {
    margin: 0;
    color: #5f6872;
    font-weight: 700;
}

.ds-group-document-card .document-comments.kb-panel {
    margin: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    border-radius: 0;
    box-shadow: none;
}

.ds-group-document-card .document-comments__header p {
    margin-bottom: 0;
    color: #5f6872;
    font-size: 12px;
    font-weight: 800;
}

@media (max-width: 767.98px) {
    .ds-group-document-card {
        padding: 16px;
    }

    .ds-group-document-header,
    .ds-group-document-section-header,
    .ds-group-document-download-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .ds-group-document-actions,
    .ds-group-document-download-actions {
        justify-content: flex-start;
    }

    .ds-group-document-body h2 {
        font-size: 28px;
    }
}

/* Design system primitives — side navigation */
.ds-side-nav {
    color: #5f6872;
}

.ds-side-nav--tree {
    padding: var(--ds-card-padding,18px);
    border: 1px solid var(--ds-border-color-soft);
    border-radius: var(--ds-radius-md);
    background: var(--ds-surface,#fff);
    box-shadow: var(--ds-shadow-widget);
}

.ds-side-nav--tree .ds-side-nav__title {
    margin: 0 !important;
    padding: 0 0 13px;
    font-size: var(--ds-heading-card-size,22px);
}

.ds-side-nav__group + .ds-side-nav__group {
    margin-top: 14px;
    padding-top: 2px;
}

.ds-side-nav--tree .ds-side-nav__section {
    margin: 0 0 7px !important;
    padding: 12px 0 0;
    border-top: 1px solid color-mix(in srgb,var(--org-primary) 32%,transparent);
    color: #1f2933 !important;
    font-size: 15px;
}

.ds-side-nav--tree .ds-side-nav__item {
    position: relative;
    flex-wrap: wrap;
    padding: 0 !important;
    border-radius: 6px;
}

.ds-side-nav--tree .ds-side-nav__link {
    box-sizing: border-box;
    display: flex !important;
    flex: 1 1 auto;
    align-items: center;
    width: 100%;
    min-height: 34px;
    padding: 8px 10px !important;
    border-radius: 6px;
    line-height: 1.25;
}

.ds-side-nav--tree .ds-side-nav__item--parent > .ds-side-nav__link {
    padding-right: 28px !important;
    color: #394552 !important;
    font-weight: 700 !important;
}

.ds-side-nav__toggle {
    position: absolute;
    z-index: 2;
    top: 4px;
    right: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    padding: 0;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: var(--org-secondary,#163d69);
    cursor: pointer;
}

.ds-side-nav__toggle:hover,
.ds-side-nav__toggle:focus-visible {
    outline: 0;
    background: color-mix(in srgb,var(--org-primary) 10%,#fff);
}

.ds-side-nav__toggle span::before {
    display: block;
    content: "\203A";
    font-size: 17px;
    font-weight: 800;
    line-height: 1;
    transform: rotate(90deg);
    transition: transform 150ms ease;
}

.ds-side-nav__toggle[aria-expanded="false"] span::before {
    transform: rotate(0deg);
}

.ds-side-nav__children[hidden] {
    display: none !important;
}

.ds-side-nav--tree .ds-side-nav__item--active {
    background: color-mix(in srgb,var(--org-primary) 11%,#fff);
    box-shadow: inset 3px 0 var(--org-primary);
}

body .ds-side-nav--tree .ds-side-nav__item--active > .ds-side-nav__link {
    color: var(--org-primary) !important;
    font-weight: 800 !important;
}

.ds-side-nav--tree .ds-side-nav__link:hover,
.ds-side-nav--tree .ds-side-nav__link:focus {
    background: color-mix(in srgb,var(--org-primary) 7%,#fff);
}

.ds-side-nav--tree .ds-side-nav__children {
    box-sizing: border-box;
    flex: 0 0 calc(100% - 15px);
    width: calc(100% - 15px);
    margin-top: 4px;
    margin-left: 15px;
    padding-left: 9px;
    border-left: 1px solid color-mix(in srgb,var(--org-secondary) 25%,transparent);
}

.ds-side-nav--tree .ds-side-nav__item--child .ds-side-nav__link {
    min-height: 30px;
    padding: 6px 9px !important;
    font-size: 12px !important;
}

.ds-side-nav--tree .ds-side-nav__badge {
    position: absolute;
    top: 8px;
    right: 8px;
}

.ds-side-nav.ds-side-nav--compact {
    padding: 14px 12px 18px;
}

.ds-side-nav__heading,
.group-grid-area .menu-left h2 {
    margin-bottom: 0 !important;
    padding: 9px 0 11px 12px;
    border-bottom: 0 !important;
    color: #1f2933 !important;
    font-family: var(--font-accent);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.16;
    text-transform: uppercase;
}

.ds-side-nav__heading small,
.ds-side-nav__heading small a,
.group-grid-area .menu-left h2 small,
.group-grid-area .menu-left h2 small a {
    font-size: 12px !important;
    line-height: 1.25;
}

.ds-side-nav__title {
    color: var(--org-primary, #faac27) !important;
    font-family: var(--font-accent);
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.1;
    text-transform: uppercase;
}

.ds-side-nav__title small,
.ds-side-nav__title small a {
    font-family: var(--font-body);
    text-transform: none;
}

.ds-side-nav__section,
.group-grid-area .menu-left h3 {
    margin: 14px 0 8px !important;
    padding: 14px 0 0 12px;
    border-top: 1px solid color-mix(in srgb, var(--org-primary) 44%, transparent);
    border-bottom: 0 !important;
    color: #1f2933 !important;
    font-family: var(--font-accent);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.12;
    text-transform: uppercase;
}

.ds-side-nav__list,
.group-grid-area .menu-left .list-unstyled {
    margin: 0 !important;
    padding-bottom: 0;
    border-top: 0 !important;
    border-bottom: 0 !important;
}

.ds-side-nav__item,
.group-grid-area .menu-left ul li {
    display: flex;
    align-items: flex-start;
    min-height: 0;
    margin: 0;
    padding: 4px 0 4px 12px !important;
    font-size: 13px;
    line-height: 1.28;
}

.ds-side-nav__item:hover,
.group-grid-area .menu-left ul li:hover {
    background: rgba(18, 34, 53, 0.04);
}

.ds-side-nav--bulleted .ds-side-nav__item::before,
.group-grid-area .menu-left.group-grid-list ul li::before {
    width: 5px;
    height: 5px;
    min-width: 5px;
    content: "";
    border-radius: 50%;
    background: var(--org-primary);
    margin-top: 0.48em;
    margin-right: 8px;
}

.ds-side-nav--bulleted .group-grid-list-icon,
.group-grid-area .menu-left.group-grid-list ul li > .group-grid-list-icon {
    display: none;
}

.ds-side-nav__item span,
.group-grid-area .menu-left.group-grid-list ul li span {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    line-height: 1.28;
}

.ds-side-nav__link,
.group-grid-area .menu-left.group-grid-list ul li span a {
    display: inline;
    padding: 0 !important;
    color: #5f6872 !important;
    font-size: 13px !important;
    font-weight: 500;
    line-height: 1.28;
}

body .ds-side-nav .ds-side-nav__link {
    color: #5f6872 !important;
    font-weight: 500 !important;
}

.ds-side-nav__link:hover,
.ds-side-nav__link:focus,
.group-grid-area .menu-left.group-grid-list ul li span a:hover,
.group-grid-area .menu-left.group-grid-list ul li span a:focus {
    color: var(--org-secondary) !important;
    text-decoration: none;
}

body .ds-side-nav .ds-side-nav__link:hover,
body .ds-side-nav .ds-side-nav__link:focus {
    color: var(--org-secondary) !important;
}

/* Design system primitives — public agenda list */
.ds-side-nav__icon {
    color: var(--ds-secondary, var(--org-secondary));
    font-size: 12px;
    line-height: 1.28;
    margin-right: 8px;
    margin-top: 1px;
}

.ds-side-nav__badge {
    align-items: center;
    align-self: center;
    background: var(--ds-secondary-soft, rgba(22, 101, 177, 0.1));
    border-radius: var(--ds-radius-sm, 6px);
    color: var(--ds-secondary, var(--org-secondary));
    display: inline-flex;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    margin-left: 8px;
    min-height: 18px;
    padding: 3px 6px;
}

.ds-side-nav__children {
    flex-basis: 100%;
    list-style: none;
    margin: 6px 0 0 0;
    padding: 0;
}

.ds-side-nav__item--active {
    background: var(--ds-secondary-soft, rgba(22, 101, 177, 0.1));
}

.ds-side-nav__item--active > .ds-side-nav__link {
    color: var(--ds-secondary, var(--org-secondary)) !important;
    font-weight: 700 !important;
}

.ds-side-nav__item--disabled {
    opacity: 0.54;
    pointer-events: none;
}

.ds-side-nav__children .ds-side-nav__item--child {
    padding-left: 24px !important;
}

/* Design system primitives - tabs */
.ds-tabs {
    align-items: center;
    border-bottom: 1px solid var(--ds-border-color, rgba(18, 34, 53, 0.12));
    display: flex;
    flex-wrap: wrap;
    gap: var(--ds-space-xs, 6px);
    list-style: none;
    margin: 0 0 var(--ds-space-md, 16px);
    padding: 0;
}

.ds-tabs__item {
    margin: 0;
}

.ds-tabs__link {
    align-items: center;
    border-radius: var(--ds-radius-sm, 6px) var(--ds-radius-sm, 6px) 0 0;
    color: var(--ds-text-muted, #5f6872);
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    gap: 6px;
    line-height: 1.2;
    min-height: 34px;
    padding: 9px 12px;
    text-decoration: none;
}

.ds-tabs__link:hover,
.ds-tabs__link:focus {
    color: var(--ds-secondary, var(--org-secondary));
    text-decoration: none;
}

.ds-tabs__link:focus {
    outline: 2px solid var(--ds-focus-ring, rgba(22, 101, 177, 0.18));
    outline-offset: 2px;
}

.ds-tabs__item--active .ds-tabs__link,
.ds-tabs__link.active {
    border-bottom: 2px solid var(--ds-secondary, var(--org-secondary));
    color: var(--ds-secondary, var(--org-secondary));
}

.ds-tabs__item--disabled {
    opacity: 0.54;
    pointer-events: none;
}

.ds-tabs__badge {
    align-items: center;
    background: var(--ds-secondary-soft, rgba(22, 101, 177, 0.1));
    border-radius: var(--ds-radius-sm, 6px);
    color: var(--ds-secondary, var(--org-secondary));
    display: inline-flex;
    font-size: 11px;
    line-height: 1;
    min-height: 18px;
    padding: 3px 6px;
}

.ds-tabs--pills {
    border-bottom: 0;
}

.ds-tabs--pills .ds-tabs__link {
    border-radius: var(--ds-radius-md, 8px);
}

.ds-tabs--pills .ds-tabs__item--active .ds-tabs__link,
.ds-tabs--pills .ds-tabs__link.active {
    background: var(--ds-secondary-soft, rgba(22, 101, 177, 0.1));
    border-bottom: 0;
}

.ds-user-agenda-page .listof-number-section {
    width: 100%;
}

.ds-user-agenda-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0 7px;
    margin-bottom: 48px !important;
    background: transparent !important;
}

.ds-user-agenda-table col.ds-user-agenda-table__title-col {
    width: 30%;
}

.ds-user-agenda-table col.ds-user-agenda-table__date-col {
    width: 18%;
}

.ds-user-agenda-table col.ds-user-agenda-table__type-col {
    width: 12%;
}

.ds-user-agenda-table col.ds-user-agenda-table__groups-col {
    width: auto;
}

.ds-user-agenda-table col.ds-user-agenda-table__participation-col {
    width: 150px;
}

.ds-user-agenda-table thead th {
    padding: 10px 8px !important;
    border: 0;
    background: #f6f8fa;
    color: #5f6872 !important;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
}

.ds-user-agenda-table thead th:first-child {
    padding-left: 10px !important;
    border-radius: 8px 0 0 8px;
}

.ds-user-agenda-table thead th:last-child {
    padding-right: 10px !important;
    border-radius: 0 8px 8px 0;
}

.ds-user-agenda-table tbody {
    background: transparent !important;
}

.ds-user-agenda-table tr,
.ds-user-agenda-table th,
.ds-user-agenda-table td {
    box-shadow: none !important;
}

.ds-user-agenda-table.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: transparent !important;
}

.ds-user-agenda-month-row td {
    padding: 18px 0 5px !important;
    border: 0 !important;
    background: transparent !important;
}

.ds-user-agenda-month {
    margin: 0;
    padding: 0 0 2px;
    color: var(--org-primary, #faac27);
    font-family: var(--font-accent);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.15;
    text-align: left;
    text-transform: uppercase;
}

.ds-user-agenda-table tbody tr.ds-user-agenda-row {
    background: transparent !important;
}

.ds-user-agenda-table tbody tr.ds-user-agenda-row td {
    padding: 9px 8px !important;
    vertical-align: middle;
    border-top: 1px solid rgba(18, 34, 53, 0.08);
    border-bottom: 1px solid rgba(18, 34, 53, 0.08);
    border-left: 0;
    border-right: 0;
    background: #fff !important;
    color: #5f6872;
    font-size: 12px;
    line-height: 1.3;
    transition: background-color 140ms ease, border-color 140ms ease;
}

.ds-user-agenda-table tbody tr.ds-user-agenda-row:hover td {
    background-color: rgba(18, 34, 53, 0.015) !important;
    border-color: rgba(18, 34, 53, 0.13);
}

.ds-user-agenda-table tbody tr.ds-user-agenda-row td:first-child {
    padding-left: 10px !important;
    border-left: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px 0 0 8px;
}

.ds-user-agenda-table tbody tr.ds-user-agenda-row td:last-child {
    padding-right: 10px !important;
    border-right: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 0 8px 8px 0;
}

.ds-user-agenda-row__title {
    color: var(--org-secondary, #1665b1) !important;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none;
}

.ds-user-agenda-row__title:hover,
.ds-user-agenda-row__title:focus {
    color: var(--org-primary, #faac27) !important;
    text-decoration: none;
}

.ds-user-agenda-row__meta {
    justify-content: flex-start !important;
    padding: 0 !important;
    color: #5f6872 !important;
    font-size: 12px !important;
    font-weight: 600;
    line-height: 1.25;
}

.ds-user-agenda-row__date-range .ds-user-agenda-row__meta + .ds-user-agenda-row__meta {
    margin-top: 2px;
}

.ds-user-agenda-row__participation {
    min-height: 30px;
}

.ds-user-agenda-row__participation select {
    width: 128px !important;
    min-height: 30px;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    font-size: 12px;
}

/* Design system primitives — public agenda detail */
.ds-agenda-detail-page {
    max-width: 980px;
    margin: 0 auto;
}

.ds-agenda-detail-hero {
    margin-bottom: 18px;
}

.ds-agenda-detail-back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 12px;
    color: var(--org-secondary, #1665b1) !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.ds-agenda-detail-back:hover,
.ds-agenda-detail-back:focus {
    color: var(--org-primary, #faac27) !important;
    text-decoration: none;
}

.ds-agenda-detail-title-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.ds-agenda-detail-title-row h2 {
    margin: 0;
    color: #2f3640;
    font-family: var(--font-body);
    font-size: 30px;
    font-weight: 800;
    line-height: 1.15;
}

.ds-agenda-detail-summary {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    margin-top: 8px;
    color: #5f6872;
    font-size: 13px;
    font-weight: 700;
}

.ds-agenda-detail-pill {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 3px 9px;
    border-radius: 999px;
    background: rgba(18, 34, 53, 0.06);
    color: var(--org-secondary, #1665b1);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
}

.ds-agenda-detail-actions {
    display: inline-flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.ds-agenda-detail-calendar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 34px;
    padding: 8px 12px;
    border: 1px solid rgba(18, 34, 53, 0.1);
    border-radius: 8px;
    background: #fff;
    color: var(--org-secondary, #1665b1) !important;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
}

.ds-agenda-detail-calendar:hover,
.ds-agenda-detail-calendar:focus {
    border-color: rgba(18, 34, 53, 0.16);
    color: var(--org-primary, #faac27) !important;
    text-decoration: none;
}

.ds-agenda-detail-loader {
    margin-bottom: 12px;
}

.ds-agenda-detail-card {
    padding: 22px;
    border: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px;
    background: #fff;
    box-shadow: none;
}

.ds-agenda-detail-section + .ds-agenda-detail-section {
    margin-top: 22px;
    padding-top: 22px;
    border-top: 1px solid rgba(18, 34, 53, 0.08);
}

.ds-agenda-detail-section__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.ds-agenda-detail-section__header h3 {
    margin: 0;
    color: var(--org-primary, #faac27);
    font-family: var(--font-accent);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.15;
    text-transform: uppercase;
}

.ds-agenda-detail-meta-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.ds-agenda-detail-meta {
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px;
    background: #f8fafc;
}

.ds-agenda-detail-meta span,
.ds-agenda-detail-label {
    display: block;
    margin-bottom: 5px;
    color: #5f6872;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: uppercase;
}

.ds-agenda-detail-meta strong {
    display: block;
    color: #2f3640;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
}

.ds-agenda-detail-copy {
    color: #2f3640;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.65;
}

.ds-agenda-detail-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ds-agenda-detail-response-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.ds-agenda-detail-response {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    min-width: 150px;
}

.ds-agenda-document-list {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.ds-agenda-document-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px;
    background: #fff;
}

.ds-agenda-document-row__body {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    color: #2f3640;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
}

.ds-agenda-document-row__body i {
    color: var(--org-secondary, #1665b1);
    font-size: 14px;
}

.ds-agenda-document-row__body span {
    min-width: 0;
}

.ds-agenda-document-row__actions {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 5px;
}

.ds-agenda-detail-remote-link {
    display: inline-flex;
    max-width: 100%;
    overflow-wrap: anywhere;
    color: var(--org-secondary, #1665b1) !important;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.45;
}

.ds-agenda-detail-remote-link:hover,
.ds-agenda-detail-remote-link:focus {
    color: var(--org-primary, #faac27) !important;
}

@media (max-width: 991.98px) {
    .ds-agenda-detail-title-row {
        flex-direction: column;
    }

    .ds-agenda-detail-actions {
        justify-content: flex-start;
    }

    .ds-agenda-detail-meta-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .ds-agenda-detail-card {
        padding: 16px;
    }

    .ds-agenda-detail-title-row h2 {
        font-size: 24px;
    }

    .ds-agenda-detail-meta-grid {
        grid-template-columns: 1fr;
    }

    .ds-agenda-document-row {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* Design system primitives — dashboard */
.ds-dashboard {
    max-width: 1180px;
}

.ds-dashboard__grid {
    align-items: flex-start;
    row-gap: 16px;
    margin-bottom: 16px;
}

.ds-dashboard__grid > [class*="col-"] {
    display: flex;
}

.ds-dashboard-card {
    width: 100%;
    padding: 18px;
    border: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px;
    background: #fff;
    box-shadow: var(--ds-shadow-widget);
}

.ds-workspace-page-title {
    color: #1f2933;
    font-family: var(--font-accent);
    font-size: 28px;
    font-weight: 600;
    line-height: 1.12;
    text-align: left;
    text-transform: none;
}

.ds-workspace-page-title span {
    color: #5f6872;
    font-family: var(--font-body);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
}

.ds-today-workspace {
    padding-bottom: 28px;
}

.ds-today-workspace .ds-panel__header {
    padding: 0;
    border-bottom: 0;
}

.ds-today-workspace .ds-panel__body {
    padding: 0;
}

.ds-workspace-section__subtitle {
    margin: 6px 0 0;
    color: #5f6872;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;
}

.ds-workspace-section {
    margin-bottom: 16px;
}

.ds-workspace-section__header {
    align-items: flex-start;
    margin-bottom: 14px;
}

.ds-priority-areas__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

/* The Workstream Story Card — the first native MembersDesk object.
   A living workflow, not a static state. The lead line is the most recent
   movement of the current; the activity stream shows the workflow moving;
   the next line appears only when a real milestone is known. The spine
   encodes how recently the current moved. Not a Bootstrap card, not a tile. */
.ds-workstream-story {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 15px 16px 15px 18px;
    border: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
    transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

/* the spine — how recently the current moved, felt before any reading */
.ds-workstream-story::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 3px;
    background: var(--ds-story-accent, #c2c9d1);
}

.ds-workstream-story--recent {
    --ds-story-accent: var(--org-secondary, #1665b1);
}

.ds-workstream-story--aging {
    --ds-story-accent: var(--org-primary, #faac27);
}

.ds-workstream-story--dormant {
    --ds-story-accent: #c2c9d1;
}

.ds-workstream-story:hover {
    border-color: rgba(18, 34, 53, 0.14);
    box-shadow: 0 6px 18px -12px rgba(18, 34, 53, 0.4);
    transform: translateY(-1px);
}

.ds-workstream-story__name {
    color: #5f6872;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    text-decoration: none;
}

.ds-workstream-story__name:hover,
.ds-workstream-story__name:focus {
    color: var(--ds-story-accent, #1f2933);
    text-decoration: none;
}

.ds-workstream-story__following {
    display: inline-flex;
    gap: 4px;
    align-items: center;
    margin-left: 8px;
    color: var(--ds-text-muted);
    font-family: var(--font-body);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}

/* the flow — the workflow reads as one current, evenly spaced */
.ds-workstream-story__flow {
    display: grid;
    gap: 9px;
    margin-top: 4px;
}

.ds-workstream-story__empty {
    margin: 0;
    color: #8a929c;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.35;
}

/* ── Workflow activity grammar ──────────────────────────────────────────────
   Reusable visual encoding of a single activity, shared by every surface.
   Four layers: glyph (type, by shape only), title (strongest, type-neutral),
   context (secondary, grey), position (workflow relationship, optional). */
.ds-activity {
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr);
    column-gap: 9px;
    align-items: start;
}

.ds-activity__glyph {
    color: #9aa4af;
    font-size: 11px;
    line-height: 1.55;
    text-align: center;
}

.ds-activity__body {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

/* Layer 4 — workflow position. Relationship to the current, never decorative. */
.ds-activity__position {
    color: #8a929c;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.05em;
    line-height: 1.4;
    text-transform: uppercase;
}

/* Layer 2 — title. The strongest textual element, identical across types.
   Importance comes from meaning (and workflow position), never from type. */
.ds-activity__title {
    color: #1f2933;
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.3;
    text-decoration: none;
}

a.ds-activity__title:hover,
a.ds-activity__title:focus {
    color: var(--org-secondary, #1665b1);
    text-decoration: underline;
}

/* Layer 3 — supporting context. Always secondary to the title. */
.ds-activity__context {
    color: #768089;
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.35;
}

/* lead — the most recent movement; larger by MEANING, not by object type */
.ds-activity--lead .ds-activity__glyph {
    color: #5f6872;
    font-size: 12px;
}

.ds-activity--lead .ds-activity__title {
    font-family: var(--font-accent);
    font-size: 15px;
    line-height: 1.25;
}

.ds-association-activity__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
}

.ds-association-activity__title {
    margin: 0 0 10px;
    color: #1f2933;
    font-family: var(--font-accent);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.12;
    text-transform: uppercase;
}

.ds-quick-actions__list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.ds-quick-actions__button {
    justify-content: center;
    width: 100%;
}

.ds-dashboard-message {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-bottom: 16px;
    padding: 16px 18px;
    border: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px;
    background: #fff;
    color: #2f3640;
}

.ds-dashboard-message__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 50%;
    background: rgba(18, 34, 53, 0.06);
    color: var(--org-secondary, #1665b1);
}

.ds-dashboard-message__icon i {
    font-size: 14px;
    line-height: 1;
}

.ds-dashboard-message__body {
    min-width: 0;
    flex: 1 1 auto;
}

.ds-dashboard-message h2 {
    margin: 0 0 5px;
    color: inherit;
    font-family: var(--font-accent);
    font-size: 21px;
    font-weight: 600;
    line-height: 1.12;
    text-transform: uppercase;
}

.ds-dashboard-message__content {
    color: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.55;
}

.ds-dashboard-message__content p,
.ds-dashboard-message__content ul,
.ds-dashboard-message__content ol {
    margin-bottom: 8px;
}

.ds-dashboard-message__content > :last-child {
    margin-bottom: 0;
}

.ds-dashboard-message__content a {
    color: var(--org-secondary, #1665b1);
    font-weight: 800;
    text-decoration: none;
}

.ds-dashboard-message__content a:hover,
.ds-dashboard-message__content a:focus {
    color: var(--org-primary, #faac27);
    text-decoration: none;
}

.ds-dashboard-message--welcome {
    background: rgba(18, 34, 53, 0.025);
    border-color: rgba(18, 34, 53, 0.08);
}

.ds-dashboard-message--promotional {
    background: color-mix(in srgb, var(--org-primary) 12%, #fff);
    border-color: color-mix(in srgb, var(--org-primary) 38%, transparent);
}

.ds-dashboard-message--promotional .ds-dashboard-message__icon {
    background: var(--org-primary, #1665b1);
    color: #fff;
}

.ds-dashboard-message--alert {
    background: var(--ds-status-danger-bg, #fdecec);
    border-color: color-mix(in srgb, var(--ds-status-danger, #b42318) 30%, transparent);
    color: var(--ds-status-danger-hover, #8f1d14);
}

.ds-dashboard-message--alert .ds-dashboard-message__icon {
    background: var(--ds-status-danger, #b42318);
    color: #fff;
}

.ds-dashboard-card--compact {
    padding: 16px;
}

.ds-dashboard-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 11px;
    padding-bottom: 0;
}

.ds-dashboard-card__title {
    margin: 0;
    color: var(--org-primary, #faac27);
    font-family: var(--font-accent);
    font-size: 21px;
    font-weight: 600;
    line-height: 1.15;
    text-transform: uppercase;
}

.ds-dashboard-card__link {
    color: var(--org-secondary, #1665b1) !important;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.ds-dashboard-card__link:hover,
.ds-dashboard-card__link:focus {
    color: var(--org-primary, #faac27) !important;
    text-decoration: none;
}

.ds-dashboard-list {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ds-dashboard-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
    padding: 10px;
    border: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px;
    background: #fff;
    transition: background-color 140ms ease, border-color 140ms ease;
}

.ds-dashboard-item:hover {
    border-color: rgba(18, 34, 53, 0.13);
    background: rgba(18, 34, 53, 0.015);
}

.ds-dashboard-item--compact {
    padding: 9px 10px;
}

.ds-dashboard-item__body {
    flex: 1 1 auto;
    min-width: 0;
}

.ds-dashboard-item__title {
    display: inline;
    color: var(--org-secondary, #1665b1) !important;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none;
}

.ds-dashboard-item__title:hover,
.ds-dashboard-item__title:focus {
    color: var(--org-primary, #faac27) !important;
    text-decoration: none;
}

.ds-dashboard-item__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 10px;
    margin-top: 4px;
    color: #5f6872;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
}

.ds-dashboard-item__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 6px;
}

.ds-dashboard-tag {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 2px 8px;
    border-radius: 999px;
    background: rgba(18, 34, 53, 0.06);
    color: #5f6872 !important;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
}

.ds-dashboard-tag:hover,
.ds-dashboard-tag:focus {
    background: rgba(22, 101, 177, 0.08);
    color: var(--org-secondary, #1665b1) !important;
    text-decoration: none;
}

.ds-dashboard-tag--static {
    background: rgba(46, 163, 242, 0.14);
    color: var(--org-secondary, #1665b1) !important;
}

.ds-dashboard-tag--muted {
    background: rgba(18, 34, 53, 0.06);
    color: #5f6872 !important;
}

.ds-dashboard-kb-board {
    margin-bottom: 16px;
}

.ds-dashboard-kb-board__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.ds-dashboard-kb-column + .ds-dashboard-kb-column {
    padding-left: 18px;
    border-left: 1px solid color-mix(in srgb, var(--org-primary) 42%, transparent);
}

.ds-dashboard-kb-column__title {
    margin: 0 0 10px;
    color: #1f2933;
    font-family: var(--font-accent);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.12;
    text-transform: uppercase;
}

.ds-dashboard-kb-list {
    gap: 6px;
}

.ds-dashboard-item--kb-document {
    padding: 9px 10px;
}

.ds-dashboard-kb-count {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #5f6872;
}

.ds-dashboard-kb-count i {
    color: inherit;
    font-size: 12px;
    line-height: 1;
    margin: 0;
}

.ds-dashboard-item__inline {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px;
}

.ds-dashboard-inline-meta {
    color: #5f6872;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
}

.ds-dashboard-inline-meta::after {
    content: "-";
    margin-left: 6px;
    color: rgba(95, 104, 114, 0.7);
}

.ds-dashboard-item__control,
.ds-dashboard-item__actions {
    flex: 0 0 auto;
}

/* Design system primitives — form controls */
.ds-form-control,
.ds-form-select,
.chosen-container.ds-form-select {
    font-family: var(--font-body) !important;
    font-size: 13px;
    line-height: 1.35;
}

.ds-form-select,
.chosen-container.ds-form-select {
    min-height: 32px;
    border-radius: 8px !important;
}

select.ds-form-select {
    -webkit-appearance: none;
    appearance: none;
    padding-right: 42px !important;
    background-color: var(--ds-surface, #fff);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.25 6 6.25l5-5' fill='none' stroke='%235f6872' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 12px 8px;
    cursor: pointer;
}

select.ds-form-select:disabled {
    background-color: var(--ds-surface-soft, #f7f9fb);
    cursor: not-allowed;
    opacity: .72;
}

.chosen-container.ds-form-select .chosen-single {
    display: flex;
    align-items: center;
    min-height: 30px;
    color: #2f3640;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
}

.chosen-container.ds-form-select .chosen-single span {
    display: block;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.chosen-container.ds-form-select .chosen-single div {
    top: 0;
    height: 100%;
}

.chosen-container.ds-form-select .chosen-single div b {
    align-items: center;
    background: none !important;
    display: inline-flex;
    height: 100%;
    justify-content: center;
}

.chosen-container.ds-form-select .chosen-single div b i {
    line-height: 1;
}

.chosen-container.ds-form-select .chosen-single div b i:last-child {
    display: none;
}

.chosen-container.ds-form-select.chosen-with-drop .chosen-single div b i:first-child {
    display: none;
}

.chosen-container.ds-form-select.chosen-with-drop .chosen-single div b i:last-child {
    display: inline-block;
}

.chosen-container.ds-form-select .chosen-drop {
    overflow: hidden;
    margin-top: 4px;
    border: 1px solid rgba(18, 34, 53, 0.12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(18, 34, 53, 0.12);
}

.chosen-container.ds-form-select .chosen-results>li {
    min-height: 34px;
    padding: 9px 12px;
    border-bottom-color: rgba(18, 34, 53, 0.08);
    color: #2f3640;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
}

.chosen-container.ds-form-select .chosen-results>li.highlighted {
    background-image: none !important;
    background-color: rgba(22, 101, 177, 0.08) !important;
    border-bottom-color: rgba(22, 101, 177, 0.08) !important;
    color: var(--org-secondary, #1665b1) !important;
}

.chosen-container.ds-form-select .chosen-results>li.result-selected {
    background-color: rgba(18, 34, 53, 0.04);
    border-bottom-color: rgba(18, 34, 53, 0.08);
    color: #2f3640;
}

/* Group workspace — canonical member-facing composition */
.ds-group-workspace__header { margin: 0 0 26px; padding: 0 0 18px; border-bottom: 1px solid rgba(18,34,53,.1); text-align: center; }
.ds-group-workspace__eyebrow { margin: 0 0 5px; color: var(--org-secondary,#1665b1); font-size: 12px; font-weight: 800; letter-spacing: .08em; line-height: 1.3; text-transform: uppercase; }
.ds-group-workspace__title { margin: 0; color: #1f2933; font-family: var(--font-accent); font-size: clamp(28px,3vw,40px); font-weight: 700; line-height: 1.08; }
.ds-group-sidebar { position: sticky; top: 18px; overflow: hidden; }
.ds-group-sidebar__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding-bottom: 14px; border-bottom: 1px solid rgba(18,34,53,.1); }
.ds-group-sidebar__eyebrow { margin: 0 0 3px; color: var(--org-secondary,#1665b1); font-size: 10px; font-weight: 900; letter-spacing: .1em; line-height: 1.2; text-transform: uppercase; }
.ds-group-sidebar .ds-side-nav__title { margin: 0 !important; padding: 0 !important; border: 0 !important; }
.ds-group-sidebar__status { padding: 4px 7px; border-radius: 999px; color: var(--org-secondary,#1665b1); background: color-mix(in srgb,var(--org-secondary,#1665b1) 10%,#fff); font-size: 10px; font-weight: 900; line-height: 1.2; text-transform: uppercase; }
.ds-group-sidebar__utilities { display: grid; gap: 3px; padding: 11px 0 3px; }
.ds-group-sidebar__utilities a { display: flex; align-items: center; min-height: 30px; padding: 6px 9px; border-radius: 6px; color: #53606d; font-size: 12px; font-weight: 700; text-decoration: none; }
.ds-group-sidebar__utilities a:hover,.ds-group-sidebar__utilities a:focus { color: var(--org-primary,#1665b1); background: color-mix(in srgb,var(--org-primary,#1665b1) 7%,#fff); }
.ds-group-sidebar__utilities i { width: 17px; color: var(--org-secondary,#1665b1); }
.group-grid-area .ds-group-sidebar .ds-side-nav__group { margin-top: 7px; }
.group-grid-area .ds-group-sidebar .ds-side-nav__section { margin: 0 !important; padding: 13px 9px 7px !important; border-top: 1px solid color-mix(in srgb,var(--org-secondary,#1665b1) 20%,transparent); color: #394552 !important; font-size: 13px; font-weight: 700; }
.group-grid-area .ds-group-sidebar .ds-side-nav__item { position: relative; display: flex; align-items: stretch; flex-wrap: wrap; width: 100%; margin: 0; padding: 0 !important; border-radius: 6px; }
.group-grid-area .ds-group-sidebar .ds-side-nav__item::before { display: none; }
.group-grid-area .ds-group-sidebar .ds-side-nav__link { box-sizing: border-box; display: flex !important; align-items: center; gap: 7px; width: 100%; min-height: 34px; padding: 8px 10px !important; border-radius: 6px; color: #5f6872 !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.25; }
.group-grid-area .ds-group-sidebar .ds-side-nav__link span { min-width: 0; }
.group-grid-area .ds-group-sidebar .ds-side-nav__link .group-private-lock { margin-left: auto; color: var(--org-secondary,#1665b1); font-size: 10px; }
.group-grid-area .ds-group-sidebar .ds-side-nav__item--parent > .ds-side-nav__link { padding-right: 28px !important; color: #394552 !important; font-weight: 750 !important; }
.group-grid-area .ds-group-sidebar .ds-side-nav__children { box-sizing: border-box; flex: 0 0 calc(100% - 15px); width: calc(100% - 15px); margin: 3px 0 3px 15px; padding: 0 0 0 9px; border-left: 1px solid color-mix(in srgb,var(--org-secondary,#1665b1) 25%,transparent); }
.group-grid-area .ds-group-sidebar .ds-side-nav__item--child .ds-side-nav__link { min-height: 30px; padding: 6px 9px !important; font-size: 12px !important; }
.group-grid-area .ds-group-sidebar .ds-side-nav__item:hover { background: transparent; }
.group-grid-area .ds-group-sidebar .ds-side-nav__link:hover,.group-grid-area .ds-group-sidebar .ds-side-nav__link:focus { color: var(--org-primary,#1665b1) !important; background: color-mix(in srgb,var(--org-primary,#1665b1) 7%,#fff); }
.group-grid-area .ds-group-sidebar .ds-side-nav__item--active { background: color-mix(in srgb,var(--org-primary,#1665b1) 11%,#fff); box-shadow: inset 3px 0 var(--org-primary,#1665b1); }
body .group-grid-area .ds-group-sidebar .ds-side-nav__item--active > .ds-side-nav__link { color: var(--org-primary,#1665b1) !important; font-weight: 800 !important; }
.ds-group-sidebar__empty { margin: 14px 0 0; color: #68737f; font-size: 12px; }
.ds-group-tabs-bar { display: flex; align-items: stretch; gap: var(--ds-space-sm, 8px); margin-bottom: var(--ds-space-md, 12px); }
.ds-group-tabs { flex: 1 1 auto; gap: 6px; margin-bottom: 0; padding: 6px; border: 1px solid rgba(18,34,53,.09); border-radius: 12px; background: #f7f9fb; }
.ds-group-tabs .nav-item { margin: 0; }
.ds-group-tabs .nav-link { min-height: 42px; padding: 11px 14px !important; border: 0 !important; border-radius: 8px !important; color: #53606d !important; font-size: 13px; font-weight: 800; line-height: 1.25; }
.ds-group-tabs .nav-link:hover,.ds-group-tabs .nav-link:focus { background: rgba(22,101,177,.07); color: var(--org-secondary,#1665b1) !important; }
.ds-group-tabs .nav-link.active { background: #fff !important; color: var(--org-secondary,#1665b1) !important; box-shadow: 0 3px 12px rgba(18,34,53,.09); }
.ds-group-follow-action { display: flex; flex: 0 0 48px; align-items: center; justify-content: center; }
.ds-group-follow-action form { margin: 0; }
.ds-group-follow-action__button { width: 40px; height: 40px; min-width: 40px; border-color: color-mix(in srgb, var(--org-secondary) 22%, transparent); background: color-mix(in srgb, var(--org-secondary) 5%, #fff); font-size: 16px; }
.ds-group-follow-action__button.is-following { color: var(--ds-status-success, #0f6b3f); border-color: color-mix(in srgb, var(--ds-status-success, #0f6b3f) 28%, transparent); background: color-mix(in srgb, var(--ds-status-success, #0f6b3f) 7%, #fff); }
.ds-group-feedback { margin: 0 0 var(--ds-space-lg, 18px); }
.ds-followers-content { padding-top: 0; }
.group-grid-area .add-document-sectionmember { margin-top: 0; }
.ds-group-toolbar { margin-bottom: 22px; padding: 18px; border: 1px solid rgba(18,34,53,.09); border-radius: 12px; background: #fff; box-shadow: 0 8px 24px rgba(18,34,53,.05); }
.ds-group-filter { margin-top: 16px; }
.ds-group-filter__row { row-gap: 12px; }
.ds-group-filter__control { width: 100%; min-height: 44px; padding: 10px 13px !important; border: 1px solid rgba(18,34,53,.16) !important; border-radius: 8px !important; background: #fff !important; color: #2f3640; font-weight: 600; }
.ds-group-filter__control:focus { border-color: var(--org-secondary,#1665b1) !important; box-shadow: 0 0 0 3px rgba(22,101,177,.12); }
.ds-group-filter__select { appearance: auto; cursor: pointer; }
.ds-group-filter__submit { min-height: 44px; }
.ds-group-results-summary { align-items: center; margin-bottom: 14px; padding: 0 2px; }
.ds-group-subtabs { margin-bottom: 18px; border-bottom: 1px solid rgba(18,34,53,.1); }
.ds-group-subtabs .nav-link { border: 0 !important; color: #64707c !important; font-weight: 700; }
.ds-group-subtabs .nav-link.active { color: var(--org-secondary,#1665b1) !important; box-shadow: inset 0 -2px var(--org-secondary,#1665b1); }
.ds-group-meeting-list { margin: 0; padding: 0; list-style: none; }
.ds-group-meeting-card { margin-bottom: 12px; padding: 17px 18px; border: 1px solid rgba(18,34,53,.09); border-radius: 10px; background: #fff; box-shadow: 0 5px 16px rgba(18,34,53,.04); }
.ds-group-section-header { padding-bottom: 16px; border-bottom: 1px solid rgba(18,34,53,.1); }
@media (max-width: 991.98px) { .ds-group-sidebar { position: static; margin-bottom: 20px; } }
@media (max-width: 767.98px) { .ds-group-tabs-bar { align-items: center; } .ds-group-tabs { display: flex; overflow-x: auto; justify-content: flex-start !important; } .ds-group-tabs .nav-item { flex: 0 0 auto; } .ds-group-follow-action { align-self: stretch; } .ds-group-toolbar { padding: 14px; } }

/* Design system catalogue */
.ds-catalog { max-width: 1180px; margin: 0 auto; padding-bottom: 48px; }
.ds-catalog > .ds-toolbar { margin-bottom: 16px; }
.ds-catalog__index { position: sticky; z-index: 20; top: 0; display: flex; flex-wrap: wrap; gap: 6px; margin: 18px 0 30px; padding: 9px; border: 1px solid rgba(18,34,53,.09); border-radius: 10px; background: rgba(255,255,255,.96); box-shadow: 0 5px 18px rgba(18,34,53,.06); }
.ds-catalog__index a { padding: 7px 10px; border-radius: 7px; color: #53606d; font-size: 12px; font-weight: 800; text-decoration: none; }
.ds-catalog__index a:hover,.ds-catalog__index a:focus { color: var(--org-primary,#1665b1); background: color-mix(in srgb,var(--org-primary,#1665b1) 9%,#fff); }
.ds-catalog__section { scroll-margin-top: 84px; margin-bottom: 42px; }
.ds-catalog__section-header { margin-bottom: 16px; }
.ds-catalog__section-header > span { color: var(--org-secondary,#faac27); font-size: 11px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.ds-catalog__section-header h2 { margin: 3px 0 5px; color: var(--org-primary,#1665b1); font-family: var(--font-accent); font-size: var(--ds-heading-section-size,32px); font-weight: 700; line-height: 1.05; text-align: left; text-transform: uppercase; }
.ds-catalog__section-header p { max-width: 760px; margin: 0; color: #68737f; font-size: 13px; font-weight: 600; line-height: 1.5; }
.ds-catalog__grid { display: grid; gap: 16px; }
.ds-catalog__grid--two { grid-template-columns: repeat(2,minmax(0,1fr)); }
.ds-catalog__row { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; }
.ds-catalog-colour { overflow: hidden; border: 1px solid rgba(18,34,53,.09); border-radius: 12px; background: #fff; box-shadow: 0 6px 20px rgba(18,34,53,.05); }
.ds-catalog-colour__swatch { display: flex; align-items: flex-end; min-height: 150px; padding: 18px; }
.ds-catalog-colour__swatch--primary { background: var(--org-primary,#1665b1); }
.ds-catalog-colour__swatch--secondary { background: var(--org-secondary,#faac27); }
.ds-catalog-colour__swatch span { padding: 5px 8px; border-radius: 5px; color: #1f2933; background: rgba(255,255,255,.92); font-size: 12px; font-weight: 900; }
.ds-catalog-colour__body { padding: 16px 18px; }
.ds-catalog-colour__body strong { display: block; color: #1f2933; font-size: 19px; }
.ds-catalog-colour__body code { display: inline-block; margin: 4px 0 10px; color: var(--org-primary,#1665b1); font-size: 12px; }
.ds-catalog-colour__body p { color: #68737f; font-size: 12px; font-weight: 600; line-height: 1.45; }
.ds-heading-page,.ds-heading-section,.ds-heading-card { margin: 0 0 12px; font-family: var(--font-accent) !important; font-weight: 700; line-height: 1.05; text-transform: uppercase; }
.ds-heading-page { color: #1f2933; font-size: var(--ds-heading-page-size,32px) !important; text-align: center; }
.ds-heading-section { color: var(--org-primary,#1665b1); font-size: var(--ds-heading-section-size,32px) !important; text-align: left; }
.ds-heading-card { color: #1f2933; font-size: var(--ds-heading-card-size,22px) !important; text-align: left; }
.ds-catalog-type p { max-width: 720px; color: #404a54; font-size: 15px; line-height: 1.65; }
.ds-catalog-type small { color: #68737f; font-weight: 700; }
.ds-catalog .ds-activity + .ds-activity { margin-top: 12px; }
.ds-catalog .ds-form-layout { margin: 0; }
.ds-admin-mobile-nav { overflow: hidden; border: 1px solid rgba(18,34,53,.1); border-radius: 9px; background: #fff; box-shadow: 0 4px 14px rgba(18,34,53,.05); }
.ds-admin-mobile-nav > summary { display: flex; gap: 9px; align-items: center; padding: 12px 14px; color: var(--org-primary,#1665b1); font-size: 13px; font-weight: 800; cursor: pointer; list-style: none; }
.ds-admin-mobile-nav > summary::-webkit-details-marker { display: none; }
.ds-admin-mobile-nav[open] > summary { border-bottom: 1px solid rgba(18,34,53,.08); }
.ds-admin-mobile-nav .ds-side-nav { padding: 14px; }
@media (max-width: 767.98px) { .ds-catalog__grid--two { grid-template-columns: 1fr; } .ds-catalog__index { position: static; overflow-x: auto; flex-wrap: nowrap; } .ds-catalog__index a { white-space: nowrap; } .ds-catalog-colour__swatch { min-height: 112px; } }

/* Design system primitives — status controls */
.ds-status-select,
.chosen-container.ds-status-select {
    min-width: 130px;
    height: 31px;
    padding: 4px 28px 4px 10px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 8px !important;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    box-shadow: none !important;
    transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease;
}

.chosen-container.ds-status-select {
    display: inline-flex;
    align-items: center;
    padding: 0 !important;
}

.chosen-container.ds-status-select .chosen-single {
    width: 100%;
    min-height: 29px;
    padding: 0 28px 0 10px;
}

.chosen-container.ds-status-select .chosen-single span {
    color: inherit !important;
}

.ds-status-select--pending,
.chosen-container.ds-status-select--pending {
    border-color: rgba(107, 114, 128, 0.36) !important;
    background-color: var(--ds-status-neutral-bg, #f3f4f6) !important;
    color: #3f4650 !important;
}

.ds-status-select--accepted,
.chosen-container.ds-status-select--accepted {
    border-color: rgba(15, 107, 63, 0.42) !important;
    background-color: var(--ds-status-success-bg, #e8f5ee) !important;
    color: var(--ds-status-success, #16794a) !important;
}

.ds-status-select--refused,
.chosen-container.ds-status-select--refused {
    border-color: rgba(180, 35, 24, 0.36) !important;
    background-color: var(--ds-status-danger-bg, #fdecec) !important;
    color: var(--ds-status-danger, #b42318) !important;
}

.chosen-container.ds-status-select--pending .chosen-drop {
    border-color: rgba(107, 114, 128, 0.28);
}

.chosen-container.ds-status-select--accepted .chosen-drop {
    border-color: rgba(15, 107, 63, 0.28);
}

.chosen-container.ds-status-select--refused .chosen-drop {
    border-color: rgba(180, 35, 24, 0.24);
}

.ds-status-select:focus,
.chosen-container.ds-status-select.chosen-container-active {
    outline: 2px solid rgba(22, 101, 177, 0.16);
    outline-offset: 2px;
}

.ds-dashboard-item__actions {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.ds-dashboard-icon-action {
    width: 28px;
    height: 28px;
    min-width: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--org-secondary, #1665b1);
    color: #fff !important;
    text-decoration: none;
    transition: background-color 140ms ease, color 140ms ease;
}

.ds-dashboard-icon-action:hover,
.ds-dashboard-icon-action:focus {
    background: var(--org-primary, #faac27);
    color: #fff !important;
    text-decoration: none;
}

.ds-dashboard-icon-action i {
    margin: 0 !important;
    color: inherit !important;
    font-size: 13px !important;
    line-height: 1;
}

.ds-dashboard-empty {
    margin: 0;
    padding: 14px 10px;
    border: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px;
    color: #5f6872;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
}

.ds-dashboard-empty.ds-empty-state {
    padding: 14px 10px;
}

.ds-dashboard-empty .ds-empty-state__title {
    color: var(--ds-text-muted);
    font-family: var(--font-body);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    text-transform: none;
}

/* Design system primitives — main navigation */
#js-header .navbar {
    min-height: 74px;
    transition: min-height 0.2s ease;
}

#js-header .navbar-brand {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    padding: 0;
}

#js-header .navbar-brand #logo-nav {
    width: auto;
    max-width: 220px !important;
    max-height: 58px !important;
    object-fit: contain;
    transition: max-width 0.2s ease, max-height 0.2s ease;
}

#js-header.js-header-fix-moment .navbar,
#js-header .u-header__section.g-py-5 .navbar {
    min-height: 46px;
}

#js-header.js-header-fix-moment .navbar-brand #logo-nav,
#js-header .u-header__section.g-py-5 .navbar-brand #logo-nav {
    max-width: 130px !important;
    max-height: 34px !important;
}

@media (min-width: 992px) {
    #js-header #navBar .navbar-nav {
        align-items: center;
        flex-wrap: nowrap;
    }

    #js-header #navBar .navbar-nav .nav-item {
        flex: 0 0 auto;
        margin-left: 0;
    }

    #js-header #navBar .navbar-nav .nav-item + .nav-item {
        margin-left: clamp(22px, 2.4vw, 38px);
    }

    #js-header #navBar .navbar-nav .nav-link {
        display: inline-flex;
        align-items: center;
        white-space: nowrap;
        line-height: 1.2;
    }
}

@media (max-width: 991.98px) {
    #js-header .navbar {
        min-height: 58px;
    }

    #js-header .navbar-brand #logo-nav {
        max-width: 160px !important;
        max-height: 44px !important;
    }

    #js-header.js-header-fix-moment .navbar-brand #logo-nav,
    #js-header .u-header__section.g-py-5 .navbar-brand #logo-nav {
        max-width: 130px !important;
        max-height: 36px !important;
    }
}

@media (max-width: 767.98px) {
    .ds-association-activity__grid {
        grid-template-columns: 1fr;
    }

    .ds-priority-areas__grid,
    .ds-quick-actions__list {
        grid-template-columns: 1fr;
    }

    .ds-dashboard-card {
        padding: 14px;
    }

    .ds-dashboard-message {
        padding: 14px;
    }

    .ds-dashboard-kb-board__grid {
        grid-template-columns: 1fr;
    }

    .ds-dashboard-kb-column + .ds-dashboard-kb-column {
        padding-top: 16px;
        padding-left: 0;
        border-top: 1px solid color-mix(in srgb, var(--org-primary) 42%, transparent);
        border-left: 0;
    }

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

    .ds-dashboard-item__control,
    .ds-dashboard-item__actions {
        align-self: flex-start;
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .ds-priority-areas__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Design system primitive — privacy markers */
.group-private-lock {
    color: var(--org-primary, #faac27);
    font-size: 0.78em;
    line-height: 1;
    vertical-align: 0.04em;
}

/* Design system primitives — footer */
#contacts-section.footergrid,
#contacts-section.ds-footer {
    position: relative;
    overflow: hidden;
    padding: 58px 0 48px;
    background-color: var(--org-primary, #1665b1);
    background-color: color-mix(in srgb, var(--org-primary, #1665b1) 72%, #000 28%);
    background-image:
        radial-gradient(circle at 18px 18px, rgba(255, 255, 255, 0.08) 0 1px, transparent 1.2px),
        linear-gradient(135deg, rgba(255, 255, 255, 0.055), rgba(0, 0, 0, 0.08));
    background-repeat: repeat, no-repeat;
    background-size: 34px 34px, 100% 100%;
    background-position: 0 0, center;
    color: rgba(255, 255, 255, 0.86);
}

#contacts-section.footergrid .row {
    row-gap: 30px;
}

#contacts-section.footergrid .u-heading-v2-3--bottom {
    margin-bottom: 18px !important;
    padding-bottom: 0;
    border-bottom: 0 !important;
}

#contacts-section.footergrid h2 {
    margin: 0;
    padding-bottom: 0;
    color: #fff;
    font-family: var(--font-accent, 'Barlow Condensed', 'Arial Narrow', sans-serif);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: uppercase;
}

#contacts-section.footergrid address,
#contacts-section.footergrid .footer-contact,
#contacts-section.footergrid .footer-contact p,
#contacts-section.footergrid .footer-widget-content,
#contacts-section.footergrid .footer-widget-content p,
#contacts-section.footergrid .footer-widget-content li {
    color: rgba(255, 255, 255, 0.84);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.55;
}

#contacts-section.footergrid .footer-widget-content ul,
#contacts-section.footergrid .footer-widget-content ol {
    margin-bottom: 0;
    padding-left: 18px;
}

#contacts-section.footergrid .footer-widget-content p:last-child,
#contacts-section.footergrid .footer-widget-content ul:last-child,
#contacts-section.footergrid .footer-widget-content ol:last-child {
    margin-bottom: 0;
}

#contacts-section.footergrid a {
    color: rgba(255, 255, 255, 0.9) !important;
    text-decoration: none;
    transition: color 140ms ease, text-decoration-color 140ms ease;
}

#contacts-section.footergrid a:hover,
#contacts-section.footergrid a:focus {
    color: #fff !important;
    text-decoration: underline;
    text-underline-offset: 3px;
}

#contacts-section.footergrid .d-flex + .d-flex {
    margin-top: 7px;
}

#contacts-section.footergrid .u-icon-vvv4 {
    color: rgba(255, 255, 255, 0.88);
}

#contacts-section.footergrid .u-icon-vvv4 i {
    color: inherit !important;
    font-size: 13px;
}

#contacts-section.footergrid .footerlogo {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#contacts-section.footergrid .footerlogo img {
    width: auto;
    height: auto;
    max-width: 220px;
    max-height: 140px;
    object-fit: contain;
}

.footer-section-gap {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    background-color: var(--org-secondary, #faac27) !important;
    background-color: color-mix(in srgb, var(--org-secondary, #faac27) 82%, #000 18%) !important;
    color: rgba(255, 255, 255, 0.84) !important;
}

.footer-section-gap small,
.footer-section-gap span,
.footer-section-gap a {
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 12px;
    line-height: 1.4;
}

.footer-section-gap a {
    text-decoration: none;
    transition: color 140ms ease, text-decoration-color 140ms ease;
}

.footer-section-gap a:hover,
.footer-section-gap a:focus,
.footer-section-gap a:hover i,
.footer-section-gap a:focus i {
    color: #fff !important;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.footer-section-gap .align-self-center ul li a i {
    color: rgba(255, 255, 255, 0.84) !important;
    font-size: 14px;
}

@media (max-width: 991.98px) {
    #contacts-section.footergrid .footerlogo {
        justify-content: flex-start;
    }
}

@media (max-width: 767.98px) {
    #contacts-section.footergrid {
        padding: 42px 0 36px;
    }

    #contacts-section.footergrid h2 {
        font-size: 17px;
    }

    .footer-section-gap .d-lg-flex,
    .footer-section-gap .u-list-inline {
        flex-wrap: wrap;
        gap: 6px 10px;
        justify-content: center;
    }

    .footer-section-gap small {
        margin-right: 0 !important;
    }
}

.ds-side-nav__item--parent > .ds-side-nav__badge { right: 36px; }
.ds-pagination .pagination { flex-wrap: wrap; gap: 5px; margin: 0; }
.ds-pagination .page-link { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; min-height: 38px; padding: 7px 11px; border: 1px solid #d8dee5; border-radius: 7px !important; color: var(--org-primary); font-weight: 700; }
.ds-pagination .page-link:hover, .ds-pagination .page-link:focus-visible { z-index: 1; border-color: var(--org-primary); background: color-mix(in srgb,var(--org-primary) 8%,#fff); box-shadow: 0 0 0 3px color-mix(in srgb,var(--org-primary) 18%,transparent); }
.ds-pagination .page-item.active .page-link { border-color: var(--org-primary); background: var(--org-primary); color: var(--org-primary-contrast,#fff); }
.ds-pagination .page-item.disabled .page-link { border-color: #e5e9ee; background: #f5f7f9; color: #8a96a3; }
.ds-pagination__label { margin: 0 5px; }
@media (max-width: 575.98px) { .ds-pagination__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; } }
.ds-contact-page { max-width: 1080px; margin: 0 auto; }
.ds-contact-page > .ds-toolbar { margin-bottom: 18px; }
.ds-contact-page__grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); gap: 18px; align-items: start; }
.ds-contact-list { display: grid; gap: 18px; margin: 0; font-style: normal; }
.ds-contact-list__item { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 12px; align-items: start; }
.ds-contact-list__item > i { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 8px; color: var(--org-primary); background: color-mix(in srgb,var(--org-primary) 10%,#fff); }
.ds-contact-list__item div { display: grid; gap: 2px; }
.ds-contact-list__item strong { color: #293440; font-size: 13px; }
.ds-contact-list__item span, .ds-contact-list__item a { overflow-wrap: anywhere; color: #596675; font-size: 14px; line-height: 1.5; }
.ds-contact-list__item a { color: var(--org-primary); font-weight: 700; }
.ds-contact-page__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.ds-contact-social { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.ds-contact-social a { display: flex; align-items: center; gap: 10px; min-height: 42px; padding: 9px 11px; border-radius: 7px; color: #394552; font-weight: 700; }
.ds-contact-social a:hover, .ds-contact-social a:focus { color: var(--org-primary); background: color-mix(in srgb,var(--org-primary) 8%,#fff); text-decoration: none; }
.ds-contact-social i { width: 20px; color: var(--org-secondary); text-align: center; }
@media (max-width: 767.98px) { .ds-contact-page__grid { grid-template-columns: 1fr; } .ds-contact-page__actions .ds-button { width: 100%; justify-content: center; } }
/* Design system — responsive member agenda */
.ds-user-agenda-page { max-width: 1040px; margin: 0 auto; }
.ds-user-agenda-page > .ds-toolbar { margin-bottom: 18px; }
.ds-user-agenda-feedback { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 12px; color: #5f6872; font-size: 13px; font-weight: 700; }
.ds-user-agenda-feedback[hidden] { display: none !important; }
.ds-user-agenda-months, .ds-user-agenda-cards { display: grid; gap: 14px; }
.ds-user-agenda-month-section + .ds-user-agenda-month-section { margin-top: 26px; }
.ds-user-agenda-month { margin: 0 0 10px; padding-bottom: 8px; border-bottom: 1px solid color-mix(in srgb,var(--org-primary) 20%,#e3e8ed); color: var(--org-primary); font-family: var(--font-accent); font-size: 21px; font-weight: 600; line-height: 1.2; text-transform: uppercase; }
.ds-user-agenda-card { display: grid; grid-template-columns: 64px minmax(0,1fr) 170px; gap: 16px; align-items: center; padding: 16px 18px; border: 1px solid #e0e5ea; border-radius: var(--ds-radius-lg,10px); background: #fff; box-shadow: var(--ds-shadow-card,0 4px 14px rgba(18,34,53,.06)); transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease; }
.ds-user-agenda-card:hover { border-color: color-mix(in srgb,var(--org-primary) 32%,#dce2e8); box-shadow: 0 8px 22px rgba(18,34,53,.09); transform: translateY(-1px); }
.ds-user-agenda-card__date { display: grid; justify-items: center; align-content: center; min-height: 62px; border-radius: 9px; color: var(--org-primary); background: color-mix(in srgb,var(--org-primary) 10%,#fff); line-height: 1; text-transform: uppercase; }
.ds-user-agenda-card__date span { font-size: 11px; font-weight: 800; letter-spacing: .05em; }
.ds-user-agenda-card__date strong { margin-top: 4px; font-family: var(--font-accent); font-size: 28px; font-weight: 600; }
.ds-user-agenda-card__body { min-width: 0; }
.ds-user-agenda-card__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.ds-user-agenda-card__time { display: flex; gap: 7px; align-items: baseline; margin: 6px 0 0; color: #65717d; font-size: 12px; font-weight: 600; line-height: 1.4; }
.ds-user-agenda-card__time i { color: var(--org-secondary); }
.ds-user-agenda-card__type { flex: 0 0 auto; padding: 4px 8px; border-radius: 999px; color: var(--org-secondary); background: color-mix(in srgb,var(--org-secondary) 10%,#fff); font-size: 11px; font-weight: 800; }
.ds-user-agenda-card__groups { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 10px; color: #6b7681; font-size: 11px; }
.ds-user-agenda-card__groups i { margin-right: 2px; color: var(--org-secondary); }
.ds-user-agenda-card__groups span { padding: 3px 7px; border-radius: 5px; background: #f2f5f7; font-weight: 700; }
.ds-user-agenda-card__participation { display: grid; gap: 5px; justify-items: stretch; padding-left: 16px; border-left: 1px solid #e5e9ed; }
.ds-user-agenda-card__participation label { margin: 0; color: #56616d; font-size: 11px; font-weight: 800; }
.ds-user-agenda-card__participation .ds-form-select { width: 100%; min-height: 38px; }
.ds-user-agenda-card__status { color: #727d88; font-size: 12px; font-weight: 700; line-height: 1.35; }
@media (max-width: 767.98px) { .ds-user-agenda-card { grid-template-columns: 52px minmax(0,1fr); gap: 12px; padding: 14px; } .ds-user-agenda-card__date { min-height: 54px; } .ds-user-agenda-card__heading { display: grid; justify-content: stretch; } .ds-user-agenda-card__type { justify-self: start; } .ds-user-agenda-card__participation { grid-column: 1 / -1; padding: 12px 0 0; border-top: 1px solid #e5e9ed; border-left: 0; } }
@media (max-width: 389.98px) { .ds-user-agenda-card { grid-template-columns: 1fr; } .ds-user-agenda-card__date { display: none; } .ds-user-agenda-card__participation { grid-column: auto; } }
/* Design system — responsive admin agenda lists */
.ds-admin-agenda-list { width: 100%; max-width: 1180px; margin: 0 auto; }
.ds-admin-agenda-list > .ds-toolbar { margin-bottom: 18px; }
.ds-admin-agenda-cards { display: grid; gap: 12px; }
.ds-admin-agenda-card { display: grid; grid-template-columns: 62px minmax(0,1fr) auto; gap: 16px; align-items: center; padding: 15px 16px; border: 1px solid #e0e5ea; border-radius: var(--ds-radius-lg,10px); background: #fff; box-shadow: var(--ds-shadow-card,0 4px 14px rgba(18,34,53,.06)); }
.ds-admin-agenda-card__date { display: grid; justify-items: center; align-content: center; min-height: 66px; border-radius: 9px; color: var(--org-primary); background: color-mix(in srgb,var(--org-primary) 10%,#fff); line-height: 1; text-transform: uppercase; }
.ds-admin-agenda-card__date span, .ds-admin-agenda-card__date small { font-size: 10px; font-weight: 800; }
.ds-admin-agenda-card__date strong { margin: 3px 0; font-family: var(--font-accent); font-size: 25px; font-weight: 600; }
.ds-admin-agenda-card__content { min-width: 0; }
.ds-admin-agenda-card__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.ds-admin-agenda-card__type { flex: 0 0 auto; padding: 4px 8px; border-radius: 999px; color: var(--org-secondary); background: color-mix(in srgb,var(--org-secondary) 10%,#fff); font-size: 11px; font-weight: 800; }
.ds-admin-agenda-card__time { display: flex; align-items: baseline; gap: 7px; margin: 6px 0 0; color: #66727e; font-size: 12px; font-weight: 600; }
.ds-admin-agenda-card__time i { color: var(--org-secondary); }
.ds-admin-agenda-card__groups { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 9px; }
.ds-admin-agenda-card__groups span { padding: 3px 7px; border-radius: 5px; background: #f1f4f6; color: #596572; font-size: 11px; font-weight: 700; }
.ds-admin-agenda-card__attendance { margin: 8px 0 0; color: #6b7681; font-size: 11px; }
.ds-admin-agenda-card__attendance strong { color: var(--org-primary); }
.ds-admin-agenda-card__actions { display: flex; align-items: center; justify-content: flex-end; gap: 5px; padding-left: 14px; border-left: 1px solid #e5e9ed; }
.ds-admin-agenda-card__actions .ds-icon-button { flex: 0 0 auto; }
@media (max-width: 767.98px) { .ds-admin-agenda-card { grid-template-columns: 52px minmax(0,1fr); gap: 12px; } .ds-admin-agenda-card__heading { display: grid; } .ds-admin-agenda-card__type { justify-self: start; } .ds-admin-agenda-card__actions { grid-column: 1 / -1; justify-content: flex-start; padding: 11px 0 0; border-top: 1px solid #e5e9ed; border-left: 0; } }
@media (max-width: 389.98px) { .ds-admin-agenda-card { grid-template-columns: 1fr; } .ds-admin-agenda-card__date { display: none; } .ds-admin-agenda-card__actions { grid-column: auto; } }
/* Design system — group document search */
.ds-group-search { max-width: 1040px; margin: 0 auto; }
.ds-group-search > .ds-toolbar { margin-bottom: 18px; }
.ds-group-search .ds-heading-page { margin-bottom: 0; text-align: left; }
.ds-group-search__filters { margin-bottom: 18px; }
.ds-group-search__form { display: grid; grid-template-columns: minmax(220px,1fr) minmax(150px,.45fr) minmax(150px,.45fr) auto; gap: 12px; align-items: end; }
.ds-group-search__form .form-group { margin-bottom: 0; }
.ds-group-search__submit { padding-bottom: 1px; }
.ds-group-search__submit .ds-btn { min-height: 42px; }
.ds-group-search__summary { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px; margin: 22px 0 12px; color: #65717d; font-size: 13px; font-weight: 600; }
.ds-group-search__summary > div { display: flex; align-items: baseline; gap: 6px; }
.ds-group-search__summary strong { color: var(--org-primary); font-family: var(--font-accent); font-size: 24px; font-weight: 700; line-height: 1; }
.ds-group-search__query { color: #3f4b57; }
.ds-group-search__results { display: grid; gap: 12px; }
.ds-group-search__results .ds-list-card { margin: 0; }
.ds-group-search__results .ds-list-card__meta { margin-top: 10px; }
.ds-group-search__results .ds-list-card__meta i { color: var(--org-secondary); }
.ds-group-search__results .ds-list-card__meta > span { display: inline-flex; align-items: center; gap: 5px; }
@media (max-width: 991.98px) { .ds-group-search__form { grid-template-columns: 1fr 1fr; } .ds-group-search__form .form-group:first-child { grid-column: 1 / -1; } .ds-group-search__submit { align-self: end; } }
@media (max-width: 575.98px) { .ds-group-search__form { grid-template-columns: 1fr; } .ds-group-search__form .form-group:first-child { grid-column: auto; } .ds-group-search__submit .ds-btn { width: 100%; justify-content: center; } .ds-group-search__results .ds-list-card__header { display: grid; } .ds-group-search__results .ds-list-card__actions { justify-content: flex-start; } }

/* Knowledge Base domain styles — consolidated from Blade */
.kb-toolbar {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 18px;
}

.kb-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
}

.kb-tabs a {
    background: #fff;
    border: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px;
    color: #5f6872;
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    font-weight: 700;
    min-height: 34px;
    padding: 7px 12px;
    text-decoration: none;
}

.kb-tabs a.active,
.kb-tabs a:hover {
    background: rgba(22, 101, 177, 0.08);
    border-color: rgba(22, 101, 177, 0.16);
    color: var(--org-secondary, #1665b1);
    text-decoration: none;
}

.kb-panel {
    background-color: #fff;
    border: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px;
    box-shadow: none;
    padding: 22px;
}

.kb-admin-list-panel {
    overflow: hidden;
}

.kb-table td,
.kb-table th {
    vertical-align: middle !important;
}

.kb-actions {
    white-space: nowrap;
    width: 96px;
    text-align: right;
}

.kb-actions a {
    align-items: center;
    border-radius: 7px;
    display: inline-flex;
    height: 28px;
    justify-content: center;
    margin-left: 2px;
    padding: 0;
    text-decoration: none;
    width: 28px;
}

.kb-actions i {
    color: inherit !important;
    font-size: 14px !important;
    margin-right: 0;
}

.kb-actions a:not(.ds-admin-list-row__action--delete) {
    color: var(--org-secondary, #1665b1);
}

.kb-actions a:hover,
.kb-actions a:focus {
    background: rgba(22, 101, 177, 0.08);
    color: var(--org-secondary, #1665b1);
}

.kb-actions a.ds-admin-list-row__action--delete:hover,
.kb-actions a.ds-admin-list-row__action--delete:focus {
    background: rgba(180, 35, 24, 0.08);
}

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

.kb-form-grid .span-2 {
    grid-column: span 2;
}

.kb-form-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 26px;
}

.kb-form-actions .kb-form-button {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 7px !important;
    box-shadow: 0 3px 8px rgba(18, 34, 53, 0.12);
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    justify-content: center;
    line-height: 1.2;
    margin-bottom: 0;
    min-height: 40px;
    padding: 9px 18px;
    transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
}

.kb-form-actions .kb-form-button--secondary {
    background: var(--org-primary, #faac27);
    border-color: var(--org-primary, #faac27);
    color: #fff;
}

.kb-form-actions .kb-form-button--secondary:hover,
.kb-form-actions .kb-form-button--secondary:focus {
    background: var(--org-secondary, #1665b1);
    border-color: var(--org-secondary, #1665b1);
    color: #fff;
    text-decoration: none;
}

.kb-label {
    color: #4b5563;
    display: block;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 7px;
}

.kb-required {
    color: #dc3545;
    font-weight: 600;
}

.kb-status {
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    font-weight: 700;
    min-height: 22px;
    padding: 3px 8px;
    text-transform: capitalize;
}

.kb-status-draft {
    background: #e9ecef;
    color: #495057;
}

.kb-status-published,
.kb-active {
    background: var(--ds-status-success-bg, #dff3e8);
    color: var(--ds-status-success, #0f6b3f);
}

.kb-status-archived,
.kb-inactive {
    background: var(--ds-status-danger-bg, #fdecec);
    color: var(--ds-status-danger, #b42318);
}

.kb-muted {
    color: #999;
}

.kb-filters {
    background: #f7f9fb;
    border: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px;
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-bottom: 18px;
    padding: 14px;
}

.kb-filters .kb-filter-actions {
    align-items: center;
    display: flex;
    gap: 8px;
    grid-column: 1 / -1;
}

.kb-filters .kb-filter-actions .kb-filter-button {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 7px !important;
    box-shadow: 0 3px 8px rgba(18, 34, 53, 0.12);
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    justify-content: center;
    line-height: 1.2;
    margin-bottom: 0;
    min-height: 38px;
    min-width: 74px;
    padding: 8px 14px;
    transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
}

.kb-filters .kb-filter-actions .kb-filter-button--secondary {
    background: var(--org-primary, #faac27);
    border-color: var(--org-primary, #faac27);
    color: #fff;
}

.kb-filters .kb-filter-actions .kb-filter-button--secondary:hover,
.kb-filters .kb-filter-actions .kb-filter-button--secondary:focus {
    background: var(--org-secondary, #1665b1);
    border-color: var(--org-secondary, #1665b1);
    color: #fff;
    text-decoration: none;
}

.kb-panel .form-control,
.kb-filters .form-control {
    border: 1px solid rgba(18, 34, 53, 0.14);
    border-radius: 7px;
    box-shadow: none;
    color: #2f3640;
    font-family: var(--font-body);
    font-size: 13px;
    font-weight: 500;
    min-height: 38px;
    padding: 8px 10px;
}

.kb-panel input.form-control,
.kb-panel textarea.form-control,
.kb-filters input.form-control {
    border-left: 1px solid rgba(18, 34, 53, 0.14) !important;
}

.kb-panel textarea.form-control {
    line-height: 1.45;
}

.kb-panel .form-control:focus,
.kb-filters .form-control:focus {
    border-color: var(--org-secondary, #1665b1);
    box-shadow: 0 0 0 2px rgba(22, 101, 177, 0.10);
}

.kb-table {
    border-collapse: separate;
    border-spacing: 0 8px;
    margin-bottom: 0;
}

.kb-table thead th {
    border: 0;
    color: #5f6872;
    font-size: 11px;
    font-weight: 800;
    padding: 0 12px 3px;
    text-transform: uppercase;
}

.kb-table tbody tr {
    background: transparent;
}

.kb-table tbody tr td {
    background: #fff;
    border-bottom: 1px solid rgba(18, 34, 53, 0.08);
    border-top: 1px solid rgba(18, 34, 53, 0.08);
    color: #2f3640;
    font-size: 13px;
    padding: 10px 12px;
}

.kb-table tbody tr td:first-child {
    border-left: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px 0 0 8px;
}

.kb-table tbody tr td:last-child {
    border-radius: 0 8px 8px 0;
    border-right: 1px solid rgba(18, 34, 53, 0.08);
}

.kb-table tbody tr:hover td {
    background: rgba(18, 34, 53, 0.015);
}

.kb-table a,
.kb-table .ds-admin-list-row__title {
    color: var(--org-secondary, #1665b1);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none;
}

.kb-table a:hover,
.kb-table a:focus {
    color: var(--org-primary, #faac27);
    text-decoration: none;
}

.kb-panel .pagination {
    gap: 4px;
    margin-bottom: 0;
}

.kb-panel .page-link {
    align-items: center;
    border: 1px solid rgba(18, 34, 53, 0.10);
    border-radius: 6px;
    color: var(--org-secondary, #1665b1);
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    justify-content: center;
    min-height: 32px;
    min-width: 32px;
    padding: 6px 10px;
}

.kb-panel .page-link:hover,
.kb-panel .page-link:focus {
    background: rgba(22, 101, 177, 0.08);
    border-color: rgba(22, 101, 177, 0.18);
    color: var(--org-secondary, #1665b1);
    text-decoration: none;
}

.kb-panel .page-item.active .page-link,
.kb-panel .page-item.active .page-link:hover,
.kb-panel .page-item.active .page-link:focus {
    background: var(--org-secondary, #1665b1);
    border-color: var(--org-secondary, #1665b1);
    color: #fff;
}

.kb-panel .page-item.disabled .page-link {
    background: #f7f9fb;
    border-color: rgba(18, 34, 53, 0.08);
    color: #9aa3ad;
}

.kb-attachments-panel,
.kb-secure-file-manager {
    margin-top: 18px;
}

.kb-panel-subtitle {
    font-size: 12px;
    line-height: 1.35;
    margin-top: 4px;
}

.kb-attachment-upload,
.kb-file-manager-form {
    background: #f7f9fb;
    border: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px;
    margin-bottom: 16px;
    padding: 14px;
}

.kb-file-manager-form__grid {
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.5fr);
}

.kb-file-manager-picker {
    align-items: stretch;
    display: flex;
    gap: 8px;
}

.kb-file-manager-picker .form-control {
    min-width: 0;
}

.kb-file-manager-picker .kb-form-button {
    flex: 0 0 auto;
    white-space: nowrap;
}

.kb-attachment-upload__actions,
.kb-file-manager-form__actions {
    align-items: end;
    display: flex;
    justify-content: flex-end;
    margin-top: 12px;
}

.kb-attachment-list {
    display: grid;
    gap: 8px;
}

.kb-attachment-item {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px;
    display: flex;
    gap: 14px;
    justify-content: space-between;
    padding: 10px 12px;
    transition: background-color 140ms ease, border-color 140ms ease;
}

.kb-attachment-item:hover {
    background: rgba(18, 34, 53, 0.015);
    border-color: rgba(18, 34, 53, 0.13);
}

.kb-attachment-item__body {
    min-width: 0;
}

.kb-attachment-item__title {
    color: var(--org-secondary, #1665b1);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.3;
}

.kb-attachment-item__meta {
    color: #6b7280;
    font-size: 12px;
    line-height: 1.35;
    margin-top: 2px;
}

.kb-attachment-item__actions {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 4px;
}

.kb-attachment-item__actions form {
    margin: 0;
}

.kb-attachment-item__actions .ds-admin-list-row__action {
    background: transparent;
    border: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;
}

.kb-empty-state {
    background: #f7f9fb;
    border: 1px dashed rgba(18, 34, 53, 0.14);
    border-radius: 8px;
    color: #6b7280;
    font-size: 13px;
    padding: 14px;
    text-align: center;
}

.kb-checkbox-field {
    align-items: flex-start;
    background: #f7f9fb;
    border: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px;
    display: flex;
    gap: 10px;
    margin: 0;
    padding: 12px 14px;
}

.kb-checkbox-field input {
    margin-top: 3px;
}

.kb-checkbox-field strong {
    color: #1f2933;
    display: block;
    font-size: 13px;
    line-height: 1.25;
}

.kb-checkbox-field small {
    color: #6b7280;
    display: block;
    font-size: 12px;
    line-height: 1.35;
    margin-top: 3px;
}

.kb-public {
    max-width: 1120px;
    margin: 0 auto;
}

.kb-public-hero {
    margin-bottom: 18px;
    text-align: center;
}

.kb-public-hero h2 {
    color: #111827;
    font-family: var(--font-accent, 'Barlow Condensed', 'Arial Narrow', sans-serif);
    font-size: 30px;
    font-weight: 700;
    line-height: 1.15;
    margin: 0;
    text-transform: uppercase;
}

.kb-public-hero p {
    color: #6b7280;
    font-size: 14px;
    line-height: 1.45;
    margin: 8px auto 0;
    max-width: 620px;
}

.kb-public-back {
    color: var(--org-secondary, #1665b1);
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    gap: 6px;
    margin-bottom: 10px;
    text-decoration: none;
}

.kb-public-back:hover,
.kb-public-back:focus {
    color: var(--org-primary, #faac27);
    text-decoration: none;
}

.kb-public-search {
    grid-template-columns: minmax(220px, 1.35fr) repeat(3, minmax(150px, 1fr));
    margin-bottom: 18px;
}

.kb-public-filter-panel {
    margin-bottom: 18px;
}

.kb-public-filter-panel .kb-filter-field {
    min-width: 0;
}

.kb-public-layout {
    align-items: start;
    display: grid;
    gap: 18px;
    grid-template-columns: 260px minmax(0, 1fr);
}

.kb-public-layout__content {
    min-width: 0;
}

.kb-category-nav {
    padding: 16px;
    position: sticky;
    top: 14px;
}

.kb-category-nav__header {
    align-items: flex-start;
    border-bottom: 0;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 10px;
    padding-bottom: 0;
}

.kb-category-nav__header h3 {
    color: #1f2933;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.25;
    margin: 0;
}

.kb-category-nav__header a {
    color: var(--org-secondary, #1665b1);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.3;
    text-decoration: none;
    white-space: nowrap;
}

.kb-category-nav__header a:hover,
.kb-category-nav__header a:focus {
    color: var(--org-primary, #faac27);
    text-decoration: none;
}

.kb-category-nav__list {
    display: grid;
    gap: 4px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.kb-category-nav__list--child {
    border-left: 1px solid rgba(18, 34, 53, 0.10);
    display: none;
    margin: 4px 0 4px 10px;
    padding-left: 8px;
}

.kb-category-nav__item.is-expanded > .kb-category-nav__list--child {
    display: grid;
}

.kb-category-nav__row {
    align-items: center;
    display: flex;
    gap: 4px;
}

.kb-category-nav__link {
    align-items: center;
    border-radius: 7px;
    color: #4b5563;
    display: flex;
    font-size: 13px;
    font-weight: 700;
    gap: 8px;
    justify-content: space-between;
    line-height: 1.3;
    min-height: 32px;
    min-width: 0;
    padding: 7px 8px;
    text-decoration: none;
    flex: 1 1 auto;
}

.kb-category-nav__link span {
    min-width: 0;
}

.kb-category-nav__link em {
    color: #8a949f;
    flex: 0 0 auto;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
}

.kb-category-nav__toggle {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 7px;
    color: #6b7280;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    height: 32px;
    justify-content: center;
    padding: 0;
    width: 28px;
}

.kb-category-nav__toggle i {
    font-size: 13px;
    margin: 0;
    transition: transform 140ms ease;
}

.kb-category-nav__item.is-expanded > .kb-category-nav__row .kb-category-nav__toggle i {
    transform: rotate(180deg);
}

.kb-category-nav__toggle:hover,
.kb-category-nav__toggle:focus {
    background: rgba(22, 101, 177, 0.08);
    color: var(--org-secondary, #1665b1);
    outline: none;
}

.kb-category-nav__link:hover,
.kb-category-nav__link:focus {
    background: rgba(22, 101, 177, 0.08);
    color: var(--org-secondary, #1665b1);
    text-decoration: none;
}

.kb-category-nav__item.is-active > .kb-category-nav__link {
    background: rgba(22, 101, 177, 0.10);
    color: var(--org-secondary, #1665b1);
}

.kb-category-nav__item.is-active > .kb-category-nav__row .kb-category-nav__link {
    background: rgba(22, 101, 177, 0.10);
    color: var(--org-secondary, #1665b1);
}

.kb-category-nav__item.is-active > .kb-category-nav__link em {
    color: var(--org-secondary, #1665b1);
}

.kb-category-nav__item.is-active > .kb-category-nav__row .kb-category-nav__link em {
    color: var(--org-secondary, #1665b1);
}

.kb-category-nav__empty {
    color: #6b7280;
    font-size: 13px;
    padding: 8px;
}

.kb-category-nav.ds-side-nav .ds-side-nav__section {
    border-bottom: 0;
    padding: 3px 0;
}

.kb-category-nav.ds-side-nav .ds-side-nav__list {
    gap: 2px;
}

.kb-category-nav.ds-side-nav .ds-side-nav__link {
    align-items: baseline;
    color: #5f6872 !important;
    display: flex;
    font-family: var(--font-body, 'Inter', system-ui, sans-serif) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    gap: 6px;
    justify-content: flex-start;
    letter-spacing: 0;
    line-height: 1.32;
    text-transform: none;
}

.kb-category-nav.ds-side-nav .ds-side-nav__link span {
    color: #7b8490;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 600;
}

.kb-category-nav.ds-side-nav .ds-side-nav__link:hover,
.kb-category-nav.ds-side-nav .ds-side-nav__link:focus,
.kb-category-nav.ds-side-nav .kb-category-nav__item.is-active > .ds-side-nav__link {
    color: var(--org-secondary, #1665b1) !important;
}

.kb-category-nav.ds-side-nav .kb-category-nav__item.is-active > .ds-side-nav__link span {
    color: var(--org-secondary, #1665b1);
}

.kb-public-section,
.kb-public-pinned {
    margin-bottom: 18px;
}

.kb-public-section__header {
    align-items: flex-start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 14px;
}

.kb-public-section__header h3 {
    color: #1f2933;
    font-family: var(--font-accent, 'Barlow Condensed', 'Arial Narrow', sans-serif);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.15;
    margin: 0;
    text-transform: uppercase;
}

.kb-public-section__header p {
    color: #6b7280;
    font-size: 13px;
    line-height: 1.4;
    margin: 5px 0 0;
}

.kb-public-section__header span {
    color: #6b7280;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.kb-public-pinned {
    border-color: rgba(22, 101, 177, 0.18);
    box-shadow: 0 8px 20px rgba(18, 34, 53, 0.04);
}

.kb-public-pinned__grid,
.kb-public-category-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.kb-public-pinned-card {
    background: #f7f9fb;
    border: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px;
    color: inherit;
    display: block;
    padding: 16px;
    text-decoration: none;
    transition: background-color 140ms ease, border-color 140ms ease;
}

.kb-public-pinned-card:hover,
.kb-public-pinned-card:focus {
    background: rgba(18, 34, 53, 0.02);
    border-color: rgba(22, 101, 177, 0.2);
    text-decoration: none;
}

.kb-public-pinned-card__title-row {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.kb-public-pinned-card__title-row > a {
    flex: 1 1 auto;
    min-width: 0;
    text-decoration: none;
}

.kb-public-pinned-card strong {
    color: var(--org-secondary, #1665b1);
    display: block;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
}

.kb-public-pinned-card__meta {
    align-items: center;
    color: #6b7280;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
    margin-top: 9px;
}

.kb-public-pinned-card p {
    color: #4b5563;
    font-size: 13px;
    line-height: 1.4;
    margin: 8px 0 0;
}

.kb-public-category-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.kb-public-doc-list {
    display: grid;
    gap: 10px;
}

.kb-public-doc-row {
    align-items: flex-start;
    background: #fff;
    border: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px;
    color: inherit;
    display: flex;
    gap: 14px;
    justify-content: space-between;
    min-height: 48px;
    padding: 13px 14px;
    text-decoration: none;
    transition: background-color 140ms ease, border-color 140ms ease;
}

.kb-public-doc-row:hover {
    background: rgba(18, 34, 53, 0.015);
    border-color: rgba(22, 101, 177, 0.18);
    text-decoration: none;
}

.kb-public-doc-row__body {
    flex: 1 1 auto;
    min-width: 0;
}

.kb-public-doc-row__title-row,
.kb-public-detail-title-row {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    min-width: 0;
}

.kb-public-doc-row__title {
    color: var(--org-secondary, #1665b1);
    display: block;
    flex: 1 1 auto;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    min-width: 0;
    text-decoration: none;
}

.kb-public-doc-row__title:hover,
.kb-public-doc-row__title:focus,
.kb-public-pinned-card__title-row a:hover,
.kb-public-pinned-card__title-row a:focus {
    color: var(--org-primary, #faac27);
    text-decoration: none;
}

.kb-public-doc-row__meta {
    align-items: center;
    color: #6b7280;
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    font-size: 12px;
    line-height: 1.3;
    margin-top: 6px;
}

.kb-public-doc-row__taxonomy {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.kb-public-doc-row__excerpt {
    color: #4b5563;
    font-size: 13px;
    line-height: 1.45;
    margin-top: 8px;
}

.kb-public-pill {
    background: rgba(22, 101, 177, 0.08);
    border-radius: 999px;
    color: var(--org-secondary, #1665b1);
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    padding: 4px 8px;
}

.kb-public-count {
    align-items: center;
    color: #6b7280;
    display: inline-flex;
    gap: 4px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
}

.kb-public-count i {
    color: inherit;
    font-size: 12px;
    margin: 0;
}

.kb-public-admin-actions {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 4px;
}

.kb-public-admin-actions form {
    margin: 0;
}

.kb-public-admin-action {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 7px;
    color: var(--org-secondary, #1665b1);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    height: 28px;
    justify-content: center;
    margin: 0;
    padding: 0;
    text-decoration: none;
    width: 28px;
}

.kb-public-admin-action i {
    color: inherit;
    font-size: 14px;
    margin: 0;
}

.kb-public-admin-action:hover,
.kb-public-admin-action:focus {
    background: rgba(22, 101, 177, 0.08);
    color: var(--org-secondary, #1665b1);
    outline: none;
    text-decoration: none;
}

.kb-public-admin-action--delete {
    color: var(--ds-status-danger, #b42318);
}

.kb-public-admin-action--delete:hover,
.kb-public-admin-action--delete:focus {
    background: rgba(180, 35, 24, 0.08);
    color: var(--ds-status-danger-hover, #8f1d14);
}

.kb-public-view-all {
    align-items: center;
    color: var(--org-secondary, #1665b1);
    display: inline-flex;
    font-size: 13px;
    font-weight: 800;
    gap: 6px;
    margin-top: 14px;
    text-decoration: none;
}

.kb-public-view-all:hover,
.kb-public-view-all:focus {
    color: var(--org-primary, #faac27);
    text-decoration: none;
}

.kb-public-detail {
    max-width: none;
}

.kb-public-detail-meta {
    align-items: center;
    color: #6b7280;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin-top: 10px;
}

.kb-public-detail-title-row {
    justify-content: center;
}

.kb-public-detail-title-row h2 {
    min-width: 0;
}

.kb-public-admin-action--detail {
    margin-top: 2px;
}

.kb-public-taxonomy {
    border-bottom: 1px solid rgba(18, 34, 53, 0.08);
    display: grid;
    gap: 8px;
    grid-template-columns: 120px minmax(0, 1fr);
    padding: 10px 0;
}

.kb-public-taxonomy strong {
    color: #1f2933;
    font-size: 13px;
}

.kb-public-taxonomy div {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.kb-public-taxonomy a,
.kb-public-taxonomy span {
    background: #f1f3f5;
    border-radius: 999px;
    color: #4b5563;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 8px;
    text-decoration: none;
}

.kb-public-taxonomy a:hover,
.kb-public-taxonomy a:focus {
    background: rgba(22, 101, 177, 0.08);
    color: var(--org-secondary, #1665b1);
    text-decoration: none;
}

.kb-public-detail__excerpt {
    color: #1f2933;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    margin: 18px 0 0;
}

.kb-public-detail__content {
    color: #374151;
    font-size: 14px;
    line-height: 1.6;
    margin-top: 16px;
}

@media (max-width: 991px) {
    .kb-form-grid,
    .kb-filters,
    .kb-file-manager-form__grid,
    .kb-public-layout,
    .kb-public-pinned__grid,
    .kb-public-category-grid,
    .kb-attachment-upload {
        grid-template-columns: 1fr;
    }

    .kb-category-nav {
        position: static;
    }

    .kb-file-manager-picker {
        flex-direction: column;
    }

    .kb-form-grid .span-2 {
        grid-column: span 1;
    }
}


/* Newsletter public domain styles — consolidated from Blade */
.ds-newsletters-shell {
    max-width: 1180px;
    margin: 0 auto;
}

.ds-newsletters-layout {
    align-items: flex-start;
}

.ds-newsletter-sidebar {
    background: #fff;
    border: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px;
    padding: 18px;
}

.ds-newsletter-sidebar__section {
    border-top: 1px solid var(--org-primary, #faac27);
    margin-top: 12px;
    padding-top: 12px;
}

.ds-newsletter-sidebar__list {
    display: grid;
    gap: 3px;
}

.ds-newsletter-sidebar .ds-newsletter-sidebar__link {
    color: #5f6872;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
}

.ds-newsletter-sidebar .ds-newsletter-sidebar__link:hover,
.ds-newsletter-sidebar .ds-newsletter-sidebar__link:focus,
.ds-newsletter-sidebar .ds-newsletter-sidebar__link.is-active {
    color: var(--org-secondary, #1665b1);
    text-decoration: none;
}

.ds-newsletter-main {
    min-width: 0;
}

.ds-newsletters-page__header {
    align-items: flex-end;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 18px;
}

.ds-newsletters-page__header h1 {
    color: #111827;
    font-family: var(--font-accent, 'Barlow Condensed', 'Arial Narrow', sans-serif);
    font-size: 30px;
    font-weight: 700;
    line-height: 1.15;
    margin: 0 0 6px;
    text-transform: uppercase;
}

.ds-newsletters-page__header p {
    color: #637083;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
}

.ds-newsletters-page__count {
    background: #f3f5f7;
    border-radius: 999px;
    color: #637083;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 10px;
}

.ds-newsletter-list {
    display: grid;
    gap: 12px;
}

.ds-newsletter-card,
.ds-newsletter-detail-card {
    background: #fff;
    border: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px;
    box-shadow: none;
    transition: background-color 140ms ease, border-color 140ms ease;
}

.ds-newsletter-card {
    padding: 16px 18px;
}

.ds-newsletter-card:hover {
    background: rgba(18, 34, 53, 0.015);
    border-color: rgba(18, 34, 53, 0.13);
}

.ds-newsletter-card__meta,
.ds-newsletter-detail-meta {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 8px;
}

.ds-newsletter-card__badge,
.ds-newsletter-detail-badge {
    background: rgba(22, 101, 177, 0.08);
    border-radius: 999px;
    color: var(--org-secondary, #1665b1);
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    padding: 4px 8px;
}

.ds-newsletter-card__date,
.ds-newsletter-detail-date {
    align-items: center;
    color: #637083;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    gap: 5px;
}

.ds-newsletter-card__date i,
.ds-newsletter-detail-date i {
    color: var(--org-secondary, #1665b1);
    font-size: 12px;
}

.ds-newsletter-card__title {
    font-size: 18px;
    line-height: 1.28;
    margin: 0;
}

.ds-newsletter-card__title a {
    color: var(--org-secondary, #1665b1);
    font-weight: 700;
    text-decoration: none;
}

.ds-newsletter-card__title a:hover,
.ds-newsletter-card__title a:focus {
    color: var(--org-primary, #faac27);
    text-decoration: none;
}

.ds-newsletter-card__excerpt {
    color: #536274;
    font-size: 13px;
    line-height: 1.45;
    margin: 8px 0 0;
}

.ds-newsletter-pagination {
    margin-top: 20px;
}

.ds-newsletter-pagination .pagination {
    justify-content: center;
}

.ds-newsletter-empty {
    background: #fff;
    border: 1px solid rgba(18, 34, 53, 0.08);
    border-radius: 8px;
    padding: 22px;
}

.ds-newsletter-empty h2 {
    color: #1f2d3d;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 8px;
}

.ds-newsletter-empty p {
    color: #637083;
    margin: 0;
}

.ds-newsletter-detail-header {
    margin-bottom: 16px;
}

.ds-newsletter-detail-header h1 {
    color: #111827;
    font-family: var(--font-accent, 'Barlow Condensed', 'Arial Narrow', sans-serif);
    font-size: 30px;
    font-weight: 700;
    line-height: 1.15;
    margin: 0 0 10px;
    text-transform: uppercase;
}

.ds-newsletter-detail-card {
    overflow: hidden;
}

.newsletter-content-wrapper {
    padding: 24px !important;
}

.newsletter-banner img {
    max-width: 100%;
}

.newsletter-header h1 {
    color: #111827;
    font-family: var(--font-accent, 'Barlow Condensed', 'Arial Narrow', sans-serif);
    font-size: 26px;
    font-weight: 700;
    line-height: 1.18;
}

.newsletter-article:not(:last-child) {
    margin-bottom: 22px;
}

.newsletter-content-wrapper .newsletter-article h2,
.newsletter-content-wrapper .newsletter-article h3,
.newsletter-content-wrapper .newsletter-article h4 {
    color: var(--org-primary, #faac27);
    font-family: var(--font-accent, 'Barlow Condensed', 'Arial Narrow', sans-serif);
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.16;
    margin: 20px 0 8px;
    text-transform: uppercase;
}

.newsletter-content-wrapper .newsletter-article h3.mb-1 {
    margin-bottom: 8px !important;
}

.newsletter-content-wrapper .newsletter-article .article-content h2:first-child,
.newsletter-content-wrapper .newsletter-article .article-content h3:first-child,
.newsletter-content-wrapper .newsletter-article .article-content h4:first-child {
    margin-top: 8px;
}

.newsletter-content-wrapper .newsletter-article > .d-flex h3 {
    font-size: 22px;
}

.newsletter-content-wrapper .article-content h2 {
    font-size: 22px;
}

.newsletter-content-wrapper .article-content h3 {
    font-size: 20px;
}

.newsletter-content-wrapper .article-content h4 {
    font-size: 18px;
}

.article-content {
    color: #555;
    line-height: 1.6;
}

.newsletter-heading {
    align-items: center;
    gap: 12px;
    margin: 10px 0 5px;
    width: 100%;
}

.newsletter-heading .heading-bar {
    background: var(--org-secondary, #1665b1);
    border-radius: 2px;
    display: inline-block;
    height: 18px;
}

.newsletter-heading .heading-bar.left {
    width: 18%;
}

.newsletter-heading .heading-bar.right {
    width: 58%;
}

.newsletter-heading .heading-title {
    color: var(--org-primary, #faac27);
    font-family: var(--font-accent, 'Barlow Condensed', 'Arial Narrow', sans-serif);
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
}

.newsletter-footer {
    background: #f5f5f5;
    padding: 18px 24px;
}

@media (max-width: 991.98px) {
    .ds-newsletter-sidebar {
        margin-bottom: 18px;
    }
}

@media (max-width: 767.98px) {
    .ds-newsletters-page__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .ds-newsletters-page__header h1,
    .ds-newsletter-detail-header h1 {
        font-size: 26px;
    }

    .ds-newsletter-card,
    .newsletter-content-wrapper {
        padding: 16px !important;
    }
}

/* Admin user form */
.ds-user-form-page { max-width: 1180px; margin: 0 auto; }
.ds-user-form-page > .row { align-items: flex-start; }
.ds-user-form-avatar-column { position: static; display: flex; justify-content: center; }
.ds-user-form-avatar-column > .row { width: 100%; margin: 0; }
.ds-user-form-avatar-column .thumbnail { width: 100%; max-width: 210px; margin: 0 auto; padding: var(--ds-space-lg, 18px); border: 1px solid var(--ds-border-color); border-radius: var(--ds-radius-lg, 10px); background: var(--ds-surface); box-shadow: var(--ds-shadow-widget); }
.ds-user-form-avatar-column .round { overflow: hidden; width: 136px; height: 136px; margin: 0 auto; border: 3px solid color-mix(in srgb, var(--org-primary) 14%, #fff); box-shadow: 0 6px 16px rgba(18,34,53,.10); }
.ds-user-form-avatar-column .camera { color: var(--org-primary); font-size: 12px !important; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.ds-user-form-shell { padding-left: 0 !important; }
.ds-user-form-card { margin-bottom: var(--ds-space-lg, 18px) !important; padding: var(--ds-card-padding, 18px); border: 1px solid var(--ds-border-color); border-radius: var(--ds-radius-lg, 10px) !important; box-shadow: var(--ds-shadow-widget); }
.ds-user-form-title, .ds-user-form-section-title { margin: 0; font-family: var(--font-accent); line-height: 1.15; }
.ds-user-form-title { color: var(--ds-text); font-size: var(--ds-heading-page-size, 32px); text-transform: none; }
.ds-user-form-card-header { margin-bottom: var(--ds-space-md, 12px); }
.ds-user-form-section-title { color: var(--ds-text); font-size: var(--ds-heading-card-size, 22px); font-weight: 700; text-transform: uppercase; }
.ds-user-form .required { color: #9c2633; font-weight: 700; }
.ds-user-form .form-group, .ds-user-form .input-group { display: block; width: 100%; }
.ds-user-form label { display: block; margin-bottom: 7px; color: #3d4854; font-size: 13px; font-weight: 800; }
.ds-user-form .form-control, .ds-user-form .u-select-v1 { width: 100%; min-height: 44px; border: 1px solid #cfd7df !important; border-radius: var(--ds-radius-md, 7px) !important; background: #fff; transition: border-color 140ms ease, box-shadow 140ms ease; }
.ds-user-form .form-control:focus, .ds-user-form .u-select-v1:focus { border-color: var(--org-primary) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--org-primary) 16%, transparent); }
.ds-user-notification-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ds-space-sm, 8px); }
.ds-user-notification-grid .ds-form-field__checkbox { align-items: center; min-height: 44px; padding: 9px 11px; cursor: pointer; }
.ds-user-notification-grid .ds-form-field__checkbox input { flex: 0 0 auto; margin: 0; }
.ds-user-form-relationship-section { width: 100%; margin-bottom: var(--ds-space-lg, 18px); }
.ds-user-form-groups, .ds-user-form-followers { width: 100%; margin-bottom: 0 !important; }
.ds-user-form-submit { min-width: 170px; margin-top: 4px; padding: 12px 24px; border-radius: var(--ds-radius-md, 7px) !important; font-weight: 800; }
.ds-user-form-section-subtitle { margin: 5px 0 18px; color: var(--ds-text-muted); font-size: 13px; line-height: 1.45; }
.ds-user-form-groups .ds-panel__body, .ds-user-form-followers .ds-panel__body { padding-top: 0; }
.ds-user-relationship-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ds-space-sm, 8px); }
.ds-user-relationship-list > .ds-empty-state { grid-column: 1 / -1; }
.ds-user-relationship-item { display: flex; gap: 8px; align-items: center; justify-content: space-between; min-height: 40px; padding: 5px 6px 5px 10px; border: 1px solid var(--ds-border-color-soft); border-radius: var(--ds-radius-sm); background: var(--ds-surface); }
.ds-user-relationship-item > span { display: flex; gap: 7px; align-items: center; min-width: 0; overflow: hidden; color: var(--ds-text); font-size: 13px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.ds-user-relationship-item > span i { color: var(--org-primary); }
@media (max-width: 991.98px) { .ds-user-form-avatar-column { position: static; } .ds-user-form-content { margin-top: 8px; } }
@media (max-width: 767.98px) { .ds-user-relationship-list, .ds-user-notification-grid { grid-template-columns: 1fr; } }
@media (max-width: 575.98px) { .ds-user-form-card { padding: 18px; } .ds-user-form-submit { width: 100%; } }
/* Admin users command bar */
.ds-admin-users-page { max-width: 1240px; margin: 0 auto; }
.ds-admin-users-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.ds-admin-users-eyebrow { display: block; margin-bottom: 4px; color: var(--org-secondary); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.group-grid-area .ds-admin-users-title { margin: 0; color: var(--org-primary); font-family: var(--font-accent); font-size: var(--ds-heading-page-size, 32px); font-weight: 700; line-height: 1.05; text-align: left; text-transform: uppercase; }
.ds-admin-users-subtitle { margin: 8px 0 0; color: #66717d; font-size: 14px; }
.ds-admin-users-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 18px 0; padding: 14px; border: 1px solid #e1e6eb; border-radius: var(--ds-radius-lg, 10px); background: #fff; box-shadow: var(--ds-shadow-card, 0 4px 14px rgba(18,34,53,.06)); }
.ds-admin-users-search { position: relative; flex: 1 1 360px; max-width: 480px; }
.ds-admin-users-search > i { position: absolute; z-index: 2; top: 50%; left: 15px; color: #77828d; transform: translateY(-50%); pointer-events: none; }
.ds-admin-users-search .ds-form-control { min-height: 42px; padding-left: 42px; border-color: #cfd7df; border-radius: 7px; }
.ds-admin-users-search .ds-form-control:focus { border-color: var(--org-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--org-primary) 16%, transparent); }
.ds-admin-users-actions { display: flex; flex: 0 0 auto; gap: 9px; }
.ds-admin-users-action { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; margin: 0 !important; padding: 10px 15px !important; border-radius: 7px !important; font-size: 13px; font-weight: 800; }
.ds-admin-users-action i { margin: 0 !important; font-size: 15px; }
.admin-users-table .ds-admin-users-actions-heading { text-align: center; }
@media (max-width: 767.98px) { .ds-admin-users-header { align-items: flex-start; } .ds-admin-users-toolbar { align-items: stretch; flex-direction: column; } .ds-admin-users-search { flex-basis: auto; max-width: none; } .ds-admin-users-actions { display: grid; grid-template-columns: 1fr 1fr; } .ds-admin-users-action { width: 100%; } }
@media (max-width: 479.98px) { .ds-admin-users-actions { grid-template-columns: 1fr; } .admin-users-table thead th:nth-child(3), .admin-users-table tbody td:nth-child(3) { display: none; } }
/* Group categories administration */
.ds-group-categories-page, .ds-group-category-form-page { max-width: 1040px; margin: 0 auto; }
.ds-group-categories-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.ds-group-categories-eyebrow { display: block; margin-bottom: 5px; color: var(--org-secondary); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.group-grid-area .ds-group-categories-title, .group-grid-area .ds-group-category-form__title { margin: 0; padding: 0; color: var(--org-primary); font-family: var(--font-accent); font-size: var(--ds-heading-page-size, 32px); font-weight: 700; line-height: 1.05; text-align: left; text-transform: uppercase; }
.ds-group-categories-subtitle, .ds-group-category-form__subtitle { margin: 8px 0 0; color: #66717d; font-size: 14px; line-height: 1.5; }
.ds-group-categories-add { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; margin: 0 !important; padding: 10px 16px !important; border-radius: 7px !important; font-weight: 800; }
.ds-group-categories-panel { overflow: hidden; border: 1px solid #e1e6eb; border-radius: var(--ds-radius-lg, 10px); background: #fff; box-shadow: var(--ds-shadow-card, 0 4px 14px rgba(18,34,53,.06)); }
.ds-group-categories-panel__header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px; border-bottom: 1px solid #e6eaee; }
.ds-group-categories-panel__header h2 { margin: 0; color: #26313c; font-family: var(--font-accent); font-size: 21px; font-weight: 700; text-transform: uppercase; }
.ds-group-categories-panel__header p { margin: 3px 0 0; color: #727d88; font-size: 12px; }
.ds-group-categories-count { flex: 0 0 auto; padding: 5px 9px; border-radius: 999px; color: var(--org-primary); background: color-mix(in srgb, var(--org-primary) 9%, #fff); font-size: 11px; font-weight: 800; }
.ds-group-categories-panel .table-responsive { padding: 8px 14px 14px; }
.ds-group-categories-name { display: flex; align-items: center; gap: 11px; }
.ds-group-categories-name > i { color: #a1aab3; font-size: 12px; cursor: grab; }
.ds-group-categories-table .ds-admin-list-row__actions { white-space: nowrap; }
.ds-group-category-form-page { max-width: 720px; }
.ds-group-category-form { border-color: #e1e6eb; border-radius: var(--ds-radius-lg, 10px); box-shadow: var(--ds-shadow-card, 0 4px 14px rgba(18,34,53,.06)); }
.ds-group-category-form .ds-form-layout__header { padding-bottom: 18px; border-bottom: 1px solid #e6eaee; }
.ds-group-category-form .ds-form-layout__body { padding-top: 22px; }
.ds-group-category-form .ds-form-layout__actions { display: flex; justify-content: flex-end; gap: 10px; }
@media (max-width: 575.98px) { .ds-group-categories-header { align-items: stretch; flex-direction: column; } .ds-group-categories-add { width: 100%; justify-content: center; } .ds-group-categories-panel__header { align-items: flex-start; } .ds-group-category-form .ds-form-layout__actions { display: grid; grid-template-columns: 1fr; } .ds-group-category-form .ds-form-layout__actions .btn { width: 100%; } }
/* Group taxonomies */
.ds-group-taxonomy-page,.ds-group-taxonomy-form-page{max-width:1040px;margin:0 auto}.ds-group-taxonomy-form-page{max-width:720px}.ds-group-taxonomy-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.ds-group-taxonomy-eyebrow{display:block;margin-bottom:5px;color:var(--org-secondary);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.group-grid-area .ds-group-taxonomy-title,.group-grid-area .ds-group-taxonomy-form__title{margin:0;padding:0;color:var(--org-primary);font-family:var(--font-accent);font-size:var(--ds-heading-page-size,32px);font-weight:700;line-height:1.05;text-align:left;text-transform:uppercase}.ds-group-taxonomy-header p,.ds-group-taxonomy-form__subtitle{margin:8px 0 0;color:#66717d;font-size:14px}.ds-group-taxonomy-add{display:inline-flex;align-items:center;gap:8px;min-height:42px;margin:0!important;padding:10px 16px!important;border-radius:7px!important;font-weight:800}.ds-group-taxonomy-panel{overflow:hidden;border:1px solid #e1e6eb;border-radius:var(--ds-radius-lg,10px);background:#fff;box-shadow:var(--ds-shadow-card,0 4px 14px rgba(18,34,53,.06))}.ds-group-taxonomy-panel__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #e6eaee}.ds-group-taxonomy-panel__header h2{margin:0;color:#26313c;font-family:var(--font-accent);font-size:21px;font-weight:700;text-transform:uppercase}.ds-group-taxonomy-panel__header p{margin:3px 0 0;color:#727d88;font-size:12px}.ds-group-taxonomy-panel__header>span{padding:5px 9px;border-radius:999px;color:var(--org-primary);background:color-mix(in srgb,var(--org-primary) 9%,#fff);font-size:11px;font-weight:800}.ds-group-taxonomy-panel .table-responsive{padding:8px 14px 14px}.ds-group-taxonomy-form{border-color:#e1e6eb;border-radius:var(--ds-radius-lg,10px);box-shadow:var(--ds-shadow-card,0 4px 14px rgba(18,34,53,.06))}.ds-group-taxonomy-form .ds-form-layout__header{padding-bottom:18px;border-bottom:1px solid #e6eaee}.ds-group-taxonomy-form .ds-form-layout__body{padding-top:22px}.ds-group-taxonomy-form .ds-form-layout__actions{display:flex;justify-content:flex-end;gap:10px}@media(max-width:575.98px){.ds-group-taxonomy-header{align-items:stretch;flex-direction:column}.ds-group-taxonomy-add{width:100%;justify-content:center}.ds-group-taxonomy-form .ds-form-layout__actions{display:grid}.ds-group-taxonomy-form .ds-form-layout__actions .btn{width:100%}}
.ds-group-role-form__grid{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;align-items:center}.ds-group-role-logo__trigger{display:grid;gap:9px;width:100%;padding:12px;border:1px solid #dce2e8;border-radius:9px;background:#f8fafb;color:var(--org-primary);font-size:11px;font-weight:800;text-transform:uppercase;cursor:pointer}.ds-group-role-logo__trigger img{width:96px;height:96px;margin:auto;border:3px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 5px 16px rgba(18,34,53,.12)}@media(max-width:575.98px){.ds-group-role-form__grid{grid-template-columns:1fr}.ds-group-role-logo{max-width:150px}}
.ds-group-membership-page{max-width:820px;margin:0 auto}.ds-group-membership-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ds-group-membership-grid .ds-form-field:first-child{grid-column:1/-1}.ds-group-membership-form .select2-container{width:100%!important}.ds-group-membership-form .select2-container .select2-selection--single{height:44px;border:1px solid #cfd7df;border-radius:7px}.ds-group-membership-form .select2-selection__rendered{line-height:42px!important;padding-left:13px!important}.ds-group-membership-form .select2-selection__arrow{top:7px!important}@media(max-width:575.98px){.ds-group-membership-grid{grid-template-columns:1fr}.ds-group-membership-grid .ds-form-field:first-child{grid-column:auto}}
.ds-group-taxonomy-panel .ds-admin-list-row > td:first-child { text-align: left; }
.ds-group-taxonomy-panel .ds-admin-list-row__title { display: inline-block; text-align: left; }

.ds-group-form-page{max-width:860px;margin:0 auto}.ds-group-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ds-group-form-wide{grid-column:1/-1}.ds-group-form .select2-container{width:100%!important}.ds-group-form .select2-container .select2-selection--single{height:44px;border:1px solid #cfd7df;border-radius:7px}.ds-group-form .select2-selection__rendered{line-height:42px!important;padding-left:13px!important}.ds-group-form .select2-selection__arrow{top:7px!important}@media(max-width:575.98px){.ds-group-form-grid{grid-template-columns:1fr}.ds-group-form-wide{grid-column:auto}}
/* Group document form */
.ds-group-document-form-page{max-width:1120px;margin:0 auto}.ds-group-document-form-card{padding:26px;border:1px solid #e1e6eb;border-radius:var(--ds-radius-lg,10px)!important;box-shadow:var(--ds-shadow-card,0 4px 14px rgba(18,34,53,.06))}.group-grid-area .ds-group-document-form-title{margin:0;padding:0;color:var(--org-primary);font-family:var(--font-accent);font-size:var(--ds-heading-page-size,32px);font-weight:700;line-height:1.05;text-align:left;text-transform:uppercase}.ds-group-document-form-subtitle{margin:8px 0 24px;color:#66717d;font-size:14px;line-height:1.5}.ds-group-document-form .ds-form-field>label,.ds-group-document-form-main>label{display:block;margin-bottom:7px;color:#3d4854;font-size:13px;font-weight:800}.ds-group-document-form .form-control,.ds-group-document-form .ds-form-select{width:100%;min-height:44px;border:1px solid #cfd7df!important;border-radius:7px!important}.ds-group-document-form textarea.form-control{min-height:100px}.ds-group-document-form-main .document-notification-toggle{border-color:#dfe5ea;border-radius:8px;background:#f8fafb}.ds-group-document-attachments{padding-left:24px;border-left:1px solid #e5e9ed}.ds-group-document-attachments .file-upload-outer{border:1px dashed color-mix(in srgb,var(--org-primary) 38%,#cfd7df);border-radius:10px;background:color-mix(in srgb,var(--org-primary) 4%,#fff)}.ds-group-document-attachments .upload-bottom-list{border:1px solid #e1e6eb;border-radius:8px;background:#fff}.ds-group-document-form-actions{display:flex;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid #e6eaee}.ds-group-document-submit{min-width:170px;padding:12px 24px!important;border-radius:7px!important;font-weight:800}@media(max-width:767.98px){.ds-group-document-form-card{padding:18px}.ds-group-document-attachments{margin-top:24px;padding-top:20px;padding-left:15px;border-top:1px solid #e5e9ed;border-left:0}.ds-group-document-submit{width:100%}}
/* Knowledge Base taxonomies */
.ds-kb-taxonomy-page,.ds-kb-taxonomy-form{max-width:1120px;margin-left:auto;margin-right:auto}.ds-kb-taxonomy-header{align-items:flex-end;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #e6eaee}.ds-kb-taxonomy-eyebrow{display:block;margin-bottom:5px;color:var(--org-secondary);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.group-grid-area .ds-kb-taxonomy-title,.group-grid-area .ds-kb-taxonomy-form__title{margin:0;padding:0;color:var(--org-primary);font-family:var(--font-accent);font-size:var(--ds-heading-page-size,32px);font-weight:700;line-height:1.05;text-align:left;text-transform:uppercase}.ds-kb-taxonomy-subtitle{margin:7px 0 0;color:#66717d;font-size:13px;line-height:1.45}.ds-kb-taxonomy-add{display:inline-flex;align-items:center;gap:8px;min-height:42px;margin:0!important;padding:10px 16px!important;border-radius:7px!important;font-weight:800}.ds-kb-taxonomy-form{border-color:#e1e6eb;border-radius:var(--ds-radius-lg,10px);box-shadow:var(--ds-shadow-card,0 4px 14px rgba(18,34,53,.06))}.ds-kb-taxonomy-form__header{margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #e6eaee}.ds-kb-taxonomy-form__actions{padding-top:20px;border-top:1px solid #e6eaee}.ds-kb-taxonomy-form__actions .btn{border-radius:7px!important}.ds-kb-taxonomy-page .ds-admin-list-row__title{text-align:left}@media(max-width:575.98px){.ds-kb-taxonomy-header{align-items:stretch;flex-direction:column}.ds-kb-taxonomy-add{width:100%;justify-content:center}.ds-kb-taxonomy-form__actions{display:grid}.ds-kb-taxonomy-form__actions .btn{width:100%}}
/* Knowledge Base document form */
.ds-kb-document-form{max-width:1120px;margin-left:auto;margin-right:auto;border-color:#e1e6eb;border-radius:var(--ds-radius-lg,10px);box-shadow:var(--ds-shadow-card,0 4px 14px rgba(18,34,53,.06))}.ds-kb-document-form__header{margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #e6eaee}.group-grid-area .ds-kb-document-form__title{margin:0;padding:0;color:var(--org-primary);font-family:var(--font-accent);font-size:var(--ds-heading-page-size,32px);font-weight:700;line-height:1.05;text-align:left;text-transform:uppercase}.ds-kb-document-form__subtitle{margin:7px 0 0;color:#66717d;font-size:13px;line-height:1.45}.ds-kb-document-form__actions{padding-top:20px;border-top:1px solid #e6eaee}.ds-kb-document-form__actions .btn{border-radius:7px!important}@media(max-width:575.98px){.ds-kb-document-form__actions{display:grid}.ds-kb-document-form__actions .btn{width:100%}}
/* Knowledge Base list alignment and document rows */
.ds-kb-taxonomy-page .kb-table th,.ds-kb-taxonomy-page .kb-table td{text-align:left!important}.ds-kb-taxonomy-page .kb-table .kb-actions{text-align:right!important}.ds-kb-taxonomy-page .ds-admin-list-row__title{display:inline-block;text-align:left!important}.ds-kb-documents-main-heading{width:48%}.ds-kb-document-row__main{min-width:360px;width:48%}.kb-table .ds-kb-document-row__title{display:inline-block;color:var(--org-primary)!important;font-family:var(--font-accent);font-size:20px!important;font-weight:700!important;line-height:1.15;text-align:left}.ds-kb-document-row__classifications{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:9px;color:#66717d;font-size:11px}.ds-kb-document-row__classifications span{display:inline-flex;align-items:center;gap:5px}.ds-kb-document-row__classifications i{width:12px;color:var(--org-secondary);text-align:center}.ds-kb-document-row__status{min-width:100px}.ds-kb-document-row__status .kb-status{display:table;margin-bottom:6px}.ds-kb-document-row__activity{min-width:125px}.ds-kb-document-row__activity>span{display:block;margin-bottom:6px;white-space:nowrap}.ds-kb-document-row__dates{min-width:120px}.ds-kb-document-row__dates span{display:grid;grid-template-columns:1fr;gap:1px;margin-bottom:7px;color:#4f5b67;font-size:12px}.ds-kb-document-row__dates strong{color:#7a8590;font-size:10px;letter-spacing:.04em;text-transform:uppercase}@media(max-width:767.98px){.ds-kb-document-row__main{min-width:280px;width:auto}.kb-table .ds-kb-document-row__title{font-size:20px!important}}
/* Admin list alignment law */
.ds-admin-list,.kb-admin-list-panel{text-align:left}.ds-admin-list .ds-toolbar__main,.kb-admin-list-panel .ds-toolbar__main{text-align:left}.ds-admin-list table th,.ds-admin-list table td,.kb-admin-list-panel table th,.kb-admin-list-panel table td{text-align:left!important}.ds-admin-list table .kb-actions,.kb-admin-list-panel table .kb-actions,.ds-admin-list table .ds-admin-list-row__actions{text-align:right!important}.group-grid-area .ds-admin-list-title{margin:0;padding:0;color:var(--org-primary);font-family:var(--font-accent);font-size:var(--ds-heading-page-size,32px);font-weight:700;line-height:1.05;text-align:left;text-transform:uppercase}.ds-admin-list-subtitle{margin:7px 0 0;color:#66717d;font-size:13px;line-height:1.45}.ds-admin-list-toolbar{align-items:flex-end;padding-bottom:18px;border-bottom:1px solid #e6eaee}.ds-kb-document-row__status{width:66px;min-width:66px}.ds-kb-document-state{display:flex;align-items:center;gap:7px}.ds-kb-document-state__icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:0;background:transparent;font-size:16px;line-height:1}.ds-kb-document-state__icon.is-published,.ds-kb-document-state__icon.is-pinned{color:#22863a}.ds-kb-document-state__icon.is-unpublished{color:#c43d4b}
/* Design system — concise admin newsletter list */
.ds-admin-newsletter-list table { table-layout: fixed; }
.ds-admin-newsletter-list th:first-child { width: 56%; }
.ds-admin-newsletter-list th:nth-child(2) { width: 22%; }
.ds-admin-newsletter-list__metadata { display: flex !important; flex-wrap: wrap; gap: 5px 14px; margin-top: 6px !important; }
.ds-admin-newsletter-list__metadata span { display: inline-flex; align-items: center; gap: 5px; }
.ds-admin-newsletter-list__metadata i { color: var(--org-secondary); font-size: 12px; }
.ds-admin-list-table .ds-admin-newsletter-list__actions { width: 150px; min-width: 150px; }
.ds-admin-newsletter-list__more .dropdown-menu { min-width: 190px; padding: 6px; border-color: #dde3e9; border-radius: 8px; box-shadow: 0 10px 28px rgba(18,34,53,.14); }
.ds-admin-newsletter-list__more .dropdown-item { display: flex; align-items: center; gap: 9px; width: 100%; padding: 8px 10px; border: 0; border-radius: 5px; background: transparent; color: #344150; font-size: 13px; font-weight: 600; text-align: left; }
.ds-admin-newsletter-list__more .dropdown-item:hover, .ds-admin-newsletter-list__more .dropdown-item:focus { background: #f2f5f7; color: var(--org-primary); }
.ds-admin-newsletter-list__more .dropdown-item i { width: 16px; color: var(--org-secondary); text-align: center; }
.ds-admin-newsletter-list__more .dropdown-item.text-danger, .ds-admin-newsletter-list__more .dropdown-item.text-danger i { color: #b42318 !important; }
@media (max-width: 767.98px) { .ds-admin-newsletter-list th:first-child { width: auto; } .ds-admin-newsletter-list th:nth-child(2) { width: 130px; } .ds-admin-list-table .ds-admin-newsletter-list__actions { width: 132px; min-width: 132px; } }
/* Design system — newsletter forms */
.ds-admin-newsletter-form-page, .ds-admin-newsletter-category-form-page, .ds-admin-newsletter-article-form-page, .ds-admin-newsletter-content-page { width: 100%; max-width: 1120px; margin: 0 auto; }
.ds-admin-newsletter-form, .ds-admin-newsletter-category-form-page form { width: 100%; }
.ds-admin-form-grid { display: grid; gap: 18px; margin-bottom: 22px; }
.ds-admin-form-grid--two-columns { grid-template-columns: repeat(2, minmax(0,1fr)); }
.ds-admin-newsletter-form .ds-form-field + .ds-form-field { margin-top: 22px; }
.ds-admin-newsletter-form .banner-upload-container { margin-top: 4px; }
.ds-admin-newsletter-article-form-page .ds-form-layout__title { margin-bottom: 24px; text-align: left; }
.ds-admin-newsletter-content-page > .ds-toolbar { margin-bottom: 18px; }
@media (max-width: 767.98px) { .ds-admin-form-grid--two-columns { grid-template-columns: 1fr; } }
.ds-admin-sidebar .ds-side-nav__section { display: flex; align-items: center; gap: 8px; }
.ds-admin-sidebar .ds-side-nav__section-icon { width: 18px; color: var(--org-secondary); font-size: 13px; text-align: center; }
.ds-admin-sidebar .ds-side-nav__item > .ds-side-nav__link { padding-left: 12px; }

/* Design system — canonical admin page headings and form rhythm */
.ds-admin-modern-page > .ds-form-layout,
.ds-admin-modern-page > form > .ds-form-layout { margin-top: 0; }
.ds-admin-alert-form-page, .ds-admin-agenda-form-page { width: 100%; max-width: 1120px; margin: 0 auto; }
.ds-admin-alert-form-page > .row, .ds-admin-alert-form-page > .row > [class*="col-"] { margin: 0 !important; }
.ds-admin-alert-form-page .ds-form-layout__title, .ds-admin-agenda-form-page .ds-form-layout__title { font-family: var(--font-accent); font-size: 32px; font-weight: 600; line-height: 1.08; text-align: left; }
.ds-admin-form-guidance { margin-bottom: 22px; padding: 14px 16px; border-left: 3px solid var(--org-secondary); background: color-mix(in srgb,var(--org-secondary) 6%,#fff); color: #53606d; }
.ds-admin-form-guidance p { margin: 0; line-height: 1.55; }
.ds-admin-form-guidance p + p { margin-top: 5px; }
.ds-admin-alert-form-page .ds-heading-section, .ds-admin-agenda-form-page .ds-heading-section { color: #263340; font-family: var(--font-accent); font-size: 21px; font-weight: 600; line-height: 1.2; text-align: left; }
.ds-admin-alert-form-page .ds-form-layout__actions { margin-top: 24px; }
.ds-admin-agenda-form-page .g-mb-40 { margin-bottom: 0 !important; }
.ds-admin-agenda-form-page .ds-admin-form { width: 100%; }
@media (max-width: 767.98px) { .ds-admin-alert-form-page .ds-form-layout__title, .ds-admin-agenda-form-page .ds-form-layout__title { font-size: 28px; } }
/* Design system — canonical toolbar headings */
body .ds-toolbar__title { margin: 0 !important; padding: 0 !important; color: var(--ds-text,#2f3640) !important; font-family: var(--font-accent) !important; font-size: 32px !important; font-weight: 600 !important; line-height: 1.08 !important; letter-spacing: 0 !important; text-align: left !important; text-transform: none !important; }
@media (max-width: 767.98px) { body .ds-toolbar__title { font-size: 28px !important; } }
/* Read-only archive browser */
.ds-archives-page {
    padding-top: var(--ds-space-xl);
    padding-bottom: calc(var(--ds-space-xl) * 2);
}

.ds-archives-panel {
    padding: var(--ds-space-xl);
}

.ds-archives-panel .ds-panel__header {
    margin-bottom: var(--ds-space-xl);
}

.ds-archives-search {
    display: flex;
    gap: var(--ds-space-md);
    align-items: flex-end;
    padding: var(--ds-space-lg);
    border: 1px solid var(--ds-border-color, #e3e8ee);
    border-radius: var(--ds-radius-md, 8px);
    background: var(--ds-surface-soft, #f7f9fb);
}

.ds-archives-search__field {
    flex: 1 1 auto;
    min-width: 0;
}

.ds-archives-search__control {
    position: relative;
}

.ds-archives-search__control > i {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 14px;
    color: #6b7580;
    transform: translateY(-50%);
    pointer-events: none;
}

.ds-archives-search__control .form-control {
    min-height: 46px;
    padding-left: 40px;
    border-radius: var(--ds-radius-sm, 6px);
}

.ds-archives-search__actions {
    display: flex;
    gap: var(--ds-space-sm);
}

.ds-archives-search__actions .ds-btn {
    min-height: 46px;
}

.ds-archives-breadcrumb,
.ds-archives-results-summary {
    display: flex;
    gap: var(--ds-space-sm);
    align-items: center;
    min-height: 44px;
    margin: var(--ds-space-lg) 0 var(--ds-space-md);
    padding: 0 var(--ds-space-sm);
    color: #5f6872;
    font-size: 13px;
    font-weight: 700;
}

.ds-archives-breadcrumb > i {
    color: #9aa3ad;
    font-size: 9px;
}

.ds-archives-breadcrumb a:first-child i {
    margin-right: var(--ds-space-xs);
}

.ds-archives-results-summary {
    justify-content: space-between;
}

.ds-archives-table-wrap {
    border: 1px solid var(--ds-border-color, #e3e8ee);
    border-radius: var(--ds-radius-md, 8px);
}

.ds-archives-table {
    margin: 0;
}

.ds-archives-table thead th {
    padding: 13px 16px;
    border-top: 0;
    border-bottom: 1px solid var(--ds-border-color, #e3e8ee);
    color: #5f6872;
    background: var(--ds-surface-soft, #f7f9fb);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.ds-archives-table tbody td {
    padding: 15px 16px;
    border-top: 1px solid #edf0f3;
    vertical-align: middle;
}

.ds-archives-table tbody tr:first-child td {
    border-top: 0;
}

.ds-archives-file-row:hover td,
.ds-archives-folder-row:hover td {
    background: color-mix(in srgb, var(--org-primary, #1665b1) 4%, #fff);
}

.ds-archives-file-name,
.ds-archives-folder {
    display: flex;
    gap: var(--ds-space-md);
    align-items: center;
    min-width: 0;
}

.ds-archives-file-name > span:last-child {
    overflow: hidden;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ds-archives-file-icon {
    display: inline-flex;
    flex: 0 0 36px;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--ds-radius-sm, 6px);
    color: var(--org-secondary, #173a66);
    background: color-mix(in srgb, var(--org-primary, #1665b1) 10%, #fff);
}

.ds-archives-file-icon--folder {
    color: #9a6710;
    background: #fff6df;
}

.ds-archives-folder {
    color: #2f3640;
}

.ds-archives-folder > i:last-child {
    margin-left: auto;
    color: #9aa3ad;
    font-size: 11px;
}

.ds-archives-table .ds-btn i {
    margin-right: var(--ds-space-xs);
}

@media (max-width: 767.98px) {
    .ds-archives-page {
        padding-top: var(--ds-space-lg);
        padding-bottom: var(--ds-space-xl);
    }

    .ds-archives-panel {
        padding: var(--ds-space-lg);
    }

    .ds-archives-search {
        display: grid;
        padding: var(--ds-space-md);
    }

    .ds-archives-search__actions,
    .ds-archives-search__actions .ds-btn {
        width: 100%;
    }

    .ds-archives-search__actions .ds-btn {
        flex: 1 1 0;
    }

    .ds-archives-results-summary {
        align-items: flex-start;
        flex-direction: column;
    }

    .ds-archives-table-wrap {
        overflow: visible;
        border: 0;
    }

    .ds-archives-table,
    .ds-archives-table tbody,
    .ds-archives-table tr,
    .ds-archives-table td {
        display: block;
        width: 100%;
    }

    .ds-archives-table thead {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
    }

    .ds-archives-table tbody tr {
        margin-bottom: var(--ds-space-md);
        overflow: hidden;
        border: 1px solid var(--ds-border-color, #e3e8ee);
        border-radius: var(--ds-radius-md, 8px);
        background: #fff;
    }

    .ds-archives-table tbody td {
        display: flex;
        gap: var(--ds-space-md);
        align-items: center;
        justify-content: space-between;
        padding: 10px 14px;
        border-top: 1px solid #edf0f3;
        text-align: right;
    }

    .ds-archives-table tbody td::before {
        content: attr(data-label);
        color: #77818c;
        font-size: 11px;
        font-weight: 800;
        letter-spacing: .04em;
        text-transform: uppercase;
    }

    .ds-archives-table tbody td:first-child {
        padding-top: 14px;
        padding-bottom: 14px;
        border-top: 0;
        text-align: left;
    }

    .ds-archives-table tbody td:first-child::before,
    .ds-archives-folder-row td::before {
        display: none;
    }

    .ds-archives-file-name {
        width: 100%;
    }

    .ds-archives-file-name > span:last-child {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .ds-archives-table tbody td:last-child .ds-btn {
        width: 100%;
    }

    .ds-archives-folder-row td {
        padding: 12px 14px !important;
    }
}

.ds-admin-users-search {
    display: grid;
    grid-template-columns: minmax(230px, 1fr) minmax(170px, 210px);
    gap: 10px;
    max-width: 650px;
}

.ds-admin-users-search__query {
    position: relative;
}

.ds-admin-users-search__query > i {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 15px;
    color: #77828d;
    transform: translateY(-50%);
    pointer-events: none;
}

.ds-admin-users-search__query .ds-form-control {
    width: 100%;
    min-height: 42px;
    padding-left: 42px;
    border: 1px solid #cfd7df !important;
    border-radius: var(--ds-radius-md, 8px) !important;
}

.ds-admin-users-search__filter .ds-form-select {
    width: 100%;
    min-height: 42px;
}

.ds-email-delivery-heading,
.ds-user-row__email-delivery {
    width: 64px;
    min-width: 64px;
    text-align: center !important;
}

.ds-email-delivery-heading span {
    border-bottom: 1px dotted #7b858f;
    cursor: help;
}

.ds-email-delivery-form {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.ds-email-delivery-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid currentColor;
    border-radius: 50%;
    background: #fff;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    transition: background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.ds-email-delivery-trigger:hover {
    transform: translateY(-1px);
}

.ds-email-delivery-trigger:focus {
    outline: 0;
    box-shadow: 0 0 0 3px var(--ds-focus-ring);
}

.ds-email-delivery-trigger.is-active,
.ds-email-delivery-option.is-active > i,
.ds-catalog-email-status-contract .is-active {
    color: var(--ds-status-success, #0f6b3f);
}

.ds-email-delivery-trigger.is-active {
    background: var(--ds-status-success-bg, #dff3e8);
}

.ds-email-delivery-trigger.is-unsubscribed,
.ds-email-delivery-option.is-unsubscribed > i,
.ds-catalog-email-status-contract .is-unsubscribed {
    color: #d97706;
}

.ds-email-delivery-trigger.is-unsubscribed {
    background: #fff4df;
}

.ds-email-delivery-trigger.is-hard_bounce,
.ds-email-delivery-option.is-hard-bounce > i,
.ds-catalog-email-status-contract .is-hard-bounce {
    color: var(--ds-status-danger, #b42318);
}

.ds-email-delivery-trigger.is-hard_bounce {
    background: var(--ds-status-danger-bg, #fdecec);
}

.ds-email-delivery-menu {
    min-width: 250px;
    padding: 7px;
    border: 1px solid var(--ds-border-color, #dce2e8) !important;
    border-radius: var(--ds-radius-md, 8px) !important;
    box-shadow: var(--ds-shadow-md, 0 8px 20px rgba(18, 34, 53, .12));
}

.ds-email-delivery-menu__title {
    margin: 0;
    padding: 7px 10px 8px;
    color: var(--ds-text-muted, #5f6872);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.ds-email-delivery-option {
    display: grid;
    grid-template-columns: 22px 1fr;
    gap: 9px;
    align-items: start;
    width: 100%;
    padding: 9px 10px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--ds-text, #2f3640);
    text-align: left;
}

.ds-email-delivery-option:hover,
.ds-email-delivery-option:focus,
.ds-email-delivery-option[aria-current="true"] {
    background: var(--ds-surface-soft, #f7f9fb);
    color: var(--ds-text, #2f3640);
}

.ds-email-delivery-option > i {
    padding-top: 3px;
    font-size: 15px;
    text-align: center;
}

.ds-email-delivery-option strong,
.ds-email-delivery-option small {
    display: block;
}

.ds-email-delivery-option strong {
    font-size: 13px;
    line-height: 1.3;
}

.ds-email-delivery-option small {
    margin-top: 2px;
    color: var(--ds-text-muted, #5f6872);
    font-size: 11px;
    line-height: 1.35;
}

.ds-catalog-email-status-contract {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    align-items: center;
    padding: 14px;
    border: 1px solid var(--ds-border-color, #dce2e8);
    border-radius: var(--ds-radius-md, 8px);
    background: var(--ds-surface-soft, #f7f9fb);
}

.ds-catalog-email-status-contract span {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    font-size: 13px;
}

.ds-catalog-email-status-contract small {
    flex-basis: 100%;
    color: var(--ds-text-muted, #5f6872);
}

@media (max-width: 767.98px) {
    .ds-admin-users-search {
        grid-template-columns: 1fr;
    }
}
