/* =========================================================
   PizzaX — shell da area logada (topbar + painel de empresa)
   Depende de px-core.css (tokens).
   ========================================================= */
body.px-app{
    background:var(--px-bg) !important;
    color:var(--px-ink);
    text-align:left !important;
    font-family:var(--px-body);
    margin:0;
}
body.px-app a{outline:0}

/* ---------- Topbar ---------- */
.px-topbar{
    background:var(--px-ink);
    color:#fff;
    border-bottom:1px solid rgba(196,224,0,.18);
    position:sticky;top:0;z-index:50;
}
.px-topbar__inner{
    max-width:1180px;margin:0 auto;
    display:flex;align-items:center;gap:18px;
    padding:0 24px;height:66px;box-sizing:border-box;
}
.px-topbar__brand{display:flex;align-items:center;gap:14px;text-decoration:none;white-space:nowrap}
.px-logo{
    width:150px;height:40px;display:block;
    background:var(--px-shell-logo) left center / auto 34px no-repeat;
}
.px-topbar__brand small{
    color:var(--px-muted-dark);font-size:12px;font-weight:600;letter-spacing:.02em;
    padding-left:14px;border-left:1px solid rgba(255,255,255,.14);
}
.px-spacer{flex:1}
.px-topbar__right{display:flex;align-items:center;gap:12px;white-space:nowrap}

.px-chip{
    display:inline-flex;align-items:center;gap:10px;
    background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);
    color:#fff;padding:7px 14px;border-radius:11px;text-decoration:none;
    font-size:13.5px;font-weight:600;transition:border-color .18s, background .18s;
}
.px-chip:hover{border-color:var(--px-lime);background:rgba(196,224,0,.06)}
.px-chip__k{display:block;color:var(--px-muted-dark);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1.1}
.px-chip__v{display:block;line-height:1.2}
.px-chip svg{color:var(--px-muted-dark)}

.px-user{display:flex;align-items:center;gap:11px;font-size:13.5px;color:#fff}
.px-user__who{display:flex;align-items:center;gap:9px}
.px-user__avatar{
    width:32px;height:32px;border-radius:50%;flex:0 0 32px;
    background:linear-gradient(180deg,var(--px-lime),var(--px-lime-deep));
    color:#10130a;display:flex;align-items:center;justify-content:center;
    font-family:var(--px-display);font-weight:800;font-size:14px;
}
.px-user__name{font-weight:700}
.px-user a{color:var(--px-muted-dark);text-decoration:none;font-weight:600}
.px-user a:hover{color:var(--px-lime)}
.px-user__sep{color:rgba(255,255,255,.2)}
.px-logout{
    display:inline-flex;align-items:center;gap:6px;color:#fff !important;
    border:1px solid rgba(255,255,255,.16);padding:6px 12px;border-radius:9px;
    transition:.18s;
}
.px-logout:hover{border-color:#ff7a5f;color:#ff9d88 !important}

/* ---------- area de conteudo (wrapper legado #tudo/#home_left mantido) ---------- */
#tudo.px-shell{width:auto !important;max-width:none;background:transparent !important;margin:0 !important}
#tudo.px-shell #home_left{width:auto !important;background:transparent !important}
#tudo.px-shell #margem{display:none}

/* ---------- Painel de selecao de empresa ---------- */
.px-company{max-width:1180px;margin:0 auto;padding:26px 24px 4px;box-sizing:border-box}
.px-company__card{
    background:var(--px-card);border:1px solid var(--px-line);border-radius:18px;
    padding:22px 24px;box-shadow:0 18px 40px -28px rgba(19,21,14,.4);
}
.px-company__head{display:flex;align-items:center;gap:12px;margin-bottom:4px}
.px-company__head h3{font-family:var(--px-display);font-weight:800;font-size:21px;letter-spacing:-.01em;margin:0}
.px-company__head .px-badge{margin-left:auto}
.px-company__sub{color:var(--px-muted);font-size:14px;margin:0 0 18px}
.px-company__list{
    list-style:none;margin:0;padding:0;display:grid;gap:10px;
    grid-template-columns:repeat(auto-fill,minmax(290px,1fr));
}
.px-company__item{
    display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--px-ink);
    background:#fbfcf7;border:1px solid var(--px-line);border-radius:13px;padding:13px 15px;
    transition:transform .15s, border-color .18s, box-shadow .2s;
}
.px-company__item:hover{transform:translateY(-2px);border-color:var(--px-lime-ink);box-shadow:0 12px 26px -18px rgba(19,21,14,.5)}
.px-company__ico{
    width:40px;height:40px;flex:0 0 40px;border-radius:10px;
    background:var(--px-lime-soft);color:#5d6e00;display:flex;align-items:center;justify-content:center;
}
.px-company__nm{font-weight:700;font-size:14.5px;line-height:1.2}
.px-company__nm small{display:block;color:var(--px-muted);font-weight:500;font-size:12px;margin-top:2px}
.px-company__arrow{margin-left:auto;color:var(--px-muted)}
.px-company__item:hover .px-company__arrow{color:var(--px-lime-ink)}
.px-company__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--px-line)}
.px-company__actions .px-btn{font-size:14px;padding:11px 16px}

@media (max-width:720px){
    .px-topbar__brand small{display:none}
    .px-chip__k{display:none}
    .px-user__name{display:none}
}