/* v16.3 — visual redesign layer: dark editorial, responsive and token-based. */
:root{--adm-bg:#0b171b;--adm-surface:#10242a;--adm-surface-2:#163139;--adm-line:rgba(238,230,211,.14);--adm-text:#eee6d3;--adm-muted:#a9b8b8;--adm-gold:#c0924d;--adm-radius:16px;color-scheme:dark}
html{background:var(--adm-bg)}body{background:radial-gradient(ellipse at 12% 0%,rgba(98,122,126,.14),transparent 42%),var(--adm-bg);color:var(--adm-text);font-family:Arial,Helvetica,sans-serif}
.auth-screen{min-height:100svh;background:radial-gradient(ellipse at 50% 0%,rgba(192,146,77,.12),transparent 48%),var(--adm-bg);padding:clamp(16px,4vw,40px)}
.auth-card,.panel,.notice,.admin-save-state,.analytics-card,.setting-field,.project-card,.media-library-card{background:var(--adm-surface);color:var(--adm-text);border:1px solid var(--adm-line);border-radius:var(--adm-radius);box-shadow:0 18px 48px rgba(0,0,0,.16)}
.auth-card{width:min(100%,480px);padding:clamp(22px,4vw,38px)}
.auth-card h1,.intro h1,.panel h2,.panel-heading h2{color:var(--adm-text);letter-spacing:-.035em}
.eyebrow{color:var(--adm-gold);letter-spacing:.14em;font-size:.72rem;font-weight:700}
.auth-card label,.setting-field>label,.panel label{color:var(--adm-text)}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea{background:#0b1a1f;color:var(--adm-text);border:1px solid rgba(238,230,211,.2);border-radius:10px;max-width:100%}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--adm-gold);outline-offset:3px}
button,.button{border-radius:10px;transition:background .18s ease,border-color .18s ease,transform .18s ease}
button.primary,.primary{background:var(--adm-gold);border-color:var(--adm-gold);color:#102027;font-weight:700}
button.secondary,.secondary{background:var(--adm-surface-2);border:1px solid var(--adm-line);color:var(--adm-text)}
button:hover,.button:hover{border-color:var(--adm-gold)}
.admin-header{background:rgba(11,23,27,.9);border-bottom:1px solid var(--adm-line);backdrop-filter:blur(16px);color:var(--adm-text)}
.admin-header a,.wordmark{color:var(--adm-text)}
.admin-main{width:min(1480px,100%);margin-inline:auto;padding:clamp(14px,3vw,36px)}
.panel,.notice,.admin-save-state{padding:clamp(16px,2.5vw,28px);margin-block:18px}
.panel-heading{border-bottom:1px solid var(--adm-line);padding-bottom:16px;margin-bottom:20px}
.settings-grid,.analytics-grid,.project-grid{gap:14px}
.setting-field{padding:16px;box-shadow:none;min-width:0}
.subcopy,.setting-field small,.notice p,.auth-card small,.admin-save-state p{color:var(--adm-muted)}
.admin-save-state[data-state=dirty],.status[data-state=error]{border-color:rgba(192,146,77,.65)}
input[type=range]{accent-color:var(--adm-gold)}
input[type=checkbox],input[type=radio]{accent-color:var(--adm-gold)}
hr,.divider,.panel hr{border-color:var(--adm-line)}
/* Keep preview and editor usable on narrow touch screens. */
.hero-device-preview-wrap,.visual-editor-preview,.visual-editor-canvas-wrap{max-width:100%;min-width:0;overflow:auto}
img,canvas,video{max-width:100%}
@media(max-width:760px){.admin-header{gap:12px;align-items:flex-start;padding:14px;flex-wrap:wrap}.admin-header .back-link{font-size:.86rem}.admin-main{padding:12px}.intro h1{font-size:clamp(2rem,9vw,3.2rem)}.settings-grid,.analytics-grid,.project-grid{grid-template-columns:minmax(0,1fr)}.panel,.notice,.admin-save-state{border-radius:12px;padding:14px}.auth-card{padding:22px 18px}.auth-card button{width:100%;min-height:44px}input,select,textarea,button{font-size:16px;min-height:42px}input[type=range]{min-height:24px}.panel-heading{margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto;transition:none;animation:none}}

/* v16.3 — tipografia editorial e edição de publicações por toque/arraste. */
.auth-card h1,#auth-title,body.admin-shell-ready .workspace-topbar h1,
body.admin-shell-ready .panel-heading h2,
body.admin-shell-ready .overview-intro h1,
body.admin-shell-ready .quick-actions-heading h2,
body.admin-shell-ready .auth-card h1,
body.admin-shell-ready #auth-title{font-family:"Arial Narrow","Aptos Narrow",Arial,sans-serif;font-weight:400;letter-spacing:.015em}
body.admin-shell-ready .sidebar-brand strong,
body.admin-shell-ready .sidebar-monogram{font-family:"Arial Narrow","Aptos Narrow",Arial,sans-serif;font-weight:400;letter-spacing:.035em}
body.admin-shell-ready .workspace-content{min-width:0}
body.admin-shell-ready .projects-view .item{grid-template-columns:30px 72px minmax(0,1fr);align-items:center;gap:10px}
body.admin-shell-ready .projects-view .item-content{min-width:0}
body.admin-shell-ready .projects-view .drag-handle{display:grid;place-items:center;align-self:stretch;min-width:28px;min-height:44px;padding:4px;border:1px solid var(--adm-line);border-radius:8px;background:var(--adm-surface);color:var(--adm-gold);cursor:grab;touch-action:manipulation;font-size:19px;line-height:1}
body.admin-shell-ready .projects-view .drag-handle:active{cursor:grabbing}
body.admin-shell-ready .projects-view .item.is-dragging{opacity:.45}
body.admin-shell-ready .projects-view .item.is-drop-target{background:rgba(192,146,77,.09);outline:1px dashed var(--adm-gold);outline-offset:3px}
body.admin-shell-ready .projects-view .move-item-btn{min-width:34px;min-height:36px;padding:5px 9px;border:1px solid var(--adm-line);background:var(--adm-surface-2);color:var(--adm-text)}
body.admin-shell-ready .projects-view .move-item-btn:disabled{opacity:.32;cursor:not-allowed}
.project-image-dropzone{display:grid;gap:6px;place-items:center;min-height:100px;margin:9px 0 6px;padding:16px;border:1px dashed rgba(192,146,77,.6);border-radius:12px;background:rgba(192,146,77,.055);color:var(--adm-text);text-align:center;cursor:pointer;transition:background .18s ease,border-color .18s ease}
.project-image-dropzone strong{font-size:13px;font-weight:650}
.project-image-dropzone span{font-size:11px;color:var(--adm-muted);line-height:1.45}
.project-image-dropzone input[type=file]{display:block;width:100%;max-width:360px;margin-top:6px;border:0;background:transparent;font-size:12px;cursor:pointer}
.project-image-dropzone.is-dragover{border-color:var(--adm-gold);background:rgba(192,146,77,.14)}
.project-image-dropzone:focus-visible{outline:2px solid var(--adm-gold);outline-offset:3px}
@media(max-width:720px){
 body.admin-shell-ready .projects-view .item{grid-template-columns:26px 56px minmax(0,1fr);gap:8px;padding:12px 0}
 body.admin-shell-ready .projects-view .thumb{width:56px;height:64px;object-fit:cover}
 body.admin-shell-ready .projects-view .item-actions{display:flex;flex-wrap:wrap;gap:5px}
 body.admin-shell-ready .projects-view .item-actions button{min-height:38px;padding:8px 10px;font-size:11px}
 body.admin-shell-ready .projects-view .drag-handle{min-height:44px}
 .project-image-dropzone{min-height:108px;padding:12px}
}
@media(max-width:380px){
 body.admin-shell-ready .projects-view .item{grid-template-columns:24px 48px minmax(0,1fr);gap:6px}
 body.admin-shell-ready .projects-view .thumb{width:48px;height:56px}
 body.admin-shell-ready .projects-view .item-actions button{padding:7px}
}

/* v17.1 — capa individual de cada projeto, com acesso pelo menu lateral. */
.project-cover-editor{margin-top:18px;padding:18px;border:1px solid var(--adm-line);border-radius:14px;background:rgba(192,146,77,.045);scroll-margin:28px;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.project-cover-editor.is-menu-target{border-color:var(--adm-gold);background:rgba(192,146,77,.10);box-shadow:0 0 0 2px rgba(192,146,77,.10)}
.project-cover-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.project-cover-editor-heading .eyebrow{margin:0 0 5px}
.project-cover-editor-heading h3{margin:0;font-size:19px;color:var(--adm-text)}
.project-cover-badge{padding:5px 8px;border:1px solid var(--adm-line);border-radius:999px;color:var(--adm-gold);font-size:10px;font-weight:700;white-space:nowrap}
.project-cover-help{max-width:70ch;margin:12px 0;color:var(--adm-muted);font-size:12px;line-height:1.55}
.cover-edit-btn{background:rgba(192,146,77,.12);border:1px solid rgba(192,146,77,.45);color:var(--adm-text)}
.cover-edit-btn:hover{background:rgba(192,146,77,.22)}
@media(max-width:720px){.project-cover-editor{padding:13px}.project-cover-editor-heading h3{font-size:17px}}

/* v17.2 — estado de publicação explícito para evitar publicar rascunhos ao trocar a capa. */
.project-publish-control{display:grid;gap:6px;margin:12px 0;padding:12px 13px;border:1px solid var(--adm-line);border-radius:10px;background:rgba(192,146,77,.035)}
.project-publish-toggle{display:flex;align-items:center;gap:9px;margin:0;color:var(--adm-text);font-size:12px;font-weight:650;cursor:pointer}
.project-publish-toggle input{width:16px;min-width:16px;height:16px;margin:0;accent-color:var(--adm-gold)}
.project-publish-control>small{display:block;margin:0 0 0 25px;line-height:1.45;color:var(--adm-muted)}
.project-publication-state{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:3px 7px;margin:0 0 8px;border:1px solid var(--adm-line);border-radius:999px;font-size:10px;font-weight:700;line-height:1.3}
.project-publication-state.is-published{color:#8fc8a3;background:rgba(58,132,82,.09)}
.project-publication-state.is-draft{color:#e0b76f;background:rgba(192,146,77,.09)}