/* ===== BioNews Colunistas — estúdio ===== */
:root{ --bnc-navy:#13304E; --bnc-navy9:#0C2038; --bnc-navy950:#0A1B30; --bnc-verde:#9FC86A; --bnc-lime:#B9DB84; --bnc-deep:#3F5A22; --bnc-paper:#F4F5F1; --bnc-linha:#E4E7DE; --bnc-tinta:#12253A; --bnc-cinza:#5C6B77; }
.bncol-login,.bncol-wrap{font-family:'Jost',-apple-system,Segoe UI,Roboto,sans-serif;color:var(--bnc-tinta);max-width:1120px;margin:0 auto;padding:32px 22px 60px}

/* ---- LOGIN ---- */
.bncol-login{min-height:70vh;display:grid;place-items:center}
.bncol-card{width:100%;max-width:420px;background:#fff;border:1px solid var(--bnc-linha);border-radius:16px;padding:38px 34px;box-shadow:0 20px 50px rgba(10,27,48,.07)}
.bncol-kick{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--bnc-deep)}
.bncol-card h1{font-family:'Fraunces','Archivo',serif;font-weight:500;font-size:34px;line-height:1.05;margin:8px 0 6px;color:var(--bnc-navy)}
.bncol-sub{color:var(--bnc-cinza);font-size:15px;margin:0 0 22px}
.bncol-card label{display:block;font-size:13px;font-weight:600;margin:0 0 14px;color:var(--bnc-navy)}
.bncol-card input[type=text],.bncol-card input[type=password]{width:100%;box-sizing:border-box;margin-top:6px;padding:12px 14px;border:1px solid var(--bnc-linha);border-radius:9px;font-size:15px;font-family:inherit}
.bncol-card input:focus{outline:none;border-color:var(--bnc-verde);box-shadow:0 0 0 3px rgba(159,200,106,.25)}
.bncol-remember{font-weight:400!important;display:flex!important;align-items:center;gap:8px;color:var(--bnc-cinza)}
.bncol-remember input{margin-top:0!important}
.bncol-erro{background:#FDECEC;border:1px solid #F3B4B4;color:#A12626;padding:10px 14px;border-radius:9px;font-size:14px;margin-bottom:16px}
.bncol-lost{margin:16px 0 0;text-align:center}
.bncol-lost a,.bncol-user a{color:var(--bnc-deep)}

/* ---- botões ---- */
.bncol-btn{background:var(--bnc-verde);color:var(--bnc-navy950);border:0;border-radius:10px;padding:13px 20px;font-family:'Archivo',sans-serif;font-weight:800;font-size:14px;cursor:pointer;transition:.2s;width:100%}
.bncol-btn:hover{background:var(--bnc-lime)}
.bncol-btn:disabled{opacity:.6;cursor:not-allowed}
.bncol-ghost{background:transparent;border:1px solid var(--bnc-linha);color:var(--bnc-navy);border-radius:10px;padding:12px 18px;font-family:'Archivo',sans-serif;font-weight:700;font-size:14px;cursor:pointer;transition:.2s}
.bncol-ghost:hover{border-color:var(--bnc-navy)}

/* ---- ESTÚDIO ---- */
.bncol-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--bnc-linha);padding-bottom:20px;margin-bottom:24px}
.bncol-badge{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.12em;color:var(--bnc-deep)}
.bncol-top h1{font-family:'Fraunces','Archivo',serif;font-weight:500;font-size:clamp(28px,4vw,44px);line-height:1.02;margin:6px 0 0;color:var(--bnc-navy)}
.bncol-user{font-size:14px;color:var(--bnc-cinza)}
.bncol-lbl{display:block;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--bnc-cinza);margin:0 0 8px}
.bncol-side .bncol-lbl{margin-top:22px}
.bncol-side .bncol-lbl:first-child{margin-top:0}

.bncol-tabs{display:inline-flex;border:1px solid var(--bnc-linha);border-radius:11px;overflow:hidden;margin-bottom:14px}
.bncol-tab{background:#fff;border:0;padding:12px 20px;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--bnc-cinza);cursor:pointer}
.bncol-tab.is-on{background:var(--bnc-navy);color:#fff}
.bncol-ia{background:var(--bnc-paper);border:1px solid var(--bnc-linha);border-radius:12px;padding:18px;margin-bottom:26px}
.bncol-iarow{display:flex;gap:10px}
.bncol-iarow input{flex:1;padding:13px 15px;border:1px solid var(--bnc-linha);border-radius:9px;font-size:15px;font-family:inherit}
.bncol-iarow input:focus{outline:none;border-color:var(--bnc-verde)}
.bncol-iarow .bncol-btn{width:auto;white-space:nowrap}
.bncol-hint{font-size:13px;color:var(--bnc-cinza);margin:10px 0 0}
.bncol-status{font-size:14px;margin-top:10px;min-height:1px}
.bncol-status.load{color:var(--bnc-deep)}
.bncol-status.err{color:#A12626}

.bncol-grid{display:grid;grid-template-columns:320px 1fr;gap:28px}
.bncol-inp,.bncol-side select,.bncol-side input[type=text]{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid var(--bnc-linha);border-radius:9px;font-size:15px;font-family:inherit;background:#fff}
.bncol-inp:focus{outline:none;border-color:var(--bnc-verde)}
.bncol-drop{border:2px dashed var(--bnc-linha);border-radius:12px;aspect-ratio:1200/630;display:grid;place-items:center;cursor:pointer;overflow:hidden;position:relative;background:#fff;transition:.2s}
.bncol-drop:hover,.bncol-drop.drag{border-color:var(--bnc-verde);background:#FAFCF6}
.bncol-drop-in{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--bnc-cinza);text-align:center;padding:14px}
.bncol-drop-in small{font-size:12px;opacity:.8}
.bncol-plus{width:44px;height:44px;border-radius:50%;border:1px solid var(--bnc-linha);display:grid;place-items:center;font-size:22px;color:var(--bnc-cinza)}
.bncol-drop img{width:100%;height:100%;object-fit:cover}

.bncol-editor{background:#fff;border:1px solid var(--bnc-linha);border-radius:14px;padding:30px 34px;min-height:520px;display:flex;flex-direction:column}
.bncol-titulo{border:0;font-family:'Fraunces','Archivo',serif;font-weight:500;font-size:34px;line-height:1.1;color:var(--bnc-navy);padding:6px 0;width:100%}
.bncol-dek{border:0;border-top:1px solid var(--bnc-linha);border-bottom:1px solid var(--bnc-linha);font-family:'Fraunces',serif;font-style:italic;font-size:20px;color:var(--bnc-cinza);padding:16px 0;margin:14px 0;width:100%}
.bncol-titulo:focus,.bncol-dek:focus,.bncol-content:focus{outline:none}
.bncol-content{border:0;flex:1;resize:vertical;min-height:320px;font-family:'Jost',sans-serif;font-size:17px;line-height:1.7;color:var(--bnc-tinta);width:100%}
.bncol-titulo::placeholder,.bncol-dek::placeholder,.bncol-content::placeholder{color:#B7C0C8}

.bncol-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;border-top:1px solid var(--bnc-linha);padding-top:20px;flex-wrap:wrap}
.bncol-actions>div{display:flex;gap:12px}
.bncol-actions .bncol-btn{width:auto}
.bncol-words{font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--bnc-cinza)}
.bncol-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(30px);background:var(--bnc-navy);color:#fff;padding:14px 22px;border-radius:12px;font-size:15px;box-shadow:0 14px 40px rgba(10,27,48,.3);opacity:0;pointer-events:none;transition:.3s;z-index:9999;max-width:90vw;text-align:center}
.bncol-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.bncol-toast.err{background:#A12626}

@media(max-width:820px){ .bncol-grid{grid-template-columns:1fr} .bncol-iarow{flex-direction:column} .bncol-iarow .bncol-btn{width:100%} }

/* galeria de fotos no estudio */
.bncol-galeria-wrap{margin:26px 0 6px}
.bncol-gdrop{border:2px dashed var(--bnc-linha);border-radius:12px;padding:22px;text-align:center;color:var(--bnc-cinza);cursor:pointer;transition:.2s;background:#fff}
.bncol-gdrop:hover,.bncol-gdrop.drag{border-color:var(--bnc-verde);background:#FAFCF6}
.bncol-gthumbs{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.bncol-gthumb{position:relative;width:92px;height:92px;border-radius:8px;overflow:hidden;border:1px solid var(--bnc-linha);background:#f6f7f7;display:grid;place-items:center;color:var(--bnc-cinza);font-size:12px}
.bncol-gthumb img{width:100%;height:100%;object-fit:cover}
.bncol-gx{position:absolute;top:3px;right:3px;width:22px;height:22px;border:0;border-radius:50%;background:rgba(10,27,48,.78);color:#fff;font-size:15px;line-height:1;cursor:pointer}

/* abas de fonte da IA + textarea + erro de thumb */
.bncol-fonte-tabs{display:inline-flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}
.bncol-ft{background:#fff;border:1px solid var(--bnc-linha);border-radius:9px;padding:9px 14px;font-size:13px;font-weight:600;color:var(--bnc-cinza);cursor:pointer;transition:.2s}
.bncol-ft.is-on{background:var(--bnc-navy);color:#fff;border-color:var(--bnc-navy)}
.bncol-ta{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid var(--bnc-linha);border-radius:9px;font-size:15px;font-family:inherit;line-height:1.5;resize:vertical}
.bncol-ta:focus{outline:none;border-color:var(--bnc-verde)}
.bncol-gthumb.err{border-color:#F3B4B4;background:#FDECEC;color:#A12626;font-weight:600}

/* ===== assinatura no artigo (lateral) ===== */
.bncol-assina{background:#fff;border:1px solid var(--bnc-linha);border-radius:12px;padding:14px}
.bncol-check{display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:600;color:var(--bnc-navy);cursor:pointer;line-height:1.35}
.bncol-check input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--bnc-deep);flex:none}
.bncol-assina.is-off .bncol-check{opacity:.55;cursor:not-allowed}
.bncol-mini{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--bnc-linha)}
.bncol-mini-foto{width:40px;height:40px;border-radius:50%;overflow:hidden;flex:none;background:linear-gradient(135deg,var(--bnc-navy),var(--bnc-deep))}
.bncol-mini-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block}
.bncol-mini-txt{display:flex;flex-direction:column;min-width:0}
.bncol-mini-txt strong{font-size:14px;color:var(--bnc-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bncol-mini-txt small{font-size:12.5px;color:var(--bnc-cinza);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bncol-mini-edit{display:inline-block;margin-top:10px;font-size:13px;color:var(--bnc-deep);font-weight:600;text-decoration:none}
.bncol-mini-edit:hover{text-decoration:underline}

/* ===== meu perfil de colunista (rodapé do estúdio) ===== */
.bncol-perfil{margin-top:44px;padding:30px 32px 34px;background:var(--bnc-paper);border:1px solid var(--bnc-linha);border-radius:16px;scroll-margin-top:30px}
.bncol-perfil-head{margin-bottom:22px}
.bncol-perfil-head h2{font-family:'Fraunces','Archivo',serif;font-weight:500;font-size:clamp(24px,3vw,32px);line-height:1.05;margin:6px 0 0;color:var(--bnc-navy)}
.bncol-perfil-head .bncol-hint{max-width:680px}
.bncol-perfil-grid{display:grid;grid-template-columns:200px 1fr;gap:30px;align-items:start}
.bncol-pfoto-col{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.bncol-pfoto{width:180px;height:180px;border-radius:50%;border:2px dashed #C9D1C0;background:#fff;display:grid;place-items:center;cursor:pointer;overflow:hidden;position:relative;transition:.2s}
.bncol-pfoto:hover,.bncol-pfoto.drag,.bncol-pfoto:focus{border-color:var(--bnc-verde);outline:none;box-shadow:0 0 0 4px rgba(159,200,106,.22)}
.bncol-pfoto.load{opacity:.55;pointer-events:none}
.bncol-pfoto img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block}
.bncol-pfoto-in{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--bnc-cinza);font-size:14px}
.bncol-pfoto-in b{font-size:28px;font-weight:400;line-height:1}
.bncol-pfoto-dica{font-size:12px;color:var(--bnc-cinza);max-width:200px;line-height:1.4}
.bncol-pcampos .bncol-lbl{margin-top:14px}
.bncol-pcampos .bncol-lbl:first-child{margin-top:0}
.bncol-pdupla{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.bncol-pdupla .bncol-lbl{margin-top:16px}
.bncol-prow{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:14px}
.bncol-prow .bncol-btn{width:auto;min-width:170px}
.bncol-pprev{max-width:760px}
.bncol-pprev .bncol-abox.bncol-abox{margin-top:0}
@media(max-width:820px){ .bncol-perfil{padding:24px 18px} .bncol-perfil-grid{grid-template-columns:1fr} .bncol-pdupla{grid-template-columns:1fr} .bncol-prow{flex-direction:column-reverse;align-items:stretch} .bncol-prow .bncol-btn{width:100%} }