/* Narro · Sistema de propostas · telas de login, lista e equipe (DS3) */
[hidden]{display:none!important}
.sx{min-height:100svh;background:var(--surface);background-attachment:fixed}








.sx-entrar{max-width:440px;margin:clamp(20px,6vh,72px) auto 0}
.sx-entrar .n-kicker{margin-bottom:14px}
.sx-form{display:grid;gap:22px}
.sx-form label{display:grid;gap:8px}
.sx-form label span{font-size:11px;font-weight:500;letter-spacing:.06em;color:var(--ink-2)}
.sx-form input,.sx-form select{width:100%;border:0;outline:0;background:none;padding:6px 0 12px;border-bottom:1px solid rgba(255,255,255,.25);font:300 18px/1.3 var(--font);color:#fff}
.sx-form select option{color:#111}
.sx-form input:focus,.sx-form select:focus{border-color:var(--green)}
.sx-form .n-btn{justify-self:start;margin-top:6px}
.sx-form--linha{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}
.sx-form--linha .n-btn{grid-column:1/-1}
@media (max-width:640px){.sx-form--linha{grid-template-columns:1fr}}
.sx-erro{margin-bottom:20px;padding:12px 16px;border-radius:8px;background:rgba(255,93,122,.14);color:#ffc2cd;font-size:14px}
.sx-aviso{margin-bottom:20px;padding:12px 16px;border-radius:8px;background:rgba(101,214,0,.12);color:var(--green);font-size:14px}
.sx-lista{border-top:1px solid var(--line)}
.sx-lista li{display:flex;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}
.sx-lista li>a,.sx-lista li>span:first-child{flex:1;display:grid;gap:3px;min-width:0}
.sx-lista b{font-size:17px;font-weight:600}
.sx-lista small{font-size:12.5px;font-weight:300;color:var(--ink-2)}
.sx-lista a:hover b{color:var(--green)}
.sx-abriu{font-size:12px;color:var(--ink-2);white-space:nowrap}
.sx-total{font-size:15px;font-weight:700;color:var(--green);white-space:nowrap}
.sx-vazio{color:var(--ink-2)}
.sx-tag{font-size:11px;font-weight:600;color:var(--green)}
.sx-bt{min-height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.3);font-size:12px;color:#fff}
.sx-bt:hover{background:#fff;color:var(--purple-deep)}
.sx-sub{margin:48px 0 18px;font-size:22px;font-weight:700;letter-spacing:-.02em}
@media (max-width:640px){.sx-lista li{flex-wrap:wrap}.sx-abriu{order:3;width:100%}}
.sx-redef{position:relative}
.sx-redef summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center}
.sx-redef summary::-webkit-details-marker{display:none}
.sx-redef[open] .sx-form{position:absolute;right:0;top:44px;z-index:5;width:min(320px,80vw);padding:18px;border-radius:12px;background:var(--purple-deep);border:1px solid var(--line)}
.sx-lista li{position:relative}

/* ===== telas de acesso (15/10, revisão do Anderson: "capricho em tudo") ===== */
.sx--acesso{background-attachment:fixed}
.sx-acesso{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(400px,.9fr);min-height:100svh}
.sx-acesso__foto{position:relative;overflow:hidden}
.sx-acesso__foto .n-aspa-foto{position:absolute;inset:0}
.sx-acesso__lado{display:flex;flex-direction:column;padding:clamp(28px,4vw,56px) clamp(28px,5vw,80px);background:rgba(11,4,18,.42);border-left:1px solid rgba(255,255,255,.06)}
.sx-acesso__topo{display:flex;align-items:center;gap:14px}
.sx-acesso__topo img{height:22px;width:auto;filter:brightness(0) invert(1)}
.sx-acesso__topo span{font-size:13px;font-weight:300;color:var(--ink-2)}
.sx-acesso__corpo{width:100%;max-width:420px;margin:auto 0;padding:48px 0}
.sx-acesso__corpo .n-kicker{margin-bottom:18px}
.sx-titulo{font-size:clamp(34px,3.2vw,48px);font-weight:300;line-height:1.05;letter-spacing:-.03em}
.sx-titulo strong{font-weight:700;color:var(--green)}
.sx-sub2{margin-top:14px;font-size:14px;font-weight:300;line-height:1.6;color:var(--ink-2)}
.sx-acesso__corpo .sx-form{margin-top:34px;gap:20px}
.sx-acesso__corpo .sx-erro,.sx-acesso__corpo .sx-aviso{margin:24px 0 0}
.sx-campo{display:grid;gap:9px}
.sx-campo>span{font-size:12px;font-weight:500;letter-spacing:.04em;color:rgba(255,255,255,.78)}
.sx-campo small{font-size:12px;font-weight:300;line-height:1.45;color:var(--ink-2)}
.sx .sx-campo input{width:100%;min-height:54px;padding:0 18px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.05);font:300 16px/1.3 var(--font);letter-spacing:0;color:#fff;transition:border-color .3s ease,background-color .3s ease,box-shadow .3s ease}
.sx .sx-campo input::placeholder{color:rgba(255,255,255,.32)}
.sx .sx-campo input:hover{border-color:rgba(255,255,255,.3)}
.sx .sx-campo input:focus{outline:0;border-color:var(--green);background:rgba(255,255,255,.08);box-shadow:0 0 0 4px rgba(101,214,0,.14)}
/* sem o fundo azul do preenchimento automático do navegador */
.sx .sx-campo input:-webkit-autofill,.sx .sx-campo input:-webkit-autofill:hover,.sx .sx-campo input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;caret-color:#fff;-webkit-box-shadow:0 0 0 1000px #241038 inset;transition:background-color 9999s ease 0s;border-color:rgba(255,255,255,.22)}
.sx-senha{position:relative;display:block}
.sx-senha input{padding-right:56px!important}
.sx-olho{position:absolute;right:6px;top:50%;translate:0 -50%;display:grid;place-items:center;width:44px;height:44px;border-radius:10px;color:rgba(255,255,255,.6);transition:color .25s ease,background-color .25s ease}
.sx-olho svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sx-olho:hover,.sx-olho:focus-visible{color:var(--green);background:rgba(255,255,255,.06)}
.sx-enviar{width:100%;min-height:56px;margin-top:8px;justify-content:center}
a.sx-enviar{display:flex;margin-top:34px}
.sx-enviar:disabled{opacity:.6;cursor:wait;transform:none}
.sx-ajuda{margin-top:22px;font-size:13px;font-weight:300;line-height:1.5;color:var(--ink-2)}
.sx-ajuda a{color:var(--green);text-decoration:underline;text-underline-offset:4px}
.sx-acesso__pe{font-size:11px;font-weight:300;color:rgba(255,255,255,.4)}
@media (max-width:900px){
  .sx-acesso{grid-template-columns:minmax(0,1fr)}
  .sx-acesso__foto{height:34svh;min-height:220px;order:-1}
  .sx-acesso__lado{border-left:0;padding:24px 22px 28px;background:none}
  .sx-acesso__topo{position:absolute;top:22px;left:22px;z-index:2}
  .sx-acesso__corpo{max-width:none;margin:0;padding:24px 0 40px}
}

/* páginas internas (Acessos, Propostas) */
.sx-main .sx-sub2{margin:14px 0 34px}
.sx-main .sx-form--linha{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;align-items:start;margin-top:18px;max-width:none}
.sx-main .sx-form--linha .n-btn{grid-column:1/-1;justify-self:start;min-width:200px;justify-content:center}
.sx-main .sx-sub{margin-top:56px}
.sx-redef .sx-form{gap:14px}
@media (max-width:700px){.sx-main .sx-form--linha{grid-template-columns:minmax(0,1fr)}}

/* ===== casca das páginas internas (15/10, 2a revisão): topo e conteúdo na MESMA margem ===== */
.sx-wrap{width:min(100% - 2*var(--gutter),1120px);margin-inline:auto}
.sx-topo{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(29,0,57,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.sx-topo__in{display:flex;align-items:center;gap:28px;min-height:72px}
.sx-marca{display:inline-flex;align-items:center;gap:14px;color:var(--ink-2);font-size:13px;font-weight:300}
.sx-marca img{height:21px;width:auto;filter:brightness(0) invert(1)}
.sx-marca span{padding-left:14px;border-left:1px solid rgba(255,255,255,.18)}
.sx-nav{display:flex;align-items:center;gap:4px;margin-left:12px}
.sx-nav a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:500;color:rgba(255,255,255,.72);transition:color .25s ease,background-color .25s ease}
.sx-nav a:hover{color:#fff;background:rgba(255,255,255,.06)}
.sx-nav a[aria-current="page"]{color:#fff;background:rgba(255,255,255,.1)}
.sx-nova{margin-left:auto;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 20px;border-radius:999px;background:var(--green);color:var(--purple-deep);font-size:13px;font-weight:700;transition:transform .25s ease,box-shadow .25s ease}
.sx-nova span{font-size:18px;line-height:1;font-weight:500}
.sx-nova:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(101,214,0,.25)}
.sx-eu{position:relative}
.sx-eu summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 6px 0 0;border-radius:999px}
.sx-eu summary::-webkit-details-marker{display:none}
.sx-av{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em}
.sx-av--g{width:44px;height:44px;font-size:14px;background:rgba(101,214,0,.16);color:var(--green)}
.sx-eu__nome{font-size:13px;font-weight:500;color:#fff}
.sx-eu__seta{width:7px;height:7px;border-right:1.5px solid rgba(255,255,255,.6);border-bottom:1.5px solid rgba(255,255,255,.6);transform:rotate(45deg) translateY(-2px);transition:transform .25s ease}
.sx-eu[open] .sx-eu__seta{transform:rotate(-135deg) translateY(-2px)}
.sx-eu__menu{position:absolute;right:0;top:calc(100% + 10px);width:260px;padding:8px;border-radius:14px;background:#26004a;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px rgba(16,0,32,.55)}
.sx-eu__quem{display:grid;gap:2px;padding:10px 12px 12px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1)}
.sx-eu__quem b{font-size:14px;font-weight:600}
.sx-eu__quem small{font-size:12px;font-weight:300;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis}
.sx-eu__menu a,.sx-eu__menu button{display:flex;width:100%;min-height:42px;align-items:center;padding:0 12px;border-radius:10px;font-size:13px;font-weight:500;color:#fff;text-align:left}
.sx-eu__menu a:hover,.sx-eu__menu button:hover{background:rgba(255,255,255,.08)}
.sx-main{padding:clamp(40px,7vh,72px) 0 96px}
.sx-eu__menu .sx-eu__cel{display:none}
@media (max-width:760px){.sx-eu__menu .sx-eu__cel{display:flex}}

/* cabeçalho da página */
.sx-cab{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:32px}
.sx-cab .n-kicker{margin-bottom:12px}
.sx-h1{font-size:clamp(34px,4vw,52px);font-weight:300;line-height:1.02;letter-spacing:-.035em}
.sx-h1 strong,.sx-h2 strong{font-weight:700;color:var(--green)}
.sx-h2{font-size:clamp(24px,2.4vw,30px);font-weight:300;line-height:1.1;letter-spacing:-.03em}
.sx-resumo{margin-top:14px;font-size:14px;font-weight:300;color:var(--ink-2)}
.sx-resumo b{font-weight:700;color:#fff}
.sx-busca{position:relative;display:block;width:min(100%,340px)}
.sx-busca svg{position:absolute;left:16px;top:50%;translate:0 -50%;width:18px;height:18px;fill:none;stroke:rgba(255,255,255,.55);stroke-width:1.8;stroke-linecap:round}
.sx .sx-busca input{width:100%;min-height:48px;padding:0 16px 0 44px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.05);font:300 14px/1 var(--font);color:#fff;outline:0;transition:border-color .25s ease,box-shadow .25s ease}
.sx .sx-busca input::placeholder{color:rgba(255,255,255,.4)}
.sx .sx-busca input:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(101,214,0,.14)}

/* linhas do painel (propostas e equipe): mesma grade, tudo alinhado */
.sx-props{display:grid;gap:10px}
.sx-prop,.sx-pessoa{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 170px 120px auto;align-items:center;gap:20px;padding:18px 20px 18px 24px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);transition:background-color .25s ease,border-color .25s ease}
.sx-pessoa{grid-template-columns:44px minmax(0,1fr) 210px auto}
.sx-prop:hover,.sx-pessoa:hover{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.14)}
.sx-prop__quem{display:grid;gap:4px;min-width:0}
.sx-prop__quem b{font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sx-prop__quem small{font-size:12.5px;font-weight:300;line-height:1.45;color:var(--ink-2)}
.sx-voce{margin-left:6px;padding:2px 8px;border-radius:999px;background:rgba(101,214,0,.16);color:var(--green);font-style:normal;font-size:11px;font-weight:600;vertical-align:2px}
.sx-status{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500;color:rgba(255,255,255,.62);white-space:nowrap}
.sx-status i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.3)}
.sx-status.is-aberta{color:#fff}.sx-status.is-aberta i{background:var(--green);box-shadow:0 0 0 4px rgba(101,214,0,.18)}
.sx-status.is-bloq i{background:#ff7a90}
.sx-pessoa.is-bloq .sx-prop__quem{opacity:.55}
.sx-prop__total{font-size:16px;font-weight:700;color:var(--green);text-align:right;white-space:nowrap}
.sx-prop__acoes{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.sx-prop__acoes form:not(.sx-gaveta){display:contents}
.sx-acao{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);font-size:12.5px;font-weight:500;color:#fff;cursor:pointer;white-space:nowrap;transition:background-color .2s ease,color .2s ease,border-color .2s ease}
.sx-acao:hover{background:#fff;border-color:#fff;color:var(--purple-deep)}
.sx-acao--forte{background:var(--green);border-color:var(--green);color:var(--purple-deep);font-weight:700}
.sx-acao--forte:hover{background:#7ae619;border-color:#7ae619}
.sx-acao--forte.is-ok{background:#fff;border-color:#fff}
.sx-acao--icone{width:38px;padding:0}
.sx-acao--icone svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sx-acao--icone:hover{background:rgba(255,122,144,.16);border-color:#ff7a90;color:#ffc2cd}
/* editar / redefinir: abre um formulário logo abaixo da linha, na largura toda */
.sx-abre{display:contents}
.sx-abre summary{list-style:none}
.sx-abre summary::-webkit-details-marker{display:none}
.sx-abre[open] summary{background:#fff;border-color:#fff;color:var(--purple-deep)}
.sx-abre[open]{position:static}
.sx-pessoa:has(.sx-abre[open]){border-radius:14px 14px 0 0;z-index:7}
.sx-gaveta{position:absolute;left:-1px;right:-1px;top:100%;z-index:6;display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:16px 20px;padding:22px 24px;border-radius:0 0 14px 14px;background:#26004a;border:1px solid rgba(255,255,255,.14);border-top:0;box-shadow:0 24px 50px rgba(16,0,32,.5)}
.sx-gaveta .sx-campo:only-of-type{grid-column:1/3}
.sx-gaveta .n-btn{min-height:54px}
.sx-bloco{margin-top:64px;padding:32px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.sx-bloco .sx-sub2{margin-bottom:26px}
.sx-primeira{padding:56px 32px;border-radius:18px;text-align:center;background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.18)}
.sx-primeira .sx-sub2{max-width:460px;margin:12px auto 26px}
.sx-main .sx-aviso,.sx-main .sx-erro{margin:0 0 20px}
@media (max-width:980px){
  .sx-prop{grid-template-columns:minmax(0,1fr) auto;gap:10px 16px}
  .sx-prop .sx-status{grid-row:2}
  .sx-prop__total{grid-column:2;grid-row:1}
  .sx-prop__acoes{grid-column:1/-1;justify-content:flex-start}
  .sx-pessoa{grid-template-columns:44px minmax(0,1fr)}
  .sx-pessoa .sx-status{grid-column:2}
  .sx-pessoa .sx-prop__acoes{grid-column:1/-1;justify-content:flex-start}
  .sx-gaveta{position:static;grid-column:1/-1;grid-template-columns:minmax(0,1fr);border-radius:12px;border-top:1px solid rgba(255,255,255,.14);margin-top:6px}
  .sx-gaveta .sx-campo:only-of-type{grid-column:auto}
}
@media (max-width:760px){
  .sx-nav{display:none}
  .sx-eu__nome{display:none}
  .sx-marca span{display:none}
  .sx-topo__in{gap:12px}
  .sx-nova{padding:0 16px}
  .sx-busca{width:100%}
  .sx-bloco{padding:22px}
}

/* ===== situação, filtros, fechado no mês, selos (15/10, 3a rodada) ===== */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sx-mes{display:grid;gap:4px;min-width:220px;padding:18px 22px;border-radius:16px;background:rgba(101,214,0,.1);border:1px solid rgba(101,214,0,.25)}
.sx-mes span{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--green)}
.sx-mes b{font-size:28px;font-weight:700;letter-spacing:-.02em;color:#fff}
.sx-mes small{font-size:12.5px;font-weight:300;color:var(--ink-2)}
.sx-barra-filtro{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.sx-abas{display:flex;gap:4px;padding:4px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.sx-abas a{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 16px;border-radius:999px;font-size:13px;font-weight:500;color:rgba(255,255,255,.72);transition:background-color .2s ease,color .2s ease}
.sx-abas a span{font-size:11px;font-weight:700;color:rgba(255,255,255,.5)}
.sx-abas a:hover{color:#fff}
.sx-abas a[aria-current="page"]{background:#fff;color:var(--purple-deep)}
.sx-abas a[aria-current="page"] span{color:var(--purple)}
.sx-vazio--caixa{padding:40px;border-radius:14px;text-align:center;background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.16)}
.sx-selos{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin-top:-4px}
.sx-selo{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px 14px;min-height:38px;padding:8px 16px;border-radius:999px;font-size:12.5px;font-weight:500;line-height:1.4}
.sx-selo i{width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:-4px}
.sx-selo a{font-weight:700;text-decoration:underline;text-underline-offset:3px}
.sx-selo--cliente{background:rgba(101,214,0,.16);color:#c9f7a3}
.sx-selo--cliente a{color:var(--green)}
.sx-selo--vencida{background:rgba(255,184,77,.14);color:#ffd59a}
/* situação: um seletor em pílula, muda e salva na hora */
.sx-sit{display:contents}
.sx-sit__caixa{position:relative;display:inline-flex}
.sx-sit__caixa::after{content:"";position:absolute;right:14px;top:50%;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.sx-sit select{appearance:none;-webkit-appearance:none;min-height:38px;padding:0 32px 0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:transparent;font:500 12.5px/1 var(--font);color:inherit;cursor:pointer}
.sx-sit select option{color:#1d0039}
.sx-sit__caixa{color:#fff}
.sx-sit__caixa.is-fechada{color:var(--green)}.sx-sit__caixa.is-fechada select{border-color:rgba(101,214,0,.6);background:rgba(101,214,0,.12)}
.sx-sit__caixa.is-perdida{color:#ffb3c0}.sx-sit__caixa.is-perdida select{border-color:rgba(255,122,144,.5);background:rgba(255,122,144,.1)}
.sx-prop.is-perdida .sx-prop__quem,.sx-prop.is-perdida .sx-prop__total{opacity:.55}
.sx-prop.is-fechada{border-color:rgba(101,214,0,.3)}
@media (max-width:760px){.sx-mes{width:100%}.sx-abas{width:100%;overflow-x:auto;scrollbar-width:none}.sx-abas a{flex:1;justify-content:center;gap:5px;padding:0 8px;font-size:12px}}