/* BUKLIO layout v2 · structural polish for the working application */

/* Shared top actions and page controls */
.section-head>.actions{align-items:center}
#addBtn,#addNoteBtn{background:linear-gradient(135deg,#0F3D2E,#176247)!important;border-color:#0F3D2E!important;color:#fff!important}
#deleteModeBtn{background:transparent!important;border-color:color-mix(in srgb,var(--line) 85%,transparent)!important;color:var(--muted)!important}

/* Reference-like stats */
.network-counts,.note-stats{gap:10px!important}
.network-count,.note-stats .stat{
  min-height:86px;
  padding:14px 16px!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  background:color-mix(in srgb,var(--panel) 88%,transparent)!important;
  box-shadow:none!important;
}
.network-count b,.note-stats .stat b{
  display:block!important;
  margin:0 0 4px!important;
  color:var(--text)!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:34px!important;
  font-weight:700!important;
  line-height:1!important;
}
.network-count span,.note-stats .stat span{
  color:var(--text)!important;
  font-size:12px!important;
  font-weight:500!important;
  text-transform:none!important;
  letter-spacing:0!important;
}

/* Biblioteca: card density closer to approved 3-column mobile composition. */
html[data-theme="light"] .grid{gap:10px!important}
html[data-theme="light"] .book-info{padding:9px!important}
html[data-theme="light"] .book-title{font-family:Poppins,sans-serif!important;font-size:13px!important;font-weight:650!important;line-height:1.2!important}
html[data-theme="light"] .author{font-size:10.5px!important;margin-top:4px!important}
html[data-theme="light"] .book-foot{margin-top:7px!important}
html[data-theme="light"] .book .pill{padding:4px 6px!important;font-size:9px!important;background:#E4ECE3!important;border:0!important;color:#234638!important}
html[data-theme="light"] .book{border-radius:15px!important}
html[data-theme="light"] .cover{border-radius:10px!important;border-bottom:0!important}

/* Toolbar spacing follows the reference hierarchy. */
.toolbar{gap:11px!important;margin-bottom:13px!important}
.search input,.select{min-height:53px!important;border-radius:17px!important}
.filters{gap:10px!important}
.meta{font-size:12px!important;margin:11px 0 13px!important;color:var(--text)!important}
#librarySyncStatus,#noteSyncStatus{color:#286749!important}
#librarySyncStatus::before,#noteSyncStatus::before{content:'●';color:#78B978;font-size:10px;margin-right:6px}

/* Universo */
[data-view="red"] .network-counts{margin-top:4px!important;margin-bottom:13px!important}
[data-view="red"] .universe-search{min-height:54px!important;border-radius:18px!important}
[data-view="red"] .network-filter-btn,[data-view="red"] .network-control-btn{border-radius:15px!important}
[data-view="red"] .universe-companion,[data-view="red"] .crow-ai{margin-top:14px!important}

/* Apuntes */
[data-view="diario"] .note-stats{margin:3px 0 15px!important}
html[data-theme="light"] .note-card{padding:16px 17px!important}
html[data-theme="light"] .note-kind{color:#0F3D2E!important;letter-spacing:.17em!important}
html[data-theme="light"] .note-book{color:#0B3B2D!important;font-size:24px!important}
html[data-theme="light"] .note-text,html[data-theme="light"] .quote-text{color:#343D39!important}
html[data-theme="light"] .tag{border-color:#8DAA9D!important;color:#284C3D!important;background:#F9FBF7!important}

/* Comunidad: four visible subareas are the central hub. */
[data-view="comunidad"] .community-subnav{margin:4px 0 14px!important}
[data-view="comunidad"] .community-subnav-btn{min-height:45px!important;padding:8px 12px!important}
[data-view="comunidad"] .community-subnav-btn b{font-size:11px!important}
[data-view="comunidad"] .community-subnav-btn span{display:inline-grid;place-items:center}

/* Ajustes */
[data-view="perfil"] .profile-section,[data-view="perfil"] .account-card,[data-view="perfil"] .security-card,[data-view="perfil"] .plan-card{margin-top:12px!important}
[data-view="perfil"] h3,[data-view="perfil"] h4{color:var(--text)}

@media(max-width:620px){
  /* Compact header action buttons like the approved phone references. */
  .buklio-page-hero>.section-head>.actions{gap:6px!important}
  #addBtn,#addNoteBtn{width:50px!important;height:50px!important;min-height:50px!important;padding:0!important;border-radius:14px!important;font-size:0!important;flex:0 0 50px!important}
  #addBtn::before,#addNoteBtn::before{content:'+';font:300 36px/1 Poppins,sans-serif;color:#fff}
  #deleteModeBtn{width:38px!important;min-height:38px!important;padding:0!important;border:0!important;font-size:0!important}
  #deleteModeBtn::before{content:'⋯';font:600 24px/1 Poppins,sans-serif;color:var(--muted)}

  .network-count,.note-stats .stat{min-height:78px;padding:12px 13px!important;border-radius:16px!important}
  .network-count b,.note-stats .stat b{font-size:30px!important}
  .network-count span,.note-stats .stat span{font-size:11px!important}

  .library-viewbar{margin-top:0!important}
  .library-view-switch{width:100%!important;grid-template-columns:repeat(3,1fr)!important}
  .library-view-btn{min-height:42px!important;font-size:9px!important;padding:6px 3px!important}

  html[data-theme="light"] .book-info{padding:7px 6px 8px!important}
  html[data-theme="light"] .book-title{font-size:11px!important}
  html[data-theme="light"] .author{font-size:9px!important}
  html[data-theme="light"] .book-foot{gap:3px!important;margin-top:5px!important}
  html[data-theme="light"] .rating{font-size:9px!important}
  html[data-theme="light"] .book .pill{font-size:8px!important;padding:3px 5px!important}

  .community-subnav{overflow-x:hidden!important;grid-template-columns:repeat(4,1fr)!important}
  .community-subnav-btn{min-width:0!important;padding:7px 3px!important;gap:3px!important}
  .community-subnav-btn b{font-size:9px!important}
}

@media(min-width:380px) and (max-width:700px){
  [data-library-layout="grid"] .grid,.grid:not(.discover-grid){grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media(min-width:701px){
  [data-view="biblioteca"] .grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))!important}
  [data-view="biblioteca"] .book-title{font-size:14px!important}
  [data-view="biblioteca"] .author{font-size:11px!important}
}