*{box-sizing:border-box}
:root{
    --bg:#f5f5f2;--surface:#fff;--ink:#171717;--muted:#737373;
    --line:#e7e4de;--line-strong:#ddd6cc;--gold:#a88a5f;--gold-dark:#806643;
    --sidebar:#171717;--sidebar-soft:#292929;--success:#28753b;--success-bg:#e7f6e8;
    --danger:#9b2525;--danger-bg:#fff0f0
}
html{background:var(--bg)}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);font-size:15px}
button,input,select,textarea{font:inherit}
a{color:inherit}
code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
.eyebrow{display:block;font-size:11px;letter-spacing:.18em;font-weight:900;color:#8b7554;text-transform:uppercase}
.brand{font-size:18px;font-weight:950;letter-spacing:.05em}.brand small{color:#a88a5f}
.manager-login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 0,#fff 0,#f5f1ea 35%,#ece9e3 100%)}
.login-card{width:min(430px,calc(100% - 32px));background:#fff;padding:42px;border:1px solid #e7e1d8;border-radius:24px;box-shadow:0 24px 70px #4c3a2515}
.login-card h1{font-size:42px;margin:22px 0 4px}.login-card p{color:#777;margin:0 0 28px}.login-card label{display:block;font-size:13px;font-weight:700;margin:14px 0}
.login-card input{width:100%;padding:14px 16px;margin-top:7px;border:1px solid #ddd6cc;border-radius:11px;background:#fff}
.login-card button,.public-holding a{width:100%;border:0;border-radius:11px;padding:15px;background:#171717;color:#fff;font-weight:800;margin-top:10px;text-decoration:none;display:inline-block;text-align:center}
.alert{padding:12px;border-radius:10px;background:#fff0f0;color:#a10000;margin:16px 0}

.manager-dashboard{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}
.manager-dashboard aside{position:sticky;top:0;height:100vh;background:var(--sidebar);color:#fff;padding:30px 24px;display:flex;flex-direction:column;gap:22px;z-index:10}
.manager-dashboard aside>b{font-size:13px;color:#bda989;text-transform:uppercase;letter-spacing:.1em}
.manager-dashboard nav{display:grid;gap:6px}
.manager-dashboard nav a,.link-btn{color:#b8b8b8;text-decoration:none;padding:12px 14px;border-radius:10px;background:none;border:0;font:inherit;text-align:left;cursor:pointer}
.manager-dashboard nav a.active,.manager-dashboard nav a:hover{background:var(--sidebar-soft);color:#fff}
.manager-dashboard aside form{margin-top:auto}
.manager-dashboard main,.manager-main{padding:40px;min-width:0}
.manager-dashboard header,.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px}
.manager-dashboard h1,.page-header h1{font-size:38px;line-height:1.05;margin:7px 0 0;letter-spacing:-.035em}
.page-subtitle{margin:9px 0 0;color:var(--muted);font-size:15px}
.status{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:99px;font-size:12px;font-weight:900;white-space:nowrap}
.status-connected,.status{background:var(--success-bg);color:var(--success)}
.status-neutral{background:#eeeae3;color:#76644a}.status-error{background:#ffebeb;color:#a32222}

.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:32px 0}
.cards article,.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px}
.cards small{display:block;color:#888;margin-bottom:14px}.cards strong{font-size:28px}
.panel{margin-top:24px}.panel h2{font-size:22px;letter-spacing:-.02em;margin:5px 0 9px}.panel p{color:#666;line-height:1.7;max-width:900px}
.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.muted{color:#777!important}

.btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:11px;padding:11px 16px;border:1px solid transparent;text-decoration:none;font-weight:850;line-height:1;cursor:pointer;transition:.18s ease}
.btn:hover{transform:translateY(-1px)}.btn-dark{background:#171717;color:#fff}.btn-dark:hover{background:#292929}
.btn-gold{background:var(--gold);color:#fff}.btn-gold:hover{background:var(--gold-dark)}
.btn-light-danger{background:var(--danger-bg);color:var(--danger);border-color:#f2cdcd}
.btn-outline{background:#fff;color:#444;border-color:var(--line-strong)}
.btn.is-disabled{pointer-events:none;opacity:.45}

.flash{padding:14px 16px;border-radius:12px;margin:24px 0 -6px;font-size:14px;font-weight:750}
.flash-success{background:#eaf7ed;color:#256838;border:1px solid #cde9d3}.flash-error{background:#fff0f0;color:#9b2525;border:1px solid #f1cccc}

.integration-overview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:28px}
.integration-kpi{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;min-width:0}
.integration-kpi small{display:block;color:#888;font-size:12px;margin-bottom:8px}.integration-kpi strong{display:block;font-size:25px;letter-spacing:-.03em}
.integration-kpi-accent{background:#1c1c1c;color:#fff;border-color:#1c1c1c}.integration-kpi-accent small{color:#bda989}.integration-kpi .kpi-date{font-size:16px;line-height:1.3}
.integration-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.integration-grid .panel{margin-top:20px}.integration-card{min-width:0}
.manager-form,.integration-form{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;margin-top:22px!important}
.form-field{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;min-width:0}
.form-field label,.manager-form label{display:block!important;font-size:12px!important;font-weight:850!important;color:#4f4b45!important;margin:0!important}
.form-field input,.manager-form input,.manager-search input{
    display:block!important;width:100%!important;max-width:none!important;min-height:46px!important;
    border:1px solid var(--line-strong)!important;background:#fff!important;border-radius:11px!important;
    padding:12px 14px!important;outline:none!important;color:#171717!important;
}
.form-field input:focus,.manager-form input:focus,.manager-search input:focus{border-color:var(--gold)!important;box-shadow:0 0 0 3px #a88a5f18!important}
.callback-box{display:grid;gap:7px;background:#f7f5f1;border:1px solid #e7e1d8;padding:14px 15px;border-radius:12px;overflow:auto;margin:14px 0 20px}
.callback-box span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:900;color:#8b7554}.callback-box code{font-size:12px;white-space:nowrap;color:#37332e}
.integration-state{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}
.integration-state>div{background:#f7f7f5;border:1px solid #ece8e1;padding:14px;border-radius:12px}.integration-state small{display:block;color:#888;margin-bottom:7px;font-size:11px}.integration-state strong{font-size:13px}
.button-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.button-row form{margin:0}.form-note{font-size:13px!important;margin-bottom:0}
.mini-badge{display:inline-flex;align-items:center;background:#f1eee8;color:#75644d;padding:7px 10px;border-radius:99px;font-size:11px;font-weight:850;white-space:nowrap}

.catalog-sync-panel{overflow:hidden}.catalog-sync-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:26px;align-items:start;margin-top:10px}
.sync-flow{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:18px}.sync-flow span{padding:8px 10px;border-radius:9px;background:#f4f1eb;border:1px solid #e8e1d6;font-size:12px;font-weight:800}.sync-flow b{color:#a88a5f}
.command-card{background:#171717;color:#fff;border-radius:14px;padding:19px}.command-card small{display:block;color:#bda989;text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:10px;margin-bottom:10px}
.command-card code{display:block;overflow:auto;background:#252525;border:1px solid #333;border-radius:9px;padding:12px;font-size:11px;white-space:nowrap}.command-card p{color:#aaa;font-size:12px;line-height:1.55;margin:11px 0 0}

.logs-panel{margin-top:20px}.empty-state{padding:34px 4px 10px;color:#888}
.table-wrap{overflow:auto;margin-top:18px}.manager-table{width:100%;border-collapse:collapse;min-width:760px}
.manager-table th,.manager-table td{text-align:left;padding:13px 12px;border-bottom:1px solid #eeeae4;font-size:13px;vertical-align:middle}
.manager-table th{color:#777;font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:900}
.manager-table tbody tr:hover{background:#faf9f7}.manager-table code{font-size:12px}
.log-status{display:inline-flex;padding:5px 8px;border-radius:99px;font-size:10px;font-weight:900;text-transform:uppercase}
.log-success{background:#eaf7ed;color:#256838}.log-error{background:#fff0f0;color:#9b2525}.log-warning{background:#fff4dd;color:#936300}.log-neutral{background:#eeeae3;color:#76644a}

.listing-panel{margin-top:28px}.manager-search{display:flex;gap:10px;align-items:center}.manager-search input{max-width:520px!important}
.product-cell{display:flex;align-items:center;gap:11px;min-width:260px}.product-cell strong{display:block}.product-cell small{display:block;color:#8a8a8a;margin-top:4px;font-size:11px}
.product-thumb{width:46px;height:46px;border-radius:10px;border:1px solid #e9e5df;background:#f2efea;overflow:hidden;display:grid;place-items:center;flex:0 0 46px}
.product-thumb img{width:100%;height:100%;object-fit:cover}.product-thumb span{font-size:11px;font-weight:900;color:#9b8767}
.pagination-wrap{margin-top:22px}.pagination-wrap nav{display:flex;align-items:center;justify-content:space-between;gap:15px}.pagination-wrap svg{width:18px}.pagination-wrap a,.pagination-wrap span{font-size:12px}

.public-holding{min-height:100vh;display:grid;place-items:center;text-align:center}.public-holding main{padding:40px}.public-holding h1{font-size:clamp(42px,8vw,84px);max-width:900px;margin:14px auto}.public-holding p{color:#777}.public-holding a{width:auto;padding-inline:24px}

@media(max-width:1180px){
    .integration-overview{grid-template-columns:1fr 1fr}
    .catalog-sync-layout{grid-template-columns:1fr}
}
@media(max-width:1050px){.integration-grid{grid-template-columns:1fr}}
@media(max-width:900px){
    .manager-dashboard{grid-template-columns:1fr}.manager-dashboard aside{display:none}.manager-dashboard main,.manager-main{padding:24px}.cards{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
    .integration-state,.integration-overview{grid-template-columns:1fr}
    .manager-search{align-items:stretch;flex-direction:column}.manager-search input{max-width:none!important}.manager-search .btn{width:100%}
}
@media(max-width:540px){
    .cards{grid-template-columns:1fr}.manager-dashboard header,.page-header{align-items:flex-start;gap:15px;flex-direction:column}
    .panel-heading{align-items:flex-start;flex-direction:column}.button-row{align-items:stretch}.button-row .btn,.button-row form,.button-row form .btn{width:100%}
    .manager-dashboard main,.manager-main{padding:18px}.panel{padding:18px}.catalog-sync-layout{gap:16px}
}


/* ==========================================================
   UPDATE 05 — CANAL E-COMMERCE / PUBLICAÇÃO
========================================================== */
.product-channel-kpis{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin-top:28px
}
.product-channel-kpis article{
    background:#fff;
    border:1px solid var(--line);
    border-radius:16px;
    padding:18px 20px
}
.product-channel-kpis small{
    display:block;
    color:#888;
    font-size:12px;
    margin-bottom:8px
}
.product-channel-kpis strong{
    display:block;
    font-size:25px;
    letter-spacing:-.03em
}
.product-channel-kpis .is-accent{
    background:#171717;
    color:#fff;
    border-color:#171717
}
.product-channel-kpis .is-accent small{color:#bda989}
.channel-rule{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px
}
.channel-rule p{margin-bottom:0}
.product-search{
    display:grid;
    grid-template-columns:minmax(260px,1fr) 220px auto auto
}
.product-search input{max-width:none!important}
.product-search select{
    min-height:46px;
    border:1px solid var(--line-strong);
    border-radius:11px;
    padding:10px 13px;
    background:#fff;
    color:#171717
}
.channel-badge{
    display:inline-flex;
    align-items:center;
    padding:6px 9px;
    border-radius:99px;
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
    white-space:nowrap
}
.channel-on{background:#ede7dc;color:#725a36}
.channel-off{background:#efefef;color:#777}
.btn-sm{min-height:34px;padding:8px 11px;font-size:11px}
.inline-form{margin:0}
.muted-small{font-size:11px;color:#999}

@media(max-width:1050px){
    .product-channel-kpis{grid-template-columns:1fr 1fr}
    .product-search{grid-template-columns:1fr 200px auto}
    .product-search .btn-outline{grid-column:1/-1}
}
@media(max-width:680px){
    .product-channel-kpis{grid-template-columns:1fr 1fr}
    .product-search{grid-template-columns:1fr}
    .product-search .btn-outline{grid-column:auto}
    .channel-rule{align-items:flex-start;flex-direction:column}
}
@media(max-width:480px){
    .product-channel-kpis{grid-template-columns:1fr}
}

/* ==========================================================
   UPDATE 05D — GESTÃO DE PRODUTOS / VARIAÇÕES
========================================================== */
.field-override{display:block;margin-top:4px;color:var(--gold-dark);font-size:9px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}
.product-search-05d{grid-template-columns:minmax(260px,1.6fr) repeat(4,minmax(145px,.7fr)) auto auto;align-items:center}
.product-search-05d select,.product-form-05d select{min-height:46px;border:1px solid var(--line-strong);border-radius:11px;padding:10px 13px;background:#fff;color:#171717;width:100%}
.back-link{display:inline-flex;margin-bottom:14px;text-decoration:none;color:#777;font-weight:800;font-size:12px}.back-link:hover{color:#171717}
.product-edit-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px}.product-edit-summary article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px}.product-edit-summary small{display:block;color:#888;font-size:12px;margin-bottom:8px}.product-edit-summary strong{font-size:22px}
.product-edit-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:20px;align-items:start;margin-top:20px}.product-edit-grid>.panel,.product-side-stack .panel{margin-top:0}.product-side-stack{display:grid;gap:20px}
.product-form-05d{grid-template-columns:1fr 1fr!important}.product-form-05d .full{grid-column:1/-1}.product-form-05d textarea{width:100%;border:1px solid var(--line-strong);border-radius:11px;padding:12px 14px;resize:vertical;outline:none}.product-form-05d textarea:focus,.product-form-05d select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #a88a5f18}
.field-help{margin:8px 0 22px;color:#85807a;font-size:13px}.switch-row{display:flex!important;gap:10px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:12px;margin:0!important}.switch-row input{width:18px!important;min-height:auto!important;margin-top:2px}.switch-row strong,.switch-row small{display:block}.switch-row small{color:#888;margin-top:3px;font-size:11px}
.source-data{display:grid;gap:0;margin:16px 0 0}.source-data>div{display:grid;grid-template-columns:115px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #eeeae4}.source-data dt{color:#888;font-size:11px}.source-data dd{margin:0;font-size:12px;font-weight:700;overflow-wrap:anywhere}
.product-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.product-gallery a{aspect-ratio:1;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#f4f1ec}.product-gallery img{width:100%;height:100%;display:block;object-fit:cover}
.variants-panel{margin-top:20px}.variants-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.variant-card{border:1px solid var(--line);border-radius:15px;padding:16px;background:#fcfbf9}.variant-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.variant-card-head strong,.variant-card-head small{display:block}.variant-card-head small{color:#888;margin-top:4px;font-size:10px}.variant-attrs{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.variant-attrs span{background:#f0ede7;border-radius:99px;padding:5px 8px;font-size:10px;font-weight:750;color:#6f604d}.variant-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.variant-meta>div{background:#fff;border:1px solid #eee9e1;border-radius:10px;padding:10px}.variant-meta small,.variant-meta strong{display:block}.variant-meta small{color:#888;font-size:10px;margin-bottom:4px}.variant-fields{display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:8px}.variant-fields label{font-size:10px;font-weight:850;color:#666}.variant-fields input{display:block;width:100%;margin-top:5px;border:1px solid var(--line-strong);border-radius:9px;padding:9px 10px;background:#fff}.variant-visible{display:flex;gap:7px;align-items:center;font-size:11px;margin:12px 0;color:#666}
@media(max-width:1300px){.product-search-05d{grid-template-columns:1fr 1fr 1fr}.product-search-05d input{grid-column:1/-1}.product-edit-grid{grid-template-columns:1fr}.variants-grid{grid-template-columns:1fr}}
@media(max-width:760px){.product-edit-summary{grid-template-columns:1fr 1fr}.product-form-05d{grid-template-columns:1fr!important}.product-form-05d .full{grid-column:auto}.variant-fields{grid-template-columns:1fr}.product-search-05d{grid-template-columns:1fr}.product-search-05d input{grid-column:auto}}
@media(max-width:480px){.product-edit-summary{grid-template-columns:1fr}.product-gallery{grid-template-columns:repeat(2,1fr)}}

/* ==========================================================
   UPDATE 05D2 — PRODUTO / COLUNA LATERAL BLING + GALERIA
========================================================== */
.product-side-stack{
    display:flex;
    flex-direction:column;
    gap:18px;
    padding:18px;
    background:#171717;
    border-radius:18px;
    align-self:stretch;
}
.product-side-stack>.panel{
    margin:0;
    padding:22px;
    background:#fff;
    border:1px solid #ebe7df;
    border-radius:14px;
    box-shadow:0 1px 2px rgba(0,0,0,.02),0 8px 24px rgba(0,0,0,.035);
}
.product-side-stack .eyebrow{
    display:block;
    margin-bottom:7px;
    font-size:10px;
    line-height:1;
    font-weight:800;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:#9a7a43;
}
.product-side-stack h2{
    margin:0 0 20px;
    font-size:18px;
    line-height:1.25;
    font-weight:750;
    color:#151515;
}
.product-side-stack .source-data{margin:0;display:block}
.product-side-stack .source-data>div{
    display:grid;
    grid-template-columns:105px minmax(0,1fr);
    gap:12px;
    padding:11px 0;
    border-bottom:1px solid #eeeae3;
}
.product-side-stack .source-data>div:first-child{padding-top:0}
.product-side-stack .source-data>div:last-child{padding-bottom:0;border-bottom:0}
.product-side-stack .source-data dt{
    margin:0;
    font-size:11px;
    line-height:1.4;
    font-weight:700;
    color:#8b847b;
}
.product-side-stack .source-data dd{
    min-width:0;
    margin:0;
    font-size:12px;
    line-height:1.45;
    font-weight:600;
    color:#24211e;
    overflow-wrap:anywhere;
}
.product-side-stack .source-data>div:nth-child(2) dd,
.product-side-stack .source-data>div:nth-child(6) dd{
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
    font-size:10px;
}
.product-side-stack .product-gallery{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-top:0;
}
.product-side-stack .product-gallery a{
    display:block;
    aspect-ratio:1/1;
    border:1px solid #ebe7df;
    border-radius:10px;
    overflow:hidden;
    background:#f7f5f1;
}
.product-side-stack .product-gallery img{
    display:block;
    width:100%;
    height:100%;
    aspect-ratio:1/1;
    object-fit:cover;
    background:#f7f5f1;
}
.product-side-stack .product-gallery .empty-state{
    grid-column:1/-1;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:120px;
    padding:20px;
    text-align:center;
    background:#f8f6f2;
    border:1px dashed #ddd6cb;
    border-radius:10px;
    font-size:12px;
    color:#8c857c;
}
@media(max-width:1100px){
    .product-side-stack{padding:14px}
    .product-side-stack .source-data>div{grid-template-columns:90px minmax(0,1fr)}
}
@media(max-width:900px){
    .product-side-stack{width:100%;padding:14px;border-radius:16px}
    .product-side-stack>.panel{padding:18px}
}
@media(max-width:520px){
    .product-side-stack .source-data>div{display:block}
    .product-side-stack .source-data dt{margin-bottom:4px}
    .product-side-stack .product-gallery{grid-template-columns:1fr 1fr}
}

/* ==========================================================
   UPDATE 05D3 — PRODUTO / SIDEBAR LIMPA + LARGURA KPI
   A coluna Dados sincronizados/Galeria passa a ocupar a mesma
   proporção visual de um card do resumo superior (1/4).
========================================================== */
.product-edit-grid{
    grid-template-columns:minmax(0,3fr) minmax(0,1fr);
    gap:14px;
}

.product-side-stack{
    display:flex;
    flex-direction:column;
    gap:14px;
    width:100%;
    min-width:0;
    padding:0;
    background:transparent;
    border-radius:0;
    align-self:start;
}

.product-side-stack>.panel{
    width:100%;
    margin:0;
    padding:20px;
    background:#fff;
    border:1px solid var(--line, #ebe7df);
    border-radius:16px;
    box-shadow:none;
}

@media(max-width:1300px){
    .product-edit-grid{
        grid-template-columns:1fr;
        gap:14px;
    }
    .product-side-stack{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        align-items:start;
    }
}

@media(max-width:760px){
    .product-side-stack{
        grid-template-columns:1fr;
    }
}

/* ==========================================================
   UPDATE 05D4 — REMOVE DEFINITIVAMENTE O FUNDO DA SIDEBAR
========================================================== */
aside.product-side-stack,
.product-edit-grid > aside.product-side-stack,
.product-side-stack {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: 0 !important;
    outline: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

.product-side-stack::before,
.product-side-stack::after {
    content: none !important;
    display: none !important;
    background: transparent !important;
}

.product-side-stack > section.panel {
    background: #fff !important;
    color: var(--ink, #171717) !important;
    border: 1px solid var(--line, #ebe7df) !important;
    box-shadow: none !important;
}

/* ==========================================================
   UPDATE 05E — CATÁLOGO / FILTROS / PRODUTOS E VARIAÇÕES
========================================================== */
.product-channel-kpis-05e{grid-template-columns:repeat(4,minmax(0,1fr))}
.catalog-quick-info{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:18px}
.catalog-quick-info h2{margin:5px 0 7px}.catalog-quick-info p{margin:0;color:#817b73;font-size:13px}.catalog-info-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.product-listing-05e{margin-top:18px}.catalog-filter-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:20px}.catalog-filter-head h2{margin:4px 0 5px}.catalog-filter-head p{margin:0;color:#888;font-size:12px}.catalog-result-count{text-align:right}.catalog-result-count strong,.catalog-result-count small{display:block}.catalog-result-count strong{font-size:28px}.catalog-result-count small{color:#8b857d;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.08em}
.product-filter-05e{display:grid;grid-template-columns:minmax(300px,1.8fr) repeat(4,minmax(135px,.72fr));gap:12px;align-items:end;padding:16px;background:#f8f6f2;border:1px solid var(--line);border-radius:14px}.product-filter-05e label{display:block;margin:0}.product-filter-05e label>span{display:block;margin:0 0 6px;color:#756f68;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.product-filter-05e input,.product-filter-05e select{width:100%;height:42px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;padding:9px 11px;color:#171717;outline:none}.product-filter-05e input:focus,.product-filter-05e select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #a88a5f18}.filter-search{grid-row:span 2}.filter-actions{display:flex;gap:8px;align-items:center}.filter-actions .btn{white-space:nowrap}
.active-filter-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:12px 0 4px}.active-filter-row small{color:#8c867f;font-weight:800;margin-right:3px}.active-filter-row span{display:inline-flex;padding:5px 9px;border-radius:99px;background:#eee9e1;color:#6d604f;font-size:10px;font-weight:800}
.products-table-05e{margin-top:16px}.products-table-05e .product-cell{min-width:330px}.product-cell-copy{min-width:0}.product-cell-copy strong{display:block}.product-cell-copy>small{display:block;margin-top:4px;color:#948e87}.inline-override{display:inline-flex!important;margin-top:6px!important}.type-badge{display:inline-flex;padding:5px 8px;border-radius:99px;background:#eee8dd;color:#735d3b;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.type-badge.is-simple{background:#f2f2ef;color:#777}.variant-count-line,.stock-detail{display:block;margin-top:6px;color:#888;font-size:10px}.variant-count-line strong{font-size:11px;color:#292725}.stock-detail{white-space:nowrap}.products-table-05e td{vertical-align:middle}
.catalog-pagination-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.catalog-pagination-footer>small{color:#8b857d}.catalog-pagination-footer .pagination-wrap{margin:0}
@media(max-width:1450px){.product-filter-05e{grid-template-columns:repeat(4,minmax(0,1fr))}.product-filter-05e .filter-search{grid-column:1/-1;grid-row:auto}.filter-actions{grid-column:span 2}}
@media(max-width:1100px){.product-channel-kpis-05e{grid-template-columns:1fr 1fr}.catalog-quick-info{align-items:flex-start;flex-direction:column}.catalog-info-actions{justify-content:flex-start}.product-filter-05e{grid-template-columns:1fr 1fr}.filter-actions{grid-column:1/-1}.products-table-05e .product-cell{min-width:280px}}
@media(max-width:680px){.product-channel-kpis-05e{grid-template-columns:1fr}.catalog-filter-head{align-items:flex-start;flex-direction:column}.catalog-result-count{text-align:left}.product-filter-05e{grid-template-columns:1fr}.product-filter-05e .filter-search,.filter-actions{grid-column:auto}.filter-actions{flex-wrap:wrap}.catalog-pagination-footer{align-items:flex-start;flex-direction:column}}


/* JOIAS LAVI — MANAGER SIDEBAR VERTIGO 2.0 */

.manager-dashboard{
    grid-template-columns:278px minmax(0,1fr);
}

.manager-dashboard aside.manager-sidebar{
    position:sticky;
    top:0;
    height:100vh;
    overflow:hidden;
    padding:22px 16px 16px;
    gap:0;
    color:#fff;
    background:
        radial-gradient(circle at 18% 0%, rgba(168,138,95,.15), transparent 27%),
        linear-gradient(180deg,#171717 0%,#111 58%,#0d0d0d 100%);
    border-right:1px solid rgba(255,255,255,.06);
    box-shadow:12px 0 40px rgba(0,0,0,.05);
}

.manager-sidebar::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:1px;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(207,178,133,.7),
        transparent
    );
}

.manager-sidebar-brand{
    position:relative;
    display:flex;
    align-items:center;
    gap:12px;
    min-height:52px;
    padding:0 8px 18px;
    border-bottom:1px solid rgba(255,255,255,.075);
}

.manager-sidebar-brand-mark{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    flex:0 0 42px;
    border:1px solid rgba(210,180,135,.42);
    border-radius:13px;
    background:
        linear-gradient(145deg,rgba(168,138,95,.22),rgba(168,138,95,.05));
    box-shadow:
        inset 0 1px rgba(255,255,255,.08),
        0 8px 24px rgba(0,0,0,.22);
    color:#d3b98e;
    font-family:Georgia,serif;
    font-size:22px;
    font-weight:700;
    line-height:1;
}

.manager-sidebar-brand-copy{
    min-width:0;
}

.manager-sidebar-brand-copy .brand{
    color:#fff;
    font-size:16px;
    font-weight:900;
    letter-spacing:.075em;
    line-height:1.1;
}

.manager-sidebar-brand-copy .brand small{
    margin-left:3px;
    color:#c7a979;
    font-size:10px;
    letter-spacing:.08em;
}

.manager-sidebar-brand-copy>span{
    display:block;
    margin-top:5px;
    color:#6f6f6f;
    font-size:9px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.22em;
}

.manager-sidebar-project{
    display:flex;
    flex-direction:column;
    gap:3px;
    margin:18px 6px 20px;
    padding:13px 14px;
    border:1px solid rgba(255,255,255,.065);
    border-radius:12px;
    background:rgba(255,255,255,.035);
    box-shadow:inset 0 1px rgba(255,255,255,.025);
}

.manager-sidebar-project span{
    color:#756d62;
    font-size:8px;
    font-weight:900;
    letter-spacing:.18em;
}

.manager-sidebar-project strong{
    overflow:hidden;
    color:#d6d3ce;
    font-size:12px;
    font-weight:750;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.manager-sidebar-section-label{
    margin:0 14px 9px;
    color:#595959;
    font-size:8px;
    font-weight:900;
    letter-spacing:.18em;
}

.manager-dashboard .manager-sidebar-nav{
    display:flex;
    flex-direction:column;
    gap:3px;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    padding:0 2px 10px;
    scrollbar-width:thin;
    scrollbar-color:#343434 transparent;
}

.manager-dashboard .manager-sidebar-nav a{
    position:relative;
    display:flex;
    align-items:center;
    gap:11px;
    min-height:45px;
    padding:8px 11px;
    border:1px solid transparent;
    border-radius:11px;
    background:transparent;
    color:#8f8f8f;
    font-size:12px;
    font-weight:650;
    line-height:1.2;
    transition:
        color .18s ease,
        background .18s ease,
        border-color .18s ease,
        transform .18s ease;
}

.manager-dashboard .manager-sidebar-nav a::before{
    content:"";
    position:absolute;
    top:50%;
    left:-3px;
    width:2px;
    height:0;
    border-radius:10px;
    background:#b49568;
    box-shadow:0 0 12px rgba(180,149,104,.4);
    transform:translateY(-50%);
    transition:height .18s ease;
}

.manager-dashboard .manager-sidebar-nav a:hover{
    color:#e4e1dc;
    background:rgba(255,255,255,.04);
    border-color:rgba(255,255,255,.035);
    transform:translateX(1px);
}

.manager-dashboard .manager-sidebar-nav a.active{
    color:#fff;
    background:
        linear-gradient(
            90deg,
            rgba(168,138,95,.16),
            rgba(255,255,255,.045)
        );
    border-color:rgba(181,151,108,.16);
    box-shadow:
        inset 0 1px rgba(255,255,255,.025),
        0 8px 24px rgba(0,0,0,.08);
}

.manager-dashboard .manager-sidebar-nav a.active::before{
    height:23px;
}

.manager-sidebar-icon{
    display:grid;
    place-items:center;
    width:29px;
    height:29px;
    flex:0 0 29px;
    border:1px solid rgba(255,255,255,.055);
    border-radius:8px;
    background:rgba(255,255,255,.025);
    color:#737373;
    transition:
        color .18s ease,
        background .18s ease,
        border-color .18s ease;
}

.manager-sidebar-icon svg{
    display:block;
    width:15px;
    height:15px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.65;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.manager-sidebar-nav a:hover .manager-sidebar-icon{
    color:#bba17b;
    background:rgba(168,138,95,.07);
    border-color:rgba(168,138,95,.13);
}

.manager-sidebar-nav a.active .manager-sidebar-icon{
    color:#d0b184;
    background:rgba(168,138,95,.12);
    border-color:rgba(189,159,116,.21);
}

.manager-sidebar-link-label{
    min-width:0;
    flex:1;
}

.manager-sidebar-arrow{
    display:grid;
    place-items:center;
    width:16px;
    height:16px;
    flex:0 0 16px;
    color:#4f4f4f;
    opacity:0;
    transform:translateX(-3px);
    transition:.18s ease;
}

.manager-sidebar-arrow svg{
    width:12px;
    height:12px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.manager-sidebar-nav a:hover .manager-sidebar-arrow,
.manager-sidebar-nav a.active .manager-sidebar-arrow{
    opacity:1;
    transform:translateX(0);
}

.manager-sidebar-nav a.active .manager-sidebar-arrow{
    color:#9b815d;
}

.manager-dashboard aside.manager-sidebar form{
    margin-top:0;
}

.manager-sidebar-footer{
    margin-top:auto;
    padding:14px 5px 0;
    border-top:1px solid rgba(255,255,255,.07);
}

.manager-sidebar-user{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
    padding:0 6px 12px;
}

.manager-sidebar-avatar{
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    flex:0 0 34px;
    border:1px solid rgba(168,138,95,.22);
    border-radius:10px;
    background:rgba(168,138,95,.09);
    color:#c9ab7d;
    font-size:12px;
    font-weight:900;
}

.manager-sidebar-user>div{
    min-width:0;
}

.manager-sidebar-user strong,
.manager-sidebar-user small{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.manager-sidebar-user strong{
    max-width:175px;
    color:#bcbcbc;
    font-size:10px;
    font-weight:750;
}

.manager-sidebar-user small{
    max-width:175px;
    margin-top:3px;
    color:#666;
    font-size:8px;
    font-weight:750;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.manager-sidebar-logout .link-btn{
    display:flex;
    align-items:center;
    gap:10px;
    width:100%;
    min-height:41px;
    padding:6px 10px;
    border-radius:10px;
    color:#707070;
    font-size:11px;
    font-weight:700;
    transition:.18s ease;
}

.manager-sidebar-logout .link-btn:hover{
    color:#d3d3d3;
    background:rgba(255,255,255,.035);
}

.manager-sidebar-logout .link-btn .manager-sidebar-icon{
    width:27px;
    height:27px;
    flex-basis:27px;
}

.manager-sidebar-logout .link-btn:hover .manager-sidebar-icon{
    color:#a68a64;
}

/* Mantém o comportamento responsivo atual do Manager. */
@media(max-width:900px){
    .manager-dashboard{
        grid-template-columns:1fr;
    }

    .manager-dashboard aside.manager-sidebar{
        display:none;
    }
}


/* ==========================================================
   UPDATE 05F — PRODUCT TABLE FIT / SKU WRAP
   Evita que SKU longo empurre status e ações para fora.
========================================================== */

.products-table-05e .manager-table{
    width:100%;
    min-width:0;
    table-layout:fixed;
}

/* Produto */
.products-table-05e th:nth-child(1),
.products-table-05e td:nth-child(1){
    width:25%;
}

/* SKU */
.products-table-05e th:nth-child(2),
.products-table-05e td:nth-child(2){
    width:20%;
}

/* Categoria */
.products-table-05e th:nth-child(3),
.products-table-05e td:nth-child(3){
    width:10%;
}

/* Tipo / variações */
.products-table-05e th:nth-child(4),
.products-table-05e td:nth-child(4){
    width:10%;
}

/* Preço */
.products-table-05e th:nth-child(5),
.products-table-05e td:nth-child(5){
    width:9%;
}

/* Estoque */
.products-table-05e th:nth-child(6),
.products-table-05e td:nth-child(6){
    width:9%;
}

/* Demais colunas: status / publicação / ações */
.products-table-05e th:nth-child(n+7),
.products-table-05e td:nth-child(n+7){
    width:auto;
}

/* SKU pode quebrar em qualquer ponto */
.products-table-05e td:nth-child(2){
    overflow-wrap:anywhere;
    word-break:break-word;
    white-space:normal;
    font-size:10px;
    line-height:1.35;
}

/* O conteúdo do produto também não força a tabela */
.products-table-05e .product-cell{
    min-width:0;
}

.products-table-05e .product-cell-copy{
    min-width:0;
}

.products-table-05e .product-cell-copy strong,
.products-table-05e .product-cell-copy small{
    overflow-wrap:anywhere;
}

/* Preço, estoque, badges e botões não quebram */
.products-table-05e td:nth-child(5),
.products-table-05e td:nth-child(6),
.products-table-05e .type-badge,
.products-table-05e .log-status,
.products-table-05e .btn{
    white-space:nowrap;
}

/* Ações sempre visíveis */
.products-table-05e td:last-child{
    text-align:right;
    white-space:nowrap;
}

@media(max-width:1200px){
    .products-table-05e th:nth-child(1),
    .products-table-05e td:nth-child(1){
        width:23%;
    }

    .products-table-05e th:nth-child(2),
    .products-table-05e td:nth-child(2){
        width:17%;
    }
}
/* CIA DA ESTEIRA — MANAGER 2.0 */
/* CIA DA ESTEIRA — MANAGER 2.0
   Identidade institucional sobre a base Vertigo Manager 2.0
========================================================== */

:root{
    --cia-blue:#356ba3;
    --cia-blue-dark:#1e4f80;
    --cia-blue-soft:#eaf2f9;
    --cia-orange:#ff6500;
    --cia-orange-dark:#dc5500;

    /* compatibilidade com componentes existentes */
    --gold:var(--cia-orange);
    --gold-dark:var(--cia-orange-dark);
}

/* Destaques gerais
---------------------------------------------------------- */

.eyebrow{
    color:var(--cia-orange);
}

.brand small{
    color:var(--cia-orange);
}

.btn-gold{
    background:var(--cia-orange);
    color:#fff;
}

.btn-gold:hover{
    background:var(--cia-orange-dark);
}

.form-field input:focus,
.manager-form input:focus,
.manager-search input:focus,
.product-form-05d textarea:focus,
.product-form-05d select:focus,
.product-filter-05e input:focus,
.product-filter-05e select:focus{
    border-color:var(--cia-blue)!important;
    box-shadow:0 0 0 3px rgba(53,107,163,.12)!important;
}

/* Sidebar
---------------------------------------------------------- */

.manager-dashboard aside.manager-sidebar{
    background:
        radial-gradient(
            circle at 14% 0%,
            rgba(53,107,163,.25),
            transparent 29%
        ),
        radial-gradient(
            circle at 100% 16%,
            rgba(255,101,0,.08),
            transparent 23%
        ),
        linear-gradient(
            180deg,
            #14202b 0%,
            #101820 48%,
            #0b1117 100%
        );
}

.manager-sidebar::before{
    background:linear-gradient(
        90deg,
        transparent,
        var(--cia-blue),
        var(--cia-orange),
        transparent
    );
}

.manager-sidebar-brand-mark{
    border-color:rgba(255,101,0,.38);
    background:
        linear-gradient(
            145deg,
            rgba(255,101,0,.18),
            rgba(53,107,163,.13)
        );
    color:#fff;
}

.manager-sidebar-brand-copy .brand small{
    color:var(--cia-orange);
}

.manager-sidebar-project-cia{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
    padding:14px;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.055),
            rgba(53,107,163,.055)
        );
    border-color:rgba(255,255,255,.09);
}

.manager-sidebar-cia-logo{
    display:block;
    width:100%;
    max-width:188px;
    height:auto;
    max-height:58px;
    object-fit:contain;
    object-position:left center;
}

.manager-sidebar-project-copy{
    display:flex;
    flex-direction:column;
    gap:3px;
}

.manager-sidebar-project-copy span{
    color:var(--cia-orange);
}

.manager-sidebar-project-copy strong{
    color:#fff;
}

/* Menu ativo */

.manager-dashboard .manager-sidebar-nav a::before{
    background:var(--cia-orange);
    box-shadow:0 0 14px rgba(255,101,0,.38);
}

.manager-dashboard .manager-sidebar-nav a.active{
    color:#fff;
    background:
        linear-gradient(
            90deg,
            rgba(53,107,163,.23),
            rgba(255,101,0,.055)
        );
    border-color:rgba(53,107,163,.30);
}

.manager-dashboard .manager-sidebar-nav a:hover{
    background:rgba(53,107,163,.10);
    border-color:rgba(53,107,163,.15);
}

.manager-sidebar-nav a:hover .manager-sidebar-icon{
    color:#7fb2df;
    background:rgba(53,107,163,.12);
    border-color:rgba(53,107,163,.22);
}

.manager-sidebar-nav a.active .manager-sidebar-icon{
    color:#fff;
    background:var(--cia-blue);
    border-color:rgba(255,255,255,.12);
}

.manager-sidebar-nav a.active .manager-sidebar-arrow{
    color:var(--cia-orange);
}

.manager-sidebar-avatar{
    border-color:rgba(255,101,0,.30);
    background:rgba(255,101,0,.10);
    color:#ff8a40;
}

/* Componentes internos
---------------------------------------------------------- */

.integration-kpi-accent,
.product-channel-kpis .is-accent{
    background:var(--cia-blue-dark);
    border-color:var(--cia-blue-dark);
}

.integration-kpi-accent small,
.product-channel-kpis .is-accent small{
    color:#bcd7ee;
}

.channel-on{
    background:var(--cia-blue-soft);
    color:var(--cia-blue-dark);
}

.field-override{
    color:var(--cia-orange-dark);
}

.sync-flow b{
    color:var(--cia-orange);
}

.command-card small{
    color:#82b5df;
}

/* Login
---------------------------------------------------------- */

.manager-login{
    background:
        radial-gradient(
            circle at 12% 0,
            rgba(53,107,163,.14) 0,
            transparent 36%
        ),
        radial-gradient(
            circle at 100% 100%,
            rgba(255,101,0,.08) 0,
            transparent 32%
        ),
        #f5f7f9;
}

.login-card{
    border-color:#dfe7ed;
    box-shadow:0 28px 80px rgba(30,79,128,.11);
}

.manager-login-cia-brand{
    display:flex;
    align-items:center;
    min-height:74px;
    margin:18px 0 20px;
    padding:14px 0;
    border-top:1px solid #edf0f2;
    border-bottom:1px solid #edf0f2;
}

.manager-login-cia-brand img{
    display:block;
    width:min(260px,100%);
    max-height:70px;
    object-fit:contain;
    object-position:left center;
}

.login-card .eyebrow{
    color:var(--cia-orange);
}

.login-card input:focus{
    outline:none;
    border-color:var(--cia-blue);
    box-shadow:0 0 0 3px rgba(53,107,163,.12);
}

.login-card button{
    background:var(--cia-blue);
    transition:.18s ease;
}

.login-card button:hover{
    background:var(--cia-blue-dark);
    transform:translateY(-1px);
}

/* Mobile
---------------------------------------------------------- */

@media(max-width:900px){
    .manager-sidebar-cia-logo{
        max-width:170px;
    }
}


/* CIA DA ESTEIRA — AJUSTE BRAND V02
========================================================== */

/* Sem ícone V: assinatura Vertigo alinhada diretamente */
.manager-sidebar-brand{
    gap:0;
}

.manager-sidebar-brand-copy{
    padding-left:2px;
}

/* Painel usa apenas identificação textual do projeto */
.manager-sidebar-project{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:3px;
}

.manager-sidebar-project > span{
    color:var(--cia-orange);
}

.manager-sidebar-project > strong{
    color:#fff;
}

/* Logo institucional fica reservada ao login/site público */
.manager-sidebar-cia-logo{
    display:none!important;
}
/* CIA DA ESTEIRA — LOGIN PREMIUM V03 */
/* CIA DA ESTEIRA — LOGIN PREMIUM V03
========================================================== */

.manager-login-premium{
    position:relative;
    display:grid;
    place-items:center;
    min-height:100vh;
    padding:42px 20px;
    overflow:hidden;

    background:
        radial-gradient(
            circle at 50% 42%,
            #ffffff 0,
            #f6f8fa 35%,
            #edf1f4 72%,
            #e8edf1 100%
        );

    color:#17212b;
}

/* ----------------------------------------------------------
   FUNDO NEUTRO
---------------------------------------------------------- */

.manager-login-bg{
    position:absolute;
    inset:0;
    overflow:hidden;
    pointer-events:none;
}

.manager-login-bg::before{
    content:"";
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.68),
            transparent 31%
        ),
        linear-gradient(
            315deg,
            rgba(255,255,255,.58),
            transparent 30%
        );
}

.manager-login-shape{
    position:absolute;
    display:block;
    border:1px solid rgba(42,66,87,.065);
    border-radius:52px;
    transform:rotate(45deg);
}

.manager-login-shape-1{
    width:470px;
    height:470px;
    left:-250px;
    top:13%;
    background:rgba(255,255,255,.22);
}

.manager-login-shape-2{
    width:520px;
    height:520px;
    right:-300px;
    top:-180px;
    background:rgba(255,255,255,.16);
}

.manager-login-shape-3{
    width:390px;
    height:390px;
    right:-190px;
    bottom:-190px;
    background:rgba(53,107,163,.018);
}

.manager-login-dots{
    position:absolute;
    width:84px;
    height:84px;
    opacity:.34;

    background-image:
        radial-gradient(
            circle,
            #91a0ad 1.6px,
            transparent 1.8px
        );

    background-size:14px 14px;
}

.manager-login-dots-1{
    left:8%;
    top:24%;
}

.manager-login-dots-2{
    right:9%;
    bottom:21%;
}

/* ----------------------------------------------------------
   CARD
---------------------------------------------------------- */

.login-card-premium{
    position:relative;
    z-index:2;

    width:min(460px,calc(100vw - 32px));

    padding:30px 38px 24px;

    border:1px solid rgba(34,57,78,.085);
    border-radius:24px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.98),
            rgba(255,255,255,.95)
        );

    box-shadow:
        0 32px 80px rgba(30,49,65,.13),
        0 8px 24px rgba(30,49,65,.055),
        inset 0 1px rgba(255,255,255,.95);

    backdrop-filter:blur(14px);
}

/* detalhe superior */

.login-card-premium::before{
    content:"";
    position:absolute;
    top:-1px;
    right:30px;

    width:72px;
    height:3px;

    border-radius:0 0 5px 5px;

    background:
        linear-gradient(
            90deg,
            var(--cia-blue),
            var(--cia-orange)
        );
}

/* ----------------------------------------------------------
   VERTIGO
---------------------------------------------------------- */

.login-vertigo-brand{
    display:flex;
    flex-direction:column;
    align-items:flex-start;

    padding-bottom:18px;

    border-bottom:1px solid #e9edf0;
}

.login-vertigo-name{
    color:#17212b;
    font-size:17px;
    line-height:1;
    font-weight:950;
    letter-spacing:.045em;
}

.login-vertigo-name small{
    margin-left:3px;

    color:var(--cia-orange);

    font-size:11px;
    font-weight:950;
}

.login-vertigo-brand>span{
    display:block;

    margin-top:6px;

    color:#98a2ac;

    font-size:9px;
    line-height:1;
    font-weight:900;
    letter-spacing:.27em;
}

/* ----------------------------------------------------------
   LOGO CIA
---------------------------------------------------------- */

.login-cia-brand{
    display:flex;
    align-items:center;
    justify-content:center;

    min-height:112px;

    margin:0;
    padding:19px 10px;

    border-bottom:1px solid #e9edf0;
}

.login-cia-brand img{
    display:block;

    width:min(285px,100%);
    max-height:82px;

    object-fit:contain;
}

/* ----------------------------------------------------------
   TÍTULO
---------------------------------------------------------- */

.login-heading{
    padding:22px 0 2px;
}

.login-heading .eyebrow{
    margin:0 0 11px;

    color:var(--cia-orange);

    font-size:10px;
    line-height:1;
    font-weight:950;
    letter-spacing:.27em;
}

.login-card-premium .login-heading h1{
    margin:0;

    color:#17212b;

    font-size:39px;
    line-height:1;
    font-weight:850;
    letter-spacing:-.04em;
}

.login-card-premium .login-heading p{
    margin:9px 0 0;

    color:#7c8791;

    font-size:14px;
}

/* ----------------------------------------------------------
   ERROS
---------------------------------------------------------- */

.login-alert{
    margin:18px 0 0;

    border:1px solid #f0cccc;

    background:#fff3f3;
    color:#9b2525;

    font-size:12px;
    font-weight:700;
}

/* ----------------------------------------------------------
   FORM
---------------------------------------------------------- */

.manager-login-form{
    display:grid;
    gap:15px;

    margin-top:20px;
}

.manager-login-form label{
    display:grid;
    gap:7px;

    margin:0;

    color:#17212b;

    font-size:12px;
    font-weight:850;
}

.login-input-wrap{
    position:relative;
}

.login-input-wrap input{
    width:100%;
    height:49px;

    margin:0;

    padding:0 48px;

    border:1px solid #d6dee5;
    border-radius:11px;

    outline:none;

    background:#f7f9fb;

    color:#17212b;

    font-size:13px;

    box-shadow:
        inset 0 1px 2px rgba(22,42,59,.025);

    transition:
        border-color .18s ease,
        background .18s ease,
        box-shadow .18s ease;
}

.login-input-wrap input:hover{
    border-color:#c3cdd6;
    background:#fff;
}

.login-input-wrap input:focus{
    border-color:var(--cia-blue);

    background:#fff;

    box-shadow:
        0 0 0 3px rgba(53,107,163,.10),
        0 4px 14px rgba(53,107,163,.055);
}

.login-input-icon{
    position:absolute;
    z-index:2;

    top:50%;
    left:15px;

    display:grid;
    place-items:center;

    width:19px;
    height:19px;

    color:#667582;

    transform:translateY(-50%);

    pointer-events:none;
}

.login-input-icon svg{
    width:18px;
    height:18px;

    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* ----------------------------------------------------------
   MOSTRAR SENHA
---------------------------------------------------------- */

.login-password-toggle{
    position:absolute;
    z-index:3;

    top:50%;
    right:10px;

    display:grid;
    place-items:center;

    width:34px!important;
    height:34px;

    margin:0!important;
    padding:0!important;

    border:0!important;
    border-radius:8px!important;

    background:transparent!important;
    color:#71808d!important;

    cursor:pointer;

    transform:translateY(-50%);
}

.login-password-toggle:hover{
    background:#edf2f6!important;
}

.login-password-toggle svg{
    width:18px;
    height:18px;

    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.login-password-toggle .eye-closed{
    display:none;
}

.login-password-toggle.is-visible .eye-open{
    display:none;
}

.login-password-toggle.is-visible .eye-closed{
    display:block;
}

/* ----------------------------------------------------------
   BOTÃO
---------------------------------------------------------- */

.manager-login-form .login-submit{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    width:100%;
    height:50px;

    margin:5px 0 0;
    padding:0 17px;

    border:0;
    border-radius:11px;

    background:
        linear-gradient(
            135deg,
            #ff720d 0%,
            var(--cia-orange) 62%,
            #f45a00 100%
        );

    color:#fff;

    font-size:13px;
    font-weight:900;

    box-shadow:
        0 10px 24px rgba(255,101,0,.19);

    cursor:pointer;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        filter .18s ease;
}

.manager-login-form .login-submit span{
    flex:1;
    padding-left:24px;
    text-align:center;
}

.manager-login-form .login-submit svg{
    width:18px;
    height:18px;

    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.manager-login-form .login-submit:hover{
    transform:translateY(-1px);

    filter:saturate(1.05);

    box-shadow:
        0 14px 30px rgba(255,101,0,.25);
}

.manager-login-form .login-submit:active{
    transform:translateY(0);
}

/* ----------------------------------------------------------
   RODAPÉ
---------------------------------------------------------- */

.login-footer-brand{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;

    margin-top:25px;
    padding-top:20px;

    border-top:1px solid #e9edf0;

    color:#98a2ac;

    font-size:9px;
    font-style:normal;
    font-weight:900;
    letter-spacing:.20em;
}

.login-footer-brand strong{
    color:var(--cia-orange);
    font-size:9px;
}

.login-footer-brand i{
    width:3px;
    height:3px;

    margin:0 4px;

    border-radius:50%;

    background:#b8c0c7;
}

/* ----------------------------------------------------------
   RESPONSIVO
---------------------------------------------------------- */

@media(max-width:600px){

    .manager-login-premium{
        padding:20px 14px;
    }

    .login-card-premium{
        padding:26px 25px 22px;
        border-radius:20px;
    }

    .login-cia-brand{
        min-height:98px;
    }

    .login-cia-brand img{
        width:min(250px,100%);
        max-height:72px;
    }

    .login-card-premium .login-heading h1{
        font-size:35px;
    }

    .manager-login-shape-1{
        left:-350px;
    }

    .manager-login-shape-2{
        right:-390px;
    }

    .manager-login-dots{
        opacity:.20;
    }
}

/* ==========================================================
   LOGIN — PASSWORD EYE FIX
========================================================== */

.login-password-toggle,
.login-password-toggle:hover,
.login-password-toggle:focus,
.login-password-toggle:active,
.login-password-toggle.is-visible,
.login-password-toggle.is-visible:hover{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    outline:none!important;
    transform:translateY(-50%)!important;
}

.login-password-toggle{
    right:12px;
    width:28px!important;
    height:28px!important;
    color:#8795a1!important;
}

.login-password-toggle:hover{
    color:#356ba3!important;
}

.login-password-toggle:focus-visible{
    outline:2px solid rgba(53,107,163,.22)!important;
    outline-offset:1px!important;
    border-radius:6px!important;
}

.login-password-toggle svg{
    display:block;
    width:17px;
    height:17px;
    pointer-events:none;
}

.login-password-toggle .eye-closed{
    display:none;
}

.login-password-toggle.is-visible .eye-open{
    display:none;
}

.login-password-toggle.is-visible .eye-closed{
    display:block;
}



/* ==========================================================
   LOGIN — OPTIONS V04
========================================================== */

/* pontilhados removidos */
.manager-login-dots{
    display:none!important;
}

.login-options{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;

    margin:-1px 0 2px;

    font-size:11px;
}

.login-remember{
    display:flex!important;
    grid-template-columns:none!important;
    align-items:center;
    gap:7px!important;

    margin:0!important;

    color:#596875!important;

    font-size:11px!important;
    font-weight:600!important;

    cursor:pointer;
    user-select:none;
}

.login-remember input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.login-check{
    position:relative;

    display:block;

    width:16px;
    height:16px;

    flex:0 0 16px;

    border:1px solid #c5d0d9;
    border-radius:4px;

    background:#fff;

    transition:.15s ease;
}

.login-remember input:checked + .login-check{
    border-color:var(--cia-blue);
    background:var(--cia-blue);
}

.login-remember input:checked + .login-check::after{
    content:"";

    position:absolute;
    left:5px;
    top:2px;

    width:4px;
    height:8px;

    border:solid #fff;
    border-width:0 2px 2px 0;

    transform:rotate(45deg);
}

.login-forgot{
    color:var(--cia-blue);

    font-size:11px;
    font-weight:650;
    text-decoration:none;

    white-space:nowrap;
}

.login-forgot:hover{
    color:var(--cia-blue-dark);
    text-decoration:underline;
}

@media(max-width:420px){
    .login-options{
        gap:8px;
    }

    .login-options,
    .login-remember,
    .login-forgot{
        font-size:10px!important;
    }
}


/* ==========================================================
   MANAGER 2.0 — ERP CENTRAL V01
========================================================== */

.erp-driver-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
    margin-top:28px;
}

.erp-driver-card{
    margin:0!important;
    position:relative;
    overflow:hidden;
}

.erp-driver-card.is-default{
    border-color:rgba(53,107,163,.32);
    box-shadow:0 10px 30px rgba(30,79,128,.08);
}

.erp-driver-card.is-default:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:4px;
    background:var(--cia-blue);
}

.erp-driver-head{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:14px;
    align-items:center;
}

.erp-driver-icon{
    width:50px;
    height:50px;
    border-radius:14px;
    display:grid;
    place-items:center;
    background:var(--cia-blue-dark);
    color:#fff;
    font-size:13px;
    font-weight:950;
    letter-spacing:.04em;
}

.erp-driver-card:not(.is-default) .erp-driver-icon{
    background:#edf1f4;
    color:#65727c;
}

.erp-driver-title h2{
    margin:3px 0 0;
}

.erp-driver-badges{
    display:flex;
    justify-content:flex-end;
    gap:6px;
    flex-wrap:wrap;
}

.erp-badge{
    display:inline-flex;
    align-items:center;
    min-height:27px;
    padding:5px 9px;
    border-radius:99px;
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.erp-badge-primary{
    background:var(--cia-blue-soft);
    color:var(--cia-blue-dark);
}

.erp-badge-active{
    background:#eaf7ed;
    color:#256838;
}

.erp-badge-disabled{
    background:#f0f1f2;
    color:#747d84;
}

.erp-driver-meta{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin-top:24px;
}

.erp-driver-meta>div{
    background:#f7f8f9;
    border:1px solid #eaedef;
    border-radius:11px;
    padding:13px;
    min-width:0;
}

.erp-driver-meta small{
    display:block;
    color:#87919a;
    font-size:10px;
    margin-bottom:6px;
    text-transform:uppercase;
    letter-spacing:.07em;
    font-weight:850;
}

.erp-driver-meta strong{
    display:block;
    font-size:12px;
    overflow:hidden;
    text-overflow:ellipsis;
}

.erp-capabilities{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:18px;
}

.erp-capabilities span{
    padding:7px 9px;
    border-radius:8px;
    background:#f5f7f9;
    border:1px solid #e6eaed;
    color:#5f6b74;
    font-size:10px;
    font-weight:800;
}

.erp-driver-footer{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    border-top:1px solid #eceff1;
    margin-top:22px;
    padding-top:18px;
}

.erp-driver-note{
    display:grid;
    gap:4px;
}

.erp-driver-note strong{
    font-size:13px;
}

.erp-driver-note span{
    color:#858d93;
    font-size:11px;
    line-height:1.45;
}

@media(max-width:1100px){
    .erp-driver-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:760px){
    .erp-driver-head{
        grid-template-columns:auto minmax(0,1fr);
    }

    .erp-driver-badges{
        grid-column:1/-1;
        justify-content:flex-start;
    }

    .erp-driver-footer{
        align-items:stretch;
        flex-direction:column;
    }

    .erp-driver-footer .btn{
        width:100%;
    }
}

@media(max-width:520px){
    .erp-driver-meta{
        grid-template-columns:1fr;
    }
}