/* =========================================================
   Facelov Clean UI v1.0
   Dizaino sluoksnis: paprastesnis, skaitomesnis, mažiau spalvų.
   Funkcinės Messenger / Feed / Profile logikos neliečia.
   ========================================================= */

:root{
  --fl-clean-bg:#f0f2f5;
  --fl-clean-card:#ffffff;
  --fl-clean-text:#1c1e21;
  --fl-clean-muted:#65676b;
  --fl-clean-line:#dddfe2;
  --fl-clean-soft:#e4e6eb;
  --fl-clean-hover:#f2f2f2;
  --fl-clean-accent:#7c3aed;
  --fl-clean-accent-soft:#f1ebff;
  --fl-clean-radius:10px;
  --fl-clean-shadow:0 1px 2px rgba(0,0,0,.10);
  --fl-clean-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

/* ---------- Bendras tipografijos sutvarkymas ---------- */
.fl-v220-app,
.flp-page{
  font-family:var(--fl-clean-font)!important;
  color:var(--fl-clean-text)!important;
  background:var(--fl-clean-bg)!important;
  font-size:14px!important;
  line-height:1.34!important;
  letter-spacing:0!important;
  font-stretch:normal!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.fl-v220-app button,
.fl-v220-app input,
.fl-v220-app textarea,
.fl-v220-app select,
.flp-page button,
.flp-page input,
.flp-page textarea,
.flp-page select{
  font-family:var(--fl-clean-font)!important;
  letter-spacing:0!important;
  font-stretch:normal!important;
}

.fl-v220-app strong,
.flp-page strong{
  letter-spacing:0!important;
}

/* =========================================================
   SRAUTAS
   ========================================================= */

/* ---------- Viršutinė juosta ---------- */
.fl-v220-app .fl-v220-topbar{
  background:#fff!important;
  border-bottom:1px solid var(--fl-clean-line)!important;
  box-shadow:0 1px 2px rgba(0,0,0,.08)!important;
  min-height:58px!important;
}

.fl-v220-app .fl-v220-topbar__inner{
  min-height:58px!important;
  max-width:1260px!important;
  margin:0 auto!important;
  padding:0 16px!important;
}

.fl-v220-app .fl-v220-logo{
  font-size:27px!important;
  font-weight:800!important;
  letter-spacing:-1.2px!important;
  color:#1f2937!important;
  text-shadow:none!important;
}
.fl-v220-app .fl-v220-logo b,
.fl-v220-app .fl-v220-logo i{
  color:var(--fl-clean-accent)!important;
}

.fl-v220-app .fl-v220-search{
  height:40px!important;
  min-height:40px!important;
  border:0!important;
  border-radius:20px!important;
  background:#f0f2f5!important;
  box-shadow:none!important;
}
.fl-v220-app .fl-v220-search input{
  font-size:14px!important;
  font-weight:400!important;
  color:var(--fl-clean-text)!important;
}
.fl-v220-app .fl-v220-search input::placeholder{
  color:#7b7f86!important;
  opacity:1!important;
}
.fl-v220-app .fl-v220-search svg{
  color:#65676b!important;
  stroke:#65676b!important;
}

.fl-v220-app .fl-v220-topnav a{
  min-height:56px!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#65676b!important;
  box-shadow:none!important;
  transition:background .12s ease,color .12s ease!important;
}
.fl-v220-app .fl-v220-topnav a:hover{
  background:#f2f2f2!important;
  color:#374151!important;
}
.fl-v220-app .fl-v220-topnav a.is-active,
.fl-v220-app .fl-v220-topnav a[aria-current="page"]{
  background:transparent!important;
  color:var(--fl-clean-accent)!important;
  border-bottom:3px solid var(--fl-clean-accent)!important;
  border-radius:0!important;
}
.fl-v220-app .fl-v220-topnav svg{
  width:24px!important;
  height:24px!important;
}

.fl-v220-app .fl-v220-nav-new,
.fl-v220-app .fl-v220-side-new,
.fl-v220-app .fl-v220-cta-new{
  background:var(--fl-clean-accent)!important;
  color:#fff!important;
  box-shadow:none!important;
  text-transform:uppercase!important;
  font-size:8px!important;
  letter-spacing:.04em!important;
}

.fl-v220-app .fl-v220-round-action{
  width:40px!important;
  height:40px!important;
  background:var(--fl-clean-soft)!important;
  color:#374151!important;
  border:0!important;
  box-shadow:none!important;
}
.fl-v220-app .fl-v220-round-action:hover{
  background:#d8dadf!important;
}

/* ---------- Pagrindinis layout ---------- */
.fl-v220-app .fl-v220-layout{
  width:min(1220px,calc(100% - 24px))!important;
  max-width:1220px!important;
  margin:0 auto!important;
  grid-template-columns:240px minmax(0,640px) 292px!important;
  gap:24px!important;
  padding-top:18px!important;
  align-items:start!important;
}

/* ---------- Kairysis meniu ---------- */
.fl-v220-app .fl-v220-profile-card{
  min-height:54px!important;
  padding:7px 8px!important;
  border-radius:8px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.fl-v220-app .fl-v220-profile-card:hover{
  background:#e7e9ec!important;
}
.fl-v220-app .fl-v220-profile-card__copy strong{
  font-size:14px!important;
  font-weight:650!important;
  color:var(--fl-clean-text)!important;
}
.fl-v220-app .fl-v220-profile-card__copy small{
  font-size:12px!important;
  color:var(--fl-clean-muted)!important;
}

.fl-v220-app .fl-v220-side-nav{
  gap:2px!important;
}
.fl-v220-app .fl-v220-side-nav>a{
  min-height:48px!important;
  padding:6px 8px!important;
  border-radius:8px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:var(--fl-clean-text)!important;
}
.fl-v220-app .fl-v220-side-nav>a:hover{
  background:#e7e9ec!important;
}
.fl-v220-app .fl-v220-side-nav>a.is-active{
  background:#e7e9ec!important;
}
.fl-v220-app .fl-v220-side-nav>a strong{
  font-size:14px!important;
  font-weight:600!important;
}

.fl-v220-app .fl-v220-side-icon,
.fl-v220-app .fl-v220-side-icon--purple,
.fl-v220-app .fl-v220-side-icon--pink,
.fl-v220-app .fl-v220-side-icon--blue,
.fl-v220-app .fl-v220-side-icon--violet,
.fl-v220-app .fl-v220-side-icon--gray{
  width:36px!important;
  height:36px!important;
  border-radius:50%!important;
  background:var(--fl-clean-soft)!important;
  color:#4b5563!important;
  box-shadow:none!important;
}
.fl-v220-app .fl-v220-side-nav>a.is-active .fl-v220-side-icon{
  background:var(--fl-clean-accent)!important;
  color:#fff!important;
}
.fl-v220-app .fl-v220-side-icon svg{
  width:19px!important;
  height:19px!important;
}
.fl-v220-app .fl-v220-count{
  min-width:24px!important;
  height:24px!important;
  background:#e4e6eb!important;
  color:#65676b!important;
  font-size:11px!important;
  box-shadow:none!important;
}

.fl-v220-app .fl-v220-discover-cta{
  margin-top:18px!important;
  padding:12px!important;
  border-radius:10px!important;
  background:#fff!important;
  border:1px solid var(--fl-clean-line)!important;
  box-shadow:none!important;
  color:var(--fl-clean-text)!important;
}
.fl-v220-app .fl-v220-discover-cta>span{
  background:var(--fl-clean-soft)!important;
  color:var(--fl-clean-accent)!important;
  box-shadow:none!important;
}
.fl-v220-app .fl-v220-discover-cta strong{
  font-size:14px!important;
}
.fl-v220-app .fl-v220-discover-cta small{
  color:var(--fl-clean-muted)!important;
  font-size:12px!important;
}
.fl-v220-app .fl-v220-left-footer{
  color:#8a8d91!important;
  font-size:11px!important;
  line-height:1.5!important;
}

/* ---------- Istorijos ---------- */
.fl-v220-app .fl-v220-stories{
  margin:0 0 16px!important;
}
.fl-v220-app .fl-v220-stories__head h2{
  font-size:17px!important;
  font-weight:700!important;
  color:var(--fl-clean-text)!important;
}
.fl-v220-app .fl-v220-stories__head small{
  font-size:12px!important;
  color:var(--fl-clean-muted)!important;
}
.fl-v220-app .fl-v220-story-card{
  border-radius:10px!important;
  box-shadow:var(--fl-clean-shadow)!important;
  border:1px solid rgba(0,0,0,.06)!important;
  overflow:hidden!important;
}
.fl-v220-app .fl-v220-story-card__name{
  font-size:12px!important;
  font-weight:650!important;
  text-shadow:0 1px 2px rgba(0,0,0,.55)!important;
}

/* ---------- „Apie ką galvoji?“ ---------- */
.fl-v220-app .fl-v220-composer,
.fl-v220-app .fl-post-launcher{
  background:#fff!important;
  border:1px solid var(--fl-clean-line)!important;
  border-radius:10px!important;
  box-shadow:var(--fl-clean-shadow)!important;
  padding:12px!important;
  margin-bottom:16px!important;
}
.fl-v220-app .fl-v220-composer__main{
  gap:10px!important;
}
.fl-v220-app .fl-v220-avatar--composer{
  width:40px!important;
  height:40px!important;
  flex:0 0 40px!important;
}
.fl-v220-app .fl-v220-composer textarea,
.fl-v220-app .fl-post-launcher textarea[data-post-open]{
  min-height:40px!important;
  height:40px!important;
  padding:9px 16px!important;
  border:0!important;
  border-radius:20px!important;
  background:#f0f2f5!important;
  color:var(--fl-clean-text)!important;
  font-size:16px!important;
  line-height:22px!important;
  font-weight:400!important;
  letter-spacing:0!important;
  box-shadow:none!important;
  resize:none!important;
}
.fl-v220-app .fl-v220-composer textarea::placeholder{
  color:#65676b!important;
  opacity:1!important;
  font-size:16px!important;
  font-weight:400!important;
  letter-spacing:0!important;
}
.fl-v220-app .fl-v220-composer__footer,
.fl-v220-app .fl-post-launcher-actions{
  margin-top:10px!important;
  padding-top:8px!important;
  border-top:1px solid var(--fl-clean-line)!important;
  gap:4px!important;
}
.fl-v220-app .fl-post-launch-action,
.fl-v220-app .fl-post-launch-action--media,
.fl-v220-app .fl-post-launch-action--people,
.fl-v220-app .fl-post-launch-action--feeling,
.fl-v220-app .fl-post-launch-action--location{
  min-height:38px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#65676b!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:600!important;
}
.fl-v220-app .fl-post-launch-action:hover{
  background:#f2f2f2!important;
}
.fl-v220-app .fl-post-launch-action svg,
.fl-v220-app .fl-post-launch-action--media svg,
.fl-v220-app .fl-post-launch-action--people svg,
.fl-v220-app .fl-post-launch-action--feeling svg,
.fl-v220-app .fl-post-launch-action--location svg{
  width:20px!important;
  height:20px!important;
  color:#65676b!important;
  stroke:#65676b!important;
  fill:none!important;
}

/* ---------- Įrašai ---------- */
.fl-v220-app .fl-v220-post{
  background:#fff!important;
  border:1px solid var(--fl-clean-line)!important;
  border-radius:10px!important;
  box-shadow:var(--fl-clean-shadow)!important;
  margin-bottom:16px!important;
  overflow:hidden!important;
}
.fl-v220-app .fl-v220-post__head{
  padding:12px 14px 8px!important;
}
.fl-v220-app .fl-v220-post__name{
  font-size:14px!important;
  font-weight:650!important;
  color:var(--fl-clean-text)!important;
}
.fl-v220-app .fl-v220-post__sub,
.fl-v220-app .fl-v220-post__meta,
.fl-v220-app .fl-v220-post__context{
  font-size:12px!important;
  color:var(--fl-clean-muted)!important;
}
.fl-v220-app .fl-v220-post__body{
  padding:4px 14px 12px!important;
  font-size:15px!important;
  line-height:1.45!important;
  color:var(--fl-clean-text)!important;
  font-weight:400!important;
  letter-spacing:0!important;
}
.fl-v220-app .fl-v220-post__stats{
  color:var(--fl-clean-muted)!important;
  font-size:12px!important;
  border-bottom:1px solid var(--fl-clean-line)!important;
}
.fl-v220-app .fl-v220-post__actions{
  border-top:0!important;
  padding:4px 8px!important;
}
.fl-v220-app .fl-v220-post__action{
  min-height:38px!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#65676b!important;
  font-size:13px!important;
  font-weight:600!important;
  box-shadow:none!important;
}
.fl-v220-app .fl-v220-post__action:hover{
  background:#f2f2f2!important;
}
.fl-v220-app .fl-v220-comment__bubble{
  background:#f0f2f5!important;
  border:0!important;
  border-radius:16px!important;
  box-shadow:none!important;
  color:var(--fl-clean-text)!important;
  font-size:13px!important;
  line-height:1.4!important;
}
.fl-v220-app .fl-v220-comment__name{
  font-size:12px!important;
  font-weight:650!important;
}

/* ---------- Dešinė pusė ---------- */
.fl-v220-app .fl-v220-side-card,
.fl-v220-app .fl-online-friends-card{
  background:#fff!important;
  border:1px solid var(--fl-clean-line)!important;
  border-radius:10px!important;
  box-shadow:var(--fl-clean-shadow)!important;
  padding:14px!important;
  margin-bottom:14px!important;
}
.fl-v220-app .fl-v220-side-card header h2,
.fl-v220-app .fl-online-friends-head h2{
  font-size:15px!important;
  line-height:1.3!important;
  font-weight:700!important;
  color:var(--fl-clean-text)!important;
}
.fl-v220-app .fl-v220-side-card header a,
.fl-v220-app .fl-v220-side-card header button{
  color:var(--fl-clean-accent)!important;
  font-size:12px!important;
  font-weight:600!important;
}
.fl-v220-app .fl-v220-people-list,
.fl-v220-app .fl-online-friends-list{
  color:var(--fl-clean-muted)!important;
  font-size:12px!important;
}
.fl-v220-app .fl-v220-side-empty,
.fl-v220-app .fl-online-friends-loading{
  color:#8a8d91!important;
  font-size:12px!important;
  line-height:1.45!important;
}

/* =========================================================
   PROFILIS
   ========================================================= */

.flp-page .flp-topbar{
  background:#fff!important;
  border-bottom:1px solid var(--fl-clean-line)!important;
  box-shadow:0 1px 2px rgba(0,0,0,.08)!important;
  min-height:58px!important;
}
.flp-page .flp-topbar__inner{
  min-height:58px!important;
  max-width:1260px!important;
  margin:0 auto!important;
  padding:0 16px!important;
}
.flp-page .flp-logo{
  color:#1f2937!important;
  font-size:27px!important;
  font-weight:800!important;
  letter-spacing:-1.2px!important;
  text-shadow:none!important;
}
.flp-page .flp-logo b,
.flp-page .flp-logo i{
  color:var(--fl-clean-accent)!important;
}
.flp-page .flp-search{
  min-height:40px!important;
  border:0!important;
  border-radius:20px!important;
  background:#f0f2f5!important;
  box-shadow:none!important;
}
.flp-page .flp-search input{
  font-size:14px!important;
  font-weight:400!important;
  color:var(--fl-clean-text)!important;
}
.flp-page .flp-nav a{
  min-height:56px!important;
  background:transparent!important;
  color:#65676b!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
.flp-page .flp-nav a:hover{
  background:#f2f2f2!important;
}
.flp-page .flp-nav a.is-active{
  color:var(--fl-clean-accent)!important;
  background:transparent!important;
  border-bottom:3px solid var(--fl-clean-accent)!important;
  border-radius:0!important;
}
.flp-page .flp-round{
  width:40px!important;
  height:40px!important;
  background:var(--fl-clean-soft)!important;
  color:#374151!important;
  box-shadow:none!important;
  border:0!important;
}

.flp-page .flp-shell{
  max-width:1100px!important;
}
.flp-page .flp-cover{
  border-radius:10px 10px 0 0!important;
  box-shadow:none!important;
}
.flp-page .flp-cover__brand strong{
  font-size:28px!important;
  letter-spacing:-1px!important;
}
.flp-page .flp-cover__brand span{
  font-size:12px!important;
  letter-spacing:0!important;
}
.flp-page .flp-identity{
  background:#fff!important;
  border-bottom:1px solid var(--fl-clean-line)!important;
}
.flp-page .flp-person h1{
  font-size:28px!important;
  line-height:1.12!important;
  letter-spacing:-.4px!important;
  font-weight:750!important;
  color:var(--fl-clean-text)!important;
}
.flp-page .flp-person__meta,
.flp-page .flp-person__bio,
.flp-page .flp-counts{
  color:var(--fl-clean-muted)!important;
  font-size:13px!important;
  line-height:1.45!important;
}
.flp-page .flp-counts strong{
  color:var(--fl-clean-text)!important;
}

.flp-page .flp-action,
.flp-page .flp-action--primary,
.flp-page .flp-action--interest,
.flp-page .flp-action--gift,
.flp-page .flp-action--url{
  min-height:38px!important;
  padding:0 14px!important;
  border-radius:7px!important;
  border:0!important;
  background:var(--fl-clean-soft)!important;
  color:var(--fl-clean-text)!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:600!important;
}
.flp-page .flp-action:hover{
  background:#d8dadf!important;
}
.flp-page .flp-action--primary{
  background:var(--fl-clean-accent)!important;
  color:#fff!important;
}
.flp-page .flp-action--primary:hover{
  background:#6d28d9!important;
}
.flp-page .flp-action--interest,
.flp-page .flp-action--gift{
  background:var(--fl-clean-soft)!important;
  color:var(--fl-clean-text)!important;
}
.flp-page .flp-action svg{
  color:inherit!important;
  stroke:currentColor!important;
}

.flp-page .flp-tabs{
  background:#fff!important;
  border-top:0!important;
  border-bottom:1px solid var(--fl-clean-line)!important;
  box-shadow:none!important;
}
.flp-page .flp-tabs button{
  min-height:48px!important;
  color:#65676b!important;
  font-size:14px!important;
  font-weight:600!important;
  border-radius:6px!important;
}
.flp-page .flp-tabs button:hover{
  background:#f2f2f2!important;
}
.flp-page .flp-tabs button.is-active{
  color:var(--fl-clean-accent)!important;
  background:transparent!important;
  border-bottom:3px solid var(--fl-clean-accent)!important;
  border-radius:0!important;
}

.flp-page .flp-content{
  padding-top:16px!important;
}
.flp-page .flp-card,
.flp-page .flp-post,
.flp-page .flp-about-section,
.flp-page .flp-friends-preview,
.flp-page .flp-photos-preview{
  background:#fff!important;
  border:1px solid var(--fl-clean-line)!important;
  border-radius:10px!important;
  box-shadow:var(--fl-clean-shadow)!important;
}
.flp-page .flp-card__head h2,
.flp-page .flp-about-section h2{
  font-size:17px!important;
  font-weight:700!important;
  color:var(--fl-clean-text)!important;
  letter-spacing:0!important;
}
.flp-page .flp-intro,
.flp-page .flp-about-row,
.flp-page .flp-about-text{
  font-size:13px!important;
  line-height:1.5!important;
  color:var(--fl-clean-muted)!important;
}
.flp-page .flp-post__body{
  font-size:15px!important;
  line-height:1.45!important;
  color:var(--fl-clean-text)!important;
  font-weight:400!important;
  letter-spacing:0!important;
}
.flp-page .flp-post__meta,
.flp-page .flp-post__stats{
  color:var(--fl-clean-muted)!important;
  font-size:12px!important;
}
.flp-page .flp-post__actions button{
  color:#65676b!important;
  background:transparent!important;
  font-size:13px!important;
  font-weight:600!important;
  border-radius:6px!important;
  box-shadow:none!important;
}
.flp-page .flp-post__actions button:hover{
  background:#f2f2f2!important;
}

/* ---------- Paskyros išskleidžiamas meniu ---------- */
.flp-page .fl-account-trigger,
.fl-v220-app .fl-account-trigger{
  background:#f0f2f5!important;
  border:0!important;
  box-shadow:none!important;
}
.flp-page .fl-account-menu,
.fl-v220-app .fl-account-menu{
  border:1px solid var(--fl-clean-line)!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(0,0,0,.14)!important;
}
.flp-page .fl-account-menu nav a,
.fl-v220-app .fl-account-menu nav a{
  border-radius:7px!important;
  color:var(--fl-clean-text)!important;
  font-size:14px!important;
}
.flp-page .fl-account-menu nav a:hover,
.fl-v220-app .fl-account-menu nav a:hover{
  background:#f2f2f2!important;
}
.flp-page .fl-account-menu__icon,
.fl-v220-app .fl-account-menu__icon{
  background:var(--fl-clean-soft)!important;
  color:#4b5563!important;
  box-shadow:none!important;
}

/* ---------- Messenger tik tipografija, funkcinių matmenų neliečiame ---------- */
.fl-v220-app .fl-msg-panel,
.flp-page .fl-msg-panel{
  font-family:var(--fl-clean-font)!important;
  color:var(--fl-clean-text)!important;
}
.fl-v220-app .fl-msg-panel h2,
.flp-page .fl-msg-panel h2{
  letter-spacing:0!important;
  font-weight:700!important;
}

/* ---------- Responsive ---------- */
@media(max-width:1180px){
  .fl-v220-app .fl-v220-layout{
    grid-template-columns:220px minmax(0,620px) 270px!important;
    gap:16px!important;
  }
}

@media(max-width:1020px){
  .fl-v220-app .fl-v220-layout{
    grid-template-columns:220px minmax(0,1fr)!important;
    max-width:900px!important;
  }
  .fl-v220-app .fl-v220-rightbar{
    display:none!important;
  }
}

@media(max-width:760px){
  .fl-v220-app .fl-v220-layout{
    display:block!important;
    width:100%!important;
    padding:10px!important;
  }
  .fl-v220-app .fl-v220-leftbar{
    display:none!important;
  }
  .fl-v220-app .fl-v220-main{
    width:100%!important;
    max-width:680px!important;
    margin:0 auto!important;
  }
  .fl-v220-app .fl-v220-topbar__inner,
  .flp-page .flp-topbar__inner{
    padding:0 8px!important;
  }
  .fl-v220-app .fl-post-launch-action{
    font-size:12px!important;
  }
  .flp-page .flp-person h1{
    font-size:24px!important;
  }
}