.tiktok-native-view{background:#f4f7fb}.tk-header{min-height:74px}.tk-header-tools{display:flex;align-items:flex-end;justify-content:flex-end;gap:8px;flex-wrap:wrap}.tk-header-tools label{display:grid;grid-template-columns:auto minmax(115px,1fr);gap:5px;color:#7a899e;font-size:10px}.tk-header-tools label span{grid-column:1/-1;font-weight:700}.tk-header-tools input,.tk-header-tools select{height:32px;min-width:132px;padding:0 8px;color:#253653;border:1px solid #d8e3ee;border-radius:5px;background:#fff;font-size:11px}.tk-header-tools label b{color:#9aa7b8;font-weight:500}.tk-header-tools>button{height:32px;padding:0 15px;color:#fff;border:0;border-radius:5px;background:#337fed;cursor:pointer;font-size:11px;font-weight:700}.tk-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:11px}.tk-kpi{position:relative;min-height:97px;padding:14px 12px 11px 15px;overflow:hidden;border:1px solid #e1e9f2;border-radius:8px;background:#fff;box-shadow:0 3px 14px #27476c09}.tk-kpi:before{position:absolute;left:0;top:0;bottom:0;width:3px;background:#3d87ef;content:""}.tk-kpi:nth-child(2):before{background:#27b896}.tk-kpi:nth-child(3):before{background:#7d78dc}.tk-kpi:nth-child(4):before{background:#f19a37}.tk-kpi:nth-child(5):before{background:#e27196}.tk-kpi:nth-child(6):before{background:#647bc7}.tk-kpi-icon{position:absolute;right:11px;top:12px;display:grid;place-items:center;width:31px;height:31px;color:#438df0;border-radius:7px;background:#eef6ff}.tk-kpi-icon .icon{width:18px;height:18px}.tk-kpi small,.tk-kpi strong,.tk-kpi em{display:block}.tk-kpi small{color:#687994;font-size:11px;font-weight:600}.tk-kpi strong{margin-top:8px;color:#172945;font-size:23px;line-height:25px;font-variant-numeric:tabular-nums}.tk-kpi em{margin-top:5px;color:#8491a4;font-size:10px;font-style:normal}.tk-kpi em.up{color:#0b9d6c}.tk-kpi em.down{color:#ee4c55}.tk-top-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,.95fr);gap:11px;margin-bottom:11px}.tk-panel{min-width:0;padding:14px;border:1px solid #e0e8f1;border-radius:8px;background:#fff;box-shadow:0 3px 14px #27476c07}.tk-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:27px}.tk-panel-head>div{display:flex;align-items:center;gap:8px}.tk-panel-head>div>i{display:block;width:4px;height:19px;border-radius:3px;background:#3687f2}.tk-panel-head h2{margin:0;color:#1c304d;font-size:15px;line-height:20px}.tk-panel-head>span{color:#8a98ab;font-size:10px;white-space:nowrap}.tk-chart-legend{display:flex;gap:18px;margin:9px 0 0 13px;color:#73839a;font-size:10px}.tk-chart-legend span{display:flex;align-items:center;gap:5px}.tk-chart-legend i{display:block;width:15px;height:3px;border-radius:2px}.tk-line-chart{display:block;width:100%;height:212px;margin-top:2px}.tk-chart-grid line{stroke:#e8eef5;stroke-width:1;stroke-dasharray:2 3}.tk-line-chart path{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.tk-chart-points circle{fill:#fff;stroke:#3d87ef;stroke-width:1.5;opacity:.2}.tk-chart-labels text{fill:#94a1b3;font-size:9px}.tk-channel-body{display:grid;grid-template-columns:174px minmax(0,1fr);align-items:center;gap:12px;min-height:226px}.tk-donut{display:grid;place-items:center;width:164px;height:164px;margin:auto;border-radius:50%}.tk-donut>div{display:grid;place-items:center;align-content:center;width:94px;height:94px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #2a446511}.tk-donut strong{color:#172b49;font-size:18px;font-variant-numeric:tabular-nums}.tk-donut small{margin-top:4px;color:#8795a8;font-size:10px}.tk-channel-list{display:grid;gap:8px;min-width:0}.tk-channel-list>div{display:grid;grid-template-columns:9px minmax(0,1fr) auto auto;align-items:center;gap:7px;color:#5c6f89;font-size:11px}.tk-channel-list>div>i{width:9px;height:9px;border-radius:50%}.tk-channel-list b{color:#384d69;font-size:10px}.tk-channel-list strong{color:#253956;font-size:11px;font-variant-numeric:tabular-nums}.tk-shop-tab{padding-top:8px;margin-top:2px;border-top:1px solid #edf1f5}.tk-shop-tab span{color:#94a0b1;font-size:9px}.tk-shop-tab strong{color:#7788a1;font-size:10px}.tk-alert-strip{display:grid;grid-template-columns:145px repeat(4,minmax(0,1fr));align-items:center;gap:8px;min-height:55px;padding:7px 12px;margin-bottom:11px;border:1px solid #e2eaf1;border-radius:8px;background:#fff}.tk-alert-strip>strong{display:flex;align-items:center;gap:7px;color:#1e304a;font-size:13px}.tk-alert-strip>strong .icon{width:18px;color:#ef4657}.tk-alert-strip>div{display:flex;align-items:center;gap:8px;min-width:0;padding:4px 8px;border-left:1px solid #edf1f5}.tk-alert-strip>div>b{display:grid;place-items:center;width:31px;height:31px;color:#fff;border-radius:50%;background:#ef6262;font-size:15px}.tk-alert-strip>div>b.tone-1{background:#f59b32}.tk-alert-strip>div>b.tone-2{background:#efb53d}.tk-alert-strip>div>b.tone-3{background:#dc667f}.tk-alert-strip>div span{min-width:0}.tk-alert-strip>div strong,.tk-alert-strip>div small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tk-alert-strip>div strong{color:#475a74;font-size:10px}.tk-alert-strip>div small{margin-top:3px;color:#96a1b0;font-size:9px}.tk-work-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1.25fr);gap:11px}.tk-work-grid .tk-product-ranking{grid-row:span 2}.tk-table-scroll{overflow-x:auto;margin-top:9px}.tk-panel table{width:100%;border-collapse:collapse;color:#465a76;font-size:10px;white-space:nowrap}.tk-panel th{padding:7px 6px;color:#8492a5;border-bottom:1px solid #e4ebf2;background:#f8fafc;font-size:9px;font-weight:700;text-align:left}.tk-panel td{height:37px;padding:5px 6px;border-bottom:1px solid #edf2f6;vertical-align:middle}.tk-panel tbody tr:last-child td{border-bottom:0}.tk-panel td strong,.tk-panel td small{display:block}.tk-panel td strong{color:#2b405f;font-size:10px}.tk-panel td small{max-width:178px;margin-top:3px;overflow:hidden;color:#909daf;text-overflow:ellipsis;font-size:9px}.tk-rank{display:grid;place-items:center;width:20px;height:20px;color:#667b95;border-radius:50%;background:#edf2f7;font-size:10px}.tk-rank.rank-1{color:#fff;background:#f3a72d}.tk-rank.rank-2{color:#fff;background:#8fa4c2}.tk-rank.rank-3{color:#fff;background:#c78660}.tk-bar{display:inline-block;width:54px;height:5px;margin-right:6px;overflow:hidden;vertical-align:middle;border-radius:3px;background:#eaf0f6}.tk-bar i{display:block;height:100%;border-radius:3px;background:#4b91ec}.tk-focus-product{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;margin-top:9px;border:1px solid #e5edf4;border-radius:6px;background:#f8fbfe}.tk-focus-product div{min-width:0}.tk-focus-product span,.tk-focus-product strong,.tk-focus-product small{display:block}.tk-focus-product span{color:#8391a3;font-size:9px}.tk-focus-product strong{margin-top:3px;overflow:hidden;color:#24405f;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.tk-focus-product small{margin-top:3px;overflow:hidden;color:#95a1b1;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.tk-positive{color:#0a9c6c!important}.tk-negative{color:#ea4f58!important}.tk-grade{display:inline-grid;place-items:center;min-width:21px;height:19px;border-radius:4px;font-size:10px;font-weight:800}.grade-A{color:#138767;background:#e0f5ec}.grade-B{color:#2876c9;background:#e4f0fc}.grade-C{color:#b77912;background:#fff2d5}.grade-D{color:#8693a4;background:#edf1f5}.tk-chain-summary{display:flex;gap:17px;padding:9px 0 2px;color:#7c8ca1;font-size:10px}.tk-chain-summary b{margin-left:4px;color:#2774cb;font-size:14px}.tk-risk-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:12px 4px 8px}.tk-risk-summary div{padding-right:7px;border-right:1px solid #edf1f5}.tk-risk-summary div:last-child{border-right:0}.tk-risk-summary span,.tk-risk-summary strong{display:block}.tk-risk-summary span{color:#8190a4;font-size:9px}.tk-risk-summary strong{margin-top:5px;color:#263b58;font-size:16px}.tk-risk-list{display:grid;gap:3px}.tk-risk-list>div{display:grid;grid-template-columns:minmax(0,1fr) 44px 70px;align-items:center;gap:8px;min-height:30px;border-top:1px solid #edf2f6}.tk-risk-list span,.tk-risk-list b,.tk-risk-list small{display:block}.tk-risk-list b{color:#405773;font-size:10px}.tk-risk-list small{margin-top:2px;color:#9aa5b4;font-size:9px}.tk-risk-list>div>strong{color:#21936f;font-size:10px;text-align:right}.tk-risk-list>div>strong.high{color:#e95059}.tk-risk-list i{display:block;height:5px;overflow:hidden;border-radius:4px;background:#edf1f5}.tk-risk-list i b{height:100%;border-radius:4px;background:#ef6b72}.tk-risk-list>p{margin:8px 0;color:#9aa5b4;font-size:10px}.tk-report{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-top:11px}.tk-report>div:last-of-type{display:flex;flex-wrap:wrap;gap:6px 20px;flex:1}.tk-report p{margin:0;color:#5d708b;font-size:10px}.tk-report>small{max-width:280px;color:#9aa5b5;font-size:9px;line-height:14px}.tk-error-state{display:grid;justify-items:center;gap:10px;min-height:320px;padding-top:90px;color:#718198}.tk-error-state strong{color:#243958;font-size:20px}.tk-error-state p{margin:0;font-size:12px}.tk-error-state button{height:32px;padding:0 14px;color:#fff;border:0;border-radius:5px;background:#337fed;cursor:pointer;font-size:11px}@media(max-width:1260px){.tk-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tk-top-grid{grid-template-columns:1fr}.tk-channel-body{min-height:190px}.tk-work-grid{grid-template-columns:1fr}.tk-work-grid .tk-product-ranking{grid-row:auto}}@media(max-width:850px){.tk-header{align-items:flex-start;flex-direction:column}.tk-header-tools{justify-content:flex-start;width:100%}.tk-header-tools .source-badge{display:none}.tk-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tk-alert-strip{grid-template-columns:1fr 1fr}.tk-alert-strip>strong{grid-column:1/-1}.tk-alert-strip>div:nth-child(2){border-left:0}.tk-channel-body{grid-template-columns:145px minmax(0,1fr)}.tk-donut{width:138px;height:138px}.tk-donut>div{width:82px;height:82px}.tk-report{flex-direction:column;gap:10px}}@media(max-width:600px){.tk-header-tools label{width:100%;grid-template-columns:auto 1fr auto 1fr}.tk-header-tools label span{grid-column:1/-1}.tk-header-tools input,.tk-header-tools select{width:100%}.tk-header-tools>button{width:100%}.tk-kpi-grid{grid-template-columns:1fr 1fr;gap:7px}.tk-kpi{padding-left:11px}.tk-kpi strong{font-size:18px}.tk-kpi-icon{display:none}.tk-alert-strip{grid-template-columns:1fr}.tk-alert-strip>strong{grid-column:auto}.tk-alert-strip>div{border-left:0;border-top:1px solid #edf1f5}.tk-channel-body{grid-template-columns:1fr}.tk-donut{width:150px;height:150px}.tk-focus-product{flex-direction:column}.tk-risk-summary{grid-template-columns:repeat(2,1fr)}.tk-risk-summary div:nth-child(2){border-right:0}.tk-risk-summary div:nth-child(n+3){padding-top:7px;border-top:1px solid #edf1f5}}


/* Reference cockpit proportions: keep the first screen dense and let data-heavy cards scroll internally. */
.tiktok-native-view .sidebar{width:144px;padding:14px 8px 16px}
.tiktok-native-view .dashboard-main{width:calc(100% - 144px);margin-left:144px;padding:0 10px 12px}
.tiktok-native-view .brand{gap:6px;padding:0 4px 16px}
.tiktok-native-view .brand-spark{font-size:22px;line-height:24px}
.tiktok-native-view .brand strong{font-size:12px;line-height:16px}
.tiktok-native-view .side-nav{gap:3px}
.tiktok-native-view .side-nav-item{min-height:42px;gap:7px;padding:6px 8px;border-radius:6px}
.tiktok-native-view .side-nav-icon{width:18px;height:18px}
.tiktok-native-view .side-nav-icon .icon{width:17px;height:17px}
.tiktok-native-view .side-nav-copy strong{font-size:11px;line-height:15px}
.tiktok-native-view .side-nav-copy small{font-size:9px;line-height:12px}
.tiktok-native-view .data-note{gap:7px;margin-left:3px;margin-right:3px}
.tiktok-native-view .data-note .icon{width:15px;height:15px}
.tiktok-native-view .data-note strong,.tiktok-native-view .data-note small{font-size:9px;line-height:13px}
.tiktok-native-view .dashboard-header{min-height:70px;padding:9px 6px 6px}
.tiktok-native-view .dashboard-title h1{font-size:27px;line-height:32px}
.tiktok-native-view .dashboard-title p{font-size:11px;letter-spacing:2px}
.tiktok-native-view .tk-header{align-items:center}
.tiktok-native-view .tk-header-tools{align-items:flex-end}
.tiktok-native-view .tk-kpi-grid{gap:8px;margin-bottom:9px}
.tiktok-native-view .tk-kpi{min-height:88px;padding:11px 10px 9px 12px}
.tiktok-native-view .tk-kpi strong{margin-top:5px;font-size:21px;line-height:23px}
.tiktok-native-view .tk-kpi em{margin-top:4px}
.tiktok-native-view .tk-top-grid{gap:9px;margin-bottom:9px}
.tiktok-native-view .tk-panel{padding:11px 12px}
.tiktok-native-view .tk-line-chart{height:196px}
.tiktok-native-view .tk-channel-body{min-height:206px}
.tiktok-native-view .tk-alert-strip{min-height:51px;gap:6px;padding:6px 10px;margin-bottom:9px}
.tiktok-native-view .tk-alert-strip>div{padding:3px 6px}
.tiktok-native-view .tk-work-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.34fr);gap:9px;grid-template-rows:232px 193px}
.tiktok-native-view .tk-work-grid .tk-product-ranking{grid-row:1 / span 2;max-height:434px}
.tiktok-native-view .tk-action-board,.tiktok-native-view .tk-creator-board,.tiktok-native-view .tk-risk-board{height:100%;min-height:0;overflow:hidden}
.tiktok-native-view .tk-table-scroll{min-width:0;overflow:auto;max-height:calc(100% - 40px)}
.tiktok-native-view .tk-product-ranking .tk-table-scroll{max-height:374px}
.tiktok-native-view .tk-action-board .tk-table-scroll{max-height:139px}
.tiktok-native-view .tk-creator-board .tk-table-scroll{max-height:121px}
.tiktok-native-view .tk-risk-board .tk-risk-list{max-height:116px;overflow:auto;padding-right:3px}
.tiktok-native-view .tk-panel td{height:32px;padding:4px 5px}
.tiktok-native-view .tk-panel th{padding:6px 5px}
.tiktok-native-view .tk-report{margin-top:9px;max-height:92px;overflow:hidden}
@media(max-width:1260px){.tiktok-native-view .sidebar{width:144px}.tiktok-native-view .dashboard-main{width:calc(100% - 144px);margin-left:144px}.tiktok-native-view .tk-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tiktok-native-view .tk-top-grid{grid-template-columns:1fr}.tiktok-native-view .tk-work-grid{grid-template-columns:1fr;grid-template-rows:auto}.tiktok-native-view .tk-work-grid .tk-product-ranking{grid-row:auto;max-height:none}.tiktok-native-view .tk-action-board,.tiktok-native-view .tk-creator-board,.tiktok-native-view .tk-risk-board{height:auto;min-height:250px}.tiktok-native-view .tk-table-scroll,.tiktok-native-view .tk-product-ranking .tk-table-scroll,.tiktok-native-view .tk-action-board .tk-table-scroll,.tiktok-native-view .tk-creator-board .tk-table-scroll,.tiktok-native-view .tk-risk-board .tk-risk-list{max-height:330px}}
@media(max-width:850px){.tiktok-native-view .dashboard-main{padding:0 7px 10px}.tiktok-native-view .tk-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tiktok-native-view .tk-work-grid{grid-template-columns:1fr}.tiktok-native-view .tk-header{align-items:flex-start}.tiktok-native-view .tk-header-tools{align-items:flex-start}}


/* Three-column lower cockpit: ranking spans rows, attribution spans columns, detail boards share the bottom row. */
.tiktok-native-view .tk-work-grid{grid-template-columns:minmax(0,1fr) minmax(0,.88fr) minmax(300px,.72fr);grid-template-rows:232px 193px}
.tiktok-native-view .tk-product-ranking{grid-column:1;grid-row:1 / span 2}
.tiktok-native-view .tk-action-board{grid-column:2 / 4;grid-row:1}
.tiktok-native-view .tk-creator-board{grid-column:2;grid-row:2}
.tiktok-native-view .tk-risk-board{grid-column:3;grid-row:2}
@media(max-width:1260px){.tiktok-native-view .tk-work-grid{grid-template-columns:1fr;grid-template-rows:auto}.tiktok-native-view .tk-product-ranking,.tiktok-native-view .tk-action-board,.tiktok-native-view .tk-creator-board,.tiktok-native-view .tk-risk-board{grid-column:auto;grid-row:auto}}

/* TK cockpit alignment and interactive chart controls. */
.tiktok-native-view .sidebar{width:192px;padding:17px 12px 20px}
.tiktok-native-view .dashboard-main{width:calc(100% - 192px);margin-left:192px;padding:0 12px 14px}
.tiktok-native-view .brand{gap:10px;padding:0 5px 21px}
.tiktok-native-view .brand-spark{font-size:28px;line-height:28px}
.tiktok-native-view .brand strong{font-size:16px;line-height:20px}
.tiktok-native-view .side-nav{gap:4px}
.tiktok-native-view .side-nav-item{min-height:48px;gap:12px;padding:8px 12px;border-radius:8px}
.tiktok-native-view .side-nav-icon{width:22px;height:22px}
.tiktok-native-view .side-nav-icon .icon{width:20px;height:20px}
.tiktok-native-view .side-nav-copy strong{font-size:14px;line-height:19px}
.tiktok-native-view .side-nav-copy small{font-size:12px;line-height:17px}
.tiktok-native-view .dashboard-header{min-height:95px;padding:12px 8px 8px}
.tiktok-native-view .dashboard-title h1{font-size:28px;line-height:37px}
.tiktok-native-view .dashboard-title p{font-size:14px;letter-spacing:2px}
.tiktok-native-view .tk-header-tools{align-items:center;flex-wrap:nowrap;gap:8px}
.tiktok-native-view .tk-header-tools label{display:flex;align-items:center;gap:6px;white-space:nowrap}
.tiktok-native-view .tk-header-tools label span{display:inline;order:0;grid-column:auto;font-weight:700}
.tiktok-native-view .tk-header-tools label b{display:inline}
.tiktok-native-view .tk-header-tools input{width:112px;min-width:112px;height:34px}
.tiktok-native-view .tk-header-tools select{width:220px;min-width:220px;height:34px}
.tiktok-native-view .tk-header-tools>button{height:34px;flex:0 0 auto}
.tiktok-native-view .tk-header-tools .source-badge{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.tiktok-native-view .tk-kpi{min-height:97px;padding:14px 12px 11px 15px}
.tiktok-native-view .tk-kpi strong{font-size:23px;line-height:25px}
.tiktok-native-view .tk-chart-toolbar{display:flex;justify-content:flex-end;min-height:25px}
.tiktok-native-view .tk-chart-legend{gap:6px;margin:0}
.tiktok-native-view .tk-chart-control{display:flex;align-items:center;gap:5px;height:24px;padding:0 8px;color:#8190a3;border:1px solid #dfe7ef;border-radius:5px;background:#fff;cursor:pointer;font-size:10px}
.tiktok-native-view .tk-chart-control i{display:block;width:15px;height:3px;border-radius:2px;opacity:.45}
.tiktok-native-view .tk-chart-control.is-active{color:#2a4e79;border-color:#9bc4f4;background:#f2f8ff;font-weight:700}
.tiktok-native-view .tk-chart-control.is-active i{opacity:1}
.tiktok-native-view .tk-chart-wrap{position:relative}
.tiktok-native-view .tk-chart-tooltip{position:absolute;z-index:3;display:grid;gap:3px;min-width:112px;padding:7px 9px;border:1px solid #d9e5f2;border-radius:5px;background:#fff;box-shadow:0 5px 18px #19375924;color:#708199;font-size:10px;pointer-events:none}
.tiktok-native-view .tk-chart-tooltip[hidden]{display:none}
.tiktok-native-view .tk-chart-tooltip strong{color:#3b506d;font-size:10px}
.tiktok-native-view .tk-chart-tooltip b{color:#203955;font-size:11px}
.tiktok-native-view .tk-chart-hit{cursor:crosshair;stroke-width:1.5;opacity:.45}
.tiktok-native-view .tk-chart-hit:hover{stroke-width:2.5;opacity:1}
.tiktok-native-view .tk-channel-body{min-width:0;overflow:hidden}
.tiktok-native-view .tk-channel-list{min-width:0;overflow:hidden}
.tiktok-native-view .tk-channel-list>div{min-width:0}
.tiktok-native-view .tk-channel-list>div>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tiktok-native-view .tk-channel-list>div>strong{white-space:nowrap}
.tiktok-native-view .tk-shop-tab{display:flex;justify-content:space-between;align-items:center;gap:8px;min-width:0}
.tiktok-native-view .tk-shop-tab span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1260px){.tiktok-native-view .tk-header-tools{flex-wrap:wrap}.tiktok-native-view .tk-header-tools .source-badge{display:none}}
@media(max-width:850px){.tiktok-native-view .sidebar{width:166px}.tiktok-native-view .dashboard-main{width:calc(100% - 166px);margin-left:166px}.tiktok-native-view .dashboard-header{grid-template-columns:1fr;gap:8px}.tiktok-native-view .tk-header-tools{align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.tiktok-native-view .tk-header-tools label{width:auto}.tiktok-native-view .tk-header-tools input,.tiktok-native-view .tk-header-tools select{width:auto}.tiktok-native-view .tk-header-tools>button{width:auto}}
@media(max-width:600px){.tiktok-native-view .sidebar{position:static;width:100%;min-height:auto}.tiktok-native-view .dashboard-main{width:100%;margin-left:0}.tiktok-native-view .tk-header-tools{width:100%}.tiktok-native-view .tk-header-tools label{width:100%}.tiktok-native-view .tk-header-tools input,.tiktok-native-view .tk-header-tools select{width:100%;min-width:0}.tiktok-native-view .tk-header-tools>button{width:100%}}

/* TK secondary module framework */
.tiktok-native-view .tk-subnav{display:flex;align-items:center;gap:6px;min-height:42px;padding:5px 8px;margin:-2px 0 10px;border:1px solid #e1e9f2;border-radius:8px;background:#fff;box-shadow:0 2px 10px #27476c06}
.tiktok-native-view .tk-subnav button{height:30px;padding:0 14px;color:#71829a;border:1px solid transparent;border-radius:5px;background:transparent;cursor:pointer;font-size:11px;font-weight:700}
.tiktok-native-view .tk-subnav button:hover{color:#2d75c9;background:#f3f8ff}
.tiktok-native-view .tk-subnav button.is-active{color:#fff;border-color:#347ff0;background:#347ff0}
@media(max-width:600px){.tiktok-native-view .tk-subnav{overflow-x:auto}.tiktok-native-view .tk-subnav button{flex:0 0 auto}}