.tracking-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:20px 0}.tracking-toolbar label{flex:1;min-width:140px}.tracking-toolbar input,.tracking-toolbar select{width:100%}.tracking-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:20px 0}.tracking-cards button{text-align:left;background:#102039;border:1px solid #304159;border-radius:14px;padding:16px;color:#e2e8f0}.tracking-cards strong{display:block;font-size:1.8rem;color:#5eead4}.tracking-cards button[aria-pressed=true]{border-color:#34d399}.tracking-ref{text-align:left;background:none;border:0;color:#5eead4;cursor:pointer;padding:0;font-weight:650;text-decoration:underline;text-underline-offset:4px}.tracking-muted{color:#94a3b8;font-size:.86rem}.tracking-badge{display:inline-block;border:1px solid #3b536d;border-radius:99px;padding:4px 10px;font-size:.78rem;color:#dbeafe}.tracking-badge[data-status=DELIVERED]{background:#073d33;color:#86efac}.tracking-badge[data-status=EXCEPTION],.tracking-badge[data-status=STALE]{background:#4a2428;color:#fecaca}.tracking-layout{display:grid;gap:20px}.tracking-drawer{margin:0 0 0 auto;inset:0;max-height:100dvh;height:100dvh;width:min(720px,100vw);max-width:100vw;border:1px solid #334155;background:#081121;color:#e2e8f0;padding:24px;overflow-y:auto}.tracking-drawer::backdrop{background:#020617ba}.tracking-drawer header{display:flex;gap:16px;justify-content:space-between;align-items:start;margin-bottom:20px}.tracking-drawer h2{margin:0}.tracking-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.tracking-timeline{list-style:none;padding:0;margin:20px 0}.tracking-timeline li{border-left:2px solid #334155;padding:0 0 22px 20px;margin-left:6px;position:relative}.tracking-timeline li:before{content:'';width:10px;height:10px;background:#5eead4;border-radius:100%;position:absolute;left:-6px;top:6px}.tracking-timeline time{display:block;color:#94a3b8;font-size:.84rem}.tracking-timeline small{display:block;color:#94a3b8;margin-top:4px}.tracking-parcel{border:1px solid #304159;padding:16px;border-radius:12px;margin:12px 0}.tracking-error{padding:16px;background:#401d29;color:#fecaca;border-radius:12px}.tracking-global{display:flex;gap:8px;max-width:320px;margin-left:auto}.tracking-global input{min-width:80px;width:100%}.tracking-global button{white-space:nowrap}.tracking-link-output{overflow-wrap:anywhere;display:block}.tracking-progress{display:flex;gap:8px;list-style:none;padding:0;margin:24px 0}.tracking-progress li{flex:1;font-size:.8rem;border-top:3px solid #334155;padding-top:10px}.tracking-progress li.done{border-color:#34d399;color:#a7f3d0}.tracking-public{color-scheme:dark;background:#070f20;color:#e2e8f0;font:16px/1.55 system-ui,sans-serif;margin:0}.tracking-public main{max-width:760px;margin:auto;padding:28px 20px}.tracking-public header{border-bottom:1px solid #243449;padding:20px}.tracking-public .brand{font-size:1.5rem;font-weight:800;color:#f8fafc}.tracking-public section{background:#0e1b30;border:1px solid #304159;border-radius:18px;padding:24px;margin:20px 0}.tracking-public button{background:#059669;border:0;border-radius:10px;color:white;font:inherit;padding:12px 20px;cursor:pointer}.tracking-public button:disabled{opacity:.55}.tracking-public a{color:#5eead4}.tracking-public h1{font-size:1.8rem;line-height:1.25}.tracking-public h2{font-size:1.2rem}.tracking-public [hidden]{display:none!important}.tracking-public :focus-visible,.tracking-drawer :focus-visible,#tracking :focus-visible{outline:3px solid #a5b4fc;outline-offset:4px}.tracking-public .tracking-badge{margin-bottom:12px}.tracking-public .tracking-timeline{margin-bottom:0}.tracking-public footer{color:#94a3b8;font-size:.85rem;margin:24px 0}.tracking-public .tracking-ref{font:inherit}@media(max-width:700px){.tracking-drawer{padding:18px}.tracking-global{max-width:230px}.tracking-global input{font-size:.8rem}.tracking-toolbar label{min-width:120px}.tracking-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.tracking-public section{padding:18px}.tracking-progress{gap:4px}.tracking-progress li{font-size:.72rem}}@media(prefers-reduced-motion:reduce){.tracking-public *{scroll-behavior:auto}}
.tracking-public textarea{display:block;box-sizing:border-box;width:100%;margin:12px 0;padding:12px;background:#071121;color:#e2e8f0;border:1px solid #52647d;border-radius:8px;font:inherit}.tracking-public details{margin:24px 0;padding:16px;border:1px solid #304159;border-radius:12px}.tracking-public summary{cursor:pointer;font-weight:650}
.tracking-drawer #tracking-detail-content>h3{margin:22px 0 8px}.tracking-parcel h3{margin-bottom:10px}.tracking-parcel p{margin-top:6px}
.tracking-tenant-context{border-left:3px solid #818cf8;padding:10px 14px;background:#17213b;border-radius:8px;overflow-wrap:anywhere}

/* Shared account controls: one tracking entry point and a sidebar sign-out. */
.topbar .topbar-status,#account-btn,.sidebar-caption{display:none!important}
.topbar .topbar-actions{margin-left:auto;flex:1;justify-content:flex-end;flex-wrap:nowrap}
.topbar .tracking-global{margin:0;max-width:320px;min-width:0}
.topbar #identity-user-widget{flex-shrink:0}
.topbar .header-personas:not(:has(button:not([hidden]))){display:none}
.sidebar-account{margin-top:auto;padding-top:24px}
.sidebar-account #identity-logout{display:flex;align-items:center;gap:10px;width:100%;text-align:left}
.sidebar-account #identity-logout[hidden]{display:none}
#tracking .pagehead>.tracking-actions{margin:0;justify-content:flex-end}
@media(max-width:767px){
  .app-shell>.sidebar{display:contents}
  .sidebar>nav,.sidebar>.help-centre-nav{display:none}
  .topbar{display:block}
  .topbar .topbar-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:10px}
  .topbar .tracking-global{grid-column:1;grid-row:1;max-width:none;width:100%}
  .topbar .tracking-global input{flex:1;min-width:0;width:0}
  .topbar .tracking-global button{flex-shrink:0}
  .topbar #identity-user-widget{grid-column:2;grid-row:1}
  .topbar .header-personas{grid-column:1/-1}
  .sidebar-account{position:fixed;bottom:12px;left:12px;padding:0;z-index:81}
  .sidebar-account #identity-logout{background:#172238;font-size:11px;min-height:40px;padding:8px 12px}
  .mobile-nav{padding-bottom:64px}
  .container{padding-bottom:240px}
  #tracking .scrolltable{overflow:auto}
  #tracking table{min-width:660px}
}
