/* Teklo Affiliate front-end. Theme-friendly, logical properties (RTL-ready). */
.tkf{--k-ink:#0b1f1a;--k-ink2:#3f544d;--k-muted:#6b7f78;--k-line:#dce7e2;--k-bg:#f4f8f6;--k-card:#fff;--k-acc:#0f8a5f;--k-acc2:#0a6847;--k-soft:#e2f4eb;--k-warn:#9a6a10;--k-warnbg:#fdf2d8;--k-bad:#b3321f;--k-badbg:#fbe7e3;
  max-inline-size:860px;margin-inline:auto;color:var(--k-ink);font-size:15px;line-height:1.55;display:grid;gap:16px}
.tkf *{box-sizing:border-box}
.tkf .tk-icon{flex:none;vertical-align:middle}
.tkf-card{background:var(--k-card);border:1px solid var(--k-line);border-radius:16px;padding:22px;box-shadow:0 8px 24px -18px rgba(10,42,34,.35)}
.tkf-card h2,.tkf-card h3{margin:0 0 10px;font-size:18px;display:flex;align-items:center;gap:8px;color:var(--k-ink)}
.tkf-card h3 .tk-icon{color:var(--k-acc)}
.tkf-card p{margin:0 0 12px;color:var(--k-ink2)}
.tkf-center{text-align:center;display:grid;justify-items:center;gap:6px}
.tkf-center h2{justify-content:center}
.tkf-bigicon{display:grid;place-items:center;inline-size:56px;block-size:56px;border-radius:16px;background:var(--k-soft);color:var(--k-acc2)}
.tkf-head{display:flex;gap:16px;align-items:center;margin-block-end:12px}
.tkf-head h2{margin:0}.tkf-head p{margin:2px 0 0}
.tkf-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-block-start:6px}
.tkf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:12px;border:0;background:var(--k-acc);color:#fff!important;font-weight:650;font-size:15px;text-decoration:none;cursor:pointer;transition:background .15s}
.tkf-btn:hover{background:var(--k-acc2)}
.tkf-btn--ghost{background:var(--k-soft);color:var(--k-acc2)!important}
.tkf-field{display:grid;gap:6px;margin-block-end:14px}
.tkf-field>span{font-weight:600;font-size:14px;color:var(--k-ink2)}
.tkf-field input,.tkf-field select,.tkf-field textarea{inline-size:100%;padding:11px 13px;border:1px solid #c9d8d1;border-radius:11px;background:#fff;font:inherit;color:var(--k-ink)}
.tkf-field input:focus,.tkf-field select:focus,.tkf-field textarea:focus{outline:0;border-color:var(--k-acc);box-shadow:0 0 0 3px rgba(15,138,95,.18)}
.tkf-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:600px){.tkf-split{grid-template-columns:1fr}}
.tkf-check{display:flex;gap:10px;align-items:flex-start;margin-block-end:16px;color:var(--k-ink2)}
.tkf-check input{margin-block-start:4px}
.tkf-hp{position:absolute;inset-inline-start:-9999px;inline-size:1px;block-size:1px;overflow:hidden}
.tkf-help{font-size:13px;color:var(--k-muted)}
.tkf-notice{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;font-weight:600}
.tkf-notice--ok{background:var(--k-soft);color:var(--k-acc2)}
.tkf-notice--warn{background:var(--k-warnbg);color:var(--k-warn)}
.tkf-notice--bad{background:var(--k-badbg);color:var(--k-bad)}
.tkf-tabs{display:flex;gap:6px;flex-wrap:wrap}
.tkf-tab{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:11px;text-decoration:none;color:var(--k-ink2);font-weight:600;background:var(--k-bg)}
.tkf-tab .tk-icon{color:var(--k-acc)}
.tkf-tab.is-active{background:var(--k-acc);color:#fff}.tkf-tab.is-active .tk-icon{color:#fff}
.tkf-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.tkf-stat{display:flex;gap:14px;align-items:center;padding:16px}
.tkf-stat__icon{display:grid;place-items:center;inline-size:44px;block-size:44px;border-radius:12px;background:var(--k-soft);color:var(--k-acc2)}
.tkf-stat__label{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--k-muted);font-weight:600}
.tkf-stat__value{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}
.tkf-copy{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;margin-block-end:8px}
.tkf-copy__label{font-size:12px;font-weight:700;color:var(--k-muted);min-inline-size:64px;text-transform:uppercase;letter-spacing:.04em}
.tkf-copy input{inline-size:100%;padding:9px 11px;border:1px solid var(--k-line);border-radius:10px;background:var(--k-bg);font:13.5px ui-monospace,Consolas,monospace;color:var(--k-ink2)}
.tkf-iconbtn{display:grid;place-items:center;inline-size:38px;block-size:38px;border-radius:10px;border:1px solid var(--k-line);background:#fff;color:var(--k-acc2);cursor:pointer}
.tkf-iconbtn:hover{background:var(--k-soft)}.tkf-iconbtn.is-copied{background:var(--k-acc);color:#fff;border-color:var(--k-acc)}
.tkf-iconbtn--danger{color:var(--k-bad)}.tkf-iconbtn--danger:hover{background:var(--k-badbg)}
.tkf-linkrow{padding-block:14px;border-block-end:1px solid var(--k-line)}.tkf-linkrow:last-child{border-block-end:0}
.tkf-linkrow__head{display:flex;align-items:center;gap:10px;margin-block-end:8px}
.tkf-linkrow__head form{margin-inline-start:auto}
.tkf-chips{display:flex;gap:8px;flex-wrap:wrap}
.tkf-chip{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--k-soft);color:var(--k-acc2);font-size:12.5px;font-weight:600}

/* Step 4 additions */
.tkf-btn--sm{padding:7px 13px;font-size:13px;border-radius:9px}
.tkf-tabs{overflow-x:auto;flex-wrap:nowrap;padding-block-end:4px}
.tkf-tab{white-space:nowrap}
.tkf-scroll{overflow-x:auto}
.tkf-table{inline-size:100%;border-collapse:collapse;font-size:14px}
.tkf-table th{text-align:start;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--k-muted);padding:8px 6px;border-block-end:1px solid var(--k-line)}
.tkf-table td{padding:11px 6px;border-block-end:1px solid var(--k-line)}
.tkf-pager{display:flex;gap:10px;align-items:center;justify-content:center;margin-block-start:12px}
.tkf-inlineform{margin-block-start:10px}
.tkf-searchbar{display:flex;gap:10px;align-items:center;padding:14px}
.tkf-searchbar input{flex:1;padding:11px 13px;border:1px solid #c9d8d1;border-radius:11px;font:inherit}
.tkf-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.tkf-product{display:grid;gap:8px;align-content:start}
.tkf-product img{inline-size:100%;block-size:150px;object-fit:cover;border-radius:12px;background:var(--k-bg)}
.tkf-product h3{margin:0;font-size:16px}
.tkf-price{font-weight:700;font-size:18px}
.tkf-earn{margin:0;color:var(--k-acc2);font-weight:600;font-size:13.5px}
.tkf-storehead{display:flex;gap:18px;align-items:center}
.tkf-storehead h1{margin:0 0 4px;font-size:26px}
.tkf-storehead p{margin:0}
.tkf-banner{margin-block:10px;padding:10px;border:1px dashed var(--k-line);border-radius:12px;text-align:center;background:var(--k-bg)}
.tkf-banner img{max-inline-size:100%;block-size:auto;border-radius:8px}
.tkf-text{white-space:pre-wrap;word-break:break-word;background:var(--k-bg);border:1px solid var(--k-line);border-radius:12px;padding:12px 14px;font:inherit;font-size:14px;margin-block:10px}
.tkf-qrbox{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-block-start:10px}
.tkf-qr{inline-size:160px;block-size:160px;border:1px solid var(--k-line);border-radius:12px;overflow:hidden;background:#fff}
.tkf-qr svg{display:block;inline-size:100%;block-size:100%}
.tkf-qrbtns{display:flex;gap:8px;flex-wrap:wrap}
.tkf-chart{inline-size:100%;block-size:auto}
.tkf-chart__axis{stroke:var(--k-line);stroke-width:1}
.tkf-chart__clicks{fill:#bfe8d5}
.tkf-chart__refs{fill:var(--k-acc)}
.tkf-chart__label{font-size:11px;fill:var(--k-muted)}
.tkf-legend{display:flex;gap:16px;font-size:12.5px;color:var(--k-ink2)}
.tkf-legend span::before{content:"";display:inline-block;inline-size:10px;block-size:10px;border-radius:3px;margin-inline-end:6px;vertical-align:middle}
.tkf-legend__a::before{background:#bfe8d5}.tkf-legend__b::before{background:var(--k-acc)}
.tkf-store{max-inline-size:1000px;padding:24px 16px}
@media print{body *{visibility:hidden}.tkf-statement,.tkf-statement *{visibility:visible}.tkf-statement{position:absolute;inset-inline-start:0;inset-block-start:0;inline-size:100%;box-shadow:none;border:0}.tkf-statement [data-tk-print]{display:none}}
.tkf-inbox{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:8px}
.tkf-inbox li{display:grid;gap:2px;padding:10px 12px;border-radius:10px;background:var(--k-bg)}
.tkf-inbox li.is-unread{background:var(--k-soft);border-inline-start:3px solid var(--k-acc)}
.tkf-inbox small{color:var(--k-muted)}
.tkf-board{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.tkf-board li{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:10px;background:var(--k-bg)}
.tkf-board li.is-me{background:var(--k-soft);font-weight:700}
.tkf-board__n{inline-size:26px;block-size:26px;border-radius:50%;display:grid;place-items:center;background:var(--k-acc);color:#fff;font-size:12px;font-weight:700}
.tkf-board strong{margin-inline-start:auto}
.tkf-challenge{display:grid;gap:6px;margin-block-end:12px}
.tkf-progress{block-size:10px;border-radius:999px;background:var(--k-bg);overflow:hidden}
.tkf-progress span{display:block;block-size:100%;background:var(--k-acc);border-radius:999px}
.tkf-disclosure{margin-block-start:18px;font-size:13px;color:var(--k-muted);text-align:center}
.tkf-product__title{margin:0;font-size:16px}