/* Trak Visual Stability Hotfix v29
   Fixes the duplicated admin grid/sidebar reservation, public header/logo
   migration issues, typography readability, and responsive overflow. */

:root{
  --v29-content-max:1680px;
  --v29-public-max:1240px;
}

/* ===== Admin: one layout model only (fixed RTL sidebar + fluid content) ===== */
.admin-shell.admin-shell-v28{
  display:block !important;
  grid-template-columns:none !important;
  width:100%;
  min-width:0;
  min-height:100vh;
}
.admin-shell-v28 .admin-sidebar{
  inset-inline-start:0;
  inset-inline-end:auto;
  width:var(--v28-sidebar);
  max-width:min(86vw, var(--v28-sidebar));
}
.admin-shell-v28 .admin-main{
  display:block;
  grid-column:auto !important;
  width:auto;
  min-width:0;
  max-width:none;
  margin-inline-start:var(--v28-sidebar) !important;
  margin-inline-end:0 !important;
}
body.sidebar-collapsed .admin-shell-v28 .admin-main{
  margin-inline-start:var(--v28-sidebar-mini) !important;
  margin-inline-end:0 !important;
}
.admin-shell-v28 .admin-topbar{
  width:100%;
  min-width:0;
}
.admin-shell-v28 .admin-content{
  box-sizing:border-box;
  width:100%;
  max-width:var(--v29-content-max);
  margin-inline:auto;
  padding-inline:clamp(.9rem,2.1vw,2rem);
}
.admin-topbar__start,.admin-topbar__end{min-width:0}
.admin-topbar__title{max-width:min(36vw,520px)}
.admin-topbar__end{flex:0 1 auto}

/* Dashboard: balanced density without billboard-sized typography */
.dashboard-hero-v28{min-height:0;padding:clamp(1.25rem,2.3vw,2rem)}
.dashboard-hero-v28__grid{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:clamp(1rem,2.5vw,2.4rem)}
.dashboard-hero-v28 h1{font-size:clamp(1.65rem,2.5vw,2.45rem);line-height:1.18;max-width:680px}
.dashboard-hero-v28 p{font-size:.9rem;max-width:760px}
.dashboard-hero-v28__pulse{min-width:0}
.executive-kpi-grid-v28{grid-template-columns:repeat(5,minmax(150px,1fr))}
.dashboard-grid-v28{align-items:start}
.dashboard-widget-v28{min-width:0}
.dashboard-widget-v28__body{min-width:0}
.chart-v28 canvas{max-width:100%!important}

/* Orders: keep pagination and tables inside the viewport */
.order-filter-bar-v28,.orders-command-hero,.orders-kpi-grid-v28,.orders-card-grid-v28{min-width:0}
.admin-shell-v28 .table-responsive{max-width:100%;overflow-x:auto}
.admin-shell-v28 .pagination{flex-wrap:wrap}

/* ===== Public: local-friendly branding and readable tracking experience ===== */
.public-page{min-width:0;overflow-x:clip}
.public-header .container,.public-main>.container,.public-footer .container{max-width:var(--v29-public-max)}
.public-header__inner{gap:clamp(.75rem,2vw,1.5rem)}
.public-brand{min-width:0;flex:0 1 310px}
.public-brand img{display:block;width:auto;max-width:min(260px,100%);height:var(--public-logo-height);object-fit:contain}
.public-brand__name{min-width:0;max-width:250px;line-height:1.45}
.public-nav{min-width:0;flex:1;justify-content:center;gap:.15rem}
.public-nav__link{white-space:nowrap;padding:.55rem .62rem;font-size:.78rem}
.public-header__actions{flex:0 0 auto}

.tracking-page-v28{font-size:1rem}
.tracking-result-hero{grid-template-columns:minmax(0,1fr) 160px;gap:1.25rem}
.tracking-result-hero__identity{align-items:start}
.tracking-result-hero__identity>div{min-width:0;max-width:100%}
.tracking-result-hero__identity strong{max-width:720px;white-space:normal;overflow-wrap:anywhere;line-height:1.75}
.tracking-result-hero__actions{gap:.5rem}
.tracking-kpis-v28 article{min-width:0;padding:1rem}
.tracking-kpis-v28 small{font-size:.72rem}
.tracking-kpis-v28 strong{font-size:.83rem;line-height:1.65}
.tracking-panel-v28__head{padding:1.05rem 1.15rem}
.tracking-panel-v28__head span{font-size:.68rem}
.tracking-panel-v28__head h2{font-size:1.05rem}
.tracking-workflow-v28{grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:.75rem;padding:1rem}
.tracking-workflow-v28 article{min-height:112px;padding:.85rem}
.tracking-workflow-v28 small{font-size:.66rem}
.tracking-workflow-v28 strong{font-size:.8rem;line-height:1.65}
.tracking-workflow-v28 time{font-size:.64rem}
.tracking-timeline-v28__top small{font-size:.66rem}
.tracking-timeline-v28__top h3{font-size:.86rem}
.tracking-timeline-v28__card>p{font-size:.78rem}
.tracking-side-card h2{font-size:.95rem}
.tracking-side-card>p,.tracking-side-card li{font-size:.76rem}
.tracking-side-card label,.tracking-side-card--privacy>div:last-child{font-size:.72rem}

/* Keep public result columns useful on large screens */
@media(min-width:1200px){
  .tracking-page-v28>.row>.col-xl-8{width:72%}
  .tracking-page-v28>.row>.col-xl-4{width:28%}
}

@media(max-width:1399.98px){
  .topbar-search-v28{min-width:190px}
  .executive-kpi-grid-v28{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:1199.98px){
  .public-nav__link{font-size:.72rem;padding:.5rem .42rem}
  .public-brand{flex-basis:240px}
  .public-brand__name{max-width:190px;font-size:.8rem}
  .dashboard-hero-v28__grid{grid-template-columns:1fr}
  .dashboard-hero-v28__pulse{display:block}
}

@media(max-width:991.98px){
  .admin-shell-v28 .admin-main,
  body.sidebar-collapsed .admin-shell-v28 .admin-main{
    margin-inline:0 !important;
    width:100%;
  }
  .admin-shell-v28 .admin-sidebar{
    width:min(310px,88vw);
    max-width:88vw;
  }
  .admin-shell-v28 .admin-content{max-width:none;padding-inline:1rem}
  .public-brand{flex:1 1 auto}
  .public-nav{display:none}
  .public-brand__name{max-width:min(58vw,360px)}
  .tracking-result-hero{grid-template-columns:1fr}
}

@media(max-width:767.98px){
  .admin-shell-v28 .admin-content{padding-inline:.7rem}
  .admin-topbar{padding-inline:.7rem}
  .admin-topbar__title{max-width:46vw}
  .dashboard-hero-v28 h1{font-size:1.65rem}
  .dashboard-hero-v28__pulse{display:none}
  .executive-kpi-grid-v28{grid-template-columns:repeat(2,minmax(0,1fr))}
  .public-header__inner{min-height:68px}
  .public-brand img{max-width:210px;height:min(var(--public-logo-height),54px)}
  .public-brand__name{max-width:60vw;font-size:.78rem}
  .tracking-result-hero{border-radius:22px}
  .tracking-result-hero__identity{display:grid;gap:.8rem}
  .tracking-result-hero__actions{display:grid;grid-template-columns:1fr 1fr}
  .tracking-result-hero__actions>*:last-child:nth-child(odd){grid-column:1/-1}
  .tracking-workflow-v28{grid-template-columns:1fr}
}

@media(max-width:480px){
  .executive-kpi-grid-v28{grid-template-columns:1fr}
  .executive-kpi-v28:last-child{grid-column:auto}
  .public-brand__name{display:block;max-width:54vw;white-space:normal}
  .tracking-result-hero__actions{grid-template-columns:1fr}
}

@media(max-width:1199.98px){
  .admin-topbar .topbar-search-v28,
  .admin-topbar .system-status-v28{display:none!important}
  .admin-topbar__title{max-width:min(48vw,520px)}
}


/* ===== Hotfix v30: public landing flow + standards-only CSS ===== */
.tracking-landing{
  isolation:isolate;
  min-height:0!important;
  height:auto!important;
  padding:clamp(1.35rem,3.6vw,3.25rem)!important;
}
.tracking-landing__glow{
  position:absolute!important;
  display:block;
  width:clamp(360px,44vw,600px);
  height:clamp(360px,44vw,600px);
  inset-inline-end:clamp(-300px,-18vw,-170px);
  top:clamp(-360px,-24vw,-210px);
  margin:0!important;
  pointer-events:none;
  z-index:0!important;
}
.tracking-landing > :not(.tracking-landing__glow){position:relative;z-index:1}
.tracking-landing__grid{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(285px,.72fr);
  align-items:center;
  gap:clamp(1.25rem,3.5vw,3.5rem);
  min-width:0;
}
.tracking-landing__content,.tracking-landing__preview{min-width:0}
.tracking-landing h1{font-size:clamp(2rem,4.5vw,3.8rem);max-width:780px}
.tracking-preview-card{max-width:430px;margin-inline:auto;width:100%}
@media(max-width:991.98px){
  .tracking-landing__grid{grid-template-columns:1fr;gap:1.25rem}
  .tracking-landing__preview{max-width:620px;width:100%;margin-inline:auto}
  .tracking-preview-card{max-width:none}
}
@media(max-width:767.98px){
  .tracking-landing{padding:1.15rem!important}
  .tracking-landing__glow{width:360px;height:360px;top:-250px;inset-inline-end:-190px}
}