/* ============================================================================
   privacy-doc.css — the DPO's privacy notices, as embedded in a candidate form.
   Added: Sep 2026 — GDPR privacy management.

   This is the stylesheet of the four supplied HTML documents
   (Informativa Selezione / Formazione, IT + EN), transposed ONE-FOR-ONE with a
   single deliberate change: EVERY selector is scoped under `.pvd` and every
   class is prefixed `pvd-`.

   WHY THE SCOPING IS NOT OPTIONAL. The source files are standalone A4 pages and
   style bare `body`, `p`, `.body`, `.r`, `.n`, `.t`, `.hdr`, `.foot`. Dropped as-is
   into hrJobApplication/create.gsp or iProfile.gsp, `body { margin:0; padding:18px;
   background:#f2f3f5; font-size:8.5pt }` would restyle the whole candidate page, and
   `.body` / `.r` / `.t` / `.n` collide with Metronic's own utilities. `.pvd` carries
   what `body` carried; nothing escapes it.

   TWO RENDERING-CONTEXT CHANGES, both because this is embedded in a form rather
   than printed on paper — the CONTENT is untouched:
     1. `.sheet` (width:210mm; min-height:297mm; box-shadow) is dropped. A fixed
        794px sheet inside a ~420px scroll area would force horizontal scrolling on
        every screen and would be unusable on a phone. The document flows to its
        container instead; `.pvd-frame` keeps the printed border.
     2. `.langnote` keeps its place below the frame.

   Font size is left at the document's own 8.5pt. It is small on screen; that is
   the DPO's specification and is deliberately not "improved" here.
   ========================================================================== */

.pvd {
    color: #000;
    background: #fff;
    font-family: Aptos, Calibri, "Segoe UI", Candara, Arial, sans-serif;
    font-size: 8.5pt;
    line-height: 1.24;
    text-align: left;
}

.pvd * { box-sizing: border-box; }

.pvd .pvd-frame { border: 1px solid #000; padding: 5px 9px 12px; }

.pvd .pvd-hdr { position: relative; padding: 2px 0 6px; }
.pvd .pvd-hdr .pvd-t1 { text-align: center; font-weight: bold; font-size: 9pt; }
.pvd .pvd-hdr .pvd-t2 { text-align: center; font-size: 9pt; padding-left: 90px; }
.pvd .pvd-hdr .pvd-cod { position: absolute; left: 6px; top: 15px; font-size: 8.5pt; }

.pvd .pvd-foot { text-align: center; font-style: italic; font-size: 8.5pt; margin-top: 14px; }

.pvd p { margin: 0 0 1px; }

.pvd .pvd-r { display: flex; margin: 0 0 1px; }
.pvd .pvd-r > .pvd-n { flex: 0 0 24px; font-weight: bold; }
.pvd .pvd-r > .pvd-t { flex: 1; text-align: justify; }
.pvd .pvd-r.pvd-sub { padding-left: 24px; }
.pvd .pvd-r.pvd-sub > .pvd-n { flex: 0 0 28px; font-weight: normal; }
.pvd .pvd-r.pvd-wide > .pvd-n { flex: 0 0 34px; }

.pvd .pvd-body { padding-left: 24px; text-align: justify; }
.pvd .pvd-body.pvd-sub { padding-left: 52px; }

/* Purpose icons. max-width keeps them inside a narrow container; the width/height
   attributes on each img carry the document's own intended size. */
.pvd .pvd-ic { float: right; margin: 1px 0 3px 8px; max-width: 40%; height: auto; }

/* The tick boxes. The original names "Segoe UI Symbol" / "MS Gothic" so the
   U+2610 / U+2612 glyphs render; the last two are fallbacks for non-Windows. */
.pvd .pvd-chk { font-family: "Segoe UI Symbol", "MS Gothic", "DejaVu Sans", sans-serif; }

.pvd table.pvd-ct { width: 100%; border-collapse: collapse; margin-top: 10px; }
.pvd table.pvd-ct td {
    border: 1px solid #000;
    padding: 4px 10px 4px 14px;
    font-weight: bold;
    font-style: italic;
    font-size: 8.5pt;
    height: 22px;
    vertical-align: top;
}
/* The tenant's own values inside the contact table. Regular weight and upright so
   the DPO's fixed label stays visually distinct from the data filled in under it. */
.pvd table.pvd-ct td .pvd-val { font-weight: normal; font-style: normal; display: block; }
/* A row the tenant has nothing to declare for — see privacy.notice.doc.notProvided. */
.pvd table.pvd-ct td .pvd-val-empty { color: #555; }

.pvd .pvd-langnote {
    font-size: 7.5pt;
    font-style: italic;
    text-align: center;
    margin-top: 8px;
    color: #333;
}