:root{--blue:#003151;--blue2:#001a2c;--orange:#ff6b00;--orange2:#ffa347;--bg:#eef4f9;--text:#0f172a;--muted:#64748b;--line:rgba(0,49,81,.12);--panel:rgba(255,255,255,.78);--shadow:0 32px 90px rgba(0,49,81,.17);--r:30px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--text);overflow-x:hidden;background:linear-gradient(135deg,#f8fbfd,#e8f1f8)}.aurora{position:fixed;inset:-20%;z-index:0;pointer-events:none;background:radial-gradient(circle at 18% 18%,rgba(255,107,0,.25),transparent 28%),radial-gradient(circle at 82% 6%,rgba(0,49,81,.25),transparent 30%),radial-gradient(circle at 72% 88%,rgba(255,107,0,.13),transparent 24%);filter:blur(12px);animation:auroraMove 12s ease-in-out infinite alternate}@keyframes auroraMove{from{transform:translate3d(-1%,0,0) scale(1)}to{transform:translate3d(1.5%,1%,0) scale(1.03)}}.app-noise{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.35;background-image:linear-gradient(rgba(255,255,255,.42) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.32) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.28),transparent 72%)}svg{width:20px;height:20px;fill:currentColor}a{color:inherit}.app-body{padding-left:310px}.sidebar{position:fixed;inset:18px auto 18px 18px;width:276px;z-index:50;padding:18px;color:#fff;display:flex;flex-direction:column;gap:14px;border-radius:34px;background:linear-gradient(180deg,rgba(0,49,81,.98),rgba(0,22,36,.96));box-shadow:24px 24px 80px rgba(0,49,81,.28);border:1px solid rgba(255,255,255,.1)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:24px;font-weight:950;letter-spacing:-.8px;padding:3px}.brand img{width:58px;height:58px;border-radius:20px;box-shadow:0 18px 40px rgba(255,107,0,.28);object-fit:cover}.brand span{color:var(--orange)}.brand strong{color:#fff}.family-card{padding:16px;border-radius:24px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04))}.family-card small,.family-card span{display:block;color:rgba(255,255,255,.68)}.family-card strong{display:block;margin:5px 0;font-size:16px}.side-nav{display:grid;gap:6px;overflow:auto;padding-right:2px}.side-nav a{display:flex;align-items:center;gap:11px;text-decoration:none;color:rgba(255,255,255,.84);padding:10px 12px;border-radius:17px;font-weight:850;position:relative;overflow:hidden;transition:.22s cubic-bezier(.2,.8,.2,1)}.side-nav a::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--orange),var(--orange2));opacity:0;transition:.22s}.side-nav a span,.side-nav a i{position:relative}.side-nav a i{min-width:31px;height:31px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.1);color:var(--orange)}.side-nav a:hover,.side-nav a.active{transform:translateX(4px);color:#fff}.side-nav a:hover::before,.side-nav a.active::before{opacity:1}.side-nav a:hover i,.side-nav a.active i{color:#fff;background:rgba(255,255,255,.18)}.logout{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;background:rgba(255,255,255,.1);border-radius:18px;padding:12px;font-weight:900}.logout:hover{background:var(--orange)}.mobile-topbar{display:none}.content{position:relative;z-index:1;max-width:1320px;margin:0 auto;padding:34px}.auth-content{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:24px}.login-shell{width:min(1180px,100%);display:grid;grid-template-columns:1.15fr .85fr;gap:26px}.login-shell.compact{grid-template-columns:.92fr 1.08fr}.login-hero{min-height:620px;border-radius:44px;padding:48px;color:#fff;overflow:hidden;position:relative;background:radial-gradient(circle at 84% 12%,rgba(255,107,0,.38),transparent 30%),linear-gradient(135deg,var(--blue),var(--blue2));box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center}.hero-logo-wrap{width:104px;height:104px;border-radius:33px;overflow:hidden;box-shadow:0 28px 62px rgba(255,107,0,.3);margin-bottom:24px}.hero-logo-wrap img{width:100%;height:100%;object-fit:cover}.eyebrow{display:inline-flex;color:var(--orange);font-weight:950;text-transform:uppercase;font-size:12px;letter-spacing:1px;margin-bottom:9px}.eyebrow.light{color:#ffc18f}.login-hero h1{font-size:clamp(36px,4vw,64px);line-height:.95;margin:0 0 18px;letter-spacing:-2.3px}.login-hero p{font-size:17px;line-height:1.58;color:rgba(255,255,255,.76);max-width:650px}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.hero-metrics div{padding:18px;border-radius:24px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(14px)}.hero-metrics strong{display:block;color:var(--orange);font-size:29px}.hero-metrics span{color:rgba(255,255,255,.76);font-weight:850}.auth-card,.glass-card,.metric-card,.summary-hero,.portfolio-hero,.asset-card,.dre-board,.empty-state{background:var(--panel);backdrop-filter:blur(22px);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.auth-card.premium{padding:38px;display:flex;flex-direction:column;justify-content:center}.mini-brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:950;margin-bottom:22px;color:var(--blue)}.mini-brand img{width:48px;height:48px;border-radius:16px}.mini-brand span{color:var(--orange)}.mini-brand strong{color:var(--blue)}.auth-card h2{font-size:35px;color:var(--blue);margin:0 0 8px;letter-spacing:-1px}.auth-card p,.page-title p,.section-head p{color:var(--muted);margin:8px 0 0}.page-title{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px}.page-title h1{font-size:clamp(34px,4vw,52px);color:var(--blue);margin:0;letter-spacing:-1.8px}.form,.form-grid{display:grid;gap:14px}.form-grid{grid-template-columns:repeat(3,1fr)}.form-grid .span-2{grid-column:span 2}.form-grid .full{grid-column:1/-1}label{font-size:13px;color:var(--blue);font-weight:900}input,select{width:100%;border:1px solid rgba(0,49,81,.14);border-radius:18px;padding:14px 15px;outline:none;background:rgba(255,255,255,.96);font-size:15px;transition:.16s}input:focus,select:focus{border-color:var(--orange);box-shadow:0 0 0 5px rgba(255,107,0,.13)}button,.btn-primary,.btn-secondary,.btn-orange,.btn-small,.link-button{border:0;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:18px;font-weight:950;transition:.24s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.btn-primary,.btn-secondary,.btn-orange{padding:14px 20px}.btn-primary{background:linear-gradient(135deg,var(--blue),#001e32);color:#fff;box-shadow:0 18px 38px rgba(0,49,81,.26)}.btn-primary:hover{background:linear-gradient(135deg,var(--orange),var(--orange2));transform:translateY(-3px)}.btn-secondary{background:rgba(255,255,255,.94);color:var(--blue);border:1px solid rgba(0,49,81,.14)}.btn-secondary:hover{background:var(--blue);color:#fff;transform:translateY(-3px)}.btn-orange{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;box-shadow:0 18px 38px rgba(255,107,0,.25)}.btn-orange:hover{background:var(--blue);transform:translateY(-3px)}.btn-glow::after{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,transparent,rgba(255,255,255,.34),transparent);transform:translateX(-130%)}.btn-glow:hover::after{transform:translateX(130%);transition:.6s}.btn-small{background:var(--orange);color:#fff;padding:8px 12px;border-radius:14px;font-size:12px}.btn-small:hover{background:var(--blue);transform:translateY(-2px)}.link-button{margin-top:18px;color:var(--blue)}.link-button:hover{color:var(--orange)}.summary-hero,.portfolio-hero{background:radial-gradient(circle at 88% 10%,rgba(255,107,0,.44),transparent 30%),linear-gradient(135deg,var(--blue),#001d30);color:#fff;padding:30px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;overflow:hidden}.summary-hero span,.portfolio-hero span{color:rgba(255,255,255,.72);font-weight:850}.summary-hero strong,.portfolio-hero strong{display:block;font-size:clamp(32px,5vw,54px);margin-top:7px;letter-spacing:-1.9px}.summary-hero p,.portfolio-hero p{color:rgba(255,255,255,.72)}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.portfolio-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.portfolio-pills div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:15px;min-width:150px}.portfolio-pills small{display:block;color:rgba(255,255,255,.65);font-weight:800}.portfolio-pills b{display:block;margin-top:5px;font-size:18px}.positive{color:#86efac}.negative{color:#fecaca}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.cards-grid.mini{grid-template-columns:repeat(3,1fr)}.metric-card{padding:22px;position:relative;overflow:hidden;transition:.24s}.metric-card::after{content:"";position:absolute;right:-45px;bottom:-45px;width:120px;height:120px;border-radius:50%;background:rgba(0,49,81,.06)}.metric-card:hover{box-shadow:0 40px 100px rgba(0,49,81,.2)}.metric-icon{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,rgba(0,49,81,.1),rgba(255,107,0,.12));color:var(--blue);display:grid;place-items:center;margin-bottom:12px}.metric-card span{color:var(--muted);font-size:13px;font-weight:850}.metric-card strong{display:block;color:var(--blue);font-size:29px;margin-top:8px;letter-spacing:-1px}.metric-card.danger strong{color:#dc2626}.metric-card.warning strong,.metric-card.debt-card strong{color:var(--orange)}.glass-card{padding:24px;margin-bottom:18px}.section-head{display:flex;justify-content:space-between;margin-bottom:17px}.section-head h2,.glass-card h2{color:var(--blue);margin:0;letter-spacing:-.6px}.table-wrap{overflow-x:auto;border-radius:22px;border:1px solid rgba(0,49,81,.08)}table{width:100%;border-collapse:collapse;min-width:900px;background:#fff}th{background:linear-gradient(135deg,var(--blue),#001f35);color:#fff;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.55px;padding:14px;white-space:nowrap}td{padding:14px;border-bottom:1px solid #eef2f6;color:#263445;font-size:14px}tr:hover td{background:rgba(255,107,0,.045)}.badge{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:950;text-transform:capitalize}.badge.red,.badge.priority-alta,.badge.status-nao_negociada{background:#fee2e2;color:#991b1b}.badge.green,.badge.status-negociada,.badge.status-quitada{background:#dcfce7;color:#166534}.badge.yellow,.badge.priority-media,.badge.status-em_negociacao{background:#fef3c7;color:#92400e}.badge.priority-baixa,.badge.asset-type{background:#e0f2fe;color:#075985}.dre-board{padding:24px;display:grid;gap:10px;margin-bottom:18px}.dre-line{display:flex;justify-content:space-between;gap:12px;padding:15px 17px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(0,49,81,.08);font-weight:900}.dre-line span{color:#344256}.dre-line strong{color:var(--blue)}.dre-line.negative strong{color:#dc2626}.dre-line.positive strong{color:#15803d}.dre-line.invest strong{color:var(--orange)}.dre-line.final{background:linear-gradient(135deg,var(--blue),#001d30);color:#fff}.dre-line.final span,.dre-line.final strong{color:#fff}.analysis-list{display:grid;gap:14px}.analysis-item{border:1px solid rgba(0,49,81,.1);border-radius:22px;padding:17px;background:#fff}.analysis-top{display:flex;justify-content:space-between;gap:16px}.analysis-top strong{display:block;color:var(--blue);font-size:18px}.analysis-top span,.analysis-item small{display:block;color:var(--muted);margin-top:4px}.analysis-top em{color:var(--orange);font-style:normal;font-weight:950;white-space:nowrap}.bar{height:12px;background:#e9eef3;border-radius:999px;overflow:hidden;margin:12px 0}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--orange))}.warning-text{color:#dc2626;font-weight:950;margin-bottom:0}.ok-text{color:#15803d;font-weight:950;margin-bottom:0}.text-danger{color:#dc2626}.text-success{color:#15803d}.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.asset-card{padding:22px;transition:.24s;position:relative;overflow:hidden}.asset-card:hover{box-shadow:0 40px 110px rgba(0,49,81,.2)}.asset-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.asset-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--blue),#001d30);color:#fff}.asset-card h3{margin:0;color:var(--blue);font-size:20px;letter-spacing:-.5px}.asset-card p{color:var(--muted);margin:6px 0 16px}.asset-values{display:grid;grid-template-columns:1fr 1fr;gap:10px}.asset-values div{padding:13px;border-radius:18px;background:rgba(0,49,81,.05)}.asset-values small,.muted-line{display:block;color:var(--muted);font-weight:800}.asset-values strong{display:block;margin-top:5px;color:var(--blue)}.asset-result{margin-top:12px;padding:13px;border-radius:18px;display:flex;justify-content:space-between;gap:10px;font-weight:900}.asset-result.gain{background:#dcfce7;color:#166534}.asset-result.loss{background:#fee2e2;color:#991b1b}.empty-state{text-align:center;padding:52px;border:1px dashed rgba(0,49,81,.22)}.empty-state div{width:64px;height:64px;margin:0 auto 12px;border-radius:22px;background:var(--blue);color:#fff;display:grid;place-items:center}.empty-state h2{color:var(--blue);margin:0 0 6px}.empty-state p{color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:rgba(0,24,39,.64);backdrop-filter:blur(12px);z-index:100;display:none;align-items:center;justify-content:center;padding:22px}.modal-backdrop.open{display:flex}.modal-card{width:min(720px,100%);max-height:92vh;overflow:auto;background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.5);border-radius:32px;padding:26px;box-shadow:0 44px 130px rgba(0,0,0,.34);transform:translateY(18px) scale(.98);opacity:0}.modal-backdrop.open .modal-card{animation:modalIn .24s cubic-bezier(.2,.8,.2,1) forwards}.modal-xl{width:min(1020px,100%)}.modal-close{position:sticky;top:0;margin-left:auto;width:42px;height:42px;border-radius:15px;background:var(--blue);color:#fff;display:grid;place-items:center;z-index:2}.modal-close:hover{background:var(--orange);transform:rotate(4deg)}.modal-head{margin-bottom:18px}.modal-head h2{color:var(--blue);font-size:30px;margin:0;letter-spacing:-.8px}.modal-head p{color:var(--muted);margin:6px 0 0}@keyframes modalIn{to{transform:translateY(0) scale(1);opacity:1}}.soft-enter{opacity:0;transform:translateY(18px) scale(.99)}.soft-enter.visible{opacity:1;transform:translateY(0) scale(1);transition:.6s cubic-bezier(.2,.8,.2,1)}.bottom-nav{display:none}@media(max-width:1080px){.app-body{padding-left:0;padding-bottom:82px}.sidebar{inset:0 auto 0 0;border-radius:0;transform:translateX(-105%);transition:.24s}.menu-open .sidebar{transform:translateX(0)}.mobile-topbar{position:sticky;top:0;z-index:45;display:flex;justify-content:space-between;align-items:center;background:var(--blue);color:#fff;padding:13px 16px;box-shadow:0 10px 26px rgba(0,49,81,.2)}.brand.mobile{font-size:20px}.brand.mobile img{width:42px;height:42px;border-radius:14px}.menu-toggle{background:var(--orange);color:#fff;border-radius:14px;padding:8px 12px;font-size:19px}.content{padding:18px}.login-shell,.login-shell.compact{grid-template-columns:1fr}.login-hero{min-height:auto;padding:30px}.hero-metrics,.cards-grid,.cards-grid.mini,.form-grid,.asset-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.summary-hero,.portfolio-hero,.page-title,.asset-result,.dre-line{flex-direction:column;align-items:flex-start}.portfolio-pills{grid-template-columns:1fr;width:100%}.bottom-nav{position:fixed;z-index:60;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-top:1px solid rgba(0,49,81,.1);box-shadow:0 -12px 30px rgba(0,49,81,.12)}.bottom-nav a{text-align:center;padding:10px 4px;color:var(--blue);font-size:11px;text-decoration:none;font-weight:950;display:grid;place-items:center;gap:3px}.bottom-nav a svg{width:21px;height:21px}.bottom-nav a:hover{color:var(--orange)}}@media(max-width:560px){.auth-content{padding:14px}.auth-card.premium{padding:22px}.login-hero h1{font-size:32px}.glass-card,.summary-hero,.portfolio-hero,.metric-card,.asset-card{border-radius:23px}.hero-logo-wrap{width:74px;height:74px;border-radius:24px}}


/* =========================================================
   CORREÇÃO MENU LATERAL - REMOVE ROLAGEM HORIZONTAL
   ========================================================= */
.sidebar {
    overflow: hidden !important;
}

.side-nav {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 107, 0, .65) transparent;
    padding-right: 4px !important;
    max-width: 100%;
}

.side-nav::-webkit-scrollbar {
    width: 5px;
    height: 0 !important;
}

.side-nav::-webkit-scrollbar-track {
    background: transparent;
}

.side-nav::-webkit-scrollbar-thumb {
    background: rgba(255, 107, 0, .65);
    border-radius: 999px;
}

.side-nav a {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.side-nav a span {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.side-nav a i {
    flex: 0 0 31px;
}

.logout {
    max-width: 100%;
    overflow: hidden;
}

.logout svg {
    flex: 0 0 20px;
}

/* Em telas menores, o menu lateral também não deve criar barra horizontal */
@media (max-width: 1080px) {
    .sidebar {
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }
}



/* =========================================================
   SALDOLAR - REFINO DE MARCA, FONTES, CAMPOS E MODAIS
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--font-saldolar:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
body,button,input,select,textarea{font-family:var(--font-saldolar)!important}.brand div,.mini-brand div{letter-spacing:-.8px}.brand span,.mini-brand span{color:#ff6b00!important;font-weight:950}.brand strong,.mini-brand strong{font-weight:950}
.sidebar{overflow:hidden!important}.side-nav{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;scrollbar-color:rgba(255,107,0,.7) transparent;padding-right:4px!important;max-width:100%}.side-nav::-webkit-scrollbar{width:5px;height:0!important}.side-nav::-webkit-scrollbar-thumb{background:rgba(255,107,0,.7);border-radius:999px}.side-nav::-webkit-scrollbar-track{background:transparent}.side-nav a{width:100%;max-width:100%;min-width:0}.side-nav a span{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
input,select,textarea{min-height:48px;border-radius:16px!important;border:1px solid rgba(0,49,81,.14)!important;background-color:rgba(255,255,255,.96)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 22px rgba(0,49,81,.04);color:#0f172a;font-weight:600}input::placeholder{color:#94a3b8;font-weight:500}input:hover,select:hover,textarea:hover{border-color:rgba(255,107,0,.45)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 26px rgba(255,107,0,.07)}
select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:44px!important;background-image:linear-gradient(45deg,transparent 50%,#ff6b00 50%),linear-gradient(135deg,#ff6b00 50%,transparent 50%),linear-gradient(135deg,rgba(0,49,81,.08),rgba(255,107,0,.08));background-position:calc(100% - 23px) 52%,calc(100% - 16px) 52%,right 10px center;background-size:7px 7px,7px 7px,34px 34px;background-repeat:no-repeat}
input[type="date"],input[type="month"]{position:relative;padding-right:18px!important;color-scheme:light}input[type="date"]::-webkit-calendar-picker-indicator,input[type="month"]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.9;padding:7px;border-radius:12px;background-color:rgba(255,107,0,.12)}input[type="date"]::-webkit-calendar-picker-indicator:hover,input[type="month"]::-webkit-calendar-picker-indicator:hover{background-color:rgba(255,107,0,.22)}
.btn-primary,.btn-secondary,.btn-orange,.btn-small,button{letter-spacing:-.2px}.btn-primary{background:linear-gradient(135deg,#003151 0%,#00263f 45%,#001827 100%)!important;box-shadow:0 14px 28px rgba(0,49,81,.24),inset 0 1px 0 rgba(255,255,255,.16)!important}.btn-primary:hover{background:linear-gradient(135deg,#ff6b00 0%,#ff8a2a 55%,#ffb36b 100%)!important}.btn-secondary{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.86))!important;box-shadow:0 10px 24px rgba(0,49,81,.08),inset 0 1px 0 rgba(255,255,255,.9)!important}.btn-small{box-shadow:0 10px 20px rgba(255,107,0,.18),inset 0 1px 0 rgba(255,255,255,.22)}
.modal-backdrop{background:radial-gradient(circle at top right,rgba(255,107,0,.22),transparent 28%),rgba(0,24,39,.66)!important}.modal-card{border:1px solid rgba(255,255,255,.55)!important;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,250,252,.94))!important}.modal-head h2{font-weight:950}th{font-weight:850}td{font-weight:550}.badge{letter-spacing:-.1px}.metric-card,.glass-card,.asset-card,.dre-board,.portfolio-hero,.summary-hero{border:1px solid rgba(0,49,81,.10)!important}.page-title h1{font-weight:950}
@media(max-width:1080px){.sidebar{overflow-x:hidden!important;overflow-y:auto!important}input,select,button{font-size:16px}}


/* =========================================================
   DASHBOARD - SALDO DAS CONTAS
   ========================================================= */
.account-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.account-balance-card {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding: 18px;
    border-radius: 24px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.82));
    border: 1px solid rgba(0,49,81,.10);
    box-shadow:
        0 16px 42px rgba(0,49,81,.09),
        inset 0 1px 0 rgba(255,255,255,.85);
    transition: .22s ease;
    position: relative;
    overflow: hidden;
}

.account-balance-card::after {
    content: "";
    position: absolute;
    right: -42px;
    bottom: -42px;
    width: 110px;
    height: 110px;
    border-radius: 999px;
    background: rgba(0,49,81,.06);
}

.account-balance-card:hover {
    transform: translateY(-4px);
    box-shadow:
        0 26px 70px rgba(0,49,81,.14),
        inset 0 1px 0 rgba(255,255,255,.9);
}

.account-icon {
    width: 46px;
    height: 46px;
    min-width: 46px;
    border-radius: 17px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(135deg, #003151, #001827);
    box-shadow: 0 14px 28px rgba(0,49,81,.18);
}

.account-balance-card span {
    display: inline-flex;
    color: #64748b;
    font-size: 12px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.account-balance-card h3 {
    margin: 4px 0 8px;
    color: #003151;
    font-size: 17px;
    letter-spacing: -.4px;
}

.account-balance-card strong {
    display: block;
    color: #003151;
    font-size: 25px;
    letter-spacing: -1px;
}

.account-balance-card small {
    display: block;
    margin-top: 6px;
    color: #64748b;
    font-weight: 650;
}

.account-balance-card.is-negative strong {
    color: #dc2626;
}

.account-balance-card.is-negative .account-icon {
    background: linear-gradient(135deg, #dc2626, #7f1d1d);
}

.account-balance-card.is-positive .account-icon {
    background: linear-gradient(135deg, #003151, #ff6b00);
}

.empty-state.compact {
    grid-column: 1 / -1;
    padding: 28px;
}

@media (max-width: 1080px) {
    .account-grid {
        grid-template-columns: 1fr;
    }
}

/* SALDOLAR ROOT FIX */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

body, button, input, select, textarea {
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif !important;
}

.sidebar { overflow: hidden !important; }
.side-nav { overflow-y: auto !important; overflow-x: hidden !important; max-width: 100%; scrollbar-width: thin; scrollbar-color: rgba(255,107,0,.7) transparent; }
.side-nav::-webkit-scrollbar { width: 5px; height: 0 !important; }
.side-nav::-webkit-scrollbar-thumb { background: rgba(255,107,0,.7); border-radius: 999px; }
.side-nav a { max-width: 100%; min-width: 0; }
.side-nav a span { min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

input, select, textarea {
    min-height: 48px;
    border-radius: 16px !important;
    border: 1px solid rgba(0,49,81,.14) !important;
    background-color: rgba(255,255,255,.96) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 8px 22px rgba(0,49,81,.04);
    color: #0f172a;
    font-weight: 600;
}

select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 44px !important;
    background-image:
        linear-gradient(45deg, transparent 50%, #ff6b00 50%),
        linear-gradient(135deg, #ff6b00 50%, transparent 50%),
        linear-gradient(135deg, rgba(0,49,81,.08), rgba(255,107,0,.08));
    background-position: calc(100% - 23px) 52%, calc(100% - 16px) 52%, right 10px center;
    background-size: 7px 7px, 7px 7px, 34px 34px;
    background-repeat: no-repeat;
}

input[type="date"]::-webkit-calendar-picker-indicator,
input[type="month"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: .9;
    padding: 7px;
    border-radius: 12px;
    background-color: rgba(255,107,0,.12);
}

.account-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.account-balance-card {
    display: flex; gap: 14px; align-items: flex-start; padding: 18px; border-radius: 24px;
    background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.82));
    border: 1px solid rgba(0,49,81,.10);
    box-shadow: 0 16px 42px rgba(0,49,81,.09), inset 0 1px 0 rgba(255,255,255,.85);
}
.account-icon {
    width: 46px; height: 46px; min-width: 46px; border-radius: 17px; display: grid; place-items: center;
    color: #fff; background: linear-gradient(135deg, #003151, #ff6b00);
}
.account-balance-card h3 { margin: 4px 0 8px; color: #003151; font-size: 17px; letter-spacing: -.4px; }
.account-balance-card strong { display: block; color: #003151; font-size: 25px; letter-spacing: -1px; }

@media (max-width: 1080px) { .account-grid { grid-template-columns: 1fr; } }

/* =========================================================
   TABELAS - AÇÕES, LOGOS DE BANCOS E GRÁFICOS
   ========================================================= */
.table-actions {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
}

.table-actions form {
    display: inline-flex;
    margin: 0;
}

.action-icon-btn {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    border: 1px solid rgba(0,49,81,.10);
    background: rgba(255,255,255,.88);
    color: #003151;
    display: inline-grid;
    place-items: center;
    cursor: pointer;
    transition: .18s ease;
    box-shadow: 0 8px 18px rgba(0,49,81,.06);
}

.action-icon-btn svg {
    width: 17px;
    height: 17px;
}

.action-icon-btn:hover {
    transform: translateY(-2px);
    color: #fff;
}

.action-edit:hover {
    background: #003151;
}

.action-trash:hover {
    background: #dc2626;
}

.action-inactive:hover {
    background: #ff6b00;
}

.bank-cell {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.bank-logo {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 14px;
    display: inline-grid;
    place-items: center;
    color: #fff;
    font-weight: 950;
    font-size: 12px;
    letter-spacing: -.3px;
    box-shadow: 0 10px 22px rgba(0,49,81,.14);
    background: linear-gradient(135deg, #003151, #ff6b00);
}

.account-icon .bank-logo {
    width: 46px;
    height: 46px;
    border-radius: 17px;
    box-shadow: none;
}

.bank-nubank { background: linear-gradient(135deg, #5f259f, #8a05be); }
.bank-itau { background: linear-gradient(135deg, #002776, #ff7a00); }
.bank-bradesco { background: linear-gradient(135deg, #cc092f, #8a001d); }
.bank-santander { background: linear-gradient(135deg, #ec0000, #9b0000); }
.bank-bb { background: linear-gradient(135deg, #ffe100, #1d4ed8); color: #003151; }
.bank-caixa { background: linear-gradient(135deg, #005ca9, #f39200); }
.bank-inter { background: linear-gradient(135deg, #ff7a00, #ffb000); color: #fff; }
.bank-mercadopago { background: linear-gradient(135deg, #00a7e1, #007eb5); }
.bank-pagseguro, .bank-pagbank { background: linear-gradient(135deg, #00a868, #007f4f); }
.bank-sicredi { background: linear-gradient(135deg, #16a34a, #065f46); }
.bank-sicoob { background: linear-gradient(135deg, #0f766e, #064e3b); }
.bank-xp { background: linear-gradient(135deg, #111827, #f59e0b); }
.bank-btg { background: linear-gradient(135deg, #111827, #374151); }
.bank-c6 { background: linear-gradient(135deg, #111827, #d4af37); }
.bank-picpay { background: linear-gradient(135deg, #16a34a, #22c55e); }
.bank-cash { background: linear-gradient(135deg, #003151, #ff6b00); }

.chart-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 18px;
}

.chart-card canvas {
    width: 100%;
    display: block;
}

@media (max-width: 1080px) {
    .chart-grid {
        grid-template-columns: 1fr;
    }

    .table-actions {
        gap: 5px;
    }

    .action-icon-btn {
        width: 32px;
        height: 32px;
    }
}

/* =========================================================
   CADASTRO COM PIX - SALDOLAR
   ========================================================= */
.pix-register-shell .auth-card {
    justify-content: flex-start;
}

.pix-payment-box {
    border-radius: 24px;
    border: 1px solid rgba(0,49,81,.12);
    background:
        radial-gradient(circle at top right, rgba(255,107,0,.12), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.84));
    padding: 18px;
    box-shadow:
        0 18px 42px rgba(0,49,81,.08),
        inset 0 1px 0 rgba(255,255,255,.9);
    display: grid;
    gap: 12px;
}

.pix-payment-head h3 {
    margin: 0;
    color: #003151;
    font-size: 20px;
    letter-spacing: -.5px;
}

.pix-payment-head p {
    margin: 6px 0 0;
    color: #64748b;
}

.pix-qrcode {
    width: 240px;
    max-width: 100%;
    justify-self: center;
    border-radius: 24px;
    padding: 12px;
    background: #fff;
    border: 1px solid rgba(0,49,81,.10);
    box-shadow: 0 16px 36px rgba(0,49,81,.10);
}

.pix-code {
    resize: none;
    width: 100%;
    border-radius: 18px;
    font-size: 12px;
    line-height: 1.45;
}

.pix-timer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 18px;
    background: linear-gradient(135deg, #003151, #001827);
    color: #fff;
}

.pix-timer span {
    color: rgba(255,255,255,.78);
    font-weight: 800;
}

.pix-timer strong {
    color: #ff6b00;
    font-size: 24px;
    letter-spacing: -1px;
}

.pix-timer.is-done {
    background: linear-gradient(135deg, #15803d, #166534);
}

.pix-timer.is-done strong {
    color: #fff;
}

.pix-note {
    color: #64748b;
    font-size: 13px;
    line-height: 1.45;
    margin: 0;
}

/* =========================================================
   LOGOS ONLINE DE BANCOS + AÇÕES EM TABELA
   ========================================================= */
.table-actions {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
}

.table-actions form {
    display: inline-flex;
    margin: 0;
}

.action-icon-btn {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    border: 1px solid rgba(0,49,81,.10);
    background: rgba(255,255,255,.88);
    color: #003151;
    display: inline-grid;
    place-items: center;
    cursor: pointer;
    transition: .18s ease;
    box-shadow: 0 8px 18px rgba(0,49,81,.06);
}

.action-icon-btn svg {
    width: 17px;
    height: 17px;
}

.action-icon-btn:hover {
    transform: translateY(-2px);
    color: #fff;
}

.action-edit:hover { background: #003151; }
.action-trash:hover { background: #dc2626; }
.action-inactive:hover { background: #ff6b00; }

.bank-cell {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.bank-logo {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 14px;
    display: inline-grid;
    place-items: center;
    color: #fff;
    font-weight: 950;
    font-size: 12px;
    letter-spacing: -.3px;
    box-shadow: 0 10px 22px rgba(0,49,81,.14);
    background: linear-gradient(135deg, #003151, #ff6b00);
    overflow: hidden;
    position: relative;
}

.bank-logo-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #fff;
    padding: 5px;
    border-radius: 14px;
    display: block;
}

.bank-logo-img-wrap .bank-logo-fallback {
    display: none;
}

.bank-logo-img-wrap.logo-failed img {
    display: none !important;
}

.bank-logo-img-wrap.logo-failed .bank-logo-fallback {
    display: grid;
}

.bank-logo-fallback {
    width: 100%;
    height: 100%;
    border-radius: 14px;
    place-items: center;
    color: #fff;
    font-weight: 950;
}

.account-icon .bank-logo {
    width: 46px;
    height: 46px;
    border-radius: 17px;
    box-shadow: none;
}

.account-icon .bank-logo-img-wrap img {
    border-radius: 17px;
}

.bank-nubank, .bank-nubank .bank-logo-fallback { background: linear-gradient(135deg, #5f259f, #8a05be); }
.bank-itau, .bank-itau .bank-logo-fallback { background: linear-gradient(135deg, #002776, #ff7a00); }
.bank-bradesco, .bank-bradesco .bank-logo-fallback { background: linear-gradient(135deg, #cc092f, #8a001d); }
.bank-santander, .bank-santander .bank-logo-fallback { background: linear-gradient(135deg, #ec0000, #9b0000); }
.bank-bb, .bank-bb .bank-logo-fallback { background: linear-gradient(135deg, #ffe100, #1d4ed8); color: #003151; }
.bank-caixa, .bank-caixa .bank-logo-fallback { background: linear-gradient(135deg, #005ca9, #f39200); }
.bank-inter, .bank-inter .bank-logo-fallback { background: linear-gradient(135deg, #ff7a00, #ffb000); }
.bank-mercadopago, .bank-mercadopago .bank-logo-fallback { background: linear-gradient(135deg, #00a7e1, #007eb5); }
.bank-pagseguro, .bank-pagseguro .bank-logo-fallback,
.bank-pagbank, .bank-pagbank .bank-logo-fallback { background: linear-gradient(135deg, #00a868, #007f4f); }
.bank-sicredi, .bank-sicredi .bank-logo-fallback { background: linear-gradient(135deg, #16a34a, #065f46); }
.bank-sicoob, .bank-sicoob .bank-logo-fallback { background: linear-gradient(135deg, #0f766e, #064e3b); }
.bank-xp, .bank-xp .bank-logo-fallback { background: linear-gradient(135deg, #111827, #f59e0b); }
.bank-btg, .bank-btg .bank-logo-fallback { background: linear-gradient(135deg, #111827, #374151); }
.bank-c6, .bank-c6 .bank-logo-fallback { background: linear-gradient(135deg, #111827, #d4af37); }
.bank-picpay, .bank-picpay .bank-logo-fallback { background: linear-gradient(135deg, #16a34a, #22c55e); }
.bank-cash, .bank-cash .bank-logo-fallback { background: linear-gradient(135deg, #003151, #ff6b00); }

@media (max-width: 1080px) {
    .table-actions {
        gap: 5px;
    }
    .action-icon-btn {
        width: 32px;
        height: 32px;
    }
}

/* =========================================================
   CADASTRO PIX CONFIRMADO - SALDOLAR
   ========================================================= */
.pix-register-shell .auth-card {
    justify-content: flex-start;
}

.pix-payment-box {
    border-radius: 24px;
    border: 1px solid rgba(0,49,81,.12);
    background:
        radial-gradient(circle at top right, rgba(255,107,0,.14), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.86));
    padding: 18px;
    box-shadow:
        0 18px 42px rgba(0,49,81,.08),
        inset 0 1px 0 rgba(255,255,255,.9);
    display: grid;
    gap: 12px;
}

.pix-payment-head h3 {
    margin: 0;
    color: #003151;
    font-size: 20px;
    letter-spacing: -.5px;
}

.pix-payment-head p {
    margin: 6px 0 0;
    color: #64748b;
}

.pix-qrcode {
    width: 240px;
    max-width: 100%;
    justify-self: center;
    border-radius: 24px;
    padding: 12px;
    background: #fff;
    border: 1px solid rgba(0,49,81,.10);
    box-shadow: 0 16px 36px rgba(0,49,81,.10);
}

.pix-code {
    resize: none;
    width: 100%;
    border-radius: 18px;
    font-size: 12px;
    line-height: 1.45;
}

.pix-confirm-box {
    display: grid;
    gap: 4px;
    padding: 14px 16px;
    border-radius: 18px;
    background: rgba(0,49,81,.06);
    border: 1px solid rgba(0,49,81,.08);
}

.pix-confirm-box strong {
    color: #003151;
}

.pix-confirm-box span {
    color: #64748b;
    font-weight: 650;
}

.pix-note {
    color: #64748b;
    font-size: 13px;
    line-height: 1.45;
    margin: 0;
}

.form-unlocked-alert {
    padding: 13px 15px;
    border-radius: 16px;
    background: #dcfce7;
    color: #166534;
    font-weight: 900;
    border: 1px solid rgba(22,101,52,.12);
}

/* =========================================================
   LOGO OFICIAL DE BANCOS - AJUSTE FINAL
   ========================================================= */
.bank-logo {
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: 16px;
    display: inline-grid;
    place-items: center;
    overflow: hidden;
    font-weight: 950;
    font-size: 12px;
    letter-spacing: -.3px;
    box-shadow: 0 10px 22px rgba(0,49,81,.14);
    background: linear-gradient(135deg, #003151, #ff6b00);
}

.bank-logo-img-wrap {
    background: #fff;
    border: 1px solid rgba(0,49,81,.10);
}

.bank-logo-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #fff;
    padding: 6px;
    border-radius: 16px;
    display: block;
}

.bank-logo-img-wrap .bank-logo-fallback {
    display: none;
}

.bank-logo-img-wrap.logo-failed {
    background: linear-gradient(135deg, #003151, #ff6b00);
}

.bank-logo-img-wrap.logo-failed img {
    display: none !important;
}

.bank-logo-img-wrap.logo-failed .bank-logo-fallback {
    display: grid;
}

.bank-logo-fallback {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    place-items: center;
    color: #fff;
    font-weight: 950;
}

.bank-cash-real {
    background: linear-gradient(135deg, #16a34a, #065f46) !important;
    color: #fff !important;
    font-size: 16px !important;
    box-shadow: 0 12px 26px rgba(22, 163, 74, .24) !important;
}

.account-icon .bank-logo {
    width: 48px;
    height: 48px;
    border-radius: 18px;
    box-shadow: none;
}

.account-icon .bank-logo-img-wrap img {
    border-radius: 18px;
    padding: 7px;
}

.bank-cell {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.bank-c6,
.bank-c6 .bank-logo-fallback {
    background: linear-gradient(135deg, #151515, #b79b3f) !important;
    color: #d8c166 !important;
}

/* =========================================================
   COLUNA BANCO - SOMENTE LOGO
   ========================================================= */
.bank-only-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
}

.bank-only-logo .bank-logo {
    margin: 0;
}

.table-wrap td .bank-only-logo + * {
    display: none;
}

/* =========================================================
   USUÁRIOS - E-MAIL E WHATSAPP
   ========================================================= */
.contact-link {
    color: #003151;
    font-weight: 850;
    text-decoration: none;
    transition: .18s ease;
}

.contact-link:hover {
    color: #ff6b00;
}

.whatsapp-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.whatsapp-link::before {
    content: "☎";
    width: 24px;
    height: 24px;
    border-radius: 999px;
    display: inline-grid;
    place-items: center;
    background: #dcfce7;
    color: #166534;
    font-size: 12px;
    font-weight: 950;
}

/* =========================================================
   BANCOS - VÍNCULO COM USUÁRIOS E CONTA PRINCIPAL
   ========================================================= */
.checkbox-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 8px;
}

.check-card {
    border: 1px solid rgba(0,49,81,.12);
    background: rgba(255,255,255,.82);
    border-radius: 18px;
    padding: 12px 14px;
    display: grid;
    grid-template-columns: 22px 1fr;
    gap: 2px 10px;
    align-items: center;
    cursor: pointer;
    transition: .18s ease;
}

.check-card:hover {
    border-color: rgba(255,107,0,.42);
    box-shadow: 0 12px 24px rgba(0,49,81,.08);
    transform: translateY(-2px);
}

.check-card input {
    width: 18px;
    height: 18px;
    min-height: auto;
    accent-color: #ff6b00;
    grid-row: span 2;
}

.check-card span {
    color: #003151;
    font-weight: 900;
}

.check-card small {
    color: #64748b;
    font-weight: 650;
}

.switch-line {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 15px;
    border-radius: 18px;
    background: rgba(0,49,81,.06);
    border: 1px solid rgba(0,49,81,.10);
    cursor: pointer;
}

.switch-line input {
    width: 19px;
    height: 19px;
    min-height: auto;
    accent-color: #ff6b00;
}

.switch-line span {
    color: #003151;
    font-weight: 900;
}

.form-help {
    color: #64748b;
    font-size: 13px;
    margin: 8px 0 0;
}

.user-linked-pill {
    display: inline-flex;
    max-width: 280px;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(0,49,81,.07);
    color: #003151;
    font-weight: 850;
    font-size: 12px;
}

.principal-badge {
    background: linear-gradient(135deg, #ff6b00, #ff9b42) !important;
    color: #fff !important;
}

.mini-principal {
    display: inline-flex;
    margin-left: 6px;
    padding: 3px 7px;
    border-radius: 999px;
    background: #fff3e8;
    color: #ff6b00;
    font-size: 10px;
    font-style: normal;
    font-weight: 950;
    vertical-align: middle;
}

@media (max-width: 780px) {
    .checkbox-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   USUÁRIOS - FOTO / AVATAR
   ========================================================= */
.user-cell {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.user-avatar {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 999px;
    display: inline-grid;
    place-items: center;
    overflow: hidden;
    background: linear-gradient(135deg, #003151, #ff6b00);
    color: #fff;
    font-weight: 950;
    border: 2px solid rgba(255,255,255,.95);
    box-shadow: 0 10px 22px rgba(0,49,81,.14);
}

.user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.user-avatar.small {
    width: 30px;
    height: 30px;
    min-width: 30px;
    font-size: 11px;
    margin-left: -7px;
}

.user-avatar.small:first-child {
    margin-left: 0;
}

.user-avatar.large {
    width: 64px;
    height: 64px;
    min-width: 64px;
    font-size: 18px;
}

.user-avatar-initials {
    text-transform: uppercase;
}

.current-avatar-line {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px;
    border-radius: 20px;
    background: rgba(0,49,81,.05);
    border: 1px solid rgba(0,49,81,.08);
}

.linked-avatar-row {
    display: flex;
    align-items: center;
    margin-top: 10px;
    padding-left: 7px;
}

.linked-avatar-row::before {
    content: "Usuários";
    color: #64748b;
    font-size: 11px;
    font-weight: 850;
    margin-right: 10px;
}