/* KodaDash Frontend Styles */

.kdash-frontend{display:flex;flex-direction:column;gap:12px;line-height:1.3;}
.kdash-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:0;
  padding:0;
  align-items:stretch;
}

.kdash-card{
  border:1px solid #e5e7eb;
  border-radius:12px;
  background:#fff;
  padding:10px;
  box-sizing:border-box;
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  min-height:100%;
}

.kdash-title{margin:0 0 6px;font-size:20px;font-weight:700;}
.kdash-value{font-size:34px;font-weight:800;line-height:1;}

.kdash-w-12{flex:0 0 100%;}
.kdash-w-6{flex:0 0 calc(50% - 6px);}
.kdash-w-4{flex:0 0 calc(33.333% - 8px);}
.kdash-w-3{flex:0 0 calc(25% - 9px);}
.kdash-w-2{flex:0 0 calc(16.666% - 10px);}
.kdash-w-5th{flex:0 0 calc(20% - 9.6px);}
.kdash-w-auto{flex:1 1 0; min-width: 160px;}

@media (max-width:900px){
  .kdash-w-6,
  .kdash-w-4,
  .kdash-w-3,
  .kdash-w-2,
  .kdash-w-5th,
  .kdash-w-auto{flex:0 0 100%;}
}


/* ── Detail board back button ──────────────────────── */
.kdash-detail-back { margin-bottom:12px; }
.kdash-back-btn { display:inline-flex;align-items:center;gap:4px;font-size:13px;text-decoration:none;color:#2271b1; }
.kdash-back-btn:hover { text-decoration:underline; }
.kdash-back-btn .dashicons { font-size:16px;width:16px;height:16px;margin-top:1px; }
/* Detail Board previous / next */
.kdash-detail-nav { display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px; }
.kdash-detail-nav--bottom { margin:14px 0 0; }
.kdash-detail-nav__btn { display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:42%;padding:6px 12px;border:1px solid #dcdcde;border-radius:6px;background:#fff;color:#2271b1;font-size:13px;line-height:1.3;text-decoration:none; }
.kdash-detail-nav__btn:hover { border-color:currentColor; }
.kdash-detail-nav__btn:focus-visible { outline:2px solid currentColor;outline-offset:2px; }
.kdash-detail-nav__btn.is-disabled { color:#a7aaad;cursor:default; }
.kdash-detail-nav__btn.is-disabled:hover { border-color:#dcdcde; }
.kdash-detail-nav__next { text-align:right; }
.kdash-detail-nav__text { display:flex;flex-direction:column;min-width:0; }
.kdash-detail-nav__label { font-weight:600; }
.kdash-detail-nav__preview { color:#646970;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.kdash-detail-nav__btn .dashicons { flex:none;font-size:16px;width:16px;height:16px; }
.kdash-detail-nav__count { flex:none;margin:0 auto;color:#646970;font-size:12px;white-space:nowrap; }
/* List table (DataTables-ish) */
.kdash-list-wrap{width:100%;}
.kdash-list-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  border:1px solid #e5e7eb;
  border-radius:12px;
  overflow:hidden;
  background:#fff;
}
.kdash-list-table thead th{
  /* Show headers as typed; many themes uppercase every <th>. Text case can be set in the Style tab. */
  text-transform:none;
  letter-spacing:normal;
  background: var(--kdash-list-head-bg, #f8fafc);
  color:#1d2327;
  font-weight:700;
  font-size:16px;
  text-align:left;
  padding:8px 10px;
  border-bottom:1px solid #e5e7eb;
  white-space:nowrap;
}
.kdash-list-table tbody td{
  font-size:16px;
  padding:7px 10px;
  border-bottom:1px solid #eef2f7;
  vertical-align:top;
}
.kdash-list-table tbody tr:last-child td{border-bottom:none;}
.kdash-list-table tbody tr:hover td{background:#dddddd;}
.kdash-list-table tbody tr:nth-child(4n+1) td,
.kdash-list-table tbody tr:nth-child(4n+2) td{
  background: var(--kdash-list-row-odd-bg, transparent);
}

.kdash-list-table tbody tr:nth-child(4n+3) td,
.kdash-list-table tbody tr:nth-child(4n+4) td{
  background: var(--kdash-list-row-even-bg, #eeeeee);
}

.kdash-list-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;flex-wrap:wrap;}
.kdash-list-count{font-size:12px;color:#50575e;}
.kdash-list-pager{display:flex;gap:6px;flex-wrap:wrap;}
.kdash-page{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:30px;
  height:30px;
  padding:0 8px;
  border:1px solid #dcdcde;
  border-radius:8px;
  background:#fff;
  color:#1d2327;
  text-decoration:none;
  font-size:12px;
}
.kdash-page.is-active{background:#2271b1;border-color:#2271b1;color:#fff;}

.kdash-edit-link{text-decoration:none;font-weight:700;}

/* Collapsible rows should not show on desktop */
.kdash-list-wrap.kdash-mobile-collapsible th.kdash-col-toggle,
.kdash-list-wrap.kdash-mobile-collapsible td.kdash-col-toggle,
.kdash-list-wrap.kdash-mobile-collapsible .kdash-row-details-tr{
  display:none;
}

/* Mobile table behavior */
@media (max-width:700px){

  /* ---- COLLAPSIBLE (default) ---- */
  .kdash-list-wrap.kdash-mobile-collapsible .kdash-col-collapsible-hide{display:none !important;}

  .kdash-list-wrap.kdash-mobile-collapsible th.kdash-col-toggle,
  .kdash-list-wrap.kdash-mobile-collapsible td.kdash-col-toggle{
    display:table-cell;
    width:44px;
    text-align:center;
    padding:0;
    vertical-align:middle;
    white-space:nowrap;
  }

  .kdash-list-wrap.kdash-mobile-collapsible .kdash-row-details-tr{
    display:none;
  }

  .kdash-list-wrap.kdash-mobile-collapsible .kdash-row-details-tr:not([hidden]){
    display:table-row;
  }

  .kdash-row-toggle{
    width:28px;
    height:28px;
    border-radius:999px;
    border:1px solid #dcdcde;
    background:#fff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-weight:900;
    font-size:16px;
    line-height:1;
    cursor:pointer;
  }

  .kdash-list-wrap.kdash-mobile-collapsible .kdash-row-details-tr[hidden]{display:none !important;}
  .kdash-row-details-td{
    padding:0;
    border-top:0;
  }
  .kdash-row-details-inner{
    padding:10px 12px 12px;
    border-top:1px solid #eef2f7;
  }
  .kdash-row-detail{
    display:flex;
    gap:10px;
    padding:6px 0;
    border-bottom:1px dashed #eef2f7;
  }
  .kdash-row-detail:last-child{border-bottom:none;}
  .kdash-row-detail-label{
    width:40%;
    font-size:12px;
    font-weight:700;
    color:#50575e;
  }
  .kdash-row-detail-val{
    width:60%;
    font-size:13px;
    color:#1d2327;
    word-break:break-word;
  }

  /* ---- STACK mode (optional) ---- */
  .kdash-list-wrap.kdash-mobile-stack thead{display:none;}
  .kdash-list-wrap.kdash-mobile-stack .kdash-list-table,
  .kdash-list-wrap.kdash-mobile-stack .kdash-list-table tbody,
  .kdash-list-wrap.kdash-mobile-stack .kdash-list-table tr,
  .kdash-list-wrap.kdash-mobile-stack .kdash-list-table td{
    display:block;
    width:100%;
  }
  .kdash-list-wrap.kdash-mobile-stack .kdash-list-table tr{
    border-bottom:1px solid #eee;
    padding:10px 12px;
  }
  .kdash-list-wrap.kdash-mobile-stack .kdash-list-table tr:last-child{border-bottom:none;}
  .kdash-list-wrap.kdash-mobile-stack .kdash-list-table td{
    border:none;
    border-bottom:1px dashed #eee;
    padding:8px 0;
  }
  .kdash-list-wrap.kdash-mobile-stack .kdash-list-table td:last-child{border-bottom:none;}
  .kdash-list-wrap.kdash-mobile-stack .kdash-list-table td:before{
    content: attr(data-label);
    display:block;
    font-size:11px;
    font-weight:700;
    color:#646970;
    margin-bottom:4px;
  }

  /* keep legacy hide class */
  .kdash-col-hide-mobile{display:none !important;}
}

/* Board filter nav */
.kdash-board-filter-nav{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:6px;
}

.kdash-board-filter-nav__label{
  font-size:14px;
  font-weight:700;
  color:#1d2327;
}

.kdash-board-filter-nav__current{
  font-weight:800;
}

.kdash-board-filter-nav__items{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.kdash-board-filter-nav--links .kdash-board-filter-nav__items{
  gap:8px;
}

.kdash-board-filter-nav--links .kdash-board-filter-nav__item{
  color:#0ea5a8;
  text-decoration:none;
  padding:2px 0;
}

.kdash-board-filter-nav--links .kdash-board-filter-nav__item.is-active{
  font-weight:800;
}

.kdash-board-filter-nav--tabs .kdash-board-filter-nav__items{gap:0;border-bottom:1px solid #dcdcde;}
.kdash-board-filter-nav--tabs .kdash-board-filter-nav__item{
  text-decoration:none;
  color:#1d2327;
  background:#f8fafc;
  border:1px solid #dcdcde;
  border-bottom:none;
  border-radius:10px 10px 0 0;
  padding:8px 14px;
  margin-right:6px;
  position:relative;
  top:1px;
}

.kdash-board-filter-nav--tabs .kdash-board-filter-nav__item.is-active{
  background:#fff;
  color:#0f766e;
  font-weight:800;
}

.kdash-board-filter-nav--buttons .kdash-board-filter-nav__item{
  text-decoration:none;
  color:#1d2327;
  background:#fff;
  border:1px solid #dcdcde;
  border-radius:999px;
  padding:6px 12px;
}

.kdash-board-filter-nav--buttons .kdash-board-filter-nav__item.is-active{
  border-color:#0ea5a8;
  color:#0ea5a8;
  font-weight:800;
}

.kdash-board-filter-nav__dropdown{
  min-width:180px;
  padding:6px 10px;
}

@media (max-width:700px){
  .kdash-board-filter-nav{
    align-items:flex-start;
    flex-direction:column;
  }
}
.kdash-board-filter-nav__sep{color:#64748b;font-weight:600;}
.kdash-board-filter-nav--links .kdash-board-filter-nav__items{gap:0;}
.kdash-board-filter-nav--links .kdash-board-filter-nav__item{padding:2px 0;}


/* v72 fixes */
.kdash-list-table tbody tr:hover td{background:#dddddd !important;}
.kdash-board-filter-nav__sep{white-space:pre;}

.kdash-card-clickable{
  position:relative;
}

.kdash-card-clickable-link{
  display:flex;
  flex-direction:column;
  justify-content:inherit;
  align-items:stretch;
  color:inherit;
  text-decoration:none;
  width:100%;
  height:100%;
  flex:1 1 auto;
}

.kdash-icon-block{
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1;
}

.kdash-icon-block .dashicons{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.kdash-icon-block svg.kdash-icon{
  display:inline-block;
  flex:0 0 auto;
}

.kdash-icon-block i,
.kdash-icon-block .dashicons{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
}

.kdash-delete-link,
.kdash-cell-edit-link,
.kdash-edit-link{
  text-decoration:none;
}
.kdash-delete-link{color:#b42318;font-weight:700;}
.kdash-delete-link:hover,
.kdash-cell-edit-link:hover,
.kdash-edit-link:hover{
  text-decoration:underline;
}

.kdash-list-table thead th.kdash-sortable-col{
  cursor:pointer;
  user-select:none;
  position:relative;
}
.kdash-list-table thead th.kdash-sortable-col .kdash-sort-label{
  display:inline-block;
  vertical-align:middle;
}
.kdash-list-table thead th.kdash-sortable-col .kdash-sort-indicator{
  display:inline-block;
  margin-left:6px;
  width:10px;
  text-align:center;
  vertical-align:middle;
}
.kdash-list-table thead th.kdash-sortable-col.is-sorted-asc .kdash-sort-indicator::before{
  content:'▲';
  font-size:10px;
}
.kdash-list-table thead th.kdash-sortable-col.is-sorted-desc .kdash-sort-indicator::before{
  content:'▼';
  font-size:10px;
}

.kdash-entry-table{display:flex;flex-direction:column;gap:10px;}
.kdash-entry-table__row{display:grid;gap:10px;align-items:start;}
.kdash-entry-table__row--two_column,.kdash-entry-table--two_column .kdash-entry-table__row{grid-template-columns:minmax(120px,220px) 1fr;}
.kdash-entry-table--stacked .kdash-entry-table__row,.kdash-entry-table__row--stacked{grid-template-columns:1fr;gap:4px;}
.kdash-entry-table__label{font-weight:600;color:#1d2327;}
.kdash-entry-table__value{min-width:0;word-break:break-word;}
.kdash-entry-table__list-item + .kdash-entry-table__list-item{margin-top:4px;}
.kdash-entry-table__divider{border:0;border-top:1px solid #dcdcde;margin:4px 0;}
.kdash-entry-table__spacer--small{height:8px;}
.kdash-entry-table__spacer--medium{height:16px;}
.kdash-entry-table__spacer--large{height:28px;}
.kdash-entry-table__html{word-break:break-word;}


/* Entry Table polish */
.kdash-entry-table{display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.45;color:#334155;}
.kdash-entry-table__row{display:grid;gap:12px;align-items:start;padding:8px 0;border-bottom:1px solid #eef2f7;}
.kdash-entry-table__row:last-child{border-bottom:0;}
.kdash-entry-table__row--two_column,.kdash-entry-table--two_column .kdash-entry-table__row{grid-template-columns:minmax(120px,200px) 1fr;}
.kdash-entry-table--stacked .kdash-entry-table__row,.kdash-entry-table__row--stacked{grid-template-columns:1fr;gap:4px;}
.kdash-entry-table__label{font-weight:700;color:#0f172a;}
.kdash-entry-table__value{min-width:0;word-break:break-word;color:#334155;}
.kdash-entry-table__html{word-break:break-word;padding:2px 0;color:#0f172a;}
.kdash-entry-table__divider{border:0;border-top:1px solid #d7dee8;margin:6px 0;}
.kdash-entry-table__list-item + .kdash-entry-table__list-item{margin-top:4px;}

.kdash-value.kdash-html-value{font-size:16px;font-weight:400;line-height:1.6;}
.kdash-value.kdash-html-value p{margin:0 0 1em;}
.kdash-value.kdash-html-value p:last-child{margin-bottom:0;}

.kdash-list-empty{padding:16px;text-align:center;color:#646970;font-style:italic;}

/* One-time confirmation after an entry edit returns to the board. */
.kdash-frontend .kdash-notice{margin:0 0 14px;padding:10px 14px;border-radius:8px;border:1px solid #b6dfc2;background:#eef8f1;color:#1d4d2b;font-size:14px;}

/* ── Edit / Delete links as icons ───────────────────────────────────────── */
.kdash-action-link--icon,
.kdash-action-link--icon_text { display:inline-flex; align-items:center; gap:5px; text-decoration:none; }
.kdash-action-link--icon { padding:4px; border-radius:6px; line-height:0; }
.kdash-action-link--icon:hover,
.kdash-action-link--icon:focus-visible { background:rgba(0,0,0,.06); }
.kdash-action-link .kdash-action-icon { flex-shrink:0; }
.kdash-delete-link.kdash-action-link--icon:hover,
.kdash-delete-link.kdash-action-link--icon_text:hover { color:#b91c1c; }
.kdash-sr {
  position:absolute !important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

/* ── Stacked blocks: several blocks sharing one slot in a row ───────────── */
.kdash-stack { display:flex; flex-direction:column; gap:12px; min-width:0; }
.kdash-stack > .kdash-card { flex:0 0 auto; min-height:0; }
.kdash-stack > .kdash-card.kdash-stack-item--fill { flex:1 1 auto; }
/* A single block set to its natural height doesn't stretch to the row's tallest block. */
.kdash-card.kdash-card--natural { align-self:flex-start; min-height:0; }

/* ── Board Style tab (board-level settings) ─────────────────────────────────
   Each rule is switched on by its own class on .kdash-frontend, added only when
   that setting has a value, so an empty board style changes nothing. */

/* Page background */
.kdash-frontend.kdash-bs-pagebg{background:var(--kdash-bs-page-bg);padding:16px;border-radius:12px;}

/* Font */
.kdash-frontend.kdash-bs-font{font-family:var(--kdash-bs-font);}
.kdash-frontend.kdash-bs-font .kdash-list-table,
.kdash-frontend.kdash-bs-font input,
.kdash-frontend.kdash-bs-font select,
.kdash-frontend.kdash-bs-font button{font-family:inherit;}

/* Gap between rows and blocks. Width classes subtract the gap so columns still fit. */
.kdash-frontend.kdash-bs-gap,
.kdash-frontend.kdash-bs-gap .kdash-row,
.kdash-frontend.kdash-bs-gap .kdash-stack{gap:var(--kdash-bs-gap);}
@media (min-width:901px){
  .kdash-frontend.kdash-bs-gap .kdash-w-6{flex-basis:calc(50% - var(--kdash-bs-gap) / 2);}
  .kdash-frontend.kdash-bs-gap .kdash-w-4{flex-basis:calc(33.333% - var(--kdash-bs-gap) * 2 / 3);}
  .kdash-frontend.kdash-bs-gap .kdash-w-3{flex-basis:calc(25% - var(--kdash-bs-gap) * 3 / 4);}
  .kdash-frontend.kdash-bs-gap .kdash-w-2{flex-basis:calc(16.666% - var(--kdash-bs-gap) * 5 / 6);}
  .kdash-frontend.kdash-bs-gap .kdash-w-5th{flex-basis:calc(20% - var(--kdash-bs-gap) * 4 / 5);}
}

/* Accent: active page, filter tabs/buttons/links, back button, sort arrows, inline-edit pencil */
.kdash-frontend.kdash-bs-accent .kdash-page.is-active{background:var(--kdash-bs-accent);border-color:var(--kdash-bs-accent);color:#fff;}
.kdash-frontend.kdash-bs-accent .kdash-board-filter-nav--links .kdash-board-filter-nav__item{color:var(--kdash-bs-accent);}
.kdash-frontend.kdash-bs-accent .kdash-board-filter-nav--tabs .kdash-board-filter-nav__item.is-active{color:var(--kdash-bs-accent);box-shadow:inset 0 -2px 0 var(--kdash-bs-accent);}
.kdash-frontend.kdash-bs-accent .kdash-board-filter-nav--buttons .kdash-board-filter-nav__item.is-active{border-color:var(--kdash-bs-accent);color:var(--kdash-bs-accent);}
.kdash-frontend.kdash-bs-accent .kdash-back-btn{color:var(--kdash-bs-accent);}
.kdash-frontend.kdash-bs-accent .kdash-detail-nav__btn:not(.is-disabled){color:var(--kdash-bs-accent);}
.kdash-frontend.kdash-bs-accent .kdash-sortable-col.is-sorted-asc .kdash-sort-indicator,
.kdash-frontend.kdash-bs-accent .kdash-sortable-col.is-sorted-desc .kdash-sort-indicator{color:var(--kdash-bs-accent);}
.kdash-frontend.kdash-bs-accent .kdash-ie-pencil{color:var(--kdash-bs-accent);}
.kdash-frontend.kdash-bs-accent .kdash-card.kdash-hover-border.kdash-card-clickable:hover{border-color:var(--kdash-bs-accent) !important;}

/* Links inside blocks (not whole-card links, pagination or Delete) */
.kdash-frontend.kdash-bs-link .kdash-card a:not(.kdash-card-clickable-link):not(.kdash-page):not(.kdash-delete-link):not([class*="kdash-kanban"]){color:var(--kdash-bs-link);}

/* Button corners: pagination, filter buttons/tabs/dropdown, back button */
.kdash-frontend.kdash-bs-btnr .kdash-page,
.kdash-frontend.kdash-bs-btnr .kdash-board-filter-nav--buttons .kdash-board-filter-nav__item,
.kdash-frontend.kdash-bs-btnr .kdash-board-filter-nav__dropdown,
.kdash-frontend.kdash-bs-btnr .kdash-back-btn{border-radius:var(--kdash-bs-btn-radius);}
.kdash-frontend.kdash-bs-btnr .kdash-detail-nav__btn{border-radius:var(--kdash-bs-btn-radius);}
.kdash-frontend.kdash-bs-btnr .kdash-board-filter-nav--tabs .kdash-board-filter-nav__item{border-radius:var(--kdash-bs-btn-radius) var(--kdash-bs-btn-radius) 0 0;}

/* Mobile text scale: shrinks titles, values and any set font size on phones. */
@media (max-width:700px){
  .kdash-frontend.kdash-bs-mscale .kdash-title{font-size:calc(20px * var(--kdash-bs-mscale));}
  .kdash-frontend.kdash-bs-mscale .kdash-value{font-size:calc(34px * var(--kdash-bs-mscale));}
  .kdash-frontend.kdash-bs-mscale .kdash-value.kdash-html-value{font-size:calc(16px * var(--kdash-bs-mscale));}
  .kdash-frontend.kdash-bs-mscale [style*="--kdash-fs"]{font-size:calc(var(--kdash-fs) * var(--kdash-bs-mscale)) !important;}
}

/* ── Card presets (block or board): shadow and hover on clickable cards ── */
.kdash-card.kdash-shadow-none{box-shadow:none;}
.kdash-card.kdash-shadow-soft{box-shadow:0 1px 3px rgba(15,23,42,.08),0 1px 2px rgba(15,23,42,.04);}
.kdash-card.kdash-shadow-medium{box-shadow:0 4px 12px rgba(15,23,42,.10);}
.kdash-card.kdash-shadow-strong{box-shadow:0 10px 28px rgba(15,23,42,.16);}
.kdash-card.kdash-card-clickable.kdash-hover-lift{transition:transform .15s ease,box-shadow .15s ease;}
.kdash-card.kdash-card-clickable.kdash-hover-lift:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,23,42,.14);}
.kdash-card.kdash-card-clickable.kdash-hover-border{transition:border-color .15s ease;}
.kdash-card.kdash-card-clickable.kdash-hover-border:hover{border-color:#2271b1 !important;}
@media (prefers-reduced-motion:reduce){
  .kdash-card.kdash-card-clickable.kdash-hover-lift:hover{transform:none;}
}

/* ── KodaDash dialogs, messages and Undo (instead of the browser's popups) ── */
.kdash-ui-backdrop{position:fixed;inset:0;z-index:100010;background:rgba(15,23,42,.45);display:flex;align-items:center;justify-content:center;padding:16px;}
.kdash-ui-dialog{background:#fff;color:#111827;border-radius:12px;box-shadow:0 20px 50px rgba(15,23,42,.25);width:100%;max-width:420px;padding:20px 22px 18px;font-family:inherit;line-height:1.45;text-align:left;}
.kdash-ui-dialog__title{margin:0 0 6px;font-size:17px;line-height:1.35;font-weight:700;color:#111827;}
.kdash-ui-dialog__msg{margin:0;font-size:14px;color:#4b5563;}
.kdash-ui-dialog__actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:18px;}
.kdash-ui-btn{appearance:none;border:1px solid #2563eb;background:#2563eb;color:#fff;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;line-height:1.2;cursor:pointer;font-family:inherit;}
.kdash-ui-btn:hover,.kdash-ui-btn:focus-visible{background:#1d4ed8;border-color:#1d4ed8;}
.kdash-ui-btn:focus-visible{outline:2px solid #93c5fd;outline-offset:2px;}
.kdash-ui-btn--ghost{background:#fff;color:#374151;border-color:#d1d5db;}
.kdash-ui-btn--ghost:hover,.kdash-ui-btn--ghost:focus-visible{background:#f3f4f6;border-color:#9ca3af;color:#111827;}
.kdash-ui-btn--danger{background:#b91c1c;border-color:#b91c1c;}
.kdash-ui-btn--danger:hover,.kdash-ui-btn--danger:focus-visible{background:#991b1b;border-color:#991b1b;}

.kdash-ui-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:100005;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);
	background:#1f2937;color:#fff;border-radius:10px;padding:10px 10px 10px 16px;box-shadow:0 10px 30px rgba(0,0,0,.25);font-size:14px;line-height:1.35;font-family:inherit;}
.kdash-ui-toast--error{background:#7f1d1d;}
.kdash-ui-toast__undo{appearance:none;background:none;border:0;color:#93c5fd;font-weight:700;font-size:14px;cursor:pointer;padding:4px 8px;border-radius:6px;font-family:inherit;}
.kdash-ui-toast__undo:hover,.kdash-ui-toast__undo:focus-visible{background:rgba(255,255,255,.12);color:#bfdbfe;}
.kdash-ui-toast__close{appearance:none;background:none;border:0;color:#d1d5db;cursor:pointer;padding:0 6px;font-size:20px;line-height:1;}
.kdash-ui-toast__close:hover,.kdash-ui-toast__close:focus-visible{color:#fff;}

.kdash-frontend .kdash-notice--error{border-color:#f5c2c2;background:#fdf0f0;color:#7f1d1d;}

/* Cancel on the edit form, beside its buttons */
.kdash-edit-wrap .kdash-edit-cancel{display:inline-block;margin:0 0 0 12px;padding:8px 4px;font-size:15px;line-height:1.2;vertical-align:middle;text-decoration:underline;}

/* ── Filter bars: entry counts, and a block's own bar (block filter sets) ── */
.kdash-board-filter-nav__count{font-weight:400;opacity:.7;}
.kdash-board-filter-nav__item.is-active .kdash-board-filter-nav__count{opacity:.85;}
.kdash-card .kdash-block-filter-nav{margin:2px 0 10px;}
/* In a narrow block, tabs and pills stay on one line and scroll sideways. */
.kdash-block-filter-nav.kdash-board-filter-nav--tabs .kdash-board-filter-nav__items,
.kdash-block-filter-nav.kdash-board-filter-nav--buttons .kdash-board-filter-nav__items{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch;}
.kdash-block-filter-nav .kdash-board-filter-nav__item{white-space:nowrap;flex:0 0 auto;}