/* Grafica del pannello redazione, allineata al sito: carta bianca, inchiostro
   nero, rosso del logo, Crimson Pro. I colori di Decap li sostituisce tema.js;
   qui ci sono caratteri, bordi e le parti aggiunte (testata, pagina di accesso). */

@font-face { font-family: 'Crimson Pro'; font-weight: 400; font-style: normal; font-display: swap; src: url('/admin/font/crimson-pro-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Crimson Pro'; font-weight: 400; font-style: italic; font-display: swap; src: url('/admin/font/crimson-pro-latin-400-italic.woff2') format('woff2'); }
@font-face { font-family: 'Crimson Pro'; font-weight: 600; font-style: normal; font-display: swap; src: url('/admin/font/crimson-pro-latin-600-normal.woff2') format('woff2'); }
@font-face { font-family: 'Crimson Pro'; font-weight: 700; font-style: normal; font-display: swap; src: url('/admin/font/crimson-pro-latin-700-normal.woff2') format('woff2'); }

:root { --inchiostro: #111; --rosso: #f52a05; --accento: #c21f00; --carta: #f4f2ee; }

*:not(code):not(pre):not([class*='CodeMirror']) {
  font-family: 'Crimson Pro', Georgia, 'Times New Roman', serif !important;
}
body { font-size: 17px; background: var(--carta); }
code, pre, .CodeMirror, .CodeMirror * { font-family: ui-monospace, Menlo, Consolas, monospace !important; }

/* Titoli più "da giornale" */
h1, h2, h3, [class*='-SidebarHeading'], [class*='-CollectionTopHeading'], [class*='-WorkflowTopHeading'] {
  font-weight: 700 !important; letter-spacing: 0;
}
[class*='-ListCardTitle'], [class*='-CardHeading'] { font-size: 1.15rem !important; font-weight: 600 !important; }

/* Testata */
[class*='-AppHeader'][class*='-StyledHeader'], header[class*='AppHeader'], [class*='-AppHeaderContent'] { box-shadow: none !important; }
[class*='-AppHeaderContent'] { border-bottom: 2px solid var(--inchiostro); justify-content: flex-start !important; }
[class*='-AppHeaderActions'] { margin-left: auto; }
[class*='-AppHeaderNavLink'] { font-weight: 600 !important; text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.95rem !important; }
#testata-redazione {
  display: flex; align-items: center; gap: 0.5rem; margin-right: 1.25rem; padding-right: 1.25rem;
  border-right: 1px solid #d6d4cf; color: var(--inchiostro); text-decoration: none; white-space: nowrap;
}
#testata-redazione img { width: 34px; height: auto; }
#testata-redazione span { font-size: 1.45rem; font-style: italic; line-height: 1; }
#testata-redazione small { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.18em; color: #555; font-style: normal; }
@media (max-width: 900px) { #testata-redazione small { display: none; } }

/* Schede e riquadri: meno arrotondati, filetto nero come sul sito */
[class*='-ListCard-'], [class*='-ListCard '], [class*='-GridCard-'], [class*='-GridCard '], [class*='-SidebarContainer-'], [class*='-SidebarContainer '], [class*='-CollectionTopContainer-'], [class*='-CollectionTopContainer '], [class*='-WorkflowCardContainer-'], [class*='-WorkflowCardContainer '], [class*='-WorkflowTop-'], [class*='-WorkflowTop '] {
  border-radius: 2px !important; box-shadow: none !important; border: 1px solid #d6d4cf;
}
[class*='-SidebarContainer'], [class*='-CollectionTopContainer-'], [class*='-CollectionTopContainer '] { border-top: 3px solid var(--inchiostro); }
[class*='-ListCard-']:hover { border-color: var(--inchiostro); }
[class*='-ListCardTitle'] { padding-left: 0 !important; }

/* Pulsanti */
[class*='-AppHeaderQuickNewButton'], [class*='-CollectionTopNewButton'], [class*='-StyledButtonPrimary'],
[class*='-LoginButton'] {
  border-radius: 0 !important; box-shadow: none !important; text-transform: none; font-weight: 700 !important;
}
[class*='-CollectionTopNewButton']:hover, [class*='-AppHeaderQuickNewButton']:hover, [class*='-LoginButton']:hover {
  background-color: var(--accento) !important;
}

/* Pagina di accesso */
[class*='-StyledAuthenticationPage'] { background: #fff !important; }
[class*='-StyledAuthenticationPage'] img { width: 200px !important; height: auto !important; margin-bottom: 0.5rem; }
#intro-accesso { text-align: center; margin: 0 0 1.5rem; max-width: 22rem; }
#intro-accesso h1 {
  margin: 0 0 0.6rem; padding: 0.35rem 1.5rem; font-size: 1.6rem;
  border-top: 2px solid var(--inchiostro); border-bottom: 2px solid var(--inchiostro);
}
#intro-accesso p { margin: 0; color: #444; font-size: 1.05rem; }
[class*='-LoginButton'] { padding: 0.65rem 3rem !important; font-size: 1.1rem !important; height: auto !important; }

/* Link "Cambia password" */
#link-account {
  position: fixed; right: 12px; bottom: 12px; z-index: 1000;
  padding: 6px 12px; font: 600 15px/1.2 'Crimson Pro', Georgia, serif; color: #fff; background: var(--inchiostro); text-decoration: none;
}
#link-account:hover { background: var(--accento); }

/* Menu che confondono e non servono: libreria media e "aggiunta veloce". */
[class*='-AppHeaderNavLink'][href$='/media'], [class*='-AppHeaderQuickNewButton'] { display: none !important; }
/* La redazione vede solo gli articoli. */
body.ruolo-redazione [class*='-SidebarNavLink'][href*='/collections/edizioni'],
body.ruolo-redazione [class*='-SidebarNavLink'][href*='/collections/redazione'],
body.ruolo-redazione [class*='-SidebarNavLink'][href*='/collections/pagine'] { display: none !important; }
/* Il link "Cambia password" solo a chi è dentro. */
body:not(.collegato) #link-account, body:not(.collegato) #apri-guida { display: none; }

[class*='-CollectionTopDescription'] { font-size: 1.05rem !important; color: #333 !important; }
.riquadro-aiuto {
  margin: 0 0 1.25rem; padding: 0.75rem 1rem; background: #fff; border-left: 4px solid var(--accento);
  font-size: 1.1rem; line-height: 1.45;
}
#apri-guida {
  position: fixed; left: 12px; bottom: 12px; z-index: 1000; padding: 6px 14px; border: 0; cursor: pointer;
  font-weight: 700; font-size: 16px; color: #fff; background: var(--accento);
}
#apri-guida:hover { background: var(--inchiostro); }
#guida {
  position: fixed; left: 12px; bottom: 52px; z-index: 1001; width: min(26rem, calc(100vw - 24px));
  max-height: calc(100vh - 80px); overflow: auto; padding: 1rem 1.25rem; background: #fff;
  border: 2px solid var(--inchiostro); box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15); font-size: 1.1rem; line-height: 1.45;
}
#guida h2 { margin: 0 0 0.5rem; font-size: 1.4rem; }
#guida ol { padding-left: 1.3rem; margin: 0 0 0.75rem; }
#guida li { margin-bottom: 0.4rem; }
#guida button { margin-top: 0.5rem; padding: 6px 14px; border: 0; color: #fff; background: var(--inchiostro); font-weight: 700; cursor: pointer; }

/* modulo di accesso (accesso.js) */
body.pagina-accesso { background: #fff; }
#accesso { max-width: 26rem; margin: 0 auto; padding: 2.5rem 16px 3rem; color: var(--inchiostro); }
#accesso .logo { display: flex; align-items: center; justify-content: center; gap: 0.6rem; margin-bottom: 1rem; }
#accesso .logo img { width: 56px; height: auto; }
#accesso .logo span { font-size: 1.9rem; font-style: italic; }
#accesso h1 { font-size: 1.5rem; text-align: center; border-top: 2px solid; border-bottom: 2px solid; padding: 0.4rem 0; margin: 0 0 1.25rem; }
#accesso label { display: block; margin: 0.8rem 0 0.25rem; font-weight: 700; font-size: 1rem; }
#accesso input { width: 100%; box-sizing: border-box; padding: 0.6rem; font-size: 1.05rem; border: 1px solid var(--inchiostro); border-radius: 0; background: #fff; }
#accesso button { margin-top: 1.3rem; width: 100%; padding: 0.7rem; font-size: 1.1rem; font-weight: 700; color: #fff; background: var(--inchiostro); border: 0; cursor: pointer; }
#accesso button:hover { background: var(--accento); }
#accesso button:disabled { opacity: 0.6; cursor: wait; }
#accesso .errore { border-left: 4px solid var(--accento); background: #fdf1ee; padding: 0.6rem 0.8rem; margin: 0 0 0.5rem; }
#accesso .nota { font-size: 0.95rem; color: #444; }
#accesso a { color: var(--accento); }
#accesso [hidden] { display: none; }