/* UMA Track Intelligence context integration — P21 */
.uma-ti-nav-link svg{color:#50e0ef!important;filter:drop-shadow(0 0 7px rgba(70,220,239,.22))}
.uma-ti-beta{font-size:8px;border:1px solid rgba(63,217,238,.25);background:rgba(54,211,238,.09);color:#85eaf5;border-radius:4px;padding:2px 5px;font-weight:700}
.uma-ti-context-wrap{width:100%;margin:22px 0 26px;clear:both}
.uma-ti-context-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;border:1px solid rgba(70,215,239,.20);border-radius:22px;padding:23px 25px;background:radial-gradient(circle at 85% 0,rgba(88,73,230,.13),transparent 34%),linear-gradient(145deg,rgba(8,27,44,.72),rgba(7,12,29,.82));box-shadow:0 18px 54px rgba(0,0,0,.17),inset 0 1px rgba(255,255,255,.02);color:#eef4ff;font-family:Inter,system-ui,sans-serif}
.uma-ti-context-card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#42dff0 32%,#7c63ff 68%,transparent)}
.uma-ti-context-main{min-width:0}.uma-ti-context-head{display:flex;align-items:flex-start;gap:15px}.uma-ti-context-icon{flex:0 0 auto;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;border:1px solid rgba(69,220,240,.28);background:linear-gradient(145deg,rgba(47,199,229,.11),rgba(104,78,237,.08));color:#56e3f2;box-shadow:0 0 24px rgba(50,211,235,.07)}
.uma-ti-context-copy{min-width:0}.uma-ti-context-eyebrow{font:700 9px/1.2 "Space Grotesk",Inter,sans-serif;letter-spacing:.16em;color:#61dff0;margin-bottom:5px}.uma-ti-context-title{font:700 16px/1.35 "Space Grotesk",Inter,sans-serif;letter-spacing:-.01em;overflow-wrap:anywhere}.uma-ti-context-sub{font-size:13px;line-height:1.55;color:#96a6c7;margin-top:4px;max-width:760px}
.uma-ti-context-metrics{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 0 57px}.uma-ti-context-metrics span{display:flex;align-items:baseline;gap:5px;font-size:11px;color:#8fa0c1;border:1px solid rgba(103,125,181,.20);background:rgba(12,20,44,.55);padding:7px 10px;border-radius:999px}.uma-ti-context-metrics b{font-size:11px;color:#f4f7ff}.uma-ti-context-metrics small{font-size:10px;color:#8797b8}.uma-ti-context-metrics .is-pro{border-color:rgba(92,223,194,.24);background:rgba(35,172,140,.07)}.uma-ti-context-metrics .is-pro b{color:#6ce5bf}
.uma-ti-context-reading{font-size:13px;line-height:1.65;color:#bdc7db;margin:13px 0 0 57px;max-width:880px}
.uma-ti-context-action{flex:0 0 auto;display:flex;align-items:center;gap:14px;min-width:176px;justify-content:space-between;padding:12px 15px;border:1px solid rgba(79,218,239,.27);border-radius:13px;background:linear-gradient(135deg,rgba(35,185,218,.08),rgba(100,70,225,.08));color:#6fe3f1;text-decoration:none;font-size:12px;font-weight:700;transition:transform .22s ease,border-color .22s ease,background .22s ease,color .22s ease}.uma-ti-context-action b{font-size:17px;font-weight:400}.uma-ti-context-action:hover{transform:translateY(-2px);border-color:rgba(97,228,242,.5);background:linear-gradient(135deg,rgba(35,185,218,.13),rgba(100,70,225,.13));color:#fff}
.uma-ti-context-card--diag{border-color:rgba(100,98,235,.21)}
@media(max-width:900px){.uma-ti-context-wrap{margin:20px 0 24px}.uma-ti-context-card{grid-template-columns:1fr;padding:21px;gap:18px}.uma-ti-context-action{width:100%;min-width:0}.uma-ti-context-metrics{margin-left:57px}}
@media(max-width:700px){.uma-ti-context-wrap{margin:20px 0 22px!important}.uma-ti-context-card{padding:19px 17px;border-radius:19px;gap:17px}.uma-ti-context-head{gap:12px}.uma-ti-context-icon{width:39px;height:39px}.uma-ti-context-eyebrow{font-size:9px}.uma-ti-context-title{font-size:15px}.uma-ti-context-sub{font-size:13px;line-height:1.6}.uma-ti-context-metrics{margin:15px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:7px}.uma-ti-context-metrics span{justify-content:flex-start;padding:8px 10px;min-width:0}.uma-ti-context-metrics b{font-size:11px}.uma-ti-context-metrics small{font-size:10px}.uma-ti-context-reading{margin:13px 0 0;font-size:13px;line-height:1.65}.uma-ti-context-action{font-size:13px;padding:13px 14px}}

/* P23 — Central: integração editorial em largura total */
.uma-ti-context-wrap--central{width:100%;margin:18px 0 22px;grid-column:1/-1!important;align-self:stretch}
.uma-ti-context-wrap--central .uma-ti-context-card--inline{padding:18px 20px;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;gap:22px;background:radial-gradient(circle at 82% 20%,rgba(70,86,230,.11),transparent 32%),linear-gradient(135deg,rgba(7,26,42,.78),rgba(8,12,30,.80));}
.uma-ti-context-wrap--central .uma-ti-context-main{display:grid;grid-template-columns:minmax(280px,1fr) minmax(330px,.92fr);align-items:center;column-gap:28px;row-gap:8px}
.uma-ti-context-wrap--central .uma-ti-context-head{align-items:center}
.uma-ti-context-wrap--central .uma-ti-context-icon{width:40px;height:40px;border-radius:12px}
.uma-ti-context-wrap--central .uma-ti-context-eyebrow{font-size:9px;margin-bottom:4px}
.uma-ti-context-wrap--central .uma-ti-context-title{font-size:15px;line-height:1.28;max-width:460px}
.uma-ti-context-wrap--central .uma-ti-context-sub{font-size:12.5px;line-height:1.5;margin-top:3px;max-width:540px}
.uma-ti-context-wrap--central .uma-ti-context-metrics{margin:0;display:flex;justify-content:flex-start;align-items:center;gap:7px}
.uma-ti-context-wrap--central .uma-ti-context-metrics span{padding:6px 9px;background:rgba(7,18,38,.62)}
.uma-ti-context-wrap--central .uma-ti-context-reading{grid-column:1/-1;margin:4px 0 0 55px;font-size:12.5px;line-height:1.55;color:#aebbd2;max-width:980px}
.uma-ti-context-wrap--central .uma-ti-context-action{min-width:158px;padding:11px 14px;border-radius:12px;align-self:center}

@media(max-width:1050px){
  .uma-ti-context-wrap--central .uma-ti-context-main{grid-template-columns:1fr;row-gap:12px}
  .uma-ti-context-wrap--central .uma-ti-context-metrics{margin-left:55px}
}
@media(max-width:700px){
  .uma-ti-context-wrap--central{margin:17px 0 20px!important}
  .uma-ti-context-wrap--central .uma-ti-context-card--inline{padding:18px 16px;gap:15px}
  .uma-ti-context-wrap--central .uma-ti-context-main{display:block}
  .uma-ti-context-wrap--central .uma-ti-context-title{font-size:15px}
  .uma-ti-context-wrap--central .uma-ti-context-sub{font-size:13px}
  .uma-ti-context-wrap--central .uma-ti-context-metrics{margin:14px 0 0;display:grid;grid-template-columns:1fr 1fr}
  .uma-ti-context-wrap--central .uma-ti-context-reading{margin:12px 0 0;font-size:13px}
}

/* P27 — integração consistente em desktop/tablet/mobile */
.uma-ti-nav-link{min-width:0}
.uma-ti-nav-link .uma-ti-nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.uma-ti-context-card--empty{border-color:rgba(88,183,239,.18);background:radial-gradient(circle at 88% 0,rgba(46,215,238,.07),transparent 34%),linear-gradient(145deg,rgba(8,24,42,.66),rgba(7,12,28,.78))}
.uma-ti-context-card--empty .uma-ti-context-title{color:#edf5ff}
.uma-ti-tiktok-source{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:6px 10px;border-radius:999px;border:1px solid rgba(127,115,206,.28);background:rgba(74,56,130,.10);color:#b8addd;font-size:12px;line-height:1.2;font-weight:500;white-space:nowrap}
.uma-ti-tiktok-source.is-connected{border-color:rgba(64,225,222,.30);background:rgba(29,191,182,.09);color:#78e7df}
.uma-ti-tiktok-mark{display:grid;place-items:center;width:16px;height:16px;border-radius:5px;background:linear-gradient(135deg,#23e4df,#ff4d83);color:#07111e;font-size:10px;font-weight:900;box-shadow:0 0 12px rgba(61,220,220,.18)}

@media(max-width:760px){
  .uma-ti-nav-link{width:100%;box-sizing:border-box}
  .uma-ti-beta{margin-left:auto;flex:none;font-size:8px!important}
  .uma-ti-context-wrap{width:100%!important;max-width:100%!important;box-sizing:border-box;margin:17px 0 21px!important}
  .uma-ti-context-card,.uma-ti-context-wrap--central .uma-ti-context-card--inline{width:100%!important;max-width:100%!important;box-sizing:border-box;grid-template-columns:1fr!important;padding:18px 16px!important;gap:15px!important}
  .uma-ti-context-main,.uma-ti-context-wrap--central .uma-ti-context-main{display:block!important;min-width:0!important}
  .uma-ti-context-title,.uma-ti-context-sub,.uma-ti-context-reading{max-width:100%!important;overflow-wrap:anywhere}
  .uma-ti-context-metrics,.uma-ti-context-wrap--central .uma-ti-context-metrics{margin:14px 0 0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .uma-ti-context-metrics span{width:100%;box-sizing:border-box;border-radius:12px!important;min-height:42px;align-items:center!important}
  .uma-ti-context-action{width:100%!important;min-width:0!important;box-sizing:border-box;min-height:46px}
  .uma-ti-tiktok-source{font-size:12px;min-height:34px}
}
@media(max-width:360px){.uma-ti-context-metrics,.uma-ti-context-wrap--central .uma-ti-context-metrics{grid-template-columns:1fr!important}}

/* P27 final — robust desktop/mobile navigation and source chips */
.uma-ti-nav-link{display:flex;align-items:center;gap:10px;text-decoration:none;box-sizing:border-box}
.uma-ti-nav-button-clone{width:100%;min-height:42px}
.uma-ti-extra-source-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
@media(max-width:760px){
  .uma-ti-nav-link{min-height:44px!important;padding-top:8px;padding-bottom:8px}
  .uma-ti-extra-source-row{margin-top:10px}
  .uma-ti-tiktok-source{white-space:normal}
}


/* P28 — Análise Musical abre dentro da UMA também no mobile */
#uma-track-mobile-layer{position:fixed;left:0;right:0;bottom:0;z-index:40;background:#070b18;overflow:hidden}
#uma-track-mobile-layer iframe{display:block;width:100%;height:100%;border:0;background:#070b18}
body.uma-track-mobile-open{overflow:hidden!important}
@media(min-width:761px){#uma-track-mobile-layer{display:none!important}}