/* ============================================================
   ARCOLL DIGITAL — user/assets/css/main.css v13
   CSS centralizado: feed, perfil, login, layout geral
   ============================================================ */

/* ── RESET & BASE ─────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;margin:0;background:#eef2f7;color:#1e2d3d;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}

/* ── CSS VARIABLES ───────────────────────────────────────── */
:root{
  --pri:#00549f; --acc:#fd7e14;
  --dark:#0a1628; --ink:#1e2d3d; --muted:#5c7080;
  --light:#f3f6fb; --white:#fff; --border:#dde4ee;
  --bg:#eef2f7;
  --r:12px; --r-sm:8px;
  --shadow:0 2px 10px rgba(0,50,120,.06);
  --shadow-lg:0 6px 28px rgba(0,50,120,.12);
  --t:.18s;
}

/* ── TOPBAR ──────────────────────────────────────────────── */
.fd-topbar{background:var(--dark);padding:0 20px;height:60px;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:200;box-shadow:0 2px 10px rgba(0,0,0,.3);}
.fd-topbar-left{display:flex;align-items:center;gap:16px;}
.fd-logo{font-size:1rem;font-weight:900;color:#fff;letter-spacing:-.3px;}
.fd-logo span{color:var(--acc);}
.fd-search-wrap{position:relative;}
.fd-search{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:7px 16px 7px 36px;color:#fff;font-size:.84rem;width:240px;outline:none;font-family:inherit;}
.fd-search::placeholder{color:rgba(255,255,255,.4);}
.fd-search:focus{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);}
.fd-search-ico{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.4);font-size:.9rem;}
.fd-topbar-right{display:flex;align-items:center;gap:6px;}
.fd-top-btn{display:flex;flex-direction:column;align-items:center;gap:2px;color:rgba(255,255,255,.6);text-decoration:none;font-size:.68rem;font-weight:600;padding:8px 10px;border-radius:8px;transition:all var(--t);background:none;border:none;cursor:pointer;}
.fd-top-btn i{font-size:1.2rem;}
.fd-top-btn:hover,.fd-top-btn.active{color:#fff;background:rgba(255,255,255,.1);}
.fd-top-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.2);}
.fd-top-initials{width:36px;height:36px;border-radius:50%;background:var(--pri);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff;border:2px solid rgba(255,255,255,.2);}

/* ── LAYOUT GRID ─────────────────────────────────────────── */
.fd-wrap{max-width:1200px;margin:70px auto 40px;padding:0 16px;}
.fd-grid{display:grid;grid-template-columns:260px 1fr 300px;gap:18px;align-items:start;}
@media(max-width:1024px){.fd-grid{grid-template-columns:1fr 300px;}}
@media(max-width:768px){.fd-grid{grid-template-columns:1fr;}.fd-left-col,.fd-right-col{display:none;}.fd-wrap{margin-top:68px;padding:0 8px;}}

/* ── CARDS ───────────────────────────────────────────────── */
.fd-card{background:var(--white);border-radius:var(--r);box-shadow:var(--shadow);border:1px solid var(--border);margin-bottom:10px;overflow:hidden;}

/* ── MINI PERFIL (sidebar esquerda) ─────────────────────── */
.fd-mp-cover{height:72px;background-size:cover!important;background-position:center!important;border-radius:var(--r) var(--r) 0 0;position:relative;}
.fd-mp-avatar-wrap{position:absolute;bottom:-24px;left:14px;}
.fd-mp-avatar{width:52px;height:52px;border-radius:50%;border:3px solid var(--white);object-fit:cover;display:block;}
.fd-mp-initials{width:52px;height:52px;border-radius:50%;border:3px solid var(--white);background:linear-gradient(135deg,var(--pri),var(--dark));display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:900;color:#fff;}
.fd-mp-body{padding:32px 14px 0;}
.fd-mp-name{font-size:.92rem;font-weight:800;color:var(--dark);margin-bottom:2px;}
.fd-mp-headline{font-size:.76rem;color:var(--muted);margin-bottom:10px;line-height:1.3;}
.fd-mp-stats{border-top:1px solid var(--border);padding:10px 14px;display:flex;flex-direction:column;gap:6px;}
.fd-mp-stat{display:flex;justify-content:space-between;font-size:.78rem;}
.fd-mp-stat-lbl{color:var(--muted);}
.fd-mp-stat-val{font-weight:700;color:var(--pri);}
.fd-nav{padding:8px 0;}
.fd-nav-item{display:flex;align-items:center;gap:10px;padding:9px 16px;font-size:.84rem;font-weight:600;color:var(--muted);cursor:pointer;text-decoration:none;transition:all var(--t);background:none;border:none;width:100%;text-align:left;}
.fd-nav-item i{font-size:1rem;}
.fd-nav-item:hover{color:var(--pri);background:rgba(0,87,184,.05);}
.fd-nav-item.active{color:var(--pri);background:rgba(0,87,184,.07);border-right:3px solid var(--pri);}

/* ── BANNER DE VISITANTE (quando não logado) ─────────────── */
.fd-guest-banner{background:linear-gradient(135deg,var(--dark),#1a2d4a);border-radius:var(--r);padding:24px 20px;text-align:center;margin-bottom:10px;}
.fd-guest-banner h4{color:#fff;font-size:1rem;font-weight:800;margin:0 0 6px;}
.fd-guest-banner p{color:rgba(255,255,255,.65);font-size:.82rem;margin:0 0 16px;line-height:1.5;}
.fd-guest-btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;}
.fd-guest-btn-login{padding:9px 22px;border-radius:8px;background:var(--pri);color:#fff;font-size:.84rem;font-weight:700;border:none;cursor:pointer;text-decoration:none;}
.fd-guest-btn-reg{padding:9px 22px;border-radius:8px;background:rgba(255,255,255,.1);color:#fff;font-size:.84rem;font-weight:700;border:1px solid rgba(255,255,255,.25);cursor:pointer;text-decoration:none;}
.fd-guest-btn-login:hover{background:#003d82;}
.fd-guest-btn-reg:hover{background:rgba(255,255,255,.18);}

/* ── CRIAR POST ──────────────────────────────────────────── */
.fd-create-post{padding:14px 16px;}
.fd-create-row{display:flex;align-items:center;gap:10px;}
.fd-create-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;flex-shrink:0;}
.fd-create-ph{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--pri),var(--dark));display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:#fff;flex-shrink:0;}
.fd-create-input{flex:1;border:1.5px solid var(--border);border-radius:24px;padding:10px 18px;font-size:.84rem;color:var(--ink);background:var(--light);cursor:pointer;font-family:inherit;outline:none;transition:all var(--t);}
.fd-create-input:hover{border-color:var(--pri);background:var(--white);}
.fd-create-actions{display:flex;gap:0;padding:8px 14px 0;border-top:1px solid var(--border);margin-top:10px;}
.fd-create-action{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;font-size:.8rem;font-weight:600;color:var(--muted);cursor:pointer;border:none;background:none;transition:all var(--t);flex:1;justify-content:center;}
.fd-create-action:hover{background:var(--light);color:var(--ink);}

/* ── FILTRO BAR ──────────────────────────────────────────── */
.fd-filter-bar{padding:10px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.fd-filter-btn{padding:6px 14px;border-radius:20px;font-size:.78rem;font-weight:600;cursor:pointer;border:1.5px solid var(--border);background:transparent;color:var(--muted);transition:all var(--t);}
.fd-filter-btn.active,.fd-filter-btn:hover{background:var(--pri);color:#fff;border-color:var(--pri);}

/* ── POST ITEM ───────────────────────────────────────────── */
.fd-post-item{padding:16px;}
.fd-post-header{display:flex;align-items:flex-start;gap:11px;margin-bottom:12px;}
.fd-post-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;flex-shrink:0;text-decoration:none;display:block;}
.fd-post-avatar-ph{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--pri),var(--dark));display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:700;color:#fff;flex-shrink:0;}
.fd-post-author-info{flex:1;min-width:0;}
.fd-post-author-name{font-size:.9rem;font-weight:700;color:var(--dark);text-decoration:none;display:flex;align-items:center;gap:5px;flex-wrap:wrap;}
.fd-post-author-name:hover{text-decoration:underline;}
.fd-post-author-meta{font-size:.76rem;color:var(--muted);margin-top:2px;}
.fd-post-time{font-size:.72rem;color:var(--muted);display:flex;align-items:center;gap:4px;margin-top:3px;}
.fd-post-menu{margin-left:auto;background:none;border:none;cursor:pointer;color:var(--muted);font-size:1.1rem;padding:4px 8px;border-radius:6px;}
.fd-post-content{font-size:.88rem;line-height:1.7;color:var(--ink);margin-bottom:10px;white-space:pre-wrap;}
.fd-post-content.truncated{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;}
.fd-post-expand{font-size:.82rem;color:var(--pri);cursor:pointer;background:none;border:none;padding:0;font-family:inherit;font-weight:600;margin-bottom:10px;}

/* ── VISIBILIDADE BADGE ──────────────────────────────────── */
.fd-vis-badge{display:inline-flex;align-items:center;gap:3px;font-size:.68rem;color:var(--muted);padding:2px 6px;border-radius:4px;background:var(--light);border:1px solid var(--border);}

/* ── MOSAICO DE MÍDIAS ───────────────────────────────────── */
.fd-media-mosaic{border-radius:var(--r-sm);overflow:hidden;margin-bottom:12px;background:#000;}

/* 1 mídia — proporção 3:4 */
.fd-media-mosaic.count-1{position:relative;width:100%;aspect-ratio:3/4;}
.fd-media-mosaic.count-1 .mosaic-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(18px) brightness(.45);transform:scale(1.12);pointer-events:none;}
.fd-media-mosaic.count-1 .mosaic-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.fd-media-mosaic.count-1 .mosaic-inner img,.fd-media-mosaic.count-1 .mosaic-inner video{max-width:100%;max-height:100%;object-fit:contain;}

/* 2 mídias — lado a lado */
.fd-media-mosaic.count-2{display:grid;grid-template-columns:1fr 1fr;gap:3px;aspect-ratio:16/9;}
.fd-media-mosaic.count-2 .mosaic-item{overflow:hidden;cursor:pointer;}
.fd-media-mosaic.count-2 .mosaic-item img,.fd-media-mosaic.count-2 .mosaic-item video{width:100%;height:100%;object-fit:cover;}

/* 3 mídias — 1 grande + 2 pequenas */
.fd-media-mosaic.count-3{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:3px;aspect-ratio:4/3;}
.fd-media-mosaic.count-3 .mosaic-item:first-child{grid-row:1/3;}
.fd-media-mosaic.count-3 .mosaic-item{overflow:hidden;cursor:pointer;}
.fd-media-mosaic.count-3 .mosaic-item img,.fd-media-mosaic.count-3 .mosaic-item video{width:100%;height:100%;object-fit:cover;}

/* 4 mídias — grade 2x2 */
.fd-media-mosaic.count-4{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;aspect-ratio:1/1;}
.fd-media-mosaic.count-4 .mosaic-item{overflow:hidden;cursor:pointer;}
.fd-media-mosaic.count-4 .mosaic-item img,.fd-media-mosaic.count-4 .mosaic-item video{width:100%;height:100%;object-fit:cover;}

/* 5+ mídias — linha superior grande + linha inferior */
.fd-media-mosaic.count-many{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:200px 160px;gap:3px;}
.fd-media-mosaic.count-many .mosaic-item:first-child{grid-column:1/3;}
.fd-media-mosaic.count-many .mosaic-item{overflow:hidden;cursor:pointer;position:relative;}
.fd-media-mosaic.count-many .mosaic-item img,.fd-media-mosaic.count-many .mosaic-item video{width:100%;height:100%;object-fit:cover;}

/* Overlay de "+N mais" */
.mosaic-more-overlay{position:absolute;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;font-weight:900;}

/* Ícone de vídeo em miniaturas */
.mosaic-vid-ico{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;background:rgba(0,0,0,.6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;pointer-events:none;}

/* ── LINK CARD ───────────────────────────────────────────── */
.fd-link-card{position:relative;border-radius:12px;overflow:hidden;text-decoration:none;display:block;margin-bottom:12px;transition:all .22s;min-height:200px;background:var(--dark);}
.fd-link-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,.22);}
.fd-link-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .4s ease;}
.fd-link-card:hover .fd-link-bg{transform:scale(1.04);}
.fd-link-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.08) 0%,rgba(0,0,0,.30) 35%,rgba(0,0,0,.82) 100%);}
.fd-link-no-img{position:absolute;inset:0;background:linear-gradient(135deg,var(--dark),#1a2d4a);}
.fd-link-body{position:relative;z-index:2;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;min-height:200px;}
.fd-link-source{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.15);backdrop-filter:blur(6px);color:rgba(255,255,255,.85);font-size:.68rem;font-weight:700;padding:3px 9px;border-radius:20px;margin-bottom:10px;border:1px solid rgba(255,255,255,.18);width:fit-content;}
.fd-link-title{font-size:1rem;font-weight:800;color:#fff;line-height:1.35;margin-bottom:6px;text-shadow:0 1px 6px rgba(0,0,0,.5);}
.fd-link-domain{font-size:.72rem;color:rgba(255,255,255,.55);display:flex;align-items:center;gap:4px;}

/* ── AÇÕES DO POST ───────────────────────────────────────── */
.fd-post-stats{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);font-size:.76rem;color:var(--muted);margin-bottom:8px;}
.fd-post-stat-item{display:flex;align-items:center;gap:4px;cursor:pointer;}
.fd-post-stat-item:hover{color:var(--pri);}
.fd-post-actions{display:flex;gap:0;}
.fd-post-action{display:flex;align-items:center;gap:5px;flex:1;justify-content:center;padding:7px 3px;border-radius:8px;font-size:.76rem;font-weight:600;color:var(--muted);cursor:pointer;border:none;background:none;transition:all var(--t);text-decoration:none;}
.fd-post-action:hover{background:var(--light);color:var(--ink);}
.fd-post-action.liked{color:#dc2626;}
.fd-post-action.saved{color:var(--acc);}
.fd-post-action i{font-size:1rem;}

/* ── COMENTÁRIOS INLINE ──────────────────────────────────── */
.fd-comments-box{border-top:1px solid var(--border);padding:10px 16px 12px;background:var(--light);}
.fd-comment-item{display:flex;gap:9px;margin-bottom:10px;}
.fd-comment-av{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;}
.fd-comment-av-ph{width:32px;height:32px;border-radius:50%;background:var(--pri);display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;color:#fff;flex-shrink:0;}
.fd-comment-bubble{background:var(--white);border-radius:12px;padding:8px 11px;flex:1;border:1px solid var(--border);}
.fd-comment-author{font-size:.77rem;font-weight:700;color:var(--dark);}
.fd-comment-txt{font-size:.82rem;color:var(--ink);line-height:1.5;margin-top:1px;}
.fd-comment-time{font-size:.65rem;color:var(--muted);margin-top:3px;}
.fd-comment-inp-row{display:flex;gap:8px;align-items:center;margin-top:8px;}
.fd-comment-inp{flex:1;border:1.5px solid var(--border);border-radius:20px;padding:8px 14px;font-size:.82rem;font-family:inherit;outline:none;background:var(--white);}
.fd-comment-inp:focus{border-color:var(--pri);}
.fd-comment-send{width:34px;height:34px;border-radius:50%;background:var(--pri);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0;}

/* ── MODAL CRIAR POST ────────────────────────────────────── */
.fd-modal-ov{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:3000;display:none;align-items:center;justify-content:center;padding:16px;}
.fd-modal-ov.open{display:flex;}
.fd-modal{background:var(--white);border-radius:16px;width:100%;max-width:560px;max-height:92vh;overflow-y:auto;box-shadow:0 24px 64px rgba(0,0,0,.3);}
.fd-modal-hdr{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--white);z-index:2;}
.fd-modal-ttl{font-size:1rem;font-weight:800;color:var(--dark);}
.fd-modal-cls{background:none;border:none;font-size:1.2rem;color:var(--muted);cursor:pointer;padding:4px 8px;border-radius:6px;}
.fd-modal-body{padding:16px;}
.fd-modal-author-row{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.fd-modal-vis-sel{background:var(--light);border:1.5px solid var(--border);border-radius:8px;padding:5px 10px;font-size:.78rem;font-weight:600;font-family:inherit;outline:none;cursor:pointer;color:var(--ink);}
.fd-modal-vis-sel:focus{border-color:var(--pri);}
.fd-post-textarea{width:100%;border:none;outline:none;font-family:inherit;font-size:.94rem;line-height:1.7;color:var(--ink);resize:none;min-height:120px;padding:0;}
.fd-post-textarea::placeholder{color:var(--muted);}
.fd-modal-ft{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border);align-items:center;position:sticky;bottom:0;background:var(--white);}
.fd-modal-action-btn{display:flex;align-items:center;gap:5px;padding:8px 12px;border-radius:8px;border:none;background:var(--light);color:var(--muted);font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all var(--t);}
.fd-modal-action-btn:hover{background:var(--border);}
.fd-modal-submit{margin-left:auto;padding:9px 24px;border-radius:20px;background:var(--pri);color:#fff;border:none;font-size:.84rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all var(--t);}
.fd-modal-submit:hover{background:#003d82;}
.fd-modal-submit:disabled{opacity:.45;cursor:not-allowed;}

/* Preview de mídias no modal */
.fd-media-preview-grid{display:grid;gap:6px;margin-top:10px;}
.fd-media-preview-grid.g1{grid-template-columns:1fr;}
.fd-media-preview-grid.g2{grid-template-columns:1fr 1fr;}
.fd-media-preview-grid.g3{grid-template-columns:1fr 1fr 1fr;}
.fd-media-preview-grid.gm{grid-template-columns:repeat(4,1fr);}
.fd-mprev-item{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:1/1;}
.fd-mprev-item img,.fd-mprev-item video{width:100%;height:100%;object-fit:cover;}
.fd-mprev-rm{position:absolute;top:4px;right:4px;background:rgba(0,0,0,.6);color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;z-index:2;}
.fd-media-count-label{font-size:.75rem;color:var(--muted);margin-top:4px;}

/* ── TOAST ───────────────────────────────────────────────── */
.fd-toast{position:fixed;bottom:88px;left:50%;transform:translateX(-50%) translateY(26px);background:#0a1628;color:#fff;padding:9px 20px;border-radius:28px;font-size:.78rem;font-weight:700;z-index:9999;opacity:0;transition:all .28s;white-space:nowrap;pointer-events:none;}
.fd-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

/* ── SIDEBAR DIREITA ─────────────────────────────────────── */
.fd-widget{background:var(--white);border-radius:var(--r);box-shadow:var(--shadow);border:1px solid var(--border);overflow:hidden;margin-bottom:12px;}
.fd-widget-hdr{padding:12px 16px;border-bottom:1px solid var(--border);font-size:.86rem;font-weight:800;color:var(--dark);display:flex;align-items:center;justify-content:space-between;}
.fd-sug-item{display:flex;align-items:center;gap:10px;padding:10px 16px;transition:background var(--t);}
.fd-sug-item:hover{background:var(--light);}
.fd-sug-av{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--pri);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#fff;}
.fd-sug-av img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
.fd-sug-name{font-size:.83rem;font-weight:700;color:var(--dark);}
.fd-sug-meta{font-size:.72rem;color:var(--muted);}
.fd-sug-follow{margin-left:auto;padding:5px 12px;border-radius:6px;background:rgba(0,84,159,.1);color:var(--pri);font-size:.76rem;font-weight:700;border:none;cursor:pointer;transition:all var(--t);}
.fd-sug-follow:hover{background:var(--pri);color:#fff;}

/* ── LIGHTBOX ────────────────────────────────────────────── */
.fd-lightbox-ov{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:9000;display:none;align-items:center;justify-content:center;}
.fd-lightbox-ov.open{display:flex;}
.fd-lightbox-inner{position:relative;max-width:92vw;max-height:92vh;display:flex;align-items:center;justify-content:center;}
.fd-lightbox-inner img,.fd-lightbox-inner video{max-width:90vw;max-height:88vh;border-radius:8px;object-fit:contain;}
.fd-lb-close{position:fixed;top:16px;right:20px;background:rgba(255,255,255,.15);border:none;color:#fff;font-size:1.4rem;border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.fd-lb-prev,.fd-lb-next{position:fixed;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.15);border:none;color:#fff;font-size:1.4rem;border-radius:50%;width:44px;height:44px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.fd-lb-prev{left:16px;}
.fd-lb-next{right:16px;}
.fd-lb-counter{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.7);font-size:.82rem;font-weight:600;}

/* ── MOBILE BOTTOM NAV ───────────────────────────────────── */
@media(max-width:768px){
  .fd-mobile-nav{position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--white);border-top:1px solid var(--border);display:flex;z-index:199;box-shadow:0 -2px 10px rgba(0,0,0,.08);}
  .fd-mobile-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.62rem;font-weight:600;color:var(--muted);background:none;border:none;cursor:pointer;padding:6px 0;}
  .fd-mobile-nav-btn i{font-size:1.25rem;}
  .fd-mobile-nav-btn.active{color:var(--pri);}
}
@media(min-width:769px){.fd-mobile-nav{display:none;}}

/* ── SINO DE NOTIFICAÇÕES ────────────────────────────────── */
#notifBadge{display:none;}
#notifBadge.show{display:flex!important;}

/* ── TRENDING SIDEBAR ────────────────────────────────────── */
.fd-trending-tag{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;font-size:.8rem;cursor:pointer;transition:background var(--t);}
.fd-trending-tag:hover{background:var(--light);}
.fd-trending-tag-name{font-weight:700;color:var(--pri);}
.fd-trending-tag-count{font-size:.7rem;color:var(--muted);}

/* ============================================================
   ARCOLL DIGITAL — Extensões v15
   Modal Instagram | Reações | Stories | Dashboard | Admin
   ============================================================ */

/* ── MODAL INSTAGRAM ────────────────────────────────────── */
.fd-insta-modal-ov{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:4000;display:none;align-items:center;justify-content:center;padding:16px;}
.fd-insta-modal-ov.open{display:flex;}
.fd-insta-modal{background:var(--white);border-radius:16px;width:100%;max-width:950px;max-height:94vh;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,.4);position:relative;}
.fd-insta-close{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.5);border:none;color:#fff;font-size:1.1rem;border-radius:50%;width:34px;height:34px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5;}
.fd-insta-layout{display:grid;grid-template-columns:3fr 2fr;min-height:500px;max-height:94vh;}
.fd-insta-media{background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;max-height:94vh;}
.fd-insta-media img{width:100%;height:100%;object-fit:contain;}
.fd-insta-media video{width:100%;max-height:100%;}
.fd-insta-panel{display:flex;flex-direction:column;border-left:1px solid var(--border);overflow:hidden;}
.fd-insta-hdr{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;}
.fd-insta-author-link{display:flex;align-items:center;gap:10px;text-decoration:none;}
.fd-insta-av{width:38px;height:38px;border-radius:50%;object-fit:cover;}
.fd-insta-av-ph{width:38px;height:38px;border-radius:50%;background:var(--pri);display:flex;align-items:center;justify-content:center;font-size:.88rem;font-weight:700;color:#fff;}
.fd-insta-author-name{font-size:.88rem;font-weight:700;color:var(--dark);}
.fd-insta-author-prof{font-size:.72rem;color:var(--muted);}
.fd-insta-cmts{flex:1;overflow-y:auto;padding:12px 16px;min-height:0;}
.fd-insta-cmt{display:flex;gap:9px;margin-bottom:12px;}
.fd-insta-cmt-av{width:30px;height:30px;border-radius:50%;object-fit:cover;flex-shrink:0;}
.fd-insta-cmt-av-ph{width:30px;height:30px;border-radius:50%;background:var(--pri);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff;flex-shrink:0;}
.fd-insta-cmt-body{flex:1;}
.fd-insta-cmt-author{font-size:.8rem;font-weight:700;color:var(--dark);}
.fd-insta-cmt-txt{font-size:.83rem;color:var(--ink);line-height:1.4;}
.fd-insta-cmt-meta{display:flex;align-items:center;gap:8px;margin-top:2px;}
.fd-insta-cmt-meta span{font-size:.68rem;color:var(--muted);}
.fd-insta-actions{border-top:1px solid var(--border);flex-shrink:0;}
.fd-insta-action-btn{background:none;border:none;cursor:pointer;color:var(--ink);font-size:1.3rem;padding:4px 6px;border-radius:6px;display:inline-flex;align-items:center;gap:4px;transition:all var(--t);}
.fd-insta-action-btn:hover{color:var(--pri);}
.fd-insta-action-btn.liked{color:#dc2626;}
.fd-insta-stat-lbl{font-size:.78rem;color:var(--muted);}
.fd-insta-cmt-inp-row{display:flex;gap:8px;padding:10px 16px;border-top:1px solid var(--border);flex-shrink:0;}
.fd-insta-cmt-inp{flex:1;border:1.5px solid var(--border);border-radius:20px;padding:8px 14px;font-size:.82rem;font-family:inherit;outline:none;}
.fd-insta-cmt-inp:focus{border-color:var(--pri);}
.fd-insta-cmt-send{width:34px;height:34px;border-radius:50%;background:var(--pri);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0;}
@media(max-width:640px){.fd-insta-layout{grid-template-columns:1fr;}.fd-insta-media{max-height:55vw;}.fd-insta-panel{max-height:60vh;}}

/* ── REAÇÕES PICKER ─────────────────────────────────────── */
.fd-reaction-wrap{position:relative;}
.fd-reaction-picker{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--white);border:1px solid var(--border);border-radius:28px;padding:6px 8px;display:flex;gap:4px;box-shadow:0 4px 20px rgba(0,0,0,.18);z-index:100;opacity:0;visibility:hidden;transition:all .2s;pointer-events:none;white-space:nowrap;}
.fd-reaction-picker.visible{opacity:1;visibility:visible;pointer-events:all;}
.fd-rxn-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:2px 3px;border-radius:50%;transition:transform .15s;line-height:1;}
.fd-rxn-btn:hover{transform:scale(1.35);}
.fd-rxn-btn.active{transform:scale(1.2);background:rgba(0,84,159,.08);}

/* ── POST "MENU" (3 pontos) ─────────────────────────────── */
.fd-post-menu-wrap{position:relative;margin-left:auto;}
.fd-post-menu-dd{position:absolute;top:calc(100% + 4px);right:0;background:var(--white);border:1px solid var(--border);border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.14);padding:6px 0;z-index:200;min-width:150px;display:none;}
.fd-post-menu-dd.open{display:block;}
.fd-post-menu-item{display:flex;align-items:center;gap:8px;padding:9px 14px;font-size:.82rem;color:var(--ink);cursor:pointer;background:none;border:none;width:100%;text-align:left;font-family:inherit;}
.fd-post-menu-item:hover{background:var(--light);}
.fd-post-menu-item.danger{color:#dc2626;}

/* ── SPINNER ────────────────────────────────────────────── */
.fd-spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--pri);border-radius:50%;animation:spin .7s linear infinite;}
@keyframes spin{to{transform:rotate(360deg)}}

/* ── STORY VIEWER MELHORADO ─────────────────────────────── */
.story-react-bar{position:absolute;bottom:60px;left:0;right:0;display:flex;gap:8px;justify-content:center;z-index:4;padding:0 12px;}
.story-react-btn{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(8px);border-radius:50%;width:40px;height:40px;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s;color:var(--white);}
.story-react-btn:hover{transform:scale(1.2);}
.story-react-btn.active{background:rgba(255,255,255,.4);}
.story-comment-row{position:absolute;bottom:8px;left:12px;right:12px;display:flex;gap:8px;z-index:4;}
.story-comment-inp{flex:1;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(8px);border-radius:24px;padding:8px 14px;color:#fff;font-size:.84rem;font-family:inherit;outline:none;}
.story-comment-inp::placeholder{color:rgba(255,255,255,.6);}
.story-comment-send{width:36px;height:36px;border-radius:50%;background:var(--pri);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.story-viewers-btn{position:absolute;bottom:115px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(8px);color:#fff;border-radius:16px;padding:5px 14px;font-size:.75rem;cursor:pointer;z-index:4;}

/* ── USER DASHBOARD / CONFIGURAÇÕES ────────────────────── */
.ud-wrap{max-width:900px;margin:80px auto 40px;padding:0 16px;}
.ud-header{background:var(--dark);border-radius:var(--r);padding:24px 28px;margin-bottom:20px;display:flex;align-items:center;gap:16px;}
.ud-header-av{width:64px;height:64px;border-radius:50%;border:3px solid rgba(255,255,255,.3);object-fit:cover;}
.ud-header-av-ph{width:64px;height:64px;border-radius:50%;background:var(--pri);display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:900;color:#fff;}
.ud-header-info h2{font-size:1.1rem;font-weight:800;color:#fff;margin:0 0 2px;}
.ud-header-info p{font-size:.8rem;color:rgba(255,255,255,.55);margin:0;}
.ud-grid{display:grid;grid-template-columns:220px 1fr;gap:18px;}
@media(max-width:640px){.ud-grid{grid-template-columns:1fr;}}
.ud-sidebar{display:flex;flex-direction:column;gap:4px;}
.ud-sidebar-item{display:flex;align-items:center;gap:9px;padding:10px 14px;border-radius:9px;font-size:.84rem;font-weight:600;color:var(--muted);cursor:pointer;background:none;border:none;font-family:inherit;text-align:left;transition:all var(--t);}
.ud-sidebar-item i{font-size:1rem;}
.ud-sidebar-item:hover,.ud-sidebar-item.active{background:rgba(0,84,159,.07);color:var(--pri);}
.ud-section{background:var(--white);border-radius:var(--r);border:1px solid var(--border);padding:24px;box-shadow:var(--shadow);}
.ud-section-title{font-size:1rem;font-weight:800;color:var(--dark);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--border);}
.ud-privacy-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border);}
.ud-privacy-row:last-child{border-bottom:none;}
.ud-privacy-label{font-size:.86rem;font-weight:600;color:var(--ink);}
.ud-privacy-desc{font-size:.72rem;color:var(--muted);margin-top:2px;}
.ud-privacy-controls{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.ud-vis-sel{background:var(--light);border:1.5px solid var(--border);border-radius:7px;padding:5px 10px;font-size:.76rem;font-weight:600;font-family:inherit;cursor:pointer;outline:none;}
.ud-toggle{appearance:none;width:38px;height:20px;border-radius:10px;background:var(--border);cursor:pointer;position:relative;transition:background .2s;flex-shrink:0;}
.ud-toggle:checked{background:var(--pri);}
.ud-toggle::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .2s;box-shadow:0 1px 3px rgba(0,0,0,.2);}
.ud-toggle:checked::after{left:20px;}
.ud-save-bar{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:14px 20px;margin-top:16px;display:flex;align-items:center;justify-content:flex-end;gap:12px;box-shadow:var(--shadow);}
.ud-save-btn{padding:9px 24px;border-radius:9px;background:var(--pri);color:#fff;border:none;font-size:.84rem;font-weight:700;cursor:pointer;font-family:inherit;}
.ud-save-btn:hover{background:#003d82;}

/* ── BOTÕES PERFIL — Cartão + Currículo ─────────────────── */
.up-profile-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}
.up-btn-card,.up-btn-print{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:.82rem;font-weight:700;cursor:pointer;border:none;font-family:inherit;text-decoration:none;transition:all var(--t);}
.up-btn-card{background:var(--dark);color:#fff;}
.up-btn-card:hover{background:#1a2d4a;}
.up-btn-print{background:var(--light);color:var(--ink);border:1.5px solid var(--border);}
.up-btn-print:hover{background:var(--border);}


/* ── SEM SCROLLBAR ──────────────────────────────────────── */
html,body{scrollbar-width:none;-ms-overflow-style:none;}
html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;}

/* ── STICKY LATERAIS ────────────────────────────────────── */
.fd-left-col,.fd-right-col{position:sticky;top:72px;align-self:start;max-height:calc(100vh - 84px);overflow-y:auto;scrollbar-width:none;}
.fd-left-col::-webkit-scrollbar,.fd-right-col::-webkit-scrollbar{display:none;}

/* ── CARROSSEL DE MÍDIAS ────────────────────────────────── */
.fd-carousel{position:relative;width:100%;overflow:hidden;background:#000;border-radius:var(--r-sm);margin-bottom:12px;}
.fd-carousel-track{display:flex;transition:transform .32s cubic-bezier(.4,0,.2,1);}
.fd-carousel-slide{min-width:100%;position:relative;display:flex;align-items:center;justify-content:center;background:#000;}
.fd-carousel-slide img{width:100%;max-height:520px;object-fit:contain;display:block;cursor:pointer;}
.fd-carousel-slide video{width:100%;max-height:520px;object-fit:contain;display:block;}
.fd-carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.55);backdrop-filter:blur(4px);border:none;color:#fff;font-size:1.1rem;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:background .15s;}
.fd-carousel-btn:hover{background:rgba(0,0,0,.8);}
.fd-carousel-prev{left:8px;}
.fd-carousel-next{right:8px;}
.fd-carousel-dots{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:5px;z-index:5;}
.fd-carousel-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.45);border:none;cursor:pointer;padding:0;transition:all .15s;}
.fd-carousel-dot.active{background:#fff;transform:scale(1.25);}
.fd-carousel-counter{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.55);color:#fff;font-size:.72rem;font-weight:700;padding:3px 9px;border-radius:20px;z-index:5;pointer-events:none;}
.fd-carousel-play-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);z-index:4;cursor:pointer;pointer-events:none;}
.fd-carousel-play-btn i{font-size:3rem;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);}

/* ── HOVER CARD DE PERFIL ───────────────────────────────── */
.fd-sug-item-wrap{position:relative;}
.fd-profile-hover-card{position:absolute;z-index:999;background:#fff;border-radius:14px;box-shadow:0 8px 32px rgba(0,50,120,.18);border:1px solid var(--border);padding:16px;width:240px;pointer-events:none;opacity:0;transition:opacity .18s;top:calc(100% + 2px);left:0;}
.fd-profile-hover-card.show{opacity:1;pointer-events:all;}

/* ── FILTRO DE TAG ATIVO ────────────────────────────────── */
.fd-tag-filter-bar{padding:8px 16px;background:rgba(0,84,159,.06);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--muted);}
.fd-tag-filter-bar strong{color:var(--pri);}
.fd-tag-filter-bar a{color:var(--muted);font-size:.82rem;margin-left:auto;}

/* ── ADMIN LAYOUT ───────────────────────────────────────── */
.adm-wrap{display:grid;grid-template-columns:240px 1fr;min-height:100vh;}
.adm-sidebar{background:var(--dark);color:#fff;padding:0;position:sticky;top:0;height:100vh;overflow-y:auto;}
.adm-sidebar-logo{padding:20px 20px 16px;border-bottom:1px solid rgba(255,255,255,.08);font-size:.95rem;font-weight:900;color:#fff;letter-spacing:-.3px;display:flex;align-items:center;gap:8px;}
.adm-sidebar-logo span{color:var(--acc);}
.adm-sidebar-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#dc2626;color:#fff;font-size:.62rem;font-weight:800;margin-left:auto;}
.adm-nav-group{padding:10px 0 4px;border-bottom:1px solid rgba(255,255,255,.06);}
.adm-nav-group-label{padding:4px 20px;font-size:.62rem;font-weight:800;color:rgba(255,255,255,.3);letter-spacing:.06em;text-transform:uppercase;}
.adm-nav-item{display:flex;align-items:center;gap:10px;padding:9px 20px;font-size:.83rem;font-weight:600;color:rgba(255,255,255,.55);cursor:pointer;text-decoration:none;transition:all var(--t);}
.adm-nav-item i{font-size:1rem;width:16px;}
.adm-nav-item:hover,.adm-nav-item.active{color:#fff;background:rgba(255,255,255,.07);}
.adm-nav-item.active{border-right:3px solid var(--acc);}
.adm-main{background:var(--bg);min-height:100vh;}
.adm-topbar{background:var(--white);padding:0 24px;height:58px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;box-shadow:0 1px 4px rgba(0,0,0,.06);}
.adm-page-title{font-size:1rem;font-weight:800;color:var(--dark);}
.adm-content{padding:24px;}
.adm-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:20px;}
.adm-stat-card{background:var(--white);border-radius:var(--r);border:1px solid var(--border);padding:18px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow);}
.adm-stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;}
.adm-stat-val{font-size:1.4rem;font-weight:900;color:var(--dark);}
.adm-stat-lbl{font-size:.72rem;color:var(--muted);}
.adm-table-wrap{background:var(--white);border-radius:var(--r);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow);}
.adm-table{width:100%;border-collapse:collapse;font-size:.82rem;}
.adm-table th{padding:10px 14px;text-align:left;font-size:.72rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:var(--light);border-bottom:1px solid var(--border);}
.adm-table td{padding:11px 14px;border-bottom:1px solid var(--border);color:var(--ink);vertical-align:middle;}
.adm-table tr:last-child td{border-bottom:none;}
.adm-table tr:hover td{background:rgba(0,84,159,.02);}
.adm-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:.67rem;font-weight:700;}
.adm-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:7px;font-size:.78rem;font-weight:700;cursor:pointer;border:none;font-family:inherit;text-decoration:none;transition:all var(--t);}
.adm-btn-primary{background:var(--pri);color:#fff;}
.adm-btn-primary:hover{background:#003d82;}
.adm-btn-danger{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;}
.adm-btn-danger:hover{background:#dc2626;color:#fff;}
.adm-btn-secondary{background:var(--light);color:var(--ink);border:1px solid var(--border);}
.adm-form-group{margin-bottom:16px;}
.adm-form-label{display:block;font-size:.82rem;font-weight:700;color:var(--dark);margin-bottom:5px;}
.adm-form-input,.adm-form-select,.adm-form-textarea{width:100%;padding:9px 12px;border:1.5px solid var(--border);border-radius:8px;font-size:.84rem;font-family:inherit;outline:none;background:var(--white);color:var(--ink);}
.adm-form-input:focus,.adm-form-select:focus,.adm-form-textarea:focus{border-color:var(--pri);}
@media(max-width:768px){.adm-wrap{grid-template-columns:1fr;}.adm-sidebar{position:fixed;left:-240px;z-index:300;transition:left .25s;}.adm-sidebar.open{left:0;}.adm-main{width:100%;}}