:root{
    --newsroom-cream:#f1ddc2;
    --newsroom-rust:#a84622;
    --newsroom-sand:#dfc09b;
    --newsroom-dark:#15120e;
    --newsroom-panel:#1d1914
}

/* ========================================
   HOTFIX 2026-09-11
   NEWSROOM — ESTADOS HIDDEN
   O display:grid da tela de acesso não pode
   sobrescrever o atributo HTML hidden.
======================================== */
.newsroom-body [hidden] {
    display: none !important;
}
*{box-sizing:border-box}
.newsroom-body{
    margin:0;
    min-height:100vh;
    display:grid;
    grid-template-columns:240px minmax(0,1fr);
    background:var(--newsroom-dark);
    color:var(--newsroom-cream);
    font-family:Arial,sans-serif
}
.newsroom-sidebar{
    position:sticky;
    top:0;
    height:100vh;
    padding:28px 22px;
    border-right:1px solid rgba(223,192,155,.14);
    background:#100e0b
}
.newsroom-logo{color:inherit;text-decoration:none}
.newsroom-logo small,.newsroom-logo span{
    display:block;
    color:var(--newsroom-rust);
    font:700 7px Arial,sans-serif;
    letter-spacing:2.7px
}
.newsroom-logo strong{
    display:block;
    margin:8px 0 5px;
    font:400 24px/.92 Georgia,serif
}
.newsroom-user{
    margin:32px 0 22px;
    padding:15px 0;
    border-top:1px solid rgba(223,192,155,.13);
    border-bottom:1px solid rgba(223,192,155,.13)
}
.newsroom-user span,.newsroom-user small{
    display:block;
    color:rgba(241,221,194,.42);
    font:700 6.5px Arial,sans-serif;
    letter-spacing:1.4px
}
.newsroom-user strong{
    display:block;
    margin:6px 0 4px;
    font:400 15px Georgia,serif
}
.newsroom-sidebar nav{display:grid;gap:4px}
.newsroom-sidebar nav a{
    padding:9px 0;
    color:rgba(241,221,194,.5);
    text-decoration:none;
    font:700 7px Arial,sans-serif;
    letter-spacing:1.3px
}
.newsroom-sidebar nav a:hover{color:var(--newsroom-sand)}
.newsroom-sidebar>p{
    position:absolute;
    right:22px;
    bottom:24px;
    left:22px;
    margin:0;
    color:rgba(241,221,194,.3);
    font:400 8px/1.6 Arial,sans-serif
}
.newsroom-main{min-width:0;padding:34px}
.newsroom-access{
    min-height:70vh;
    display:grid;
    place-content:center;
    color:rgba(241,221,194,.5);
    text-align:center;
    font:700 8px Arial,sans-serif;
    letter-spacing:2px
}
.newsroom-access.denied span{color:var(--newsroom-rust)}
.newsroom-access.denied h1{
    max-width:600px;
    margin:10px 0 20px;
    color:var(--newsroom-cream);
    font:400 46px/1 Georgia,serif;
    letter-spacing:0
}
.newsroom-access.denied a{color:var(--newsroom-sand)}
.newsroom-heading{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:24px;
    padding-bottom:22px;
    border-bottom:1px solid rgba(223,192,155,.14)
}
.newsroom-heading span{
    color:var(--newsroom-rust);
    font:700 7px Arial,sans-serif;
    letter-spacing:2.2px
}
.newsroom-heading h1{
    margin:6px 0 3px;
    font:400 clamp(34px,4vw,56px)/1 Georgia,serif
}
.newsroom-heading p{
    margin:0;
    color:rgba(241,221,194,.42);
    font-size:9px
}
.newsroom-heading label{min-width:260px}
.newsroom-workspace{
    margin-top:20px;
    display:grid;
    grid-template-columns:320px minmax(0,1fr);
    gap:18px
}
.newsroom-articles-panel,.newsroom-editor-panel{
    border:1px solid rgba(223,192,155,.14);
    background:var(--newsroom-panel)
}
.newsroom-articles-panel{padding:19px}
.newsroom-articles-panel>header{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:12px;
    padding-bottom:14px;
    border-bottom:1px solid rgba(223,192,155,.11)
}
.newsroom-articles-panel header span{
    color:var(--newsroom-rust);
    font:700 6.5px Arial,sans-serif;
    letter-spacing:1.6px
}
.newsroom-articles-panel h2{
    margin:4px 0 0;
    font:400 21px Georgia,serif
}
.newsroom-articles-panel header button{
    padding:8px 9px;
    border:1px solid rgba(223,192,155,.18);
    background:transparent;
    color:var(--newsroom-sand);
    cursor:pointer;
    font:700 6px Arial,sans-serif;
    letter-spacing:1px
}
.newsroom-article-list{
    display:grid;
    gap:7px;
    margin-top:12px
}
.newsroom-article-card{
    width:100%;
    padding:12px;
    border:1px solid rgba(223,192,155,.09);
    background:#15120e;
    color:inherit;
    cursor:pointer;
    text-align:left
}
.newsroom-article-card:hover,.newsroom-article-card.active{
    border-color:rgba(168,70,34,.6)
}
.newsroom-article-card small{
    display:block;
    color:var(--newsroom-rust);
    font:700 5.8px Arial,sans-serif;
    letter-spacing:1px
}
.newsroom-article-card strong{
    display:block;
    margin:5px 0;
    font:400 14px/1.08 Georgia,serif
}
.newsroom-article-card span{
    color:rgba(241,221,194,.35);
    font:700 5.7px Arial,sans-serif;
    letter-spacing:.7px
}
.newsroom-article-card.locked{opacity:.56}
.newsroom-no-articles{
    padding:24px 5px;
    color:rgba(241,221,194,.32);
    text-align:center;
    font-size:8px
}
.newsroom-editor-panel{padding:21px}
.newsroom-editor-message{
    margin-bottom:15px;
    padding:11px 13px;
    border:1px solid rgba(223,192,155,.16);
    color:var(--newsroom-cream);
    font-size:8px;
    line-height:1.5
}
.newsroom-editor-message.error{
    border-color:rgba(168,70,34,.55);
    color:#e8a085
}
.newsroom-editor-message.success{
    border-color:rgba(93,150,97,.45);
    color:#9bc39e
}
.newsroom-editor-panel label{
    display:grid;
    gap:6px;
    margin-bottom:12px;
    color:var(--newsroom-sand);
    font:700 6.5px Arial,sans-serif;
    letter-spacing:1px
}
.newsroom-form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:11px
}
.newsroom-editor-panel input,
.newsroom-editor-panel select,
.newsroom-editor-panel textarea,
.newsroom-heading select{
    width:100%;
    padding:10px;
    border:1px solid rgba(223,192,155,.18);
    border-radius:0;
    outline:0;
    background:#11100d;
    color:var(--newsroom-cream);
    font:400 10px/1.5 Arial,sans-serif
}
.newsroom-editor-panel input:focus,
.newsroom-editor-panel select:focus,
.newsroom-editor-panel textarea:focus,
.newsroom-heading select:focus{
    border-color:var(--newsroom-rust)
}
.newsroom-editor-panel textarea{resize:vertical}
.newsroom-image-section{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    padding:14px;
    border:1px solid rgba(223,192,155,.1);
    background:#15120e
}
.newsroom-image-section>div:first-child>span{
    display:block;
    margin-bottom:9px;
    color:var(--newsroom-rust);
    font:700 6.5px Arial,sans-serif;
    letter-spacing:1.4px
}
.newsroom-upload{
    min-height:78px;
    padding:10px;
    align-content:center;
    border:1px dashed rgba(223,192,155,.27);
    cursor:pointer;
    text-align:center
}
.newsroom-upload input{display:none}
.newsroom-upload strong,.newsroom-upload small{display:block}
.newsroom-upload strong{font-size:7px}
.newsroom-upload small{
    margin-top:5px;
    color:rgba(241,221,194,.35);
    font-size:6px
}
.newsroom-image-preview{
    min-height:235px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border:1px solid rgba(223,192,155,.11);
    background:#0d0c09;
    color:rgba(241,221,194,.25);
    font:700 7px Arial,sans-serif;
    letter-spacing:1.4px
}
.newsroom-image-preview img{
    width:100%;
    height:100%;
    min-height:235px;
    object-fit:cover;
    filter:grayscale(1)
}
.newsroom-form-actions{
    margin-top:16px;
    display:flex;
    justify-content:flex-end;
    gap:8px
}
.newsroom-form-actions button{
    min-height:39px;
    padding:0 13px;
    border:1px solid rgba(223,192,155,.18);
    background:transparent;
    color:var(--newsroom-sand);
    cursor:pointer;
    font:700 6.5px Arial,sans-serif;
    letter-spacing:1px
}
.newsroom-form-actions .primary{
    border-color:var(--newsroom-rust);
    background:var(--newsroom-rust);
    color:#fff
}
.newsroom-form-actions .danger{color:#c67b64}
.newsroom-form-actions button:disabled,
.newsroom-editor-panel :disabled{
    opacity:.4;
    cursor:not-allowed
}
.newsroom-preview-dialog{
    width:min(760px,94vw);
    max-height:94vh;
    padding:20px;
    border:1px solid rgba(223,192,155,.2);
    background:#14110d;
    overflow:auto
}
.newsroom-preview-dialog::backdrop{background:rgba(0,0,0,.8)}
.newsroom-preview-dialog>button{
    position:sticky;
    top:0;
    z-index:3;
    float:right;
    width:38px;
    height:38px;
    border:0;
    background:#15120e;
    color:var(--newsroom-cream);
    cursor:pointer;
    font-size:24px
}
.newsroom-preview-dialog .ledger-page{
    max-width:680px;
    margin:0 auto
}
@media(max-width:1000px){
    .newsroom-body{grid-template-columns:1fr}
    .newsroom-sidebar{position:relative;height:auto}
    .newsroom-sidebar>p{position:static;margin-top:20px}
    .newsroom-workspace{grid-template-columns:1fr}
}
@media(max-width:650px){
    .newsroom-main{padding:20px 10px}
    .newsroom-heading{align-items:stretch;flex-direction:column}
    .newsroom-heading label{min-width:0}
    .newsroom-form-row,.newsroom-image-section{grid-template-columns:1fr}
    .newsroom-form-actions{display:grid}
}

.newsroom-article-order-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 34px;
    gap: 6px;
}

.newsroom-article-order-controls {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 4px;
}

.newsroom-article-order-controls button {
    min-width: 34px;
    padding: 0;
    border: 1px solid rgba(223, 192, 155, .18);
    background: #15120e;
    color: var(--newsroom-sand);
    cursor: pointer;
    font-size: 15px;
}

.newsroom-article-order-controls button:hover:not(:disabled) {
    border-color: var(--newsroom-rust);
    color: var(--newsroom-cream);
}

.newsroom-article-order-controls button:disabled {
    opacity: .18;
    cursor: not-allowed;
}
/* ========================================
   NEWSROOM — CAPA DA EDIÇÃO
   BUILD 2026-09-18-01
======================================== */

.newsroom-edition-cover {
    margin-top: 20px;
    padding: 18px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, .62fr);
    gap: 20px;
    border: 1px solid rgba(223, 192, 155, .14);
    background: var(--newsroom-panel);
}

.newsroom-edition-cover-copy > span {
    color: var(--newsroom-rust);
    font: 700 7px Arial, sans-serif;
    letter-spacing: 2.2px;
}

.newsroom-edition-cover-copy h2 {
    margin: 5px 0 6px;
    font: 400 28px/1 Georgia, serif;
}

.newsroom-edition-cover-copy > p {
    max-width: 650px;
    margin: 0 0 14px;
    color: rgba(241, 221, 194, .47);
    font: 9px/1.6 Arial, sans-serif;
}

.newsroom-cover-upload {
    display: grid;
    min-height: 72px;
    margin: 0;
}

.newsroom-edition-cover-actions {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.newsroom-edition-cover-actions button {
    min-height: 38px;
    padding: 0 13px;
    border: 1px solid var(--newsroom-rust);
    background: var(--newsroom-rust);
    color: #fff;
    cursor: pointer;
    font: 700 6.5px Arial, sans-serif;
    letter-spacing: 1px;
}

.newsroom-edition-cover-actions button.danger {
    border-color: rgba(198, 123, 100, .42);
    background: transparent;
    color: #c67b64;
}

.newsroom-edition-cover-actions button:disabled {
    opacity: .35;
    cursor: not-allowed;
}

.newsroom-cover-permission {
    display: block;
    margin-top: 9px;
    color: rgba(241, 221, 194, .36);
    font: 7px/1.5 Arial, sans-serif;
}

.newsroom-edition-cover-preview {
    min-height: 270px;
    aspect-ratio: 4 / 5.65;
    align-self: start;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(223, 192, 155, .16);
    background: #0d0c09;
    color: rgba(241, 221, 194, .28);
    font: 700 7px Arial, sans-serif;
    letter-spacing: 1.5px;
    box-shadow: 0 12px 24px rgba(0, 0, 0, .24);
}

.newsroom-edition-cover-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media(max-width:900px) {
    .newsroom-edition-cover {
        grid-template-columns: 1fr;
    }

    .newsroom-edition-cover-preview {
        width: min(100%, 360px);
    }
}


/* ========================================
   COMPOSIÇÃO DA FOLHA
   BUILD 2026-09-18-02
======================================== */

.newsroom-page-design-controls {
    display: grid;
    gap: 12px;
}

.newsroom-page-design-controls label {
    margin-bottom: 0;
}

.newsroom-page-design-controls small {
    display: block;
    margin-top: 6px;
    color: rgba(241, 221, 194, .48);
    font: 400 8px/1.5 Arial, sans-serif;
    letter-spacing: .2px;
}

.newsroom-page-design-controls select:disabled {
    opacity: .48;
    cursor: not-allowed;
}

/* ========================================
   EDITORIAL CONTROLS — POSITION / TYPE / IMAGE
   BUILD 2026-09-18-04
======================================== */

.newsroom-range-field {
    display: grid;
    gap: 7px;
}

.newsroom-range-control {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 68px;
    gap: 10px;
    align-items: center;
}

.newsroom-range-control input[type="range"] {
    padding: 0;
    accent-color: var(--newsroom-rust);
}

.newsroom-range-control output {
    min-width: 68px;
    padding: 8px 7px;
    border: 1px solid rgba(223, 192, 155, .18);
    background: #11100d;
    color: var(--newsroom-cream);
    text-align: center;
    font: 700 8px Arial, sans-serif;
    letter-spacing: .5px;
}

.newsroom-page-design-controls {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.newsroom-page-design-controls > label:first-child,
.newsroom-page-design-controls > label:nth-child(2),
.newsroom-page-design-controls > .newsroom-range-field {
    grid-column: 1 / -1;
}

@media(max-width:720px) {
    .newsroom-page-design-controls {
        grid-template-columns: 1fr;
    }

    .newsroom-page-design-controls > label,
    .newsroom-page-design-controls > .newsroom-range-field {
        grid-column: 1;
    }
}


/* PASSATEMPOS — destaque dos dois slots principais */
.newsroom-image-slot.recommended .newsroom-image-slot-heading span {
    letter-spacing: 1.8px;
}