/* RetailFlow internal-document style, shared by all dossier documents.
   Matches the site palette. Looks like a clean internal document / intranet page. */
:root{
  --primary:#2563eb; --primary-dark:#1e40af; --secondary:#10b981; --accent:#f59e0b;
  --dark:#1f2937; --light:#f3f4f6; --white:#fff; --text:#374151; --border:#e5e7eb; --warn:#ef4444;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto',sans-serif;line-height:1.6;color:var(--text);background:var(--light)}

.doc-header{display:flex;align-items:center;gap:1rem;background:var(--dark);color:var(--white);
  padding:.6rem 1.25rem;font-size:.9rem;position:sticky;top:0;z-index:10}
.doc-header .back{color:#cbd5e1;text-decoration:none;font-weight:600}
.doc-header .back:hover{color:#fff}
.doc-header .brand{font-weight:700;letter-spacing:.02em}
.doc-header .classification{margin-left:auto;background:var(--warn);color:#fff;
  padding:.15rem .6rem;border-radius:4px;font-size:.72rem;font-weight:700;letter-spacing:.05em}
.doc-header .classification.internal{background:#475569}
.doc-header .classification.draft{background:var(--accent)}

main.doc{max-width:820px;margin:2rem auto;background:var(--white);padding:2.5rem 3rem;
  border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.08)}
@media(max-width:640px){main.doc{padding:1.5rem;margin:1rem}}

.doc-meta{border-bottom:3px solid var(--primary);padding-bottom:1rem;margin-bottom:1.5rem}
.doc-meta h1{color:var(--primary-dark);font-size:1.6rem;line-height:1.25;margin-bottom:.4rem}
.doc-meta .meta-line{color:#6b7280;font-size:.85rem;font-weight:500}
.doc-tag{display:inline-block;background:var(--light);color:#6b7280;border:1px solid var(--border);
  padding:.1rem .55rem;border-radius:12px;font-size:.72rem;font-weight:600;margin-right:.35rem}

.doc-body h2{color:var(--primary);font-size:1.2rem;margin:1.6rem 0 .6rem}
.doc-body h3{color:var(--dark);font-size:1rem;margin:1.1rem 0 .4rem}
.doc-body p{margin-bottom:.9rem}
.doc-body ul,.doc-body ol{margin:.4rem 0 1rem 1.4rem}
.doc-body li{margin-bottom:.35rem}
.doc-body strong{color:var(--dark)}

table{width:100%;border-collapse:collapse;margin:1rem 0 1.4rem;font-size:.92rem}
th{background:var(--light);text-align:left;padding:.6rem .7rem;border-bottom:2px solid var(--primary);font-weight:600}
td{padding:.5rem .7rem;border-bottom:1px solid var(--border)}
tr:hover td{background:#fafafa}

.callout{padding:1rem 1.2rem;border-radius:6px;margin:1.1rem 0;font-size:.93rem}
.callout.note{background:#e0f2fe;border-left:4px solid #0284c7}
.callout.warn{background:#fef3c7;border-left:4px solid var(--accent)}
.callout.risk{background:#fee2e2;border-left:4px solid var(--warn)}

.email{font-family:'Segoe UI',sans-serif}
.email .head{background:var(--light);border:1px solid var(--border);border-radius:6px;
  padding:.8rem 1rem;margin-bottom:1rem;font-size:.88rem}
.email .head div{margin-bottom:.2rem}
.email .head .label{display:inline-block;width:64px;color:#6b7280;font-weight:600}

.signature{margin-top:1.5rem;color:#6b7280;font-size:.9rem;font-style:italic}
.doc-footer{max-width:820px;margin:1rem auto 3rem;text-align:center;color:#9ca3af;font-size:.78rem}