/* La Bestia · TikTok Shop V1 */
.tiktok-channel-card{border-top:4px solid #111}.tiktok-channel-card .platform-icon{background:#111;color:#fff}
.tiktok-tabs{margin-bottom:18px}.tiktok-tabs button.active{background:#111;color:#fff;border-color:#111}
.tiktok-settings summary{font-weight:800;cursor:pointer}.tiktok-permissions{display:flex;gap:14px;flex-wrap:wrap;margin:14px 0}.tiktok-permissions label{display:flex;align-items:center;gap:7px;background:#f7f9f8;border:1px solid #dde5e1;border-radius:10px;padding:9px 11px}.tiktok-permissions input{width:auto;margin:0}
.tiktok-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.tiktok-kpis .metric{min-width:0}
.tiktok-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}.tiktok-listing-card{border:1px solid #dce5e1;border-radius:14px;padding:14px;background:#fff;min-width:0;box-shadow:0 2px 8px rgba(15,39,37,.035)}.tiktok-listing-card.tiktok-unmatched{border-color:#e7c672;background:#fffdf6}.tiktok-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tiktok-card-head>div{min-width:0}.tiktok-card-head h4{margin:4px 0 5px;font-size:15px;line-height:1.25}.tiktok-card-head small,.tiktok-card-head b{display:block;overflow-wrap:anywhere}.tiktok-id-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.tiktok-id-grid span{background:#f7f9f8;border-radius:9px;padding:8px;min-width:0}.tiktok-id-grid small{display:block;color:#6b7772;margin-bottom:3px}.tiktok-id-grid b{display:block;overflow-wrap:anywhere;font-size:13px}.tiktok-listing-card .actions{margin-top:10px}
.tiktok-order-lines{display:grid;gap:8px}.tiktok-order-line{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;border:1px solid #e1e8e4;border-radius:10px;padding:11px}.tiktok-order-line small{display:block;color:#69736f;margin:3px 0}.tiktok-order-line button{margin-top:5px}
@media(max-width:1150px){.tiktok-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tiktok-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.tiktok-list-grid{grid-template-columns:1fr}.tiktok-kpis{grid-template-columns:1fr 1fr}.tiktok-order-line{grid-template-columns:1fr}.tiktok-id-grid{grid-template-columns:1fr}.tiktok-card-head{flex-direction:column}}

/* TikTok V2 · operativa */
.tiktok-card-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.tiktok-card-actions button{flex:0 0 auto}.tiktok-card-actions button:disabled{opacity:.45;cursor:not-allowed}
.tiktok-permission-summary{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.tiktok-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.tiktok-detail-grid>div{border:1px solid #e1e8e4;border-radius:10px;padding:10px;min-width:0}.tiktok-detail-grid small{display:block;color:#6b7772;margin-bottom:4px}.tiktok-detail-grid strong{overflow-wrap:anywhere}.tiktok-activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tiktok-activity-grid section{min-width:0}.tiktok-log-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;border-bottom:1px solid #edf1ef;padding:10px 0}.tiktok-log-row small{display:block;color:#69736f}.tiktok-finance-list{display:grid;gap:9px}.tiktok-finance-row{display:grid;grid-template-columns:minmax(180px,1.4fr) repeat(4,minmax(90px,1fr));gap:10px;border:1px solid #e1e8e4;border-radius:10px;padding:10px}.tiktok-finance-row small{display:block;color:#69736f;margin-bottom:3px}.tiktok-json{max-height:420px;overflow:auto;background:#111;color:#f5f5f5;border-radius:10px;padding:12px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:900px){.tiktok-activity-grid{grid-template-columns:1fr}.tiktok-finance-row{grid-template-columns:1fr 1fr}.tiktok-log-row{grid-template-columns:1fr}.tiktok-detail-grid{grid-template-columns:1fr}}

/* TikTok V3 · postventa + mensajes */
.tiktok-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}.tiktok-post-card{border:1px solid #dce5e1;border-radius:14px;padding:14px;background:#fff;min-width:0}.tiktok-post-card h4{margin:4px 0}.tiktok-post-card>small{display:block;color:#6b7772;margin-top:8px}
.tiktok-conversation-list{display:grid;gap:9px}.tiktok-conversation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) auto;gap:14px;align-items:center;text-align:left;border:1px solid #dce5e1;border-radius:12px;padding:12px;background:#fff}.tiktok-conversation strong,.tiktok-conversation span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiktok-conversation small{color:#6b7772}
.tiktok-chat{display:grid;gap:9px;max-height:480px;overflow:auto;padding:4px}.tiktok-chat-msg{max-width:82%;padding:10px 12px;border-radius:12px;background:#f1f4f2}.tiktok-chat-msg.seller{margin-left:auto;background:#e7f4ee}.tiktok-chat-msg p{margin:0 0 5px;white-space:pre-wrap}.tiktok-chat-msg small{color:#6b7772}.tiktok-message-form,.tiktok-note-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:12px}.tiktok-message-form textarea,.tiktok-note-form textarea{width:100%;resize:vertical}
.tiktok-notes{display:grid;gap:8px}.tiktok-note{border-left:3px solid #9eb9ad;background:#f7f9f8;padding:9px 11px;border-radius:8px}.tiktok-note p{margin:0 0 4px;white-space:pre-wrap}.tiktok-note small{color:#6b7772}
@media(max-width:1000px){.tiktok-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tiktok-conversation{grid-template-columns:1fr auto}.tiktok-conversation span{grid-column:1/-1}}@media(max-width:720px){.tiktok-post-grid{grid-template-columns:1fr}.tiktok-message-form,.tiktok-note-form{grid-template-columns:1fr}.tiktok-chat-msg{max-width:96%}}


/* TikTok V4 · calidad y cumplimiento */
.tiktok-quality-kpis{margin-top:14px}.tiktok-quality-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.tiktok-quality-card{border:1px solid #dce5e1;border-radius:14px;padding:14px;background:#fff;min-width:0}.tiktok-quality-card h4{margin:4px 0 5px}.tiktok-quality-tags{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.tag.gray{background:#eef2f0;color:#4b5752}.tag.red{background:#fde8e8;color:#9b1c1c}
@media(max-width:900px){.tiktok-quality-grid{grid-template-columns:1fr}}

/* V6-V13 · módulos avanzados */
.tiktok-tabs{display:flex;flex-wrap:wrap;gap:8px;overflow:visible}
.tiktok-tabs button{flex:0 0 auto}
#tiktok-finance-advanced .table-wrap,#tiktok-logistics .table-wrap{overflow-x:auto}
#tiktok-integration .tiktok-log-row{align-items:flex-start;gap:12px}
#tiktok-integration .tiktok-log-row small{white-space:normal;word-break:break-word;max-width:720px}

/* V7/V10 */
#tiktok-webhooks code{display:block;overflow-wrap:anywhere;white-space:normal;margin:.45rem 0}.tiktok-tabs{overflow-x:auto}.tiktok-tabs button{white-space:nowrap}#tiktok-affiliate section{margin-top:1rem}#tiktok-affiliate table small{display:block}

/* TikTok V14 · paridad visual Miravia + color por sociedad */
.tiktok-workspace{--tiktok-accent:#e87924;--tiktok-accent-soft:#fff3e8;--tiktok-accent-deep:#9a3f00}
.tiktok-workspace.tiktok-theme-orange{--tiktok-accent:#e87924;--tiktok-accent-soft:#fff3e8;--tiktok-accent-deep:#9a3f00}
.tiktok-workspace.tiktok-theme-purple{--tiktok-accent:#7c3aed;--tiktok-accent-soft:#f3e8ff;--tiktok-accent-deep:#5b21b6}
.tiktok-workspace.tiktok-theme-green{--tiktok-accent:#16805b;--tiktok-accent-soft:#e8f7ef;--tiktok-accent-deep:#0f5f43}
.tiktok-workspace .miravia-shell-head{border-top:5px solid var(--tiktok-accent)}
.tiktok-workspace .eyebrow{color:var(--tiktok-accent-deep)}
.tiktok-workspace .miravia-tabs button.active{background:var(--tiktok-accent);border-color:var(--tiktok-accent);color:#fff}
.tiktok-workspace button.primary{background:var(--tiktok-accent);border-color:var(--tiktok-accent);color:#fff}
.tiktok-workspace button.primary:hover{filter:brightness(.94)}
.tiktok-workspace .notice{border-left-color:var(--tiktok-accent)}
.tiktok-workspace .catalog-pagination button:not(:disabled):hover{border-color:var(--tiktok-accent);color:var(--tiktok-accent-deep)}
.tiktok-workspace .link-button{color:var(--tiktok-accent-deep)}

.tiktok-channel-card{--tiktok-accent:#e87924;border-top-color:var(--tiktok-accent)!important}
.tiktok-channel-card.tiktok-theme-orange{--tiktok-accent:#e87924}
.tiktok-channel-card.tiktok-theme-purple{--tiktok-accent:#7c3aed}
.tiktok-channel-card.tiktok-theme-green{--tiktok-accent:#16805b}
.tiktok-channel-card .platform-icon{background:var(--tiktok-accent)!important;color:#fff}
.tiktok-channel-card button.primary{background:var(--tiktok-accent);border-color:var(--tiktok-accent);color:#fff}

/* Catálogo TikTok adopta la misma composición tabular que Miravia */
.tiktok-miravia-table-wrap{overflow-x:auto}
.tiktok-miravia-table{width:100%;border-collapse:collapse;table-layout:auto}
.tiktok-miravia-table th{white-space:nowrap}
.tiktok-miravia-table td{vertical-align:top}
.tiktok-miravia-table td small{display:block;margin-top:4px;color:#6b7772}
.tiktok-miravia-table code{display:inline-block;max-width:240px;overflow-wrap:anywhere;white-space:normal}
.tiktok-miravia-table .miravia-id{display:block;margin-top:7px;overflow-wrap:anywhere}
.tiktok-miravia-table .miravia-actions{display:flex;gap:6px;flex-wrap:wrap;min-width:220px}
.tiktok-miravia-table .tiktok-table-sub{max-width:260px;overflow-wrap:anywhere}
.tiktok-miravia-table tr.miravia-unmatched td{background:#fffdf6}
.tiktok-miravia-table tr.miravia-unmatched{box-shadow:inset 3px 0 0 #d39a1c}

/* Pedidos TikTok: misma jerarquía y densidad visual que pedidos Miravia */
#tiktok-orders .toolbar{align-items:center}
#tiktok-orders .tiktok-order-link{padding:0;text-align:left}
#tiktok-orders table td,#tiktok-orders table th{vertical-align:middle}
#tiktok-orders table tbody tr:hover{background:var(--tiktok-accent-soft)}

@media(max-width:980px){
 .tiktok-miravia-table .miravia-actions{min-width:170px}
}