/* React reference styles converted from the approved HTML prototypes.
   The reference DOM hierarchy and class names are preserved; route-scoped
   measurement corrections below align the port with the approved PNGs.
   See CLAUDE_IMPLEMENTATION_PROMPT.md in the reference project. */

.tn-dashboard-reference{
      --nav:#061426;
      --nav-2:#081a30;
      --nav-text:#f7fbff;
      --nav-muted:#8fa1b9;
      --accent:#08b9dd;
      --accent-2:#ff3a76;
      --bg:#f7f9fd;
      --surface:#ffffff;
      --surface-soft:#fbfcff;
      --text:#0b1629;
      --muted:#68778f;
      --line:#e7ebf2;
      --line-strong:#dbe2eb;
      --green:#10a957;
      --green-soft:#e8f8ef;
      --orange:#f08713;
      --orange-soft:#fff3df;
      --purple:#7b35f5;
      --blue:#1b73f8;
      --cyan:#12c7e9;
      --shadow:0 10px 28px rgba(20,38,70,.06);
      --shadow-soft:0 4px 14px rgba(20,38,70,.045);
      --radius:16px;
    }

    .tn-dashboard-reference, .tn-dashboard-reference *{box-sizing:border-box}
    .tn-dashboard-reference{background:var(--bg);color-scheme:light}
    .tn-dashboard-reference{
      margin:0;
      min-height:100vh;
      color:var(--text);
      background:
        radial-gradient(circle at 70% 0%, rgba(40,116,255,.04), transparent 35%),
        linear-gradient(180deg,#fafbff 0%,#f6f8fc 100%);
      font-family:var(--font-dashboard-inter),"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      font-synthesis:none;
      text-rendering:optimizeLegibility;
      -webkit-font-smoothing:antialiased;
      overflow-x:hidden;
    }
    .tn-dashboard-reference button, .tn-dashboard-reference a{font:inherit}
    .tn-dashboard-reference button{color:inherit}
    .tn-dashboard-reference svg{display:block}
    .tn-dashboard-reference .num{font-variant-numeric:tabular-nums lining-nums}

    .tn-dashboard-reference .app{display:grid;grid-template-columns:272px minmax(0,1fr);min-height:100vh}

    /* SIDEBAR */
    .tn-dashboard-reference .sidebar{
      position:fixed;top:0;left:0;width:272px;height:100dvh;overflow-y:auto;
      display:flex;flex-direction:column;
      padding:22px 16px 16px;
      color:var(--nav-text);
      background:
        radial-gradient(circle at 20% 0%,rgba(0,202,239,.08),transparent 22%),
        linear-gradient(180deg,#061325 0%,#07172a 60%,#08172a 100%);
      box-shadow:inset -1px 0 rgba(255,255,255,.04);
      z-index:5;
    }
    .tn-dashboard-reference .brand{display:flex;align-items:center;gap:12px;padding:0 8px;margin-bottom:24px}
    .tn-dashboard-reference .brand-mark{width:46px;height:46px;filter:drop-shadow(0 6px 14px rgba(5,199,231,.12))}
    .tn-dashboard-reference .brand-copy{min-width:0}
    .tn-dashboard-reference .brand-name{font-size:29px;line-height:1;font-weight:800;letter-spacing:-.85px;white-space:nowrap}
    .tn-dashboard-reference .brand-name span{background:linear-gradient(90deg,#18d4f0 0%,#6d7aff 46%,#ff3d78 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
    .tn-dashboard-reference .brand-sub{margin-top:6px;font-size:12px;line-height:1;color:#c7d2e3;letter-spacing:.01em}

    .tn-dashboard-reference .nav-group{margin-top:13px}
    .tn-dashboard-reference .nav-group:first-of-type{margin-top:0}
    .tn-dashboard-reference .nav-label{margin:0 13px 7px;color:#8292aa;font-size:10.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
    .tn-dashboard-reference .nav-item{
      display:flex;align-items:center;gap:12px;
      min-height:45px;padding:0 13px;margin:3px 0;
      color:#edf3fb;text-decoration:none;border-radius:11px;
      font-size:14.5px;font-weight:560;letter-spacing:-.05px;white-space:nowrap;
      position:relative;transition:background .18s ease,color .18s ease,transform .18s ease;
    }
    .tn-dashboard-reference .nav-item svg{width:19px;height:19px;color:#dce6f5;stroke-width:1.75}
    .tn-dashboard-reference .nav-icon-shell{
      position:relative;width:36px;height:36px;display:grid;place-items:center;flex:none;
      border:1px solid rgba(151,193,236,.16);border-radius:11px;
      background:linear-gradient(145deg,rgba(69,139,201,.18),rgba(32,67,111,.2));
      box-shadow:inset 0 1px rgba(255,255,255,.08),0 5px 14px rgba(0,0,0,.13);
      transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
    }
    .tn-dashboard-reference .nav-icon-shell::after{content:"";position:absolute;inset:1px;border-radius:10px;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 48%);pointer-events:none}
    .tn-dashboard-reference .nav-icon-shell svg{position:relative;z-index:1;width:19px;height:19px;color:var(--icon-a);stroke-width:1.9;filter:drop-shadow(0 1px 4px color-mix(in srgb,var(--icon-a),transparent 62%))}
    .tn-dashboard-reference .nav-tone-cyan{--icon-a:#0dd8ef;--icon-b:#2789f0}
    .tn-dashboard-reference .nav-tone-blue{--icon-a:#6bbdff;--icon-b:#5b76f5}
    .tn-dashboard-reference .nav-tone-purple{--icon-a:#c084ff;--icon-b:#7758ff}
    .tn-dashboard-reference .nav-tone-pink{--icon-a:#ff81bb;--icon-b:#9b6bff}
    .tn-dashboard-reference .nav-tone-green{--icon-a:#43e0b3;--icon-b:#28a8d7}
    .tn-dashboard-reference .nav-item:hover{background:rgba(255,255,255,.055);transform:translateX(1px)}
    .tn-dashboard-reference .nav-item:hover .nav-icon-shell{border-color:color-mix(in srgb,var(--icon-a),transparent 52%);background:linear-gradient(145deg,color-mix(in srgb,var(--icon-a),transparent 78%),rgba(32,67,111,.26));transform:translateY(-1px);box-shadow:inset 0 1px rgba(255,255,255,.1),0 7px 17px rgba(0,0,0,.17)}
    .tn-dashboard-reference .nav-item.active{
      background:linear-gradient(90deg,rgba(5,187,220,.32),rgba(8,111,154,.68));
      box-shadow:inset 0 0 0 1px rgba(75,216,241,.12),0 6px 18px rgba(2,128,170,.12);
    }
    .tn-dashboard-reference .nav-item.active::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,#18e2f1,#238bf4);box-shadow:0 0 12px rgba(23,209,237,.68)}
    .tn-dashboard-reference .nav-item.active .nav-icon-shell{border-color:rgba(124,231,255,.35);background:linear-gradient(145deg,color-mix(in srgb,var(--icon-a),transparent 72%),color-mix(in srgb,var(--icon-b),transparent 72%));box-shadow:inset 0 1px rgba(255,255,255,.13),0 7px 18px rgba(2,128,170,.2)}
    .tn-dashboard-reference .nav-item.active svg{color:#fff}

    .tn-dashboard-reference .upgrade{
      margin-top:auto;padding:16px 15px 15px;
      border:1px solid rgba(255,255,255,.14);border-radius:15px;
      background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));
      box-shadow:0 18px 46px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.03);
    }
    .tn-dashboard-reference .upgrade-title{display:flex;align-items:center;gap:9px;margin-bottom:8px;font-size:16px;font-weight:720}
    .tn-dashboard-reference .crown{color:#ffbd52;width:19px;height:19px}
    .tn-dashboard-reference .upgrade p{margin:0 0 15px;color:#d7e0ed;font-size:13.5px;line-height:1.48}
    .tn-dashboard-reference .upgrade button{
      width:100%;height:43px;border:0;border-radius:10px;color:#fff;font-weight:760;cursor:pointer;
      background:linear-gradient(90deg,#11cbe9 0%,#6c5af4 48%,#ff3f78 100%);
      box-shadow:0 9px 24px rgba(117,72,239,.24);
      transition:transform .18s ease,filter .18s ease;
    }
    .tn-dashboard-reference .upgrade button:hover{transform:translateY(-1px);filter:saturate(1.06)}
    .tn-dashboard-reference .sidebar-footer-tools{margin-top:auto;display:grid;gap:12px}
    .tn-dashboard-reference .sidebar-footer-tools .upgrade,
    .tn-dashboard-reference .sidebar-footer-tools .account-profile{margin-top:0}
    .tn-dashboard-reference .sidebar-language{
      min-height:43px;padding:5px;
      display:flex;align-items:center;gap:8px;
      border:1px solid rgba(255,255,255,.12);border-radius:14px;
      background:rgba(3,14,27,.42);
      box-shadow:inset 0 1px rgba(255,255,255,.035),0 14px 34px rgba(0,0,0,.14);
    }
    .tn-dashboard-reference .sidebar-language-icon{
      width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:none;
      color:#16d0eb;background:linear-gradient(145deg,rgba(15,201,232,.16),rgba(123,53,245,.12));
    }
    .tn-dashboard-reference .sidebar-language-icon svg{width:17px;height:17px;stroke-width:1.9}
    .tn-dashboard-reference .sidebar-language-options{
      min-width:0;flex:1;padding:3px;display:grid;grid-template-columns:1fr 1fr;gap:3px;
      border-radius:11px;background:rgba(255,255,255,.055);
    }
    .tn-dashboard-reference .sidebar-language-options button{
      height:27px;border:0;border-radius:9px;background:transparent;color:#aebcd0;
      font-size:11.5px;font-weight:790;letter-spacing:.03em;cursor:pointer;
      transition:background .16s ease,color .16s ease,box-shadow .16s ease;
    }
    .tn-dashboard-reference .sidebar-language-options button:hover{color:#fff;background:rgba(255,255,255,.06)}
    .tn-dashboard-reference .sidebar-language-options button.active{
      color:#061426;background:linear-gradient(90deg,#15cde9 0%,#7b5cf5 58%,#ff477d 100%);
      box-shadow:0 8px 18px rgba(35,114,243,.22);
    }
    .tn-dashboard-reference .account-profile{
      margin-top:auto;padding:14px 13px;border:1px solid rgba(255,255,255,.14);border-radius:14px;
      display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;background:rgba(3,14,27,.48);
      box-shadow:0 18px 46px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.03)
    }
    .tn-dashboard-reference .account-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:none;font-size:14px;font-weight:800;background:linear-gradient(145deg,#d708a8,#5a1ad4)}
    .tn-dashboard-reference .account-copy{min-width:0;display:grid;gap:3px}
    .tn-dashboard-reference .account-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}
    .tn-dashboard-reference .account-copy small{color:#c778ff;font-size:12.5px}
    .tn-dashboard-reference .account-chevron{width:17px;height:17px;margin-left:auto;color:#c7d4e7;stroke-width:1.8}

    /* MAIN */
    .tn-dashboard-reference .main{grid-column:2;min-width:0;padding:30px 28px 34px}
    .tn-dashboard-reference .admin-rail-badge{display:flex;align-items:center;gap:8px;margin:0 13px 8px;color:#91a5bf;font-size:10.5px;font-weight:760;letter-spacing:.11em;text-transform:uppercase}
    .tn-dashboard-reference .admin-rail-badge svg{width:14px;height:14px;color:#12cfe8;stroke-width:1.8}
    .tn-dashboard-reference .admin-navigation{margin-top:0}
    .tn-dashboard-reference .admin-dashboard-link{min-height:43px;margin:0;padding:0 10px;font-size:13px}
    .tn-dashboard-reference .admin-dashboard-link .nav-icon-shell{width:32px;height:32px;border-radius:10px}
    .tn-dashboard-reference .admin-dashboard-link .nav-icon-shell svg{width:17px;height:17px}
    .tn-dashboard-reference .admin-shell-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 2px 6px;padding:0 0 18px;border-bottom:1px solid var(--line)}
    .tn-dashboard-reference .admin-shell-heading{display:flex;align-items:center;gap:12px;min-width:0}
    .tn-dashboard-reference .admin-shell-eyebrow{display:block;margin-bottom:3px;color:#55759e;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
    .tn-dashboard-reference .admin-shell-heading h1{margin:0;color:#071426;font-size:24px;font-weight:790;letter-spacing:-.7px}
    .tn-dashboard-reference .admin-shell-actions{display:flex;align-items:center;gap:12px}
    .tn-dashboard-reference .admin-shell-return{display:inline-flex;align-items:center;gap:7px;color:#47709e;font-size:12.5px;font-weight:700;text-decoration:none}
    .tn-dashboard-reference .admin-shell-return:hover{color:#1c73f4}
    .tn-dashboard-reference .admin-shell-return svg{width:15px;height:15px;stroke-width:1.9}
    .tn-dashboard-reference .admin-shell-avatar{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:linear-gradient(145deg,#d708a8,#5a1ad4);color:#fff;font-size:12px;font-weight:800;box-shadow:0 8px 20px rgba(20,42,76,.1)}
    .tn-dashboard-reference .admin-mobile-menu{display:none}
    .tn-dashboard-reference .admin-mobile-overlay{position:fixed;inset:0;z-index:30;display:flex;background:rgba(2,12,25,.48);backdrop-filter:blur(5px)}
    .tn-dashboard-reference .admin-mobile-drawer{position:relative;width:280px;max-width:88vw;height:100%;box-shadow:18px 0 46px rgba(2,12,25,.28)}
    .tn-dashboard-reference .admin-mobile-close{position:absolute;top:14px;right:12px;z-index:2;width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(3,14,27,.45);color:#dce6f5;cursor:pointer}
    .tn-dashboard-reference .admin-mobile-close svg{width:17px;height:17px}
    .tn-dashboard-reference .admin-page-intro{padding:2px 2px 0}
    .tn-dashboard-reference .admin-page-intro h2{margin:0;color:#13233b;font-size:23px;font-weight:790;letter-spacing:-.55px}
    .tn-dashboard-reference .admin-surface{border-color:#e0e7f0;background:linear-gradient(145deg,#fff 0%,#fbfcff 100%);box-shadow:0 14px 32px rgba(20,42,76,.07),inset 0 1px rgba(255,255,255,.96)}
    .tn-dashboard-reference .admin-stat-card{min-height:108px}
    .tn-dashboard-reference .admin-customer-table{border-collapse:collapse;table-layout:fixed}
    .tn-dashboard-reference .admin-customer-table thead{background:linear-gradient(180deg,#fcfdff,#f9fbfe)}
    .tn-dashboard-reference .admin-customer-table th{height:48px;padding-top:0;padding-bottom:0;color:#667793;font-size:11px;font-weight:780;letter-spacing:.005em}
    .tn-dashboard-reference .admin-customer-table td{border-top:1px solid #e9eef5;vertical-align:middle;color:#13213a}
    .tn-dashboard-reference .admin-customer-table tbody tr{transition:background .16s ease}
    .tn-dashboard-reference .admin-customer-table tbody tr:hover{background:linear-gradient(90deg,#f8fbff,#fff)}
    .tn-dashboard-reference .admin-customer-table td:nth-child(4),
    .tn-dashboard-reference .admin-customer-table td:nth-child(5),
    .tn-dashboard-reference .admin-customer-table td:nth-child(6),
    .tn-dashboard-reference .admin-customer-table td:nth-child(7),
    .tn-dashboard-reference .admin-customer-table td:nth-child(8){white-space:nowrap}
    .tn-dashboard-reference .admin-invoice-table{border-collapse:collapse;table-layout:fixed}
    .tn-dashboard-reference .admin-invoice-table td:nth-child(2),
    .tn-dashboard-reference .admin-invoice-table td:nth-child(3),
    .tn-dashboard-reference .admin-invoice-table td:nth-child(4),
    .tn-dashboard-reference .admin-invoice-table td:nth-child(5),
    .tn-dashboard-reference .admin-invoice-table td:nth-child(6){white-space:nowrap}
    .tn-dashboard-reference .admin-table-frame{overflow:hidden;border:1px solid #e0e7f0;border-radius:16px;background:#fff;box-shadow:0 10px 26px rgba(20,42,76,.055)}
    .tn-dashboard-reference .admin-data-table{border-collapse:collapse;table-layout:fixed}
    .tn-dashboard-reference .admin-data-table thead{background:linear-gradient(180deg,#fcfdff,#f9fbfe)}
    .tn-dashboard-reference .admin-data-table th{height:48px;padding-top:0;padding-bottom:0;color:#667793;font-size:11px;font-weight:780;letter-spacing:.005em}
    .tn-dashboard-reference .admin-data-table td{height:64px;border-top:1px solid #e9eef5;vertical-align:middle;color:#13213a}
    .tn-dashboard-reference .admin-data-table tbody tr{transition:background .16s ease}
    .tn-dashboard-reference .admin-data-table tbody tr:hover{background:linear-gradient(90deg,#f8fbff,#fff)}
    .tn-dashboard-reference .content{width:min(100%,1500px);margin:0 auto}
    .tn-dashboard-reference .overview-content{position:relative}
    .tn-dashboard-reference .topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:33px;padding:2px 2px 0}
    .tn-dashboard-reference .eyebrow{display:none}
    .tn-dashboard-reference .topbar h1{margin:0 0 7px;font-size:34px;line-height:1.1;font-weight:790;letter-spacing:-1.25px;color:#071426}
    .tn-dashboard-reference .topbar p{margin:0;color:#66758d;font-size:16px;line-height:1.45}
    .tn-dashboard-reference .top-actions{display:flex;align-items:center;gap:10px}
    .tn-dashboard-reference .control{
      height:44px;border:1px solid #dfe6f0;border-radius:13px;background:rgba(255,255,255,.9);
      display:inline-flex;align-items:center;justify-content:center;gap:9px;
      box-shadow:0 8px 20px rgba(20,42,76,.065),inset 0 1px rgba(255,255,255,.9);cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;
    }
    .tn-dashboard-reference .control:hover{border-color:#c7d8ee;background:#fff;box-shadow:0 10px 24px rgba(20,42,76,.09),inset 0 1px rgba(255,255,255,.95);transform:translateY(-1px)}
    .tn-dashboard-reference .date-control{padding:0 14px;font-size:13.5px;font-weight:700;color:#1a2941;background:linear-gradient(145deg,#fff,#f7faff)}
    .tn-dashboard-reference .date-control svg{width:17px;height:17px}
    .tn-dashboard-reference .date-control .date-chevron{width:15px;height:15px;margin-left:2px;color:#60708a;stroke-width:2}
    .tn-dashboard-reference .icon-control{position:relative;width:44px;color:#455875}
    .tn-dashboard-reference .icon-control svg{width:19px;height:19px}
    .tn-dashboard-reference .badge-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:#ee3b4d;border:2px solid #fff;border-radius:50%}
    .tn-dashboard-reference .avatar{position:relative;width:44px;height:44px;border-radius:50%;border:1px solid #e4e8ef;background:linear-gradient(145deg,#f1d2b5,#9e6546);overflow:hidden;box-shadow:var(--shadow-soft)}
    .tn-dashboard-reference .avatar svg{width:100%;height:100%}
    .tn-dashboard-reference .avatar img{width:100%;height:100%;object-fit:cover}
    .tn-dashboard-reference .online{position:absolute;right:-1px;bottom:0;width:11px;height:11px;background:#1dbd63;border:2px solid #fff;border-radius:50%}
    .tn-dashboard-reference .overview-avatar-button{width:50px;height:50px;padding:0;border:1px solid #e1e7f0;background:linear-gradient(145deg,#fff,#f5f8fd);box-shadow:0 8px 20px rgba(20,42,76,.07)}
    .tn-dashboard-reference .overview-avatar{width:48px;height:48px}

    /* KPI cards are now styled with Tailwind utility classes directly in
       dashboard-overview.tsx (KpiTile) instead of this stylesheet — kept
       out of the reference CSS so they pick up the app's real shadcn/
       Tailwind design tokens (bg-card, border-border, text-success, etc.),
       including automatic dark-mode support the rest of this file doesn't
       have (see the `color-scheme:light` note at the top of this file). */

    /* PANELS */
    .tn-dashboard-reference .content-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.93fr);gap:16px}
    .tn-dashboard-reference .content-grid>*{min-width:0}
    .tn-dashboard-reference .panel{background:linear-gradient(145deg,#fff 0%,#fbfcff 100%);border:1px solid #e0e7f0;border-radius:18px;box-shadow:0 14px 32px rgba(20,42,76,.07),inset 0 1px rgba(255,255,255,.96);overflow:hidden}
    .tn-dashboard-reference .panel-head{min-height:78px;padding:0 21px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e7edf4;background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(250,252,255,.72))}
    .tn-dashboard-reference .panel-head h2{display:flex;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:770;letter-spacing:-.5px;color:#13233b}
    .tn-dashboard-reference .panel-head h2::before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:linear-gradient(145deg,#15cfe7,#7257f5);box-shadow:0 0 0 4px rgba(50,143,239,.09)}
    .tn-dashboard-reference .view-all{color:#1c73f4;text-decoration:none;font-size:13.5px;font-weight:720}
    .tn-dashboard-reference .view-all:hover{text-decoration:underline}

    /* TABLE */
    .tn-dashboard-reference .table-wrap{overflow:auto}
    .tn-dashboard-reference table{width:100%;min-width:775px;border-collapse:collapse;table-layout:fixed}
    .tn-dashboard-reference col.product-col{width:39%} .tn-dashboard-reference col.price-col{width:12%} .tn-dashboard-reference col.sales-col{width:12%} .tn-dashboard-reference col.growth-col{width:15%} .tn-dashboard-reference col.score-col{width:13%} .tn-dashboard-reference col.trend-col{width:9%}
    .tn-dashboard-reference thead{background:linear-gradient(180deg,#fcfdff,#f9fbfe)}
    .tn-dashboard-reference th{height:50px;padding:0 18px;text-align:left;color:#667793;font-size:11px;font-weight:780;letter-spacing:.005em}
    .tn-dashboard-reference td{height:101px;padding:0 18px;border-top:1px solid #e9eef5;vertical-align:middle;color:#13213a}
    .tn-dashboard-reference tbody tr{transition:background .16s ease}
    .tn-dashboard-reference tbody tr:hover{background:linear-gradient(90deg,#f8fbff,#fff)}
    .tn-dashboard-reference .product-cell{display:flex;align-items:center;gap:13px;min-width:0}
    .tn-dashboard-reference .thumb{width:58px;height:58px;border:1px solid #e5ebf3;border-radius:13px;background:linear-gradient(145deg,#f9fbfe,#eef3f8);display:grid;place-items:center;overflow:hidden;flex:none;box-shadow:inset 0 1px rgba(255,255,255,.95),0 5px 12px rgba(28,52,86,.04)}
    .tn-dashboard-reference .thumb svg{max-width:36px;max-height:42px}
    .tn-dashboard-reference .thumb img{width:100%;height:100%;object-fit:cover}
    .tn-dashboard-reference .product-copy{min-width:0}
    .tn-dashboard-reference .product-title{font-size:14px;font-weight:750;letter-spacing:-.16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#152640}
    .tn-dashboard-reference .product-sub{margin-top:5px;color:#71819a;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .tn-dashboard-reference .money, .tn-dashboard-reference .sales{font-size:14px;font-weight:720;color:#1a2840}
    .tn-dashboard-reference .growth{font-size:14px;font-weight:800;color:var(--green)}
    .tn-dashboard-reference .growth.negative{color:#d2372b}
    .tn-dashboard-reference .score-wrap{display:flex;align-items:center;gap:9px}
    .tn-dashboard-reference .score{min-width:39px;height:38px;padding:0 8px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:830}
    .tn-dashboard-reference .score.good{background:var(--green-soft);color:#0c9b4c}
    .tn-dashboard-reference .score.warn{background:var(--orange-soft);color:var(--orange)}
    .tn-dashboard-reference .score-label{font-size:11.5px;color:#28364d}
    .tn-dashboard-reference .spark{width:61px;height:29px}

    /* CHART */
    .tn-dashboard-reference .right-stack{display:grid;gap:16px;align-content:start;min-width:0}
    .tn-dashboard-reference .chart-controls{height:37px;padding:0 11px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#1a2941;font-size:12px;font-weight:650;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
    .tn-dashboard-reference .chart-controls:hover{border-color:#cbd4e2;background:#f8faff}
    .tn-dashboard-reference .chart-controls:focus-visible,
    .tn-dashboard-reference .date-control:focus-visible{outline:none;border-color:#bcd8ff;box-shadow:0 0 0 3px rgba(28,115,244,.12)}
    .tn-dashboard-reference .chart-controls .date-chevron{width:14px;height:14px;color:#60708a;stroke-width:2}
    .tn-dashboard-reference .chart-body{padding:18px 19px 15px;background:linear-gradient(180deg,rgba(255,255,255,.8),rgba(248,251,255,.55))}
    .tn-dashboard-reference .legend{display:flex;gap:17px;margin-bottom:8px;font-size:11.5px;font-weight:700;color:#40536e}
    .tn-dashboard-reference .legend i{display:inline-block;width:12px;height:3px;margin-right:6px;border-radius:4px;vertical-align:middle}
    .tn-dashboard-reference .chart svg{width:100%;height:auto}
    .tn-dashboard-reference .right-stack>.panel:first-child .chart svg{height:254px}

    /* DONUT */
    .tn-dashboard-reference .right-stack>.panel:last-child{min-height:273px}
    .tn-dashboard-reference .right-stack>.panel:last-child .panel-head{min-height:66px}
    .tn-dashboard-reference .category-body{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;align-items:center;padding:4px 20px}
    .tn-dashboard-reference .donut-wrap{position:relative;width:180px;height:180px;display:grid;place-items:center;filter:drop-shadow(0 10px 16px rgba(28,76,143,.12))}
    .tn-dashboard-reference .donut{position:absolute;inset:0;border-radius:50%}
    .tn-dashboard-reference .donut:after{content:"";position:absolute;inset:35px;background:linear-gradient(145deg,#fff,#f8fbff);border-radius:50%;box-shadow:0 0 0 1px rgba(22,37,63,.05),inset 0 2px 6px rgba(22,37,63,.03)}
    .tn-dashboard-reference .donut-copy{position:relative;text-align:center;font-size:23px;font-weight:820;letter-spacing:-.7px}
    .tn-dashboard-reference .donut-copy small{display:block;margin-top:3px;color:#718097;font-size:11.5px;font-weight:620;letter-spacing:0}
    .tn-dashboard-reference .category-list{display:grid;gap:10px;font-size:11.8px;min-width:0}
    .tn-dashboard-reference .category-row{display:flex;align-items:center;justify-content:space-between;gap:14px}
    .tn-dashboard-reference .category-name{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .tn-dashboard-reference .category-dot{width:8px;height:8px;border-radius:50%;flex:none}
    .tn-dashboard-reference .category-row b{font-size:11.8px;color:#26354d;flex:none}
    .tn-dashboard-reference .empty-state{min-height:190px;display:grid;place-items:center;padding:20px;color:var(--muted);font-size:13px}
    .tn-dashboard-reference .mobile-nav-strip{display:none}
    .tn-dashboard-reference .dashboard-mobile-trigger{display:none}

    /* DISCOVERY HUB OVERVIEW */
    .tn-dashboard-reference .legacy-overview-grid{display:none}
    .tn-dashboard-reference .overview-content{display:flex;flex-direction:column;gap:16px}
    .tn-dashboard-reference .overview-content .topbar{margin-bottom:17px}
    .tn-dashboard-reference .overview-content .kpis{margin-bottom:6px}
    .tn-dashboard-reference .discovery-panel{min-width:0}
    .tn-dashboard-reference .discovery-products-panel{padding-bottom:17px}
    .tn-dashboard-reference .discovery-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:24px 24px 19px;border-bottom:1px solid #e7edf4;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(249,251,255,.78))}
    .tn-dashboard-reference .discovery-panel-head>div{min-width:0}
    .tn-dashboard-reference .discovery-eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;color:#3b77d5;font-size:10px;font-weight:820;letter-spacing:.12em;text-transform:uppercase}
    .tn-dashboard-reference .discovery-eyebrow svg{width:14px;height:14px;color:#fb7945;stroke-width:2.2}
    .tn-dashboard-reference .discovery-panel-head h2{margin:0;color:#13233b;font-size:22px;font-weight:790;letter-spacing:-.6px}
    .tn-dashboard-reference .discovery-panel-head p{margin:5px 0 0;color:#72819a;font-size:12px;line-height:1.45}
    .tn-dashboard-reference .discovery-view-all{display:inline-flex;align-items:center;gap:5px;flex:none}
    .tn-dashboard-reference .discovery-view-all svg,.tn-dashboard-reference .discovery-list-head .view-all svg{width:14px;height:14px;stroke-width:1.9}
    .tn-dashboard-reference .discovery-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:13px;padding:17px 16px 0}
    .tn-dashboard-reference .discovery-product-card{position:relative;min-width:0;overflow:hidden;border:1px solid #e1e8f1;border-radius:13px;background:#fff;text-decoration:none;box-shadow:0 7px 17px rgba(20,42,76,.04);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
    .tn-dashboard-reference .discovery-product-card:hover{border-color:#bed5f1;box-shadow:0 13px 26px rgba(20,42,76,.1);transform:translateY(-2px)}
    .tn-dashboard-reference .discovery-product-media{position:relative;aspect-ratio:1.12/1;overflow:hidden;background:linear-gradient(145deg,#f7faff,#edf2f8)}
    .tn-dashboard-reference .discovery-product-media .product-image{width:100%;height:100%}
    .tn-dashboard-reference .discovery-product-media img{width:100%;height:100%;object-fit:cover}
    .tn-dashboard-reference .discovery-rank{position:absolute;top:9px;left:9px;z-index:2;width:28px;height:28px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.9);border-radius:50%;background:#aab3bf;color:#fff;font-size:13px;font-weight:820;box-shadow:0 4px 10px rgba(20,42,76,.16)}
    .tn-dashboard-reference .discovery-rank-1{background:linear-gradient(145deg,#ffca27,#f59b17)}
    .tn-dashboard-reference .discovery-rank-2{background:linear-gradient(145deg,#cbd3dd,#8d9baa)}
    .tn-dashboard-reference .discovery-rank-3{background:linear-gradient(145deg,#f3b477,#ca6f3e)}
    .tn-dashboard-reference .discovery-product-copy{display:grid;gap:7px;padding:12px 12px 13px}
    .tn-dashboard-reference .discovery-product-copy h3{display:-webkit-box;margin:0;overflow:hidden;color:#162943;font-size:12.5px;font-weight:760;line-height:1.32;-webkit-box-orient:vertical;-webkit-line-clamp:2}
    .tn-dashboard-reference .discovery-product-copy>p{margin:0;overflow:hidden;color:#7889a2;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}
    .tn-dashboard-reference .discovery-product-facts{display:flex;align-items:baseline;justify-content:space-between;gap:8px;color:#1a2d49;font-size:12px}
    .tn-dashboard-reference .discovery-product-facts strong{font-size:13px;font-weight:790}
    .tn-dashboard-reference .discovery-product-facts span{color:#526783;font-size:11px;font-weight:680;white-space:nowrap}
    .tn-dashboard-reference .discovery-product-facts small{color:#8998ab;font-size:9px;font-weight:600}
    .tn-dashboard-reference .discovery-product-score{display:flex;align-items:center;gap:6px;min-width:0;color:#7b8ba1;font-size:10px}
    .tn-dashboard-reference .discovery-product-score .score{min-width:31px;height:27px;padding:0 6px;border-radius:8px;font-size:12px}
    .tn-dashboard-reference .discovery-product-score b{margin-left:auto;color:#0b9c55;font-size:10px;font-weight:790}
    .tn-dashboard-reference .discovery-product-score b.is-negative{color:#d23c38}
    .tn-dashboard-reference .discovery-split-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0}
    .tn-dashboard-reference .discovery-list-panel,.tn-dashboard-reference .discovery-hot-panel,.tn-dashboard-reference .discovery-growth-panel{min-width:0;overflow:hidden}
    .tn-dashboard-reference .discovery-list-head{min-height:79px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 20px;border-bottom:1px solid #e7edf4;background:linear-gradient(180deg,#fff,#fafcff)}
    .tn-dashboard-reference .discovery-list-head>div:first-child{display:flex;align-items:center;gap:11px;min-width:0}
    .tn-dashboard-reference .discovery-list-head>div:first-child>div{min-width:0}
    .tn-dashboard-reference .discovery-list-head h2{margin:0;color:#152641;font-size:17px;font-weight:790;letter-spacing:-.35px}
    .tn-dashboard-reference .discovery-list-head p{max-width:330px;margin:4px 0 0;overflow:hidden;color:#7a8aa2;font-size:10.5px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
    .tn-dashboard-reference .discovery-list-icon{width:38px;height:38px;display:grid;place-items:center;flex:none;border:1px solid transparent;border-radius:12px}
    .tn-dashboard-reference .discovery-list-icon svg{width:18px;height:18px;stroke-width:1.9}
    .tn-dashboard-reference .discovery-icon-cyan{border-color:#bdeaf2;background:#eafcff;color:#079eba}
    .tn-dashboard-reference .discovery-icon-purple{border-color:#e1d3ff;background:#f7f1ff;color:#7850e4}
    .tn-dashboard-reference .discovery-icon-orange{border-color:#ffe0c3;background:#fff7ed;color:#ec812c}
    .tn-dashboard-reference .discovery-ranked-list{display:grid}
    .tn-dashboard-reference .discovery-ranked-row{display:grid;grid-template-columns:26px 46px minmax(0,1fr) 75px 82px;align-items:center;gap:10px;min-width:0;min-height:71px;padding:8px 17px;border-bottom:1px solid #e8edf4;color:inherit;text-decoration:none;transition:background .16s ease}
    .tn-dashboard-reference .discovery-ranked-row:last-child{border-bottom:0}
    .tn-dashboard-reference .discovery-ranked-row:hover{background:linear-gradient(90deg,#f7fbff,#fff)}
    .tn-dashboard-reference .discovery-row-rank{display:grid;place-items:center;color:#9aabc0;font-size:11px;font-weight:820}
    .tn-dashboard-reference .discovery-row-rank-1,.tn-dashboard-reference .discovery-row-rank-2,.tn-dashboard-reference .discovery-row-rank-3{width:23px;height:23px;border-radius:50%;background:#edf1f5;color:#6c7d91}
    .tn-dashboard-reference .discovery-row-rank-1{background:#fff1bd;color:#dc9a09}.tn-dashboard-reference .discovery-row-rank-2{background:#e9edf2;color:#7c8897}.tn-dashboard-reference .discovery-row-rank-3{background:#ffe5d2;color:#b86c3d}
    .tn-dashboard-reference .discovery-video-thumb{position:relative;width:46px;height:46px;display:grid;place-items:center;overflow:hidden;border:1px solid #e0e7f0;border-radius:9px;background:#eff3f8}
    .tn-dashboard-reference .discovery-video-thumb img{width:100%;height:100%;object-fit:cover}
    .tn-dashboard-reference .discovery-video-thumb i{position:absolute;right:4px;bottom:4px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:rgba(8,23,42,.74);color:#fff;font-style:normal}
    .tn-dashboard-reference .discovery-video-thumb i svg{width:9px;height:9px;fill:currentColor;stroke-width:0}
    .tn-dashboard-reference .discovery-ranked-copy{display:flex;flex-direction:column;min-width:0;gap:4px}
    .tn-dashboard-reference .discovery-ranked-copy strong{overflow:hidden;color:#1b2e4a;font-size:11.5px;font-weight:760;text-overflow:ellipsis;white-space:nowrap}
    .tn-dashboard-reference .discovery-ranked-copy small{overflow:hidden;color:#8493a8;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
    .tn-dashboard-reference .discovery-ranked-metric{display:flex;flex-direction:column;align-items:flex-end;min-width:0;gap:3px;color:#1e3350;text-align:right}
    .tn-dashboard-reference .discovery-ranked-metric b{overflow:hidden;font-size:12px;font-weight:790;text-overflow:ellipsis;white-space:nowrap}
    .tn-dashboard-reference .discovery-ranked-metric small{display:inline-flex;align-items:center;gap:3px;color:#8695a9;font-size:9px;white-space:nowrap}
    .tn-dashboard-reference .discovery-ranked-metric small svg{width:10px;height:10px;stroke-width:1.9}
    .tn-dashboard-reference .discovery-influencer-row{grid-template-columns:26px 38px minmax(0,1fr) 70px 94px}
    .tn-dashboard-reference .discovery-creator-avatar{width:38px;height:38px;display:grid;place-items:center;overflow:hidden;border:1px solid #dce7f2;border-radius:50%;background:linear-gradient(145deg,#b9eaff,#7965ed);color:#fff;font-size:11px;font-weight:800}
    .tn-dashboard-reference .discovery-creator-avatar span{width:100%;height:100%;display:block;background-position:center;background-size:cover}
    .tn-dashboard-reference .discovery-list-empty{min-height:216px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:26px;text-align:center}
    .tn-dashboard-reference .discovery-list-empty>svg{width:27px;height:27px;color:#7992b1;stroke-width:1.6}
    .tn-dashboard-reference .discovery-list-empty p{margin:0;color:#324963;font-size:12px;font-weight:700}
    .tn-dashboard-reference .discovery-list-empty span{max-width:300px;color:#8796a9;font-size:10.5px;line-height:1.45}
    .tn-dashboard-reference .discovery-bottom-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);align-items:start;gap:16px;min-width:0}
    .tn-dashboard-reference .discovery-category-list{display:grid;gap:16px;padding:19px 20px 20px}
    .tn-dashboard-reference .discovery-category-row{display:grid;gap:7px}
    .tn-dashboard-reference .discovery-category-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#1d304b;font-size:11.5px}
    .tn-dashboard-reference .discovery-category-topline span{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;font-weight:730;text-overflow:ellipsis;white-space:nowrap}
    .tn-dashboard-reference .discovery-category-topline span i{width:8px;height:8px;flex:none;border-radius:50%}
    .tn-dashboard-reference .discovery-category-topline b{color:#8392a6;font-size:10px;font-weight:650;white-space:nowrap}
    .tn-dashboard-reference .discovery-category-bar{height:7px;overflow:hidden;border-radius:99px;background:#edf2f7}
    .tn-dashboard-reference .discovery-category-bar i{display:block;height:100%;border-radius:inherit;box-shadow:0 2px 7px rgba(45,113,225,.18)}
    .tn-dashboard-reference .discovery-category-metrics{display:flex;justify-content:space-between;gap:14px;color:#8897aa;font-size:10px}
    .tn-dashboard-reference .discovery-category-metrics b{color:#2d4360;font-weight:780}
    .tn-dashboard-reference .discovery-growth-panel .chart-body{min-height:270px}

    /* CREATOR INTELLIGENCE */
    .tn-dashboard-reference .creator-intelligence-page{padding:0 0 34px}
    .tn-dashboard-reference .creator-content{display:flex;flex-direction:column;gap:20px}
    .tn-dashboard-reference .creator-page-head{padding-top:2px}
    .tn-dashboard-reference .creator-page-head h1{margin:0 0 7px;font-size:31px;line-height:1.13;font-weight:770;letter-spacing:-1.05px;color:#071426}
    .tn-dashboard-reference .creator-page-head p{margin:0;color:#66758d;font-size:15px;line-height:1.45}
    .tn-dashboard-reference .creator-filter-bar{padding:16px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.92);box-shadow:var(--shadow)}
    .tn-dashboard-reference .creator-filter-grid{display:grid;grid-template-columns:minmax(320px,1fr) 170px 170px 190px;gap:12px;align-items:center}
    .tn-dashboard-reference .creator-search-field{position:relative;min-width:0}
    .tn-dashboard-reference .creator-search-icon{position:absolute;left:14px;top:50%;width:17px;height:17px;transform:translateY(-50%);color:#60708a;pointer-events:none}
    .tn-dashboard-reference .creator-control{height:41px;border-color:var(--line);border-radius:12px;background:#f7f9fd;padding:0 13px;color:#1a2941;font-size:13.5px;box-shadow:none}
    .tn-dashboard-reference .creator-search-input{padding-left:42px}
    .tn-dashboard-reference .creator-control::placeholder{color:#697992}
    .tn-dashboard-reference .creator-control:focus-visible,
    .tn-dashboard-reference .creator-select-trigger:focus-visible{border-color:#bcd8ff;box-shadow:0 0 0 3px rgba(28,115,244,.12)}
    .tn-dashboard-reference .creator-select-trigger{width:100%;height:41px;border-color:var(--line);border-radius:12px;background:#fff;padding:0 12px;color:#1a2941;font-size:13.5px;font-weight:650;box-shadow:none}
    .tn-dashboard-reference .creator-results-panel{border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow);overflow:hidden}
    .tn-dashboard-reference .creator-results-head{min-height:54px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}
    .tn-dashboard-reference .creator-results-head p{margin:0;color:#60708a;font-size:13px;font-weight:650}
    .tn-dashboard-reference .creator-empty-state{min-height:224px;padding:38px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
    .tn-dashboard-reference .creator-empty-state p{margin:0;color:#25344b;font-size:14px;font-weight:650}
    .tn-dashboard-reference .creator-empty-state span{margin-top:7px;max-width:620px;color:#66758d;font-size:12.5px;line-height:1.45}
    .tn-dashboard-reference .creator-card{display:flex;flex-direction:column;gap:17px;padding:20px}

    /* SHARED INTELLIGENCE INDEX PAGES */
    .tn-dashboard-reference .intelligence-page{padding:0 0 34px}
    .tn-dashboard-reference .intelligence-content{display:flex;flex-direction:column;gap:20px;min-width:0;width:100%;max-width:none;margin:0}
    .tn-dashboard-reference .intelligence-page-head{padding-top:2px}
    .tn-dashboard-reference .intelligence-page-head h1{margin:0 0 7px;font-size:31px;line-height:1.13;font-weight:770;letter-spacing:-1.05px;color:#071426}
    .tn-dashboard-reference .intelligence-page-head p{margin:0;color:#66758d;font-size:15px;line-height:1.45}
    .tn-dashboard-reference .intelligence-filter-bar{min-width:0;padding:16px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.92);box-shadow:var(--shadow)}
    .tn-dashboard-reference .intelligence-filter-grid{display:grid;grid-template-columns:minmax(320px,1fr) 170px 170px 190px;gap:12px;align-items:center}
    .tn-dashboard-reference .products-filter-grid{grid-template-columns:minmax(320px,1fr) 200px 240px 170px}
    .tn-dashboard-reference .stores-filter-grid{grid-template-columns:minmax(320px,1fr) 170px 170px 190px}
    .tn-dashboard-reference .intelligence-search-field{position:relative;min-width:0}
    .tn-dashboard-reference .intelligence-search-icon{position:absolute;left:14px;top:50%;width:17px;height:17px;transform:translateY(-50%);color:#60708a;pointer-events:none}
    .tn-dashboard-reference .intelligence-control{height:41px;border-color:var(--line);border-radius:12px;background:#f7f9fd;padding:0 13px;color:#1a2941;font-size:13.5px;box-shadow:none}
    .tn-dashboard-reference .intelligence-search-input{padding-left:42px}
    .tn-dashboard-reference .intelligence-control::placeholder{color:#697992}
    .tn-dashboard-reference .intelligence-control:focus-visible,
    .tn-dashboard-reference .intelligence-select-trigger:focus-visible{border-color:#bcd8ff;box-shadow:0 0 0 3px rgba(28,115,244,.12)}
    .tn-dashboard-reference .intelligence-select-trigger{width:100%;height:41px;border-color:var(--line);border-radius:12px;background:#fff;padding:0 12px;color:#1a2941;font-size:13.5px;font-weight:650;box-shadow:none}
    .tn-dashboard-reference .intelligence-filter-button{height:41px;border-color:var(--line);border-radius:12px;background:#fff;color:#1a2941;font-size:13.5px;font-weight:700;box-shadow:none}
    .tn-dashboard-reference .intelligence-filter-button:hover,
    .tn-dashboard-reference .intelligence-clear-button:hover{border-color:#cbd4e2;background:#f7f9fd;color:#071426}
    .tn-dashboard-reference .intelligence-advanced-filters{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:14px}
    .tn-dashboard-reference .intelligence-advanced-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
    .tn-dashboard-reference .intelligence-secondary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:center}
    .tn-dashboard-reference .intelligence-clear-button{width:fit-content;height:35px;margin-top:12px;border-radius:10px;color:#60708a;font-size:13px;font-weight:700}
    .tn-dashboard-reference .intelligence-results-panel{min-width:0;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow);overflow:hidden}
    .tn-dashboard-reference .intelligence-results-head{min-height:54px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}
    .tn-dashboard-reference .intelligence-results-head p{margin:0;color:#60708a;font-size:13px;font-weight:650}
    .tn-dashboard-reference .intelligence-table-wrap{min-width:0;max-width:100%;overflow-x:auto}
    .tn-dashboard-reference .intelligence-table-wrap table{margin:0}
    .tn-dashboard-reference .product-catalog-table{table-layout:fixed}
    .tn-dashboard-reference .product-catalog-table th,
    .tn-dashboard-reference .product-catalog-table td{vertical-align:middle}
    /* The first cell contains a 44px product thumbnail before the title. Keep
       the column label on the same visual axis as that title/description. */
    .tn-dashboard-reference .product-catalog-table .product-column-heading{padding-left:70px}
    .tn-dashboard-reference .product-catalog-table th.text-right{text-align:right}
    .tn-dashboard-reference .intelligence-table-wrap th.text-right{text-align:right}
    .tn-dashboard-reference .intelligence-table-wrap .product-column-heading{padding-left:78px}
    .tn-dashboard-reference .table-wrap .product-column-heading{padding-left:89px}
    .tn-dashboard-reference .product-catalog-table th:nth-child(1),
    .tn-dashboard-reference .product-catalog-table td:nth-child(1){width:24%}
    .tn-dashboard-reference .product-catalog-table th:nth-child(2),
    .tn-dashboard-reference .product-catalog-table td:nth-child(2){width:13%}
    .tn-dashboard-reference .product-catalog-table th:nth-child(3),
    .tn-dashboard-reference .product-catalog-table td:nth-child(3){width:14%}
    .tn-dashboard-reference .product-catalog-table th:nth-child(4),
    .tn-dashboard-reference .product-catalog-table td:nth-child(4){width:9%}
    .tn-dashboard-reference .product-catalog-table th:nth-child(5),
    .tn-dashboard-reference .product-catalog-table td:nth-child(5){width:10%}
    .tn-dashboard-reference .product-catalog-table th:nth-child(6),
    .tn-dashboard-reference .product-catalog-table td:nth-child(6){width:8%}
    .tn-dashboard-reference .product-catalog-table th:nth-child(7),
    .tn-dashboard-reference .product-catalog-table td:nth-child(7){width:8%}
    .tn-dashboard-reference .product-catalog-table th:nth-child(8),
    .tn-dashboard-reference .product-catalog-table td:nth-child(8){width:9%}
    .tn-dashboard-reference .product-catalog-table th:nth-child(9),
    .tn-dashboard-reference .product-catalog-table td:nth-child(9){width:5%}
    .tn-dashboard-reference .intelligence-table-wrap th{height:54px;background:#fbfcfe;color:#51627c;font-size:12px;font-weight:760}
    .tn-dashboard-reference .intelligence-table-wrap td{height:74px}
    .tn-dashboard-reference .intelligence-empty-state{min-height:224px;padding:38px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
    .tn-dashboard-reference .intelligence-empty-state p{margin:0;color:#25344b;font-size:14px;font-weight:650}
    .tn-dashboard-reference .intelligence-card-list{display:grid;gap:0}
    .tn-dashboard-reference .intelligence-card{display:flex;flex-direction:column;gap:17px;padding:20px;border-bottom:1px solid var(--line)}
    .tn-dashboard-reference .intelligence-card:last-child{border-bottom:0}
    .tn-dashboard-reference .intelligence-inline-list{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fbfcfe}
    .tn-dashboard-reference .intelligence-inline-item{padding:0 12px;border-bottom:1px solid var(--line)}
    .tn-dashboard-reference .intelligence-inline-item:last-child{border-bottom:0}
    .tn-dashboard-reference .intelligence-footnote{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;color:#66758d;font-size:12px;line-height:1.45}
    .tn-dashboard-reference .intelligence-footnote p{margin:0;max-width:760px}

    /* REPORTS */
    .tn-dashboard-reference .reports-page{gap:22px}
    .tn-dashboard-reference .reports-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-top:4px}
    .tn-dashboard-reference .reports-page-head>div:first-child{min-width:0}
    .tn-dashboard-reference .reports-eyebrow{display:inline-flex;align-items:center;gap:7px;margin:0 0 10px;color:#3978d1;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
    .tn-dashboard-reference .reports-eyebrow svg{width:14px;height:14px;stroke-width:2.2}
    .tn-dashboard-reference .reports-header-badge{display:inline-flex;align-items:center;gap:8px;min-height:33px;padding:0 12px;border:1px solid #dfe8f3;border-radius:999px;background:rgba(255,255,255,.84);box-shadow:0 7px 18px rgba(20,42,76,.045);color:#5e718d;font-size:11px;font-weight:750;white-space:nowrap}
    .tn-dashboard-reference .reports-live-dot{width:7px;height:7px;border-radius:50%;background:#16b86b;box-shadow:0 0 0 4px rgba(22,184,107,.12)}
    .tn-dashboard-reference .reports-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
    .tn-dashboard-reference .reports-stat-card{position:relative;min-width:0;min-height:92px;display:flex;align-items:center;gap:12px;padding:15px 16px;border:1px solid #e1e8f2;border-radius:15px;background:linear-gradient(145deg,#fff 0%,#f9fbff 100%);box-shadow:0 10px 25px rgba(20,42,76,.055),inset 0 1px rgba(255,255,255,.95);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
    .tn-dashboard-reference .reports-stat-card:hover{border-color:#cbdcf3;box-shadow:0 14px 28px rgba(20,42,76,.085),inset 0 1px rgba(255,255,255,.98);transform:translateY(-2px)}
    .tn-dashboard-reference .reports-stat-icon{width:40px;height:40px;display:grid;place-items:center;flex:none;border:1px solid color-mix(in srgb,var(--stat-a),transparent 78%);border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--stat-a),#fff 88%),color-mix(in srgb,var(--stat-b),#fff 90%));color:var(--stat-a);box-shadow:inset 0 1px rgba(255,255,255,.9)}
    .tn-dashboard-reference .reports-stat-icon svg{width:18px;height:18px;stroke-width:2.1}
    .tn-dashboard-reference .reports-stat-copy{display:flex;flex-direction:column;min-width:0;gap:4px}
    .tn-dashboard-reference .reports-stat-copy span{overflow:hidden;color:#6f8099;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
    .tn-dashboard-reference .reports-stat-copy strong{color:#12233c;font-size:23px;line-height:1;font-weight:790;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
    .tn-dashboard-reference .reports-stat-arrow{width:15px;height:15px;margin-left:auto;color:var(--stat-a);opacity:.72;stroke-width:1.8}
    .tn-dashboard-reference .reports-stat-cyan{--stat-a:#079fc2;--stat-b:#32bff0}.tn-dashboard-reference .reports-stat-purple{--stat-a:#7852e8;--stat-b:#ac71ff}.tn-dashboard-reference .reports-stat-blue{--stat-a:#2e76ec;--stat-b:#56b2f8}.tn-dashboard-reference .reports-stat-pink{--stat-a:#df4d8b;--stat-b:#ff7b9c}
    .tn-dashboard-reference .reports-panel{border-radius:18px;box-shadow:0 14px 32px rgba(20,42,76,.065),inset 0 1px rgba(255,255,255,.96)}
    .tn-dashboard-reference .reports-panel-head{min-height:72px;padding:0 23px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(249,251,255,.8))}
    .tn-dashboard-reference .reports-section-heading{display:flex;align-items:center;gap:12px;min-width:0}
    .tn-dashboard-reference .reports-section-heading>div{display:flex;flex-direction:column;gap:3px;min-width:0}
    .tn-dashboard-reference .reports-section-heading p{margin:0;color:#1d304d;font-size:13px;font-weight:780}
    .tn-dashboard-reference .reports-section-heading span:not(.reports-section-icon){color:#7b8aa1;font-size:11px;font-weight:600}
    .tn-dashboard-reference .reports-section-icon{width:39px;height:39px;display:grid;place-items:center;flex:none;border:1px solid transparent;border-radius:12px}
    .tn-dashboard-reference .reports-section-icon svg{width:19px;height:19px;stroke-width:1.9}
    .tn-dashboard-reference .reports-section-icon-cyan{border-color:#bdebf2;background:linear-gradient(145deg,#ebfcff,#e0f7fb);color:#0a9fbd}
    .tn-dashboard-reference .reports-section-icon-purple{border-color:#e2d4ff;background:linear-gradient(145deg,#faf6ff,#f0e8ff);color:#794de7}
    .tn-dashboard-reference .reports-panel-rule{width:54px;height:4px;border-radius:99px;background:linear-gradient(90deg,#18c8e4,#7461ee);opacity:.7}
    .tn-dashboard-reference .reports-export-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:21px 28px;padding:25px 24px 22px;border-bottom:0;background:linear-gradient(145deg,#fff 0%,#fbfdff 58%,#f5f9ff 100%)}
    .tn-dashboard-reference .reports-export-main{display:flex;align-items:flex-start;gap:16px;min-width:0}
    .tn-dashboard-reference .reports-export-mark{width:52px;height:52px;display:grid;place-items:center;flex:none;border:1px solid #bfeaf3;border-radius:15px;background:linear-gradient(145deg,#e9fbff,#e1f7fb);color:#0b9fbe;box-shadow:inset 0 1px rgba(255,255,255,.95),0 7px 16px rgba(12,160,191,.09)}
    .tn-dashboard-reference .reports-export-mark svg{width:25px;height:25px;stroke-width:1.75}
    .tn-dashboard-reference .reports-export-copy{min-width:0;padding-top:1px}
    .tn-dashboard-reference .reports-export-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
    .tn-dashboard-reference .reports-export-title-row h2{margin:0;color:#142640;font-size:18px;font-weight:780;letter-spacing:-.3px}
    .tn-dashboard-reference .reports-available-pill{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border:1px solid #cceede;border-radius:999px;background:#effbf4;color:#15925a;font-size:10px;font-weight:800;letter-spacing:.02em}
    .tn-dashboard-reference .reports-available-pill svg{width:12px;height:12px;stroke-width:2.4}
    .tn-dashboard-reference .reports-export-description{max-width:790px;margin:8px 0 0;color:#687b96;font-size:13px;line-height:1.5}
    .tn-dashboard-reference .reports-export-counts{margin:12px 0 0;color:#8090a6;font-size:11px;font-weight:650;line-height:1.4}
    .tn-dashboard-reference .reports-export-side{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:16px;min-width:230px}
    .tn-dashboard-reference .reports-export-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
    .tn-dashboard-reference .reports-pdf-badge{height:26px;border:1px solid #e5e9f0;background:#f5f7fa;color:#8a97aa;font-size:10px;font-weight:700}
    .tn-dashboard-reference .reports-download-button{height:42px;padding:0 13px;border:0;border-radius:11px;background:linear-gradient(100deg,#079fca 0%,#266fe8 58%,#7050e8 100%);box-shadow:0 9px 20px rgba(41,111,221,.2);font-size:12px;font-weight:780;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
    .tn-dashboard-reference .reports-download-button:hover{filter:saturate(1.08);box-shadow:0 12px 24px rgba(41,111,221,.28);transform:translateY(-1px)}
    .tn-dashboard-reference .reports-download-button a{display:inline-flex;align-items:center;gap:7px}
    .tn-dashboard-reference .reports-secure-note{display:flex;align-items:center;gap:7px;color:#7b8ca2;font-size:10.5px;font-weight:650;text-align:right}
    .tn-dashboard-reference .reports-secure-note svg{width:14px;height:14px;color:#3e87c8;stroke-width:1.9}
    .tn-dashboard-reference .reports-included{grid-column:1/-1;display:flex;align-items:center;gap:16px;padding-top:18px;border-top:1px solid #e8eef5}
    .tn-dashboard-reference .reports-included-label{flex:none;color:#60728d;font-size:11px;font-weight:780;letter-spacing:.02em}
    .tn-dashboard-reference .reports-field-list{display:flex;flex-wrap:wrap;gap:7px}
    .tn-dashboard-reference .reports-field-list span{display:inline-flex;align-items:center;gap:5px;height:25px;padding:0 8px;border:1px solid #e2eaf3;border-radius:8px;background:#fafcff;color:#61738e;font-size:10px;font-weight:650}
    .tn-dashboard-reference .reports-field-list svg{width:11px;height:11px;color:#10a15d;stroke-width:2.5}
    .tn-dashboard-reference .reports-empty-state{min-height:185px;padding:34px 24px}
    .tn-dashboard-reference .reports-history-empty{position:relative;gap:10px;background:radial-gradient(circle at 50% 10%,rgba(124,78,231,.045),transparent 46%),linear-gradient(180deg,#fff,#fbfcff)}
    .tn-dashboard-reference .reports-history-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid #e2d8fb;border-radius:14px;background:linear-gradient(145deg,#fbf9ff,#f2ecff);color:#7954e6;box-shadow:0 7px 16px rgba(112,75,219,.08)}
    .tn-dashboard-reference .reports-history-icon svg{width:21px;height:21px;stroke-width:1.8}
    .tn-dashboard-reference .reports-history-empty p{max-width:750px;color:#2b3d57;font-size:13px;font-weight:700;line-height:1.5}
    .tn-dashboard-reference .reports-history-empty>span{color:#8593a7;font-size:11px}
    .tn-dashboard-reference .reports-history-badge{display:inline-flex;align-items:center;height:25px;padding:0 9px;border:1px solid #e4ddfa;border-radius:999px;background:#f8f5ff;color:#7854d5;font-size:10px;font-weight:750}

    /* AI ASSISTANT */
    .tn-dashboard-reference .assistant-page{padding:0 0 34px}
    .tn-dashboard-reference .assistant-content{display:flex;flex-direction:column;gap:20px;min-width:0;width:100%;max-width:none;margin:0}
    .tn-dashboard-reference .assistant-hero{position:relative;isolation:isolate;min-height:204px;padding:31px 34px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;overflow:hidden;border:1px solid #dfe7f4;border-radius:22px;background:radial-gradient(circle at 78% 5%,rgba(71,174,255,.2),transparent 34%),radial-gradient(circle at 15% 110%,rgba(123,53,245,.1),transparent 38%),linear-gradient(135deg,#fff 0%,#f5f9ff 58%,#f0f6ff 100%);box-shadow:0 18px 42px rgba(31,76,140,.09)}
    .tn-dashboard-reference .assistant-hero::after{content:"";position:absolute;right:-85px;bottom:-105px;width:330px;height:260px;border:1px solid rgba(34,128,242,.12);border-radius:50%;box-shadow:0 0 0 24px rgba(34,128,242,.035),0 0 0 48px rgba(34,128,242,.025);z-index:-1}
    .tn-dashboard-reference .assistant-hero-copy{position:relative;max-width:850px}
    .tn-dashboard-reference .assistant-eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:14px;color:#2677db;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
    .tn-dashboard-reference .assistant-eyebrow svg{width:15px;height:15px;stroke-width:2.3}
    .tn-dashboard-reference .assistant-hero h1{margin:0 0 9px;color:#071426;font-size:38px;line-height:1.05;font-weight:790;letter-spacing:-1.35px}
    .tn-dashboard-reference .assistant-hero p{max-width:740px;margin:0;color:#60718c;font-size:15px;line-height:1.55}
    .tn-dashboard-reference .assistant-status{display:inline-flex;align-items:center;gap:8px;flex:none;padding:9px 12px;border:1px solid #d9eadf;border-radius:999px;background:rgba(255,255,255,.78);color:#158248;font-size:12px;font-weight:750;box-shadow:0 5px 14px rgba(24,108,65,.07)}
    .tn-dashboard-reference .assistant-status-dot{width:7px;height:7px;border-radius:50%;background:#1fc477;box-shadow:0 0 0 4px rgba(31,196,119,.12)}
    .tn-dashboard-reference .assistant-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:stretch}
    .tn-dashboard-reference .assistant-panel{min-width:0;border:1px solid #e1e7f0;border-radius:19px;background:rgba(255,255,255,.96);box-shadow:0 12px 30px rgba(20,42,76,.065)}
    .tn-dashboard-reference .assistant-composer-panel{overflow:hidden}
    .tn-dashboard-reference .assistant-panel-head{min-height:86px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e9edf4}
    .tn-dashboard-reference .assistant-panel-title{display:flex;align-items:center;gap:12px;min-width:0}
    .tn-dashboard-reference .assistant-panel-icon{width:42px;height:42px;display:grid;place-items:center;flex:none;border:1px solid #dfe1ff;border-radius:13px;color:#713cf2;background:linear-gradient(145deg,#f7f2ff,#e9eaff);box-shadow:inset 0 1px rgba(255,255,255,.95)}
    .tn-dashboard-reference .assistant-panel-icon svg{width:20px;height:20px;stroke-width:2.2}
    .tn-dashboard-reference .assistant-panel-title h2{margin:0;color:#11213a;font-size:17px;font-weight:780;letter-spacing:-.3px}
    .tn-dashboard-reference .assistant-panel-title p{margin:4px 0 0;color:#72819a;font-size:12px;line-height:1.35}
    .tn-dashboard-reference .assistant-generated-badge{display:inline-flex;align-items:center;gap:6px;flex:none;border-color:#dce6f5;background:#f8fbff;color:#55708f;font-size:11px;font-weight:700}
    .tn-dashboard-reference .assistant-generated-badge span{width:6px;height:6px;border-radius:50%;background:#7d51f3;box-shadow:0 0 0 3px rgba(125,81,243,.12)}
    .tn-dashboard-reference .assistant-composer-body{padding:22px}
    .tn-dashboard-reference .assistant-prompt-shell{padding:13px;border:1px solid #dfe6f0;border-radius:15px;background:linear-gradient(145deg,#fbfcff,#f5f8fc);box-shadow:inset 0 1px rgba(255,255,255,.9);transition:border-color .18s ease,box-shadow .18s ease}
    .tn-dashboard-reference .assistant-prompt-shell:focus-within{border-color:#a9c9f4;box-shadow:0 0 0 4px rgba(47,126,231,.1),inset 0 1px rgba(255,255,255,.9)}
    .tn-dashboard-reference .assistant-prompt-input{min-height:138px;padding:6px 4px;border:0;background:transparent;color:#162641;font-size:15px;line-height:1.55;resize:vertical;box-shadow:none}
    .tn-dashboard-reference .assistant-prompt-input:focus-visible{border:0;box-shadow:none}
    .tn-dashboard-reference .assistant-prompt-input::placeholder{color:#8a98ad}
    .tn-dashboard-reference .assistant-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid #e5ebf3}
    .tn-dashboard-reference .assistant-composer-actions{display:flex;align-items:center;gap:9px;min-width:0}
    .tn-dashboard-reference .assistant-depth-control{display:inline-flex;align-items:center;gap:7px;color:#71819a;font-size:10px;font-weight:750;white-space:nowrap}
    .tn-dashboard-reference .assistant-depth-control select{height:32px;min-width:90px;padding:0 25px 0 9px;border:1px solid #dce5f0;border-radius:9px;background:#fff;color:#405370;font-size:11px;font-weight:700;outline:none}
    .tn-dashboard-reference .assistant-depth-control select:focus{border-color:#9fc4f1;box-shadow:0 0 0 3px rgba(47,126,231,.1)}
    .tn-dashboard-reference .assistant-input-hint{display:inline-flex;align-items:center;gap:6px;min-width:0;color:#7b8aa1;font-size:11px}
    .tn-dashboard-reference .assistant-input-hint svg{width:14px;height:14px;color:#4d88d8;flex:none}
    .tn-dashboard-reference .assistant-ask-button{height:37px;padding:0 13px;border:0;border-radius:10px;background:linear-gradient(100deg,#167ee4 0%,#7546f4 55%,#e43d8b 100%);box-shadow:0 8px 18px rgba(91,76,224,.24);font-size:12.5px;font-weight:750}
    .tn-dashboard-reference .assistant-ask-button:hover{filter:saturate(1.1) brightness(1.03);box-shadow:0 10px 22px rgba(91,76,224,.3)}
    .tn-dashboard-reference .assistant-suggestion-head{margin:21px 0 9px;color:#6b7b94;font-size:11px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}
    .tn-dashboard-reference .assistant-suggestions{display:flex;flex-wrap:wrap;gap:8px}
    .tn-dashboard-reference .assistant-suggestions button{height:34px;padding:0 10px;border-color:#e0e6ef;border-radius:10px;background:#fff;color:#405370;font-size:12px;font-weight:620;white-space:normal;text-align:left}
    .tn-dashboard-reference .assistant-suggestions button:hover{border-color:#b8d1f4;background:#f6faff;color:#1d5fa9}
    .tn-dashboard-reference .assistant-suggestions svg{width:13px;height:13px;margin-left:2px;color:#6d83a0}
    .tn-dashboard-reference .assistant-context-panel{padding:22px;display:flex;flex-direction:column;background:linear-gradient(155deg,#fff 0%,#f7faff 100%)}
    .tn-dashboard-reference .assistant-context-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:19px;border-bottom:1px solid #e6ecf4}
    .tn-dashboard-reference .assistant-context-kicker{display:block;margin-bottom:5px;color:#6f80a0;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
    .tn-dashboard-reference .assistant-context-head h2{margin:0;color:#14243d;font-size:18px;font-weight:780;letter-spacing:-.35px}
    .tn-dashboard-reference .assistant-context-head>svg{width:22px;height:22px;color:#168dcc;stroke-width:1.8}
    .tn-dashboard-reference .assistant-context-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:20px 0}
    .tn-dashboard-reference .assistant-context-stats div{min-width:0;padding:12px;border:1px solid #e3eaf3;border-radius:12px;background:#fff}
    .tn-dashboard-reference .assistant-context-stats span{display:block;color:#71809a;font-size:10.5px;line-height:1.2}
    .tn-dashboard-reference .assistant-context-stats strong{display:block;margin-top:7px;color:#12223b;font-size:25px;line-height:1;font-weight:800;letter-spacing:-.7px}
    .tn-dashboard-reference .assistant-context-note{display:flex;align-items:flex-start;gap:9px;margin-top:auto;padding:12px;border:1px solid #d9eee5;border-radius:12px;background:linear-gradient(145deg,#f5fff9,#effaf5);color:#217b57}
    .tn-dashboard-reference .assistant-context-note>svg{width:17px;height:17px;flex:none;margin-top:1px;stroke-width:2}
    .tn-dashboard-reference .assistant-context-note strong{display:block;color:#176d4c;font-size:11.5px;font-weight:780}
    .tn-dashboard-reference .assistant-context-note p{margin:4px 0 0;color:#5e806f;font-size:11px;line-height:1.4}
    .tn-dashboard-reference .assistant-answer-panel{padding:24px}
    .tn-dashboard-reference .assistant-answer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid #e6ecf3}
    .tn-dashboard-reference .assistant-answer-head h2{margin:0;color:#13243d;font-size:21px;font-weight:790;letter-spacing:-.45px}
    .tn-dashboard-reference .assistant-answer-head p{margin:5px 0 0;color:#71809a;font-size:12.5px}
    .tn-dashboard-reference .assistant-answer-check{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#15965b;background:#e8f8ef}
    .tn-dashboard-reference .assistant-answer-check svg{width:19px;height:19px}
    .tn-dashboard-reference .assistant-answer-panel h3{margin:20px 0 10px;color:#40536e;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
    .tn-dashboard-reference .assistant-result-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}
    .tn-dashboard-reference .assistant-result-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto 17px;align-items:center;gap:12px;padding:11px 12px;border:1px solid #e7ecf3;border-radius:12px;background:#fbfcfe;transition:border-color .18s ease,background .18s ease,transform .18s ease}
    .tn-dashboard-reference .assistant-result-item:hover{border-color:#bfd6f5;background:#f6faff;transform:translateY(-1px)}
    .tn-dashboard-reference .assistant-result-rank{color:#8a9ab1;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}
    .tn-dashboard-reference .assistant-result-item a{display:flex;flex-direction:column;min-width:0;text-decoration:none}
    .tn-dashboard-reference .assistant-result-item a strong{overflow:hidden;color:#1c2e49;font-size:13px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
    .tn-dashboard-reference .assistant-result-item a span{margin-top:3px;color:#7787a0;font-size:11px}
    .tn-dashboard-reference .assistant-result-score{min-width:36px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#e8f8ef;color:#138e53;font-size:12px;font-weight:800}
    .tn-dashboard-reference .assistant-result-item>svg{width:15px;height:15px;color:#7d91ac}
    .tn-dashboard-reference .assistant-limitation{margin:16px 0 0;color:#8491a5;font-size:11px;line-height:1.5}
    .tn-dashboard-reference .assistant-empty-state{min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:32px}
    .tn-dashboard-reference .assistant-empty-icon{width:54px;height:54px;display:grid;place-items:center;border:1px solid #dce7f4;border-radius:17px;color:#3984da;background:#f1f7ff}
    .tn-dashboard-reference .assistant-empty-icon svg{width:24px;height:24px}
    .tn-dashboard-reference .assistant-empty-state p{margin:0;color:#334a69;font-size:14px;font-weight:650}
    .tn-dashboard-reference .assistant-status-disabled{border-color:#f1dfc2;background:#fffaf2;color:#a3681d}
    .tn-dashboard-reference .assistant-status-disabled .assistant-status-dot{background:#e3a42b;box-shadow:0 0 0 4px rgba(227,164,43,.14)}
    .tn-dashboard-reference .assistant-disabled-panel{display:flex;align-items:flex-start;gap:11px;margin-bottom:14px;padding:13px 14px;border:1px solid #f0dfc3;border-radius:13px;background:linear-gradient(145deg,#fffaf1,#fffdf8);color:#9a681f}
    .tn-dashboard-reference .assistant-disabled-panel>svg{width:18px;height:18px;flex:none;margin-top:1px}
    .tn-dashboard-reference .assistant-disabled-panel strong{display:block;font-size:12px;font-weight:800}
    .tn-dashboard-reference .assistant-disabled-panel p{margin:4px 0 0;color:#8b7654;font-size:11px;line-height:1.45}
    .tn-dashboard-reference .assistant-context-stats i{display:block;height:5px;margin-top:9px;overflow:hidden;border-radius:99px;background:#e7edf5}
    .tn-dashboard-reference .assistant-context-stats i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#18b6d8,#7546f4,#e43d8b);transition:width .25s ease}
    .tn-dashboard-reference .assistant-answer-actions{display:flex;align-items:center;gap:9px}
    .tn-dashboard-reference .assistant-answer-actions button{border-color:#dce5f1;background:#fbfdff;color:#60718c;font-size:11px}
    .tn-dashboard-reference .assistant-answer-actions button svg{width:13px;height:13px}
    .tn-dashboard-reference .assistant-loading{width:19px;height:19px;color:#6d52ef;animation:assistant-spin .8s linear infinite}
    .tn-dashboard-reference .assistant-stream-progress{display:inline-flex;align-items:center;gap:7px;color:#687b96;font-size:11px;max-width:240px}
    .tn-dashboard-reference .assistant-conversation{display:grid;gap:14px;padding-top:18px}
    .tn-dashboard-reference .assistant-no-answer{margin:4px 0;color:#8391a5;font-size:13px}
    .tn-dashboard-reference .assistant-message{max-width:92%;padding:13px 15px;border:1px solid #e4eaf2;border-radius:14px;background:#fbfcfe}
    .tn-dashboard-reference .assistant-message-user{justify-self:end;border-color:#d7e7fa;background:linear-gradient(145deg,#f3f9ff,#f8fbff)}
    .tn-dashboard-reference .assistant-message-meta{display:flex;align-items:center;gap:8px;margin-bottom:5px}
    .tn-dashboard-reference .assistant-message-role{display:block;color:#70829d;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
    .tn-dashboard-reference .assistant-depth-badge{display:inline-flex;align-items:center;height:19px;padding:0 7px;border:1px solid #dfe7f3;border-radius:99px;background:#f6f9fd;color:#6680a0;font-size:9px;font-weight:750}
    .tn-dashboard-reference .assistant-message p{margin:0;color:#273b58;font-size:13px;line-height:1.6;white-space:pre-wrap}
    .tn-dashboard-reference .assistant-message-user p{color:#27517d}
    .tn-dashboard-reference .assistant-message-sources{display:grid;gap:7px;margin-top:14px;padding-top:11px;border-top:1px solid #e6edf5}
    .tn-dashboard-reference .assistant-message-sources>span{color:#73849c;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
    .tn-dashboard-reference .assistant-source-card{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:7px;border:1px solid #e2e9f2;border-radius:10px;background:#fff;text-decoration:none;transition:border-color .16s ease,transform .16s ease}
    .tn-dashboard-reference .assistant-source-card:hover{border-color:#b9d4f4;transform:translateY(-1px)}
    .tn-dashboard-reference .assistant-source-thumb{width:34px;height:34px;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:#f0f4f8;color:#8fa0b5}
    .tn-dashboard-reference .assistant-source-thumb img{width:100%;height:100%;object-fit:cover}
    .tn-dashboard-reference .assistant-source-thumb svg{width:15px;height:15px}
    .tn-dashboard-reference .assistant-source-copy{display:flex;flex-direction:column;min-width:0}
    .tn-dashboard-reference .assistant-source-copy strong{overflow:hidden;color:#253b59;font-size:11px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
    .tn-dashboard-reference .assistant-source-copy small{overflow:hidden;margin-top:2px;color:#8292a8;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
    .tn-dashboard-reference .assistant-source-meta{display:inline-flex;align-items:center;gap:4px;color:#15935b;font-size:11px;font-weight:800}
    .tn-dashboard-reference .assistant-source-meta svg{width:12px;height:12px;color:#7d91ac}
    .tn-dashboard-reference .assistant-inline-error{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding:9px 11px;border:1px solid #f0d4d4;border-radius:10px;background:#fff8f8;color:#a44949;font-size:11px}
    .tn-dashboard-reference .assistant-inline-error button{height:27px;color:#a44949;font-size:11px}
    .tn-dashboard-reference .assistant-inline-error button svg{width:12px;height:12px}
    @keyframes assistant-spin{to{transform:rotate(360deg)}}

    @media (max-width:1500px) and (min-width:1241px){
      .tn-dashboard-reference table{min-width:0}
      .tn-dashboard-reference th,.tn-dashboard-reference td{padding-right:10px;padding-left:10px}
      .tn-dashboard-reference .product-cell{gap:9px}
      .tn-dashboard-reference .score-wrap{gap:6px}
      .tn-dashboard-reference .score-label{font-size:10.5px}
    }

    @media (max-width:1240px){
      .tn-dashboard-reference .app{grid-template-columns:236px minmax(0,1fr)}
      .tn-dashboard-reference .sidebar{width:236px}
      .tn-dashboard-reference .main{padding:22px}
      .tn-dashboard-reference .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
      .tn-dashboard-reference .content-grid{grid-template-columns:1fr}
      .tn-dashboard-reference .right-stack{grid-template-columns:1fr 1fr}
      .tn-dashboard-reference .creator-filter-grid{grid-template-columns:minmax(280px,1fr) 150px 150px 180px}
      .tn-dashboard-reference .products-filter-grid{grid-template-columns:minmax(280px,1fr) 170px 210px 160px}
      .tn-dashboard-reference .stores-filter-grid{grid-template-columns:minmax(280px,1fr) 150px 150px 180px}
      .tn-dashboard-reference .intelligence-advanced-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
    }
    @media (max-width:980px){
      .tn-dashboard-reference .creator-filter-grid{grid-template-columns:1fr 1fr}
      .tn-dashboard-reference .creator-search-field{grid-column:1/-1}
      .tn-dashboard-reference .intelligence-filter-grid,
      .tn-dashboard-reference .products-filter-grid,
      .tn-dashboard-reference .stores-filter-grid{grid-template-columns:1fr 1fr}
      .tn-dashboard-reference .intelligence-search-field{grid-column:1/-1}
      .tn-dashboard-reference .intelligence-advanced-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
      .tn-dashboard-reference .intelligence-secondary-grid{grid-template-columns:1fr}
    }
    @media (max-width:820px){
      .tn-dashboard-reference .app{grid-template-columns:1fr}
      .tn-dashboard-reference .main{grid-column:1}
      /* Deviation from the reference (which stacks the full sidebar above
         content on mobile): the app already has a real slide-out drawer
         (Sheet, triggered from the topbar hamburger) reusing this same
         .sidebar/.nav-item markup — a stacked 100vh-tall dark sidebar
         pushing all content down is real functionality regression, not a
         restyle, so the persistent inline sidebar is hidden here instead
         and shown only inside the drawer. */
      .tn-dashboard-reference .sidebar{display:none}
      .tn-dashboard-reference .upgrade{margin-top:22px}
      .tn-dashboard-reference .topbar{flex-direction:column}
      .tn-dashboard-reference .main{padding:18px}
      .tn-dashboard-reference .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
      .tn-dashboard-reference .kpis-demo-badge{margin-bottom:0}
      .tn-dashboard-reference .right-stack{grid-template-columns:1fr}
      .tn-dashboard-reference .category-body{grid-template-columns:1fr;justify-items:center}
      .tn-dashboard-reference .mobile-nav-strip{display:block;border-bottom:1px solid var(--line);padding:8px 18px;background:rgba(247,249,253,.88);backdrop-filter:blur(14px)}
      .tn-dashboard-reference .dashboard-mobile-trigger{display:inline-flex}
      .tn-dashboard-reference .right-stack>.panel:first-child .chart svg{height:auto}
      .tn-dashboard-reference .panel-head{min-height:66px}
      .tn-dashboard-reference .admin-mobile-menu{display:inline-flex;flex:none}
      .tn-dashboard-reference .admin-shell-topbar{align-items:flex-start;margin-bottom:2px;padding-bottom:14px}
      .tn-dashboard-reference .admin-shell-actions{gap:8px}
      .tn-dashboard-reference .admin-shell-return{display:none}
    }
    @media (max-width:620px){
      .tn-dashboard-reference .kpis{grid-template-columns:1fr}
      .tn-dashboard-reference .creator-filter-grid{grid-template-columns:1fr}
      .tn-dashboard-reference .creator-page-head h1{font-size:26px}
      .tn-dashboard-reference .intelligence-filter-grid,
      .tn-dashboard-reference .products-filter-grid,
      .tn-dashboard-reference .stores-filter-grid,
      .tn-dashboard-reference .intelligence-advanced-grid{grid-template-columns:1fr}
      .tn-dashboard-reference .intelligence-page-head h1{font-size:26px}
      .tn-dashboard-reference .intelligence-table-wrap table{min-width:100% !important;width:100%}
    }
    @media (max-width:980px){
      .tn-dashboard-reference .assistant-workspace{grid-template-columns:1fr}
    }
    @media (max-width:820px){
      .tn-dashboard-reference .assistant-hero{min-height:0;padding:25px 22px;align-items:flex-start;flex-direction:column}
      .tn-dashboard-reference .assistant-status{align-self:flex-start}
      .tn-dashboard-reference .assistant-panel-head{align-items:flex-start;flex-direction:column}
      .tn-dashboard-reference .assistant-generated-badge{align-self:flex-start}
    }
    @media (max-width:620px){
      .tn-dashboard-reference .assistant-hero{padding:22px 18px;border-radius:18px}
      .tn-dashboard-reference .assistant-hero h1{font-size:29px}
      .tn-dashboard-reference .assistant-hero p{font-size:13px}
      .tn-dashboard-reference .assistant-panel-head,
      .tn-dashboard-reference .assistant-composer-body,
      .tn-dashboard-reference .assistant-context-panel,
      .tn-dashboard-reference .assistant-answer-panel{padding:18px}
      .tn-dashboard-reference .assistant-panel-title p{max-width:230px}
      .tn-dashboard-reference .assistant-composer-footer{align-items:flex-start;flex-direction:column}
      .tn-dashboard-reference .assistant-ask-button{align-self:flex-end}
      .tn-dashboard-reference .assistant-result-item{grid-template-columns:26px minmax(0,1fr) auto 15px;gap:8px;padding:10px 8px}
      .tn-dashboard-reference .assistant-result-item a strong{font-size:12px}
    }
    /* The drawer (Sheet) renders .sidebar/.nav-item markup inside a
       non-grid overlay context — force it visible there regardless of the
       max-width:820px rule above, which only targets the persistent
       in-grid sidebar. */
    .tn-dashboard-reference .sidebar.sidebar-drawer{display:flex !important;position:static;width:100%;height:100dvh}

@media (max-width:980px){
  .tn-dashboard-reference .reports-overview{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tn-dashboard-reference .reports-export-card{grid-template-columns:1fr}
  .tn-dashboard-reference .reports-export-side{align-items:flex-start;min-width:0}
  .tn-dashboard-reference .reports-secure-note{text-align:left}
}
@media (max-width:620px){
  .tn-dashboard-reference .reports-page-head{align-items:flex-start;flex-direction:column;gap:12px}
  .tn-dashboard-reference .reports-page-head h1{font-size:27px}
  .tn-dashboard-reference .reports-header-badge{align-self:flex-start}
  .tn-dashboard-reference .reports-overview{gap:9px}
  .tn-dashboard-reference .reports-stat-card{min-height:80px;padding:12px 11px;gap:9px}
  .tn-dashboard-reference .reports-stat-icon{width:34px;height:34px;border-radius:10px}
  .tn-dashboard-reference .reports-stat-icon svg{width:16px;height:16px}
  .tn-dashboard-reference .reports-stat-copy strong{font-size:20px}
  .tn-dashboard-reference .reports-stat-arrow{display:none}
  .tn-dashboard-reference .reports-panel-head{padding:0 17px}
  .tn-dashboard-reference .reports-panel-rule{width:34px}
  .tn-dashboard-reference .reports-export-card{padding:19px 17px 18px;gap:17px}
  .tn-dashboard-reference .reports-export-main{gap:11px}
  .tn-dashboard-reference .reports-export-mark{width:43px;height:43px;border-radius:12px}
  .tn-dashboard-reference .reports-export-mark svg{width:21px;height:21px}
  .tn-dashboard-reference .reports-export-title-row h2{font-size:16px}
  .tn-dashboard-reference .reports-export-description{font-size:12px}
  .tn-dashboard-reference .reports-export-actions{justify-content:flex-start}
  .tn-dashboard-reference .reports-included{align-items:flex-start;flex-direction:column;gap:10px}
  .tn-dashboard-reference .reports-field-list{gap:6px}
  .tn-dashboard-reference .reports-empty-state{padding:28px 17px}
}

@media (max-width:1240px){
  .tn-dashboard-reference .discovery-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tn-dashboard-reference .discovery-bottom-grid{grid-template-columns:1fr}
}
@media (max-width:980px){
  .tn-dashboard-reference .discovery-split-grid{grid-template-columns:1fr}
  .tn-dashboard-reference .discovery-ranked-row{grid-template-columns:26px 46px minmax(0,1fr) 78px 86px}
  .tn-dashboard-reference .discovery-influencer-row{grid-template-columns:26px 38px minmax(0,1fr) 70px 94px}
}
@media (max-width:820px){
  .tn-dashboard-reference .discovery-panel-head{align-items:flex-start;flex-direction:column;gap:13px;padding:20px 18px 17px}
  .tn-dashboard-reference .discovery-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 12px 0}
  .tn-dashboard-reference .discovery-list-head{padding:0 16px}
  .tn-dashboard-reference .discovery-ranked-row{padding-right:13px;padding-left:13px}
}
@media (max-width:620px){
  .tn-dashboard-reference .discovery-product-grid{grid-template-columns:1fr}
  .tn-dashboard-reference .discovery-panel-head h2{font-size:20px}
  .tn-dashboard-reference .discovery-list-head{align-items:flex-start;flex-direction:column;justify-content:center;gap:8px;padding-top:14px;padding-bottom:14px}
  .tn-dashboard-reference .discovery-list-head .view-all{align-self:flex-end;margin-top:-29px}
  .tn-dashboard-reference .discovery-ranked-row,.tn-dashboard-reference .discovery-influencer-row{grid-template-columns:24px 42px minmax(0,1fr) 72px;gap:8px;padding-right:11px;padding-left:11px}
  .tn-dashboard-reference .discovery-ranked-metric-last{display:none}
  .tn-dashboard-reference .discovery-ranked-copy strong{font-size:11px}
  .tn-dashboard-reference .discovery-ranked-metric b{font-size:11px}
  .tn-dashboard-reference .discovery-category-list{padding:16px 15px 17px}
}

.tn-product-reference{--nav:#06182b;--nav2:#071426;--active:#0b78a7;--bg:#f7f9fc;--card:#fff;--text:#111827;--muted:#66758d;--line:#e5e9f0;--green:#139f4a;--purple:#7c35ff;--pink:#ff3f7d;--cyan:#13d0e7;--shadow:0 12px 34px rgba(20,42,76,.07)}
.tn-product-reference, .tn-product-reference *{box-sizing:border-box}
.tn-product-reference{margin:0;font-family:var(--font-dashboard-inter),"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:transparent;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.tn-product-reference button, .tn-product-reference input, .tn-product-reference select, .tn-product-reference textarea, .tn-product-reference a{font:inherit}
.tn-product-reference a{text-decoration:none;color:inherit}
.tn-product-reference svg{display:block}
.tn-dashboard-reference .app:has(.tn-product-reference){grid-template-columns:250px minmax(0,1fr)}
.tn-dashboard-reference .app:has(.tn-product-reference) .sidebar{width:250px}
.tn-dashboard-reference .main:has(.tn-product-reference){padding:0}
.tn-dashboard-reference .app:has(.tn-product-reference) .account-profile{margin-bottom:20px}
/* .page: the reference's own max-width/padding page container — kept even
   though .app/.sidebar/.workspace were deliberately dropped (this app
   reuses the shared dashboard sidebar, see file header), because product
   detail is not rendered inside DashboardOverview's own .content wrapper. */
.tn-product-reference .page{max-width:1500px;margin:0 auto;padding:26px 31px 34px}
@media (max-width:760px){.tn-product-reference .page{padding:20px}}
.tn-product-reference .toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.tn-product-reference .back{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:700}
.tn-product-reference .back svg{width:19px;height:19px}
.tn-product-reference .save{height:41px;margin-right:4px;padding:0 14px;border:1px solid #dfe4ec;background:#fff;border-radius:12px;display:flex;align-items:center;gap:7px;font-weight:700;box-shadow:0 5px 18px rgba(18,40,76,.05);cursor:pointer}
.tn-product-reference .save svg{width:19px;height:19px}
.tn-product-reference .save.saved{background:#fff4f8;border-color:#f4b4cd;color:#cf235f}
.tn-product-reference .layout{display:grid;grid-template-columns:minmax(360px,.83fr) minmax(560px,1.62fr);gap:24px}
/* Grid items default to min-width:auto, which lets a real (long, unbroken by
   the fixture's manual <br/>) product title's min-content width blow out the
   whole grid on narrow viewports — force them shrinkable so text wraps
   inside its column instead of overflowing the page. */
.tn-product-reference .layout > *{min-width:0}
.tn-product-reference .stage{min-height:490px;border-radius:14px;border:1px solid #eef1f5;background:radial-gradient(circle at 50% 38%,#fff,#f6f7fa 60%,#eef1f5);display:grid;place-items:center;overflow:hidden}
.tn-product-reference .cup{width:76%;height:82%}
.tn-product-reference .cup svg,.tn-product-reference .cup img{width:100%;height:100%;object-fit:contain}
.tn-product-reference .thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:19px}
.tn-product-reference .thumb{height:88px;border-radius:11px;border:1px solid transparent;background:#f0f2f6;display:grid;place-items:center;cursor:pointer;overflow:hidden;padding:0}
.tn-product-reference .thumb:hover{border-color:#d8ddea}
.tn-product-reference .thumb.active{border:2px solid var(--purple);background:#f7f2ff}
.tn-product-reference .thumb svg{width:55px;height:75px}
.tn-product-reference .thumb img{width:100%;height:100%;object-fit:cover}
.tn-product-reference .detail-head{min-height:118px;padding:0 8px 15px}
.tn-product-reference .detail-head h1{margin:0 0 10px;font-size:31px;line-height:1.13;letter-spacing:-.85px}
.tn-product-reference .detail-badges{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:6px}
.tn-product-reference .badge{display:inline-flex;align-items:center;min-height:27px;padding:0 11px;border-radius:9px;background:#eeedf2;color:#4f5a6c;font-size:13px;font-weight:700}
.tn-product-reference .card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
.tn-product-reference .score-card{overflow:hidden;margin-bottom:16px}
.tn-product-reference .score-top{min-height:143px;padding:9px 26px;display:grid;grid-template-columns:145px 1fr;gap:17px;align-items:center}
.tn-product-reference .gauge{width:124px;height:124px;position:relative;display:grid;place-items:center}
.tn-product-reference .gauge svg{width:124px;height:124px;transform:rotate(142deg)}
.tn-product-reference .gauge circle{fill:none;stroke-linecap:round;stroke-width:10}
.tn-product-reference .gauge .track{stroke:#e7ebef}
.tn-product-reference .gauge .value{stroke:url(#gaugeGradient);stroke-dasharray:205;stroke-dashoffset:34}
.tn-product-reference .gauge b{position:absolute;font-size:37px;letter-spacing:-1.3px}
.tn-product-reference .score-label{font-size:15px;color:#55637b;margin-bottom:8px}
.tn-product-reference .score-row{display:flex;align-items:center;gap:12px}
.tn-product-reference .score-num{font-size:43px;line-height:1;font-weight:800;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}
.tn-product-reference .score-up{color:var(--green);font-weight:800}
.tn-product-reference .score-up.negative{color:#d2372b}
.tn-product-reference .status{margin-top:8px;color:var(--green);font-size:18px;font-weight:800}
.tn-product-reference .signals{min-height:95px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.tn-product-reference .signal{padding:22px 20px;position:relative}
.tn-product-reference .signal:not(:last-child):after{content:"";position:absolute;right:0;top:17px;bottom:17px;width:1px;background:var(--line)}
.tn-product-reference .signal span{display:block;font-size:13px;color:#69778f;margin-bottom:7px}
.tn-product-reference .signal b{font-size:17px}
.tn-product-reference .summary{min-height:100px;margin-bottom:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.25fr)}
.tn-product-reference .summary-cell{padding:20px 26px;position:relative}
.tn-product-reference .summary-cell:not(:last-child):after{content:"";position:absolute;right:0;top:20px;bottom:20px;width:1px;background:var(--line)}
.tn-product-reference .summary-value{font-size:23px;font-weight:800;font-variant-numeric:tabular-nums}
.tn-product-reference .summary-value.positive{color:var(--green)}
.tn-product-reference .summary-label{font-size:13px;color:#68768d;margin-top:5px}
.tn-product-reference .spark{width:auto;height:auto;display:flex;align-items:center;padding:8px 22px}
.tn-product-reference .spark svg{width:100%;height:74px}
.tn-product-reference .performance{padding:14px 24px 11px}
.tn-product-reference .perf-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.tn-product-reference .perf-head h2{margin:0;font-size:21px;letter-spacing:-.35px}
.tn-product-reference .tabs{display:flex;gap:5px;padding:4px;background:#f4f4f8;border-radius:12px}
.tn-product-reference .tab{height:36px;min-width:50px;padding:0 14px;border:0;border-radius:9px;background:transparent;color:#465269;font-weight:800;cursor:pointer}
.tn-product-reference .tab.active{background:#f5efff;color:#6b2ee6;box-shadow:inset 0 0 0 1px #dfd0ff}
.tn-product-reference .metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px}
.tn-product-reference .metric-label{font-size:13px;color:#69778f;margin-bottom:6px}
.tn-product-reference .metric-value{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}
.tn-product-reference .metric-up{font-size:13px;color:var(--green);font-weight:800;margin-top:7px}
.tn-product-reference .metric-up.negative{color:#d2372b}
.tn-product-reference .chart{height:111px}
.tn-product-reference .chart svg{width:100%;height:100%}
.tn-product-reference .grid line{stroke:#eef1f5}
.tn-product-reference .line{fill:none;stroke:var(--purple);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.tn-product-reference .area{fill:url(#areaGradient)}
.tn-product-reference .point{fill:var(--purple)}
.tn-product-reference .detail-meta{margin-top:28px}
.tn-product-reference .detail-meta~*{margin-top:28px}

@media (max-width:1300px){
  .tn-product-reference .layout{grid-template-columns:minmax(0,1fr)}
  .tn-product-reference .stage{min-height:460px}
  .tn-product-reference .gallery{max-width:720px}
}
@media (max-width:820px){
  .tn-dashboard-reference .app:has(.tn-product-reference){grid-template-columns:1fr}
  .tn-dashboard-reference .app:has(.tn-product-reference) .sidebar{width:100%}
}
@media (max-width:760px){
  .tn-product-reference .toolbar{margin-bottom:18px}
  .tn-product-reference .stage{min-height:min(440px,115vw)}
  .tn-product-reference .detail-head{min-height:0;padding-top:28px}
  .tn-product-reference .signals{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .tn-product-reference .summary{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .tn-product-reference .spark{grid-column:1/-1}
  .tn-product-reference .metrics{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .tn-product-reference .score-top{grid-template-columns:1fr;text-align:center}
  .tn-product-reference .gauge{margin:auto}
  .tn-product-reference .score-row{justify-content:center}
  .tn-product-reference .performance{padding:18px 16px}
  .tn-product-reference .perf-head{align-items:flex-start;gap:14px}
  .tn-product-reference .tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .tn-product-reference .tab{min-width:0;padding:0 10px}
  .tn-product-reference .chart{height:140px}
}

/* Market Explorer — Helium10-inspired research workspace */
.tn-dashboard-reference .market-explorer-page .intelligence-content{gap:18px}
.tn-dashboard-reference .market-explorer-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.tn-dashboard-reference .market-explorer-eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;color:#2679d7;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.tn-dashboard-reference .market-explorer-eyebrow svg{width:14px;height:14px;color:#11b8a4}
.tn-dashboard-reference .market-explorer-catalog-chip{align-self:flex-start;margin-top:4px;border:1px solid #dbe5f0;border-radius:999px;background:#f7faff;padding:7px 11px;color:#62758e;font-size:11px;font-weight:700;white-space:nowrap}
.tn-dashboard-reference .market-insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tn-dashboard-reference .market-insight-card{min-height:96px;display:flex;align-items:center;gap:12px;border:1px solid #dde6f0;border-radius:14px;background:#fff;padding:17px 19px;text-decoration:none;box-shadow:0 7px 20px rgba(26,54,86,.045);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.tn-dashboard-reference .market-insight-card:hover{border-color:#b9cde4;box-shadow:0 12px 25px rgba(26,54,86,.09);transform:translateY(-1px)}
.tn-dashboard-reference .market-insight-card>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column;gap:5px}
.tn-dashboard-reference .market-insight-card strong{color:#243954;font-size:15px;font-weight:780;line-height:1.2}
.tn-dashboard-reference .market-insight-card small{color:#71849c;font-size:12px;line-height:1.35}
.tn-dashboard-reference .market-insight-card>svg{width:15px;height:15px;flex:0 0 auto;color:#8496aa;transform:rotate(45deg)}
.tn-dashboard-reference .market-insight-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;background:#edf4ff}
.tn-dashboard-reference .market-insight-icon svg{width:17px;height:17px}
.tn-dashboard-reference .market-insight-hot .market-insight-icon{background:#fff0ed;color:#f0644d}
.tn-dashboard-reference .market-insight-opportunity .market-insight-icon{background:#eaf2ff;color:#3b84e7}
.tn-dashboard-reference .market-insight-organic .market-insight-icon{background:#eaf9f2;color:#25ad78}
.tn-dashboard-reference .market-insight-influencer .market-insight-icon{background:#fff3e6;color:#ef9645}
.tn-dashboard-reference .market-results-panel{overflow:hidden;border-radius:15px}
.tn-dashboard-reference .market-results-head{min-height:70px;display:flex;align-items:center;gap:16px;padding:0 20px}
.tn-dashboard-reference .market-results-title{display:flex;min-width:0;flex-direction:column;gap:4px;color:#243954}
.tn-dashboard-reference .market-results-title strong{font-size:17px;font-weight:780;line-height:1.2}
.tn-dashboard-reference .market-results-title span{color:#7f90a4;font-size:11px}
.tn-dashboard-reference .market-results-actions{display:flex;gap:9px;margin-left:auto}
.tn-dashboard-reference .market-results-actions button{height:36px;border-radius:8px;font-size:12px;font-weight:720}
.tn-dashboard-reference .market-results-actions button svg{width:15px;height:15px}
.tn-dashboard-reference .market-results-actions a{display:inline-flex;align-items:center;gap:7px}
.tn-dashboard-reference .market-results-actions [data-slot=button]:last-child{border-color:#1678df;background:linear-gradient(135deg,#1979dc,#2d96e9);color:#fff;box-shadow:0 5px 12px rgba(31,126,222,.18)}
.tn-dashboard-reference .market-explorer-table{min-width:1080px;table-layout:fixed}
.tn-dashboard-reference .market-explorer-table th{height:52px;background:#f2f5f8;padding:0 14px;color:#62758e;font-size:11px;font-weight:780;text-align:left;white-space:nowrap}
.tn-dashboard-reference .market-explorer-table th small{display:block;margin-top:2px;color:#90a0b3;font-size:9px;font-weight:650}
.tn-dashboard-reference .market-explorer-table td{height:90px;border-top:1px solid #e6ebf2;padding:0 14px;vertical-align:middle;color:#1a2e49}
.tn-dashboard-reference .market-explorer-table tbody tr{transition:background .16s ease}
.tn-dashboard-reference .market-explorer-table tbody tr:hover{background:#fbfdff}
.tn-dashboard-reference .market-explorer-table th:nth-child(1),.tn-dashboard-reference .market-explorer-table td:nth-child(1){width:27%}
.tn-dashboard-reference .market-explorer-table th:nth-child(2),.tn-dashboard-reference .market-explorer-table td:nth-child(2){width:14%}
.tn-dashboard-reference .market-explorer-table th:nth-child(3),.tn-dashboard-reference .market-explorer-table td:nth-child(3){width:9%}
.tn-dashboard-reference .market-explorer-table th:nth-child(4),.tn-dashboard-reference .market-explorer-table td:nth-child(4){width:10%}
.tn-dashboard-reference .market-explorer-table th:nth-child(5),.tn-dashboard-reference .market-explorer-table td:nth-child(5){width:12%}
.tn-dashboard-reference .market-explorer-table th:nth-child(6),.tn-dashboard-reference .market-explorer-table td:nth-child(6){width:10%}
.tn-dashboard-reference .market-explorer-table th:nth-child(7),.tn-dashboard-reference .market-explorer-table td:nth-child(7){width:9%}
.tn-dashboard-reference .market-explorer-table th:nth-child(8),.tn-dashboard-reference .market-explorer-table td:nth-child(8){width:5%}
.tn-dashboard-reference .market-explorer-table th:nth-child(9),.tn-dashboard-reference .market-explorer-table td:nth-child(9){width:4%}
.tn-dashboard-reference .market-explorer-table th:nth-child(3),.tn-dashboard-reference .market-explorer-table th:nth-child(4),.tn-dashboard-reference .market-explorer-table th:nth-child(5),.tn-dashboard-reference .market-explorer-table th:nth-child(6),.tn-dashboard-reference .market-explorer-table td:nth-child(3),.tn-dashboard-reference .market-explorer-table td:nth-child(4),.tn-dashboard-reference .market-explorer-table td:nth-child(5),.tn-dashboard-reference .market-explorer-table td:nth-child(6){text-align:right}
.tn-dashboard-reference .market-explorer-table th:nth-child(7),.tn-dashboard-reference .market-explorer-table th:nth-child(8),.tn-dashboard-reference .market-explorer-table td:nth-child(7),.tn-dashboard-reference .market-explorer-table td:nth-child(8){text-align:center}
.tn-dashboard-reference .market-explorer-table th:nth-child(9),.tn-dashboard-reference .market-explorer-table td:nth-child(9){text-align:right}
.tn-dashboard-reference .market-product-cell{display:grid;grid-template-columns:24px 58px minmax(0,1fr);align-items:center;gap:10px;min-width:0;text-decoration:none}
.tn-dashboard-reference .market-row-bookmark{display:grid;place-items:center;color:#62758e}
.tn-dashboard-reference .market-row-bookmark svg{width:17px;height:17px;stroke-width:1.8}
.tn-dashboard-reference .market-product-image{width:58px!important;height:58px!important;border:1px solid #dde5ee;border-radius:9px!important;background:#f4f7fa;object-fit:cover}
.tn-dashboard-reference .market-product-copy{display:flex;min-width:0;flex-direction:column;gap:3px}
.tn-dashboard-reference .market-product-copy strong{overflow:hidden;color:#1d304a;font-size:12.5px;font-weight:780;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.tn-dashboard-reference .market-product-copy small{overflow:hidden;color:#72859c;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}
.tn-dashboard-reference .market-product-copy>span:last-child{overflow:hidden;color:#657a93;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}
.tn-dashboard-reference .market-shop-cell{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:9px;min-width:0}
.tn-dashboard-reference .market-shop-cell>span:last-child{display:flex;min-width:0;flex-direction:column;gap:3px}
.tn-dashboard-reference .market-shop-cell strong,.tn-dashboard-reference .market-shop-cell small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tn-dashboard-reference .market-shop-cell strong{color:#304662;font-size:11.5px;font-weight:720}
.tn-dashboard-reference .market-shop-cell small{color:#8a9bad;font-size:10px}
.tn-dashboard-reference .market-shop-logo{width:32px;height:32px;display:grid;place-items:center;border:1px solid #dce6f0;border-radius:8px;background:#f7faff;color:#2b76d1;font-size:13px;font-weight:800}
.tn-dashboard-reference .market-number{font-variant-numeric:tabular-nums;white-space:nowrap}
.tn-dashboard-reference .market-strong-number{color:#203754;font-weight:760}
.tn-dashboard-reference .market-trend{display:inline-flex;align-items:center;color:#18a46d;font-size:12px;font-weight:780;white-space:nowrap}
.tn-dashboard-reference .market-trend-negative{color:#df5b53}
.tn-dashboard-reference .market-opportunity-score{display:inline-grid;min-width:36px;height:30px;place-items:center;border-radius:8px;background:#e7f7ef;color:#14966a;font-size:12px;font-weight:800}
.tn-dashboard-reference .market-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:2px}

@media (max-width:900px){
  .tn-dashboard-reference .market-explorer-head{align-items:flex-start;flex-direction:column;gap:12px}
  .tn-dashboard-reference .market-explorer-catalog-chip{align-self:flex-start}
  .tn-dashboard-reference .market-insight-grid{grid-template-columns:1fr}
  .tn-dashboard-reference .market-results-head{align-items:flex-start;flex-direction:column;padding:16px 18px}
  .tn-dashboard-reference .market-results-actions{width:100%;margin-left:0}
}

/* Creator Intelligence — ranked influencer table */
.tn-dashboard-reference .creator-results-title{display:flex;min-width:0;flex-direction:column;gap:4px}
.tn-dashboard-reference .creator-results-title strong{color:#1f3551;font-size:17px;font-weight:780;line-height:1.2}
.tn-dashboard-reference .creator-results-title span{color:#7c8ca3;font-size:11px}
.tn-dashboard-reference .creator-more-link{display:inline-flex;align-items:center;gap:3px;margin-left:auto;color:#65809e;font-size:12px;font-weight:650;text-decoration:none}
.tn-dashboard-reference .creator-more-link:hover{color:#176fd0}
.tn-dashboard-reference .creator-influencer-table-wrap{max-width:100%;overflow-x:auto}
.tn-dashboard-reference .creator-influencer-table{width:100%;min-width:760px;table-layout:fixed;border-collapse:collapse;text-align:left}
.tn-dashboard-reference .creator-influencer-table th{height:48px;background:#f2f5f8;padding:0 16px;color:#5e718b;font-size:11px;font-weight:780;white-space:nowrap}
.tn-dashboard-reference .creator-influencer-table th:nth-child(1),.tn-dashboard-reference .creator-influencer-table td:nth-child(1){width:8%}
.tn-dashboard-reference .creator-influencer-table th:nth-child(2),.tn-dashboard-reference .creator-influencer-table td:nth-child(2){width:43%}
.tn-dashboard-reference .creator-influencer-table th:nth-child(3),.tn-dashboard-reference .creator-influencer-table td:nth-child(3){width:27%}
.tn-dashboard-reference .creator-influencer-table th:nth-child(4),.tn-dashboard-reference .creator-influencer-table td:nth-child(4){width:11%}
.tn-dashboard-reference .creator-influencer-table th:nth-child(5),.tn-dashboard-reference .creator-influencer-table td:nth-child(5){width:11%}
.tn-dashboard-reference .creator-influencer-table td{height:78px;border-top:1px solid #e1e7ee;padding:0 16px;vertical-align:middle;color:#1b304b}
.tn-dashboard-reference .creator-influencer-table tbody tr{transition:background .16s ease}
.tn-dashboard-reference .creator-influencer-table tbody tr:hover{background:#fbfdff}
.tn-dashboard-reference .creator-influencer-table th:nth-child(n+4),.tn-dashboard-reference .creator-influencer-table td:nth-child(n+4){text-align:right}
.tn-dashboard-reference .creator-influencer-person{display:flex;align-items:center;gap:12px;min-width:0;text-decoration:none}
.tn-dashboard-reference .creator-influencer-person>span:last-child{display:flex;min-width:0;flex-direction:column;gap:4px}
.tn-dashboard-reference .creator-influencer-person strong{overflow:hidden;color:#1c2f49;font-size:13px;font-weight:780;text-overflow:ellipsis;white-space:nowrap}
.tn-dashboard-reference .creator-influencer-person small{overflow:hidden;color:#66809d;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.tn-dashboard-reference .creator-best-product{display:flex;align-items:center;gap:10px;min-width:0;color:#2e4561;font-size:11.5px;text-decoration:none}
.tn-dashboard-reference .creator-best-product:hover{color:#176fd0}
.tn-dashboard-reference .creator-best-product>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tn-dashboard-reference .creator-best-product-image{width:46px!important;height:44px!important;border:1px solid #e0e6ed;border-radius:2px!important;background:#f3f5f7}
.tn-dashboard-reference .creator-table-number{font-variant-numeric:tabular-nums;color:#172b45;font-size:13px;white-space:nowrap}
.tn-dashboard-reference .creator-unavailable{color:#8a99aa;font-size:12px}
.tn-dashboard-reference .creator-rank-badge{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;position:relative;color:#8aa0b8;font-size:12px;font-weight:780}
.tn-dashboard-reference .creator-rank-badge svg{position:absolute;top:0;left:2px;width:25px;height:25px;stroke-width:2.2}
.tn-dashboard-reference .creator-rank-badge b{position:relative;z-index:1;margin-top:1px}
.tn-dashboard-reference .creator-rank-1{color:#f5a900}
.tn-dashboard-reference .creator-rank-1 svg{fill:#ffd35f;stroke:#f0a400}
.tn-dashboard-reference .creator-rank-2{color:#84919e}
.tn-dashboard-reference .creator-rank-2 svg{fill:#dce3e9;stroke:#9aa7b2}
.tn-dashboard-reference .creator-rank-3{color:#e68c43}
.tn-dashboard-reference .creator-rank-3 svg{fill:#ffd0a2;stroke:#e38a44}

@media (max-width:760px){
  .tn-dashboard-reference .creator-results-head{min-height:62px;padding:12px 16px}
  .tn-dashboard-reference .creator-influencer-table th,.tn-dashboard-reference .creator-influencer-table td{padding-left:12px;padding-right:12px}
}

/* Assistant — saved-product workflow and restrained editorial surface */
.tn-dashboard-reference .assistant-hero{min-height:0;padding:10px 0 24px;border:0;border-bottom:1px solid #dfe6ef;border-radius:0;background:transparent;box-shadow:none}
.tn-dashboard-reference .assistant-hero::after{display:none}
.tn-dashboard-reference .assistant-hero h1{font-size:34px}
.tn-dashboard-reference .assistant-status{padding:0;border:0;background:transparent;box-shadow:none}
.tn-dashboard-reference .assistant-panel{border:0;border-radius:0;background:transparent;box-shadow:none}
.tn-dashboard-reference .assistant-workspace{gap:38px}
.tn-dashboard-reference .assistant-composer-panel{padding-right:38px;border-right:1px solid #e2e8f0}
.tn-dashboard-reference .assistant-panel-head{min-height:0;padding:0 0 16px;border-bottom:1px solid #e2e8f0}
.tn-dashboard-reference .assistant-panel-icon{width:34px;height:34px;border:0;border-radius:0;background:transparent;box-shadow:none}
.tn-dashboard-reference .assistant-grounding-line{display:inline-flex;align-items:center;gap:6px;color:#4d7b67;font-size:11px;font-weight:700;white-space:nowrap}
.tn-dashboard-reference .assistant-grounding-line svg{width:14px;height:14px;stroke-width:2.5}
.tn-dashboard-reference .assistant-composer-body{padding:18px 0 0}
.tn-dashboard-reference .assistant-prompt-shell{padding:0 0 13px;border:0;border-bottom:1px solid #cfd9e5;border-radius:0;background:transparent;box-shadow:none}
.tn-dashboard-reference .assistant-prompt-shell:focus-within{border-color:#287bd8;box-shadow:none}
.tn-dashboard-reference .assistant-prompt-input{min-height:112px;padding:0;border:0;background:transparent;font-size:15px}
.tn-dashboard-reference .assistant-composer-footer{padding-top:13px;border-top:0}
.tn-dashboard-reference .assistant-ask-button{border-radius:7px;background:#102844;box-shadow:none}
.tn-dashboard-reference .assistant-ask-button:hover{background:#1b4269;filter:none;box-shadow:none}
.tn-dashboard-reference .assistant-suggestion-head{margin:18px 0 8px;color:#8290a4;font-size:10px}
.tn-dashboard-reference .assistant-suggestions{gap:0}
.tn-dashboard-reference .assistant-suggestions button{height:auto;margin-right:18px;padding:0;border:0;border-radius:0;background:transparent;color:#376998;font-size:11px;text-decoration:underline;text-decoration-color:#bbcad9;text-underline-offset:3px}
.tn-dashboard-reference .assistant-suggestions button:hover{border:0;background:transparent;color:#176fd0}
.tn-dashboard-reference .assistant-context-panel{padding:0 0 0 28px;background:transparent}
.tn-dashboard-reference .assistant-context-head{padding-bottom:14px;border-bottom:1px solid #e2e8f0}
.tn-dashboard-reference .assistant-context-stats{gap:16px;padding:18px 0}
.tn-dashboard-reference .assistant-context-stats div{padding:0;border:0;border-radius:0;background:transparent}
.tn-dashboard-reference .assistant-context-stats strong{font-size:23px}
.tn-dashboard-reference .assistant-context-note{margin-top:auto;padding:14px 0 0;border:0;border-top:1px solid #e2e8f0;border-radius:0;background:transparent}
.tn-dashboard-reference .assistant-answer-panel{padding:24px 0 0;border-top:1px solid #dfe6ef}
.tn-dashboard-reference .assistant-answer-head{padding-bottom:16px;border-bottom:1px solid #e2e8f0}
.tn-dashboard-reference .assistant-message{max-width:92%;padding:12px 0;border:0;border-bottom:1px solid #edf1f5;border-radius:0;background:transparent}
.tn-dashboard-reference .assistant-message-user{padding-left:14px;border-left:2px solid #9ac2ee;background:transparent}
.tn-dashboard-reference .assistant-source-card{padding:7px 0;border:0;border-bottom:1px solid #edf1f5;border-radius:0;background:transparent}
.tn-dashboard-reference .assistant-source-card:hover{border-color:#edf1f5;background:#fbfdff;transform:none}
.tn-dashboard-reference .assistant-saved-section{margin-top:24px;padding-top:17px;border-top:1px solid #e2e8f0}
.tn-dashboard-reference .assistant-saved-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:7px}
.tn-dashboard-reference .assistant-saved-head h3{display:flex;align-items:center;gap:7px;margin:0;color:#263b57;font-size:12px;font-weight:800;letter-spacing:.03em;text-transform:none}
.tn-dashboard-reference .assistant-saved-head h3 svg{width:14px;height:14px;color:#287bd8;stroke-width:2}
.tn-dashboard-reference .assistant-saved-head p{margin:4px 0 0;color:#7b8ba1;font-size:11px}
.tn-dashboard-reference .assistant-saved-link{display:inline-flex;align-items:center;gap:4px;flex:none;color:#5f7c9d;font-size:11px;text-decoration:none}
.tn-dashboard-reference .assistant-saved-link:hover{color:#176fd0}
.tn-dashboard-reference .assistant-saved-link svg{width:12px;height:12px}
.tn-dashboard-reference .assistant-saved-list{display:grid}
.tn-dashboard-reference .assistant-saved-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:11px;min-height:64px;border-bottom:1px solid #edf1f5}
.tn-dashboard-reference .assistant-saved-thumb{width:42px!important;height:42px!important;border-radius:5px!important;background:#f3f6f9}
.tn-dashboard-reference .assistant-saved-copy{display:flex;min-width:0;flex-direction:column;gap:3px;text-decoration:none}
.tn-dashboard-reference .assistant-saved-copy strong{overflow:hidden;color:#263b57;font-size:12px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.tn-dashboard-reference .assistant-saved-copy span{overflow:hidden;color:#8291a5;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}
.tn-dashboard-reference .assistant-saved-score{min-width:32px;color:#15935b;font-size:12px;font-weight:800;text-align:right}
.tn-dashboard-reference .assistant-script-button{height:28px;padding:0;color:#176fd0;font-size:10.5px;font-weight:750}
.tn-dashboard-reference .assistant-script-button:hover{background:transparent;color:#0b4f9b}
.tn-dashboard-reference .assistant-script-button svg{width:12px;height:12px}
.tn-dashboard-reference .assistant-saved-empty{margin:12px 0 0;color:#8795a8;font-size:11px}

@media (max-width:980px){
  .tn-dashboard-reference .assistant-composer-panel{padding-right:0;border-right:0}
  .tn-dashboard-reference .assistant-context-panel{padding:22px 0 0;border-top:1px solid #e2e8f0}
}
@media (max-width:620px){
  .tn-dashboard-reference .assistant-hero{padding-top:0}
  .tn-dashboard-reference .assistant-hero h1{font-size:29px}
  .tn-dashboard-reference .assistant-saved-head{align-items:flex-start;flex-direction:column;gap:9px}
  .tn-dashboard-reference .assistant-saved-row{grid-template-columns:38px minmax(0,1fr) auto;gap:9px;padding:8px 0}
  .tn-dashboard-reference .assistant-saved-thumb{width:38px!important;height:38px!important}
  .tn-dashboard-reference .assistant-saved-score{grid-column:3;grid-row:1}
  .tn-dashboard-reference .assistant-script-button{grid-column:2/-1;justify-self:start}
}

/* Assistant chat presentation */
.tn-dashboard-reference .assistant-content{width:min(100%,760px);margin:0 auto;gap:0}
.tn-dashboard-reference .assistant-hero{min-height:0;align-items:center;padding:14px 18px;border:1px solid #dce4ec;border-radius:12px 12px 0 0;background:#fff;box-shadow:none}
.tn-dashboard-reference .assistant-hero-copy{display:flex;align-items:center;gap:12px;max-width:none}
.tn-dashboard-reference .assistant-eyebrow{width:32px;height:32px;display:grid;place-items:center;margin:0;border-radius:50%;background:linear-gradient(145deg,#15b9df,#147fe5);color:#fff;font-size:0;letter-spacing:0}
.tn-dashboard-reference .assistant-eyebrow svg{width:18px;height:18px}
.tn-dashboard-reference .assistant-hero h1{margin:0;font-size:19px;line-height:1.2;letter-spacing:-.25px}
.tn-dashboard-reference .assistant-hero p{display:none}
.tn-dashboard-reference .assistant-status{margin-left:auto;font-size:10px}
.tn-dashboard-reference .assistant-workspace{display:block}
.tn-dashboard-reference .assistant-context-panel{display:none}
.tn-dashboard-reference .assistant-composer-panel{padding:0;border:1px solid #dce4ec;border-top:0;border-radius:0;background:#fff}
.tn-dashboard-reference .assistant-panel-head{padding:14px 20px;border-bottom:1px solid #e5eaf0}
.tn-dashboard-reference .assistant-panel-icon{display:none}
.tn-dashboard-reference .assistant-panel-title{gap:0}
.tn-dashboard-reference .assistant-panel-title h2{font-size:15px}
.tn-dashboard-reference .assistant-panel-title p{font-size:11px}
.tn-dashboard-reference .assistant-grounding-line{font-size:10px}
.tn-dashboard-reference .assistant-composer-body{display:flex;flex-direction:column;padding:18px 20px 0}
.tn-dashboard-reference .assistant-suggestion-head{order:1;margin:0 0 8px;color:#73869e;font-size:10px;letter-spacing:0;text-transform:none}
.tn-dashboard-reference .assistant-suggestions{order:2;display:grid;gap:8px}
.tn-dashboard-reference .assistant-suggestions button{width:100%;height:34px;justify-content:flex-start;margin:0;padding:0 10px;border:0;border-radius:8px;background:#f1f4f7;color:#27384d;font-size:12px;text-decoration:none}
.tn-dashboard-reference .assistant-suggestions button:hover{background:#e7edf3;color:#172d47}
.tn-dashboard-reference .assistant-suggestions svg{margin-left:auto}
.tn-dashboard-reference .assistant-saved-section{order:3;margin-top:18px;padding-top:14px}
.tn-dashboard-reference .assistant-prompt-shell{order:4;margin-top:18px;padding:13px 12px 11px;border:1px solid #ccd8e5;border-radius:9px;background:#f8fafc}
.tn-dashboard-reference .assistant-prompt-shell:focus-within{border-color:#2a88e8;box-shadow:0 0 0 2px rgba(42,136,232,.14)}
.tn-dashboard-reference .assistant-prompt-input{min-height:62px;font-size:13px}
.tn-dashboard-reference .assistant-composer-footer{align-items:center;padding-top:9px;border-top:1px solid #e4eaf0}
.tn-dashboard-reference .assistant-input-hint{font-size:10px}
.tn-dashboard-reference .assistant-depth-control{font-size:9px}
.tn-dashboard-reference .assistant-depth-control select{height:28px;min-width:74px;font-size:10px}
.tn-dashboard-reference .assistant-ask-button{height:32px;padding:0 11px;border-radius:7px;font-size:11px}
.tn-dashboard-reference .assistant-inline-error{order:5}
.tn-dashboard-reference .assistant-answer-panel{margin-top:0;padding:0 20px 18px;border:1px solid #dce4ec;border-top:0;border-radius:0 0 12px 12px;background:#fff}
.tn-dashboard-reference .assistant-answer-head{padding:12px 0;border-bottom:1px solid #e5eaf0}
.tn-dashboard-reference .assistant-answer-head h2{font-size:15px}
.tn-dashboard-reference .assistant-answer-head p{font-size:10px}
.tn-dashboard-reference .assistant-answer-actions button{height:28px;padding:0 8px;font-size:10px}
.tn-dashboard-reference .assistant-conversation{max-height:340px;overflow:auto;padding:14px 0 0}
.tn-dashboard-reference .assistant-no-answer{display:none}
.tn-dashboard-reference .assistant-message{max-width:88%;padding:10px 0}
.tn-dashboard-reference .assistant-message p{font-size:12px;line-height:1.55}
.tn-dashboard-reference .assistant-message-user{max-width:75%;padding:9px 12px;border:0;border-radius:9px;background:#087ff0;color:#fff}
.tn-dashboard-reference .assistant-message-user p{color:#fff}
.tn-dashboard-reference .assistant-message-user .assistant-message-role{color:#d9edff}

@media (max-width:620px){
  .tn-dashboard-reference .assistant-content{width:100%}
  .tn-dashboard-reference .assistant-hero{border-radius:10px 10px 0 0}
  .tn-dashboard-reference .assistant-hero-copy{gap:9px}
  .tn-dashboard-reference .assistant-hero h1{font-size:17px}
  .tn-dashboard-reference .assistant-status{font-size:9px}
  .tn-dashboard-reference .assistant-panel-head{padding:13px 15px}
  .tn-dashboard-reference .assistant-composer-body,.tn-dashboard-reference .assistant-answer-panel{padding-left:15px;padding-right:15px}
  .tn-dashboard-reference .assistant-saved-row{grid-template-columns:38px minmax(0,1fr) auto}
}

/* Assistant premium canvas */
.tn-dashboard-reference .assistant-page{min-height:calc(100vh - 86px);padding:clamp(76px,11vh,132px) 0 56px;background-color:#fbfcfe;background-image:linear-gradient(rgba(20,38,62,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(20,38,62,.032) 1px,transparent 1px),radial-gradient(circle at 52% 46%,rgba(255,255,255,.98) 0,rgba(255,255,255,.92) 27%,rgba(251,252,254,.2) 66%);background-size:72px 72px,72px 72px,100% 100%;background-position:center center}
.tn-dashboard-reference .assistant-content{width:min(100%,920px);margin:0 auto;gap:0}
.tn-dashboard-reference .assistant-hero{display:none}
.tn-dashboard-reference .assistant-workspace{display:block}
.tn-dashboard-reference .assistant-context-panel{display:none}
.tn-dashboard-reference .assistant-composer-panel{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.tn-dashboard-reference .assistant-panel-head{min-height:0;justify-content:center;padding:0 20px 24px;border:0;text-align:center}
.tn-dashboard-reference .assistant-panel-title{display:block}
.tn-dashboard-reference .assistant-panel-title h2{color:#778296;font-size:27px;font-weight:590;letter-spacing:-.6px}
.tn-dashboard-reference .assistant-panel-title p{margin-top:7px;color:#9aa3b2;font-size:12px}
.tn-dashboard-reference .assistant-panel-icon,.tn-dashboard-reference .assistant-grounding-line{display:none}
.tn-dashboard-reference .assistant-composer-body{display:flex;flex-direction:column;padding:0}
.tn-dashboard-reference .assistant-prompt-shell{order:1;width:min(100%,720px);margin:0 auto;padding:16px 16px 13px;border:1px solid #d6dce4;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 16px 42px rgba(27,42,66,.075),0 1px 2px rgba(27,42,66,.08)}
.tn-dashboard-reference .assistant-prompt-shell:focus-within{border-color:#8798ad;box-shadow:0 18px 48px rgba(27,42,66,.1),0 0 0 3px rgba(54,92,138,.08)}
.tn-dashboard-reference .assistant-prompt-input{min-height:96px;padding:0;color:#293649;font-size:14px;line-height:1.55}
.tn-dashboard-reference .assistant-prompt-input::placeholder{color:#8792a3}
.tn-dashboard-reference .assistant-composer-footer{padding-top:11px;border-top:0}
.tn-dashboard-reference .assistant-input-hint{color:#9aa3b1;font-size:9.5px}
.tn-dashboard-reference .assistant-input-hint svg{color:#74859a}
.tn-dashboard-reference .assistant-depth-control>span{display:none}
.tn-dashboard-reference .assistant-depth-control select{height:30px;min-width:82px;border-color:#e0e4ea;border-radius:8px;background:#fafbfc;color:#667387;font-size:10px}
.tn-dashboard-reference .assistant-ask-button{width:32px;height:32px;padding:0;display:grid;place-items:center;border-radius:50%;background:#17283d;color:#fff;box-shadow:none}
.tn-dashboard-reference .assistant-ask-button:hover{background:#0b65d8;box-shadow:none}
.tn-dashboard-reference .assistant-ask-button svg{width:15px;height:15px}
.tn-dashboard-reference .assistant-suggestion-head{display:none}
.tn-dashboard-reference .assistant-suggestions{order:2;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:min(100%,760px);margin:16px auto 0}
.tn-dashboard-reference .assistant-suggestions button{width:auto;height:34px;margin:0;padding:0 13px;border:1px solid #dde2e8;border-radius:999px;background:rgba(255,255,255,.86);color:#556173;font-size:11px;font-weight:560;text-decoration:none;box-shadow:0 2px 8px rgba(26,42,65,.025)}
.tn-dashboard-reference .assistant-suggestions button:first-child{border-color:#8c67ff;box-shadow:0 0 0 1px rgba(126,86,255,.14)}
.tn-dashboard-reference .assistant-suggestions button:hover{border-color:#a8b3c1;background:#fff;color:#25364c}
.tn-dashboard-reference .assistant-suggestions svg{width:12px;height:12px;margin:0 0 0 5px;color:#6d7787}
.tn-dashboard-reference .assistant-saved-section{order:3;width:min(100%,720px);margin:28px auto 0;padding-top:16px;border-top:1px solid rgba(206,214,224,.72)}
.tn-dashboard-reference .assistant-saved-head{align-items:center}
.tn-dashboard-reference .assistant-saved-head h3{font-size:11px}
.tn-dashboard-reference .assistant-saved-head p{font-size:10px}
.tn-dashboard-reference .assistant-saved-row{min-height:58px}
.tn-dashboard-reference .assistant-prompt-shell+.assistant-saved-section{margin-top:28px}
.tn-dashboard-reference .assistant-inline-error{order:4;width:min(100%,720px);margin:16px auto 0}
.tn-dashboard-reference .assistant-answer-panel{width:min(100%,720px);margin:34px auto 0;padding:20px 0 0;border:0;border-top:1px solid #dde3ea;border-radius:0;background:transparent;box-shadow:none}
.tn-dashboard-reference .assistant-answer-head{padding:0 0 14px;border-bottom:1px solid #e6eaf0}
.tn-dashboard-reference .assistant-answer-head h2{font-size:15px}
.tn-dashboard-reference .assistant-conversation{max-height:none;padding-top:14px;overflow:visible}
.tn-dashboard-reference .assistant-message{max-width:92%;padding:11px 0;border-bottom:1px solid #edf0f4}
.tn-dashboard-reference .assistant-message-user{max-width:78%;padding:10px 13px;border:0;border-radius:12px;background:#176fe8;box-shadow:0 6px 16px rgba(23,111,232,.16)}

@media (max-width:760px){
  .tn-dashboard-reference .assistant-page{min-height:0;padding:46px 0 34px;background-size:52px 52px,52px 52px,100% 100%}
  .tn-dashboard-reference .assistant-panel-head{padding-right:8px;padding-left:8px}
  .tn-dashboard-reference .assistant-panel-title h2{font-size:23px}
  .tn-dashboard-reference .assistant-composer-body{padding:0 4px}
  .tn-dashboard-reference .assistant-prompt-shell{padding:14px 13px 11px;border-radius:12px}
  .tn-dashboard-reference .assistant-prompt-input{min-height:86px;font-size:13px}
  .tn-dashboard-reference .assistant-input-hint{max-width:150px}
  .tn-dashboard-reference .assistant-suggestions{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
  .tn-dashboard-reference .assistant-suggestions button{flex:none}
  .tn-dashboard-reference .assistant-saved-head{align-items:flex-start}
}