/* Servixo 4.18.10, unified shell identity, recovery contrast and Fold refinements */

/* Shared action rhythm */
.sx-shell-actions,.cp-header-actions,.employee-topbar-actions{align-items:center!important}

/* Platform Admin identity is an identity, never a button. */
.sx-platform-admin-identity{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;padding-left:4px;color:var(--sx-ink,#0c241f);font-weight:900;white-space:nowrap;cursor:default;user-select:none}
.sx-main-top .sx-platform-admin-identity .sx-platform-admin-avatar{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;flex:0 0 48px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.sx-main-top .sx-platform-admin-identity .sx-platform-admin-avatar img{display:block!important;width:44px!important;height:44px!important;object-fit:contain!important;padding:0!important;background:transparent!important;filter:drop-shadow(0 5px 8px rgba(44,50,45,.12))}
.sx-platform-admin-name{font-size:13px;letter-spacing:-.01em;color:var(--sx-muted,#667b78)}

/* Company identity stays visible with its name and cannot be mistaken for a CTA. */
.cp-header-company-identity{display:inline-flex!important;align-items:center!important;gap:9px!important;width:auto!important;height:48px!important;flex:0 0 auto!important;padding:0 5px 0 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;cursor:default!important;user-select:none}
.cp-header-company-logo{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border:1px solid var(--cp-line,#d8e8e2);border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(8,43,37,.07);overflow:hidden}
.cp-header-company-logo img,.cp-header-company-identity>img{display:block!important;width:40px!important;height:40px!important;object-fit:contain!important;padding:3px!important;background:#fff!important}
.cp-header-company-name{display:block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cp-text,#0b2c27);font-size:13px;font-weight:900;line-height:1.1}
[data-cp-mode="dark"] .cp-header-company-name{color:var(--cp-text,#f1fffb)}

/* Employee Portal uses the same company-context pattern. */
.employee-header-company-identity{display:inline-flex;align-items:center;gap:8px;min-width:0;white-space:nowrap;cursor:default;user-select:none;color:var(--ep-text,#0d2723);font-weight:900}
.employee-header-company-logo{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border:1px solid var(--ep-line,#d8e8e2);border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(8,43,37,.07);overflow:hidden}
.employee-header-company-logo img{display:block;width:40px;height:40px;object-fit:contain;padding:3px;background:#fff}
.employee-header-company-name{display:block;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.1;color:var(--ep-text,#0d2723)}

/* Password reset security label must remain readable in every theme. */
.sx-hero-card .sx-eyebrow{background:#ffffff!important;color:#0b5f56!important;border:1px solid rgba(255,255,255,.92)!important;box-shadow:0 8px 24px rgba(0,0,0,.08)!important;text-shadow:none!important;opacity:1!important}
[data-theme="dark"] .sx-hero-card .sx-eyebrow{background:#ecfffb!important;color:#084c45!important;border-color:#ecfffb!important}

/* Company and employee account action icons stay visually useful on touch screens. */
.cp-account-action-icon{width:38px!important;height:38px!important;flex:0 0 38px!important}
.cp-account-action-icon svg{width:23px!important;height:23px!important}
.employee-website-link .nav-icon{width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:11px;background:rgba(15,118,110,.08);display:grid!important;place-items:center!important}
.employee-website-link .nav-icon svg{width:22px!important;height:22px!important}

/* Fold and compact tablet. This breakpoint intentionally includes Pixel Fold landscape CSS widths. */
@media(max-width:1180px){
  .sx-main-top>.sx-actions>.sx-refresh-servixo{width:46px!important;min-width:46px!important;height:46px!important;min-height:46px!important;padding:7px!important;border-radius:14px!important}
  .sx-main-top>.sx-actions>.sx-refresh-servixo .sx-refresh-label{display:none!important}
  .sx-main-top>.sx-actions>.sx-refresh-servixo .sx-refresh-icon{display:grid!important;width:30px!important;height:30px!important;place-items:center!important}
  .sx-main-top>.sx-actions>.sx-refresh-servixo .sx-refresh-icon svg{width:20px!important;height:20px!important}
  .sx-platform-admin-name{display:none!important}
  .sx-main-top .sx-platform-admin-identity .sx-platform-admin-avatar{width:46px!important;height:46px!important;flex-basis:46px!important}
  .sx-main-top .sx-platform-admin-identity .sx-platform-admin-avatar img{width:42px!important;height:42px!important}
  .sx-main-top>.sx-actions{gap:7px!important;flex-wrap:nowrap!important}
  .cp-header-company-name{max-width:145px}
  .employee-header-company-name{max-width:135px}
}

@media(max-width:980px){
  .sx-main-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important}
  .sx-main-top>.sx-actions{display:flex!important;justify-content:flex-end!important}
  .sx-main-top>div:first-child{min-width:0!important}
  .cp-header-company-name{max-width:125px}
  .employee-header-company-name{max-width:120px}
}

@media(max-width:760px){
  .cp-header-company-identity{height:44px!important;gap:7px!important}
  .cp-header-company-logo{width:42px;height:42px;flex-basis:42px;border-radius:13px}
  .cp-header-company-logo img{width:36px!important;height:36px!important}
  .cp-header-company-name{max-width:112px;font-size:12px}
  .employee-header-company-logo{width:42px;height:42px;flex-basis:42px;border-radius:13px}
  .employee-header-company-logo img{width:36px;height:36px}
  .employee-header-company-name{max-width:105px;font-size:12px}
  .employee-topbar-actions{gap:6px!important}
  .employee-topbar-actions .employee-icon-button{display:grid!important}
}

@media(max-width:620px){
  .sx-main-top{display:block!important;position:relative!important;padding-top:72px!important}
  .sx-main-top>.sx-actions{position:absolute!important;top:14px!important;right:14px!important;display:flex!important;gap:6px!important}
  .sx-main-top .sx-platform-admin-identity .sx-platform-admin-avatar{width:42px!important;height:42px!important;flex-basis:42px!important}
  .sx-main-top .sx-platform-admin-identity .sx-platform-admin-avatar img{width:39px!important;height:39px!important}
  .sx-main-top>.sx-actions>.sx-refresh-servixo{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important}
  .cp-header-company-name{max-width:96px}
  .employee-header-company-name{max-width:92px}
}

@media(max-width:430px){
  .cp-header-company-name{max-width:82px;font-size:11px}
  .employee-header-company-name{max-width:78px;font-size:11px}
  .employee-topbar-actions .employee-icon-button:nth-last-child(2){display:grid!important}
  .employee-topbar-actions{gap:5px!important}
}
.sx-reset-hero .sx-eyebrow{background:#ffffff!important;color:#0b5f56!important;border:1px solid rgba(255,255,255,.94)!important;box-shadow:0 8px 24px rgba(0,0,0,.08)!important;text-shadow:none!important;opacity:1!important}
[data-theme="dark"] .sx-reset-hero .sx-eyebrow{background:#ecfffb!important;color:#084c45!important}
@media(max-width:430px){.employee-topbar-title>div{display:none!important}.employee-topbar{min-height:74px!important}.employee-header-company-name{max-width:92px!important}}

/* Servixo 4.18.11, Company invoice document parity with Platform Billing */
.sx412-preview-modal{width:min(1180px,calc(100vw - 32px))!important;max-height:94vh!important;padding:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;background:#fff!important}
.sx412-preview-content{min-height:0;flex:1 1 auto;overflow:auto;padding:28px;background:#e8f1ef}
.sx412-preview-x{z-index:8;top:18px!important;right:18px!important;box-shadow:0 8px 24px rgba(20,45,40,.09)}
.sx412-preview-actions{position:relative;z-index:5;margin:0!important;padding:16px 22px!important;border-top:1px solid #dfe8e5;background:#fff;box-shadow:0 -10px 28px rgba(16,45,40,.06)}
.sx-company-invoice-preview{--sx-company-invoice-accent:#0d8178}
.sx-company-invoice-preview .sx-real-invoice-sheet{width:min(920px,100%);min-height:1120px}
.sx-company-invoice-preview .sx-real-invoice-rule{background:var(--sx-company-invoice-accent)!important}
.sx-company-invoice-preview .sx-real-invoice-totals .is-balance{background:var(--sx-company-invoice-accent)!important;color:#fff!important}
.sx-company-invoice-preview .sx-real-invoice-sheet footer{border-top-color:var(--sx-company-invoice-accent)!important}
.sx-company-invoice-brand{display:flex;align-items:flex-start;gap:15px;min-width:0}
.sx-company-invoice-brand>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.sx-company-invoice-brand>div:last-child>strong{margin:2px 0 3px;color:#1c222a;font-size:19px;line-height:1.12}
.sx-company-invoice-logo{display:grid;place-items:center;width:74px;height:64px;flex:0 0 74px;border:1px solid #dfe5e8;border-radius:15px;background:#fff;overflow:hidden}
.sx-company-invoice-logo img{display:block;max-width:64px!important;max-height:54px!important;width:auto!important;height:auto!important;object-fit:contain!important}
.sx-company-pending-number{color:#65727b;font-size:14px!important;letter-spacing:.04em}
.sx-company-draft-number-note{width:min(230px,100%);margin:13px 0 0 auto;padding:10px 12px;border:1px dashed #c8d6d2;border-radius:12px;background:#f8fafa;color:#66747c;font-size:10.5px;line-height:1.45;text-align:left}
.sx-company-invoice-items th:nth-child(1){width:16%!important;text-align:left!important}.sx-company-invoice-items th:nth-child(2){width:44%!important;text-align:left!important}.sx-company-invoice-items th:nth-child(3){width:10%!important}.sx-company-invoice-items th:nth-child(4){width:14%!important}.sx-company-invoice-items th:nth-child(5){width:16%!important}
.sx-company-invoice-items td:nth-child(1),.sx-company-invoice-items td:nth-child(2){text-align:left!important}.sx-company-invoice-items td:nth-child(n+3){text-align:right!important;white-space:nowrap}
.sx-company-line-meta,.sx-company-line-submeta{display:block;margin-top:3px;color:#5f6d75;font-size:11px;line-height:1.35}.sx-company-line-submeta{color:#7a878d;font-size:10px}
.sx-company-invoice-preview .sx-real-invoice-cards>div{min-height:142px}
.sx-company-invoice-preview .sx-real-invoice-notes{min-height:172px}

html[data-theme="dark"] .sx412-preview-content,.cp-body[data-theme="dark"] .sx412-preview-content{background:#213632}
html[data-theme="dark"] .sx412-preview-modal,.cp-body[data-theme="dark"] .sx412-preview-modal{background:#0d2823!important}
html[data-theme="dark"] .sx412-preview-actions,.cp-body[data-theme="dark"] .sx412-preview-actions{background:#0d2823;border-top-color:#294840}

@media(max-width:900px){
  .sx-company-invoice-preview .sx-real-invoice-sheet{min-width:0!important;width:100%!important}
  .sx412-preview-content{padding:18px}
}
@media(max-width:760px){
  .sx412-preview-layer{padding:8px!important}
  .sx412-preview-modal{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;border-radius:22px!important}
  .sx412-preview-content{padding:10px!important}
  .sx412-preview-actions{padding:12px!important;display:grid!important;grid-template-columns:1fr 1fr!important}
  .sx412-preview-actions .cp-btn{width:100%!important;justify-content:center!important}
  .sx-company-invoice-preview .sx-real-invoice-sheet{padding:28px 22px 22px!important;min-height:0!important;border-radius:18px!important}
  .sx-company-invoice-preview .sx-real-invoice-header{grid-template-columns:1fr!important;gap:22px!important}
  .sx-company-invoice-preview .sx-real-invoice-meta{text-align:left!important}
  .sx-company-invoice-preview .sx-real-invoice-meta h2{font-size:34px!important}
  .sx-company-invoice-preview .sx-real-invoice-meta dl div{justify-content:flex-start!important}
  .sx-company-invoice-preview .sx-invoice-barcode,.sx-company-draft-number-note{margin-left:0!important}
  .sx-company-invoice-preview .sx-real-invoice-cards{grid-template-columns:1fr!important}
  .sx-company-invoice-preview .sx-real-invoice-cards>div{min-height:0!important}
  .sx-company-invoice-preview .sx-real-invoice-bottom{grid-template-columns:1fr!important}
  .sx-company-invoice-preview .sx-real-invoice-notes{min-height:0!important}
  .sx-company-invoice-items{overflow:visible!important}
  .sx-company-invoice-items table,.sx-company-invoice-items tbody{display:block!important;width:100%!important}
  .sx-company-invoice-items thead{display:none!important}
  .sx-company-invoice-items tr{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px 14px!important;margin:0 0 10px!important;padding:14px!important;border:1px solid #e1e7e9!important;border-radius:14px!important;background:#f8fafa!important}
  .sx-company-invoice-items td{display:block!important;width:auto!important;padding:0!important;border:0!important;white-space:normal!important;text-align:left!important}
  .sx-company-invoice-items td:before{display:block!important;margin-bottom:3px;content:attr(data-label);color:#7b878d;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
  .sx-company-invoice-items td:nth-child(1){grid-column:1}.sx-company-invoice-items td:nth-child(2){grid-column:1 / -1}.sx-company-invoice-items td:nth-child(3){display:none!important}.sx-company-invoice-items td:nth-child(4){grid-column:1}.sx-company-invoice-items td:nth-child(5){grid-column:2;text-align:right!important;align-self:end}
  .sx-company-invoice-brand{align-items:center}.sx-company-invoice-logo{width:64px;height:58px;flex-basis:64px}.sx-company-invoice-logo img{max-width:56px!important;max-height:48px!important}
}
@media(max-width:430px){
  .sx412-preview-actions{grid-template-columns:1fr!important}
  .sx-company-invoice-preview .sx-real-invoice-sheet{padding:24px 16px 18px!important}
  .sx-company-invoice-brand{align-items:flex-start}.sx-company-invoice-logo{width:58px;height:54px;flex-basis:58px;border-radius:13px}.sx-company-invoice-logo img{max-width:50px!important;max-height:44px!important}
  .sx-company-invoice-preview .sx-real-invoice-meta h2{font-size:30px!important}
}
.sx412-preview-content{position:relative}
.sx412-generation-overlay{position:absolute;inset:0;z-index:12;display:grid;place-items:center;padding:22px;background:rgba(232,241,239,.88);backdrop-filter:blur(7px)}
.sx412-generation-card{width:min(420px,100%);display:grid;justify-items:center;gap:10px;padding:26px;border:1px solid #d8e6e2;border-radius:22px;background:#fff;box-shadow:0 22px 60px rgba(16,45,40,.18);text-align:center;color:#102f28}.sx412-generation-card strong{font-size:19px}.sx412-generation-card span:last-child{color:#667b75;font-size:13px;line-height:1.5}
.sx412-generation-spinner{width:42px;height:42px;border:4px solid #d9e9e5;border-top-color:#0d8178;border-radius:50%;animation:sx412InvoiceSpin .8s linear infinite}@keyframes sx412InvoiceSpin{to{transform:rotate(360deg)}}
.sx412-generation-success{width:min(620px,100%);min-height:440px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:42px 28px;border:1px solid #dce7e4;border-radius:24px;background:#fff;box-shadow:0 22px 60px rgba(16,45,40,.12);text-align:center;color:#102f28}.sx412-generation-check{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#e2f7f2;color:#0d8178;font-size:34px;font-weight:900}.sx412-generation-success small{color:#0d8178;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.sx412-generation-success h2{margin:0;font-size:clamp(28px,5vw,42px)}.sx412-generation-success p{max-width:480px;margin:0 0 10px;color:#667b75;line-height:1.55}
html[data-theme="dark"] .sx412-generation-overlay,.cp-body[data-theme="dark"] .sx412-generation-overlay{background:rgba(19,44,39,.9)}html[data-theme="dark"] .sx412-generation-card,html[data-theme="dark"] .sx412-generation-success,.cp-body[data-theme="dark"] .sx412-generation-card,.cp-body[data-theme="dark"] .sx412-generation-success{border-color:#294840;background:#102f29;color:#f1fffb}