/*
 * The Crew Center design system, as the "Crew Center" Design drew it: tokens and
 * the shared components (buttons, chips, cards, the flash message, the dialog),
 * then the shell around every page.
 *
 * Tokens live on .jt (the root, with data-theme="light|dark"). Components live
 * under .cc, so pages the design has not reached yet keep their own Bootstrap
 * buttons and cards: a rebuilt page wraps itself in .cc, the shell parts carry it.
 */
.jt{--bg:#F4F6FA;--s1:#FFFFFF;--s2:#F7F9FC;--s3:#EAF0F8;--bd:rgba(32,54,102,.09);--bd2:rgba(32,54,102,.24);--tx:#141250;--tx2:#2A2A66;--mu:#566088;--lk:#003875;--br:#003875;--brc:#FFFFFF;--ac:#F58932;--okt:#05693E;--okb:#DDF4E8;--wnt:#8A4A00;--wnb:#FFEBD3;--badt:#9B2C20;--badb:#FDE3DF;--infb:#E8F0FC;--sky1:#E4EEFC;--sky2:#FFFFFF;--grid:rgba(0,56,117,.06);--wash1:rgba(0,86,184,.06);--wash2:rgba(245,137,50,.08);--sh:0 1px 2px rgba(20,18,80,.04),0 8px 22px -10px rgba(20,18,80,.12);}
.cc{font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--tx);line-height:1.45;-webkit-font-smoothing:antialiased}
.jt[data-theme="dark"]{--bg:#0C1224;--s1:#141C36;--s2:#19233F;--s3:#22305A;--bd:rgba(255,255,255,.09);--bd2:rgba(255,255,255,.24);--tx:#EEF2FC;--tx2:#C9D3EC;--mu:#9AA8CC;--lk:#8DB4F2;--br:#2F6FC4;--brc:#FFFFFF;--okt:#5BE3A4;--okb:rgba(7,185,109,.16);--wnt:#FFB066;--wnb:rgba(245,137,50,.16);--badt:#FF8F82;--badb:rgba(229,96,79,.18);--infb:rgba(141,180,242,.14);--sky1:#182A56;--sky2:#141C36;--grid:rgba(141,180,242,.08);--wash1:rgba(47,111,196,.14);--wash2:rgba(245,137,50,.07);--sh:0 1px 2px rgba(0,0,0,.35),0 8px 22px -10px rgba(0,0,0,.5)}
.cc *{box-sizing:border-box}
.cc h1,.cc h2,.cc h3,.cc p{margin:0}
.cc .mono{font-family:'Inter',system-ui,sans-serif;font-variant-numeric:tabular-nums}
.cc .card{background:var(--s1);border:1px solid var(--bd);border-radius:20px;box-shadow:var(--sh)}
.cc .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:14px;border:1px solid transparent;font:700 14.5px/1 'Inter',system-ui,sans-serif;cursor:pointer;white-space:nowrap;text-decoration:none}
.cc .btn-ac{background:var(--ac);color:#141250;box-shadow:0 6px 16px -6px rgba(245,137,50,.55)}.cc .btn-ac:hover{background:#FFA152}
.cc .btn-br{background:var(--br);color:var(--brc)}.cc .btn-br:hover{filter:brightness(1.12)}
.cc .btn-bad{background:var(--badb);color:var(--badt)}
.cc .sky{background-color:var(--s1);background-image:linear-gradient(180deg,var(--sky1) 0%,var(--sky2) 70%),repeating-linear-gradient(0deg,transparent 0 39px,var(--grid) 39px 40px),repeating-linear-gradient(90deg,transparent 0 39px,var(--grid) 39px 40px)}
.cc .btn-soft{background:var(--infb);color:var(--lk)}.cc .btn-soft:hover{background:var(--s3)}
.cc .btn-line{background:var(--s1);border-color:var(--bd2);color:var(--tx)}.cc .btn-line:hover{background:var(--s2)}
.cc .btn-sm{min-height:44px;padding:0 14px;font-size:13.5px}
.cc .ibtn{display:inline-flex;align-items:center;justify-content:center;position:relative;width:44px;height:44px;border-radius:14px;border:1px solid var(--bd);background:var(--s1);color:var(--tx);cursor:pointer}
.cc .ibtn:hover{background:var(--s3)}
.cc .chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font:700 11.5px/1.2 'Inter',system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.cc .chip-ok{background:var(--okb);color:var(--okt)}.cc .chip-wn{background:var(--wnb);color:var(--wnt)}.cc .chip-bad{background:var(--badb);color:var(--badt)}.cc .chip-inf{background:var(--infb);color:var(--lk)}.cc .chip-ne{background:var(--s3);color:var(--mu)}
.cc .hic{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:var(--infb);color:var(--lk);flex:none}
.cc .navi{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:12px;color:var(--tx2);font:500 14.5px/1 'Inter',system-ui,sans-serif;text-decoration:none}
.cc .navi:hover{background:var(--s2)}
.cc .navi-on,.cc .navi-on:hover{background:var(--infb);color:var(--lk);font-weight:700}
.cc .seg{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:12px;border:0;background:transparent;color:var(--mu);font:600 14.5px/1 'Inter',system-ui,sans-serif;cursor:pointer;white-space:nowrap;text-decoration:none}
.cc .seg:hover{color:var(--tx)}
.cc .seg-on,.cc .seg-on:hover{background:var(--s1);color:var(--tx);font-weight:700;box-shadow:0 1px 3px rgba(20,18,80,.14)}
.cc .lbl{font:700 11.5px/1.2 'Inter',system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mu)}
.cc .row:hover{background:var(--s2)}
/* The design's .row is a list row; Bootstrap's is a gutter row with negative margins, which shifted rows off their column headers. */
.cc .row{--bs-gutter-x:0;--bs-gutter-y:0}
.cc .field{min-height:46px;border-radius:14px;border:1px solid var(--bd);background:var(--s1);color:var(--tx);padding:0 14px;font:500 14.5px 'Inter',system-ui,sans-serif}
.cc .pg{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 10px;border-radius:12px;border:1px solid var(--bd);background:var(--s1);color:var(--tx);font:600 14px 'Inter',system-ui,sans-serif;font-variant-numeric:tabular-nums;cursor:pointer}
.cc .pg:hover{background:var(--s3)}
.cc .pg-on,.cc .pg-on:hover{background:var(--br);color:var(--brc);border-color:var(--br)}
.cc .pg[disabled]{opacity:.4;cursor:default}
.cc .stat{cursor:pointer;text-align:left;font-family:inherit;color:var(--tx)}
.cc .stat:hover{background:var(--s2)}
.cc :focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.cc svg.ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.cc svg.ic-s{width:16px;height:16px}
.cc a.more{color:var(--lk);font-weight:700;font-size:13.5px;text-decoration:none}
.cc .logo-d{display:none}.jt[data-theme="dark"] .cc .logo-l{display:none!important}.jt[data-theme="dark"] .cc .logo-d{display:block}
.cc details>summary{list-style:none;cursor:pointer}
.cc details>summary::-webkit-details-marker{display:none}
.fl-pad{box-sizing:border-box;padding:28px 32px 64px;display:flex;flex-direction:column;gap:22px;max-width:1360px;width:100%}
.cc .fl-al{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:16px;border:1px solid;font-size:14.5px;line-height:1.45}
.cc .fl-al>svg{margin-top:2px}.cc .fl-al>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cc .fl-al strong{font-weight:700}.cc .fl-al span{font-weight:500}
.cc .fl-ok{border-color:var(--okt);background:var(--okb);color:var(--okt)}.cc .fl-bad{border-color:var(--badt);background:var(--badb);color:var(--badt)}
.cc .fl-wn{border-color:var(--wnt);background:var(--wnb);color:var(--wnt)}.cc .fl-in{border-color:var(--bd2);background:var(--infb);color:var(--lk)}
.cc .fl-al .ibtn{border:0;background:transparent;color:inherit;margin:-8px -8px -8px 0}
.cc .fl-al .btn{margin-top:8px;align-self:flex-start}
.cc .fl-btns{display:flex;gap:8px;flex-wrap:wrap}
.cc .fl-modal-bg{position:fixed;inset:0;z-index:60;background:rgba(10,16,40,.5);display:flex;justify-content:center;align-items:flex-start;padding:90px 14px 14px;overflow:auto}
.cc .fl-modal{width:min(580px,100%);padding:0;overflow:hidden}
.cc .fl-mh{padding:18px 22px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--bd)}
.cc .fl-mb{padding:20px 22px;display:flex;flex-direction:column;gap:16px}
.cc .fl-mf{padding:14px 22px;border-top:1px solid var(--bd);display:flex;gap:10px;justify-content:flex-end;background:var(--s2);flex-wrap:wrap}
.cc .fl-empty{padding:36px 20px;border-radius:16px;background:var(--s2);border:1px dashed var(--bd2);text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center}
.cc .fl-empty strong{font-size:16px}.cc .fl-empty span{font-size:14px;color:var(--mu);max-width:520px}
.cc .fl-sk{border-radius:10px;background:linear-gradient(90deg,var(--s3),var(--s2),var(--s3));background-size:200% 100%;animation:flsk 1.3s linear infinite;min-height:18px}
@keyframes flsk{to{background-position:-200% 0}}
.cc .fl-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13.5px;color:var(--mu)}
.cc .fl-link{color:var(--lk);font-weight:700;text-decoration:none;cursor:pointer;background:none;border:0;padding:0;font:inherit;font-weight:700}
.cc .fl-link:hover{text-decoration:underline;text-underline-offset:3px}
.cc .fl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:600px){.fl-pad{padding:16px 16px 24px;gap:16px}.cc .fl-port b{font-size:24px}.cc .fl-modal-bg{padding:16px 8px}.cc .fl-hero-in{padding:18px}}
/* polish */
.cc{text-rendering:optimizeLegibility;scrollbar-width:thin;scrollbar-color:var(--bd2) transparent}
.cc *{scrollbar-width:thin;scrollbar-color:var(--bd2) transparent}
.cc ::selection{background:rgba(245,137,50,.32)}
.cc h1,.cc h2{text-wrap:balance}
.cc p{text-wrap:pretty}
.cc .card{transition:box-shadow .2s,border-color .2s}
.cc .btn,.cc .ibtn,.cc .seg,.cc .navi,.cc .pg,.cc .field,.cc .chip{transition:background-color .15s,border-color .15s,color .15s,box-shadow .18s,transform .08s}
.cc .btn:active:not(:disabled),.cc .ibtn:active:not(:disabled){transform:translateY(1px) scale(.985)}
.cc .btn-ac:hover:not(:disabled){box-shadow:0 10px 22px -8px rgba(245,137,50,.7)}
.cc .btn-line:hover:not(:disabled),.cc .ibtn:hover:not(:disabled){border-color:var(--lk)}
.cc .btn:disabled,.cc .btn[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none}
.cc .btn svg,.cc .ibtn svg,.cc .hic svg,.cc .seg svg,.cc .navi svg,.cc .chip svg,.cc .pg svg{display:block;margin:0;flex:none}
.cc .ibtn,.cc .hic{line-height:0;padding:0}
.cc .hic{aspect-ratio:1}
.cc .chip{line-height:1;min-height:24px;padding-top:0;padding-bottom:0}
.cc .navi svg{width:20px;height:20px}
.cc .field:hover{border-color:var(--bd2)}
.cc .field:focus{outline:none;border-color:var(--lk);box-shadow:0 0 0 3px rgba(0,56,117,.15)}
.jt[data-theme="dark"] .cc .field:focus{box-shadow:0 0 0 3px rgba(141,180,242,.28)}
.cc .field::placeholder{color:var(--mu);opacity:.85}
.cc select.field{cursor:pointer}
.cc .card:focus-within{border-color:var(--bd2)}
.cc .mono{font-variant-numeric:tabular-nums}
.cc .lbl{white-space:nowrap}
.cc a.more:hover{text-decoration:underline;text-underline-offset:3px}
@media (prefers-reduced-motion:reduce){.cc *{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/*a11y-pass1*/
.cc dd.dd-s{margin:0;font:500 12px 'Inter',system-ui,sans-serif;letter-spacing:0;color:var(--mu)}
.cc .cellw{display:contents}
.cc [role="region"][tabindex="0"]:focus-visible{outline:2px solid var(--lk);outline-offset:2px;border-radius:10px}
.cc .fin-card h2{font-size:18px;font-weight:700;letter-spacing:-.01em}
.cc .pro-out .dk-wx-c span{opacity:1}
.cc .fin-bars{gap:0}
.cc .pp-rule b{color:var(--wnt)}
.cc a[aria-current="true"][lang]{outline-offset:2px}
/*a11y-pass2*/
.cc .a11y-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cc .fin-step{display:flex;align-items:center;gap:8px}
.cc .fin-step .fin-read{flex:1;min-width:0}
.cc .fin-step .ibtn[disabled]{opacity:.4;cursor:default}
.cc span.fin-col{display:block}
/*a11y-pass3*/
.cc .fin-xl{gap:0}
.cc .fin-kpi .chip{white-space:normal;max-width:100%;height:auto;min-height:24px;line-height:1.3;padding-top:3px;padding-bottom:3px}
.cc .dk-hero{background-color:#C9DDF5}
.cc .dk-hero[data-sky="storm"],.cc .dk-hero[data-sky="night"],.jt[data-theme="dark"] .cc .dk-hero{background-color:#16213F}
.jt[data-theme="dark"] .cc .dk-nf .btn:not(.btn-line),.jt[data-theme="dark"] .cc .btn[style*="background:var(--badt)"]{color:#2A0905!important}

/* ---------------------------------------------------------------------------
   The shell: sidebar, top bar, page header, phone header and bottom bar.
   Values are the design's own inline styles (Dashboard / DashboardMobile).
   --------------------------------------------------------------------------- */
.cc-root{margin:0;background:var(--bg)}
.cc-app{display:flex;align-items:stretch;min-height:100vh;background:var(--bg)}
.cc-side-col{flex:0 0 256px;width:256px;max-width:100%;background:var(--s1);border-right:1px solid var(--bd)}
.cc-side{position:sticky;top:0;max-height:100vh;overflow-y:auto;padding:22px 14px 26px;display:flex;flex-direction:column;gap:20px}
.cc-brand{display:block;padding:6px 12px 0}
.cc-brand img{width:100%;max-width:176px;height:auto;display:block}
.cc-who{margin:0 12px;padding:12px 0 14px;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);display:flex;flex-direction:column;gap:1px}
.cc-who span{font-size:12.5px;color:var(--mu)}
.cc-who strong{font-size:15px}
.cc-who .mono{font-size:12.5px;color:var(--lk)}
.cc-nav{display:flex;flex-direction:column;gap:18px}
.cc-grp{display:flex;flex-direction:column;gap:2px}
.cc-grp>.lbl{padding:0 12px 6px}
.cc-badge{min-width:22px;height:22px;border-radius:999px;background:var(--ac);color:#141250;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}
.cc .navi>span:first-of-type{flex:1}
.cc-main{flex:1 1 560px;min-width:0;display:flex;flex-direction:column;background:radial-gradient(900px 320px at 100% 0%,var(--wash2),transparent 65%),radial-gradient(800px 360px at 0% 0%,var(--wash1),transparent 62%),var(--bg)}
.cc-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 32px;min-height:68px;border-bottom:1px solid var(--bd);background:var(--s1)}
.cc-search{flex:1 1 260px;max-width:460px;position:relative;display:flex;align-items:center;margin:0}
.cc-search svg{position:absolute;left:14px;color:var(--mu);pointer-events:none}
.cc-search input{width:100%;min-height:46px;border-radius:14px;border:1px solid var(--bd);background:var(--s2);color:var(--tx);padding:0 14px 0 42px;font:400 14.5px 'Inter',system-ui,sans-serif;-webkit-appearance:none;appearance:none}
.cc-search input:hover{border-color:var(--bd2)}
.cc-search input:focus{outline:none;border-color:var(--lk);box-shadow:0 0 0 3px rgba(0,56,117,.15)}
.jt[data-theme="dark"] .cc-search input:focus{box-shadow:0 0 0 3px rgba(141,180,242,.28)}
.cc-search input::placeholder{color:var(--mu);opacity:.85}
.cc-bar-r{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cc-lang{display:flex;padding:3px;border-radius:14px;background:var(--s3);min-height:44px;align-items:center}
.cc-lang a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:38px;border-radius:11px;font-size:13px;font-weight:700;color:var(--mu);text-decoration:none}
.cc-lang a:hover{color:var(--tx)}
.cc-lang a[aria-current="true"]{background:var(--s1);color:var(--tx);box-shadow:0 1px 3px rgba(20,18,80,.14)}
.cc-acct{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 14px 0 4px;border-radius:999px;border:1px solid var(--bd);background:var(--s1);color:var(--tx);cursor:pointer;font:600 13.5px 'Inter',system-ui,sans-serif}
.cc-acct:hover{background:var(--s3);border-color:var(--lk)}
.cc-dot{position:absolute;top:9px;right:10px;width:9px;height:9px;border-radius:50%;background:var(--ac);border:2px solid var(--s1)}
.cc .th-moon{display:inline-flex}.cc .th-sun{display:none}
.jt[data-theme="dark"] .cc .th-moon{display:none}.jt[data-theme="dark"] .cc .th-sun{display:inline-flex}
.cc-c{display:contents}

/* pop-overs: the bell and the account menu (Bootstrap places them; the look is the TopMenus board) */
.cc .cc-pop.dropdown-menu{margin:0;padding:8px;border:1px solid var(--bd);border-radius:18px;background:var(--s1);color:var(--tx);box-shadow:var(--sh),0 18px 40px -16px rgba(20,18,80,.3);min-width:260px;font:500 14.5px/1.45 'Inter',system-ui,sans-serif}
.cc .notification-item{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;color:var(--tx);text-decoration:none;border-top:1px solid var(--bd);position:relative;background:transparent}
.cc .notification-item:first-child{border-top:0}
.cc .notification-item:hover,.cc .notification-item:focus-visible{background:var(--s2)}
.cc .notification-item.is-unread{background:var(--infb)}
.cc .notification-item.is-unread:hover{background:var(--s3)}
.cc .notification-item-icon{width:38px;height:38px;border-radius:12px;background:var(--infb);color:var(--lk);display:inline-flex;align-items:center;justify-content:center;flex:none;font-size:16px}
.cc .notification-item.tone-success .notification-item-icon{background:var(--okb);color:var(--okt)}
.cc .notification-item.tone-warning .notification-item-icon{background:var(--wnb);color:var(--wnt)}
.cc .notification-item.tone-danger .notification-item-icon{background:var(--badb);color:var(--badt)}
.cc .notification-item-text{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:13.5px;line-height:1.4}
.cc .notification-item-text strong{font-size:14px;font-weight:700}
.cc .notification-item.is-unread .notification-item-text strong{font-weight:700}
.cc .notification-item-text span{color:var(--tx2)}
.cc .notification-item-text time{font:500 12px 'Inter',system-ui,sans-serif;font-variant-numeric:tabular-nums;color:var(--mu)}
.cc .notification-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 20px;color:var(--mu);font-size:14px;text-align:center}
.cc .notification-empty i{font-size:22px}

/* page header: breadcrumb, clock and slogan */
.cc-top-crumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cc-top-crumb svg{width:16px;height:16px;color:var(--lk)}
.cc-top-crumb a{color:var(--lk);font-weight:600;text-decoration:none}
.cc-top-crumb a:hover{text-decoration:underline;text-underline-offset:3px}
.cc-top-crumb [aria-current="page"]{color:var(--tx);font-weight:600}
.cc-top-clock{display:flex;align-items:center;gap:10px;font-size:13px}
.cc-top-clock i{width:8px;height:8px;border-radius:50%;background:#07B96D;flex:none}
.cc-top-clock b{width:1px;height:16px;background:var(--bd2)}
.cc-top-clock em{font-style:normal;font-family:'Inter',sans-serif;font-weight:600;color:var(--tx2)}
.cc-skip{position:absolute;left:12px;top:-60px;z-index:100;padding:12px 16px;border-radius:14px;background:var(--br);color:var(--brc);font-weight:700;text-decoration:none}
.cc-skip:focus{top:12px}

/* the flash messages */
.cc .fl-al a{color:inherit;font-weight:700}

/* the phone shell */
.cc-m-head,.cc-m-nav,.cc-sheet{display:none}
@media (max-width:860px){
 .cc-app{display:block}
 .cc-side-col,.cc-bar{display:none}
 .cc-main{min-height:100vh;padding-bottom:96px}
 .cc-m-head{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--s1);border-bottom:1px solid var(--bd);position:sticky;top:0;z-index:6}
 .cc-m-head .cc-logo{display:flex;align-items:center;flex:1;min-width:0}
 .cc-m-head .cc-logo img{height:28px;width:auto;max-width:100%;display:block}
 .cc-m-head .cc-lang{padding:2px;border-radius:12px;min-height:0}
 .cc-m-head .cc-lang a{min-width:36px;min-height:44px;border-radius:10px;font-size:12px}
 .cc-m-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;height:72px;z-index:20;background:var(--s1);border-top:1px solid var(--bd);padding:6px 6px 8px}
 .cc-m-nav a,.cc-m-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;border-radius:14px;border:0;background:transparent;color:var(--mu);text-decoration:none;font:600 11.5px/1 'Inter',system-ui,sans-serif;cursor:pointer}
 .cc-m-nav .is-on{background:var(--infb);color:var(--lk)}
 .cc-m-nav svg{display:block}
 .cc-sheet{position:fixed;inset:0;z-index:60;align-items:flex-end}
 .cc-sheet:not([hidden]){display:flex}
 .cc-sheet-bg{position:absolute;inset:0;border:0;padding:0;background:rgba(10,16,40,.5);cursor:default}
 .cc-sheet-p{position:relative;width:100%;max-height:88vh;overflow-y:auto;border-radius:22px 22px 0 0;background:var(--s1);border:1px solid var(--bd);border-bottom:0;box-shadow:var(--sh);padding:8px 14px 22px;display:flex;flex-direction:column;gap:18px}
 .cc-sheet-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 6px 0 12px;position:sticky;top:0;background:var(--s1);z-index:1}
 .cc-sheet-h h2{font-size:20px;font-weight:700}
 .cc-sheet-foot{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--bd);padding-top:12px}
 .cc-sheet-foot .navi{width:100%;background:transparent;border:0;cursor:pointer;text-align:left}
}
@media (max-width:860px) and (min-width:601px){
 .cc-m-head{padding:10px 32px}
}
@media (prefers-reduced-motion:no-preference){
 .cc-sheet-p{animation:ccsheet .22s ease-out}
}
@keyframes ccsheet{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}

/*phone-polish4*/
@media (max-width:600px){
 .cc nav[aria-label="Breadcrumb"] a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;margin:-12px -6px}
 .cc a.more,.cc .fl-link{display:inline-flex;align-items:center;min-height:44px}
 .cc .chip{max-width:100%}
 .cc a.lf-code{display:inline-flex;align-items:center;min-height:44px}
 .cc .stat .lbl,.cc button.card .lbl{white-space:normal}
 .cc [style*="display: flex; gap: 8px; overflow-x: auto"]{flex-wrap:wrap!important;overflow:visible!important}
}
/*a11y-pass4*/
@media (max-width:600px){
 .cc nav[aria-label="Breadcrumb"] a{min-width:44px;justify-content:center}
 .cc a.lf-code{min-width:44px;justify-content:center}
 .cc button.seg{min-height:44px}
 .cc .nw-ap{min-height:44px}
 .cc a.dk-more{min-width:44px;justify-content:center}
 .cc a[href="#"][style*="margin-left: auto; color: var(--lk)"]{display:inline-flex;align-items:center;min-height:44px}
 .cc a[href="#"][style*="padding-left: 44px"]{display:flex;align-items:center;min-height:44px}
}

/* loading: the skeleton, and the bar across the top while a page opens */
.cc .fl-sk{display:block;min-height:0}
.cc .dk-hero .fl-sk{background:linear-gradient(90deg,rgba(255,255,255,.35),rgba(255,255,255,.62),rgba(255,255,255,.35));background-size:200% 100%}
.jt[data-theme="dark"] .cc .dk-hero .fl-sk{background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.2),rgba(255,255,255,.1));background-size:200% 100%}
.cc .dk-wx .fl-sk{background:linear-gradient(90deg,rgba(32,54,102,.1),rgba(32,54,102,.2),rgba(32,54,102,.1));background-size:200% 100%}
.jt[data-theme="dark"] .cc .dk-wx .fl-sk{background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.18),rgba(255,255,255,.08));background-size:200% 100%}
.cc .dk-gt .fl-sk,.cc .dk-card .fl-sk{margin:0}
.cc .dk-gt .fl-sk+.fl-sk{margin-top:8px}
.cc-load{position:fixed;left:0;top:0;height:3px;width:100%;z-index:90;background:var(--ac);transform-origin:0 50%;transform:scaleX(0);pointer-events:none}
.cc-load:not([hidden]){animation:ccload 8s cubic-bezier(.1,.7,.2,1) forwards}
.cc-load.is-done{animation:none;transform:scaleX(1);opacity:0;transition:opacity .25s .05s}
@keyframes ccload{to{transform:scaleX(.92)}}
#cc-content[aria-busy="true"]{cursor:progress}
@media (prefers-reduced-motion:reduce){.cc-load:not([hidden]){animation:none;transform:scaleX(.6)}}
.cc [hidden]{display:none!important}

.cc-acct{padding-right:12px}
.cc-acct-caret{color:var(--mu);transition:transform .18s}
.cc-acct[aria-expanded="true"]{background:var(--s3);border-color:var(--lk)}
.cc-acct[aria-expanded="true"] .cc-acct-caret{transform:rotate(180deg);color:var(--lk)}
.cc-app,.cc-main{max-width:100vw}
.cc-main{overflow-x:clip}
.fl-pad,.cc [data-cc-list],.cc [data-cc-results]{min-width:0;max-width:100%}

.cc-tip{position:fixed;z-index:200;padding:12px 14px;border-radius:14px;background:var(--s1);color:var(--tx);border:1px solid var(--bd2);box-shadow:0 14px 34px -10px rgba(20,18,80,.35);display:flex;flex-direction:column;gap:8px;pointer-events:none;font:500 13px 'Inter',system-ui,sans-serif}
.cc-tip strong{font-size:13.5px}
.cc-tip b{display:block;font:700 10.5px 'Inter',sans-serif;letter-spacing:.08em;color:var(--mu);margin-bottom:2px}
.cc-tip code{display:block;font:500 12px/1.5 'Inter',system-ui,sans-serif;font-variant-numeric:tabular-nums;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--tx)}
[data-cc-tip]{cursor:help}
.cc .stat .lbl{white-space:normal}

/* page heading for pages without a hero */
.cc-pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.cc-pagehead-eyebrow{margin:0 0 4px;font:700 11.5px 'Inter',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mu)}
.cc-pagehead-t{margin:0;display:flex;align-items:center;gap:12px;font-size:40px;font-weight:700;letter-spacing:-.035em;line-height:1.05;color:var(--tx)}
.cc-pagehead-s{margin:8px 0 0;font-size:16px;color:var(--tx2);max-width:64ch}
.cc-pagehead-a{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:600px){.cc-pagehead-t{font-size:30px}.cc-pagehead-s{font-size:14.5px}}


/* the bell and account menu (TopMenus) */
.cc .cc-pop.dropdown-menu.cc-tm{padding:0;border:1px solid var(--bd);border-radius:22px;background:var(--s1);color:var(--tx);overflow:hidden;box-shadow:0 28px 60px -20px rgba(10,16,40,.45),0 2px 6px rgba(10,16,40,.08);font:500 14.5px/1.45 'Inter',system-ui,sans-serif}
.cc .cc-tm.show{display:flex;flex-direction:column}
.cc .cc-tm a:focus-visible,.cc .cc-tm button:focus-visible{outline:3px solid var(--lk);outline-offset:2px}
.cc .cc-bell-btn[aria-expanded="true"],.cc .cc-acct[aria-expanded="true"]{border-color:var(--br);box-shadow:0 0 0 3px var(--infb);background:var(--s1)}
.cc .cc-count{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#C0392B;color:#fff;border:2px solid var(--s1);font:700 11.5px 'Inter',system-ui,sans-serif;display:inline-flex;align-items:center;justify-content:center}
.cc .cc-count[hidden]{display:none}
.cc .cc-avimg{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.cc .cc-acct-av,.cc .tm-who .tm-ini,.cc .nw-av,.cc .pf-mentor>span,.cc .pf-mentees b{overflow:hidden}
.cc .cc-acct-av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#003875,#2F6FC4);color:#fff;display:inline-flex;align-items:center;justify-content:center;font:700 13px 'Inter',system-ui,sans-serif;overflow:hidden;flex:none}
.cc .cc-acct .mono{font-size:13px}
.cc .cc-tm-n{width:420px}
.cc .tm-nh{display:flex;align-items:center;gap:10px;padding:16px 16px 12px 20px}
.cc .tm-nh h2{margin:0;font-size:17px;font-weight:700}
.cc .tm-cnt{padding:3px 9px;border-radius:999px;background:var(--badb);color:var(--badt);font:700 12px 'Inter',system-ui,sans-serif}
.cc .tm-cnt[hidden]{display:none}
.cc .tm-mar-f{margin:0 0 0 auto}
.cc .tm-mar{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border-radius:12px;border:0;background:transparent;color:var(--lk);font:700 13px 'Inter',system-ui,sans-serif;cursor:pointer}
.cc .tm-mar .ic{width:16px;height:16px}
.cc .tm-mar:hover{background:var(--infb)}
.cc .tm-mar[disabled]{color:var(--mu);opacity:.6;cursor:default;background:transparent}
.cc .tm-live{font-size:12.5px;color:var(--mu);padding:0 20px 10px;margin:-4px 0 0}
.cc .tm-lwrap{min-height:0;overflow:auto;max-height:600px}
.cc .tm-list{list-style:none;margin:0;padding:0 8px 8px;display:flex;flex-direction:column}
.cc .tm-it{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) 10px;gap:12px;align-items:start;padding:12px;border-radius:16px;color:var(--tx);text-decoration:none}
.cc .tm-it:hover{background:var(--s2);color:var(--tx)}
.cc .tm-it.un{background:color-mix(in srgb,var(--infb) 55%,transparent)}
.cc .tm-it.un:hover{background:var(--infb)}
.cc .tm-ic{width:40px;height:40px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;background:var(--infb);color:var(--lk)}
.cc .tm-ic .ic{width:19px;height:19px}
.cc .tone-success .tm-ic{background:var(--okb);color:var(--okt)}
.cc .tone-warning .tm-ic{background:var(--wnb);color:var(--wnt)}
.cc .tone-danger .tm-ic{background:var(--badb);color:var(--badt)}
.cc .tm-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.cc .tm-tx strong{font-size:14.5px;font-weight:600;line-height:1.35}
.cc .tm-it.un .tm-tx strong{font-weight:700}
.cc .tm-tx span{font-size:13.5px;line-height:1.45;color:var(--tx2)}
.cc .tm-tx time,.cc .tm-tx .tm-pin{font-size:12.5px;color:var(--mu);font-weight:600}
.cc .tm-tx .tm-pin{display:inline-flex;align-items:center;gap:6px;color:var(--badt)}
.cc .tm-pin .ic{width:14px;height:14px;flex:none}
.cc .tm-dot{width:10px;height:10px;border-radius:50%;background:var(--br);margin-top:6px}
.cc .tm-it.pin{background:var(--badb);margin-bottom:6px}
.cc .tm-it.pin .tm-tx strong,.cc .tm-it.pin .tm-tx span{color:var(--badt)}
.cc .tm-it.pin .tm-tx strong{font-weight:700}
.cc .tm-it.pin .tm-ic{background:var(--badt);color:#fff}
.cc .tm-empty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:34px 24px 38px;color:var(--mu)}
.cc .tm-empty .hic{width:56px;height:56px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;background:var(--s3)}
.cc .tm-empty .hic .ic{width:24px;height:24px}
.cc .tm-empty strong{font-size:16px;color:var(--tx)}
.cc .tm-foot{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border-top:1px solid var(--bd);background:var(--s2);color:var(--lk);font-weight:700;font-size:14px;text-decoration:none}
.cc .tm-foot .ic{width:16px;height:16px}
.cc .tm-foot:hover{background:var(--infb);color:var(--lk)}

.cc .cc-tm-p{width:340px}
.cc .tm-ph{padding:20px;display:flex;flex-direction:column;gap:14px;background:radial-gradient(420px 200px at 100% 0%,rgba(47,111,196,.5),transparent 70%),#0A1C42;color:#fff}
.cc .tm-who{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 14px;align-items:center}
.cc .tm-who .tm-ini{grid-row:1 / span 2;width:56px;height:56px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:700 18px 'Inter',system-ui,sans-serif;background:linear-gradient(135deg,#F58932,#F7B24A);color:#141250;box-shadow:0 0 0 3px rgba(255,255,255,.18)}
.cc .tm-who strong{font-size:18px;font-weight:700;color:#fff}
.cc .tm-who span:not(.tm-ini){font:600 13px 'Inter',system-ui,sans-serif;font-variant-numeric:tabular-nums;color:#B8C7E4}
.cc .tm-chips{display:flex;gap:8px;flex-wrap:wrap}
.cc .tm-chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);font:600 12.5px 'Inter',system-ui,sans-serif;color:#DCE6F7}
.cc .tm-chip i{width:8px;height:8px;border-radius:50%;background:#2FD18A}
.cc .tm-chip.leave i{background:#FFC069}
.cc .tm-chip .ic{width:14px;height:14px}
.cc .tm-wal{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-top:12px;border-top:1px solid rgba(255,255,255,.14);text-decoration:none;color:#fff}
.cc .tm-wal span{font-size:12.5px;color:#B8C7E4;font-weight:600}
.cc .tm-wal b{font:700 18px 'Inter',system-ui,sans-serif;font-variant-numeric:tabular-nums}
.cc .tm-wal:hover{color:#fff}.cc .tm-wal:hover b{text-decoration:underline}
.cc .tm-note{margin:0;padding:10px 12px;border-radius:12px;background:rgba(255,192,105,.14);color:#FFD9A0;font-size:13px;line-height:1.45}
.cc .tm-menu{list-style:none;margin:0;padding:6px 8px}
.cc .tm-menu form{margin:0}
.cc .tm-menu a,.cc .tm-menu button{width:100%;display:flex;align-items:center;gap:12px;min-height:46px;padding:0 12px;border-radius:12px;border:0;background:transparent;color:var(--tx);font:600 14.5px 'Inter',system-ui,sans-serif;text-decoration:none;cursor:pointer;text-align:left}
.cc .tm-menu .ic{width:18px;height:18px;color:var(--mu);flex:none}
.cc .tm-menu a:hover,.cc .tm-menu button:hover{background:var(--s2)}
.cc .tm-menu small{margin-left:auto;font-size:12px;color:var(--mu);font-weight:600}
.cc .tm-hr{height:1px;background:var(--bd);margin:6px 8px}
.cc .tm-menu .out,.cc .tm-menu .out .ic{color:var(--badt)}
.cc .tm-menu button[disabled]{opacity:.6;cursor:default}
.cc .tm-staff{margin:0;font:700 11px 'Inter',system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mu);padding:8px 20px 0}
.cc .tm-ph a:focus-visible{outline-color:#F58932}

@media (max-width:860px){
 .cc .cc-tm-bell,.cc .cc-tm-acct-phone{position:static}
 .cc-m-head{gap:6px}
 .cc .cc-pop.dropdown-menu.cc-tm{position:absolute!important;inset:100% 0 auto 0!important;transform:none!important;margin:0!important;width:auto;border-radius:0 0 22px 22px;border-width:0 0 1px;max-height:calc(100vh - 140px);overflow:auto}
 .cc .tm-lwrap{max-height:none;overflow:visible}
 .cc .tm-it,.cc .tm-menu a,.cc .tm-menu button{min-height:44px}
 .cc .cc-acct-phone .cc-acct-id,.cc .cc-tm-acct-phone .cc-acct-id,.cc .cc-tm-acct-phone .cc-acct-caret{display:none}
 .cc .cc-tm-acct-phone .cc-acct{padding:0;border:0;min-height:44px;background:transparent}
 .cc .cc-tm-acct-phone .cc-acct-av{width:40px;height:40px}
}

/* The one map look: the schedules map's pulsing green "here" marker. MapLibre positions the element; only its children are drawn. */
.cc .cm-here{--cm-here:#07b96d;width:28px;height:28px;pointer-events:none}
.jt[data-theme="dark"] .cm-here{--cm-here:#00e49a}
.cc .cm-here-pulse,.cc .cm-here-core{position:absolute;border-radius:50%;background:var(--cm-here)}
.cc .cm-here-pulse{inset:0;opacity:.35;animation:cm-here-pulse 2.2s ease-out infinite}
.cc .cm-here-core{inset:8px;box-shadow:0 0 0 2px #fff,0 2px 6px rgba(0,24,46,.35)}
@keyframes cm-here-pulse{from{transform:scale(.4);opacity:.7}to{transform:scale(1.5);opacity:0}}
@media (prefers-reduced-motion:reduce){.cc .cm-here-pulse{animation:none}}

/* The flights table: one look wherever flights are listed (dashboard, profile, aircraft). */
.cc .ft{container-type:inline-size}
.cc .ft-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.cc .ft-row{position:relative;display:grid;grid-template-columns:60px minmax(0,1fr) 46px 76px 58px 58px 50px 64px 128px;gap:12px;align-items:center;min-height:56px;padding:6px 10px;border-radius:12px;color:var(--tx);text-decoration:none;font-size:14px}
.cc .ft-rl{color:inherit;text-decoration:none}
.cc .ft-rl::after{content:'';position:absolute;inset:0;border-radius:12px}
.cc .ft-ap{position:relative;z-index:1;color:inherit;text-decoration:none}.cc .ft-ap:hover{color:var(--lk);text-decoration:underline}
.cc .ft-tail{position:relative;z-index:2;color:var(--lk);font-weight:700;text-decoration:none}
.cc .ft-tail:hover{text-decoration:underline;text-underline-offset:3px}
.cc .ft-row:hover{background:var(--s2)}
.cc .ft-rows li+li{border-top:1px solid var(--bd)}
.cc .ft-rh{font:700 11px 'Inter',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mu);min-height:32px}
.cc .ft-rh:hover{background:none}
.cc .ft-mono{font-family:'Inter',system-ui,sans-serif;font-variant-numeric:tabular-nums;font-weight:600}
.cc .ft-mu{color:var(--mu)}
.cc .ft-meter{display:flex;align-items:center;gap:10px}
.cc .ft-meter i{flex:1;height:8px;border-radius:999px;background:var(--s3);overflow:hidden;display:block}
.cc .ft-meter i b{display:block;height:100%;border-radius:999px;background:var(--br)}
.cc .ft-meter span{font:700 14px 'Inter',system-ui,sans-serif;font-variant-numeric:tabular-nums;min-width:26px;text-align:right}
.cc .ft-sc-hi{color:var(--okt)}.cc .ft-sc-lo{color:var(--wnt)}
.cc .ft-meter.dk-lo i b{background:var(--ac)}
.cc .ft-rsub{display:none;font-size:12.5px;color:var(--mu);font-weight:500;margin-top:2px}
.cc .ft-psub{display:block;font-size:12.5px;color:var(--mu);font-weight:500;margin-top:2px}
.cc .ft-dl{display:block;margin-top:2px;font-size:11px;font-weight:700}
.cc .ft-dl.late{color:var(--wnt)}
.cc .ft-dl.early{color:var(--okt)}
@container (max-width:900px){.cc .ft-row{grid-template-columns:60px minmax(0,1fr) 46px 76px 50px 64px 128px}.cc .ft-row>:nth-child(5),.cc .ft-row>:nth-child(6){display:none}}
@container (max-width:560px){
 .cc .ft-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"r s" "m m";gap:4px 12px;padding:12px 4px}
 .cc .ft-row>:nth-child(1),.cc .ft-row>:nth-child(3),.cc .ft-row>:nth-child(4),.cc .ft-row>:nth-child(5),.cc .ft-row>:nth-child(6),.cc .ft-row>:nth-child(7),.cc .ft-row>:nth-child(8){display:none}
 .cc .ft-row>:nth-child(2){grid-area:r}.cc .ft-row>:nth-child(9){grid-area:s;width:110px}
 .cc .ft-row .ft-rsub{display:block}
 .cc .ft-rh{display:none}
}