/* ═══ AI Act Transparency Notice ═══ */

/* ── Interaction-tab one-liner (single line, never wraps) ── */
.ai-notice{
    position:relative;
    display:flex;align-items:center;gap:.45rem;
    margin:0 0 .75rem;padding:.3rem .65rem;
    min-height:0;border-radius:6px;
    font-size:.75rem;line-height:1.3;
    border:1px solid rgba(251,191,36,.14);
    background:rgba(251,191,36,.05);
    color:rgba(255,255,255,.7);
}
.ai-notice .ai-ico{width:14px;height:14px;flex-shrink:0;color:rgba(251,191,36,.85)}
.ai-notice .ai-notice-text{
    flex:1 1 auto;min-width:0;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ai-notice .ai-notice-link{
    position:relative;flex-shrink:0;
    font-weight:600;font-size:.75rem;
    color:rgba(251,191,36,.9);
    text-decoration:none;white-space:nowrap;
}
/* 44px-tall hit area without growing the banner */
.ai-notice .ai-notice-link::after{
    content:"";position:absolute;left:-.5rem;right:-.5rem;
    top:50%;height:44px;transform:translateY(-50%);
}
.ai-notice .ai-notice-link:hover{color:rgba(251,191,36,1);text-decoration:underline}
.ai-notice .ai-notice-link:focus-visible{
    outline:2px solid currentColor;outline-offset:3px;border-radius:3px;
}

/* ── Info-tab card ── */
.ai-info-card{
    border:1px solid rgba(251,191,36,.15);
    border-radius:10px;
    padding:1.25rem 1.4rem;
    background:rgba(251,191,36,.04);
    margin-bottom:1.25rem;
}
.ai-info-card h3{
    display:flex;align-items:center;gap:.5rem;
    font-size:1.05rem;margin:0 0 .75rem;
}
.ai-info-card .ai-grid{
    display:grid;grid-template-columns:1fr 1fr;gap:.6rem;
    margin-bottom:.75rem;
}
.ai-info-card .ai-field{
    padding:.55rem .75rem;border-radius:6px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.06);
}
.ai-info-card .ai-field-label{
    font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;
    color:rgba(255,255,255,.62);margin-bottom:.15rem;
}
.ai-info-card .ai-field-value{
    font-size:.85rem;color:rgba(255,255,255,.82);
}
.ai-info-card .ai-field-wide{grid-column:1 / -1}
.ai-info-card .ai-limits{
    padding:.6rem .75rem;border-radius:6px;
    background:rgba(251,191,36,.06);
    border:1px solid rgba(251,191,36,.1);
    font-size:.82rem;color:rgba(255,255,255,.65);
    line-height:1.55;
}
.ai-info-card .ai-limits strong{color:rgba(251,191,36,.95)}
.ai-info-card .ai-ref-line{
    margin-top:.65rem;font-size:.72rem;color:rgba(255,255,255,.55);
}

/* ── Light-theme projects (NHP, DAMA via data-theme="light") ── */
[data-theme="light"] .ai-notice{
    border-color:rgba(180,140,20,.18);
    background:rgba(251,191,36,.07);
    color:rgba(0,0,0,.72);
}
[data-theme="light"] .ai-notice .ai-ico{color:#8a5a00}
[data-theme="light"] .ai-notice .ai-notice-link{
    color:#8a5a00;
}
[data-theme="light"] .ai-notice .ai-notice-link:hover{
    color:#6b4500;
}
[data-theme="light"] .ai-info-card{
    border-color:rgba(180,140,20,.18);background:rgba(251,191,36,.05);
}
[data-theme="light"] .ai-info-card .ai-field{
    background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.06);
}
[data-theme="light"] .ai-info-card .ai-field-label{color:rgba(0,0,0,.62)}
[data-theme="light"] .ai-info-card .ai-field-value{color:rgba(0,0,0,.75)}
[data-theme="light"] .ai-info-card .ai-limits{
    background:rgba(180,100,0,.05);border-color:rgba(180,100,0,.12);
    color:rgba(0,0,0,.6);
}
[data-theme="light"] .ai-info-card .ai-limits strong{color:#7a4e00}
[data-theme="light"] .ai-info-card .ai-ref-line{color:rgba(0,0,0,.58)}

@media(max-width:600px){
    .ai-info-card .ai-grid{grid-template-columns:1fr}
}