/*
 * Swiss Express / Chief Fleet Intelligence · Access Command Centre
 * Screenshot-driven demo layout. Only active inside .cfi-access-page.
 * Does not grant, revoke, or validate any real platform authentication access.
 */
body.cfi-command-design:has(.cfi-access-page){
  --cfi-command-rail:74px;
  --cfi-command-header:73px;
  background:#fbfcf9;
  color:#0d354b;
}
body.cfi-command-design:has(.cfi-access-page) .app-shell{
  padding-left:74px;
  background:linear-gradient(135deg,#fffefa,#f9fbf8);
}
body.cfi-command-design:has(.cfi-access-page) .topbar{
  height:73px;min-height:73px;
  padding:8px 26px 8px 26px;gap:22px;
  background:#fffefa;border-bottom-color:#e6ece8;
}
body.cfi-command-design:has(.cfi-access-page) .cfi-command-brand{
  border-right:1px solid #dce5e3;
  min-height:55px;padding-right:23px;
}
body.cfi-command-design:has(.cfi-access-page) .cfi-command-brand img{
  width:116px;height:56px;object-fit:contain;
}
body.cfi-command-design:has(.cfi-access-page) .cfi-command-heading h1{
  margin:0;color:#05384c;
  font-size:22px;font-weight:830;letter-spacing:-.45px;
}
body.cfi-command-design:has(.cfi-access-page) .cfi-command-heading p{
  font-size:0!important;margin:2px 0 0;
}
body.cfi-command-design:has(.cfi-access-page) .cfi-command-heading p::after{
  content:"Manage users, roles and page access across Chief Fleet Intelligence.";
  font-size:11px;font-weight:500;color:#7191aa;
}
body.cfi-command-design:has(.cfi-access-page) .top-actions{
  margin-left:auto;gap:18px;
}
body.cfi-command-design:has(.cfi-access-page) .demo-top{
  border-color:#f8dec1;background:#fff5ea;
  min-height:35px;padding:6px 18px;
  font-size:0!important;
}
body.cfi-command-design:has(.cfi-access-page) .demo-top .status-dot{display:none}
body.cfi-command-design:has(.cfi-access-page) .demo-top::after{
  content:"● CONCEPT / DEMO";
  color:#c85e1b;font-size:10px;font-weight:830;
}
body.cfi-command-design:has(.cfi-access-page) .header-time{
  font-size:11px;font-weight:700;color:#44618e;
}
body.cfi-command-design:has(.cfi-access-page) .avatar{
  width:46px;height:46px;flex-basis:46px;font-size:17px;
}
body.cfi-command-design:has(.cfi-access-page) .main-view{
  padding:12px 20px 30px;max-width:none;
}
.cfi-access-page{
  --ac-deep:#07394b;--ac-ink:#102f53;--ac-muted:#7793a9;
  --ac-teal:#005160;--ac-soft:#edf9f5;--ac-line:#e0eae7;
  font:450 11px/1.42 Manrope,"DM Sans",Arial,sans-serif;
  color:var(--ac-ink);max-width:1710px;margin:0 auto;
}
.cfi-access-page *,.cfi-access-page *::before,.cfi-access-page *::after{box-sizing:border-box}
.cfi-access-page button,.cfi-access-page input,.cfi-access-page select{font-family:inherit}
.cfi-access-page button{cursor:pointer}
.cfi-access-page button:focus-visible,.cfi-access-page input:focus-visible,.cfi-access-page select:focus-visible{
  outline:3px solid #5bcdbf;outline-offset:2px;
}
.cfi-access-page h2,.cfi-access-page h3,.cfi-access-page h4,.cfi-access-page p{margin:0}
.cfi-access-page .ac-icon{
  display:inline-block;flex:0 0 auto;vertical-align:middle;
  width:19px;height:19px;fill:none;stroke:currentColor;
  stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;
}
.cfi-access-page .ac-icon.sm{width:15px;height:15px}
.cfi-access-page .ac-icon.lg{width:25px;height:25px}
.cfi-access-page .ac-card{
  border:1px solid #e1e9e5;border-radius:12px;
  background:linear-gradient(140deg,#fffefa,#fcfdfa);
  box-shadow:0 5px 13px #184e4704;min-width:0;
}
.cfi-access-page .ac-top-controls{
  display:grid;grid-template-columns:1fr auto;
  gap:12px;align-items:center;
  min-height:38px;margin:0 0 12px;padding:0 0 0 5px;
}
.cfi-access-page .ac-overline{
  color:#06495d;font-size:10px;font-weight:850;
  letter-spacing:2.3px;white-space:nowrap;
}
.cfi-access-page .ac-top-actions{
  display:flex;align-items:center;gap:9px;min-width:0;
}
.cfi-access-page .ac-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:35px;padding:8px 12px;
  border:1px solid #d7e5e2;border-radius:7px;
  background:#f9fdfa;color:#0b4c64;
  text-decoration:none;white-space:nowrap;
  font-size:11px;font-weight:740;line-height:1.2;
}
.cfi-access-page .ac-btn:hover{border-color:#91c7bd;background:#eff9f5}
.cfi-access-page .ac-btn.primary{
  background:linear-gradient(140deg,#055963,#003f4d);
  border-color:#00505b;color:#fff;box-shadow:0 2px 8px #00475017;
}
.cfi-access-page .ac-btn.primary:hover{background:#0b6570}
.cfi-access-page .ac-btn.red{
  color:#d52235;background:#fff8f8;border-color:#ffc3cb;
}
.cfi-access-page .ac-btn.red:hover{background:#ffecee}
.cfi-access-page .ac-btn.orange{
  color:#c24e13;background:#fff8f2;border-color:#ffcbb0;
}
.cfi-access-page .ac-btn.small{padding:5px 10px;min-height:28px;font-size:10px}
.cfi-access-page .ac-btn.icon-only{padding:7px;min-width:32px}
.cfi-access-page .ac-btn:disabled{opacity:.55;cursor:not-allowed}
.cfi-access-page .ac-global-search{
  display:flex;align-items:center;gap:9px;
  width:310px;max-width:34vw;height:37px;padding:0 13px;
  border:1px solid #dbe6e3;border-radius:7px;background:#fffefa;
}
.cfi-access-page .ac-global-search>.ac-icon{color:#0e6278}
.cfi-access-page .ac-global-search input{
  min-width:0;width:100%;border:0;outline:0;height:33px;
  background:transparent;color:#184964;font-size:11px;
}
.cfi-access-page input::placeholder{color:#7c9aae;opacity:1}
.cfi-access-page .ac-columns{
  display:grid;
  grid-template-columns:minmax(335px,1.07fr) minmax(540px,1.93fr) minmax(315px,1.00fr);
  gap:11px;align-items:start;
}
.cfi-access-page .ac-column{display:flex;flex-direction:column;min-width:0;gap:10px}
.cfi-access-page .ac-register{
  display:flex;flex-direction:column;
  min-height:790px;height:min(790px,calc(100dvh - 149px));
  padding:12px 7px 7px;overflow:hidden;
}
.cfi-access-page .ac-card-heading{
  display:flex;align-items:flex-start;gap:10px;
  padding:0 13px 9px;color:#075467;
}
.cfi-access-page .ac-card-heading h2{
  color:#102f53;font-size:13px;font-weight:820;margin:0 0 2px;
}
.cfi-access-page .ac-card-heading p{
  color:#8ba1b4;font-size:10px;
}
.cfi-access-page .ac-register .ac-card-heading{padding-top:0;margin-bottom:5px}
.cfi-access-page .ac-register-filters{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;padding:0 8px;margin:0 0 12px;
}
.cfi-access-page .ac-filter-tab{
  display:inline-flex;align-items:center;justify-content:center;
  padding:7px 5px;min-height:34px;white-space:nowrap;
  border:1px solid #dfe9e6;border-radius:7px;
  background:#f8fbf9;color:#1a536a;
  font-size:10px;font-weight:740;
}
.cfi-access-page .ac-filter-tab[aria-selected="true"]{
  border-color:#00505f;
  background:linear-gradient(120deg,#065b68,#003f4e);
  color:#fff;
}
.cfi-access-page .ac-filter-tab:hover:not([aria-selected="true"]){background:#e9f8f3}
.cfi-access-page .ac-mini-searchrow{
  display:grid;grid-template-columns:minmax(0,1fr) 38px;
  gap:8px;padding:0 8px 11px;
}
.cfi-access-page .ac-mini-search{
  display:flex;align-items:center;gap:10px;
  border:1px solid #d9e6e4;border-radius:7px;
  height:34px;background:#fffefa;padding:0 9px;
}
.cfi-access-page .ac-mini-search .ac-icon{color:#0b6176}
.cfi-access-page .ac-mini-search input{
  min-width:0;width:100%;height:30px;
  background:transparent;border:0;outline:0;
  color:#24577a;font-size:10px;
}
.cfi-access-page .ac-user-scroller{
  flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;
  scrollbar-width:thin;scrollbar-color:#cadbd5 transparent;
}
.cfi-access-page .ac-person-row{
  display:grid;grid-template-columns:55px minmax(0,1fr) minmax(100px,.68fr) 12px;
  align-items:center;gap:8px;
  width:100%;min-height:74px;padding:5px 8px;
  border:0;border-bottom:1px solid #e8eeeb;
  background:transparent;color:#143858;text-align:left;
}
.cfi-access-page .ac-person-row:last-child{border-bottom:0}
.cfi-access-page .ac-person-row:hover{background:#f0f9f6}
.cfi-access-page .ac-person-row.is-selected{
  border:1px solid #64d4c8;border-radius:8px;
  background:linear-gradient(115deg,#e9f8f4,#f4faf7);
}
.cfi-access-page .ac-face{
  display:grid;place-items:center;
  border-radius:50%;background:linear-gradient(135deg,#e2f4ed,#e5eff0);
  color:#0b5663;font-size:14px;font-weight:830;
  width:49px;height:49px;flex:0 0 49px;
  overflow:hidden;
}
.cfi-access-page .ac-face.with-photo{
  background-image:url('/assets/access-command-demo-portraits.svg');
  background-repeat:no-repeat;
  background-size:392px 49px;
  background-position-x:calc(var(--avatar-index,0) * -49px);
  background-position-y:0;
  background-color:#e2f0e9;
}
.cfi-access-page .ac-person-summary{min-width:0}
.cfi-access-page .ac-person-name{
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;
  color:#12385e;font-size:10px;font-weight:850;line-height:1.25;
}
.cfi-access-page .ac-role-pill,.cfi-access-page .ac-status{
  display:inline-flex;align-items:center;gap:4px;
  width:max-content;max-width:100%;padding:3px 8px;
  border-radius:6px;color:#005d5c;background:#aaf4d4;
  font-size:9px;font-weight:800;white-space:nowrap;line-height:1.1;
}
.cfi-access-page .ac-role-pill.checkin{background:#ffd2df;color:#bb1535}
.cfi-access-page .ac-role-pill.admin{background:#bad3ff;color:#104ad0}
.cfi-access-page .ac-role-pill.scan{background:#eaf0f4;color:#395775}
.cfi-access-page .ac-status{background:#dcfbee;border-radius:99px;color:#009e55}
.cfi-access-page .ac-status:before{
  content:"●";font-size:10px;color:#04ac62;
}
.cfi-access-page .ac-status.inactive{background:#eaeff1;color:#8a99a7}
.cfi-access-page .ac-status.inactive:before{color:#9caeb7}
.cfi-access-page .ac-status.suspended{background:#ffe4de;color:#de381d}
.cfi-access-page .ac-status.suspended:before{color:#ef541c}
.cfi-access-page .ac-person-row .ac-role-pill{margin:3px 0 1px}
.cfi-access-page .ac-person-mail{
  display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:#87a0b8;font-size:9px;line-height:1.35;
}
.cfi-access-page .ac-person-assign{min-width:0}
.cfi-access-page .ac-person-assign>span{
  display:flex;align-items:center;gap:7px;
  margin:2px 0;color:#335c7a;font-size:10px;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;
}
.cfi-access-page .ac-person-assign .ac-icon{color:#00556b;width:15px;height:15px}
.cfi-access-page .ac-row-chevron{width:13px;height:13px;color:#0e6178}
.cfi-access-page .ac-demo-foot{display:flex;gap:6px;color:#94a7af;font-size:9px;padding:8px 12px 2px}
.cfi-access-page .ac-profile{
  display:grid;grid-template-columns:101px minmax(0,1fr) 151px;
  gap:17px;min-height:289px;padding:18px 16px;
}
.cfi-access-page .ac-hero-face{
  display:grid;place-items:center;overflow:hidden;
  width:100px;height:100px;border-radius:12px;
  color:#0d4851;font-size:30px;font-weight:830;
  background:linear-gradient(135deg,#eaf6ef,#daebec);
}
.cfi-access-page .ac-hero-face.with-photo{
  background-image:url('/assets/access-command-demo-portraits.svg');
  background-repeat:no-repeat;background-size:800px 100px;
  background-position-x:calc(var(--avatar-index,0) * -100px);
  background-position-y:0;
}
.cfi-access-page .ac-profile-copy{min-width:0}
.cfi-access-page .ac-profile-name{
  display:flex;align-items:center;flex-wrap:wrap;gap:11px;
  margin:4px 0 4px;color:#102c58;
}
.cfi-access-page .ac-profile-name h2{
  font-size:20px;letter-spacing:-.45px;line-height:1.2;font-weight:860;color:#0d2c53;
}
.cfi-access-page .ac-profile-role{
  display:flex;align-items:center;gap:12px;
  margin:6px 0 14px;
}
.cfi-access-page .ac-profile-role .ac-role-pill{font-size:11px;padding:4px 17px}
.cfi-access-page .ac-profile-role small{font-size:10px;color:#7b97b4}
.cfi-access-page .ac-profile-role b{color:#10385c;font-size:10px}
.cfi-access-page .ac-details{
  display:grid;gap:8px;
}
.cfi-access-page .ac-detail-row{
  display:grid;grid-template-columns:18px 98px minmax(0,1fr);
  gap:8px;align-items:center;
  font-size:10px;color:#819ab0;
}
.cfi-access-page .ac-detail-row .ac-icon{width:17px;height:17px;color:#0a6376}
.cfi-access-page .ac-detail-row strong{
  color:#153f66;font-size:10px;font-weight:780;overflow-wrap:anywhere;
}
.cfi-access-page .ac-detail-row small{font-size:10px;color:#8295ae}
.cfi-access-page .ac-profile-security{
  display:flex;align-items:center;gap:12px;
  margin-top:11px;
  color:#7c99b2;font-size:10px;
}
.cfi-access-page .ac-profile-photo-column{min-width:0}
.cfi-access-page .ac-more-actions{
  display:block;margin:0 0 14px auto;
  width:32px;height:32px;border:1px solid #dce7e4;border-radius:8px;
  background:#f9fefa;color:#0b6072;
}
.cfi-access-page .ac-photo-box{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-height:188px;gap:9px;padding:12px;
  background:linear-gradient(135deg,#f6fbf8,#eef7f4);
  border:1px solid #dfe9e6;border-radius:8px;
  color:#7898b0;font-size:11px;text-align:center;
}
.cfi-access-page .ac-photo-box>.ac-icon{width:24px;height:24px;color:#0b677f}
.cfi-access-page .ac-photo-box .ac-btn{width:100%;font-size:10px;min-height:32px}
.cfi-access-page .ac-groups{padding:12px 12px 16px}
.cfi-access-page .ac-groups-heading{
  display:flex;justify-content:space-between;gap:12px;align-items:center;
  margin:0 2px 12px;
}
.cfi-access-page .ac-groups-heading .ac-card-heading{padding:0}
.cfi-access-page .ac-groups-heading h2{font-size:14px}
.cfi-access-page .ac-groups-heading p{font-size:10px}
.cfi-access-page .ac-permissions{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.cfi-access-page .ac-permission-group{
  min-width:0;overflow:hidden;
  border:1px solid #dceee9;border-radius:10px;
  background:#fffefa;
}
.cfi-access-page .ac-permission-heading{
  display:grid;grid-template-columns:36px minmax(0,1fr) 16px;
  align-items:center;gap:9px;
  min-height:54px;padding:8px 10px;
  background:linear-gradient(100deg,#effaf6,#f2fcfa);
  border-bottom:1px solid #e1efe9;
}
.cfi-access-page .ac-permission-heading>.ac-icon{
  width:24px;height:24px;color:#095e73;
}
.cfi-access-page .ac-permission-heading strong{display:block;font-size:12px;font-weight:800;color:#102c51}
.cfi-access-page .ac-permission-heading small{display:block;color:#7d97a9;font-size:10px;line-height:1.2;margin-top:2px}
.cfi-access-page .ac-permission-heading button{
  background:transparent;border:0;color:#17637a;
  padding:0;display:grid;place-items:center;
}
.cfi-access-page .ac-permission-heading button .ac-icon{width:16px;height:16px;transition:transform .15s}
.cfi-access-page .ac-permission-group.is-collapsed .ac-permission-heading button .ac-icon{transform:rotate(180deg)}
.cfi-access-page .ac-permission-rows{
  display:grid;gap:0;
  padding:6px 11px 9px;
}
.cfi-access-page .ac-permission-row{
  display:grid;grid-template-columns:minmax(103px,1fr) repeat(3,minmax(56px,.54fr));
  align-items:center;gap:4px;
  min-height:30px;
  border-bottom:1px solid #f1f4f1;
}
.cfi-access-page .ac-permission-row:last-child{border-bottom:0}
.cfi-access-page .ac-permission-row>strong{
  font-size:10px;font-weight:550;color:#345e7e;
  line-height:1.2;
}
.cfi-access-page .ac-permission-check{
  display:inline-flex;align-items:center;gap:5px;
  color:#7490a8;font-size:9px;white-space:nowrap;
  cursor:pointer;
}
.cfi-access-page .ac-permission-check input{
  appearance:none;display:inline-grid;place-items:center;
  width:15px;height:15px;flex:0 0 15px;margin:0;
  border:1.5px solid #bdcddb;border-radius:3px;
  background:#fffefa;cursor:pointer;
}
.cfi-access-page .ac-permission-check input:checked{
  background:#00758a;border-color:#00758a;
}
.cfi-access-page .ac-permission-check input:checked::after{
  content:"✓";font-size:11px;line-height:1;color:#fff;font-weight:900;
}
.cfi-access-page .ac-permission-check.is-restricted input:checked{
  background:#d90031;border-color:#d90031;
}
.cfi-access-page .ac-permission-check input:focus-visible{outline:2px solid #32b5ba;outline-offset:2px}
.cfi-access-page .ac-permission-group.is-collapsed .ac-permission-rows{display:none}
.cfi-access-page .ac-right{display:flex;flex-direction:column;gap:9px}
.cfi-access-page .ac-presets{padding:13px 15px 8px}
.cfi-access-page .ac-presets .ac-card-heading{padding:0 0 10px}
.cfi-access-page .ac-preset-row{
  display:grid;grid-template-columns:35px minmax(0,1fr) 60px;gap:8px;
  align-items:center;min-height:46px;
  border-top:1px solid #e9eeec;padding:5px 0;
}
.cfi-access-page .ac-preset-row>.ac-icon{width:23px;height:23px;color:#095b6c}
.cfi-access-page .ac-preset-row strong{display:block;font-size:10px;font-weight:820;color:#143b65;line-height:1.2}
.cfi-access-page .ac-preset-row small{display:block;font-size:9px;color:#8ca0b2;line-height:1.2;margin-top:2px}
.cfi-access-page .ac-preset-row .ac-btn{padding:5px 8px;font-size:10px;min-height:29px}
.cfi-access-page .ac-exceptions{padding:11px 14px}
.cfi-access-page .ac-exceptions .ac-card-heading{padding:0 0 7px}
.cfi-access-page .ac-exception-row{
  display:grid;grid-template-columns:18px 19px minmax(0,1fr);
  gap:9px;align-items:center;min-height:28px;
  cursor:pointer;color:#274f74;font-size:10px;
}
.cfi-access-page .ac-exception-row input{
  appearance:none;display:grid;place-items:center;
  width:15px;height:15px;margin:0;border-radius:3px;
  border:1.5px solid #bcccdc;background:#fffefa;cursor:pointer;
}
.cfi-access-page .ac-exception-row input:checked{background:#005a6a;border-color:#005a6a}
.cfi-access-page .ac-exception-row input:checked:after{content:"✓";color:#fff;font-weight:900;font-size:10px}
.cfi-access-page .ac-exception-row .ac-icon{width:17px;height:17px;color:#0f5e72}
.cfi-access-page .ac-security{
  padding:11px 14px 12px;background:linear-gradient(120deg,#fff8f7,#fffdfb);
  border-color:#ffd0d3;
}
.cfi-access-page .ac-security .ac-card-heading{padding:0 0 8px;color:#d92034}
.cfi-access-page .ac-security .ac-card-heading h2{color:#d6263b}
.cfi-access-page .ac-security-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cfi-access-page .ac-security-grid .ac-btn{
  font-size:10px;color:#dc293d;
  min-height:37px;background:#fffefa;border-color:#ffcfd5;
}
.cfi-access-page .ac-security-grid .ac-btn.orange{background:#fff6ed;border-color:#ffbda9;color:#d65726}
.cfi-access-page .ac-audit{padding:12px 14px}
.cfi-access-page .ac-audit-head{
  display:flex;justify-content:space-between;align-items:flex-start;gap:8px;
  margin-bottom:8px;
}
.cfi-access-page .ac-audit .ac-card-heading{padding:0}
.cfi-access-page .ac-audit .ac-card-heading h2{font-size:13px}
.cfi-access-page .ac-audit-row{
  display:grid;grid-template-columns:9px minmax(95px,.9fr) minmax(96px,.9fr) minmax(80px,1fr);
  align-items:center;gap:8px;min-height:22px;
  font-size:9px;line-height:1.25;color:#234d77;
}
.cfi-access-page .ac-audit-dot{width:7px;height:7px;border-radius:50%;background:#0d9f75}
.cfi-access-page .ac-audit-dot.orange{background:#f09b10}
.cfi-access-page .ac-audit-dot.blue{background:#006c97}
.cfi-access-page .ac-audit-row span:last-child{color:#87a1b4}
.cfi-access-page .ac-mini-note{
  margin:9px 2px 0;color:#94a6b0;font-size:9px;line-height:1.4;
}
.cfi-access-page .ac-empty{padding:24px 12px;color:#71899a;font-size:12px;text-align:center}
@media(max-width:1520px){
 .cfi-access-page .ac-columns{grid-template-columns:minmax(310px,1.05fr) minmax(500px,1.82fr) minmax(300px,1fr)}
 .cfi-access-page .ac-person-row{grid-template-columns:48px minmax(0,1fr) minmax(85px,.65fr) 11px;gap:6px}
 .cfi-access-page .ac-face{width:44px;height:44px;flex-basis:44px}
 .cfi-access-page .ac-face.with-photo{background-size:352px 44px;background-position-x:calc(var(--avatar-index,0)*-44px)}
 .cfi-access-page .ac-profile{grid-template-columns:86px minmax(0,1fr) 131px;gap:13px}
 .cfi-access-page .ac-hero-face{width:86px;height:86px}
 .cfi-access-page .ac-hero-face.with-photo{background-size:688px 86px;background-position-x:calc(var(--avatar-index,0)*-86px)}
 .cfi-access-page .ac-detail-row{grid-template-columns:18px 84px minmax(0,1fr);gap:5px}
 .cfi-access-page .ac-permission-row{grid-template-columns:minmax(86px,1fr) repeat(3,minmax(46px,.54fr));gap:2px}
 .cfi-access-page .ac-permission-check{font-size:8px;gap:3px}
}
@media(max-width:1250px){
 .cfi-access-page .ac-columns{grid-template-columns:minmax(300px,.92fr) minmax(500px,1.65fr)}
 .cfi-access-page .ac-right{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
 .cfi-access-page .ac-profile{grid-template-columns:82px minmax(0,1fr) 108px}
 .cfi-access-page .ac-profile-photo-column .ac-photo-box{padding:7px}
}
@media(max-width:960px){
 .cfi-access-page .ac-columns{grid-template-columns:1fr}
 .cfi-access-page .ac-register{height:auto;min-height:0}
 .cfi-access-page .ac-user-scroller{max-height:530px}
 .cfi-access-page .ac-profile{grid-template-columns:104px minmax(0,1fr) 151px}
 .cfi-access-page .ac-profile .ac-hero-face{width:100px;height:100px}
 .cfi-access-page .ac-profile .ac-hero-face.with-photo{background-size:800px 100px;background-position-x:calc(var(--avatar-index,0)*-100px)}
 .cfi-access-page .ac-right{grid-column:1/-1}
 body.cfi-command-design:has(.cfi-access-page) .main-view{padding:12px}
 .cfi-access-page .ac-global-search{max-width:none;width:100%}
 .cfi-access-page .ac-top-controls{grid-template-columns:1fr}
 .cfi-access-page .ac-top-actions{width:100%}
}
@media(max-width:760px){
 body.cfi-command-design:has(.cfi-access-page) .topbar{gap:10px;padding:9px 13px}
 body.cfi-command-design:has(.cfi-access-page) .cfi-command-brand{padding-right:12px}
 body.cfi-command-design:has(.cfi-access-page) .cfi-command-brand img{width:105px}
 body.cfi-command-design:has(.cfi-access-page) .cfi-command-heading h1{font-size:18px}
 body.cfi-command-design:has(.cfi-access-page) .top-actions{gap:7px}
 body.cfi-command-design:has(.cfi-access-page) .header-time,
 body.cfi-command-design:has(.cfi-access-page) .demo-top,
 body.cfi-command-design:has(.cfi-access-page) .cfi-command-notify{display:none}
}
@media(max-width:640px){
 body.cfi-command-design:has(.cfi-access-page){--cfi-command-rail:0px;--cfi-command-header:74px}
 body.cfi-command-design:has(.cfi-access-page) .app-shell{padding-left:0}
 body.cfi-command-design:has(.cfi-access-page) .topbar{height:74px;min-height:74px}
 body.cfi-command-design:has(.cfi-access-page) .cfi-command-brand{display:none}
 body.cfi-command-design:has(.cfi-access-page) .main-view{padding:11px 10px 24px}
 .cfi-access-page .ac-top-actions{flex-wrap:wrap}
 .cfi-access-page .ac-top-actions .ac-global-search{flex:1 1 100%;max-width:none}
 .cfi-access-page .ac-register-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cfi-access-page .ac-profile{grid-template-columns:69px minmax(0,1fr);gap:10px;padding:14px}
 .cfi-access-page .ac-profile .ac-hero-face{width:68px;height:68px;border-radius:11px}
 .cfi-access-page .ac-profile .ac-hero-face.with-photo{background-size:544px 68px;background-position-x:calc(var(--avatar-index,0)*-68px)}
 .cfi-access-page .ac-profile-photo-column{grid-column:1/-1}
 .cfi-access-page .ac-profile-photo-column .ac-photo-box{min-height:90px;display:grid;grid-template-columns:1fr 1fr;gap:7px}
 .cfi-access-page .ac-profile-photo-column .ac-photo-box>.ac-icon{display:none}
 .cfi-access-page .ac-profile-photo-column .ac-photo-box>span{grid-column:1/-1}
 .cfi-access-page .ac-permissions{grid-template-columns:1fr}
 .cfi-access-page .ac-right{grid-template-columns:1fr}
 .cfi-access-page .ac-detail-row{grid-template-columns:17px minmax(81px,.8fr) 1fr}
 .cfi-access-page .ac-global-search{flex-basis:100%}
}
@media(max-width:420px){
 .cfi-access-page .ac-person-row{grid-template-columns:43px minmax(0,1fr) 11px}
 .cfi-access-page .ac-person-assign{display:none}
 .cfi-access-page .ac-face{width:41px;height:41px}
 .cfi-access-page .ac-face.with-photo{background-size:328px 41px;background-position-x:calc(var(--avatar-index,0)*-41px)}
 .cfi-access-page .ac-profile{grid-template-columns:1fr}
 .cfi-access-page .ac-profile .ac-hero-face{width:85px;height:85px}
 .cfi-access-page .ac-profile .ac-hero-face.with-photo{background-size:680px 85px;background-position-x:calc(var(--avatar-index,0)*-85px)}
 .cfi-access-page .ac-permission-row{grid-template-columns:minmax(99px,1fr) repeat(3,minmax(50px,.55fr))}
}
@media(prefers-reduced-motion:reduce){
 .cfi-access-page *,body.cfi-command-design:has(.cfi-access-page) .sidebar{animation:none!important;transition:none!important}
}

/* Access staff portraits are drawn from the same immutable demo catalogue used
 * in Driver Intelligence/Driver Companion. They fill both list and profile cards. */
.cfi-access-page .ac-face.ac-driver-roster-face,
.cfi-access-page .ac-hero-face.ac-driver-roster-face{
 background:#e8f2ed;
 overflow:hidden;
}
.cfi-access-page .ac-driver-roster-face .ac-shared-driver-photo{
 display:block;width:100%;height:100%;object-fit:cover;object-position:center;
 border-radius:inherit;flex:none;
}
.cfi-access-page .ac-portrait-option{
 display:block;width:55px;height:55px;object-fit:cover;border-radius:50%;
}

/* Read-only roster intelligence below the Access identity, above the permission
 * matrix. It never changes or duplicates the browser-demo account settings. */
.cfi-access-page .ac-driver-sync{padding:14px 15px 13px;min-width:0;}
.cfi-access-page .ac-driver-sync>.ac-card-heading{padding:0 0 11px;}
.cfi-access-page .ac-driver-sync-facts{
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;
}
.cfi-access-page .ac-driver-sync-facts>div{
 min-width:0;padding:10px 9px;border:1px solid #dceae4;
 background:linear-gradient(125deg,#f0faf6,#fafffc);border-radius:9px;
}
.cfi-access-page .ac-driver-sync-facts small,
.cfi-access-page .ac-driver-sync-docs small{
 display:block;color:#718e9e;font-size:9px;line-height:1.4;
}
.cfi-access-page .ac-driver-sync-facts strong{
 display:block;margin-top:4px;overflow-wrap:anywhere;
 color:#143d59;font-size:11px;line-height:1.35;
}
.cfi-access-page .ac-driver-sync-docs{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
 margin-top:9px;
}
.cfi-access-page .ac-driver-sync-docs>div{
 min-width:0;display:grid;gap:3px;padding:10px 12px;
 border:1px solid #dfeae6;border-radius:9px;background:#fffefa;
}
.cfi-access-page .ac-driver-sync-docs span{
 color:#47748b;font-size:9px;font-weight:700;
}
.cfi-access-page .ac-driver-sync-docs strong{
 color:#0f3658;font-size:10px;overflow-wrap:anywhere;line-height:1.4;
}
.cfi-access-page .ac-driver-sync-note{
 margin:10px 2px 0;font-size:9px;line-height:1.6;color:#6f8d96;
}
.cfi-access-page .ac-roster-line{color:#176273;}
@media(max-width:760px){
 .cfi-access-page .ac-driver-sync-facts{grid-template-columns:repeat(2,minmax(0,1fr));}
 .cfi-access-page .ac-driver-sync-docs{grid-template-columns:1fr;}
}

/* Driver photos are displayed directly from the canonical Driver Intelligence roster. */
.cfi-access-page .ac-roster-photo-note{display:block;margin-top:8px;max-width:170px;color:#5d8585;font-size:11px;font-weight:700;text-align:center;line-height:1.45}
.cfi-access-page .ac-person-mail.ac-roster-line{color:#0b725c;font-weight:700}