/* DC CONTROL 10.4.8 — interfaz visual autorizada */
:root{
  --nav-orange:#f36a16;
  --nav-blue:#0879e8;
  --nav-green:#08a85a;
  --nav-red:#e53136;
  --nav-purple:#7c3fd1;
}

/* Encabezado PC: avatar + nombre + rol + fecha corta; campana separada. */
.topbar{gap:16px}
.topbar-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.user-card1048{border:1px solid #ffffff2a;background:#ffffff10;color:#fff;display:grid;grid-template-columns:44px minmax(118px,1fr) 16px;align-items:center;gap:10px;min-height:58px;padding:7px 10px 7px 8px;border-radius:18px;cursor:pointer;text-align:left;box-shadow:inset 0 1px 0 #ffffff16;transition:background .16s ease,border-color .16s ease}
.user-card1048:hover{background:#ffffff18;border-color:#ffffff40}
.user-avatar1048{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#2d95f2,#0c5cb9);border:2px solid #ffffffcc;box-shadow:0 4px 14px #001a3566}
.user-avatar1048 img{width:100%;height:100%;object-fit:cover;display:block}
.user-avatar-fallback1048 svg{width:25px;height:25px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.user-copy1048{min-width:0;display:grid;line-height:1.08}
.user-copy1048 b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-copy1048 small{font-size:10px;color:#d8e8f8;margin-top:3px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-copy1048 em{font-size:9px;color:#b8d3ed;font-style:normal;margin-top:5px;font-weight:700;white-space:nowrap}
.user-chevron1048{font-size:18px;color:#d8e8f8;text-align:center}
.topbar-actions .alert-btn{flex:0 0 auto;width:48px;height:48px;border-radius:16px;background:#ffffff14}

/* Barra inferior definitiva: Inicio | Buscar | Capturar | Rutas | Más. */
.bottom-nav{gap:8px;padding:9px max(10px,env(safe-area-inset-left)) calc(9px + env(safe-area-inset-bottom));background:#fffffff2!important;border:1px solid #dfe7f0;border-bottom:0;box-shadow:0 -10px 32px #10182818}
.bottom-nav button.nav1048,.bottom-nav button.nav1048.active{height:62px;min-height:62px;margin:0!important;padding:7px 4px;border:0;border-radius:17px;color:#fff!important;display:flex;align-items:center;justify-content:center;gap:3px;box-shadow:0 7px 16px #10182820;transform:none!important;opacity:1;transition:filter .15s ease,box-shadow .15s ease,opacity .15s ease}
.bottom-nav button.nav1048:hover{filter:brightness(1.04)}
.bottom-nav button.nav1048.active{box-shadow:0 0 0 3px #fff,0 0 0 5px currentColor,0 9px 20px #1018282a;filter:saturate(1.08) brightness(1.03)}
.bottom-nav button.nav-home1048,.bottom-nav button.nav-home1048.active{background:linear-gradient(145deg,#ff8b26,var(--nav-orange))}
.bottom-nav button.nav-search1048,.bottom-nav button.nav-search1048.active{background:linear-gradient(145deg,#1f91f7,var(--nav-blue))}
.bottom-nav button.nav-capture1048,.bottom-nav button.nav-capture1048.active{background:linear-gradient(145deg,#18bd70,var(--nav-green))}
.bottom-nav button.nav-routes1048,.bottom-nav button.nav-routes1048.active{background:linear-gradient(145deg,#f24b50,var(--nav-red))}
.bottom-nav button.nav-more1048,.bottom-nav button.nav-more1048.active{background:linear-gradient(145deg,#9457e5,var(--nav-purple))}
.bottom-nav button.nav1048 .nav-icon1048{width:31px;height:31px;margin:0;display:grid;place-items:center;color:#fff!important}
.bottom-nav button.nav1048 .nav-icon1048 svg{width:27px;height:27px;display:block;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.bottom-nav .nav-home1048 .nav-icon1048 svg{fill:currentColor;stroke:none;width:26px;height:26px}
.bottom-nav button.nav1048 small{font-size:10px;line-height:12px;font-weight:900;color:#fff!important;text-shadow:0 1px 1px #0002}
.bottom-nav button.nav1048.nav-locked1048{opacity:.48;filter:saturate(.55);box-shadow:none}
.bottom-nav button.nav1048.nav-locked1048.active{box-shadow:none}

/* Más: exactamente el mismo tamaño, 3 + 3 + 3 + 1. */
.more-page1048{max-width:980px;margin:auto;padding-bottom:106px}
.more-grid1048{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:150px;gap:12px;margin-top:14px}
.more-card1048{height:100%;min-width:0;border:0;border-radius:21px;padding:15px;color:#fff;text-align:left;display:grid;grid-template-columns:54px minmax(0,1fr);grid-template-rows:1fr auto;gap:10px 12px;align-items:center;box-shadow:0 12px 28px #10182820;cursor:pointer;overflow:hidden;position:relative;isolation:isolate;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.more-card1048::after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-42px;top:-45px;background:#ffffff18;z-index:-1}
.more-card1048:hover{transform:translateY(-2px);box-shadow:0 15px 32px #10182829;filter:brightness(1.03)}
.more-icon1048{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#ffffff20;border:1px solid #ffffff26;grid-row:1/2}
.more-icon1048 svg{width:32px;height:32px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.more-copy1048{min-width:0;align-self:center}
.more-copy1048 small,.more-copy1048 b{display:block;color:#fff!important}
.more-copy1048 small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;opacity:.78;font-weight:900;margin-bottom:5px}
.more-copy1048 b{font-size:15px;line-height:1.14;overflow-wrap:anywhere}
.more-card1048 em{grid-column:1/3;align-self:end;font-size:10px;font-style:normal;font-weight:800;color:#fff;opacity:.9;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff22;padding-top:8px}
.more-card1048 em strong{font-size:20px;line-height:12px}
.more-tone-1{background:linear-gradient(135deg,#08ad5c,#067a42)}
.more-tone-2{background:linear-gradient(135deg,#ec3568,#bd1549)}
.more-tone-3{background:linear-gradient(135deg,#188bf1,#075fbb)}
.more-tone-4{background:linear-gradient(135deg,#8650e7,#5d24bc)}
.more-tone-5{background:linear-gradient(135deg,#f08022,#cf500c)}
.more-tone-6{background:linear-gradient(135deg,#e3aa05,#bc7900)}
.more-tone-7{background:linear-gradient(135deg,#08a9a5,#08737b)}
.more-tone-8{background:linear-gradient(135deg,#e43b3f,#a91f27)}
.more-tone-9{background:linear-gradient(135deg,#355edc,#263aa8)}
.more-tone-10{background:linear-gradient(135deg,#526477,#273647)}
.switch-user1048{display:block;width:min(320px,100%);margin:18px auto 0}

@media(min-width:760px){
  .bottom-nav{width:760px;border-radius:22px 22px 0 0}
}

@media(max-width:760px){
  /* En móvil el encabezado se reduce a nombre / rol / fecha; la campana queda separada. */
  .topbar{min-height:66px;padding:calc(7px + env(safe-area-inset-top)) 10px 7px;display:flex;justify-content:flex-end;gap:8px}
  .topbar>div:first-child{display:none!important}
  .topbar-actions{width:100%;margin:0;justify-content:space-between;flex-direction:row-reverse;gap:8px}
  .user-card1048{flex:1;grid-template-columns:minmax(0,1fr);min-height:50px;padding:6px 10px;border-radius:14px;background:#ffffff0d;border-color:#ffffff1c}
  .user-avatar1048,.user-chevron1048,.user-time1048{display:none!important}
  .user-copy1048{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:8px;align-items:center}
  .user-copy1048 b{grid-column:1;font-size:13px}
  .user-copy1048 small{grid-column:1;grid-row:2;font-size:9px;margin-top:2px}
  .user-copy1048 em{grid-column:2;grid-row:1/3;margin:0;font-size:10px;color:#dceafb}
  .topbar-actions .alert-btn{width:46px;height:46px;border-radius:14px}
  .bottom-nav{left:0!important;right:0!important;margin:0!important;gap:5px;padding-left:6px;padding-right:6px;border-radius:18px 18px 0 0}
  .bottom-nav button.nav1048,.bottom-nav button.nav1048.active{height:58px;min-height:58px;border-radius:14px;padding:5px 1px}
  .bottom-nav button.nav1048 .nav-icon1048{width:27px;height:27px}
  .bottom-nav button.nav1048 .nav-icon1048 svg{width:24px;height:24px}
  .bottom-nav button.nav1048 small{font-size:8px}
  .more-grid1048{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:132px;gap:7px}
  .more-card1048{border-radius:16px;padding:9px;grid-template-columns:38px minmax(0,1fr);gap:7px 7px}
  .more-icon1048{width:38px;height:38px;border-radius:12px}
  .more-icon1048 svg{width:24px;height:24px}
  .more-copy1048 small{font-size:7px;margin-bottom:3px}
  .more-copy1048 b{font-size:11px;line-height:1.12}
  .more-card1048 em{font-size:8px;padding-top:6px}
  .more-card1048 em strong{font-size:16px}
}

@media(max-width:380px){
  .more-grid1048{gap:5px;grid-auto-rows:126px}
  .more-card1048{padding:8px;grid-template-columns:34px minmax(0,1fr);gap:5px}
  .more-icon1048{width:34px;height:34px}
  .more-icon1048 svg{width:21px;height:21px}
  .more-copy1048 b{font-size:10px}
}