/* Kelivo-like World Book UI (Axis / Cove sheet) */
#cove-worldbook.cove-sheet{
  background: var(--solid-card, #f7f5f9);
  padding: max(12px, env(safe-area-inset-top)) 0 calc(18px + env(safe-area-inset-bottom));
}
#cove-worldbook .cove-sheet-head{ display:none !important; }

.wbk-root{ max-width: 560px; margin: 0 auto; padding: 0 14px 24px; }
.wbk-top{
  display:flex; align-items:center; gap:8px;
  height:52px; margin-bottom:8px; padding:0 2px;
}
.wbk-top h2{
  flex:1; margin:0; text-align:center;
  font: 600 17px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text, #2d2636);
}
.wbk-iconbtn{
  width:40px; height:40px; border:0; border-radius:12px;
  background:transparent; color: var(--text, #2d2636);
  font-size:20px; line-height:1; cursor:pointer;
  display:grid; place-items:center;
}
.wbk-iconbtn:active{ background: rgba(0,0,0,.05); }
.wbk-iconbtn.danger{ color:#c44; }

.wbk-empty{
  text-align:center; padding:64px 16px 40px;
  color: var(--text-dim, #8a7a9a);
}
.wbk-empty .wbk-empty-ico{ font-size:48px; opacity:.35; margin-bottom:12px; }
.wbk-empty p{ margin:0; font-size:14px; }

.wbk-book{ margin-bottom:14px; }
.wbk-book-head{
  display:flex; align-items:center; gap:4px;
  padding:4px 2px 8px;
}
.wbk-book-toggle{
  flex:1; min-width:0; border:0; background:transparent; text-align:left;
  display:flex; align-items:center; gap:6px; padding:4px 6px;
  border-radius:10px; cursor:pointer; color:inherit;
}
.wbk-book-toggle:active{ background:rgba(0,0,0,.04); }
.wbk-chev{
  display:inline-block; width:16px; text-align:center;
  color: rgba(45,38,54,.55); font-size:12px;
  transition: transform .22s ease;
}
.wbk-book.open .wbk-chev{ transform: rotate(90deg); }
.wbk-book-title{
  font-size:16px; font-weight:650; color: var(--text,#2d2636);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.wbk-book-sub{
  font-size:12.5px; color: rgba(45,38,54,.55);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  margin-top:2px;
}
.wbk-count{
  font-size:12px; color: rgba(45,38,54,.55); padding:0 4px; flex:0 0 auto;
}
.wbk-pill{
  display:inline-block; margin-left:8px; padding:1px 7px;
  border-radius:999px; font-size:10px; font-weight:600;
  background: rgba(196,68,68,.12); color:#c44; vertical-align:middle;
}

.wbk-card{
  background: var(--solid-bar, #fff);
  border: 1px solid rgba(0,0,0,.05);
  border-radius: 14px;
  overflow:hidden;
  box-shadow: 0 1px 0 rgba(255,255,255,.6) inset;
}
.wbk-book:not(.open) .wbk-card{ display:none; }

.wbk-row{
  display:flex; align-items:center; gap:10px;
  width:100%; padding:12px 14px; border:0; background:transparent;
  text-align:left; cursor:pointer; color:inherit;
  box-sizing:border-box;
}
.wbk-row + .wbk-row{ border-top: 1px solid rgba(0,0,0,.06); }
.wbk-row:active{ background:rgba(0,0,0,.035); }
.wbk-row.off{ opacity:.55; }
.wbk-row-main{ flex:1; min-width:0; }
.wbk-row-title{
  display:flex; align-items:center; gap:8px; min-width:0;
}
.wbk-row-title b{
  font-size:15px; font-weight:600; color: var(--text,#2d2636);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.wbk-row-meta{
  margin-top:3px; font-size:12px; color: rgba(45,38,54,.5);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.wbk-hint{
  padding:14px; font-size:13px; color: rgba(45,38,54,.5); text-align:center;
}

.wbk-badge{
  flex:0 1 auto; max-width:46%;
  padding:3px 7px; border-radius:6px;
  font-size:11px; font-weight:600; white-space:nowrap;
  overflow:hidden; text-overflow:ellipsis;
}
.wbk-badge.pos-BEFORE_SYSTEM_PROMPT{ color:#7052C2; background:rgba(112,82,194,.12); }
.wbk-badge.pos-AFTER_SYSTEM_PROMPT{ color:#2864BA; background:rgba(40,100,186,.12); }
.wbk-badge.pos-TOP_OF_CHAT{ color:#227C69; background:rgba(34,124,105,.12); }
.wbk-badge.pos-BOTTOM_OF_CHAT{ color:#9A5B13; background:rgba(154,91,19,.12); }
.wbk-badge.pos-AT_DEPTH{ color:#B33A65; background:rgba(179,58,101,.12); }

.wbk-overlay{
  position:fixed; inset:0; z-index:10040;
  background: rgba(20,16,28,.28);
  display:none; align-items:flex-end; justify-content:center;
}
.wbk-overlay.open{ display:flex; }
.wbk-sheet{
  display:flex; flex-direction:column;
  width:min(560px,100%);
  max-height: min(92dvh, 92vh);
  overflow:hidden;
  background: var(--solid-card,#f7f5f9);
  border-radius:16px 16px 0 0;
  padding:10px 16px 0;
  box-shadow: 0 -12px 40px rgba(0,0,0,.18);
}
.wbk-sheet-body{
  flex:1; min-height:0; overflow:auto;
  -webkit-overflow-scrolling:touch;
  padding-bottom:8px;
}
.wbk-grab{
  width:40px; height:4px; margin:2px auto 12px;
  border-radius:999px; background: rgba(0,0,0,.18);
}
.wbk-sheet-title{
  margin:0 0 14px; text-align:center;
  font:600 16px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.wbk-form-card{
  background: var(--solid-bar,#fff);
  border-radius:14px; padding:4px 0;
  border:1px solid rgba(0,0,0,.05);
  margin-bottom:12px;
}
.wbk-field{
  padding:10px 14px;
}
.wbk-field + .wbk-field{ border-top:1px solid rgba(0,0,0,.06); }
.wbk-label{
  display:block; font-size:12px; color:rgba(45,38,54,.55); margin-bottom:6px;
}
.wbk-field input[type=text],
.wbk-field input[type=number],
.wbk-field textarea,
.wbk-field select{
  width:100%; box-sizing:border-box;
  border:0; background:transparent; outline:none;
  font:400 15px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color: var(--text,#2d2636); padding:0;
  resize:vertical;
}
.wbk-field textarea{ min-height:96px; }
.wbk-hintline{
  padding:0 14px 10px; font-size:12px; line-height:1.35;
  color: rgba(45,38,54,.55);
}
.wbk-switchrow{
  display:flex; align-items:center; justify-content:space-between;
  gap:12px; padding:12px 14px;
}
.wbk-switchrow + .wbk-switchrow{ border-top:1px solid rgba(0,0,0,.06); }
.wbk-switchrow span{ font-size:15px; }
.wbk-actions{
  display:flex; gap:10px; flex:0 0 auto;
  margin:0 -16px 0; padding:10px 16px calc(12px + env(safe-area-inset-bottom));
  background: var(--solid-card,#f7f5f9);
  border-top:1px solid rgba(0,0,0,.06);
}
.wbk-actions button{
  flex:1; border:0; border-radius:12px; padding:12px;
  font-size:15px; font-weight:600; cursor:pointer;
}
.wbk-btn-cancel{ background: rgba(0,0,0,.06); color: var(--text,#2d2636); }
.wbk-btn-save{ background: var(--accent,#9b7fc8); color:#fff; }
.wbk-btn-danger{
  width:100%; border:0; border-radius:12px; padding:12px; margin-top:8px;
  background:#fff; color:#c44; font-size:15px; font-weight:600;
  border:1px solid rgba(0,0,0,.05); cursor:pointer;
}

.wbk-action-sheet .wbk-form-card{ padding:0; }
.wbk-action{
  display:flex; align-items:center; gap:10px;
  width:100%; padding:13px 14px; border:0; background:transparent;
  text-align:left; font-size:15px; font-weight:600; cursor:pointer; color:inherit;
}
.wbk-action + .wbk-action{ border-top:1px solid rgba(0,0,0,.06); }
.wbk-action.danger{ color:#c44; }

.wbk-sheet-top{
  flex:0 0 auto;
  padding:0 0 8px;
}
.wbk-actions-top{
  margin:0 !important;
  padding:0 0 8px !important;
  border-top:0 !important;
  background:transparent !important;
}
.wbk-sheet{
  padding-bottom: calc(12px + env(safe-area-inset-bottom));
}