/* Linkelia — socle global applicatif stabilisé. */
:root{
    --bg-app: #F6F8FB;
    --bg-surface: #FFFFFF;
    --bg-muted: #F1F4F8;
    --border-soft: #D9E1EA;
    --border-strong: #C4CEDA;
    --text-main: #0F172A;
    --text-secondary: #475569;
    --text-muted: #64748B;
    --text-inverse: #FFFFFF;
    --surface-subtle: #F1F4F8;
    --surface-0: #FFFFFF;
    --surface-secondary: #F8FBFF;
    --text-primary: #0F172A;
    --success: #15803D;
    --warning: #B45309;
    --danger: #B42318;
    --info: #2563EB;
    --radius-field: 10px;
    --radius-card: 14px;
    --radius-panel: 16px;
    --shadow-soft: 0 6px 18px rgba(15, 23, 42, 0.05);
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-7: 32px;
    --font-stack: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

*{ box-sizing: border-box; }

html,
body{
    margin: 0;
    padding: 0;
    font-family: var(--font-stack);
    background: var(--bg-app);
    color: var(--text-main);
    font-size: 14px;
    line-height: 20px;
}

a{ color: inherit; text-decoration: none; }

body{ min-height: 100vh; }

img{ max-width: 100%; display: block; }

code{
    background: var(--bg-muted);
    padding: 2px 6px;
    border-radius: 8px;
    border: 1px solid var(--border-soft);
}

.app-shell{
    display: flex;
    min-height: 100vh;
}

.brand{
    padding: var(--space-2) var(--space-1);
}

.brand-logo{
    width: 152px;
    height: auto;
}

.nav{
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.nav-group{
    border: 1px solid var(--border-soft);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,248,251,.98));
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03);
}

.nav-group[open],
.nav-group.is-active{
    background: var(--bg-muted);
}

.nav-group summary{
    list-style: none;
}

.nav-group summary::-webkit-details-marker{
    display: none;
}

.nav-group-summary{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2);
    padding: 9px 11px;
    color: var(--text-secondary);
    font-weight: 600;
    transition: .15s ease;
}

.nav-group-label{
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.nav-group-chevron{
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform .15s ease;
    margin-right: 2px;
}

.nav-group[open] .nav-group-chevron,
.nav-group.is-open .nav-group-chevron{
    transform: rotate(225deg);
}

.nav-subnav{
    display: grid;
    gap: 3px;
    padding: 0 7px 7px 7px;
}

.nav-link{
    border-radius: 10px;
    padding: 10px 12px;
    color: var(--text-secondary);
    font-weight: 500;
    transition: .15s ease;
}

.nav-link-sub{
    padding: 8px 12px;
    font-size: 13px;
    line-height: 18px;
    position: relative;
}

.nav-roadmap{
    margin: 2px 8px 8px;
    padding: 7px 9px;
    border-radius: 10px;
    background: rgba(47, 91, 255, 0.06);
    color: var(--text-muted);
    font-size: 11px;
    line-height: 15px;
}

.user-card{
    border: 1px solid var(--border-soft);
    background: var(--bg-muted);
    border-radius: 14px;
    padding: var(--space-3);
}

.user-card-title{
    font-weight: 600;
    color: var(--text-main);
}

.user-card-meta{
    font-size: 12px;
    line-height: 16px;
    color: var(--text-muted);
    margin-top: 2px;
}

.main-content{
    flex: 1;
    padding: 18px;
    min-width: 0;
}

.main-content-guest{
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-header{
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: var(--space-4);
    margin-bottom: var(--space-3);
}

.content-header h1{
    margin: 0;
    font-size: 19px;
    line-height: 28px;
    font-weight: 600;
}

.content-header p{
    margin: 4px 0 0;
}

.header-actions{
    display: flex;
    gap: var(--space-2);
    flex-wrap: wrap;
}

.panel{
    background: var(--bg-surface);
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-panel);
    padding: 12px 14px;
    box-shadow: var(--shadow-soft);
}

.panel + .panel{ margin-top: var(--space-4); }

.panel-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    margin-bottom: var(--space-3);
}

.panel h2,
.panel h1{
    margin: 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}

.muted{
    color: var(--text-muted);
}

.kpi-grid{
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: var(--space-3);
    margin-bottom: var(--space-4);
}

.kpi-card{
    background: var(--bg-surface);
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-card);
    padding: var(--space-4);
    box-shadow: var(--shadow-soft);
}

.kpi-label{
    color: var(--text-muted);
    font-size: 12px;
    line-height: 16px;
    margin-bottom: var(--space-2);
}

.kpi-value{
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
}

.grid-two{
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: var(--space-4);
}

.table{
    width: 100%;
    
}

.table th{
    text-align: left;
    
    
    
    
    
    
    
}

.table td{
    
    
    vertical-align: top;
}



.empty-state{
    text-align: center;
    color: var(--text-muted);
    padding: 28px 12px !important;
}

.form-grid{
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-3);
}

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

.form-field{
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.form-field label{
    font-size: 13px;
    line-height: 18px;
    color: var(--text-secondary);
    font-weight: 500;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="date"],
input[type="number"],
select,
textarea{
    width: 100%;
    border: 1px solid var(--border-strong);
    border-radius: var(--radius-field);
    padding: 10px 12px;
    background: var(--bg-surface);
    color: var(--text-main);
    outline: none;
    min-height: 42px;
}

textarea{
    min-height: 116px;
    resize: vertical;
}

input:focus,
select:focus,
textarea:focus{
    border-color: var(--brand);
    box-shadow: 0 0 0 4px rgba(47, 91, 255, 0.12);
}

.checkbox-field{
    justify-content: end;
}

.checkbox-field label{
    display: inline-flex;
    gap: 8px;
    align-items: center;
    font-weight: 500;
}

.form-actions{
    display: flex;
    gap: var(--space-2);
    align-items: center;
}

.col-span-2{
    grid-column: 1 / -1;
}

.button{
    border: 1px solid transparent;
    border-radius: 10px;
    min-height: 40px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    transition: .15s ease;
    background: var(--bg-surface);
}

.button:hover{
    transform: translateY(-1px);
}

.button-primary{
    color: var(--text-inverse);
}

.button-secondary{
    background: var(--bg-surface);
    color: var(--text-secondary);
    border-color: var(--border-strong);
}

.button-secondary:hover{
    border-color: var(--brand);
    color: var(--brand);
}

.button-danger{
    background: rgba(180, 35, 24, 0.08);
    color: var(--danger);
    border-color: rgba(180, 35, 24, 0.18);
}

.button-small{
    min-height: 34px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 16px;
}

.button-block{
    width: 100%;
}

.flash-stack{
    display: grid;
    gap: var(--space-2);
    margin-bottom: var(--space-4);
}

.flash{
    border-radius: 12px;
    padding: 11px 14px;
    border: 1px solid var(--border-soft);
    font-size: 13px;
    line-height: 18px;
}

.flash-success{ background: rgba(21, 128, 61, 0.08); color: var(--success); border-color: rgba(21, 128, 61, 0.18); }
.flash-warning{ background: rgba(180, 83, 9, 0.08); color: var(--warning); border-color: rgba(180, 83, 9, 0.18); }
.flash-danger{ background: rgba(180, 35, 24, 0.08); color: var(--danger); border-color: rgba(180, 35, 24, 0.18); }
.flash-info{ background: rgba(37, 99, 235, 0.08); color: var(--info); border-color: rgba(37, 99, 235, 0.18); }

.status-badge{
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
}

.status-badge.info{
    background: var(--brand-soft);
    color: var(--brand);
}

.activity-list{
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: var(--space-3);
}

.activity-list li{
    border: 1px solid var(--border-soft);
    background: var(--bg-muted);
    border-radius: 12px;
    padding: var(--space-3);
}

.activity-title{
    font-weight: 500;
    color: var(--text-main);
}

.activity-meta{
    margin-top: 4px;
    font-size: 12px;
    line-height: 16px;
    color: var(--text-muted);
}

.detail-grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3);
}

.detail-item{
    border: 1px solid var(--border-soft);
    border-radius: 12px;
    padding: 12px;
    background: var(--bg-muted);
}

.detail-label{
    color: var(--text-muted);
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 4px;
}

.detail-value{
    color: var(--text-main);
    font-weight: 500;
    word-break: break-word;
}

.toolbar input[type="search"]{
    max-width: 360px;
}

.guest-body{
    background: linear-gradient(180deg, #F6F8FB 0%, #EEF3FF 100%);
}

.guest-wrapper{
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-5);
}

.guest-wrapper-wide .guest-card{
    max-width: 760px;
}

.guest-card{
    width: 100%;
    max-width: 460px;
    background: rgba(255,255,255,.96);
    border: 1px solid var(--border-soft);
    border-radius: 18px;
    padding: 28px;
    box-shadow: var(--shadow-soft);
}

.guest-card h1{
    margin: 0 0 6px;
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
}

.guest-logo{
    width: 168px;
    margin-bottom: 20px;
}

@media (max-width: 1200px) {
    .kpi-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .grid-two { grid-template-columns: 1fr; }
}

@media (max-width: 920px) {
    .app-shell { flex-direction: column; }
    .kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .form-grid.two-columns,
    .detail-grid {
        grid-template-columns: 1fr;
    }
    .content-header {
        flex-direction: column;
    }
}

@media (max-width: 640px) {
    .main-content { padding: var(--space-4); }
    .kpi-grid { grid-template-columns: 1fr; }
    .toolbar {
        flex-direction: column;
    }
    .toolbar input[type="search"] { max-width: none; }
    .guest-card { padding: 22px; }
}


.code-block{
    margin-top: 16px;
    border: 1px solid #D9E1EA;
    background: #F8FAFC;
    border-radius: 14px;
    padding: 16px;
    overflow: auto;
}

.code-block pre{
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
    font-size: 12px;
    line-height: 1.5;
}

.toolbar{
    display: flex;
    gap: var(--space-2);
    flex-wrap: wrap;
    margin-bottom: var(--space-3);
}

.toolbar-split{
    align-items: center;
    justify-content: space-between;
}

.toolbar-group{
    display: flex;
    gap: var(--space-2);
    align-items: center;
    flex-wrap: wrap;
}

.toolbar-group-end{
    margin-left: auto;
}

.table-enhanced{
    table-layout: fixed;
    min-width: 100%;
}

.table th{
    position: relative;
    white-space: nowrap;
    overflow: visible;
}

.table td{
    overflow: hidden;
    text-overflow: ellipsis;
}

.table-actions-column{
    width: 110px;
}

.table-icon{
    width: 14px;
    height: 14px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 14px;
}

.table-icon-sort{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2364748B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3v10'/%3E%3Cpath d='M2.5 5.5L5 3l2.5 2.5'/%3E%3Cpath d='M11 13V3'/%3E%3Cpath d='M8.5 10.5 11 13l2.5-2.5'/%3E%3C/svg%3E");
}

.table-icon-filter{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2364748B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h12l-4.5 5v4l-3-1.75V8L2 3Z'/%3E%3C/svg%3E");
}



.table th.is-sorted .table-icon-sort,
.table th.is-filtered .table-icon-filter{
    filter: saturate(1.2);
}

.table th.is-sorted-desc .table-icon-sort{
    transform: rotate(180deg);
}

.content-header-compact{
    margin-bottom: 10px;
}

.content-header-compact h1{
    font-size: 20px;
    line-height: 24px;
}

.panel-compact{
    padding: 12px;
}

.toolbar-single-line{
    align-items: center;
}

.toolbar-grow{
    flex: 1;
}

.toolbar-single-line input[type="search"]{
    min-width: 240px;
    flex: 0 1 340px;
}

.build-meta{
    margin-top: 8px;
    font-size: 11px;
    line-height: 14px;
    color: var(--text-muted);
}

.nav-section-label-spaced{
    margin-top: 4px;
}

@media (max-width: 1024px) {
    .kpi-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .grid-two {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .app-shell {
        display: block;
    }

    .main-content {
        padding: 14px;
    }

    .toolbar-single-line {
        align-items: stretch;
    }

    .toolbar-grow {
        width: 100%;
    }

    .toolbar-single-line input[type="search"] {
        min-width: 0;
        flex: 1 1 100%;
    }

    .content-header,
    .toolbar-split,
    .toolbar-group-end {
        margin-left: 0;
    }

    .kpi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* v1.4.20 — remplacement des derniers styles inline actifs. */
.form-honeypot{ position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }
.mail-compose-section-title{ margin-top:18px; }

/* v1.8.2 — installation autonome. */
.section-heading{
    margin-top: 8px;
    padding-top: 12px;
    border-top: 1px solid var(--border-soft);
}

.section-heading h2{
    margin: 0 0 4px;
    font-size: 15px;
    line-height: 22px;
}

.section-heading p,
.install-summary{
    margin: 0;
    font-size: 13px;
    line-height: 20px;
    color: var(--text-secondary);
}

.install-summary{
    padding: 12px;
    border: 1px solid var(--border-soft);
    border-radius: 12px;
    background: var(--bg-muted);
}

/* v2.2.4 — logo invité cohérent avec la charte validée */
.guest-logo{
    width: min(300px, 82vw);
    height: auto;
}

/* Les tableaux applicatifs sont définis exclusivement dans css/modules/tables.css (contrat V458). */

/* Linkelia v2.4.3 — préférences utilisateur et socle commun des grilles redimensionnables. */
.preferences-card-v242{
    display: grid;
    gap: 14px;
}
.preferences-menu-form-v242{
    display: grid;
    gap: 14px;
}
.preferences-menu-list-v242{
    display: grid;
    gap: 8px;
    max-width: 560px;
}
.preferences-menu-item-v242{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--border-soft);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(15,23,42,.04);
}
.preferences-menu-item-v242 span{
    font-weight: 800;
    color: var(--text-main);
}
.preferences-menu-item-v242 div{
    display: inline-flex;
    gap: 6px;
}
.preferences-menu-item-v242 button{
    width: 32px;
    height: 30px;
    border-radius: 10px;
    border: 1px solid var(--border-soft);
    background: var(--bg-soft);
    color: var(--text-main);
    font-weight: 900;
    cursor: pointer;
}
.preferences-menu-item-v242 button:hover{
    background: #fff;
    border-color: rgba(48,88,255,.28);
}
.preferences-actions-v242{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.preferences-card-muted-v242{
    opacity: .9;
}

/* v2.5.0 — Module Formation intégré */
.training-catalog-page-v250{display:grid;gap:1rem}.training-hero-v250{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;background:#fff;border:1px solid var(--border,#dfe7f5);border-radius:22px;padding:1.25rem;box-shadow:0 18px 45px rgba(31,57,96,.06)}.training-hero-v250 h1{margin:.15rem 0 .35rem;font-size:clamp(1.7rem,3vw,2.6rem)}.training-hero-actions-v250{display:flex;gap:.6rem;flex-wrap:wrap}.training-kpis-v250{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.training-kpis-v250 article{background:#fff;border:1px solid var(--border,#dfe7f5);border-radius:18px;padding:1rem}.training-kpis-v250 strong{display:block;font-size:1.25rem}.training-kpis-v250 span{color:var(--muted,#66758f)}.training-group-list-v250{display:grid;gap:1rem}.training-group-card-v250{background:#fff;border:1px solid var(--border,#dfe7f5);border-radius:22px;padding:1.1rem;box-shadow:0 14px 35px rgba(31,57,96,.05)}.training-group-head-v250{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}.training-group-head-v250 span{display:inline-block;color:#5263ff;font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.training-group-head-v250 h2{margin:.2rem 0 .35rem}.training-group-head-v250 p{margin:0;color:var(--muted,#66758f);max-width:72rem}.training-group-head-v250>strong{white-space:nowrap;background:#f3f7ff;border:1px solid #dfe9ff;border-radius:999px;padding:.45rem .7rem;height:max-content}.training-resource-grid-v250{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.training-resource-card-v250{border:1px solid var(--border,#dfe7f5);border-radius:18px;padding:1rem;background:linear-gradient(180deg,#fff,#f9fbff);display:grid;gap:.7rem}.training-resource-top-v250{display:flex;justify-content:space-between;gap:.75rem;color:var(--muted,#66758f);font-size:.85rem}.training-resource-top-v250 span{font-weight:800;color:#25395f}.training-resource-card-v250 h3{margin:0;font-size:1.05rem}.training-resource-card-v250 p{margin:0;color:var(--muted,#66758f)}.training-chip-row-v250{display:flex;gap:.4rem;flex-wrap:wrap}.training-chip-row-v250 span{background:#eef4ff;border:1px solid #dce8ff;border-radius:999px;padding:.25rem .5rem;font-size:.78rem;color:#345}.training-reader-return-v250{margin-bottom:.75rem}.training-reader-return-v250 a{color:#1f3b63;text-decoration:none;font-weight:800}.training-reader-page-v250 .referentiel-resource-page{padding:0}.body-mode-app .training-reader-page-v250 .container,
.body-mode-public .training-reader-page-v250 .container{max-width:none;width:100%;padding:0}.body-mode-app .training-reader-page-v250 .ref-shell{display:grid;gap:1rem}.body-mode-app .training-reader-page-v250 .ref-hero{border-radius:22px}.body-mode-app .training-reader-page-v250 .ref-viewer{min-height:66vh}.body-mode-public .training-catalog-page-v250{padding-bottom:2rem}
@media (max-width:900px){.training-hero-v250,.training-group-head-v250{display:grid}.training-kpis-v250,.training-resource-grid-v250{grid-template-columns:1fr}.training-hero-actions-v250 .button{width:100%;justify-content:center}}

.training-admin-v251{display:flex;flex-direction:column;gap:18px}.training-admin-head-v251{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;background:rgba(255,255,255,.92);border:1px solid var(--border,#dbe4f0);border-radius:22px;padding:22px 24px;box-shadow:0 18px 42px rgba(15,23,42,.06)}.training-admin-head-v251 h1{margin:4px 0 6px}.training-admin-actions-v251{display:flex;gap:10px;flex-wrap:wrap}.training-tabs-v251{display:flex;gap:8px;flex-wrap:wrap}.training-tabs-v251 a{display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border:1px solid var(--border,#dbe4f0);border-radius:999px;background:#fff;text-decoration:none;color:var(--text,#0f172a);font-weight:700}.training-tabs-v251 a.active{background:linear-gradient(135deg,#7046ff,#3bbfd8);color:#fff;border-color:transparent}.training-kpis-v251{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.training-kpis-v251 article,
.training-admin-grid-v251 article,
.training-admin-panel-v251{background:#fff;border:1px solid var(--border,#dbe4f0);border-radius:20px;padding:18px;box-shadow:0 16px 36px rgba(15,23,42,.05)}.training-kpis-v251 strong{display:block;font-size:30px;line-height:1}.training-kpis-v251 span{display:block;margin-top:6px;color:var(--muted,#64748b);font-weight:700}.training-admin-grid-v251{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.training-admin-grid-v251 h2,
.training-admin-panel-v251 h2{margin:0 0 8px}.training-admin-grid-v251 p,
.training-admin-panel-v251 p{margin:0 0 12px;color:var(--muted,#64748b)}.training-panel-head-v251{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.training-panel-head-inline-v251{align-items:center}.training-access-form-v251{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}.training-access-form-v251 label{display:flex;flex-direction:column;gap:6px;font-weight:700;color:#273449}.training-access-form-v251 label span{font-size:12px;color:#65758b}.training-access-form-v251 input,
.training-access-form-v251 select,
.training-bulk-actions-v251 select{width:100%;border:1px solid #d7e2f0;border-radius:14px;background:#fff;min-height:44px;padding:0 12px}.training-access-note-v251{grid-column:span 2}.training-bulk-actions-v251{display:flex;gap:8px;align-items:center}.training-admin-v251 .contacts-table-scroll-v230{border:1px solid #dce5f1;border-radius:18px;background:#fff;overflow:auto}.training-admin-v251 .contacts-table-v230{min-width:960px;}.training-admin-v251 .contacts-table-v230 th{white-space:nowrap;}.training-admin-v251 small{color:#64748b}.training-admin-v251 .contacts-pill-v230{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#f4f7fb;border:1px solid #dce5f1;font-weight:700}.training-admin-v251 .contacts-pill-v230.is-ok{background:#eaf8ef;color:#166534;border-color:#bde7c8}.training-admin-v251 .contacts-pill-v230.is-muted{background:#f3f4f6;color:#475569;border-color:#e5e7eb}@media(max-width:1100px){.training-kpis-v251,.training-admin-grid-v251{grid-template-columns:repeat(2,minmax(0,1fr))}.training-access-form-v251{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.training-admin-head-v251,.training-panel-head-v251,.training-panel-head-inline-v251{display:block}.training-admin-actions-v251{margin-top:12px}.training-kpis-v251,.training-admin-grid-v251,.training-access-form-v251{grid-template-columns:1fr}.training-access-note-v251{grid-column:auto}.training-bulk-actions-v251{margin-top:10px}.training-tabs-v251 a{flex:1;justify-content:center}}

/* v2.5.3 — catalogue Formation public et utilisateur */
.training-catalog-page-v253{display:grid;gap:1rem}.training-public-hero-v253,
.training-app-head-v253{background:linear-gradient(135deg,#ffffff 0%,#f7faff 58%,#eef7ff 100%);border:1px solid var(--border,#dfe7f5);border-radius:22px;padding:1.25rem;box-shadow:0 18px 45px rgba(31,57,96,.06)}.training-public-hero-v253{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.72fr);gap:1rem;align-items:stretch}.training-public-copy-v253 h1,
.training-app-head-v253 h1{margin:.18rem 0 .45rem;font-size:clamp(1.75rem,3vw,3.15rem);line-height:1.02}.training-public-copy-v253 p,
.training-app-head-v253 p{max-width:76rem;margin:.2rem 0 0;color:var(--muted,#66758f);font-size:1.02rem}.training-public-actions-v253{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1rem}.training-public-panel-v253{background:#fff;border:1px solid #dfe8f7;border-radius:18px;padding:1rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.65)}.training-public-panel-v253 strong{display:block;margin-bottom:.6rem}.training-public-panel-v253 ul{margin:0;padding-left:1.1rem;color:#50617f;line-height:1.7}.training-public-activities-v253{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.training-public-activities-v253 article,
.training-summary-v253 article,
.training-family-v253,
.training-empty-v253{background:#fff;border:1px solid var(--border,#dfe7f5);border-radius:18px;box-shadow:0 12px 30px rgba(31,57,96,.045)}.training-public-activities-v253 article{padding:1rem}.training-public-activities-v253 span{display:block;font-weight:900;color:#14345a;margin-bottom:.4rem}.training-public-activities-v253 p{margin:0;color:#66758f}.training-app-head-v253{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.training-summary-v253{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.training-summary-v253 article{padding:.9rem 1rem}.training-summary-v253 strong{display:block;font-size:1.35rem;line-height:1}.training-summary-v253 span{color:#66758f;font-size:.9rem}.training-empty-v253{padding:1.1rem}.training-empty-v253 h2{margin:0 0 .35rem}.training-empty-v253 p{margin:0;color:#66758f}.training-family-list-v253{display:grid;gap:1rem}.training-family-v253{padding:1rem}.training-family-v253>header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.8rem}.training-family-v253>header span{display:inline-block;color:#5263ff;font-weight:900;font-size:.76rem;text-transform:uppercase;letter-spacing:.045em}.training-family-v253 h2{margin:.15rem 0 .25rem}.training-family-v253 p{margin:0;color:#66758f}.training-family-v253>header strong{white-space:nowrap;background:#f3f7ff;border:1px solid #dfe9ff;border-radius:999px;padding:.42rem .65rem}.training-resource-list-v253{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.training-resource-v253{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;border:1px solid #dfe7f5;border-radius:16px;padding:.85rem;background:linear-gradient(180deg,#fff,#fafcff)}.training-resource-main-v253{min-width:0}.training-resource-labels-v253{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;margin-bottom:.35rem}.training-resource-labels-v253 span{background:#eef4ff;border:1px solid #dce8ff;border-radius:999px;padding:.22rem .5rem;font-size:.76rem;color:#2f4a75;font-weight:800}.training-resource-labels-v253 small{color:#7a89a3}.training-resource-v253 h3{margin:0 0 .25rem;font-size:1rem;line-height:1.25}.training-resource-v253 p{font-size:.9rem}.training-tags-v253{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.55rem}.training-tags-v253 span{background:#f4f7fb;border:1px solid #e0e8f4;border-radius:999px;padding:.2rem .45rem;color:#475a77;font-size:.75rem}.body-mode-public .training-catalog-page-v253{padding-bottom:2rem}.body-mode-app .training-catalog-page-v253{gap:.75rem}.body-mode-app .training-app-head-v253{padding:1rem}.body-mode-app .training-summary-v253 article{padding:.75rem .85rem}.body-mode-app .training-family-v253{padding:.85rem}.body-mode-app .training-resource-v253{padding:.75rem}.body-mode-app .training-resource-v253 p{display:none}@media (max-width:980px){.training-public-hero-v253,.training-public-activities-v253,.training-resource-list-v253{grid-template-columns:1fr}.training-summary-v253{grid-template-columns:repeat(2,minmax(0,1fr))}.training-app-head-v253,.training-family-v253>header,.training-resource-v253{display:grid}.training-resource-v253 .button{width:100%}}
.training-access-pack-v253{border-color:#cfe1ff;background:linear-gradient(135deg,#fff,#f8fbff)}.training-access-pack-form-v253 select[multiple]{min-height:9rem}.training-access-resources-v253{grid-column:span 2}.training-access-pack-form-v253 .training-check-v252{align-self:end}.training-access-pack-form-v253 .button{align-self:end}@media(max-width:980px){.training-access-resources-v253{grid-column:auto}}
.linkelia-public-activities-v253 .linkelia-activity-grid-v253{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.linkelia-activity-grid-v253 article{background:#fff;border:1px solid var(--border,#dfe7f5);border-radius:18px;padding:1rem;box-shadow:0 12px 30px rgba(31,57,96,.045)}.linkelia-activity-grid-v253 strong{display:block;color:#11213d;margin-bottom:.4rem}.linkelia-activity-grid-v253 span{color:#66758f}@media(max-width:980px){.linkelia-public-activities-v253 .linkelia-activity-grid-v253{grid-template-columns:1fr}}

/* v2.5.4 — Formation : console plateforme lisible et accès agents */
.training-admin-v254{display:grid;gap:14px}.training-admin-head-v254{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--border,#dbe4f0);border-radius:18px;padding:16px 18px;box-shadow:0 12px 30px rgba(15,23,42,.045)}.training-admin-head-v254 h1{margin:2px 0 4px;font-size:28px;line-height:34px}.training-admin-head-v254 p{margin:0}.training-admin-actions-v254{display:flex;gap:8px;flex-wrap:wrap}.training-tabs-v254{display:flex;gap:6px;flex-wrap:wrap}.training-tabs-v254 a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border:1px solid var(--border,#dbe4f0);border-radius:999px;background:#fff;text-decoration:none;color:var(--text,#0f172a);font-weight:800;font-size:13px}.training-tabs-v254 a.active{background:linear-gradient(135deg,#7046ff,#3bbfd8);color:#fff;border-color:transparent;box-shadow:0 8px 20px rgba(47,91,255,.16)}.training-admin-panel-v254{background:#fff;border:1px solid var(--border,#dbe4f0);border-radius:18px;padding:14px;box-shadow:0 12px 30px rgba(15,23,42,.045)}.training-panel-head-v254{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.training-panel-head-v254 h2{margin:0;font-size:18px;line-height:24px}.training-panel-head-v254 p{margin:2px 0 0;color:var(--muted,#64748b);font-size:13px}.training-panel-head-inline-v254{align-items:center}.training-access-layout-v254{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.7fr);gap:14px}.training-access-form-v254,
.training-editor-form-v254{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:end}.training-access-form-v254 label,
.training-quick-access-v254 label,
.training-editor-form-v254 label,
.training-editor-mini-v254 label{display:grid;gap:5px;font-weight:800;color:#1f2d45;font-size:13px}.training-access-form-v254 label span,
.training-quick-access-v254 label span,
.training-editor-form-v254 label span,
.training-editor-mini-v254 label span{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#65758b}.training-access-form-v254 input,
.training-access-form-v254 select,
.training-quick-access-v254 select,
.training-editor-form-v254 input,
.training-editor-form-v254 select,
.training-editor-form-v254 textarea,
.training-editor-mini-v254 select{width:100%;border:1px solid #d7e2f0;border-radius:12px;background:#fff;min-height:40px;padding:0 10px}.training-editor-form-v254 textarea{padding:10px;line-height:1.45}.training-access-form-v254 select[multiple]{padding:8px;min-height:172px}.training-access-form-v254 .span-2,
.training-editor-form-v254 .span-2{grid-column:span 2}.training-checks-v254{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid #e0e7f2;border-radius:14px;background:#f8fbff;padding:10px}.training-checks-v254 label{display:flex;grid-template-columns:auto 1fr;gap:8px;align-items:center}.training-checks-v254 span{color:#64748b;font-size:12.5px}.training-access-actions-v254{display:flex;gap:8px;flex-wrap:wrap}.training-badge-v254{display:inline-flex;align-items:center;border-radius:999px;background:#eef4ff;border:1px solid #dce8ff;color:#2f4a75;padding:6px 10px;font-size:12px;font-weight:900}.training-mini-stats-v254{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}.training-mini-stats-v254 article{border:1px solid #e0e7f2;border-radius:14px;padding:10px;background:#f8fbff}.training-mini-stats-v254 strong{display:block;font-size:22px;line-height:1}.training-mini-stats-v254 span{color:#64748b;font-size:12px}.training-quick-access-v254{display:grid;gap:9px}.training-bulk-actions-v254{display:flex;gap:8px;align-items:center}.training-bulk-actions-v254 select{min-height:38px;border:1px solid #d7e2f0;border-radius:12px;padding:0 10px;background:#fff}.training-kpis-v254{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.training-kpis-v254 article{background:#fff;border:1px solid #dbe4f0;border-radius:16px;padding:12px}.training-kpis-v254 strong{display:block;font-size:26px;line-height:1}.training-kpis-v254 span{color:#64748b;font-weight:750}.training-admin-grid-v254{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.training-admin-grid-v254 a{display:grid;gap:4px;border:1px solid #dbe4f0;border-radius:16px;background:#fff;text-decoration:none;color:#0f172a;padding:14px}.training-admin-grid-v254 a strong{font-size:15px}.training-admin-grid-v254 a span{font-size:12.5px;color:#64748b}.training-editor-layout-v254{display:grid;grid-template-columns:310px minmax(0,1fr);gap:14px}.training-editor-side-v254{position:sticky;top:12px;align-self:start;display:grid;gap:10px}.training-editor-mini-v254{display:grid;gap:8px}.training-screen-list-v254{display:grid;gap:6px;max-height:62vh;overflow:auto}.training-screen-list-v254 a{display:grid;gap:2px;text-decoration:none;border:1px solid #e1e8f4;border-radius:12px;padding:8px 10px;color:#0f172a;background:#fff}.training-screen-list-v254 a.active{border-color:rgba(47,91,255,.45);background:#f4f7ff}.training-screen-list-v254 strong{font-size:12.5px;line-height:17px}.training-screen-list-v254 span{font-size:11px;color:#64748b}.training-editor-main-v254{display:grid;gap:14px}.training-editor-form-v254.compact-v254{grid-template-columns:repeat(5,minmax(0,1fr))}.training-editor-actions-v254{display:flex;gap:8px;justify-content:flex-end}.training-admin-v254 .contacts-table-scroll-v230{border:1px solid #dce5f1;border-radius:16px;background:#fff;overflow:auto}.training-admin-v254 .contacts-table-v230{min-width:980px;}.training-admin-v254 small{color:#64748b}.training-admin-v254 .contacts-pill-v230{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;background:#f4f7fb;border:1px solid #dce5f1;font-weight:800}.training-admin-v254 .contacts-pill-v230.is-ok{background:#eaf8ef;color:#166534;border-color:#bde7c8}.training-admin-v254 .contacts-pill-v230.is-muted{background:#f3f4f6;color:#475569;border-color:#e5e7eb}.training-catalog-page-v253.is-app-v253{gap:.55rem}.training-catalog-page-v253.is-app-v253 .training-app-head-v253{border-radius:16px;padding:.85rem 1rem}.training-catalog-page-v253.is-app-v253 .training-app-head-v253 h1{font-size:clamp(1.45rem,2.2vw,2.15rem)}.training-catalog-page-v253.is-app-v253 .training-summary-v253{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.training-catalog-page-v253.is-app-v253 .training-family-v253{border-radius:16px;padding:.75rem}.training-catalog-page-v253.is-app-v253 .training-resource-list-v253{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:.55rem}.training-catalog-page-v253.is-app-v253 .training-resource-v253{padding:.65rem;border-radius:14px}.training-catalog-page-v253.is-app-v253 .training-family-v253>header{margin-bottom:.55rem}.training-catalog-page-v253.is-public-v253 .training-public-hero-v253{border-radius:26px;padding:2rem;background:radial-gradient(circle at 82% 18%,rgba(59,191,216,.24),transparent 32%),linear-gradient(135deg,#fff 0%,#f5f8ff 52%,#eef7ff 100%)}.training-catalog-page-v253.is-public-v253 .training-public-copy-v253 h1{font-size:clamp(2.2rem,5vw,4.8rem);letter-spacing:-.04em}.training-catalog-page-v253.is-public-v253 .training-public-activities-v253 article{padding:1.15rem;border-radius:20px}.training-catalog-page-v253.is-public-v253 .training-family-v253{border-radius:22px;padding:1.15rem}@media(max-width:1180px){.training-access-layout-v254,.training-editor-layout-v254{grid-template-columns:1fr}.training-editor-side-v254{position:static}.training-editor-form-v254.compact-v254{grid-template-columns:repeat(2,minmax(0,1fr))}.training-admin-grid-v254,.training-kpis-v254{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.training-admin-head-v254,.training-panel-head-v254{display:grid}.training-admin-actions-v254 .button{width:100%}.training-tabs-v254{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.training-access-form-v254,.training-editor-form-v254,.training-editor-form-v254.compact-v254,.training-kpis-v254,.training-admin-grid-v254{grid-template-columns:1fr}.training-access-form-v254 .span-2,.training-editor-form-v254 .span-2{grid-column:auto}.training-bulk-actions-v254{width:100%}.training-bulk-actions-v254 select,.training-bulk-actions-v254 button{flex:1}.training-catalog-page-v253.is-app-v253 .training-summary-v253{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v2.5.5 — Formation : administration Educaligne complète dans Linkelia */
.training-admin-v255{display:grid;gap:14px}.training-admin-head-v255,
.training-card-v255{background:#fff;border:1px solid var(--border,#dbe4f0);border-radius:18px;box-shadow:0 12px 30px rgba(15,23,42,.045)}.training-admin-head-v255{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px}.training-admin-head-v255 h1{margin:2px 0 4px;font-size:28px;line-height:34px}.training-admin-head-v255 p{margin:0}.training-admin-actions-v255,
.training-form-actions-v255,
.training-toolbar-v255,
.training-shortcuts-v255{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.training-tabs-v255{display:flex;gap:6px;flex-wrap:wrap}.training-tabs-v255 a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border:1px solid var(--border,#dbe4f0);border-radius:999px;background:#fff;text-decoration:none;color:var(--text,#0f172a);font-weight:850;font-size:12.5px}.training-tabs-v255 a.active{background:linear-gradient(135deg,#7046ff,#3bbfd8);color:#fff;border-color:transparent;box-shadow:0 8px 20px rgba(47,91,255,.14)}.training-card-v255{padding:14px}.training-card-title-v255{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.training-card-title-v255 h2{margin:0;font-size:18px;line-height:24px}.training-card-title-v255 span,
.training-note-v255{font-size:12.5px;color:#64748b}.training-grid-v255{display:grid;gap:14px}.training-grid-v255.two-v255{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)}.training-grid-v255.three-v255{grid-template-columns:repeat(3,minmax(0,1fr))}.training-kpis-v255{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.training-kpis-v255 article{background:#fff;border:1px solid #dbe4f0;border-radius:16px;padding:12px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.training-kpis-v255 strong{display:block;font-size:26px;line-height:1}.training-kpis-v255 span{color:#64748b;font-weight:750}.training-form-v255{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:end}.training-form-v255.compact-v255{grid-template-columns:repeat(5,minmax(0,1fr))}.training-form-v255 label,
.training-mini-form-v255 label{display:grid;gap:5px;font-weight:800;color:#1f2d45;font-size:13px}.training-form-v255 label span,
.training-mini-form-v255 label span{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#65758b}.training-form-v255 input,
.training-form-v255 select,
.training-form-v255 textarea,
.training-mini-form-v255 select{width:100%;border:1px solid #d7e2f0;border-radius:12px;background:#fff;min-height:40px;padding:0 10px}.training-form-v255 textarea{padding:10px;line-height:1.45}.training-form-v255 select[multiple]{padding:8px;min-height:162px}.training-form-v255 .span-2,
.span-2{grid-column:span 2}.span-full-v255{width:100%;flex-basis:100%}.training-inline-check-v255{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px;padding:10px;border:1px solid #e0e7f2;border-radius:12px;background:#f8fbff}.training-profile-list-v255{display:grid;gap:8px}.training-profile-list-v255 div{border:1px solid #e0e7f2;border-radius:14px;background:#f8fbff;padding:10px}.training-profile-list-v255 strong{display:block;margin-bottom:2px}.training-profile-list-v255 p{margin:0 0 4px;color:#64748b}.training-profile-list-v255 small{color:#52637e}.training-editor-layout-v255{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px}.training-editor-side-v255{position:sticky;top:12px;align-self:start;display:grid;gap:10px}.training-editor-main-v255{display:grid;gap:14px}.training-mini-form-v255{display:grid;gap:8px}.training-screen-list-v255{display:grid;gap:6px;max-height:62vh;overflow:auto}.training-screen-list-v255 a{display:grid;gap:2px;text-decoration:none;border:1px solid #e1e8f4;border-radius:12px;padding:8px 10px;color:#0f172a;background:#fff}.training-screen-list-v255 a.active{border-color:rgba(47,91,255,.45);background:#f4f7ff}.training-screen-list-v255 strong{font-size:12.5px;line-height:17px}.training-screen-list-v255 span{font-size:11px;color:#64748b}.training-admin-v255 .contacts-table-scroll-v230{border:1px solid #dce5f1;border-radius:16px;background:#fff;overflow:auto}.training-admin-v255 .contacts-table-v230{min-width:980px;}.training-admin-v255 code{background:#f6f8fc;border:1px solid #e1e8f4;border-radius:8px;padding:2px 6px}.training-admin-v255 .button-danger{border-color:#fecaca;color:#b91c1c;background:#fff5f5}.training-note-v255{margin:0 0 10px;padding:9px 10px;border:1px solid #e0e7f2;border-radius:12px;background:#f8fbff}@media(max-width:1180px){.training-grid-v255.two-v255,.training-grid-v255.three-v255,.training-editor-layout-v255{grid-template-columns:1fr}.training-editor-side-v255{position:static}.training-form-v255.compact-v255{grid-template-columns:repeat(2,minmax(0,1fr))}.training-kpis-v255{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.training-admin-head-v255,.training-card-title-v255{display:grid}.training-tabs-v255{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.training-form-v255,.training-form-v255.compact-v255,.training-kpis-v255{grid-template-columns:1fr}.training-form-v255 .span-2,.span-2{grid-column:auto}.training-admin-actions-v255 .button,.training-form-actions-v255 .button,.training-shortcuts-v255 .button{width:100%}}

/* v3.0.7 — pilotage pratique des écrans de formation */
.training-screen-list-v307{gap:8px}.training-screen-row-v307{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center;border:1px solid #e1e8f4;border-radius:12px;padding:6px;background:#fff}.training-screen-row-v307.active{border-color:rgba(47,91,255,.5);background:#f4f7ff}.training-screen-row-v307>a{border:0!important;background:transparent!important;padding:5px 6px!important}.training-screen-actions-v307{display:flex;gap:4px}.training-screen-actions-v307 form{margin:0}.training-screen-actions-v307 button{appearance:none;width:30px;height:30px;border:1px solid #d8e2ef;border-radius:9px;background:#fff;color:#244d76;font-weight:900;cursor:pointer}.training-screen-actions-v307 button:hover{background:#edf4ff;border-color:#9db5d8}.training-add-screen-v307{grid-template-columns:repeat(4,minmax(0,1fr)) auto!important}@media(max-width:1180px){.training-add-screen-v307{grid-template-columns:repeat(2,minmax(0,1fr))!important}.training-add-screen-v307>button{width:100%}}@media(max-width:760px){.training-add-screen-v307{grid-template-columns:1fr!important}.training-screen-row-v307{grid-template-columns:1fr}.training-screen-actions-v307{justify-content:flex-end}}

/* Un attribut hidden explicite reste prioritaire sur les display des composants. */

/* Application keyboard skip link; the public shell owns its own equivalent. */
.skip-link{position:fixed;top:8px;left:8px;z-index:10000;transform:translateY(-180%);padding:10px 16px;background:var(--ui-surface,#fff);color:var(--ui-ink,#24334b);border:2px solid currentColor;border-radius:6px}
.skip-link:focus{transform:translateY(0)}

.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}