/* ===== Área privada do blog ===== */
    body.auth{ min-height:100vh; display:grid; place-items:center; }
    .auth-card{ width:min(420px, 90vw); border:1px solid var(--line); padding:8vh 6vw; background:var(--paper); }
    .auth-card .auth-brand{ font-family:var(--font-mono); font-size:0.7rem; letter-spacing:0.24em; text-transform:uppercase; color:var(--brass); margin-bottom:6vh; }
    .auth-card h1{ font-family:var(--font-display); font-style:italic; font-weight:400; font-size:clamp(1.6rem,4vw,2.1rem); color:var(--ink); margin-bottom:8px; }
    .auth-card p.note{ font-size:0.9rem; color:#57503f; line-height:1.6; margin-bottom:4vh; }
    .auth-card label{ display:block; font-family:var(--font-mono); font-size:0.66rem; letter-spacing:0.16em; text-transform:uppercase; color:var(--muted); margin:18px 0 8px; }
    .auth-card input{ width:100%; background:transparent; border:none; border-bottom:1px solid var(--line); color:var(--ink);
      font:400 1rem/1.5 var(--font-body); padding:8px 2px; }
    .auth-card input:focus{ outline:none; border-bottom-color:var(--brass); }
    .auth-card .auth-msg{ min-height:1.4em; font-family:var(--font-mono); font-size:0.72rem; color:#a04b2f; margin-top:16px; }
    .auth-card .btn{ margin-top:24px; width:100%; text-align:center; border:none; }

    /* ===== Editor ===== */
    .admin-bar{ padding:26px 8vw; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; }
    .admin-bar .a1{ font-family:var(--font-mono); font-size:0.7rem; letter-spacing:0.2em; text-transform:uppercase; color:var(--ink); }
    .admin-bar .a2{ font-family:var(--font-mono); font-size:0.66rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--muted); }
    .admin-bar a{ color:var(--muted); text-decoration:none; margin-left:16px; }
    .admin-bar a:hover{ color:var(--brass); }

    .editor{ display:grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap:0; }
    @media (max-width:900px){ .editor{ grid-template-columns:1fr; } }
    .editor-col{ padding:6vh 5vw; border-right:1px solid var(--line); min-width:0; }
    .editor-col:last-child{ border-right:none; }
    .editor label{ display:block; font-family:var(--font-mono); font-size:0.66rem; letter-spacing:0.16em; text-transform:uppercase; color:var(--muted); margin:18px 0 6px; }
    .editor input, .editor textarea{ width:100%; background:transparent; border:1px solid var(--line); color:var(--ink);
      font:400 0.95rem/1.6 var(--font-body); padding:10px 12px; }
    .editor input:focus, .editor textarea:focus{ outline:none; border-color:var(--brass); }
    .editor textarea{ resize:vertical; }
    .editor .row2{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:14px; }
    .editor .hints{ font-family:var(--font-mono); font-size:0.68rem; color:var(--muted); line-height:1.7; margin-top:6px; }
    .editor .hints b{ color:var(--brass); font-weight:400; }
    .editor .status{ font-family:var(--font-mono); font-size:0.72rem; line-height:1.6; margin-top:14px; min-height:1.4em; }
    .editor .status.ok{ color:var(--cyan-dim); }
    .editor .status.err{ color:#a04b2f; }
    .actions{ display:flex; gap:12px; flex-wrap:wrap; margin-top:22px; }
    .preview-frame{ width:100%; height:72vh; border:1px solid var(--line); background:#fff; margin-top:8px; }
    .marker-note{ background:#e9e2d0; border:1px solid var(--line); padding:16px 18px; font-size:0.88rem; color:#4a4436; line-height:1.65; margin-top:18px; }

    /* ===== Painel (dashboard) ===== */
    .dash{ padding:4vh 8vw 10vh; max-width:1100px; margin:0 auto; }
    .dash-hero{ padding:6vh 0 4vh; }
    .dash-hero .eyebrow{ font-family:var(--font-mono); font-size:0.7rem; letter-spacing:0.24em; color:var(--brass); text-transform:uppercase; margin-bottom:14px; }
    .dash-hero h1{ font-family:var(--font-display); font-style:italic; font-weight:400; font-size:clamp(1.8rem,3.6vw,2.8rem); color:var(--ink); max-width:22ch; line-height:1.18; }
    .dash-hero p{ margin-top:14px; font-size:1rem; line-height:1.7; color:#57503f; max-width:560px; }

    .dash-actions{ display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:2vh 0 8vh; }
    @media (max-width:820px){ .dash-actions{ grid-template-columns:1fr; } }
    .card{ display:flex; flex-direction:column; gap:8px; border:1px solid var(--line); padding:26px 28px; text-decoration:none; color:var(--ink); transition:border-color .25s ease, background .25s ease; }
    .card:hover{ border-color:var(--brass); }
    .card-num{ font-family:var(--font-mono); font-size:0.66rem; letter-spacing:0.18em; color:var(--brass); }
    .card h2{ font-family:var(--font-display); font-style:italic; font-weight:400; font-size:1.4rem; color:var(--ink); }
    .card p{ font-size:0.92rem; line-height:1.65; color:#57503f; flex:1; }
    .card-go{ font-family:var(--font-mono); font-size:0.66rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--muted); margin-top:8px; }
    .card:hover .card-go{ color:var(--brass); }

    .dash-section{ padding-top:6vh; border-top:1px solid var(--line); margin-top:2vh; }
    .dash-section h2{ font-family:var(--font-display); font-style:italic; font-weight:400; font-size:clamp(1.5rem,2.6vw,2rem); color:var(--ink); margin-bottom:8px; }
    .dash-note{ font-size:0.9rem; color:#57503f; margin-bottom:20px; }
    .dash-table-wrap{ overflow-x:auto; }
    .dash-table{ width:100%; border-collapse:collapse; font-size:0.92rem; }
    .dash-table th{ font-family:var(--font-mono); font-size:0.64rem; letter-spacing:0.16em; text-transform:uppercase; color:var(--muted);
      text-align:left; padding:10px 12px; border-bottom:1px solid var(--line); }
    .dash-table td{ padding:14px 12px; border-bottom:1px solid var(--line); color:#4a4436; vertical-align:top; }
    .dash-table .col-date{ font-family:var(--font-mono); font-size:0.78rem; color:var(--muted); white-space:nowrap; }
    .dash-table .col-tag{ font-family:var(--font-mono); font-size:0.68rem; letter-spacing:0.06em; color:var(--brass); white-space:nowrap; }
    .dash-table .col-link a{ font-family:var(--font-mono); font-size:0.7rem; color:var(--cyan-dim); text-decoration:none; }
    .dash-table .col-link a:hover{ color:var(--brass); }
    .dash-table tbody tr:hover{ background:rgba(42,37,31,0.03); }

    .dash-account{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; font-size:0.92rem; padding:14px 0 6px; color:#4a4436; }
    .dash-account span{ font-family:var(--font-mono); font-size:0.66rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--muted); }
    .dash-account b{ font-weight:500; color:var(--ink); }