.tk-wrap .tk-version { font-size: 13px; font-weight: 400; color: #646970; margin-left: 6px; }
.tk-wrap .tk-intro { max-width: 70ch; font-size: 14px; }
.tk-tabs { display: flex; gap: 4px; border-bottom: 1px solid #c3c4c7; margin: 16px 0 0; }
.tk-tab { background: none; border: 0; border-bottom: 3px solid transparent; padding: 10px 14px; font-size: 14px; font-weight: 600; color: #50575e; cursor: pointer; margin-bottom: -1px; }
.tk-tab:hover { color: #1d2327; }
.tk-tab.is-active { color: #0e7a92; border-bottom-color: #0e7a92; }
.tk-tab:focus-visible { outline: 2px solid #0e7a92; outline-offset: -2px; }
.tk-panel { display: none; }
.tk-panel.is-active { display: block; }
.tk-check { display: block; margin: 4px 0; }
.tk-radio { margin-right: 16px; }
.tk-inline { display: inline-flex; gap: 16px; margin-left: 16px; vertical-align: middle; }
.tk-feature-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 2px 16px; max-width: 760px; }
.tk-note { max-width: 80ch; padding: 12px 16px; background: #fff; border-left: 4px solid #0e7a92; margin: 16px 0 0; }
.tk-swatch { display: inline-block; width: 28px; height: 28px; border-radius: 50%; vertical-align: middle; margin-right: 8px; box-shadow: inset 0 0 0 1px rgba(0,0,0,.15); }
.tk-pro-badge { display: inline-block; margin-left: 8px; padding: 2px 8px; border-radius: 999px; background: #16232d; color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .04em; vertical-align: middle; }
.tk-buy { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0 4px; }
.tk-logo-custom { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:4px 0 8px 24px; }
.tk-logo-preview img { height:28px; width:auto; background:#26c5e5; padding:6px 10px; border-radius:6px; vertical-align:middle; }

/* Knowledge base */
.tk-kb { display:grid; gap:12px; max-width:820px; margin-top:16px; }
.tk-kb-row { background:#fff; border:1px solid #dcdcde; border-radius:8px; padding:14px 16px; display:grid; gap:8px; }
.tk-kb-head { display:flex; align-items:center; justify-content:space-between; }
.tk-kb-num { font-size:13px; color:#50575e; }
.tk-kb-row .tk-kb-q { font-weight:600; }
/* Premium tab */
.tk-premium td > .tk-check { margin-bottom:6px; }
.tk-sub { margin:10px 0 4px 24px; display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.tk-sub .description { flex-basis:100%; margin:2px 0 0; }
.tk-sub-label { font-weight:600; margin-right:4px; }
.tk-sub[hidden], tr[hidden] { display:none; }
.tk-buy { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:12px; }
.tk-error { color:#b32d2e; }
.tk-kb-opts { max-width:820px; margin:16px 0 4px; padding:12px 16px; background:#fff; border:1px solid #dcdcde; border-radius:8px; }

/* Buttons with an icon: icon and text on one line */
.wp-core-ui .button.tk-btn { display:inline-flex; align-items:center; gap:6px; }
.wp-core-ui .button.tk-btn .dashicons { font-size:16px; width:16px; height:16px; line-height:16px; margin:0; vertical-align:middle; position:static; top:auto; }
/* Delete in the knowledge base: same button, in red */
.wp-core-ui .button.tk-kb-remove { color:#b32d2e; border-color:#b32d2e; background:#fff; }
.wp-core-ui .button.tk-kb-remove:hover, .wp-core-ui .button.tk-kb-remove:focus { color:#fff; background:#b32d2e; border-color:#b32d2e; }
.wp-core-ui .button.tk-kb-remove:focus { box-shadow:0 0 0 1px #fff, 0 0 0 3px #b32d2e; }
/* Radio choices with a title and an explanation */
.tk-choice,
.form-table td fieldset label.tk-choice { display:flex !important; align-items:flex-start; gap:10px; margin:0 0 14px !important; max-width:640px; line-height:1.5; }
.form-table td fieldset label.tk-choice input[type="radio"] { margin:3px 0 0 !important; flex:none; }
.tk-choice-text { display:flex; flex-direction:column; gap:3px; }
.tk-choice-text .description { display:block; margin:0; }
/* Radio buttons side by side: room between the options (WordPress removes label margins) */
.form-table td fieldset label.tk-radio,
.form-table td label.tk-radio { display:inline-flex !important; align-items:center; gap:6px; margin:0 22px 6px 0 !important; }
.form-table td fieldset label.tk-radio input[type="radio"] { margin:0 !important; }
/* Logo choice: one option per line */
.tk-logo-choice .tk-check { display:flex; align-items:center; gap:6px; margin:0 0 8px; }
.tk-logo-choice .tk-check input { margin:0; }
.tk-logo-custom { margin:0 0 10px 24px; }
/* Without a licence the Premium options are visible but inactive (values are kept for later) */
.tk-locked tr:nth-child(n+3) td { opacity:.5; pointer-events:none; }
/* Licence code with its own activate button; buying sits apart below it */
.tk-license-field { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.tk-license-field input { margin:0; }
.tk-premium .tk-buy { margin-top:18px; padding-top:14px; border-top:1px solid #dcdcde; max-width:520px; }