:root { --fr-red-ink: #20232a; --fr-red-navy: #10283e; --fr-red-burgundy: #8d2934; --fr-red-paper: #f8f5ef; --fr-red-white: #fffdf9; --fr-red-line: #d9d4cc; --fr-red-muted: #65707a; }
.fr-redazione-shell { max-width: 78rem; margin: 0 auto; padding: 1.5rem 1rem 4rem; color: var(--fr-red-ink); background: var(--fr-red-paper); }
.fr-newsroom-panel { margin: 1.5rem 0; border: 2px solid var(--fr-red-navy); padding: 1.25rem; background: var(--fr-red-white); }
.fr-homepage-management { border-color: var(--fr-red-burgundy); }
.fr-homepage-meta { display: grid; grid-template-columns: minmax(12rem, 1fr) minmax(12rem, 2fr); gap: .35rem 1rem; margin: 1rem 0; }
.fr-homepage-meta dt { color: var(--fr-red-muted); font-weight: 700; }
.fr-homepage-meta dd { margin: 0; }
.fr-stats-panel { margin: 1.5rem 0 2rem; border: 1px solid var(--fr-red-line); padding: 1.25rem; background: var(--fr-red-white); }
.fr-stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: .75rem; }
.fr-stat-card { border-top: 3px solid var(--fr-red-burgundy); padding: .8rem; background: var(--fr-red-paper); }
.fr-stat-card span { display: block; color: var(--fr-red-muted); font-size: .75rem; font-weight: 700; }
.fr-stat-card strong { display: block; margin-top: .35rem; color: var(--fr-red-navy); font: 700 1.35rem Georgia, 'Times New Roman', serif; }
.fr-stats-meta { color: var(--fr-red-muted); font-size: .9rem; }
.fr-stats-filter { display: flex; align-items: end; gap: .75rem; margin-top: 1rem !important; }
.fr-stats-filter label { flex: 0 1 15rem; }
.fr-stats-table-wrap { overflow-x: auto; }
.fr-stats-table { width: 100%; border-collapse: collapse; font-size: .85rem; }
.fr-stats-table th, .fr-stats-table td { border-bottom: 1px solid var(--fr-red-line); padding: .65rem; text-align: left; vertical-align: top; }
.fr-stats-table th { color: var(--fr-red-navy); font-size: .75rem; text-transform: uppercase; }
.fr-stats-top5 { margin: .25rem 0 1rem; color: var(--fr-red-navy); }
.fr-newsroom-panel h2 { margin: .2rem 0 .6rem; }
.fr-newsroom-panel .fr-form-actions { display: flex; flex-wrap: wrap; gap: .6rem; }
.fr-redazione-header, .fr-status-column, .fr-redazione-shell fieldset, .fr-preview { border-radius: 10px; }
.fr-redazione-header { background: var(--fr-red-paper); }
.fr-redazione-logo { display: block; width: min(15rem, 70vw); height: auto; margin-bottom: 1rem; }
.fr-redazione-sidebar a, .fr-redazione-shell button { min-height: 44px; }
.fr-status-column, .fr-preview { box-shadow: 0 6px 20px rgb(16 40 62 / 7%); }
.fr-redazione-shell input, .fr-redazione-shell textarea, .fr-redazione-shell select { border-radius: 8px; }
.fr-redazione-shell button { border-radius: 7px; }
.fr-redazione-shell a:link { color: var(--fr-red-navy); text-decoration-thickness: .08em; text-underline-offset: .16em; transition: color 150ms ease, text-decoration-color 150ms ease; }
.fr-redazione-shell a:visited { color: #6f2e3b; }
.fr-redazione-shell a:hover, .fr-redazione-shell a:focus, .fr-redazione-shell a:active { color: var(--fr-red-burgundy); text-decoration-thickness: .12em; text-decoration-color: currentColor; }
.fr-redazione-shell a:focus { outline: 2px solid #0c5aa6; outline-offset: 3px; }
.fr-redazione-shell a:focus-visible { outline: 3px solid #0c5aa6; outline-offset: 3px; }
.fr-redazione-header { display: flex; justify-content: space-between; align-items: end; gap: 1.5rem; border-bottom: 1px solid var(--fr-red-line); padding: 1.5rem 0 2rem; }
.fr-redazione-header h1, .fr-redazione-shell h2, .fr-redazione-shell h3 { color: var(--fr-red-navy); font-family: Georgia, 'Times New Roman', serif; line-height: 1.1; }
.fr-redazione-header h1 { margin: .25rem 0 .4rem; font-size: clamp(2.2rem, 5vw, 4.5rem); letter-spacing: -.04em; }
.fr-redazione-header p:not(.fr-redazione-kicker) { margin: 0; color: var(--fr-red-muted); }
.fr-redazione-kicker { margin: 0; color: var(--fr-red-burgundy); font-size: .72rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.fr-redazione-home { color: var(--fr-red-navy); font-size: .8rem; font-weight: 800; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.fr-redazione-layout { display: grid; grid-template-columns: 12rem minmax(0, 1fr); gap: 2.5rem; padding-top: 2rem; }
.fr-redazione-sidebar { position: sticky; top: 1rem; align-self: start; border-top: 3px solid var(--fr-red-burgundy); padding-top: .8rem; }
.fr-redazione-sidebar a { display: block; margin-top: .8rem; color: var(--fr-red-navy); font-weight: 700; text-decoration: none; }
.fr-redazione-main { min-width: 0; }
.fr-form-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; border-bottom: 2px solid var(--fr-red-navy); padding-bottom: .7rem; }
.fr-form-heading h2 { margin: .2rem 0 0; font-size: clamp(1.8rem, 4vw, 3rem); }
.fr-redazione-shell form { margin: 0; }
.fr-redazione-shell input, .fr-redazione-shell textarea, .fr-redazione-shell select { width: 100%; max-width: 100%; border: 1px solid var(--fr-red-line); border-radius: 0; padding: .75rem .8rem; color: var(--fr-red-ink); background: var(--fr-red-white); font: inherit; }
.fr-redazione-shell textarea { min-height: 8rem; }
.fr-redazione-shell label { color: var(--fr-red-muted); font-size: .85rem; font-weight: 700; }
.fr-editorial-form { margin-bottom: 3rem; }
.fr-editorial-form > form > p { margin: 1rem 0; }
.fr-editorial-form > form > p:nth-of-type(3) input, .fr-editorial-form > form > p:nth-of-type(4) input { font-family: Georgia, 'Times New Roman', serif; font-size: 1.25rem; }
.fr-redazione-shell fieldset { margin: 1.5rem 0; border: 1px solid var(--fr-red-line); padding: 1.25rem; background: var(--fr-red-white); }
.fr-redazione-shell legend { padding: 0 .5rem; color: var(--fr-red-navy); font-family: Georgia, 'Times New Roman', serif; font-size: 1.35rem; font-weight: 700; }
.fr-source-row { margin-block: .75rem; border-left: 3px solid var(--fr-red-burgundy); padding: .8rem; background: var(--fr-red-paper); }
.fr-source-row label { display: inline-block; width: calc(50% - 1rem); margin: .25rem; vertical-align: top; }
.fr-redazione-shell button { border: 1px solid var(--fr-red-navy); border-radius: 0; padding: .65rem .9rem; color: var(--fr-red-navy); background: transparent; font: inherit; font-size: .8rem; font-weight: 800; cursor: pointer; }
.fr-redazione-shell button:hover { color: var(--fr-red-white); background: var(--fr-red-navy); }
.fr-form-actions { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; }
.fr-redazione-shell .fr-primary-action { border-color: var(--fr-red-burgundy); color: var(--fr-red-white); background: var(--fr-red-burgundy); }
.fr-status-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: 1rem; }
.fr-status-column { min-width: 0; border-top: 3px solid var(--fr-red-navy); padding: 1rem; background: var(--fr-red-white); }
.fr-status-column h3 { margin: 0 0 1rem; font-size: 1.25rem; }
.fr-count { display: inline-grid; min-width: 1.6rem; place-items: center; border-radius: 999px; color: var(--fr-red-white); background: var(--fr-red-burgundy); font: 700 .75rem var(--fr-red-ui, system-ui); }
.fr-article-list { margin: 0; padding: 0; list-style: none; }
.fr-article-list li { margin-bottom: 1rem; border-top: 1px solid var(--fr-red-line); padding-top: .8rem; }
.fr-article-list li strong { display: block; margin-bottom: .4rem; color: var(--fr-red-navy); font-family: Georgia, 'Times New Roman', serif; font-size: 1.1rem; }
.fr-inline { display: inline-block; margin: .35rem .25rem 0 0; }
.fr-inline button { padding: .35rem .5rem; font-size: .7rem; }
.fr-notes { margin: .75rem 0; border-left: 3px solid #b88d38; padding: .7rem; color: var(--fr-red-muted); background: #f4eddd; font-size: .85rem; }
.fr-notes ul { padding-left: 1.1rem; }
.fr-empty { color: var(--fr-red-muted); font-size: .9rem; }
.fr-preview { margin-top: 1.5rem; border-top: 3px solid var(--fr-red-burgundy); padding: 1.2rem; background: var(--fr-red-white); }
@media (max-width: 48rem) { .fr-redazione-layout { grid-template-columns: 1fr; gap: 1rem; } .fr-redazione-sidebar { position: static; display: flex; gap: 1rem; border-top: 0; border-bottom: 1px solid var(--fr-red-line); padding: 0 0 1rem; } .fr-redazione-sidebar p { display: none; } .fr-redazione-sidebar a { margin: 0; } }
@media (max-width: 36rem) { .fr-redazione-header { display: block; } .fr-redazione-home { display: inline-block; margin-top: 1rem; } .fr-source-row label { width: 100%; margin-inline: 0; } .fr-form-actions { align-items: stretch; flex-direction: column; } .fr-form-actions button { width: 100%; } }
@media (max-width: 36rem) { .fr-stats-filter { align-items: stretch; flex-direction: column; } .fr-stats-filter label { flex-basis: auto; } }
.fr-login-panel{max-width:520px;margin:clamp(2rem,8vw,7rem) auto;padding:clamp(1.5rem,4vw,3rem);background:#f7f1e5;color:#142b4a;border:1px solid rgba(20,43,74,.22);box-shadow:0 18px 50px rgba(20,43,74,.08)}
.fr-login-panel h2{margin:0 0 .75rem;color:#142b4a;font-size:clamp(1.45rem,3vw,2.2rem);letter-spacing:.04em}.fr-login-panel p{line-height:1.6}.fr-login-panel form{margin-top:1.5rem}.fr-login-panel form p{margin:1rem 0}.fr-login-panel label{display:block;font-weight:600}.fr-login-panel input[type=text],.fr-login-panel input[type=password]{box-sizing:border-box;width:100%;margin-top:.35rem;padding:.75rem;border:1px solid rgba(20,43,74,.38);background:#fff;color:#142b4a;border-radius:0}.fr-login-panel input:focus{outline:3px solid rgba(183,47,44,.32);outline-offset:2px}.fr-login-panel .login-remember label{display:flex;gap:.5rem;align-items:center;font-weight:400}.fr-login-panel .button{padding:.78rem 1.4rem;border:0;background:#b72f2c;color:#fff;font-weight:700;cursor:pointer}.fr-login-panel .button:hover,.fr-login-panel .button:focus{background:#142b4a}.fr-login-error{padding:.75rem;border-left:3px solid #b72f2c;color:#8d2422;background:#fff}.fr-login-lost{margin-top:1.25rem}.fr-login-lost a{color:#142b4a;font-weight:600}
