/* One Gate System V14 — premium public project tracking */
@media screen {
  body.tracking-result{--trk-bg:#020916;--trk-surface:#07162e;--trk-surface-2:#091d3c;--trk-line:rgba(113,163,255,.18);--trk-text:#f4f8ff;--trk-muted:#9fb1ce;--trk-blue:#3287ff;--trk-cyan:#4de2f7;--trk-violet:#7751ff;background:#020916;color:var(--trk-text);font-size:16px}
  body.tracking-result .shell{background:radial-gradient(circle at 4% 18%,rgba(54,76,255,.19),transparent 28%),radial-gradient(circle at 96% 76%,rgba(42,105,255,.14),transparent 28%),linear-gradient(180deg,#020916 0%,#031126 48%,#020a19 100%)}
  body.tracking-result .shell:before,body.tracking-result .shell:after{content:"";position:fixed;z-index:-1;width:430px;height:430px;border-radius:50%;border:1px solid rgba(55,105,255,.12);pointer-events:none}
  body.tracking-result .shell:before{left:-315px;top:90px;box-shadow:0 0 0 55px rgba(39,75,255,.035),0 0 0 110px rgba(39,75,255,.025)}
  body.tracking-result .shell:after{right:-315px;bottom:20px;box-shadow:0 0 0 55px rgba(39,75,255,.035),0 0 0 110px rgba(39,75,255,.025)}
  body.tracking-result .ambient{opacity:.32;filter:blur(18px)}
  body.tracking-result .topbar{width:min(1460px,calc(100% - 44px));padding:14px 0 10px}
  body.tracking-result .dual-brand-logos,body.tracking-result .secure-pill{background:rgba(6,21,47,.72);border-color:var(--trk-line);box-shadow:0 16px 48px rgba(0,0,0,.16);color:#dce8ff;backdrop-filter:blur(18px)}
  body.tracking-result .brand-copy strong{color:#fff;font-size:14px}body.tracking-result .brand-copy span{color:var(--trk-muted);font-size:13px}
  body.tracking-result .result-main{width:min(1460px,calc(100% - 44px));padding:6px 0 38px}
  body.tracking-result .result-nav{margin:0 0 14px;padding:10px 0;border-bottom:1px solid rgba(103,148,232,.14)}
  body.tracking-result .back-link,body.tracking-result .copy-btn,body.tracking-result .refresh-btn{min-height:42px;border:1px solid var(--trk-line);border-radius:12px;color:#d8e7ff;background:rgba(7,22,48,.75);font-size:13.5px;font-weight:750;backdrop-filter:blur(12px)}
  body.tracking-result .back-link:hover,body.tracking-result .copy-btn:hover,body.tracking-result .refresh-btn:hover{border-color:rgba(73,174,255,.5);background:rgba(19,48,96,.8);color:#fff}
  body.tracking-result .project-hero{padding:28px 34px;border:1px solid rgba(79,140,255,.28);border-radius:20px;background:radial-gradient(circle at 80% 22%,rgba(53,90,255,.18),transparent 30%),linear-gradient(122deg,rgba(5,20,48,.98),rgba(4,17,42,.96) 58%,rgba(8,29,63,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 26px 70px rgba(0,0,0,.2)}
  body.tracking-result .project-hero.completed{background:radial-gradient(circle at 80% 22%,rgba(26,213,169,.14),transparent 30%),linear-gradient(122deg,rgba(4,27,44,.98),rgba(4,24,43,.97) 58%,rgba(5,43,63,.98))}
  body.tracking-result .project-hero:before{width:410px;height:410px;right:20px;top:-205px;background:transparent;border:1px solid rgba(78,121,255,.22);box-shadow:0 0 0 55px rgba(42,77,255,.035),0 0 0 110px rgba(42,77,255,.025)}
  body.tracking-result .project-hero:after{display:none}
  body.tracking-result .project-hero-grid{grid-template-columns:minmax(0,1fr) 320px;gap:42px}
  body.tracking-result .hero-code{margin-bottom:18px}.tracking-result .v12-track-id{padding:7px 10px;border:1px solid rgba(72,143,255,.24);border-radius:9px;color:#bcd4ff;background:rgba(25,74,153,.18);font-size:12px;font-weight:850;letter-spacing:.05em}
  body.tracking-result .status-live,body.tracking-result .status-phase{min-height:31px;padding:7px 10px;border-color:rgba(94,153,255,.19);background:rgba(10,39,78,.7);font-size:12.5px;color:#dfeaff}
  body.tracking-result .project-code{font-size:12px;color:#9eb5db;opacity:1}
  body.tracking-result .project-hero h1{max-width:900px;color:#fff;font-size:clamp(34px,4vw,50px);line-height:1.05;letter-spacing:-.045em}
  body.tracking-result .project-hero p{max-width:850px;margin-top:14px;color:#b9c9e3;font-size:16px;line-height:1.65}
  body.tracking-result .hero-meta{gap:12px;margin-top:24px}.tracking-result .hero-meta span{min-width:190px;padding:11px 12px;border:1px solid rgba(89,137,226,.14);border-radius:11px;color:#92a8c9;background:rgba(3,16,38,.38);font-size:12.5px}.tracking-result .hero-meta strong{font-size:14px;color:#eef5ff}
  body.tracking-result .progress-ring{--ring-radius:105px;width:220px;height:220px;background:conic-gradient(var(--trk-cyan) 0 calc(var(--p)*.56%),#347dff calc(var(--p)*.56%) calc(var(--p)*.86%),var(--trk-violet) calc(var(--p)*.86%) calc(var(--p)*1%),rgba(58,100,182,.17) 0);box-shadow:0 0 0 1px rgba(84,137,255,.22),0 0 55px rgba(51,105,255,.17)}
  body.tracking-result .progress-ring:before{inset:15px;background:radial-gradient(circle at 50% 42%,#0b2250,#06142e 70%);box-shadow:inset 0 0 0 1px rgba(89,150,255,.16)}
  body.tracking-result .progress-ring:after{inset:-17px;border-color:rgba(62,130,255,.3);box-shadow:0 0 0 28px rgba(53,94,255,.035),0 0 0 55px rgba(53,94,255,.025)}
  body.tracking-result .progress-ring strong{font-size:44px;color:#fff}.tracking-result .progress-ring span{font-size:12px;color:#d7e7ff;letter-spacing:.1em}
  body.tracking-result .summary-grid{gap:14px;margin:14px 0}.tracking-result .summary-card{min-height:116px;padding:18px 20px;border:1px solid var(--trk-line);border-radius:16px;background:linear-gradient(145deg,rgba(7,25,53,.94),rgba(5,18,42,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 34px rgba(0,0,0,.13)}
  body.tracking-result .summary-label{color:#a8bbd8;font-size:13px}.tracking-result .summary-icon{width:34px;height:34px;border:1px solid rgba(61,131,255,.24);border-radius:10px;background:linear-gradient(145deg,rgba(47,121,255,.25),rgba(94,53,255,.22));color:#7de8ff;font-size:16px}
  body.tracking-result .summary-card strong{margin-top:10px;color:#f5f8ff;font-size:25px}.tracking-result .summary-card small{color:#8298bb;font-size:13px}
  body.tracking-result .deadline-countdown{border-color:rgba(82,130,213,.16);background:rgba(3,15,35,.62)}body.tracking-result .deadline-countdown b{color:#dceaff}body.tracking-result .deadline-countdown i{color:#7690b9;font-size:10px}
  body.tracking-result .content-grid.tracking-workspace{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.08fr) minmax(0,1.05fr);gap:14px;align-items:start}
  body.tracking-result .tracking-workspace-column{min-width:0}.tracking-result .tracking-workspace-column>.panel+.panel{margin-top:14px}
  body.tracking-result .panel{padding:20px;border:1px solid var(--trk-line);border-radius:16px;color:#eaf2ff;background:linear-gradient(145deg,rgba(7,24,51,.95),rgba(4,17,39,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 38px rgba(0,0,0,.13)}
  body.tracking-result .panel-head{margin-bottom:16px}.tracking-result .panel-head h2{color:#f6f9ff;font-size:18px;line-height:1.25}.tracking-result .panel-head p{margin-top:5px;color:#8fa5c5;font-size:13.5px;line-height:1.55}.tracking-result .count-pill{padding:6px 9px;border:1px solid rgba(99,148,239,.15);color:#a9bee0;background:rgba(16,45,88,.5);font-size:11.5px}
  body.tracking-result .task-list{display:grid;gap:8px}.tracking-result .task{position:relative;padding:13px 14px 12px 42px;border:1px solid rgba(94,143,229,.12);border-radius:12px;background:rgba(5,18,40,.5)}.tracking-result .task:before{content:"";position:absolute;left:18px;top:19px;width:11px;height:11px;border-radius:50%;border:2px solid #4d79ca;background:#07162f;box-shadow:0 0 0 4px rgba(61,112,213,.08)}.tracking-result .task.completed:before{border-color:#35d2a0;background:#35d2a0}.tracking-result .task:not(:last-child):after{content:"";position:absolute;left:23px;top:31px;bottom:-14px;width:1px;background:rgba(87,132,216,.25)}
  body.tracking-result .task-top h3{color:#eaf2ff;font-size:14px}.tracking-result .task-top p{color:#8197b8;font-size:12.5px}.tracking-result .task-status{font-size:10.5px}.tracking-result .bar{height:5px;background:#10274d}.tracking-result .bar>i{background:linear-gradient(90deg,#347dff,#7852ff)}.tracking-result .bar-meta{color:#7f97bd;font-size:11.5px}.tracking-result .bar-meta strong{color:#b9d3ff}
  body.tracking-result .service-spec-item{border-color:rgba(91,141,229,.13);background:rgba(4,17,39,.46)}.tracking-result .service-spec-title{color:#f2f7ff;font-size:14px}.tracking-result .service-spec-title b{color:#6e8cff}.tracking-result .service-spec-item li,.tracking-result .service-spec-empty{color:#9aafcf;font-size:13px;line-height:1.55}
  body.tracking-result .timeline{border-color:rgba(87,140,230,.17)}.tracking-result .timeline-item{border-color:rgba(87,140,230,.13);background:rgba(4,17,39,.46)}.tracking-result .timeline-item h3{color:#edf5ff;font-size:14px}.tracking-result .timeline-item p{color:#98adcb;font-size:13px}.tracking-result .timeline-date{color:#7f98bd;font-size:11.5px}.tracking-result .verified{color:#52d8a9;background:rgba(34,197,139,.1)}.tracking-result .timeline-dot{background:#6b57ff;box-shadow:0 0 0 5px rgba(104,76,255,.1)}
  body.tracking-result .project-timeline-v14{display:grid;gap:0}.tracking-result .project-timeline-row{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:10px 0}.tracking-result .project-timeline-row:not(:last-child):before{content:"";position:absolute;left:9px;top:31px;bottom:-8px;width:1px;background:rgba(75,130,222,.28)}.tracking-result .project-timeline-marker{width:20px;height:20px;display:grid;place-items:center;border:2px solid #3e6099;border-radius:50%;color:#8ea8cd;background:#07162f;font-size:9px;font-weight:900}.tracking-result .project-timeline-row.is-done .project-timeline-marker{border-color:#2dd3a0;color:#06182e;background:#2dd3a0}.tracking-result .project-timeline-row.is-active .project-timeline-marker{border-color:#7654ff;color:#fff;background:#7654ff;box-shadow:0 0 18px rgba(119,81,255,.5)}.tracking-result .project-timeline-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}.tracking-result .project-timeline-copy strong{color:#edf5ff;font-size:13.5px}.tracking-result .project-timeline-copy small{color:#7f96bb;font-size:11.5px!important}.tracking-result .project-timeline-copy em{font-style:normal;padding:4px 7px;border:1px solid rgba(91,139,224,.14);border-radius:7px;color:#94acd1;background:rgba(15,42,82,.45);font-size:10.5px;font-weight:800}.tracking-result .project-timeline-row.is-done em{color:#44d9aa;background:rgba(35,190,139,.08)}.tracking-result .project-timeline-row.is-active em{color:#b69fff;background:rgba(119,81,255,.1)}
  body.tracking-result .result-card{background:linear-gradient(145deg,rgba(10,31,67,.96),rgba(6,21,48,.95))}.tracking-result .result-card h2{color:#f5f8ff;font-size:18px}.tracking-result .result-card p{color:#96accd;font-size:13.5px}.tracking-result .result-wait{border-color:rgba(87,137,225,.14);background:rgba(4,17,38,.48);color:#a2b8d8;font-size:13px}.tracking-result .track-reference label{color:#7f96ba;font-size:11.5px}.tracking-result .track-id{border-color:rgba(86,139,228,.14);background:#06152e}.tracking-result .track-id code{color:#b9d1ff;font-size:12px}.tracking-result .mini-copy,.tracking-result .download-btn{font-size:12.5px}
  body.tracking-result .gallery-card{border-color:rgba(86,139,228,.14);background:rgba(5,19,43,.55)}.tracking-result .gallery-copy strong{color:#eaf3ff;font-size:13px}.tracking-result .gallery-copy span{color:#8098bc;font-size:11.5px}
  body.tracking-result .empty{border-color:rgba(86,139,228,.13);color:#879dbc;background:rgba(5,18,40,.42);font-size:13.5px}
  body.tracking-result .footer{width:min(1460px,calc(100% - 44px));border-color:rgba(83,133,218,.12);color:#7f94b5;font-size:13px}.tracking-result .footer strong{color:#b8cae5}
  @media(max-width:1180px){body.tracking-result .content-grid.tracking-workspace{grid-template-columns:repeat(2,minmax(0,1fr))}.tracking-result .tracking-workspace-column:last-child{grid-column:1/-1;display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.tracking-result .tracking-workspace-column:last-child>.panel+.panel{margin-top:0}}
  @media(max-width:820px){body.tracking-result .result-main,body.tracking-result .topbar,body.tracking-result .footer{width:min(100% - 26px,1460px)}body.tracking-result .project-hero{padding:23px 19px}.tracking-result .project-hero-grid{grid-template-columns:1fr}.tracking-result .progress-ring{width:180px;height:180px;--ring-radius:86px;margin:10px auto 0}.tracking-result .hero-meta span{min-width:min(100%,210px);flex:1}.tracking-result .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tracking-result .content-grid.tracking-workspace{grid-template-columns:1fr}.tracking-result .tracking-workspace-column:last-child{grid-column:auto;display:block}.tracking-result .tracking-workspace-column:last-child>.panel+.panel{margin-top:14px}}
  @media(max-width:520px){body.tracking-result{font-size:15.5px}.tracking-result .result-actions{gap:6px}.tracking-result .copy-btn{font-size:12.5px;padding:8px}.tracking-result .project-hero h1{font-size:31px}.tracking-result .project-hero p{font-size:15px}.tracking-result .hero-meta{display:grid;grid-template-columns:1fr}.tracking-result .hero-meta span{min-width:0}.tracking-result .summary-grid{grid-template-columns:1fr}.tracking-result .summary-card{min-height:0}.tracking-result .panel{padding:17px}.tracking-result .project-timeline-copy{grid-template-columns:1fr}.tracking-result .deadline-countdown{grid-template-columns:repeat(4,1fr)}}
}

/* V14 readability guard — public tracking search and compact result metadata stay readable. */
@media screen {
  body.tracking-search .brand-copy strong{font-size:14px!important}
  body.tracking-search .brand-copy span,
  body.tracking-search .secure-pill,
  body.tracking-search .eyebrow,
  body.tracking-search .feature-chip,
  body.tracking-search .showcase-foot-company strong,
  body.tracking-search .showcase-foot-company span,
  body.tracking-search .showcase-foot-badge,
  body.tracking-search .search-card-badge,
  body.tracking-search .search-card-copy,
  body.tracking-search .search-brand-note,
  body.tracking-search .field-label,
  body.tracking-search .field-label span,
  body.tracking-search .privacy-note,
  body.tracking-search .search-step,
  body.tracking-search .search-loading-copy{font-size:13.5px!important;line-height:1.55}
  body.tracking-search .tracking-input{font-size:15px!important}
  body.tracking-search .search-card h2{font-size:clamp(27px,3vw,32px)}
  body.tracking-result .v12-track-id,
  body.tracking-result .status-live,
  body.tracking-result .status-phase,
  body.tracking-result .project-code,
  body.tracking-result .hero-meta span,
  body.tracking-result .summary-label,
  body.tracking-result .summary-card small,
  body.tracking-result .panel-head p,
  body.tracking-result .count-pill,
  body.tracking-result .task-top p,
  body.tracking-result .task-status,
  body.tracking-result .bar-meta,
  body.tracking-result .timeline-date,
  body.tracking-result .project-timeline-copy small,
  body.tracking-result .project-timeline-copy em,
  body.tracking-result .track-reference label,
  body.tracking-result .track-id code,
  body.tracking-result .gallery-copy span{font-size:13px!important;line-height:1.5}
  body.tracking-result .service-spec-item li,
  body.tracking-result .service-spec-empty,
  body.tracking-result .timeline-item p,
  body.tracking-result .result-card p,
  body.tracking-result .result-wait,
  body.tracking-result .empty{font-size:13.5px!important;line-height:1.58}
  body.tracking-result .task-top h3,
  body.tracking-result .service-spec-title,
  body.tracking-result .timeline-item h3,
  body.tracking-result .project-timeline-copy strong{font-size:14px!important}
}

/* V14.1 tracking overflow + responsive repair */
@media screen {
  body.tracking-result,body.tracking-search{overflow-x:hidden}
  body.tracking-result .result-main,body.tracking-result .project-hero,body.tracking-result .project-hero-grid,body.tracking-result .summary-grid,body.tracking-result .content-grid,body.tracking-result .tracking-workspace-column,body.tracking-result .panel,body.tracking-result .panel-head,body.tracking-result .task-top,body.tracking-result .project-timeline-copy{min-width:0}
  body.tracking-result .project-hero h1{overflow-wrap:anywhere;font-size:clamp(32px,3.4vw,48px)!important}
  body.tracking-result .project-hero p{font-size:15px!important;line-height:1.65!important}
  body.tracking-result .hero-meta span{min-width:0!important;overflow-wrap:anywhere}
  body.tracking-result .hero-meta strong,body.tracking-result .summary-card strong,body.tracking-result .task-top h3,body.tracking-result .service-spec-title,body.tracking-result .timeline-item h3{overflow-wrap:anywhere}
  body.tracking-result .project-code,body.tracking-result .track-id code{overflow-wrap:anywhere;word-break:break-all}
  body.tracking-result .deadline-countdown>*{min-width:0}
  body.tracking-result .deadline-countdown strong,body.tracking-result .deadline-countdown span{white-space:normal}
}
@media(max-width:620px){
  body.tracking-result .result-main,body.tracking-result .topbar,body.tracking-result .footer{width:calc(100% - 18px)!important}
  body.tracking-result .project-hero{padding:20px 15px!important;border-radius:16px!important}
  body.tracking-result .project-hero h1{font-size:29px!important;line-height:1.08!important}
  body.tracking-result .summary-card,body.tracking-result .panel{border-radius:15px!important}
  body.tracking-result .result-nav{align-items:flex-start!important;gap:8px!important}
  body.tracking-result .result-actions{width:100%;display:flex;flex-wrap:wrap}
}
