/* MiKO completion suite — rewards history/store, TikTok v2, admin utilities */
.miko-streak-calendar{display:grid;gap:16px}.miko-calendar-legend{display:flex;gap:14px;flex-wrap:wrap;color:#718198;font-size:10px}.miko-calendar-legend span{display:flex;align-items:center;gap:6px}.miko-calendar-legend i{width:12px;height:12px;border-radius:4px;background:#edf2f7;border:1px solid #d9e3ee}.miko-calendar-legend i.is-on{background:#18a765;border-color:#18a765;box-shadow:0 0 0 3px rgba(24,167,101,.1)}.miko-streak-calendar section{border:1px solid #e1e8f1;border-radius:14px;padding:13px;background:#fbfdff}.miko-streak-calendar h3{margin:0 0 10px!important;font-size:13px!important;color:#193b62!important}.miko-calendar-grid{display:grid;grid-template-columns:repeat(14,minmax(34px,1fr));gap:5px}.miko-calendar-grid>span{min-height:42px;border:1px solid #e4ebf3;background:#fff;border-radius:9px;display:grid;place-items:center;align-content:center;color:#8a98aa}.miko-calendar-grid>span b{font-size:10px;line-height:1}.miko-calendar-grid>span small{font-size:7px;margin-top:3px}.miko-calendar-grid>span.is-on{background:linear-gradient(145deg,#e7f9f0,#f8fffb);border-color:#8ed8b5;color:#0e8e55;box-shadow:0 5px 12px rgba(24,167,101,.08)}
.miko-reading-history,.miko-activity-list{display:grid;gap:8px}.miko-reading-history article{display:grid;grid-template-columns:74px minmax(0,1fr) auto auto;gap:11px;align-items:center;padding:9px;border:1px solid #e4ebf4;border-radius:13px;background:#fbfdff}.miko-reading-history .thumb img{width:74px;height:52px;border-radius:9px;object-fit:cover}.miko-reading-history article>div>a{color:#193a60!important;text-decoration:none!important}.miko-reading-history b{font-size:11px;line-height:1.4}.miko-reading-history span{display:block;color:#7e8ea2;font-size:8.5px;margin-top:4px}.miko-reading-history em{font-style:normal;font-size:9px;font-weight:900;color:#0d9e5d;background:#e9f8f0;border-radius:999px;padding:6px 8px;white-space:nowrap}.miko-reading-history article>i{font-style:normal;font-size:8px;color:#1267f2;background:#eaf3ff;border-radius:8px;padding:6px;white-space:nowrap}.miko-empty-state{text-align:center;padding:28px;border:1px dashed #ccd9e8;border-radius:14px;background:#fbfdff}.miko-empty-state b,.miko-empty-state span{display:block}.miko-empty-state span{margin-top:4px;color:#74869b;font-size:10px}
.miko-activity-list article{display:grid;grid-template-columns:88px 1fr;gap:10px;align-items:center;padding:10px 11px;border:1px solid #e5ebf3;border-radius:12px}.miko-activity-list .type{display:inline-flex;justify-content:center;padding:7px 8px;border-radius:9px;font-size:8px;font-weight:900;background:#eef4fb;color:#315a87}.miko-activity-list .type-like{background:#fff0f3;color:#df2946}.miko-activity-list .type-share{background:#eaf3ff;color:#1267f2}.miko-activity-list .type-bookmark{background:#fff8dd;color:#9c6a00}.miko-activity-list .type-comment,.miko-activity-list .type-community{background:#eefaf5;color:#0c9c60}.miko-activity-list .type-checkin{background:#fff3e8;color:#d65a12}.miko-activity-list .type-reward{background:#f3efff;color:#6840c3}.miko-activity-list b,.miko-activity-list small{display:block}.miko-activity-list b{font-size:10.5px}.miko-activity-list small{font-size:8px;color:#8291a3;margin-top:3px}
.miko-store-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}.miko-store-summary>div{padding:13px;border:1px solid #e1e9f3;border-radius:13px;background:linear-gradient(145deg,#f8fbff,#fff)}.miko-store-summary b{display:block;font-size:20px;color:#102f55}.miko-store-summary span{font-size:8.5px;color:#74869a}.miko-reward-store-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.miko-reward-store-grid article{border:1px solid #dfe8f3;border-radius:15px;padding:15px;background:linear-gradient(145deg,#fff,#f9fbff);position:relative;overflow:hidden}.miko-reward-store-grid article:before{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-45px;top:-45px;background:rgba(18,103,242,.06)}.miko-reward-store-grid .reward-icon{width:44px;height:44px;border-radius:14px;background:#eaf3ff;color:#1267f2;display:grid;place-items:center}.miko-reward-store-grid .reward-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}.miko-reward-store-grid small{display:block;margin:9px 0 2px;font-size:7px;letter-spacing:.1em;color:#8796a8}.miko-reward-store-grid h3{margin:0!important;font-size:14px!important;color:#173a60!important}.miko-reward-store-grid p{font-size:9.5px;min-height:34px}.miko-reward-store-grid article>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.miko-reward-store-grid article>div b{font-size:11px;color:#d08c10}.miko-reward-store-grid button{border:0;border-radius:9px;padding:8px 10px;background:linear-gradient(135deg,#1267f2,#0a55c9);color:#fff;font-size:8px;font-weight:900;cursor:pointer}.miko-reward-store-grid button:disabled{background:#dfe5ed;color:#8190a2;cursor:default}.miko-redemption-history{margin-top:18px;border-top:1px solid #e8edf4;padding-top:14px}.miko-redemption-history h3{font-size:13px!important;margin:0 0 8px!important}.miko-redemption-history>div{display:grid;grid-template-columns:140px 1fr auto;gap:9px;padding:8px 0;border-bottom:1px solid #eef2f7}.miko-redemption-history span,.miko-redemption-history em{font-size:8.5px;color:#8090a4}.miko-redemption-history em{font-style:normal;color:#d7354f;font-weight:800}.miko-reading-history em.is-pending{background:#f2f5f8;color:#76889b}.miko-pro-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:15px}.miko-pro-detail-grid>div{padding:13px;border:1px solid #efdca2;border-radius:13px;background:linear-gradient(145deg,#fff9e6,#fff)}.miko-pro-detail-grid b,.miko-pro-detail-grid span{display:block}.miko-pro-detail-grid b{font-size:16px;color:#765000}.miko-pro-detail-grid span{font-size:8px;color:#917443;margin-top:3px}.miko-pro-history{border-top:1px solid #eee7d7;padding-top:13px}.miko-pro-history h3{font-size:13px!important}.miko-pro-history>div{display:grid;grid-template-columns:145px 1fr auto;gap:9px;padding:8px 0;border-bottom:1px solid #f1eee6}.miko-pro-history span,.miko-pro-history em{font-size:8px;color:#8490a0}.miko-pro-history em{font-style:normal}
.miko-like-btn.is-active,.msn-like-btn.is-active{color:#ef2449!important;border-color:#ffb8c4!important;background:#fff1f4!important}.miko-save-btn.is-active,.msn-save-btn.is-active{color:#1267f2!important;border-color:#b9d7ff!important;background:#edf5ff!important}
.miko-tiktok-v2 .miko-widget-head{margin-bottom:12px}.miko-tiktok-video-grid{display:grid;grid-template-columns:1.35fr repeat(2,1fr);grid-auto-rows:auto;gap:10px}.miko-tiktok-video{display:block;border:1px solid #e1e8f2;border-radius:14px;overflow:hidden;background:#fff;color:#142f51!important;text-decoration:none!important;box-shadow:0 7px 20px rgba(14,48,88,.06)}.miko-tiktok-video>div{position:relative;aspect-ratio:9/12;background:#0b1730;overflow:hidden}.miko-tiktok-video.is-featured{grid-row:span 2}.miko-tiktok-video.is-featured>div{aspect-ratio:9/13}.miko-tiktok-video img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.miko-tiktok-video:hover img{transform:scale(1.04)}.miko-tiktok-video>div>span{position:absolute;left:10px;bottom:10px;width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.62);color:#fff;display:grid;place-items:center}.miko-tiktok-video>div>em{position:absolute;right:8px;bottom:8px;padding:4px 6px;border-radius:6px;background:rgba(0,0,0,.7);color:#fff;font-size:7px;font-style:normal}.miko-tiktok-video>b,.miko-tiktok-video>small{display:block;padding:0 10px}.miko-tiktok-video>b{padding-top:9px;font-size:10px;line-height:1.35}.miko-tiktok-video>small{padding-top:4px;padding-bottom:10px;font-size:8px;color:#7c8da1}
.miko-completion-admin{max-width:1480px}.miko-completion-admin-head{padding:22px 24px;margin:14px 0 16px;border-radius:18px;background:linear-gradient(135deg,#08284f,#1267f2);color:#fff}.miko-completion-admin-head span{font-size:10px;letter-spacing:.15em;opacity:.75;font-weight:800}.miko-completion-admin-head h1{color:#fff;margin:5px 0!important}.miko-completion-admin-head p{margin:0;opacity:.82}.miko-completion-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.miko-completion-card{background:#fff;border:1px solid #dce6f1;border-radius:16px;padding:18px;margin-bottom:14px;box-shadow:0 8px 24px rgba(20,55,90,.05)}.miko-completion-card label{display:block;font-weight:700;margin:10px 0}.miko-completion-card input[type=text],.miko-completion-card input:not([type]),.miko-completion-card textarea,.miko-completion-card select{width:100%;max-width:none;margin-top:5px}.miko-completion-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.miko-completion-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.miko-completion-table-wrap{overflow:auto}.miko-completion-table-wrap table{min-width:1050px}.miko-completion-table-wrap input,.miko-completion-table-wrap textarea,.miko-completion-table-wrap select{width:100%;box-sizing:border-box}.miko-completion-table-wrap textarea{min-width:190px}.miko-admin-switch{display:flex!important;gap:8px;align-items:center}.miko-admin-switch input{width:auto!important;margin:0!important}
@media(max-width:1000px){.miko-calendar-grid{grid-template-columns:repeat(10,minmax(32px,1fr))}.miko-reward-store-grid{grid-template-columns:1fr}.miko-tiktok-video-grid{grid-template-columns:1fr 1fr}.miko-tiktok-video.is-featured{grid-column:1/-1;grid-row:auto}.miko-tiktok-video.is-featured>div{aspect-ratio:16/9}.miko-completion-grid{grid-template-columns:1fr}}
@media(max-width:650px){.miko-calendar-grid{grid-template-columns:repeat(7,minmax(30px,1fr))}.miko-pro-detail-grid{grid-template-columns:1fr}.miko-reading-history article{grid-template-columns:60px 1fr}.miko-reading-history .thumb img{width:60px;height:44px}.miko-reading-history em,.miko-reading-history article>i{grid-column:2}.miko-store-summary{grid-template-columns:1fr}.miko-reward-store-grid{grid-template-columns:1fr}.miko-redemption-history>div{grid-template-columns:1fr}.miko-tiktok-video-grid{grid-template-columns:1fr 1fr;gap:8px}.miko-tiktok-video.is-featured{grid-column:1/-1}.miko-completion-field-grid{grid-template-columns:1fr}}