html.pele-nova {
  --brand-casa: #0238A4;
  --brand-900: #003A9B;
  --brand-700: #0B4CC7;
  --brand-400: #2D8CFF;

  --bg-app:     #F4F7FC;
  --bg-surface: #FFFFFF;
  --bg-soft:    #F8FAFE;

  --text-primary:   #0F274A;
  --text-secondary: #64748B;
  --text-muted:     #94A3B8;

  --border-x:    #E2EAF4;
  --border-soft: rgba(148,163,184,.18);

  --success-bg: #EAF9F1;
  --warning-bg: #FFF7E6;
  --danger-bg:  #FFF0F0;

  --shadow-sm: 0 2px 8px  rgba(16,36,64,.05);
  --shadow-md: 0 8px 24px rgba(16,36,64,.06);

  --radius-sm: 10px; --radius-md: 12px; --radius-lg: 16px;
  --radius-xl: 18px; --radius-pill: 999px;

  --bg:     var(--bg-app);
  --card:   var(--bg-surface);
  --text:   var(--text-primary);
  --muted:  var(--text-secondary);
  --accent: var(--brand-700);
  --accent-light: #E8F0FF;
  --border: var(--border-x);
  --tag-bg: #EEF4FD;
  --shadow: var(--shadow-md);

  --rail-bg: #FFFFFF;
  --rail-edge: var(--border-x);
  --rail-title: var(--brand-900);
  --rail-sub: var(--text-secondary);
  --rail-grp: var(--text-muted);
  --rail-tile-bg: #EDF3FE;
  --rail-tile-fg: #3D5A8C;
  --rail-hover: rgba(22,119,255,.06);
}

html.pele-nova body {
  font-family: 'Inter', 'DM Sans', system-ui, sans-serif;
  color: var(--text-primary);
  background-color: var(--bg-app);
  background-image: radial-gradient(circle at 72% 8%, rgba(42,126,255,.07), transparent 32%);
  background-attachment: fixed;
}

html.pele-nova .sacm,
html.pele-nova .saccel {
  --bg: var(--bg-app);
  --card: var(--bg-surface);
  --text: var(--text-primary);
  --muted: var(--text-secondary);
  --border: var(--border-x);
  --shadow: var(--shadow-sm);
  --line: var(--border-x);
  --hair: var(--border-soft);
}

html.pele-nova header {
  background: linear-gradient(90deg,
    #0238A4 0, #0238A4 max(40%, 230px),
    #0548B1 70%,
    #1A66D6 100%);
}

@media (min-width: 760px) and (min-height: 500px) {
  html.pele-nova .ocr-barra-sep { background: var(--border-soft); }

  html.pele-nova .ocr-busca-linha {
    background: #FFFFFF;
    border: 1px solid #D8E3F2;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
  }
  html.pele-nova .ocr-busca-linha:focus-within {
    border-color: var(--brand-400);
    box-shadow: 0 0 0 3px rgba(45,140,255,.14);
  }
  html.pele-nova .ocr-busca-linha i,
  html.pele-nova .ocr-busca-linha .ti { color: var(--brand-700); }
  html.pele-nova .ocr-busca-linha input::placeholder { color: #8FA2C0; }

  html.pele-nova .ocr-new-btn {
    background: var(--brand-casa);
    border-radius: var(--radius-md);
    box-shadow: 0 2px 8px rgba(2,56,164,.28);
    transition: transform .14s, box-shadow .14s, filter .14s;
  }
  html.pele-nova .ocr-new-btn:hover {
    transform: translateY(-1px); filter: brightness(1.06);
    box-shadow: 0 6px 18px rgba(22,119,255,.32);
  }

  html.pele-nova .ocr-seg {
    background: rgba(255,255,255,.55);
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-md);
  }
  html.pele-nova .ocr-seg button { color: #2C4372; border-radius: var(--radius-sm); }
  html.pele-nova .ocr-seg button:hover { background: rgba(22,119,255,.07); }
  html.pele-nova .ocr-seg button[aria-pressed="true"] {
    background: var(--brand-casa);
    color: #fff;
    box-shadow: 0 2px 8px rgba(2,56,164,.26);
  }
  html.pele-nova .ocr-seg-n {
    background: #E6EEFC; color: #2C4372; border-radius: var(--radius-pill);
  }
  html.pele-nova .ocr-seg button[aria-pressed="true"] .ocr-seg-n {
    background: rgba(255,255,255,.24); color: #fff;
  }

  html.pele-nova .ocr-filtro-btn {
    background: rgba(255,255,255,.80);
    border: 1px solid #D5E1F0;
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    box-shadow: none;
  }
  html.pele-nova .ocr-filtro-btn:hover { background: #fff; border-color: var(--brand-400); }
}

html.pele-nova .f-est {
  background: transparent; color: #C22F2F; border-color: rgba(185,28,28,.42);
}
html.pele-nova .f-est:hover { background: var(--danger-bg); }
html.pele-nova .f-ate {
  background: transparent; color: #A96A05; border-color: rgba(161,98,7,.42);
}
html.pele-nova .f-ate:hover { background: var(--warning-bg); }
html.pele-nova .ocr-fila .f-est[aria-pressed="true"]:hover { background: #b91c1c; }
html.pele-nova .ocr-fila .f-ate[aria-pressed="true"]:hover { background: #a16207; }
html.pele-nova .ocr-crit-selo.crit-estourado {
  background: var(--danger-bg); color: #C22F2F; border-color: rgba(239,68,68,.22);
}
html.pele-nova .ocr-crit-selo.crit-atencao {
  background: var(--warning-bg); color: #A96A05; border-color: rgba(245,158,11,.24);
}
html.pele-nova .ocr-crit-selo.crit-noprazo {
  background: var(--success-bg); color: #10794D; border-color: rgba(22,168,107,.22);
}
html.pele-nova .ocr-crit-selo.crit-aguardando,
html.pele-nova .ocr-crit-selo.crit-solic {
  background: #EFF3FA; color: var(--text-secondary); border-color: var(--border-x);
}

@media (min-width: 760px) and (min-height: 500px) {
  html.pele-nova .ocr-lista {
    background: var(--bg-surface);
    border: 1px solid var(--border-x);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    overflow: hidden;
  }
  html.pele-nova .ocr-linha-cab {
    background: transparent;
    color: var(--text-muted);
    font-size: .68rem; font-weight: 600;
    letter-spacing: .08em; text-transform: uppercase;
    border-bottom: 1px solid var(--border-x);
    padding-top: 12px; padding-bottom: 12px;
  }
  html.pele-nova .ocr-linha { border-bottom: 1px solid var(--border-soft); }
  html.pele-nova .ocr-linha:hover { background: var(--bg-soft); }
  html.pele-nova .ocr-lin-id { color: var(--text-secondary); font-weight: 500; }
  html.pele-nova .ocr-lin-tipo { color: var(--text-primary); font-weight: 600; }
  html.pele-nova .ocr-lin-desc { color: var(--text-secondary); }
  html.pele-nova .ocr-lin-resp { color: var(--text-secondary); }
}

@media (min-width: 760px) and (min-height: 500px) {
  html.pele-nova .rail {
    top: calc(var(--rail-top) + 10px);
    bottom: 10px;
    height: fit-content;
    margin-block: auto;
    max-height: calc(100vh - var(--rail-top) - 20px);
    left: 10px;
    background: linear-gradient(180deg, rgba(255,255,255,.94) 0%, rgba(240,246,255,.88) 100%);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    border: 1px solid rgba(255,255,255,.85);
    border-radius: 18px;
    box-shadow: 0 12px 38px rgba(16,36,64,.11), inset 0 1px 0 rgba(255,255,255,.9);
  }
  html.pele-nova .rail:hover,
  html.pele-nova .rail:focus-within {
    box-shadow: 0 18px 48px rgba(16,36,64,.14), inset 0 1px 0 rgba(255,255,255,.7);
  }
  html.pele-nova .rail::before {
    content: ""; position: absolute; pointer-events: none;
    width: 280px; height: 280px; left: -180px; top: 80px;
    background: rgba(22,119,255,.055);
    border-radius: 50%; filter: blur(55px);
  }
  html.pele-nova .rail-top,
  html.pele-nova .rail-scroll,
  html.pele-nova .rail-user,
  html.pele-nova .rail-foot { position: relative; z-index: 1; }

  html.pele-nova .rail-item {
    width: calc(100% - 12px);
    height: 37px;
    margin: 2px 6px;
    padding: 0 5px;
    justify-content: center;
    gap: 0;
    border-radius: 10px;
    background: transparent;
    color: #41618E;
    transition: background 180ms ease, color 180ms ease, transform 180ms ease,
                box-shadow 180ms ease;
  }
  html.pele-nova .rail-ic {
    width: 30px; height: 30px; font-size: 17px; border-radius: 9px;
    background: transparent; color: #6D8AB4;
    transition: background 180ms ease, color 180ms ease;
  }
  html.pele-nova .rail-item:hover {
    background: rgba(255,255,255,.60);
    color: var(--brand-700);
    transform: translateX(2px);
  }
  html.pele-nova .rail-item:hover .rail-ic { background: transparent; color: var(--brand-700); }
  html.pele-nova .rail-item:hover .rail-lbl b { color: var(--brand-700); }

  html.pele-nova .rail-item.active {
    background: linear-gradient(135deg, rgba(218,234,255,.95), rgba(201,224,255,.72));
    border: 1px solid rgba(255,255,255,.65);
    box-shadow: 0 4px 14px rgba(22,119,255,.10), inset 0 1px 0 rgba(255,255,255,.75);
    color: var(--brand-700);
  }
  html.pele-nova .rail-item.active:hover { transform: none; }
  html.pele-nova .rail-item.active .rail-ic {
    background: rgba(255,255,255,.55); color: #0B4CC7; border-radius: 9px;
  }
  html.pele-nova .rail-item.active::before { display: none; }

  html.pele-nova .rail-scroll .rail-lbl span { display: none; }
  html.pele-nova .rail-scroll .rail-item { height: 40px; }
  html.pele-nova .rail-lbl b { color: #41618E; font-weight: 500; font-size: 13px; }
  html.pele-nova .rail-lbl span { color: #93A7C4; font-size: 10.5px; }
  html.pele-nova .rail-item.active .rail-lbl b { color: #0B4CC7; font-weight: 600; }
  html.pele-nova .rail-grp {
    font-size: 9.5px; font-weight: 600; letter-spacing: .09em;
    text-transform: uppercase; color: #9BAEC9;
  }
  html.pele-nova .rail-titulo { color: #7891B0; letter-spacing: .08em; }
  html.pele-nova .rail-chev { color: #8AA1BD; }
  html.pele-nova .rail-item.active .rail-chev { color: #0B4CC7; }
  html.pele-nova .rail-rule {
    background: rgba(148,163,184,.12); margin-left: 22px; margin-right: 22px;
  }
  html.pele-nova .rail-top,
  html.pele-nova .rail-user,
  html.pele-nova .rail-foot { border-color: rgba(148,163,184,.12); }

  html.pele-nova .rail-foot .rail-ic { background: transparent; color: #B4757A; }
  html.pele-nova .rail-foot .rail-item:hover { background: rgba(155,50,50,.07); color: #9B3232; }
  html.pele-nova .rail-foot .rail-item:hover .rail-ic { background: transparent; color: #9B3232; }
  html.pele-nova .rail-foot .rail-conta .rail-ic { background: transparent; color: #5C7BA6; }
  html.pele-nova .rail-foot .rail-conta:hover { background: rgba(255,255,255,.60); }
  html.pele-nova .rail-foot .rail-conta:hover .rail-ic { background: transparent; color: var(--brand-700); }

  html.pele-nova .rail-pin {
    background: transparent; border-color: transparent; color: #93A5C4;
    transition: background 180ms ease, color 180ms ease;
  }
  html.pele-nova .rail-pin:hover,
  html.pele-nova .rail-pin[aria-pressed="true"] { background: rgba(255,255,255,.70); color: #0B4CC7; }

  html.pele-nova .rail-user {
    background: linear-gradient(135deg, rgba(255,255,255,.72), rgba(230,241,255,.58));
    border: 1px solid rgba(255,255,255,.85);
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(16,36,64,.04);
    margin: 6px 6px; padding: 5px; gap: 0;
    justify-content: center;
  }
  html.pele-nova .rail-user-av {
    width: 30px; height: 30px; font-size: 12px; border-radius: 9px;
    background: linear-gradient(135deg, #DAEAFF, #C9E0FF);
    color: #0B4CC7; font-weight: 600;
  }
  html.pele-nova .rail-user-txt b { color: #41618E; font-size: 13px; }
  html.pele-nova .rail-user-txt span { color: #93A7C4; font-size: 10.5px; }
  html.pele-nova .rail-top { height: 42px; }
  html.pele-nova .rail-titulo { font-size: 9.5px; }

  html.pele-nova .rail-lbl,
  html.pele-nova .rail-chev,
  html.pele-nova .rail-user-txt { display: none; }
  html.pele-nova .rail:hover .rail-lbl,
  html.pele-nova .rail:focus-within .rail-lbl,
  html.pele-nova body.rail-docked .rail-lbl,
  html.pele-nova .rail:hover .rail-user-txt,
  html.pele-nova .rail:focus-within .rail-user-txt,
  html.pele-nova body.rail-docked .rail-user-txt { display: block; }
  html.pele-nova .rail:hover .rail-chev,
  html.pele-nova .rail:focus-within .rail-chev,
  html.pele-nova body.rail-docked .rail-chev { display: inline-block; }
  html.pele-nova .rail:hover .rail-item,
  html.pele-nova .rail:focus-within .rail-item,
  html.pele-nova body.rail-docked .rail-item { gap: 11px; }
  html.pele-nova .rail:hover .rail-item,
  html.pele-nova .rail:focus-within .rail-item,
  html.pele-nova body.rail-docked .rail-item,
  html.pele-nova .rail:hover .rail-user,
  html.pele-nova .rail:focus-within .rail-user,
  html.pele-nova body.rail-docked .rail-user { justify-content: flex-start; gap: 11px; }
}

html.pele-nova .rail-tema-btn { display:none; margin-right:6px; }
html.pele-nova .rail:hover .rail-tema-btn, html.pele-nova .rail:focus-within .rail-tema-btn, html.pele-nova body.rail-docked .rail-tema-btn { display:grid; }
html.pele-nova .rail-tema-btn[aria-expanded="true"] { background:rgba(255,255,255,.70); color:#0B4CC7; }
html.pele-nova.rail-marinho .rail-tema-btn[aria-expanded="true"] { background:rgba(255,255,255,.10); color:#fff; }
.rail-tema-pop { position:fixed; z-index:140; width:300px; background:var(--card); border:1px solid var(--border); border-radius:14px;
  box-shadow:0 14px 40px rgba(16,36,64,.16); padding:8px; }
.rail-tema-pop[hidden] { display:none; }
.rail-tema-pop .rail-tema-t { font-size:.66rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--muted); padding:6px 8px 8px; }
.rail-tema-pop > button { display:grid; grid-template-columns:52px 1fr 18px; gap:11px; align-items:center; width:100%; text-align:left;
  background:transparent; border:1px solid transparent; border-radius:10px; padding:7px 8px; cursor:pointer; font-family:inherit; color:var(--text); }
.rail-tema-pop > button:hover { background:#F3F7FD; }
.rail-tema-pop > button[aria-checked="true"] { background:#EDF3FE; border-color:#DCE7F8; }
.rail-tema-pop .tema-txt b { display:block; font-size:.84rem; font-weight:600; }
.rail-tema-pop .tema-txt small { display:block; font-size:.7rem; color:var(--muted); margin-top:1px; }
.rail-tema-pop .tema-ok { font-size:16px; color:#0238A4; visibility:hidden; }
.rail-tema-pop > button[aria-checked="true"] .tema-ok { visibility:visible; }
.rail-tema-pop .rail-tema-pe { font-size:.68rem; color:var(--muted); padding:8px 8px 4px; border-top:1px solid #eef1f7; margin-top:4px; }
.rail-tema-pop .tema-mini { position:relative; display:block; width:52px; height:34px; border-radius:7px; background:#F4F7FC; border:1px solid #E2EAF4; overflow:hidden; }
.rail-tema-pop .tema-mini i { position:absolute; left:0; top:0; bottom:0; width:16px; display:block; }
.rail-tema-pop .tema-mini b { position:absolute; left:22px; right:6px; top:9px; height:4px; border-radius:2px; background:#D5DFEF; box-shadow:0 8px 0 #D5DFEF, 0 16px 0 #E3EAF5; }
.rail-tema-pop .tema-mini.vidro i { left:3px; top:3px; bottom:3px; width:13px; border-radius:4px; background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(230,240,255,.9)); border:1px solid #fff; box-shadow:0 2px 6px rgba(16,36,64,.12); }
.rail-tema-pop .tema-mini.marinho i { background:#0F274A; }
.rail-tema-pop .tema-mini.branco i { background:#fff; border-right:1px solid #E2EAF4; }
.rail-tema-pop .tema-mini i::after { content:""; position:absolute; left:4px; right:4px; top:6px; height:3px; border-radius:2px; background:rgba(2,56,164,.55); box-shadow:0 6px 0 rgba(120,140,170,.35), 0 12px 0 rgba(120,140,170,.35); }
.rail-tema-pop .tema-mini.marinho i::after { background:#4F8EF7; box-shadow:0 6px 0 rgba(255,255,255,.28), 0 12px 0 rgba(255,255,255,.28); }

html.pele-nova.rail-marinho .rail { top:var(--rail-top); left:0; bottom:0; height:auto; max-height:none; margin:0;
  border-radius:0; background:#0F274A; border:0; border-right:1px solid rgba(255,255,255,.06); box-shadow:none;
  -webkit-backdrop-filter:none; backdrop-filter:none; }
html.pele-nova.rail-marinho .rail::before { display:none; }
html.pele-nova.rail-marinho .rail:hover, html.pele-nova.rail-marinho .rail:focus-within { box-shadow:18px 0 44px -22px rgba(0,0,0,.5); }
html.pele-nova.rail-marinho .rail-titulo { color:#7F95B8; }
html.pele-nova.rail-marinho .rail-pin { color:#8FA6C8; }
html.pele-nova.rail-marinho .rail-pin:hover, html.pele-nova.rail-marinho .rail-pin[aria-pressed="true"] { background:rgba(255,255,255,.10); color:#fff; }
html.pele-nova.rail-marinho .rail-grp { color:#6F87AB; }
html.pele-nova.rail-marinho .rail-rule { background:rgba(255,255,255,.08); }
html.pele-nova.rail-marinho .rail-top, html.pele-nova.rail-marinho .rail-user, html.pele-nova.rail-marinho .rail-foot { border-color:rgba(255,255,255,.08); }
html.pele-nova.rail-marinho .rail-item { color:#C7D4E8; }
html.pele-nova.rail-marinho .rail-ic { color:#8FA6C8; }
html.pele-nova.rail-marinho .rail-lbl b { color:#C7D4E8; }
html.pele-nova.rail-marinho .rail-chev { color:#8FA6C8; }
html.pele-nova.rail-marinho .rail-item:hover { background:rgba(255,255,255,.07); color:#fff; transform:none; }
html.pele-nova.rail-marinho .rail-item:hover .rail-ic, html.pele-nova.rail-marinho .rail-item:hover .rail-lbl b { color:#fff; }
html.pele-nova.rail-marinho .rail-item.active { background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.08); box-shadow:none; color:#fff; }
html.pele-nova.rail-marinho .rail-item.active .rail-ic { background:#0B4CC7; color:#fff; }
html.pele-nova.rail-marinho .rail-item.active .rail-lbl b, html.pele-nova.rail-marinho .rail-item.active .rail-chev { color:#fff; }
html.pele-nova.rail-marinho .rail-user { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); box-shadow:none; }
html.pele-nova.rail-marinho .rail-user-av { background:#0B4CC7; color:#fff; }
html.pele-nova.rail-marinho .rail-user-txt b { color:#fff; }
html.pele-nova.rail-marinho .rail-user-txt span { color:#8FA6C8; }
html.pele-nova.rail-marinho .rail-foot .rail-ic { color:#E39A9A; }
html.pele-nova.rail-marinho .rail-foot .rail-item:hover { background:rgba(155,50,50,.25); color:#fff; }
html.pele-nova.rail-marinho .rail-foot .rail-item:hover .rail-ic { color:#fff; }
html.pele-nova.rail-marinho .rail-foot .rail-conta .rail-ic { color:#8FA6C8; }
html.pele-nova.rail-marinho .rail-foot .rail-conta:hover { background:rgba(255,255,255,.07); }
html.pele-nova.rail-marinho .rail-foot .rail-conta:hover .rail-ic { color:#fff; }
html.pele-nova.rail-marinho .rail-foot .rail-item { color:#C7D4E8; }

html.pele-nova.rail-branco .rail { top:var(--rail-top); left:0; bottom:0; height:auto; max-height:none; margin:0;
  border-radius:0; background:#FFFFFF; border:0; border-right:1px solid #E2EAF4; box-shadow:none;
  -webkit-backdrop-filter:none; backdrop-filter:none; }
html.pele-nova.rail-branco .rail::before { display:none; }
html.pele-nova.rail-branco .rail:hover, html.pele-nova.rail-branco .rail:focus-within { box-shadow:18px 0 44px -22px rgba(10,42,107,.35); }
html.pele-nova.rail-branco .rail-item { color:#334E74; border-radius:8px; }
html.pele-nova.rail-branco .rail-ic { color:#5C7BA6; }
html.pele-nova.rail-branco .rail-lbl b { color:#334E74; }
html.pele-nova.rail-branco .rail-item:hover { background:#F3F7FD; color:#0B4CC7; transform:none; }
html.pele-nova.rail-branco .rail-item.active { background:#EDF3FE; border:1px solid #EDF3FE; box-shadow:inset 3px 0 0 #0238A4; color:#0238A4; }
html.pele-nova.rail-branco .rail-item.active .rail-ic { background:transparent; color:#0238A4; }
html.pele-nova.rail-branco .rail-item.active .rail-lbl b { color:#0238A4; font-weight:600; }
html.pele-nova.rail-branco .rail-grp { color:#94A3B8; }
html.pele-nova.rail-branco .rail-rule { background:#EEF2F8; }
html.pele-nova.rail-branco .rail-user { background:#F8FAFE; border:1px solid #E2EAF4; box-shadow:none; }
html.pele-nova.rail-branco .rail-user-av { background:#0238A4; color:#fff; }
html.pele-nova.rail-branco .rail-pin:hover, html.pele-nova.rail-branco .rail-pin[aria-pressed="true"] { background:#EDF3FE; color:#0238A4; }

html.pele-nova.rail-marinho .rail-fly { background:#0F274A; border-color:rgba(255,255,255,.12); box-shadow:0 14px 34px rgba(0,0,0,.45); }
html.pele-nova.rail-marinho .rail-fly-t { color:#7F95B8; }
html.pele-nova.rail-marinho .fly-item:hover { background:rgba(255,255,255,.08); }
html.pele-nova.rail-marinho .fly-item:focus-visible { outline-color:#4F8EF7; }
html.pele-nova.rail-marinho .fly-ic { background:rgba(255,255,255,.08); color:#8FA6C8; }
html.pele-nova.rail-marinho .fly-txt b { color:#fff; }
html.pele-nova.rail-marinho .fly-sub { color:#8FA6C8; }
html.pele-nova.rail-marinho .fly-sub.alerta { color:#F0A3A3; }
html.pele-nova.rail-marinho .hub-conta-pop { background:#0F274A; border-color:rgba(255,255,255,.12); color:#C7D4E8; box-shadow:0 14px 34px rgba(0,0,0,.45); }
html.pele-nova.rail-marinho .hub-conta-pop b, html.pele-nova.rail-marinho .hub-conta-pop .hub-conta-nome { color:#fff; }
html.pele-nova.rail-marinho .hub-conta-pop .bl { background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.12); color:#C7D4E8; }
html.pele-nova.rail-marinho .hub-conta-pop .bl.on { background:#0B4CC7; border-color:#0B4CC7; color:#fff; }

html.pele-nova.rail-branco .rail-fly { background:#fff; border-color:#E2EAF4; border-radius:8px; box-shadow:0 14px 34px rgba(10,42,107,.14); }
html.pele-nova.rail-branco .rail-fly-t { color:#94A3B8; }
html.pele-nova.rail-branco .fly-item:hover { background:#F3F7FD; }
html.pele-nova.rail-branco .fly-ic { background:#EDF3FE; color:#5C7BA6; }
html.pele-nova.rail-branco .fly-txt b { color:#334E74; }
html.pele-nova.rail-branco .fly-sub { color:#5C7BA6; }
html.pele-nova.rail-branco .hub-conta-pop { border-color:#E2EAF4; border-radius:8px; box-shadow:0 14px 34px rgba(10,42,107,.14); }