@import url('../style.css');

body.intranet-body{ background: var(--paper-dim); min-height:100vh; }

.intranet-header{
    background: var(--ink); color: var(--paper-dim);
    padding: 16px 0; border-bottom: 1px solid rgba(201,162,39,.3);
}
.intranet-header .wrap{ display:flex; align-items:center; justify-content:space-between; }
.intranet-header .brand-line1{ color: var(--gold-soft); font-family: var(--font-display); font-size:1.05rem; }
.intranet-header nav a{ color: var(--paper-dim); margin-left:18px; font-size:0.9rem; }
.intranet-header nav a.is-active{ color: var(--gold-soft); font-weight:600; }

.intranet-main{ padding: 40px 0; }

.auth-screen{
    min-height:100vh; display:flex; align-items:center; justify-content:center;
    background: var(--ink); padding:24px;
}
.auth-card{ background: var(--white); border-radius:6px; padding:40px 36px; width:100%; max-width:380px; border:1px solid var(--line); }

.panel{ background: var(--white); border:1px solid var(--line); border-radius:6px; padding:24px; margin-bottom:24px; }
.panel-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; flex-wrap:wrap; gap:10px; }

.form-grid{ display:grid; gap:16px; grid-template-columns: repeat(2, 1fr); }
.form-grid.single{ grid-template-columns: 1fr; }
.field{ display:flex; flex-direction:column; gap:6px; }
.field label{ font-size:0.82rem; font-weight:600; color: var(--ink); }
.field input, .field select, .field textarea{
    padding:9px 12px; border:1px solid var(--line); border-radius:4px;
    font-family: var(--font-body); font-size:0.92rem; background: var(--paper);
}
.field-full{ grid-column: 1 / -1; }

.alert{ padding:12px 16px; border-radius:4px; margin-bottom:18px; font-size:0.9rem; }
.alert-ok{ background:#DCEFD9; color:#2C6B2F; }
.alert-error{ background:#F3D8D8; color:#8C2C2C; }

.biblio-grid{ display:grid; gap:22px; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }
.biblio-card{ text-align:center; }
.biblio-card img{ width:100%; aspect-ratio:3/4; object-fit:cover; border-radius:4px; border:1px solid var(--line); margin-bottom:8px; }
.biblio-card h4{ font-size:0.92rem; margin:0 0 2px; }
.biblio-card p{ font-size:0.78rem; color: var(--ink-soft); margin:0; }

.avatar-lg{ width:110px; height:110px; border-radius:50%; object-fit:cover; border:3px solid var(--gold-soft); }