/* =========================================================
   NINZY CORE — extras5.css  (batch 11, alat Premium 147–166)
   Memakai variabel tema yang sama (--ink-2, --line-soft, --seal, --paper, …)
   ========================================================= */

/* ---- halaman #/tools: pencarian + tab ---- */
.cx5-tsearch{width:100%; margin:0 0 10px;}
.cx5-tabs{display:flex; gap:6px; overflow-x:auto; padding-bottom:6px; margin-bottom:10px; scrollbar-width:none;}
.cx5-tabs::-webkit-scrollbar{display:none;}
.cx5-tab{flex:0 0 auto; padding:7px 13px; border-radius:999px; border:1px solid var(--line-soft); background:rgba(255,255,255,.04); color:var(--paper-dim); font-size:12.5px; font-weight:600; cursor:pointer; white-space:nowrap;}
.cx5-tab.on{background:var(--grad,var(--seal)); color:#fff; border-color:transparent;}
.cx4-tool{position:relative;}
.cx5-new{position:absolute; top:8px; right:8px; font-style:normal; font-size:9px; font-weight:800; letter-spacing:.5px; padding:2px 6px; border-radius:999px; background:var(--grad,var(--seal)); color:#fff;}

/* ---- kartu "Alat judul" di detail & kartu beranda ---- */
.cx5-btns{display:grid; grid-template-columns:1fr 1fr; gap:8px;}
.cx5-btns .btn{width:100%; justify-content:center; text-align:center; white-space:normal; line-height:1.3;}
.cx5-home__row{display:flex; align-items:center; gap:10px; padding:8px 2px; border-top:1px solid var(--line-soft); text-decoration:none; color:inherit;}
.cx5-home__row:first-of-type{border-top:0;}
.cx5-home__row b{flex:1; font-size:13.5px; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cx5-home__row small{color:var(--paper-dim); font-size:11.5px; max-width:42%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* ---- chip pilihan (hari, mood) ---- */
.cx5-chips{display:flex; flex-wrap:wrap; gap:8px; margin:8px 0;}
.cx5-chip{min-width:48px; padding:9px 12px; border-radius:12px; border:1px solid var(--line-soft); background:rgba(255,255,255,.04); color:var(--paper); font-size:14px; cursor:pointer;}
.cx5-chip.on{background:var(--grad,var(--seal)); border-color:transparent; color:#fff;}

/* ---- daftar umum di modal ---- */
.cx5-list>div{display:flex; justify-content:space-between; align-items:baseline; gap:10px; padding:7px 0; border-top:1px solid var(--line-soft); font-size:13.5px;}
.cx5-list>div:first-child{border-top:0;}
.cx5-list a{font-weight:600; min-width:0;}
.cx5-list small, .cx5-rrow small, .cx5-quote small, .cx5-day small{color:var(--paper-dim); font-size:11.5px;}
.cx5-rrow{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 0; border-top:1px solid var(--line-soft);}
.cx5-rrow>div{display:flex; flex-direction:column; gap:2px; min-width:0;}
.cx5-rrow.is-due b, .cx5-rrow.is-due a{color:var(--brass);}
.cx5-rrow button, .cx5-day__it button, .cx5-quote button{flex:0 0 auto; width:34px; height:34px; border-radius:10px; border:1px solid var(--line-soft); background:rgba(255,255,255,.05); color:var(--paper); cursor:pointer;}

/* ---- jadwal mingguan ---- */
.cx5-day{padding:9px 10px; border-radius:12px; background:rgba(255,255,255,.04); margin-bottom:8px;}
.cx5-day.is-today{outline:1px solid var(--seal);}
.cx5-day>b{display:block; font-size:13px; margin-bottom:4px;}
.cx5-day__it{display:flex; align-items:center; justify-content:space-between; gap:8px; padding:3px 0; font-size:13px;}

/* ---- kutipan & jurnal ---- */
.cx5-quote{position:relative; padding:10px 44px 10px 12px; margin:8px 0; border-left:3px solid var(--seal); border-radius:0 10px 10px 0; background:rgba(255,255,255,.04);}
.cx5-quote p{margin:0 0 4px; font-size:13.5px; line-height:1.5; font-style:italic;}
.cx5-quote button{position:absolute; top:8px; right:8px;}
.cx5-add{margin:8px 0;}
.cx5-add summary{cursor:pointer; font-size:13px; color:var(--brass);}
.cx5-jrow{padding:9px 0; border-top:1px solid var(--line-soft); cursor:pointer;}
.cx5-jrow b{font-size:13px;}
.cx5-jrow p{margin:3px 0 0; font-size:13px; color:var(--paper-dim); white-space:pre-line; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}

/* ---- awan tag ---- */
.cx5-cloud{display:flex; flex-wrap:wrap; gap:6px 8px; align-items:center; justify-content:center; padding:10px 0;}
.cx5-tagc{border:1px solid var(--line-soft); background:rgba(255,255,255,.05); color:var(--paper); border-radius:999px; padding:4px 11px; cursor:pointer; line-height:1.3;}
.cx5-tagc sup{font-size:.62em; margin-left:3px; color:var(--brass);}
.cx5-tagc:active{transform:scale(.96);}

/* ---- rasio tamat vs drop ---- */
.cx5-stk{margin:10px 0;}
.cx5-stk__h{display:flex; justify-content:space-between; font-size:13px; margin-bottom:4px;}
.cx5-stk__bar{display:flex; height:10px; border-radius:999px; overflow:hidden; background:rgba(255,255,255,.08);}
.cx5-stk__bar i{display:block; height:100%; background:rgba(255,255,255,.22);}
.cx5-stk__bar i.ok{background:#43c59e;}
.cx5-stk__bar i.bad{background:#ff6b81;}
.cx5-stk small{display:block; margin-top:3px; font-size:11.5px; color:var(--paper-dim);}

/* ---- wrapped: label bulan ---- */
.cx5-mlab{display:flex; gap:2px; margin-bottom:6px;}
.cx5-mlab span{flex:1; text-align:center; font-size:10px; color:var(--paper-dim);}

/* ---- kalender baca ---- */
.cx5-calnav{display:flex; align-items:center; justify-content:space-between; margin:6px 0 10px;}
.cx5-calnav .btn{min-width:42px;}
.cx5-cal{display:grid; grid-template-columns:repeat(7,1fr); gap:5px;}
.cx5-cal em{font-style:normal; text-align:center; font-size:10.5px; color:var(--paper-dim); padding-bottom:2px;}
.cx5-cal__d{position:relative; aspect-ratio:1/1; border-radius:10px; border:1px solid var(--line-soft); background:rgba(255,255,255,.03); color:var(--paper); font-size:12.5px; cursor:pointer; padding:0;}
.cx5-cal__d sup{position:absolute; right:4px; top:2px; font-size:9px; color:var(--brass); font-weight:700;}
.cx5-cal__d.l1{background:rgba(139,123,255,.20);}
.cx5-cal__d.l2{background:rgba(139,123,255,.38);}
.cx5-cal__d.l3{background:rgba(139,123,255,.58);}
.cx5-cal__d.l4{background:rgba(139,123,255,.82); color:#fff;}
.cx5-cal__d.is-today{outline:2px solid var(--seal);}

/* ---- kartu rapor ---- */
.cx5-cardwrap{display:flex; justify-content:center; margin:4px 0 6px;}
.cx5-cardwrap img{max-width:100%; max-height:46vh; border-radius:14px; border:1px solid var(--line-soft);}

/* ---- bandingkan judul ---- */
.cx5-cmp{width:100%; border-collapse:collapse; margin-top:10px; font-size:12.5px;}
.cx5-cmp th, .cx5-cmp td{padding:7px 6px; border-top:1px solid var(--line-soft); text-align:left; vertical-align:top; word-break:break-word;}
.cx5-cmp thead th{border-top:0; font-size:12px; color:var(--brass);}
.cx5-cmp tbody th{color:var(--paper-dim); font-weight:600; width:26%;}

/* ---- koleksi pintar ---- */
.cx5-form{display:grid; grid-template-columns:1fr 1fr; gap:8px;}
.cx5-form .filter-select{width:100%;}
.cx5-save{display:flex; gap:8px; margin:10px 0;}
.cx5-save .filter-select{flex:1;}

/* ---- tantangan ---- */
.cx5-prog{height:12px; border-radius:999px; background:rgba(255,255,255,.08); overflow:hidden; margin:6px 0 10px;}
.cx5-prog i{display:block; height:100%; border-radius:999px; background:var(--grad,var(--seal));}

/* ---- [165] samarkan sampul: tahan untuk mengintip ---- */
body.cx5-blur1 .card__cover, body.cx5-blur1 .detail__cover img{filter:blur(7px) !important; transition:filter .18s;}
body.cx5-blur2 .card__cover, body.cx5-blur2 .detail__cover img{filter:blur(16px) !important; transition:filter .18s;}
body[class*="cx5-blur"] .card:active .card__cover, body[class*="cx5-blur"] .detail__cover:active img{filter:none !important;}
@media (hover:hover){
  body[class*="cx5-blur"] .card:hover .card__cover, body[class*="cx5-blur"] .detail__cover:hover img{filter:none !important;}
}

/* ---- [166] anti-spoiler sinopsis ---- */
.cx5-spoil{filter:blur(7px); cursor:pointer; user-select:none; -webkit-user-select:none;}
.cx5-spoilhint{margin:14px 0 -4px; font-size:12.5px; color:var(--brass); cursor:pointer;}

@media (max-width:380px){
  .cx5-btns{grid-template-columns:1fr;}
  .cx5-form{grid-template-columns:1fr;}
}