:root{--green:#4f664f;--green2:#304332;--deep:#1e2c20;--copper:#936037;--off:#ede8e2;--cream:#f7f4ef;--white:#fff;--ink:#20251f;--muted:#6c746d;--line:#dfe4de;--shadow:0 24px 60px rgba(34,52,37,.12);--radius:22px}*{box-sizing:border-box}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#f3f5f2}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}[hidden]{display:none!important}.login-screen{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;background:var(--cream)}.login-art{position:relative;overflow:hidden}.login-art>img{width:100%;height:100%;object-fit:cover}.login-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,35,24,.05),rgba(22,35,24,.78));z-index:1}.login-copy{position:absolute;left:8%;right:8%;bottom:8%;z-index:2;color:#fff}.login-copy>span,.portal-label,.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:#d7ad88}.login-copy h1{font:400 clamp(42px,5vw,72px)/1.02 "DM Serif Display",serif;margin:18px 0;max-width:790px}.login-copy p{font-size:18px;max-width:650px;color:rgba(255,255,255,.82)}.login-panel{display:grid;place-items:center;padding:50px}.login-box{width:min(460px,100%)}.login-logo{width:220px;margin-bottom:26px}.portal-label{color:var(--copper)}.login-box h2{font:400 46px/1.05 "DM Serif Display",serif;color:var(--green2);margin:12px 0}.login-box>p{color:var(--muted);margin-bottom:28px}.login-box label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700;color:var(--green2);margin-bottom:16px}.login-box input,.filterbar input,.filterbar select,.support-form select,.support-form textarea{border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px;outline:none}.login-box input:focus,.filterbar input:focus,.support-form select:focus,.support-form textarea:focus{border-color:var(--green)}.login-options{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:4px 0 22px;color:var(--muted)}.login-options a{color:var(--copper);text-decoration:none}.remember{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;margin:0!important;font-weight:500!important;color:var(--muted)!important}.remember input{width:auto}.primary-btn,.outline-btn,.light-btn{border:0;border-radius:12px;font-weight:700;min-height:48px;padding:0 20px}.primary-btn{background:var(--green);color:#fff;box-shadow:0 12px 25px rgba(79,102,79,.2);width:100%}.primary-btn:hover{background:var(--green2)}.primary-btn.compact{width:auto;min-height:44px}.outline-btn{background:#fff;color:var(--green);border:1px solid var(--green)}.light-btn{background:#fff;color:var(--green2)}.demo-note{margin-top:18px;padding:14px;border:1px dashed rgba(147,96,55,.35);border-radius:12px;background:#fffaf5;display:flex;flex-direction:column;font-size:12px;color:var(--muted)}.demo-note strong{color:var(--copper)}.back-link{display:inline-block;margin-top:24px;color:var(--green);font-weight:700;text-decoration:none}.app{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:280px;background:linear-gradient(180deg,var(--green2),var(--deep));color:#fff;padding:28px 20px;display:flex;flex-direction:column;z-index:30}.sidebar-brand{padding:0 12px 24px;border-bottom:1px solid rgba(255,255,255,.12)}.sidebar-brand img{width:175px}.sidebar-brand span{display:block;margin-top:8px;color:#dcb38e;font-size:12px;text-transform:uppercase;letter-spacing:.14em}.side-nav{display:flex;flex-direction:column;gap:5px;padding-top:26px}.nav-item{border:0;background:transparent;color:rgba(255,255,255,.72);display:flex;align-items:center;gap:13px;text-align:left;padding:13px 14px;border-radius:12px;font-weight:600}.nav-item i{font-style:normal;width:24px;text-align:center;font-size:18px}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.11);color:#fff}.sidebar-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding-top:18px}.partner-card{display:flex;align-items:center;gap:12px}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#d7ad88;color:var(--green2);font-weight:800}.avatar.small{width:36px;height:36px}.partner-card strong,.partner-card span{display:block}.partner-card span{font-size:11px;color:#d7ad88}.logout{margin-top:14px;width:100%;padding:10px;border:1px solid rgba(255,255,255,.16);background:transparent;color:#fff;border-radius:10px}.main{grid-column:2;min-width:0}.topbar{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px;padding:0 34px;position:sticky;top:0;z-index:20}.menu-button{display:none;border:0;background:transparent;font-size:22px}.top-search{width:min(520px,50vw);display:flex;align-items:center;gap:10px;background:#f4f6f3;border-radius:12px;padding:0 14px}.top-search input{border:0;background:transparent;outline:none;padding:13px 0;width:100%}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.icon-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;position:relative}.notification-dot{position:absolute;width:7px;height:7px;background:var(--copper);border-radius:50%;right:8px;top:8px}.profile-btn{border:0;background:transparent;display:flex;align-items:center;gap:10px;text-align:left}.profile-btn strong,.profile-btn span{display:block}.profile-btn span{font-size:11px;color:var(--muted)}.content{padding:34px;max-width:1600px;margin:auto}.portal-section{display:none}.portal-section.active{display:block}.welcome-row,.section-title{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:28px}.welcome-row h1,.section-title h1{font:400 clamp(38px,4vw,56px)/1.03 "DM Serif Display",serif;color:var(--green2);margin:8px 0}.welcome-row p,.section-title p{color:var(--muted);margin:0}.date-card{background:#fff;border:1px solid var(--line);padding:14px 18px;border-radius:14px}.date-card span,.date-card strong{display:block}.date-card span{font-size:11px;color:var(--muted)}.date-card strong{font-size:13px;color:var(--green2)}.campaign-hero{min-height:335px;border-radius:28px;overflow:hidden;background:var(--green2);display:grid;grid-template-columns:1fr .8fr;color:#fff;box-shadow:var(--shadow);margin-bottom:24px}.campaign-copy{padding:46px}.campaign-copy h2{font:400 44px/1.02 "DM Serif Display",serif;margin:18px 0 12px}.campaign-copy p{max-width:590px;color:rgba(255,255,255,.78)}.campaign-meta{display:flex;gap:18px;font-size:12px;margin:26px 0}.campaign-hero>img{width:100%;height:100%;object-fit:cover}.pill{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.14);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.pill.pale{background:var(--off);color:var(--copper)}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.quick-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;text-align:left;display:flex;flex-direction:column;gap:7px;transition:.2s}.quick-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(36,53,38,.09)}.quick-icon{width:42px;height:42px;border-radius:12px;background:var(--off);color:var(--green);display:grid;place-items:center;font-size:20px;margin-bottom:8px}.quick-card strong{color:var(--green2)}.quick-card small{color:var(--muted)}.quick-card b{font-size:11px;color:var(--copper);margin-top:8px}.dashboard-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}.panel-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.panel-head h3{margin:6px 0 0;color:var(--green2)}.text-btn{border:0;background:transparent;color:var(--copper);font-weight:700}.material-list{display:flex;flex-direction:column}.material-list article{display:grid;grid-template-columns:68px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.material-list img{width:68px;height:58px;border-radius:10px;object-fit:cover}.material-list strong,.material-list span{display:block}.material-list span{color:var(--muted);font-size:12px}.material-list button,.news-list button,.asset-card button,.product-card button,.updates-list button,.support-cards button{border:0;background:transparent;color:var(--copper);font-weight:700}.news-list article{display:grid;grid-template-columns:52px 1fr;gap:12px;padding:14px 0;border-top:1px solid var(--line)}.news-list article>span{font-size:11px;color:var(--copper);font-weight:800}.news-list strong{font-size:13px;color:var(--green2)}.news-list p{font-size:12px;color:var(--muted);margin:5px 0}.filterbar{display:grid;grid-template-columns:1.4fr .8fr .7fr;gap:12px;margin-bottom:22px}.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.asset-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.asset-card>img{width:100%;height:220px;object-fit:cover}.asset-card>img.logo-asset{object-fit:contain;padding:55px;background:var(--off)}.asset-body{padding:20px}.asset-body>span,.product-card>span,.training-card>div:last-child>span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--copper);font-weight:700}.asset-body h3{color:var(--green2);margin:7px 0}.asset-body p{font-size:13px;color:var(--muted);min-height:42px}.asset-body>div{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.asset-body small{color:var(--muted)}.campaign-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.campaign-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.campaign-card>img{width:100%;height:230px;object-fit:cover}.campaign-card>div{padding:22px}.campaign-card h3{color:var(--green2);font-size:22px;margin:12px 0 8px}.campaign-card p{color:var(--muted);font-size:13px}.progress span,.course-progress span{display:block;height:7px;background:#e7ebe6;border-radius:999px;overflow:hidden}.progress b,.course-progress b{display:block;height:100%;background:var(--copper)}.progress small,.course-progress small{display:block;color:var(--muted);font-size:11px;margin:7px 0 16px}.category-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.category-tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 15px;color:var(--muted)}.category-tabs button.active{background:var(--green);color:#fff;border-color:var(--green)}.product-grid,.training-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card,.training-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.product-card>img{width:100%;height:250px;object-fit:cover}.product-card{padding-bottom:20px}.product-card>*:not(img){margin-left:20px;margin-right:20px}.product-card>span{display:block;margin-top:18px}.product-card h3{color:var(--green2)}.product-card p{font-size:13px;color:var(--muted)}.video-cover{position:relative}.video-cover img{width:100%;height:220px;object-fit:cover;filter:brightness(.82)}.video-cover button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;border:0;background:#fff;color:var(--green);font-size:18px}.video-cover span{position:absolute;right:12px;bottom:12px;background:rgba(0,0,0,.65);color:#fff;border-radius:6px;padding:4px 8px;font-size:11px}.training-card>div:last-child{padding:20px}.training-card h3{color:var(--green2);margin:8px 0}.training-card p{font-size:13px;color:var(--muted)}.certificate-badge{padding:12px 16px;border-radius:12px;background:#fff;border:1px solid var(--line);color:var(--copper);font-weight:700}.updates-list{display:flex;flex-direction:column;gap:14px}.updates-list article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;display:grid;grid-template-columns:80px 1fr;gap:20px}.update-date{border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.update-date b{font:400 38px/1 "DM Serif Display",serif;color:var(--green2)}.update-date span{color:var(--copper);font-weight:700}.updates-list h3{color:var(--green2);margin:10px 0}.updates-list p{color:var(--muted)}.support-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px}.support-cards{display:flex;flex-direction:column;gap:14px}.support-cards article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;display:grid;grid-template-columns:52px 1fr;gap:15px}.support-cards article>span{width:48px;height:48px;border-radius:14px;background:var(--off);display:grid;place-items:center;color:var(--green);font-size:20px}.support-cards h3{color:var(--green2);margin:0 0 5px}.support-cards p{font-size:13px;color:var(--muted);margin:0 0 10px}.support-form{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px}.support-form h3{color:var(--green2);margin-top:0}.support-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700;color:var(--green2);margin-bottom:16px}.upload-box{border:1px dashed #bfc7bf;border-radius:12px;padding:18px;text-align:center;align-items:center;color:var(--muted)!important}.upload-box input{display:none}.upload-box span{color:var(--green);font-weight:700}.upload-box small{font-weight:400}.support-form #supportStatus{font-size:12px;color:var(--green);text-align:center}
@media(max-width:1180px){.quick-grid{grid-template-columns:repeat(2,1fr)}.asset-grid,.campaign-grid,.product-grid,.training-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.app{display:block}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.main{grid-column:auto}.menu-button{display:block}.topbar{padding:0 18px}.profile-btn>div:not(.avatar),.profile-btn>b{display:none}.content{padding:22px}.login-screen{grid-template-columns:1fr}.login-art{min-height:46vh}.login-panel{padding:36px 20px}.dashboard-grid,.support-grid{grid-template-columns:1fr}.campaign-hero{grid-template-columns:1fr}.campaign-hero>img{height:260px}.welcome-row,.section-title{align-items:flex-start;flex-direction:column}.date-card{display:none}.filterbar{grid-template-columns:1fr}.top-search{width:100%}}@media(max-width:620px){.login-art{min-height:52vh}.login-copy{left:24px;right:24px;bottom:28px}.login-copy h1{font-size:42px}.login-panel{padding:32px 20px}.login-box h2{font-size:38px}.content{padding:16px}.topbar{height:70px}.top-search{display:none}.welcome-row h1,.section-title h1{font-size:40px}.campaign-copy{padding:28px}.campaign-copy h2{font-size:36px}.quick-grid,.asset-grid,.campaign-grid,.product-grid,.training-grid{grid-template-columns:1fr}.material-list article{grid-template-columns:58px 1fr}.material-list article>button{grid-column:2}.panel{padding:18px}.profile-btn{margin-left:auto}.updates-list article{grid-template-columns:55px 1fr}.update-date b{font-size:30px}.section-title>.primary-btn,.section-title>.outline-btn{width:100%}}
.admin-only{display:none!important}.app.is-admin .admin-only{display:flex!important}.app.is-admin section.admin-only{display:none!important}.app.is-admin section.admin-only.active{display:block!important}.demo-note span{display:block}.favorite-btn{position:absolute;right:12px;top:12px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:var(--green);font-size:20px;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.12)}.favorite-btn.active{background:var(--copper);color:white}.asset-card{position:relative}.ticket-history{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;margin-top:18px}.ticket-list{display:flex;flex-direction:column;gap:10px}.ticket-item{padding:14px;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:1fr auto;gap:10px}.ticket-item strong,.ticket-item span{display:block}.ticket-item span{font-size:12px;color:var(--muted)}.ticket-status{align-self:start;background:var(--off);color:var(--copper)!important;padding:5px 9px;border-radius:999px;font-weight:700}.empty-state{color:var(--muted);font-size:13px}.status-badge{background:var(--off);color:var(--copper);padding:10px 14px;border-radius:999px;font-size:12px;font-weight:700}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.admin-stats article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.admin-stats span,.admin-stats small{display:block;color:var(--muted)}.admin-stats strong{display:block;font:400 40px/1.1 "DM Serif Display",serif;color:var(--green2);margin:10px 0}.admin-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px}.admin-form{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px}.admin-form h3{margin-top:0;color:var(--green2)}.admin-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:var(--green2);margin-bottom:14px}.admin-form input,.admin-form select,.admin-form textarea{font:inherit;border:1px solid var(--line);padding:12px;border-radius:10px}.admin-form #publishStatus{color:var(--green);font-size:12px}.activity-list article{display:grid;grid-template-columns:70px 1fr;gap:14px;padding:14px 0;border-top:1px solid var(--line)}.activity-list span{color:var(--copper);font-size:11px;font-weight:800}.activity-list p{color:var(--muted);font-size:12px;margin:4px 0}.toast{position:fixed;right:24px;bottom:24px;background:var(--green2);color:white;padding:14px 18px;border-radius:12px;box-shadow:0 18px 44px rgba(0,0,0,.2);z-index:999;opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}@media(max-width:900px){.admin-stats{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}}@media(max-width:620px){.admin-stats{grid-template-columns:1fr}.ticket-item{grid-template-columns:1fr}}

/* ===== V3: tipografia compacta, menu recolhível e modo escuro ===== */
:root{
  --page:#f3f5f2;
  --surface:#ffffff;
  --surface-2:#f4f6f3;
  --field:#ffffff;
  --text-strong:#304332;
  --sidebar-expanded:260px;
  --sidebar-collapsed:84px;
  --topbar-height:70px;
  color-scheme:light;
}
html[data-theme="dark"]{
  --page:#151a16;
  --surface:#202721;
  --surface-2:#29312a;
  --field:#242c25;
  --ink:#edf2ec;
  --muted:#aab4ab;
  --line:#39433b;
  --off:#303930;
  --cream:#1b211c;
  --text-strong:#e2e9e0;
  --shadow:0 22px 55px rgba(0,0,0,.3);
  color-scheme:dark;
}
body{background:var(--page);font-size:14px;transition:background .2s ease,color .2s ease}
button,input,select,textarea{font-size:14px}
:focus-visible{outline:3px solid rgba(147,96,55,.35);outline-offset:2px}
.login-theme-toggle{position:fixed;right:22px;top:22px;z-index:100;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--text-strong);box-shadow:0 8px 24px rgba(0,0,0,.12);font-size:18px}
.login-box h2{font-size:36px}
.login-copy h1{font-size:clamp(34px,4.2vw,54px);max-width:720px}
.login-copy p{font-size:16px}
.login-logo{width:190px;margin-bottom:22px}
.login-box>p{font-size:14px;margin-bottom:24px}
.app{grid-template-columns:var(--sidebar-expanded) 1fr;transition:grid-template-columns .22s ease}
.sidebar{width:var(--sidebar-expanded);padding:22px 16px;transition:width .22s ease,padding .22s ease;overflow:visible}
.sidebar-brand{padding:0 4px 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.brand-content{min-width:0}
.sidebar-brand img{width:154px;transition:opacity .15s ease,width .22s ease}
.sidebar-brand span{font-size:10px;margin-top:6px}
.collapsed-mark{display:none;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.11);place-items:center;font:400 26px/1 "DM Serif Display",serif;color:#fff}
.sidebar-collapse-btn{width:32px;height:32px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:rgba(255,255,255,.06);color:#fff;font-size:22px;line-height:1;flex:0 0 auto}
.side-nav{padding-top:18px;gap:4px}
.nav-item{min-height:44px;padding:10px 12px;border-radius:10px;font-size:13px;white-space:nowrap;position:relative}
.nav-item i{font-size:16px;width:22px;flex:0 0 22px}
.sidebar-bottom{padding-top:14px}
.avatar{width:40px;height:40px;font-size:13px;flex:0 0 40px}
.logout{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px}
.main{grid-column:2}
.topbar{height:var(--topbar-height);padding:0 26px;gap:16px;background:var(--surface)}
.menu-button{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text-strong);font-size:18px}
.top-search{background:var(--surface-2);width:min(480px,48vw)}
.top-search input{color:var(--ink);font-size:13px}
.icon-btn{width:40px;height:40px;background:var(--surface);color:var(--text-strong)}
.profile-btn{color:var(--ink)}
.content{padding:26px;max-width:1500px}
.welcome-row,.section-title{margin-bottom:22px}
.welcome-row h1,.section-title h1{font-size:clamp(30px,3vw,42px);margin:6px 0}
.welcome-row p,.section-title p{font-size:14px}
.eyebrow,.portal-label,.login-copy>span{font-size:10px}
.date-card{background:var(--surface);padding:12px 15px}
.campaign-hero{min-height:285px;border-radius:22px;margin-bottom:18px}
.campaign-copy{padding:34px}
.campaign-copy h2{font-size:34px;margin:14px 0 10px}
.campaign-copy p{font-size:14px}
.quick-grid{gap:12px;margin-bottom:18px}
.quick-card{padding:18px;border-radius:15px;gap:5px;background:var(--surface)}
.quick-icon{width:38px;height:38px;font-size:17px;margin-bottom:5px}
.quick-card strong{font-size:14px;color:var(--text-strong)}
.quick-card small{font-size:12px}
.dashboard-grid{gap:14px}
.panel{padding:20px;border-radius:16px;background:var(--surface)}
.panel-head h3{font-size:17px;color:var(--text-strong)}
.material-list strong{font-size:13px;color:var(--text-strong)}
.asset-card,.campaign-card,.product-card,.training-card,.updates-list article,.support-cards article,.support-form,.ticket-history,.admin-stats article,.admin-form{background:var(--surface)}
.asset-card>img{height:190px}
.asset-body{padding:17px}
.asset-body h3,.product-card h3,.training-card h3,.campaign-card h3,.updates-list h3,.support-cards h3,.support-form h3,.admin-form h3{color:var(--text-strong)}
.asset-body h3{font-size:16px}
.asset-body p{font-size:12px}
.campaign-card>img{height:205px}
.campaign-card h3{font-size:18px}
.product-card>img{height:220px}
.video-cover img{height:195px}
.training-card>div:last-child{padding:17px}
.updates-list article{padding:20px}
.update-date b{font-size:32px;color:var(--text-strong)}
.support-cards article{padding:18px}
.support-form,.ticket-history,.admin-form{padding:22px}
.filterbar input,.filterbar select,.support-form select,.support-form textarea,.login-box input,.admin-form input,.admin-form select,.admin-form textarea{background:var(--field);color:var(--ink);border-color:var(--line)}
.category-tabs button,.outline-btn,.certificate-badge{background:var(--surface);color:var(--ink)}
.date-card strong,.panel-head h3,.material-list strong,.news-list strong,.product-card h3,.campaign-card h3,.training-card h3,.updates-list h3,.support-cards h3,.support-form h3,.admin-form h3{color:var(--text-strong)}
.demo-note{background:color-mix(in srgb,var(--surface) 88%,#936037 12%)}
.toast{background:#304332}
html[data-theme="dark"] .login-overlay{background:linear-gradient(180deg,rgba(8,12,9,.15),rgba(8,12,9,.86))}
html[data-theme="dark"] .login-logo{filter:brightness(0) invert(1) opacity(.92)}
html[data-theme="dark"] .outline-btn{border-color:#758775;color:#dfe8dd}
html[data-theme="dark"] .primary-btn{background:#5e795f}
html[data-theme="dark"] .primary-btn:hover{background:#6b896c}
html[data-theme="dark"] .favorite-btn{background:rgba(31,39,32,.94);color:#dfe8dd}
html[data-theme="dark"] .pill.pale,html[data-theme="dark"] .ticket-status,html[data-theme="dark"] .status-badge{background:#303930;color:#d6a77f}
html[data-theme="dark"] .campaign-hero{background:#243526}
html[data-theme="dark"] .quick-card:hover{box-shadow:0 16px 35px rgba(0,0,0,.24)}
.app.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed) 1fr}
.app.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed);padding-left:12px;padding-right:12px}
.app.sidebar-collapsed .sidebar-brand{justify-content:center;padding-left:0;padding-right:0}
.app.sidebar-collapsed .brand-content img,.app.sidebar-collapsed .brand-content span{display:none}
.app.sidebar-collapsed .collapsed-mark{display:grid}
.app.sidebar-collapsed .sidebar-collapse-btn{position:absolute;left:66px;top:28px;width:28px;height:28px;box-shadow:0 8px 20px rgba(0,0,0,.2);transform:rotate(180deg)}
.app.sidebar-collapsed .nav-item{justify-content:center;padding-left:10px;padding-right:10px}
.app.sidebar-collapsed .nav-item span{display:none}
.app.sidebar-collapsed .nav-item i{width:22px}
.app.sidebar-collapsed .partner-card{justify-content:center}
.app.sidebar-collapsed .partner-card>div:last-child{display:none}
.app.sidebar-collapsed .logout b{display:none}
.app.sidebar-collapsed .logout{width:44px;height:40px;margin-left:auto;margin-right:auto;padding:0}
.app.sidebar-collapsed .nav-item::after{content:attr(data-tooltip);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%) translateX(-4px);padding:7px 10px;border-radius:8px;background:#172419;color:#fff;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:.15s;box-shadow:0 8px 22px rgba(0,0,0,.22)}
.app.sidebar-collapsed .nav-item:hover::after,.app.sidebar-collapsed .nav-item:focus-visible::after{opacity:1;transform:translateY(-50%) translateX(0)}
.sidebar-overlay{display:none}
@media(max-width:900px){
  .app,.app.sidebar-collapsed{display:block}
  .sidebar,.app.sidebar-collapsed .sidebar{width:260px;padding:22px 16px;transform:translateX(-100%)}
  .sidebar.open{transform:none}
  .app.sidebar-collapsed .brand-content img{display:block}
  .app.sidebar-collapsed .brand-content span{display:block}
  .app.sidebar-collapsed .collapsed-mark{display:none}
  .app.sidebar-collapsed .sidebar-collapse-btn{position:static;transform:none;width:32px;height:32px}
  .app.sidebar-collapsed .nav-item{justify-content:flex-start;padding:10px 12px}
  .app.sidebar-collapsed .nav-item span{display:inline}
  .app.sidebar-collapsed .partner-card{justify-content:flex-start}
  .app.sidebar-collapsed .partner-card>div:last-child{display:block}
  .app.sidebar-collapsed .logout{width:100%;height:auto;margin:14px 0 0;padding:10px}
  .app.sidebar-collapsed .logout b{display:inline}
  .sidebar-collapse-btn{display:none}
  .sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:29;opacity:0;pointer-events:none;transition:.2s}
  .sidebar-overlay.visible{opacity:1;pointer-events:auto}
  .topbar{padding:0 16px}
  .content{padding:20px}
  .welcome-row h1,.section-title h1{font-size:34px}
}
@media(max-width:620px){
  .login-theme-toggle{right:14px;top:14px}
  .login-copy h1{font-size:34px}
  .login-box h2{font-size:31px}
  .content{padding:14px}
  .welcome-row h1,.section-title h1{font-size:30px}
  .campaign-copy{padding:22px}
  .campaign-copy h2{font-size:28px}
  .campaign-hero>img{height:220px}
  .profile-btn{display:none}
  .top-actions{gap:7px}
  .quick-card{padding:16px}
}
html[data-theme="dark"] .welcome-row h1,
html[data-theme="dark"] .section-title h1,
html[data-theme="dark"] .login-box h2,
html[data-theme="dark"] .admin-stats strong,
html[data-theme="dark"] .support-form label,
html[data-theme="dark"] .admin-form label,
html[data-theme="dark"] .login-box label,
html[data-theme="dark"] .date-card strong,
html[data-theme="dark"] .category-tabs button.active{
  color:var(--text-strong);
}
html[data-theme="dark"] .category-tabs button.active{background:#5e795f;border-color:#5e795f;color:#fff}


.icon{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;display:block}
.search-icon,.nav-icon{display:grid;place-items:center}
.nav-item{min-height:44px;padding:11px 12px;border-radius:11px;font-size:13px;white-space:nowrap;position:relative}
.nav-icon{width:22px;flex:0 0 22px}
.nav-item i{display:none}
.quick-icon{display:grid;place-items:center}
.quick-icon .icon{width:19px;height:19px}
.support-cards article>span .icon{width:20px;height:20px}
.top-search>span,.menu-button,.icon-btn,.sidebar-collapse-btn,.profile-btn b,.logout{display:grid;place-items:center}
.menu-button .icon,.icon-btn .icon,.top-search .icon,.profile-btn b .icon,.sidebar-collapse-btn .icon,.logout .icon{width:18px;height:18px}
.sidebar-collapse-btn{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;border-radius:10px}
.logout{display:flex;align-items:center;justify-content:center;gap:8px}
.profile-btn b{color:var(--muted)}
.app.sidebar-collapsed .nav-item .nav-icon{width:22px}
.app.sidebar-collapsed .logout b,.app.sidebar-collapsed .partner-card>div{display:none}
.app.sidebar-collapsed .logout{padding:10px}

/* V5 — gestão profissional de parceiros */
.seller-only{display:none!important}.app.is-seller .seller-only{display:flex!important}.app.is-seller section.seller-only{display:none!important}.app.is-seller section.seller-only.active{display:block!important}
.management-modules{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.management-modules article{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;display:grid;grid-template-columns:52px 1fr auto;gap:16px;align-items:center}.management-modules h3{margin:0 0 6px;color:var(--text-strong);font-size:17px}.management-modules p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.module-icon{width:50px;height:50px;border-radius:14px;background:var(--surface-2);display:grid;place-items:center;color:var(--green)}.module-icon .icon{width:22px;height:22px}.admin-overview{margin-top:18px}.stage-summary{display:flex;flex-direction:column;gap:12px}.stage-row{display:grid;grid-template-columns:130px 1fr 32px;gap:12px;align-items:center;font-size:12px}.stage-row span:first-child{color:var(--muted)}.stage-bar{height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden}.stage-bar b{display:block;height:100%;background:var(--green);border-radius:inherit}.stage-row strong{color:var(--text-strong);font-size:12px;text-align:right}
.back-module{border:0;background:transparent;color:var(--copper);display:flex;align-items:center;gap:7px;padding:0;margin-bottom:10px;font-weight:700}.back-module .icon{width:16px;height:16px}.section-title>.primary-btn.compact{width:auto;display:flex;gap:8px;align-items:center}.module-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:16px}.module-toolbar select,.table-toolbar select{border:1px solid var(--line);background:var(--field);color:var(--ink);border-radius:11px;padding:11px 12px}.search-field{min-width:320px;flex:1;display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--field);border-radius:11px;padding:0 12px}.search-field input{width:100%;border:0;background:transparent;color:var(--ink);padding:11px 0;outline:none}.search-field .icon{color:var(--muted)}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:840px}.data-table th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-weight:700;padding:0 12px 12px;border-bottom:1px solid var(--line)}.data-table td{padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:middle;font-size:12px;color:var(--ink)}.data-table tr:last-child td{border-bottom:0}.data-table strong,.data-table span{display:block}.data-table strong{color:var(--text-strong);font-size:13px}.data-table small{color:var(--muted)}.table-actions{display:flex;gap:7px}.table-actions button{width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--green);display:grid;place-items:center}.table-actions .icon{width:16px;height:16px}.badge{display:inline-flex!important;width:max-content;padding:5px 9px;border-radius:999px;background:var(--surface-2);color:var(--green)!important;font-size:10px!important;font-weight:700}.badge.copper{color:var(--copper)!important}.badge.muted{color:var(--muted)!important}.stage-select{border:1px solid var(--line);background:var(--field);color:var(--ink);border-radius:9px;padding:8px;min-width:150px;font-size:12px}.table-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px}.table-toolbar h3{margin:4px 0 0;color:var(--text-strong)}
.portfolio-stats,.content-admin-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.portfolio-stats article,.content-admin-summary article{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:18px}.portfolio-stats span,.content-admin-summary span{color:var(--muted);font-size:11px}.portfolio-stats strong,.content-admin-summary strong{display:block;font:400 30px/1.1 "DM Serif Display",serif;color:var(--text-strong);margin-top:8px}
.admin-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.admin-product-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}.admin-product-card img{width:100%;height:190px;object-fit:cover;background:var(--surface-2)}.admin-product-card .product-placeholder{height:190px;display:grid;place-items:center;background:var(--surface-2);color:var(--muted)}.admin-product-card .product-placeholder .icon{width:34px;height:34px}.admin-product-card>div{padding:18px}.admin-product-card h3{margin:6px 0;color:var(--text-strong);font-size:16px}.admin-product-card p{margin:0;color:var(--muted);font-size:12px}.product-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.product-meta span{background:var(--surface-2);border-radius:9px;padding:8px;font-size:10px;color:var(--muted)}.product-meta b{display:block;color:var(--text-strong);font-size:11px;margin-top:2px}
.form-dialog,.access-dialog{border:0;padding:0;background:transparent;max-width:none}.form-dialog::backdrop,.access-dialog::backdrop{background:rgba(12,18,13,.58);backdrop-filter:blur(3px)}.dialog-shell{width:min(680px,calc(100vw - 28px));max-height:min(88vh,900px);overflow:auto;background:var(--surface);color:var(--ink);border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.form-dialog.wide .dialog-shell{width:min(860px,calc(100vw - 28px))}.dialog-head{display:flex;justify-content:space-between;gap:20px;padding:24px 26px 18px;border-bottom:1px solid var(--line)}.dialog-head h2{font:400 30px/1.1 "DM Serif Display",serif;color:var(--text-strong);margin:7px 0 4px}.dialog-head p{margin:0;color:var(--muted);font-size:12px}.dialog-close{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font-size:22px}.dialog-body{padding:24px 26px}.dialog-body label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:var(--text-strong);margin-bottom:14px}.dialog-body input,.dialog-body select,.dialog-body textarea{border:1px solid var(--line);background:var(--field);color:var(--ink);border-radius:10px;padding:11px 12px;outline:none}.dialog-body input:focus,.dialog-body select:focus,.dialog-body textarea:focus{border-color:var(--green)}.form-grid-2,.form-grid-3{display:grid;gap:12px}.form-grid-2{grid-template-columns:repeat(2,1fr)}.form-grid-3{grid-template-columns:repeat(3,1fr)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 26px 22px;border-top:1px solid var(--line)}.dialog-actions .primary-btn,.dialog-actions .outline-btn{width:auto}.upload-preview{min-height:120px;border:1px dashed var(--line);border-radius:13px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);overflow:hidden}.upload-preview img{width:100%;height:180px;object-fit:cover}.upload-preview.empty .icon{width:22px;height:22px}.content-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.attachment-list{min-height:120px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2);padding:14px}.attachment-list p{margin:0;color:var(--muted);font-size:12px}.attachment-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.attachment-list li{font-size:11px;color:var(--ink);padding:8px 10px;background:var(--surface);border-radius:8px;display:flex;justify-content:space-between;gap:8px}.access-card{width:min(420px,calc(100vw - 28px));background:var(--surface);color:var(--ink);border-radius:22px;padding:28px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.28)}.access-icon{width:58px;height:58px;border-radius:18px;background:var(--surface-2);color:var(--green);display:grid;place-items:center;margin:0 auto 14px}.access-icon .icon{width:26px;height:26px}.access-card h2{font:400 30px/1.1 "DM Serif Display",serif;color:var(--text-strong);margin:0 0 8px}.access-card p{color:var(--muted);font-size:12px}.credential-box{text-align:left;border:1px solid var(--line);background:var(--surface-2);border-radius:13px;padding:15px;margin:18px 0}.credential-box span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.credential-box strong{display:block;color:var(--text-strong);margin:3px 0 12px;word-break:break-all}.credential-box strong:last-child{margin-bottom:0}.access-card .primary-btn{display:flex;align-items:center;justify-content:center;gap:8px}.access-card .text-btn{margin-top:12px}.content-admin-summary{margin-bottom:18px}
@media(max-width:1100px){.management-modules{grid-template-columns:1fr}.admin-product-grid{grid-template-columns:repeat(2,1fr)}.portfolio-stats,.content-admin-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.module-toolbar,.table-toolbar{flex-direction:column;align-items:stretch}.search-field{min-width:0}.management-modules article{grid-template-columns:46px 1fr}.management-modules article>button{grid-column:1/-1;width:100%}.form-grid-2,.form-grid-3,.content-upload-grid{grid-template-columns:1fr}.admin-product-grid{grid-template-columns:1fr}.portfolio-stats,.content-admin-summary{grid-template-columns:1fr 1fr}.section-title>.primary-btn.compact{width:100%;justify-content:center}}
@media(max-width:520px){.portfolio-stats,.content-admin-summary{grid-template-columns:1fr}.dialog-head,.dialog-body,.dialog-actions{padding-left:18px;padding-right:18px}.dialog-actions{flex-direction:column}.dialog-actions button{width:100%!important}}


/* Sales intelligence and NF-e */
.section-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.section-actions select,.module-toolbar input[type="date"]{min-height:44px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink);padding:0 13px}.section-actions .outline-btn,.section-actions .primary-btn{display:inline-flex;align-items:center;gap:8px;width:auto}.sales-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.sales-kpis article{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px}.sales-kpis span,.sales-kpis strong,.sales-kpis small{display:block}.sales-kpis span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}.sales-kpis strong{font-size:25px;line-height:1.2;color:var(--text-strong);margin:8px 0 5px}.sales-kpis small{color:var(--muted);font-size:11px}.sales-dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-bottom:18px}.sales-dashboard-grid.lower{grid-template-columns:1fr 1fr}.chart-panel{min-height:320px}.bar-chart{height:235px;display:flex;gap:12px;align-items:stretch;padding:8px 2px 0;overflow-x:auto}.bar-column{min-width:58px;flex:1;display:grid;grid-template-rows:28px 1fr 24px;text-align:center;align-items:end}.bar-value{font-size:10px;color:var(--muted);white-space:nowrap}.bar-track{height:168px;background:var(--surface-2);border-radius:8px 8px 3px 3px;display:flex;align-items:flex-end;overflow:hidden}.bar-track b{display:block;width:100%;background:linear-gradient(180deg,var(--copper),#b9865d);border-radius:7px 7px 0 0;min-height:4px}.bar-column>span{font-size:11px;color:var(--muted);text-transform:capitalize}.horizontal-chart{display:flex;flex-direction:column;gap:15px}.horizontal-row{display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center}.horizontal-row .rank{width:24px;height:24px;border-radius:7px;background:var(--surface-2);display:grid;place-items:center;font-size:11px;color:var(--copper);font-weight:700}.horizontal-row>div{min-width:0}.horizontal-row strong{font-size:12px;color:var(--text-strong);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.horizontal-row em{font-style:normal;font-size:11px;font-weight:700;color:var(--text-strong)}.h-track{height:6px;background:var(--surface-2);display:block;border-radius:99px;margin-top:6px;overflow:hidden}.h-track b{display:block;height:100%;background:var(--green);border-radius:99px}.ranking-list{display:flex;flex-direction:column;gap:14px}.ranking-row{display:grid;grid-template-columns:28px 1fr auto;gap:11px;align-items:center}.ranking-row>span{width:28px;height:28px;border-radius:8px;background:var(--surface-2);display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--copper)}.ranking-row>div{min-width:0}.ranking-row strong,.ranking-row small{display:block}.ranking-row strong{font-size:12px;color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-row small{font-size:10px;color:var(--muted);margin:2px 0 5px}.ranking-row i{height:5px;background:var(--surface-2);display:block;border-radius:99px;overflow:hidden}.ranking-row i b{height:100%;display:block;background:var(--copper)}.ranking-row em{font-style:normal;font-size:11px;font-weight:700;color:var(--text-strong)}.portfolio-mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.portfolio-mini-stats div{background:var(--surface-2);border-radius:12px;padding:15px}.portfolio-mini-stats span,.portfolio-mini-stats strong{display:block}.portfolio-mini-stats span{font-size:10px;color:var(--muted)}.portfolio-mini-stats strong{font-size:22px;color:var(--text-strong);margin-top:4px}.recent-orders-panel{margin-bottom:18px}.portfolio-table-panel{scroll-margin-top:100px}.order-filters{grid-template-columns:1.3fr auto auto .7fr}.order-import-note{display:flex;gap:13px;align-items:flex-start;background:color-mix(in srgb,var(--copper) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--copper) 25%,var(--line));border-radius:14px;padding:15px 17px;margin-bottom:16px}.order-import-note>.icon{color:var(--copper);flex:0 0 20px}.order-import-note strong,.order-import-note span{display:block}.order-import-note strong{font-size:12px;color:var(--text-strong)}.order-import-note span{font-size:11px;color:var(--muted);margin-top:2px}.badge.warning{background:#fff4dd;color:#9a641b}.table-icon{width:34px;height:34px;border:1px solid var(--line);background:var(--surface);color:var(--green);border-radius:9px;display:grid;place-items:center}.table-icon:hover{background:var(--surface-2)}.table-icon .icon{width:16px;height:16px}.xml-dropzone{border:1.5px dashed color-mix(in srgb,var(--green) 45%,var(--line));border-radius:16px;padding:34px 22px;display:flex!important;align-items:center;text-align:center;color:var(--muted)!important;background:var(--surface-2);cursor:pointer}.xml-dropzone.dragging{border-color:var(--copper);background:color-mix(in srgb,var(--copper) 8%,var(--surface))}.xml-dropzone input{display:none}.xml-dropzone .icon{width:30px;height:30px;color:var(--green);margin-bottom:5px}.xml-dropzone strong{color:var(--text-strong);font-size:14px}.xml-dropzone span{font-size:11px;font-weight:400}.xml-file-list{margin-top:16px}.xml-file-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.xml-file-list li{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.xml-file-list li .icon{color:var(--copper)}.xml-file-list li span{font-size:12px;color:var(--text-strong)}.xml-file-list li small{font-size:10px;color:var(--muted)}.xml-import-summary{margin-top:15px;padding:14px;border-radius:12px;background:color-mix(in srgb,var(--green) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--green) 25%,var(--line))}.xml-import-summary strong,.xml-import-summary span,.xml-import-summary small{display:block}.xml-import-summary strong{color:var(--green);font-size:13px}.xml-import-summary span,.xml-import-summary small{font-size:11px;color:var(--muted);margin-top:3px}.order-detail-summary{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;margin-bottom:18px}.order-detail-summary>div{background:var(--surface-2);padding:13px;border-radius:11px;min-width:0}.order-detail-summary span,.order-detail-summary strong{display:block}.order-detail-summary span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.order-detail-summary strong{font-size:11px;color:var(--text-strong);margin-top:4px;overflow-wrap:anywhere}.management-modules{grid-template-columns:repeat(3,1fr)}
@media(max-width:1180px){.sales-kpis{grid-template-columns:repeat(2,1fr)}.sales-dashboard-grid,.sales-dashboard-grid.lower{grid-template-columns:1fr}.management-modules{grid-template-columns:repeat(2,1fr)}.order-filters{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.section-actions{width:100%}.section-actions>*{flex:1;min-width:145px}.sales-kpis{grid-template-columns:1fr}.sales-kpis article{padding:16px}.sales-kpis strong{font-size:22px}.bar-chart{height:215px}.bar-track{height:148px}.order-filters{grid-template-columns:1fr}.order-detail-summary{grid-template-columns:1fr 1fr}.management-modules{grid-template-columns:1fr}.horizontal-row{grid-template-columns:24px 1fr}.horizontal-row em{grid-column:2}.portfolio-mini-stats{grid-template-columns:1fr 1fr}}


/* Campaign module v7 */
.form-dialog.extra-wide .dialog-shell{width:min(1040px,calc(100vw - 28px))}
.campaign-form-body{display:flex;flex-direction:column;gap:18px}
.form-section-block{border:1px solid var(--line);background:var(--surface-2);border-radius:16px;padding:18px}
.form-block-title{display:flex;align-items:center;gap:12px;margin-bottom:16px}.form-block-title>span{width:30px;height:30px;border-radius:9px;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:800;font-size:12px}.form-block-title strong,.form-block-title small{display:block}.form-block-title strong{color:var(--text-strong)}.form-block-title small{color:var(--muted);font-size:11px;margin-top:2px}
.product-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.product-pick{margin:0!important;display:grid!important;grid-template-columns:22px 52px 1fr;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);cursor:pointer}.product-pick input{width:16px;height:16px}.product-pick img{width:52px;height:48px;object-fit:cover;border-radius:9px}.product-pick strong,.product-pick small{display:block}.product-pick strong{font-size:12px;color:var(--text-strong)}.product-pick small{font-size:10px;color:var(--muted);margin-top:2px}.product-pick:has(input:checked){border-color:var(--green);box-shadow:0 0 0 2px rgba(79,102,79,.08)}
.kit-builder{display:flex;flex-direction:column;gap:12px}.kit-editor{border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--surface)}.kit-editor-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.kit-editor-head span,.kit-editor-head strong{display:block}.kit-editor-head span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--copper);font-weight:800}.kit-editor-head strong{color:var(--text-strong);font-size:14px;margin-top:2px}.icon-action{width:32px;height:32px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:9px;font-size:18px}.field-help{display:block;color:var(--muted);font-weight:400;font-size:10px;margin-top:-4px}.kit-products{min-height:106px}.kit-photo-preview{min-height:96px;border:1px dashed var(--line);border-radius:12px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);overflow:hidden}.kit-photo-preview img{width:100%;height:130px;object-fit:cover}.kit-photo-preview .icon{width:20px;height:20px}.add-kit-btn{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px}.empty-kit-builder,.empty-campaigns{border:1px dashed var(--line);border-radius:14px;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);gap:5px}.empty-kit-builder .icon,.empty-campaigns .icon{width:28px;height:28px;color:var(--green)}.empty-kit-builder strong,.empty-campaigns strong{color:var(--text-strong)}.empty-kit-builder span,.empty-campaigns span{font-size:11px}
.campaign-card-meta{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:11px;margin:14px 0}.campaign-card button{display:inline-flex;align-items:center;justify-content:center}.campaign-card.featured{box-shadow:0 14px 36px rgba(35,52,37,.1)}
.campaign-detail-shell{overflow:auto}.campaign-detail-head{position:sticky;top:0;background:var(--surface);z-index:4}.campaign-detail-body{padding-top:0}.campaign-detail-cover{display:grid;grid-template-columns:1fr 1.1fr;gap:24px;align-items:center;background:var(--surface-2);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-top:22px}.campaign-detail-cover img{width:100%;height:250px;object-fit:cover}.campaign-detail-cover>div{padding:26px 28px 26px 0}.campaign-detail-cover p{font-size:15px;line-height:1.65;color:var(--muted);margin:16px 0 0}.campaign-detail-section{padding:26px 0;border-bottom:1px solid var(--line)}.campaign-detail-section:last-child{border-bottom:0}.campaign-section-title{margin-bottom:16px}.campaign-section-title>span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--copper);font-weight:800}.campaign-section-title h3{color:var(--text-strong);font-size:20px;margin:4px 0}.campaign-section-title p{color:var(--muted);font-size:12px;margin:4px 0 0}.campaign-products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.campaign-product{display:grid;grid-template-columns:68px 1fr;gap:12px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:10px;background:var(--surface)}.campaign-product img{width:68px;height:62px;object-fit:cover;border-radius:10px}.campaign-product span,.campaign-product strong,.campaign-product small{display:block}.campaign-product span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--copper);font-weight:800}.campaign-product strong{color:var(--text-strong);font-size:12px;margin:3px 0}.campaign-product small{color:var(--muted);font-size:10px}.kit-suggestions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.kit-suggestion{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface)}.kit-suggestion>img{width:100%;height:190px;object-fit:cover}.kit-suggestion-body{padding:18px}.kit-label{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--copper);font-weight:800}.kit-suggestion h3{color:var(--text-strong);font-size:18px;margin:5px 0 8px}.kit-suggestion-body>p{font-size:12px;color:var(--muted);margin:0 0 14px}.kit-detail{padding:10px 0;border-top:1px solid var(--line)}.kit-detail strong,.kit-detail span{display:block}.kit-detail strong{font-size:10px;color:var(--text-strong)}.kit-detail span{font-size:11px;color:var(--muted);margin-top:3px}.kit-argument{margin-top:10px;padding:12px;border-radius:11px;background:var(--surface-2)}.kit-argument strong{font-size:10px;color:var(--copper)}.kit-argument p{font-size:11px;color:var(--text-strong);margin:4px 0 0;font-style:italic}.campaign-materials{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.campaign-material-download{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;padding:13px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;text-align:left}.campaign-material-download .icon{color:var(--green)}.campaign-material-download span{font-size:12px;font-weight:700;color:var(--text-strong)}.campaign-material-download small{color:var(--copper);font-weight:700}.campaign-material-download:hover{border-color:var(--green)}
@media(max-width:760px){.product-picker,.campaign-products-grid,.kit-suggestions-grid,.campaign-materials{grid-template-columns:1fr}.campaign-detail-cover{grid-template-columns:1fr}.campaign-detail-cover img{height:210px}.campaign-detail-cover>div{padding:20px}.form-dialog.extra-wide .dialog-shell{width:calc(100vw - 16px)}}

/* Module visibility control v8 */
.module-featured{border-color:color-mix(in srgb,var(--copper) 38%,var(--line))!important;background:linear-gradient(135deg,color-mix(in srgb,var(--copper) 7%,var(--surface)),var(--surface))!important}
.module-config-note{display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:start;padding:17px 18px;border:1px solid color-mix(in srgb,var(--copper) 32%,var(--line));border-radius:15px;background:color-mix(in srgb,var(--copper) 7%,var(--surface));margin-bottom:18px}.module-config-note>.icon{width:22px;height:22px;color:var(--copper);margin-top:2px}.module-config-note strong,.module-config-note span{display:block}.module-config-note strong{font-size:13px;color:var(--text-strong)}.module-config-note span{font-size:11px;color:var(--muted);line-height:1.55;margin-top:3px}
.module-settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.module-setting{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;padding:20px;border:1px solid var(--line);border-radius:17px;background:var(--surface);transition:.2s}.module-setting:hover{border-color:color-mix(in srgb,var(--green) 45%,var(--line));box-shadow:0 10px 28px rgba(35,52,37,.07)}.module-setting.is-disabled{opacity:.78;background:var(--surface-2)}.module-setting-icon{width:46px;height:46px;border-radius:13px;background:color-mix(in srgb,var(--green) 10%,var(--surface));color:var(--green);display:grid;place-items:center}.module-setting-icon .icon{width:21px;height:21px}.module-setting strong,.module-setting p,.module-setting small{display:block}.module-setting strong{font-size:14px;color:var(--text-strong)}.module-setting p{font-size:11px;line-height:1.45;color:var(--muted);margin:4px 0}.module-setting small{font-size:10px;color:var(--green);font-weight:700}.module-setting.is-disabled small{color:#a05c48}
.switch{display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;margin:0!important;cursor:pointer;color:var(--muted)!important;font-size:9px!important;font-weight:700!important}.switch input{position:absolute;opacity:0;pointer-events:none}.switch>span{width:44px;height:24px;border-radius:999px;background:#b9c0b9;position:relative;transition:.2s;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}.switch>span:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.22);transition:.2s}.switch input:checked+span{background:var(--green)}.switch input:checked+span:after{transform:translateX(20px)}.switch input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--green) 25%,transparent);outline-offset:2px}.switch b{font-size:9px;color:var(--muted)}
.module-config-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:17px 18px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.module-config-footer strong,.module-config-footer span{display:block}.module-config-footer strong{font-size:12px;color:var(--text-strong)}.module-config-footer span{font-size:10px;color:var(--muted);margin-top:2px}.module-config-footer .outline-btn{display:flex;align-items:center;gap:7px;white-space:nowrap}
.admin-module-badge{font-style:normal;font-size:8px;text-transform:uppercase;letter-spacing:.08em;margin-left:auto;padding:3px 5px;border-radius:5px;background:#a15f42;color:#fff}.nav-item.module-disabled-admin{opacity:.66}.nav-item.module-disabled-admin:hover{opacity:1}.module-disabled-admin:not(.nav-item){position:relative}.module-disabled-admin:not(.nav-item):after{content:"Desativado para usuários externos";position:absolute;top:10px;right:10px;padding:5px 8px;border-radius:7px;background:#a15f42;color:#fff;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;z-index:3;pointer-events:none}
.top-search input:disabled{cursor:not-allowed;opacity:.6}
.dashboard-grid:has(> [hidden])> :not([hidden]){grid-column:1/-1}
@media(max-width:900px){.module-settings-grid{grid-template-columns:1fr}}
@media(max-width:620px){.module-setting{grid-template-columns:42px 1fr auto;padding:16px;gap:11px}.module-setting-icon{width:40px;height:40px}.module-config-footer{align-items:stretch;flex-direction:column}.module-config-footer .outline-btn{width:100%;justify-content:center}}
.app.sidebar-collapsed .admin-module-badge{display:none}
.portal-modules-empty{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;padding:20px;border:1px dashed var(--line);border-radius:16px;background:var(--surface);margin-bottom:24px}.portal-modules-empty>.icon{width:24px;height:24px;color:var(--copper);margin:auto}.portal-modules-empty strong,.portal-modules-empty span{display:block}.portal-modules-empty strong{color:var(--text-strong);font-size:13px}.portal-modules-empty span{color:var(--muted);font-size:11px;margin-top:3px}

/* Product catalog v9 */
.product-catalog-toolbar{max-width:none}
.product-table-panel{padding:0;overflow:hidden}
.product-table{min-width:980px}
.product-table th:first-child,.product-table td:first-child{padding-left:20px}
.product-table th:last-child,.product-table td:last-child{padding-right:20px;text-align:right}
.product-row{cursor:pointer;transition:background .16s ease}
.product-row:hover,.product-row:focus-visible{background:var(--surface-2);outline:none}
.table-product-cell{display:flex;align-items:center;gap:12px;min-width:300px}
.table-product-cell img,.table-product-placeholder{width:48px;height:48px;border-radius:11px;object-fit:cover;flex:0 0 48px;background:var(--surface-2);border:1px solid var(--line)}
.table-product-placeholder{display:grid;place-items:center;color:var(--muted)}
.table-product-placeholder .icon{width:21px;height:21px}
.table-product-cell strong{font-size:13px}
.table-product-cell small{max-width:330px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-product-table .table-actions{justify-content:flex-end}

.product-photo-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px;align-items:stretch;justify-content:stretch}
.product-photo-preview.empty{display:flex}
.product-photo-preview figure{margin:0;position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:var(--surface)}
.product-photo-preview figure img{width:100%;height:130px;object-fit:cover}
.product-photo-preview figcaption{position:absolute;left:7px;bottom:7px;background:rgba(24,35,26,.78);color:#fff;padding:4px 7px;border-radius:6px;font-size:9px}

.product-detail-shell{width:min(1040px,calc(100vw - 28px))!important}
.product-detail-body{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr);gap:28px}
.product-detail-gallery{min-width:0}
.product-main-image{height:440px;border:1px solid var(--line);background:var(--surface-2);border-radius:18px;overflow:hidden;display:grid;place-items:center}
.product-main-image>img{width:100%;height:100%;object-fit:contain;padding:18px}
.product-detail-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted)}
.product-detail-placeholder .icon{width:40px;height:40px}
.product-thumbnails{display:flex;gap:9px;margin-top:10px;overflow:auto;padding-bottom:4px}
.product-thumb{width:70px;height:70px;flex:0 0 70px;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:3px;overflow:hidden}
.product-thumb img{width:100%;height:100%;object-fit:cover;border-radius:7px}
.product-thumb.active{border-color:var(--copper);box-shadow:0 0 0 2px rgba(147,96,55,.12)}
.product-detail-info{display:flex;flex-direction:column;min-width:0}
.product-detail-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.product-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.product-data-grid>div{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:12px}
.product-data-grid span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.09em;margin-bottom:4px}
.product-data-grid strong{display:block;color:var(--text-strong);font-size:12px;word-break:break-word}
.product-description-box{margin-top:16px;border-top:1px solid var(--line);padding-top:16px}
.product-description-box>span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:700}
.product-description-box p{color:var(--ink);font-size:13px;line-height:1.7;margin:7px 0 0}
.product-detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:22px}
.product-detail-actions .outline-btn,.product-detail-actions .primary-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:auto}

@media(max-width:760px){
  .product-photo-preview{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-detail-body{grid-template-columns:1fr;gap:20px}
  .product-main-image{height:300px}
  .product-data-grid{grid-template-columns:1fr}
  .product-detail-actions{flex-direction:column}
  .product-detail-actions .outline-btn,.product-detail-actions .primary-btn{width:100%}
}


/* Product editor reliability and clearer actions */
.product-table-actions{display:flex;gap:7px;justify-content:flex-end;min-width:190px}
.action-button{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 10px!important;border-radius:9px!important;font-size:12px;font-weight:700;white-space:nowrap}
.action-button .icon{width:15px;height:15px}
.action-button.secondary{border:1px solid var(--line)!important;background:var(--surface)!important;color:var(--text-strong)!important}
.action-button.primary{border:1px solid var(--green)!important;background:var(--green)!important;color:#fff!important}
.action-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(31,48,34,.12)}
#productDialog .dialog-shell{max-height:min(92vh,920px)}
#productDialog .dialog-body{overflow:auto}
@media(max-width:760px){.product-table-actions{min-width:auto;flex-direction:column}.action-button span{display:none}.action-button{width:36px;padding:0!important}}
.integration-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}

/* Tiny product synchronization */
.tiny-sync-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 20px;margin-bottom:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 8px 24px rgba(34,52,37,.05)}
.tiny-sync-panel>div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.tiny-sync-panel strong{color:var(--text-strong);font-size:15px}.tiny-sync-panel small{color:var(--muted);font-size:12px}.sync-source-badge{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.sync-source-badge .icon{width:15px;height:15px}.tiny-sync-metrics{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.tiny-sync-metrics span{min-width:110px;padding:10px 12px;border-radius:12px;background:var(--surface-2);color:var(--muted);font-size:11px}.tiny-sync-metrics b{display:block;color:var(--text-strong);font-size:14px}.product-admin-toolbar{grid-template-columns:minmax(260px,1.5fr) repeat(3,minmax(150px,.7fr))}.source-chip,.incomplete-chip,.visibility-chip{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:3px 7px;margin-right:5px;font-size:9px!important;line-height:1.2;text-transform:uppercase;letter-spacing:.07em;font-weight:800}.source-chip.tiny{background:#e8f1e8;color:#35603a}.source-chip.manual{background:#edf0f4;color:#526171}.incomplete-chip{background:#fff0dd;color:#9a5a16}.visibility-chip{background:#ece9f7;color:#5f4c87}.product-row.is-incomplete{background:linear-gradient(90deg,rgba(238,177,83,.06),transparent 35%)}.sync-date{display:block;margin-top:5px;color:var(--muted);font-size:10px}.product-source-notice{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px;padding:14px 16px;border:1px solid #cfe0cf;border-radius:13px;background:#f0f7f0;color:#315437}.product-source-notice .icon{flex:0 0 20px;margin-top:2px}.product-source-notice div{display:flex;flex-direction:column}.product-source-notice span{font-size:12px;color:#55705a}.product-source-notice[hidden]{display:none}.visibility-control select{font-weight:700}.button-spinner{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:portal-spin .7s linear infinite}@keyframes portal-spin{to{transform:rotate(360deg)}}
[data-theme="dark"] .source-chip.tiny{background:#25402a;color:#b8d9bd}[data-theme="dark"] .source-chip.manual{background:#30363d;color:#c9d0d8}[data-theme="dark"] .incomplete-chip{background:#51391d;color:#f0c181}[data-theme="dark"] .visibility-chip{background:#39324c;color:#d0c1f0}[data-theme="dark"] .product-source-notice{background:#213326;border-color:#39563f;color:#c5dfca}[data-theme="dark"] .product-source-notice span{color:#9fbaa4}
@media(max-width:1100px){.product-admin-toolbar{grid-template-columns:1fr 1fr}.tiny-sync-panel{align-items:flex-start;flex-direction:column}.tiny-sync-metrics{justify-content:flex-start}}
@media(max-width:620px){.product-admin-toolbar{grid-template-columns:1fr}.tiny-sync-metrics{width:100%}.tiny-sync-metrics span{flex:1;min-width:100px}.tiny-sync-panel{padding:15px}}

/* Tiny selective synchronization */
.sync-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.sync-mode-card{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);cursor:pointer;margin:0!important}.sync-mode-card:has(input:checked){border-color:var(--green);box-shadow:0 0 0 2px rgba(79,102,79,.12)}.sync-mode-card.warning:has(input:checked){border-color:#b7791f;box-shadow:0 0 0 2px rgba(183,121,31,.12)}.sync-mode-card input{margin-top:3px}.sync-mode-card span,.sync-mode-card strong,.sync-mode-card small{display:block}.sync-mode-card strong{color:var(--text-strong);font-size:14px}.sync-mode-card small{color:var(--muted);font-weight:500;line-height:1.45;margin-top:4px}.sync-filter-panel{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);margin-bottom:16px}.sync-all-warning{display:flex;gap:12px;padding:15px 17px;border:1px solid rgba(183,121,31,.28);background:rgba(183,121,31,.08);border-radius:13px;margin-bottom:16px}.sync-all-warning strong{color:#9a6517}.sync-all-warning span{color:var(--muted);font-size:13px}.sync-cleanup-option{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;margin:0 0 16px!important}.sync-cleanup-option input{margin-top:4px}.sync-cleanup-option span,.sync-cleanup-option strong,.sync-cleanup-option small{display:block}.sync-cleanup-option strong{color:var(--text-strong)}.sync-cleanup-option small{color:var(--muted);font-weight:500;margin-top:3px}.sync-preview{display:flex;gap:13px;padding:17px;border:1px dashed var(--line-strong,var(--line));border-radius:14px;color:var(--muted)}.sync-preview>.icon{flex:0 0 20px;color:var(--copper)}.sync-preview strong,.sync-preview span{display:block}.sync-preview strong{color:var(--text-strong)}.sync-preview span{font-size:12px;margin-top:3px}.sync-preview.ready{border-style:solid;background:rgba(79,102,79,.05)}.sync-preview ul{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:7px}.sync-preview li{padding-top:7px;border-top:1px solid var(--line)}.sync-preview li strong{font-size:12px}.sync-preview li span{font-size:11px}.sync-preview-warning{font-size:12px;color:#9a6517;margin:10px 0 0}.sync-filter-panel textarea{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;padding:13px;resize:vertical}
@media(max-width:800px){.sync-mode-grid{grid-template-columns:1fr}}


/* Etapa 6 — sincronização inline e ações compactas */
.tiny-sync-config-panel{margin:0 0 18px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 14px 36px rgba(34,52,37,.08);overflow:hidden}
.tiny-sync-config-panel[hidden]{display:none!important}
.tiny-sync-config-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid var(--line)}
.tiny-sync-config-head h2{font:400 25px/1.1 "DM Serif Display",serif;color:var(--text-strong);margin:6px 0 4px}
.tiny-sync-config-head p{font-size:12px;color:var(--muted);margin:0}
.tiny-sync-inline-form{padding:20px 22px}
.tiny-sync-inline-form label{font-size:11px;font-weight:700;color:var(--text-strong)}
.tiny-sync-inline-form input,.tiny-sync-inline-form textarea{border:1px solid var(--line);background:var(--field);color:var(--ink);border-radius:10px;padding:11px 12px;outline:none}
.tiny-sync-inline-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
.tiny-sync-inline-actions .primary-btn,.tiny-sync-inline-actions .outline-btn{width:auto;display:inline-flex;align-items:center;justify-content:center;gap:7px}
.product-table-actions{min-width:132px;gap:6px}
.icon-action{width:36px;height:36px;display:inline-grid!important;place-items:center;border-radius:9px!important;padding:0!important;transition:.18s ease}
.icon-action .icon{width:16px;height:16px}
.icon-action.secondary{border:1px solid var(--line)!important;background:var(--surface)!important;color:var(--text-strong)!important}
.icon-action.primary{border:1px solid var(--green)!important;background:var(--green)!important;color:#fff!important}
.icon-action.danger{border:1px solid rgba(174,55,55,.25)!important;background:rgba(174,55,55,.08)!important;color:#a53535!important}
.icon-action:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(31,48,34,.12)}
@media(max-width:760px){.tiny-sync-config-head{padding:17px}.tiny-sync-inline-form{padding:17px}.tiny-sync-inline-actions{flex-direction:column}.tiny-sync-inline-actions .primary-btn,.tiny-sync-inline-actions .outline-btn{width:100%}.product-table-actions{min-width:124px;flex-direction:row}}


/* PRM Dermopac v11 — arquitetura de módulos */
.sidebar{width:292px}.app{grid-template-columns:292px 1fr}.main{grid-column:2}.nav-group-label{display:block;padding:17px 12px 6px;color:rgba(255,255,255,.42);font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.side-nav{padding-top:14px;overflow-y:auto}.nav-item{align-items:flex-start}.nav-item>span:last-child{white-space:normal;line-height:1.25;padding-top:1px}.app.sidebar-collapsed{grid-template-columns:86px 1fr}.app.sidebar-collapsed .sidebar{width:86px}.app.sidebar-collapsed .nav-group-label{display:none}.app.sidebar-collapsed .nav-item>span:last-child{display:none}
.prm-hub .section-title{margin-bottom:22px}.prm-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.prm-kpis article{background:var(--surface,#fff);border:1px solid var(--line);border-radius:16px;padding:20px}.prm-kpis span,.prm-kpis small{display:block;color:var(--muted)}.prm-kpis span{font-size:12px;font-weight:700}.prm-kpis strong{display:block;margin:8px 0 5px;color:var(--text-strong,var(--green2));font:400 32px/1.1 "DM Serif Display",serif}.prm-kpis .textual-kpi{font-family:"DM Sans",sans-serif;font-size:20px;font-weight:700}.prm-two-column{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.onboarding-flow{display:flex;flex-direction:column}.onboarding-flow article{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}.onboarding-flow article>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--off);color:var(--copper);font-weight:800}.onboarding-flow strong,.onboarding-flow small{display:block}.onboarding-flow small{color:var(--muted)}.prm-action-list article{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}.prm-action-list strong,.prm-action-list small{display:block}.prm-action-list small{color:var(--muted)}.prm-action-list b{font-size:11px;color:var(--copper)}.action-dot{width:9px;height:9px;border-radius:50%;background:var(--green)}.action-dot.warning{background:var(--copper)}.feature-list article{display:grid;grid-template-columns:42px 1fr;gap:13px;padding:16px 0;border-top:1px solid var(--line)}.feature-list article>.icon{width:22px;height:22px;color:var(--copper);margin:5px auto}.feature-list strong{color:var(--text-strong,var(--green2))}.feature-list p{margin:4px 0;color:var(--muted);font-size:13px}.commission-empty{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:38px}.commission-empty p{color:var(--muted);max-width:450px}.module-icon.large{width:58px;height:58px}.module-icon.large .icon{width:27px;height:27px}.relationship-hero{background:linear-gradient(135deg,var(--green2),var(--deep));color:#fff;border-radius:22px;padding:30px;display:grid;grid-template-columns:1.3fr .7fr;gap:24px;align-items:center;margin-bottom:18px}.relationship-hero h2{font:400 34px/1.08 "DM Serif Display",serif;margin:13px 0}.relationship-hero p{color:rgba(255,255,255,.72)}.level-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:22px}.level-card span,.level-card strong,.level-card small{display:block}.level-card strong{font-size:25px;margin:7px 0}.level-card small{color:#e1b892}.level-progress{margin-top:16px}.level-progress>span{display:block;height:7px;border-radius:999px;background:rgba(255,255,255,.15);overflow:hidden}.level-progress b{display:block;height:100%;background:#e1b892}.prm-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.prm-card-grid>article{background:var(--surface,#fff);border:1px solid var(--line);border-radius:17px;padding:20px}.prm-card-grid h3{margin:15px 0 8px;color:var(--text-strong,var(--green2))}.prm-card-grid p{color:var(--muted);font-size:13px}.prm-card-grid small{color:var(--copper);font-weight:700}.training-overview{display:grid;grid-template-columns:1fr;gap:18px}.training-progress-card{display:grid;grid-template-columns:70px 1fr;gap:18px;align-items:center}.training-progress-card h3{margin:5px 0}.training-progress-card p{color:var(--muted)}.prm-card-grid.compact article{display:flex;flex-direction:column;gap:6px}.prm-card-grid.compact span{color:var(--muted);font-size:12px}.content-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.content-module-grid>button{border:1px solid var(--line);background:var(--surface,#fff);border-radius:18px;padding:22px;display:grid;grid-template-columns:52px 1fr;gap:16px;text-align:left;color:inherit}.content-module-grid>button:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(30,44,32,.08)}.content-module-grid strong{font-size:17px;color:var(--text-strong,var(--green2))}.content-module-grid p{margin:5px 0;color:var(--muted);font-size:13px}.content-module-grid small{color:var(--copper);font-weight:700}.portal-content-note{display:flex;align-items:center;gap:12px;margin-top:18px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2,var(--off))}.portal-content-note>.icon{color:var(--green)}.portal-content-note strong,.portal-content-note span{display:block}.portal-content-note span{color:var(--muted);font-size:12px}.prm-quick-grid .quick-card{min-height:158px}
@media(max-width:1180px){.prm-kpis,.prm-card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.sidebar{width:292px}.main{grid-column:auto}.prm-two-column,.relationship-hero{grid-template-columns:1fr}.content-module-grid{grid-template-columns:1fr}}
@media(max-width:620px){.prm-kpis,.prm-card-grid{grid-template-columns:1fr}.relationship-hero{padding:22px}.relationship-hero h2{font-size:28px}.content-module-grid>button{grid-template-columns:44px 1fr;padding:18px}.training-progress-card{grid-template-columns:1fr}.section-actions{width:100%;flex-wrap:wrap}.section-actions .outline-btn,.section-actions .primary-btn{width:100%}}
.app.sidebar-collapsed .nav-item .nav-icon{display:grid!important}
.app.sidebar-collapsed .nav-item>span:last-child{display:none!important}


/* PRM V12 — Onboarding de Parceiros */
.staff-only{display:none!important}.app.is-admin .staff-only,.app.is-seller .staff-only{display:block!important}
.onboarding-title-row{align-items:flex-start}.onboarding-workspace{padding:0;overflow:hidden}.onboarding-toolbar{display:grid;grid-template-columns:minmax(280px,1.4fr) repeat(3,minmax(150px,.6fr));gap:10px;padding:18px;border-bottom:1px solid var(--line)}.onboarding-toolbar select{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:0 12px;min-height:42px}.onboarding-table-wrap{max-height:560px}.onboarding-table tbody tr{cursor:pointer}.onboarding-table tbody tr:hover{background:var(--surface-2)}.company-cell{display:flex;align-items:center;gap:11px;min-width:230px}.company-avatar{width:38px;height:38px;border-radius:11px;background:var(--off);color:var(--green2);display:grid;place-items:center;font-weight:800;font-size:12px;flex:0 0 38px}.company-cell strong,.company-cell small,.next-action-cell strong,.next-action-cell small{display:block}.company-cell small,.next-action-cell small{color:var(--muted);font-size:11px;margin-top:2px}.table-progress{min-width:130px}.table-progress>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.table-progress small{font-size:10px;color:var(--muted)}.table-progress>span{display:block;height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}.table-progress b{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--copper));border-radius:inherit}.stage-pill{display:inline-flex;padding:6px 9px;border-radius:999px;background:var(--off);color:var(--green2);font-size:11px;font-weight:700;white-space:nowrap}.attention-dot{display:inline-flex;margin-left:5px;padding:2px 6px;border-radius:999px;font-size:9px;font-style:normal;font-weight:700}.attention-dot.success,.attention-badge.success{background:#e6f2e8;color:#35613c}.attention-dot.warning,.attention-badge.warning{background:#fff1d7;color:#8b621e}.attention-dot.danger,.attention-badge.danger{background:#fde5e4;color:#a23d3a}.attention-dot.muted,.attention-badge.muted{background:var(--surface-2);color:var(--muted)}.onboarding-lower-grid{margin-top:18px}.compact-flow article{padding:13px 0}.onboarding-action-item{width:100%;display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:10px;border:0;border-top:1px solid var(--line);background:transparent;color:inherit;text-align:left;padding:13px 0}.onboarding-action-item:first-child{border-top:0}.onboarding-action-item:hover strong{color:var(--copper)}.onboarding-action-item div strong,.onboarding-action-item div small{display:block}.onboarding-action-item small{color:var(--muted);font-size:11px}.onboarding-action-item>b{font-size:11px;color:var(--muted);font-weight:600}
.onboarding-detail-dialog{width:min(1180px,calc(100% - 30px))}.onboarding-detail-shell{width:100%;max-width:none}.onboarding-detail-body{padding-top:18px}.onboarding-progress-summary{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);margin-bottom:18px}.onboarding-progress-summary>div:first-child{display:flex;justify-content:space-between;align-items:center}.onboarding-progress-summary>div:first-child span{font-size:12px;color:var(--muted)}.onboarding-progress-summary>div:first-child strong{font-size:22px;color:var(--text-strong)}.onboarding-progress-bar{margin:9px 0 18px}.onboarding-progress-bar>span{display:block;height:8px;background:var(--surface);border-radius:999px;overflow:hidden}.onboarding-progress-bar b{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--copper));border-radius:inherit;transition:.3s}.onboarding-journey{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.journey-step{position:relative;text-align:center;color:var(--muted)}.journey-step:before{content:"";position:absolute;left:-50%;right:50%;top:15px;height:2px;background:var(--line)}.journey-step:first-child:before{display:none}.journey-step>span{position:relative;z-index:1;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;margin:0 auto 7px;background:var(--surface);border:2px solid var(--line);font-size:11px;font-weight:800}.journey-step small{font-size:10px;font-weight:700}.journey-step.done:before,.journey-step.current:before{background:var(--green)}.journey-step.done>span{background:var(--green);border-color:var(--green);color:#fff}.journey-step.current>span{border-color:var(--copper);color:var(--copper);box-shadow:0 0 0 4px rgba(147,96,55,.12)}.journey-step.current small{color:var(--text-strong)}.onboarding-detail-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.65fr);gap:18px}.onboarding-detail-main,.onboarding-detail-side{display:flex;flex-direction:column;gap:16px}.detail-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:20px}.detail-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.detail-card-head h3{margin:5px 0 0;color:var(--text-strong)}.attention-badge{padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800}.onboarding-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.onboarding-summary-grid>div{padding:14px;border-radius:12px;background:var(--surface-2)}.onboarding-summary-grid span,.onboarding-summary-grid strong,.onboarding-summary-grid small{display:block}.onboarding-summary-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}.onboarding-summary-grid strong{margin:6px 0 2px;color:var(--text-strong)}.onboarding-summary-grid small{color:var(--muted);font-size:11px}.inline-form-actions{display:flex;justify-content:flex-end;margin-top:6px}.onboarding-checklist{display:flex;flex-direction:column;gap:8px}.checklist-item{cursor:pointer}.checklist-item input{position:absolute;opacity:0;pointer-events:none}.checklist-item>span{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);transition:.15s}.checklist-item>span>b{width:22px;height:22px;border:1px solid var(--line);border-radius:7px;display:grid;place-items:center;color:#fff;flex:0 0 22px}.checklist-item>span>strong{font-size:12px;color:var(--text-strong);font-weight:600}.checklist-item.completed>span{border-color:rgba(79,102,79,.3);background:rgba(79,102,79,.08)}.checklist-item.completed>span>b{background:var(--green);border-color:var(--green)}.checklist-item input:disabled+span{cursor:default}.onboarding-timeline{display:flex;flex-direction:column}.onboarding-timeline article{display:grid;grid-template-columns:18px 1fr;gap:10px;position:relative;padding-bottom:18px}.onboarding-timeline article:before{content:"";position:absolute;left:6px;top:14px;bottom:0;width:1px;background:var(--line)}.onboarding-timeline article:last-child:before{display:none}.onboarding-timeline article>span{width:13px;height:13px;border-radius:50%;background:var(--copper);margin-top:3px;box-shadow:0 0 0 4px var(--surface)}.onboarding-timeline strong,.onboarding-timeline p,.onboarding-timeline small{display:block}.onboarding-timeline p{margin:3px 0;color:var(--muted);font-size:12px}.onboarding-timeline small{color:var(--muted);font-size:10px}.muted-copy{color:var(--muted);font-size:12px}.stacked-actions{display:flex;flex-direction:column;gap:8px}.stacked-actions .outline-btn{width:100%}.app.is-partner .onboarding-toolbar select,.app.is-partner #onboardingSearch{display:none}.app.is-partner .onboarding-workspace{border:0;background:transparent}.app.is-partner .onboarding-table thead{display:none}.app.is-partner .onboarding-table tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:16px}.app.is-partner .onboarding-table td{border:0;padding:0}.app.is-partner .onboarding-table td:last-child{position:absolute;right:28px}.app.is-partner .onboarding-lower-grid{display:none}
@media(max-width:1100px){.onboarding-toolbar{grid-template-columns:1fr 1fr}.onboarding-detail-grid{grid-template-columns:1fr}.onboarding-detail-side{display:grid;grid-template-columns:1fr 1fr}.onboarding-table-wrap{max-height:none}}
@media(max-width:760px){.onboarding-toolbar{grid-template-columns:1fr}.onboarding-summary-grid{grid-template-columns:1fr}.onboarding-journey{overflow-x:auto;grid-template-columns:repeat(5,110px);padding-bottom:6px}.onboarding-detail-side{display:flex}.onboarding-detail-dialog{width:100%;max-width:100%;margin:0;min-height:100%;border-radius:0}.onboarding-detail-shell{min-height:100vh}.onboarding-table{min-width:900px}.app.is-partner .onboarding-table{min-width:0}.app.is-partner .onboarding-table tbody tr{grid-template-columns:1fr}.app.is-partner .onboarding-table td:last-child{position:static}.onboarding-kpis{grid-template-columns:1fr 1fr}}

/* Role visibility for dialogs rendered outside .app */
.role-admin .admin-only{display:flex!important}.role-seller .seller-only{display:flex!important}.role-admin .staff-only,.role-seller .staff-only{display:block!important}.role-partner .staff-only{display:none!important}


/* V13 — abertura clara e acessível da ficha de onboarding */
.onboarding-click-hint{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:var(--muted);font-size:12px}
.onboarding-click-hint .icon{width:16px;height:16px;color:var(--copper)}
.onboarding-row{cursor:pointer;transition:background .16s ease,box-shadow .16s ease}
.onboarding-row:hover{background:color-mix(in srgb,var(--green) 5%,var(--surface))}
.onboarding-row:focus-visible{outline:2px solid var(--copper);outline-offset:-2px;background:color-mix(in srgb,var(--green) 7%,var(--surface))}
.company-name-link{display:inline;padding:0;border:0;background:transparent;color:var(--text-strong);font:inherit;font-weight:700;text-align:left;cursor:pointer}
.company-name-link:hover,.company-name-link:focus-visible{color:var(--copper);text-decoration:underline;text-underline-offset:3px;outline:none}
.onboarding-row .icon-action{position:relative;z-index:1}
@supports not (color:color-mix(in srgb,black,white)){.onboarding-row:hover,.onboarding-row:focus-visible{background:rgba(79,102,79,.06)}}

/* PRM V14 — Onboarding automático */
.automatic-stage-note,.checklist-guidance span,.checklist-mode{display:inline-flex;align-items:center;gap:6px}.automatic-stage-note{padding:6px 9px;border-radius:999px;background:rgba(79,102,79,.09);color:var(--green);font-size:10px;font-weight:800;white-space:nowrap}.automatic-stage-note .icon,.checklist-guidance .icon,.checklist-mode .icon,.automatic-info-box .icon{width:14px;height:14px}.checklist-guidance{margin:-4px 0 14px;color:var(--muted);font-size:11px;line-height:1.5}.checklist-guidance span{font-weight:800;color:var(--green)}.checklist-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);transition:.15s}.checklist-item:hover{border-color:rgba(147,96,55,.35)}.checklist-item>span.checklist-main{display:flex;align-items:center;gap:10px;padding:0;border:0;background:transparent}.checklist-main>b{width:22px;height:22px;border:1px solid var(--line);border-radius:7px;display:grid;place-items:center;color:#fff;flex:0 0 22px}.checklist-main>span{min-width:0}.checklist-main strong,.checklist-main small{display:block}.checklist-main strong{font-size:12px;color:var(--text-strong);font-weight:650}.checklist-main small{margin-top:2px;color:var(--muted);font-size:10px;line-height:1.35}.checklist-item.completed{border-color:rgba(79,102,79,.3);background:rgba(79,102,79,.08)}.checklist-item.completed .checklist-main>b{background:var(--green);border-color:var(--green)}.checklist-item.automatic{cursor:default}.checklist-item.automatic:hover{border-color:var(--line)}.checklist-mode{padding:5px 7px;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap}.checklist-mode.auto{background:rgba(79,102,79,.1);color:var(--green)}.checklist-mode.manual{background:rgba(147,96,55,.1);color:var(--copper)}.automatic-info-box{display:flex;align-items:flex-start;gap:11px;padding:14px;border:1px solid rgba(79,102,79,.2);background:rgba(79,102,79,.07);border-radius:12px}.automatic-info-box .icon{margin-top:2px;color:var(--green);flex:0 0 auto}.automatic-info-box strong,.automatic-info-box span{display:block}.automatic-info-box strong{color:var(--text-strong);font-size:12px}.automatic-info-box span{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.45}.stage-badge{background:rgba(147,96,55,.09);color:var(--copper)}#onboardingDetailStage[readonly]{background:var(--surface-2);color:var(--text-strong);font-weight:700;cursor:default}
@media(max-width:720px){.checklist-item{grid-template-columns:1fr}.checklist-mode{justify-self:start;margin-left:32px}.automatic-stage-note{display:none}}

/* =========================================================
   PRM Dermopac V15 — Fase 2 / Treinamento & Capacitação
   ========================================================= */
.training-titlebar{align-items:flex-start}
.training-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 20px}
.training-kpi-grid article{background:var(--surface, #fff);border:1px solid var(--border, #e4e8e2);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:7px;min-height:142px;box-shadow:0 10px 30px rgba(22,41,29,.04)}
.training-kpi-grid article>span,.training-kpi-grid article>small{color:var(--muted,#69756d);font-size:.82rem}
.training-kpi-grid article>strong{font-size:1.8rem;line-height:1.05;color:var(--text,#183127)}
.mini-progress{height:7px;border-radius:999px;background:var(--soft,#eef2ee);overflow:hidden;margin-top:auto}
.mini-progress b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3a7a55,#6aa87a);transition:width .25s ease}
.training-resume-panel{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:24px;background:linear-gradient(135deg,rgba(31,81,55,.98),rgba(60,111,76,.92));border-radius:24px;color:#fff;padding:28px;margin:0 0 20px;overflow:hidden;position:relative}
.training-resume-panel:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;bottom:-120px;background:rgba(255,255,255,.07)}
.training-resume-copy{position:relative;z-index:1}.training-resume-copy .pill{background:rgba(255,255,255,.14);color:#fff}.training-resume-copy h2{font-size:2rem;margin:12px 0 8px}.training-resume-copy p{color:rgba(255,255,255,.78);max-width:650px}.training-resume-progress{max-width:520px;margin:18px 0}.training-resume-progress>span{background:rgba(255,255,255,.18)}.training-resume-progress small{color:rgba(255,255,255,.78)}
.training-resume-visual{position:relative;z-index:1;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:rgba(255,255,255,.09);padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px}.training-resume-visual .module-icon.xl{width:60px;height:60px;border-radius:18px;background:#fff;color:#2d6c49}.training-resume-visual .module-icon.xl .icon{width:30px;height:30px}.training-resume-visual strong{font-size:1.2rem}.training-resume-visual small{color:rgba(255,255,255,.7)}
.training-dashboard-grid{align-items:start}.training-track-list,.training-priority-list{display:flex;flex-direction:column;gap:12px}.training-track-item,.training-priority-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--border,#e4e8e2);border-radius:14px;background:var(--surface,#fff)}.training-track-item .track-icon,.training-priority-item .priority-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--soft,#eef2ee);color:#397353}.training-track-item .icon,.training-priority-item .icon{width:20px;height:20px}.training-track-item strong,.training-priority-item strong{display:block}.training-track-item small,.training-priority-item small{display:block;color:var(--muted,#69756d);margin-top:3px}.training-track-item b{font-size:.84rem;color:#397353}.training-priority-item button{white-space:nowrap}.training-admin-overview{margin-top:20px}.training-admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.training-admin-metrics article{padding:16px;border-radius:14px;background:var(--soft,#eef2ee)}.training-admin-metrics span,.training-admin-metrics small{display:block;color:var(--muted,#69756d);font-size:.82rem}.training-admin-metrics strong{display:block;font-size:1.45rem;margin:5px 0;color:var(--text,#183127)}
.training-toolbar{grid-template-columns:minmax(260px,1fr) 230px 220px}.training-library-summary{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}.training-library-summary span{border:1px solid var(--border,#e4e8e2);background:var(--surface,#fff);border-radius:999px;padding:8px 12px;color:var(--muted,#69756d);font-size:.85rem}.training-library-summary strong{color:var(--text,#183127)}
.training-track-sections{display:flex;flex-direction:column;gap:24px}.training-track-section{background:var(--surface,#fff);border:1px solid var(--border,#e4e8e2);border-radius:20px;padding:20px}.training-track-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.training-track-head h2{font-size:1.25rem;margin:3px 0 4px}.training-track-head p{color:var(--muted,#69756d);margin:0}.training-track-head .track-progress{text-align:right;min-width:120px}.training-track-head .track-progress strong{display:block;font-size:1.2rem}.training-track-head .track-progress small{color:var(--muted,#69756d)}
.training-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.training-course-card{border:1px solid var(--border,#e4e8e2);border-radius:17px;overflow:hidden;background:var(--surface,#fff);display:flex;flex-direction:column;min-height:310px;transition:transform .18s ease,box-shadow .18s ease}.training-course-card:hover{transform:translateY(-2px);box-shadow:0 14px 35px rgba(28,55,39,.08)}.training-course-cover{height:116px;background:linear-gradient(135deg,#dfeae1,#f5f0e7);display:flex;align-items:flex-end;justify-content:space-between;padding:14px;position:relative;overflow:hidden}.training-course-cover:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-25px;top:-35px;background:rgba(255,255,255,.55)}.training-course-cover .module-icon{position:relative;z-index:1;background:#fff;color:#36704e}.training-course-cover .course-badges{position:relative;z-index:1;display:flex;gap:6px;align-items:flex-end;flex-direction:column}.course-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.92);border-radius:999px;padding:5px 8px;font-size:.72rem;color:#33483b}.course-badge.mandatory{background:#fff1df;color:#8a4f00}.training-course-body{padding:16px;display:flex;flex-direction:column;gap:9px;flex:1}.training-course-body>span{color:#397353;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.training-course-body h3{margin:0;font-size:1.03rem}.training-course-body p{margin:0;color:var(--muted,#69756d);font-size:.88rem;line-height:1.45}.training-course-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted,#69756d);font-size:.79rem}.training-course-meta span{display:inline-flex;align-items:center;gap:5px}.training-course-meta .icon{width:14px;height:14px}.training-course-body .course-progress{margin-top:auto}.training-course-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:6px}.training-course-actions .status-label{font-size:.78rem;font-weight:700;color:#397353}.training-course-actions .status-label.not-started{color:var(--muted,#69756d)}.training-course-actions .status-label.completed{color:#2a6c46}.training-course-actions button{white-space:nowrap}.training-empty{padding:36px;text-align:center;border:1px dashed var(--border,#e4e8e2);border-radius:16px;color:var(--muted,#69756d)}.training-management-panel{margin-top:24px}.training-admin-actions{display:flex;gap:6px;justify-content:flex-end}.training-admin-actions .icon-action{width:34px;height:34px}.status-chip{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:.76rem;font-weight:700;background:var(--soft,#eef2ee);color:#56645b}.status-chip.published{background:#e5f3e8;color:#2d6844}.status-chip.draft{background:#fff1df;color:#8a4f00}.status-chip.archived{background:#eceeef;color:#667078}
.training-course-dialog{max-width:min(1180px,96vw)}.training-course-shell{width:min(1120px,94vw);max-height:92vh;overflow:hidden}.training-course-layout{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:620px;max-height:calc(92vh - 110px)}.training-lesson-sidebar{border-right:1px solid var(--border,#e4e8e2);padding:18px;overflow:auto;background:var(--soft,#f6f8f5)}.training-course-progress-box{padding:14px;border-radius:14px;background:var(--surface,#fff);border:1px solid var(--border,#e4e8e2);margin-bottom:14px}.training-course-progress-box span{color:var(--muted,#69756d);font-size:.8rem}.training-course-progress-box strong{display:block;font-size:1.35rem;margin:3px 0 9px}.training-lesson-list{display:flex;flex-direction:column;gap:8px}.training-lesson-button{width:100%;border:1px solid transparent;background:transparent;border-radius:12px;padding:11px;display:grid;grid-template-columns:30px 1fr auto;gap:9px;text-align:left;align-items:center;color:inherit}.training-lesson-button:hover,.training-lesson-button.active{background:var(--surface,#fff);border-color:var(--border,#e4e8e2)}.training-lesson-button.completed .lesson-number{background:#397353;color:#fff}.training-lesson-button .lesson-number{width:28px;height:28px;border-radius:9px;background:#e3e9e3;display:grid;place-items:center;font-size:.78rem;font-weight:700}.training-lesson-button strong{font-size:.85rem;display:block}.training-lesson-button small{display:block;color:var(--muted,#69756d);font-size:.72rem;margin-top:2px}.training-lesson-button .icon{width:16px;height:16px;color:#397353}.training-certificate-button{width:100%;margin-top:14px}.training-player{padding:22px;overflow:auto}.training-player-stage{height:270px;border-radius:18px;background:linear-gradient(135deg,#1f5038,#4a7d59);color:#fff;display:grid;place-items:center;text-align:center;padding:20px}.training-player-stage .player-icon{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2)}.training-player-stage .player-icon .icon{width:34px;height:34px}.training-player-stage strong{display:block;font-size:1.2rem;margin-top:12px}.training-player-stage small{color:rgba(255,255,255,.72)}.training-player-copy{padding:18px 2px 8px}.training-player-copy h3{font-size:1.35rem;margin:10px 0 7px}.training-player-copy p{color:var(--muted,#69756d);line-height:1.55}.training-resource-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.training-resource-list button{border:1px solid var(--border,#e4e8e2);background:var(--surface,#fff);border-radius:10px;padding:8px 10px;font-size:.8rem}.training-player-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;border-top:1px solid var(--border,#e4e8e2);padding-top:14px}.training-player-actions #trainingCompleteLesson{margin-left:auto}.training-quiz{margin-top:20px;border-top:1px solid var(--border,#e4e8e2);padding-top:20px}.training-quiz h3{margin-top:0}.quiz-question{padding:14px;border:1px solid var(--border,#e4e8e2);border-radius:14px;margin-bottom:12px}.quiz-question strong{display:block;margin-bottom:10px}.quiz-option{display:flex;gap:9px;align-items:flex-start;padding:7px 0}.quiz-result{padding:14px;border-radius:12px;margin:12px 0}.quiz-result.success{background:#e5f3e8;color:#2d6844}.quiz-result.warning{background:#fff1df;color:#8a4f00}.training-admin-form .check-line,.check-line{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;padding:12px;border:1px solid var(--border,#e4e8e2);border-radius:12px}.check-line input{width:auto!important}.training-admin-form small{display:block;color:var(--muted,#69756d);font-weight:400;margin-top:3px}
@media(max-width:1100px){.training-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.training-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.training-admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.training-kpi-grid{grid-template-columns:1fr 1fr}.training-resume-panel{grid-template-columns:1fr}.training-resume-visual{display:none}.training-toolbar{grid-template-columns:1fr}.training-course-grid{grid-template-columns:1fr}.training-course-layout{grid-template-columns:1fr;max-height:none}.training-lesson-sidebar{border-right:0;border-bottom:1px solid var(--border,#e4e8e2);max-height:290px}.training-course-shell{max-height:94vh;overflow:auto}.training-player{overflow:visible}.training-player-stage{height:210px}.training-player-actions{flex-wrap:wrap}.training-player-actions #trainingCompleteLesson{margin-left:0;order:-1;width:100%}.training-admin-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.training-kpi-grid{grid-template-columns:1fr}.training-resume-panel{padding:20px}.training-resume-copy h2{font-size:1.55rem}.training-admin-metrics{grid-template-columns:1fr}.training-track-item,.training-priority-item{grid-template-columns:auto 1fr}.training-track-item>b,.training-priority-item>button{grid-column:2}.training-player{padding:15px}.training-player-stage{height:180px}}

/* V16 — edição visível dos treinamentos */
.training-course-action-buttons{display:flex;align-items:center;gap:8px;margin-left:auto}.training-card-edit{flex:0 0 36px;width:36px;height:36px;border:1px solid var(--border,#e4e8e2);background:var(--surface,#fff);color:#316b4a;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.training-card-edit:hover{background:#eaf3ec;border-color:#b9cfbf}.dialog-head-actions{display:flex;align-items:center;gap:8px}.dialog-head-actions .icon-action{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border,#e4e8e2);border-radius:11px;background:var(--surface,#fff);color:#316b4a;cursor:pointer}.dialog-head-actions .icon-action:hover{background:#eaf3ec}.training-admin-actions button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border,#e4e8e2);background:var(--surface,#fff);border-radius:9px;cursor:pointer}.training-admin-actions button:hover{background:#eef5ef}.training-admin-actions button.danger:hover{background:#fff0ef}.training-course-actions{align-items:center}.training-course-actions>.status-label{min-width:0}@media(max-width:560px){.training-course-actions{align-items:flex-end}.training-course-action-buttons{width:100%;justify-content:flex-end}.training-course-action-buttons .primary-btn{flex:1}.dialog-head-actions{align-self:flex-start}}


.journey-step.completed-final>span,.journey-step.done.current>span{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 0 0 4px rgba(79,102,79,.12)}
.journey-step.completed-final small,.journey-step.done.current small{color:var(--text-strong)}

/* Fase 3 — Gestão de Comissionamento */
.commission-titlebar{align-items:flex-end}.commission-titlebar .section-actions{align-items:flex-end}.commission-period-control{display:flex;flex-direction:column;gap:6px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.commission-period-control input{min-width:170px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text-strong);font:inherit}.commission-notice{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);margin-bottom:16px}.commission-notice .icon{width:20px;height:20px;color:var(--green);flex:0 0 20px}.commission-notice strong,.commission-notice span{display:block}.commission-notice span{color:var(--muted);font-size:12px;margin-top:3px}.commission-kpis{margin-bottom:16px}.commission-tabs{display:flex;gap:6px;overflow:auto;padding:5px;background:var(--surface-2);border:1px solid var(--line);border-radius:13px;margin-bottom:16px}.commission-tabs button{border:0;background:transparent;color:var(--muted);font-weight:800;font-size:12px;padding:10px 14px;border-radius:9px;white-space:nowrap;cursor:pointer}.commission-tabs button.active{background:var(--surface);color:var(--text-strong);box-shadow:0 3px 10px rgba(30,48,35,.07)}.commission-tab-panel{display:none}.commission-tab-panel.active{display:block}.commission-summary-grid{align-items:start}.commission-control-list{display:flex;flex-direction:column;gap:10px}.commission-control-item{display:grid;grid-template-columns:38px 1fr;gap:11px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.commission-control-item>span{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--surface);color:var(--green)}.commission-control-item>span .icon{width:18px;height:18px}.commission-control-item strong,.commission-control-item small{display:block}.commission-control-item strong{font-size:12px;color:var(--text-strong)}.commission-control-item small{font-size:11px;color:var(--muted);margin-top:3px;line-height:1.4}.commission-control-item.warning>span{color:#a46528;background:rgba(164,101,40,.09)}.commission-control-item.success>span{color:var(--green);background:rgba(79,102,79,.09)}.commission-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:10px;margin-bottom:14px}.commission-toolbar select{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text-strong)}.positive-value{color:#35613d!important}.negative-value{color:#a2463d!important}.commission-safety-note{display:flex;gap:10px;padding:12px;border:1px solid rgba(147,96,55,.25);border-radius:11px;background:rgba(147,96,55,.06);color:var(--muted);font-size:11px;line-height:1.5}.commission-safety-note .icon{width:18px;height:18px;flex:0 0 18px;color:var(--copper)}.commission-close-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.commission-close-preview>div{padding:14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}.commission-close-preview span,.commission-close-preview strong{display:block}.commission-close-preview span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.commission-close-preview strong{margin-top:6px;color:var(--text-strong)}.commission-close-warning{grid-column:1/-1;margin:0;padding:11px;border-radius:10px;background:rgba(162,70,61,.08);color:#a2463d;font-size:11px;font-weight:700}.commission-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.commission-detail-grid>div{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.commission-detail-grid>div.wide{grid-column:1/-1}.commission-detail-grid span,.commission-detail-grid strong,.commission-detail-grid small{display:block}.commission-detail-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:800}.commission-detail-grid strong{margin-top:6px;color:var(--text-strong)}.commission-detail-grid small{margin-top:4px;color:var(--muted)}.commission-detail-note{margin:14px 0 0;padding:12px;border-radius:11px;background:var(--surface-2);color:var(--muted);font-size:12px}.icon-actions{display:flex;gap:5px;align-items:center}.icon-action.danger{color:#a2463d}
@media(max-width:900px){.commission-titlebar .section-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.commission-period-control{grid-column:1/-1}.commission-period-control input{width:100%}.commission-toolbar{grid-template-columns:1fr}.commission-summary-grid{grid-template-columns:1fr}.commission-close-preview,.commission-detail-grid{grid-template-columns:1fr}.commission-detail-grid>div.wide{grid-column:auto}}


/* V19 — Metas & Desempenho Comercial */
.performance-titlebar .inline-period-field{display:flex;flex-direction:column;gap:4px}.inline-period-field span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.inline-period-field input{min-width:150px}.performance-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.performance-kpis article{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:18px}.performance-kpis span,.performance-kpis strong,.performance-kpis small{display:block}.performance-kpis span{font-size:11px;color:var(--muted);font-weight:700}.performance-kpis strong{font-size:23px;color:var(--text-strong);margin:8px 0 4px}.performance-kpis small{font-size:10px;color:var(--muted)}
.performance-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.7fr);gap:24px;align-items:center;background:linear-gradient(135deg,var(--surface),var(--surface-2))}.performance-hero-copy h2{margin:10px 0 6px;color:var(--text-strong)}.performance-hero-copy p{color:var(--muted);margin:0}.performance-master-progress{margin-top:22px}.performance-master-progress>div{display:flex;justify-content:space-between;margin-bottom:8px}.performance-master-progress>div span{color:var(--muted);font-size:12px}.performance-master-progress>div strong{color:var(--text-strong)}.performance-master-progress>span{display:block;height:12px;border-radius:999px;background:var(--surface);overflow:hidden;border:1px solid var(--line)}.performance-master-progress b{height:100%;display:block;background:linear-gradient(90deg,var(--green),var(--copper));border-radius:inherit;transition:.25s}.performance-hero-side{display:grid;grid-template-columns:1fr 1fr;gap:10px}.performance-hero-side div{padding:15px;border-radius:13px;background:var(--surface);border:1px solid var(--line)}.performance-hero-side span,.performance-hero-side strong{display:block}.performance-hero-side span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.performance-hero-side strong{font-size:18px;color:var(--text-strong);margin-top:6px}
.performance-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin:22px 0 16px;overflow:auto}.performance-tabs button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:700;padding:11px 14px;border-bottom:2px solid transparent;white-space:nowrap;cursor:pointer}.performance-tabs button.active{color:var(--text-strong);border-color:var(--copper)}.performance-tab-panel{display:none}.performance-tab-panel.active{display:block}.performance-overview-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.performance-overview-grid.lower{margin-top:16px;grid-template-columns:1.15fr .85fr}.performance-chart{min-height:230px}
.performance-ranking{display:flex;flex-direction:column;gap:8px}.performance-rank-row{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:11px;text-align:left;cursor:pointer;color:inherit}.performance-rank-row:hover{border-color:var(--copper)}.performance-rank-row .rank{width:24px;height:24px;border-radius:8px;background:var(--surface);display:grid;place-items:center;font-size:10px;font-weight:800}.performance-rank-row div strong,.performance-rank-row div small{display:block}.performance-rank-row div strong{font-size:12px;color:var(--text-strong)}.performance-rank-row div small{font-size:10px;color:var(--muted);margin:2px 0 5px}.performance-rank-row i{display:block;height:4px;background:var(--surface);border-radius:99px;overflow:hidden}.performance-rank-row i b{display:block;height:100%;background:var(--green)}.performance-rank-row em{font-style:normal;font-size:12px;font-weight:700;color:var(--text-strong)}
.performance-opportunities{display:flex;flex-direction:column}.performance-opportunities article{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line)}.performance-opportunities article:last-child{border-bottom:0}.opportunity-dot{width:9px;height:9px;border-radius:50%;background:var(--muted);margin-top:4px}.opportunity-dot.danger{background:#b44b4b}.opportunity-dot.warning{background:var(--copper)}.opportunity-dot.success{background:var(--green)}.performance-opportunities strong,.performance-opportunities small{display:block}.performance-opportunities strong{font-size:12px;color:var(--text-strong)}.performance-opportunities small,.performance-opportunities p{font-size:10px;color:var(--muted)}.performance-opportunities p{margin:4px 0 0}.performance-opportunities b{font-size:10px;color:var(--muted)}.performance-quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.performance-quality-grid>div{padding:14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}.performance-quality-grid span,.performance-quality-grid strong,.performance-quality-grid small{display:block}.performance-quality-grid span{font-size:10px;color:var(--muted)}.performance-quality-grid strong{font-size:20px;color:var(--text-strong);margin:6px 0 2px}.performance-quality-grid small{font-size:9px;color:var(--muted)}
.table-goal-progress{min-width:110px}.table-goal-progress strong{font-size:11px}.table-goal-progress span{display:block;height:5px;background:var(--surface-2);border-radius:99px;overflow:hidden;margin-top:5px}.table-goal-progress b{display:block;height:100%;background:var(--green)}.performance-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px}.performance-toolbar .search-field{flex:1}.performance-detail-note,.performance-detail-portfolio{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}.performance-detail-note strong,.performance-detail-portfolio>strong{color:var(--text-strong);font-size:12px}.performance-detail-note p{color:var(--muted);margin:6px 0 0}.performance-detail-portfolio>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.pill.success{background:rgba(79,102,79,.13);color:var(--green)}.pill.warning{background:rgba(147,96,55,.13);color:var(--copper)}
@media(max-width:1050px){.performance-kpis{grid-template-columns:1fr 1fr}.performance-hero,.performance-overview-grid,.performance-overview-grid.lower{grid-template-columns:1fr}}
@media(max-width:680px){.performance-kpis{grid-template-columns:1fr}.performance-hero-side,.performance-quality-grid{grid-template-columns:1fr 1fr}.performance-toolbar{align-items:stretch;flex-direction:column}.performance-toolbar select{width:100%}.performance-titlebar .section-actions{width:100%;align-items:stretch}.performance-titlebar .section-actions>*{width:100%}}

/* PRM Dermopac V20 — tipografia compacta */
html{font-size:13px}
body{font-size:13px;line-height:1.42}
button,input,select,textarea{font-size:12px}

/* Navegação e cabeçalho */
.sidebar-brand span{font-size:9px}
.nav-item{font-size:11px;padding:10px 12px;gap:10px}
.nav-item i{font-size:15px}
.partner-card strong{font-size:11px}
.partner-card span,.profile-btn span{font-size:9px}
.top-search input,.profile-btn strong{font-size:11px}

/* Títulos e textos institucionais */
.login-copy>span,.portal-label,.eyebrow{font-size:9px}
.login-copy h1{font-size:clamp(32px,4vw,52px)}
.login-copy p{font-size:14px}
.login-box h2{font-size:34px}
.login-box>p,.welcome-row p,.section-title p{font-size:11px}
.welcome-row h1,.section-title h1{font-size:clamp(28px,3vw,40px)}
.campaign-copy h2{font-size:34px}
.panel-head h3,.detail-card-head h3,.campaign-section-title h3{font-size:15px}

/* Botões, campos e etiquetas */
.primary-btn,.outline-btn,.light-btn,.text-btn{font-size:11px;min-height:40px;padding-left:15px;padding-right:15px}
.primary-btn.compact{min-height:36px}
.icon-btn{width:36px;height:36px}
.icon-action{width:29px;height:29px}
.pill,.badge,.stage-pill,.attention-badge{font-size:9px}
.filterbar input,.filterbar select,.support-form select,.support-form textarea,.commission-toolbar select{font-size:11px;padding:10px 11px}
label,.field-help{font-size:10px}

/* Cards, tabelas e listas */
.quick-card strong,.material-list strong,.news-list strong,.asset-body h3,.campaign-card h3,.product-card h3,.training-card h3{font-size:12px}
.quick-card small,.material-list span,.news-list p,.asset-body p,.campaign-card p,.product-card p,.training-card p{font-size:10px}
.panel{padding:19px}
table{font-size:11px}
th{font-size:9px}
td{font-size:10px}
td strong{font-size:11px}
td small{font-size:9px}

/* Indicadores */
.sales-kpis strong,.performance-kpis strong{font-size:18px}
.sales-kpis span,.performance-kpis span{font-size:9px}
.sales-kpis small,.performance-kpis small{font-size:9px}
.performance-hero-copy h2{font-size:20px}
.performance-hero-copy p{font-size:10px}
.performance-hero-side strong{font-size:15px}
.performance-master-progress>div span{font-size:10px}
.performance-tabs button,.commission-tabs button{font-size:10px;padding:9px 11px}
.performance-rank-row div strong,.performance-opportunities strong{font-size:10px}
.performance-rank-row div small,.performance-opportunities small,.performance-opportunities p{font-size:9px}
.performance-rank-row em{font-size:10px}
.performance-quality-grid strong{font-size:16px}

/* Onboarding e modais */
.onboarding-detail-title h2,.dialog-head h2{font-size:22px}
.onboarding-detail-subtitle,.dialog-head p{font-size:10px}
.onboarding-progress-summary>div:first-child span{font-size:10px}
.onboarding-progress-summary>div:first-child strong{font-size:18px}
.journey-step small{font-size:9px}
.onboarding-summary-grid span{font-size:8px}
.onboarding-summary-grid strong{font-size:11px}
.onboarding-summary-grid small{font-size:9px}
.checklist-item>span>strong{font-size:10px}
.onboarding-timeline p{font-size:10px}
.onboarding-timeline small{font-size:8px}

/* Conteúdo e treinamento */
.asset-body>span,.product-card>span,.training-card>div:last-child>span,.campaign-section-title>span{font-size:8px}
.campaign-detail-cover p{font-size:11px}
.kit-suggestion h3{font-size:14px}
.form-block-title strong{font-size:11px}
.form-block-title small{font-size:9px}

@media(max-width:720px){
  html{font-size:12px}
  .welcome-row h1,.section-title h1{font-size:27px}
  .content{padding:20px}
}


/* V21 - Tabela de Revenda */
.resale-titlebar .section-actions{align-items:center}.resale-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 16px}.resale-kpis article{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:var(--shadow-soft)}.resale-kpis span,.resale-kpis small{display:block;color:var(--muted);font-size:10px}.resale-kpis strong{display:block;margin:5px 0 2px;color:var(--text-strong);font-size:18px}.resale-config-panel{margin-bottom:16px}.resale-toolbar{gap:10px}.resale-toolbar .search-field{min-width:270px;flex:1}.resale-price-table td:first-child strong{display:block;max-width:360px}.resale-price-table td:first-child small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.resale-price-table .badge.copper{display:inline-flex;margin-top:4px}.negative-value{color:#a94242}.positive-value{color:var(--green)}@media(max-width:900px){.resale-kpis{grid-template-columns:1fr 1fr}.resale-toolbar{flex-direction:column;align-items:stretch}.resale-toolbar .search-field{min-width:0}}@media(max-width:620px){.resale-kpis{grid-template-columns:1fr}}

/* =========================================================
   DERMOHUB V30 · Nova arquitetura
   ========================================================= */
:root{--hub-green:#60785b;--hub-green-dark:#405b46;--hub-copper:#b67945;--hub-cream:#f7f3ec;--hub-line:rgba(96,120,91,.16)}
body{font-family:Arial,"Helvetica Neue",sans-serif}
.sidebar-brand .brand-content span{letter-spacing:.04em}
.sidebar-brand .collapsed-mark{font-size:11px;letter-spacing:-.05em}
.dermohub-version{white-space:nowrap}
.dermohub-home .section-title{align-items:flex-start}
.hub-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}
.hub-kpi-grid article{background:var(--panel,#fff);border:1px solid var(--border-color,rgba(56,73,61,.1));border-radius:18px;padding:18px;box-shadow:0 12px 30px rgba(36,49,39,.05);min-width:0}
.hub-kpi-grid article span{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted,#738078)}
.hub-kpi-grid article strong{display:block;font-size:30px;line-height:1.05;margin:8px 0 5px;color:var(--text,#243329)}
.hub-kpi-grid article small{color:var(--muted,#738078);font-size:12px}
.hub-kpi-grid.compact article{padding:15px 17px}
.hub-kpi-grid.compact article strong{font-size:25px}
.hub-flow-panel{margin-bottom:18px}
.hub-flow-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.hub-flow-cards button{position:relative;text-align:left;border:1px solid var(--hub-line);background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(247,243,236,.82));border-radius:18px;padding:20px;cursor:pointer;color:inherit;transition:.18s ease;min-height:190px}
.hub-flow-cards button:hover{transform:translateY(-2px);border-color:rgba(96,120,91,.34);box-shadow:0 16px 30px rgba(48,66,54,.09)}
.hub-flow-cards .icon{width:30px;height:30px;color:var(--hub-green);margin:4px 0 15px}
.hub-flow-cards strong{display:block;font-size:19px;color:var(--text,#243329)}
.hub-flow-cards small{display:block;margin:8px 0 18px;line-height:1.55;color:var(--muted,#738078)}
.hub-flow-cards b{color:var(--hub-copper);font-size:12px}
.hub-step-number{position:absolute;right:16px;top:14px;width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:rgba(96,120,91,.10);color:var(--hub-green);font-weight:900}
.hub-module-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.hub-shortcuts{display:grid;gap:8px}
.hub-shortcuts button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid var(--hub-line);background:transparent;border-radius:13px;padding:12px 14px;cursor:pointer;color:inherit}
.hub-shortcuts button:hover{background:rgba(96,120,91,.06)}
.hub-shortcuts .icon{width:22px;height:22px;color:var(--hub-green)}
.hub-shortcuts span{display:grid;gap:3px}
.hub-shortcuts small{color:var(--muted,#738078)}
.hub-recent-list{display:grid;gap:9px}
.hub-recent-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--hub-line)}
.hub-recent-item:last-child{border-bottom:0}
.hub-recent-item div{min-width:0}.hub-recent-item strong{display:block}.hub-recent-item span{display:block;margin-top:3px;font-size:11px;color:var(--muted,#738078)}
.empty-state.small{min-height:130px}

.integration-status-banner{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:15px;background:rgba(182,121,69,.08);border:1px solid rgba(182,121,69,.18);margin-bottom:18px}
.integration-status-banner .icon{width:24px;height:24px;color:var(--hub-copper);flex:0 0 auto}
.integration-status-banner div{display:grid;gap:3px}.integration-status-banner strong{color:var(--text,#243329)}.integration-status-banner span{color:var(--muted,#738078);font-size:12px;line-height:1.45}
.erp-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.erp-card{padding:20px}
.erp-card-head{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;margin-bottom:15px}
.erp-logo{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#fff;font-size:22px;font-weight:900}.erp-logo.tiny{background:#2f77c7}.erp-logo.bling{background:#178e83}
.erp-card-head div:nth-child(2) span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted,#738078);font-weight:800}.erp-card-head h3{margin:3px 0 0}
.erp-status{padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase}.erp-status.offline{background:#f4eadf;color:#9a683d}.erp-status.online{background:#e4f1e7;color:#376847}.erp-status.error{background:#f7e3e3;color:#a54b4b}
.erp-card>p{line-height:1.55;color:var(--muted,#738078)}
.erp-capabilities{display:grid;grid-template-columns:1fr;gap:7px;margin:16px 0;color:var(--text,#243329);font-size:12px}
.erp-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}
.integration-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.integration-guide-grid div{padding:14px;border-radius:13px;background:rgba(96,120,91,.05);display:grid;gap:5px}.integration-guide-grid span{font-size:12px;line-height:1.45;color:var(--muted,#738078)}.integration-guide code{font-family:Consolas,monospace;font-size:11px}

.pipeline-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.pipeline-toolbar .search-field{max-width:460px;flex:1}
.view-toggle{display:inline-flex;border:1px solid var(--hub-line);border-radius:999px;padding:3px;background:var(--panel,#fff)}.view-toggle button{border:0;background:transparent;color:var(--muted,#738078);font:inherit;font-size:11px;font-weight:800;padding:8px 13px;border-radius:999px;cursor:pointer}.view-toggle button.active{background:var(--hub-green);color:#fff}
.pipeline-list{display:flex;gap:10px;overflow:auto;padding:2px 1px 12px;margin-bottom:10px}
.pipeline-selector{min-width:250px;max-width:310px;text-align:left;border:1px solid var(--hub-line);background:var(--panel,#fff);border-radius:15px;padding:14px;cursor:pointer;color:inherit}.pipeline-selector.active{border-color:var(--hub-green);box-shadow:0 0 0 2px rgba(96,120,91,.11)}.pipeline-selector strong{display:block}.pipeline-selector small{display:block;margin-top:5px;color:var(--muted,#738078)}.pipeline-selector .mini-progress{margin-top:10px}.pipeline-selector-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:8px;font-size:10px;color:var(--muted,#738078)}
.pipeline-workspace{padding:18px;min-height:390px}
.pipeline-workspace-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.pipeline-workspace-head h2{margin:3px 0 5px}.pipeline-workspace-head p{margin:0;color:var(--muted,#738078);font-size:12px}.pipeline-workspace-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.pipeline-board{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:12px;overflow:auto;padding-bottom:8px}.pipeline-column{background:rgba(96,120,91,.045);border:1px solid var(--hub-line);border-radius:15px;padding:10px;min-height:300px}.pipeline-column.drag-over{background:rgba(96,120,91,.12);border-color:var(--hub-green)}.pipeline-column-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 4px 10px}.pipeline-column-head strong{font-size:12px}.pipeline-column-head span{font-size:10px;padding:3px 7px;border-radius:999px;background:rgba(96,120,91,.1);color:var(--hub-green);font-weight:800}
.pipeline-task-list{display:grid;gap:8px}.pipeline-task-card{border:1px solid rgba(96,120,91,.14);border-radius:12px;padding:11px;background:var(--panel,#fff);cursor:grab;box-shadow:0 5px 14px rgba(40,55,45,.04)}.pipeline-task-card:active{cursor:grabbing}.pipeline-task-card strong{display:block;font-size:12px;line-height:1.35}.pipeline-task-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.pipeline-task-meta span{font-size:9.5px;padding:4px 6px;background:rgba(96,120,91,.07);border-radius:7px;color:var(--muted,#738078)}.pipeline-task-owner{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:9px;padding-top:8px;border-top:1px solid var(--hub-line);font-size:10px;color:var(--muted,#738078)}
.pipeline-timeline{display:grid;gap:0;border:1px solid var(--hub-line);border-radius:14px;overflow:hidden}.timeline-row{display:grid;grid-template-columns:150px 1fr 150px 130px;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--hub-line)}.timeline-row:last-child{border-bottom:0}.timeline-row.header{background:rgba(96,120,91,.06);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.timeline-task-title strong{display:block}.timeline-task-title small{display:block;margin-top:3px;color:var(--muted,#738078)}
.pipeline-progress-wrap{display:flex;align-items:center;gap:8px}.pipeline-progress-wrap .mini-progress{flex:1;margin:0}.pipeline-complete-banner{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:13px;background:#eaf2eb;color:#345f3e;margin-bottom:14px}.pipeline-complete-banner .icon{width:22px;height:22px}

.status-pill{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.status-pill.draft,.status-pill.pending{background:#f3eee5;color:#8a6a46}.status-pill.quote,.status-pill.progress{background:#e8eff7;color:#436a91}.status-pill.approved,.status-pill.ready,.status-pill.sent{background:#e7f1e9;color:#3e6b48}.status-pill.archived{background:#ececec;color:#6b6b6b}.status-pill.urgent{background:#f7e1e1;color:#9c4444}
.row-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.row-actions button{border:0;background:rgba(96,120,91,.07);color:var(--hub-green);padding:6px 8px;border-radius:8px;font-size:10px;font-weight:800;cursor:pointer}.row-actions button.primary{background:var(--hub-green);color:#fff}.row-actions button.danger{color:#9e4b4b;background:#f8eaea}

.finalization-note{margin-top:-4px}.finalization-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}.finalization-photo-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;border:1px solid var(--hub-line)}.finalization-photo-grid .photo-placeholder{aspect-ratio:1;border:1px dashed var(--hub-line);display:grid;place-items:center;border-radius:12px;color:var(--muted,#738078);font-size:11px}.erp-destination-options{display:flex;gap:18px;flex-wrap:wrap}.erp-destination-options label{display:flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid var(--hub-line);border-radius:12px;background:rgba(96,120,91,.04);cursor:pointer}.erp-payload-preview{margin-top:12px;border:1px solid var(--hub-line);border-radius:12px;padding:12px;background:#142119;color:#dbe7de;max-height:250px;overflow:auto}.erp-payload-preview pre{white-space:pre-wrap;margin:0;font:11px/1.5 Consolas,monospace}.erp-result-line{display:flex;gap:8px;align-items:center;margin-bottom:7px;color:#dbe7de}.erp-result-line:last-child{margin-bottom:0}

.briefing-pdf-preview-note{font-size:11px;color:var(--muted,#738078)}
#briefingDialog .dialog-body,#finalizationDialog .dialog-body{max-height:72vh;overflow:auto}
#briefingDialog .form-section-block,#finalizationDialog .form-section-block{margin-bottom:14px}
.attachment-list.compact{margin-top:8px}

@media(max-width:1100px){.hub-kpi-grid{grid-template-columns:repeat(2,1fr)}.hub-flow-cards,.erp-card-grid,.hub-module-grid{grid-template-columns:1fr}.integration-guide-grid{grid-template-columns:1fr}.pipeline-board{grid-template-columns:repeat(5,240px)}.timeline-row{grid-template-columns:110px 1fr 110px}.timeline-row>*:last-child{display:none}}
@media(max-width:700px){.hub-kpi-grid{grid-template-columns:1fr}.hub-flow-cards{grid-template-columns:1fr}.pipeline-toolbar{align-items:stretch;flex-direction:column}.view-toggle{align-self:flex-start}.erp-card-head{grid-template-columns:44px 1fr}.erp-card-head .erp-status{grid-column:2}.finalization-photo-grid{grid-template-columns:repeat(2,1fr)}}

/* ===== V33 — navegação lateral no padrão Natam HUB, identidade Dermopac ===== */
:root{--dermohub-rail:82px;--dermohub-flyout:352px;--dermohub-sidebar:#263a2a;--dermohub-sidebar-deep:#1d2e21;--dermohub-hover:rgba(255,255,255,.11);--dermohub-flyout-shadow:0 22px 55px rgba(31,48,34,.18)}
@media(min-width:901px){
  .app,.app.sidebar-collapsed{grid-template-columns:var(--dermohub-rail) 1fr!important}
  .sidebar,.app.sidebar-collapsed .sidebar{width:var(--dermohub-rail)!important;padding:12px 10px 14px!important;background:linear-gradient(180deg,var(--dermohub-sidebar),var(--dermohub-sidebar-deep))!important;overflow:visible!important;box-shadow:8px 0 28px rgba(37,55,40,.08)}
  .main{grid-column:2!important}
  .sidebar-collapse-btn{display:none!important}
  .rail-brand{height:72px;min-height:72px;padding:4px 0 12px!important;border-bottom:1px solid rgba(255,255,255,.12)!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative}
  .rail-brand-logo{display:block!important;width:54px!important;height:54px!important;object-fit:contain!important;margin:0 auto!important;filter:none!important}
  .rail-brand-label{display:none!important}
  .rail-nav{padding-top:14px!important;display:flex!important;flex-direction:column!important;gap:8px!important;overflow:visible!important}
  .rail-nav .nav-item,.app.sidebar-collapsed .rail-nav .nav-item{width:56px!important;height:52px!important;min-height:52px!important;margin:0 auto!important;padding:0!important;border-radius:15px!important;display:grid!important;place-items:center!important;color:rgba(255,255,255,.72)!important;background:transparent!important;position:relative!important}
  .rail-nav .nav-item .nav-icon,.app.sidebar-collapsed .rail-nav .nav-item .nav-icon{display:grid!important;place-items:center!important;width:24px!important;height:24px!important}
  .rail-nav .nav-item .nav-icon .icon{width:21px!important;height:21px!important}
  .rail-nav .rail-item-label,.app.sidebar-collapsed .rail-nav .rail-item-label{display:none!important}
  .rail-nav .nav-item:hover,.rail-nav .nav-item:focus-visible,.rail-nav .nav-item.active,.nav-module.has-active>.nav-module-trigger,.nav-module:hover>.nav-module-trigger,.nav-module.is-open>.nav-module-trigger{background:rgba(255,255,255,.13)!important;color:#fff!important}
  .rail-nav .nav-item.active,.nav-module.has-active>.nav-module-trigger{box-shadow:inset 3px 0 0 var(--copper)}
  .rail-nav .nav-item::after,.app.sidebar-collapsed .rail-nav .nav-item::after{content:attr(data-tooltip);position:absolute;left:calc(100% + 13px);top:50%;transform:translateY(-50%) translateX(-3px);padding:7px 10px;border-radius:8px;background:#172419;color:#fff;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:.14s;box-shadow:0 8px 22px rgba(0,0,0,.2);z-index:82}
  .rail-nav>.nav-item:hover::after,.rail-nav>.nav-item:focus-visible::after{opacity:1;transform:translateY(-50%) translateX(0)}
  .nav-module{width:100%;position:relative;display:flex;justify-content:center}
  .nav-module::before{content:"";position:absolute;left:100%;top:-8px;width:22px;height:calc(100% + 16px);background:transparent;pointer-events:auto}
  .nav-module>.nav-module-trigger::after{display:none!important}
  .nav-flyout{position:fixed;left:calc(var(--dermohub-rail) - 12px);top:10px;bottom:10px;width:var(--dermohub-flyout);padding:22px 0 18px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-left:0;border-radius:0 22px 22px 0;box-shadow:var(--dermohub-flyout-shadow);opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-10px);transition:opacity .16s ease,transform .2s ease,visibility .16s;z-index:70;overflow:auto}
  .nav-module.is-open>.nav-flyout,.nav-module.is-hover-open>.nav-flyout{opacity:1;visibility:visible;pointer-events:auto;transform:none}
  .nav-flyout-brand{height:68px;padding:0 24px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}
  .nav-flyout-brand img{width:82px;height:58px;object-fit:contain}
  .nav-flyout-brand span{font:400 20px/1 "DM Serif Display",serif;color:var(--green2);padding-left:8px;border-left:1px solid var(--line)}
  .nav-flyout-heading{display:grid;grid-template-columns:48px 1fr;gap:13px;align-items:start;padding:20px 24px 14px}
  .nav-flyout-heading-icon{width:44px;height:44px;border-radius:13px;background:color-mix(in srgb,var(--green) 10%,var(--surface));color:var(--green);display:grid;place-items:center}
  .nav-flyout-heading-icon .icon{width:20px;height:20px}
  .nav-flyout-heading strong,.nav-flyout-heading small{display:block}
  .nav-flyout-heading strong{font-size:14px;color:var(--text-strong);margin:2px 0 4px}
  .nav-flyout-heading small{font-size:11px;line-height:1.45;color:var(--muted)}
  .nav-flyout-links{display:flex;flex-direction:column;gap:3px;padding:4px 16px 12px}
  .flyout-link{width:100%;border:0;background:transparent;color:var(--ink);border-radius:12px;padding:11px 12px;display:grid;grid-template-columns:30px 1fr;gap:10px;text-align:left;align-items:start}
  .flyout-link>span{width:30px;height:30px;display:grid;place-items:center;color:var(--green);border-radius:9px}
  .flyout-link>span .icon{width:17px;height:17px}
  .flyout-link strong,.flyout-link small{display:block}
  .flyout-link strong{font-size:12px;color:var(--text-strong);font-weight:700}
  .flyout-link small{font-size:10px;color:var(--muted);line-height:1.4;margin-top:2px}
  .flyout-link:hover,.flyout-link:focus-visible,.flyout-link.is-active{background:color-mix(in srgb,var(--green) 8%,var(--surface))}
  .flyout-link.is-active{box-shadow:inset 3px 0 0 var(--copper)}
  .rail-bottom{margin-top:auto!important;border-top:1px solid rgba(255,255,255,.12)!important;padding-top:12px!important;display:flex!important;flex-direction:column!important;gap:8px!important;align-items:center!important}
  .rail-account,.app.sidebar-collapsed .rail-account{justify-content:center!important;width:56px!important}
  .rail-account>div:last-child,.app.sidebar-collapsed .rail-account>div:last-child{display:none!important}
  .rail-account .avatar{width:42px!important;height:42px!important;flex:0 0 42px!important;background:#d7ad88!important;color:var(--green2)!important;border:2px solid rgba(255,255,255,.14)}
  .rail-logout,.app.sidebar-collapsed .rail-logout{width:50px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:12px!important;color:rgba(255,255,255,.72)!important;background:transparent!important}
  .rail-logout:hover{background:rgba(255,255,255,.1)!important;color:#fff!important}
  .rail-logout b,.app.sidebar-collapsed .rail-logout b{display:none!important}
  .menu-button{display:none!important}
}
html[data-theme="dark"] .nav-flyout{background:var(--surface);border-color:var(--line);box-shadow:0 24px 60px rgba(0,0,0,.38)}
html[data-theme="dark"] .nav-flyout-brand img{filter:none}
@media(max-width:900px){
  .dermohub-rail,.app.sidebar-collapsed .dermohub-rail{width:280px!important;padding:18px 16px!important;background:linear-gradient(180deg,var(--dermohub-sidebar),var(--dermohub-sidebar-deep))!important;overflow-y:auto!important;overflow-x:hidden!important}
  .rail-brand{height:auto;min-height:0;padding:0 2px 18px!important;justify-content:flex-start!important;gap:12px!important}
  .rail-brand-logo{display:block!important;width:78px!important;height:68px!important;object-fit:contain}
  .rail-brand-label{display:block!important;color:#d7ad88!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.12em}
  .rail-nav{gap:5px!important;padding-top:14px!important}
  .rail-nav .nav-item,.app.sidebar-collapsed .rail-nav .nav-item{width:100%!important;height:auto!important;min-height:46px!important;margin:0!important;padding:10px 12px!important;border-radius:11px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important}
  .rail-nav .rail-item-label,.app.sidebar-collapsed .rail-nav .rail-item-label{display:inline!important;color:inherit!important}
  .nav-module{display:block!important;width:100%!important}
  .nav-module>.nav-module-trigger::after{display:none!important}
  .nav-flyout{position:static!important;width:100%!important;max-height:0!important;overflow:hidden!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;background:transparent!important;transition:max-height .22s ease!important}
  .nav-module.is-open>.nav-flyout{max-height:440px!important}
  .nav-flyout-brand{display:none!important}
  .nav-flyout-heading{display:none!important}
  .nav-flyout-links{padding:4px 0 8px 42px!important}
  .flyout-link{color:#fff!important;padding:9px 10px!important;grid-template-columns:24px 1fr!important}
  .flyout-link>span{width:24px!important;height:24px!important;color:#d7ad88!important}
  .flyout-link strong{color:#fff!important;font-size:12px!important}
  .flyout-link small{color:rgba(255,255,255,.55)!important}
  .flyout-link:hover,.flyout-link.is-active{background:rgba(255,255,255,.09)!important}
  .rail-bottom{align-items:stretch!important}
  .rail-account,.app.sidebar-collapsed .rail-account{width:100%!important;justify-content:flex-start!important}
  .rail-account>div:last-child,.app.sidebar-collapsed .rail-account>div:last-child{display:block!important}
  .rail-logout,.app.sidebar-collapsed .rail-logout{width:100%!important;margin-top:4px!important;border:1px solid rgba(255,255,255,.14)!important;display:flex!important;gap:8px!important}
  .rail-logout b,.app.sidebar-collapsed .rail-logout b{display:inline!important}
  .menu-button{display:grid!important}
}

/* =========================================================
   DERMOHUB V36 · Densidade compacta global
   Objetivo: experiência semelhante a CTRL - (~86%), sem usar zoom CSS.
   ========================================================= */
html{font-size:11.5px}
body{font-size:11.5px;line-height:1.38}
button,input,select,textarea{font-size:10.5px}

/* Estrutura principal */
.topbar{height:64px;padding:0 24px;gap:16px}
.content{padding:24px;max-width:1680px}
.top-search{width:min(460px,46vw);padding:0 11px;border-radius:10px;gap:8px}
.top-search input{padding:9px 0;font-size:10.5px}
.top-actions{gap:8px}
.icon-btn{width:34px;height:34px}
.profile-btn{gap:8px}
.profile-btn .avatar.small{width:30px;height:30px;font-size:10px}
.profile-btn strong{font-size:10px}
.profile-btn span{font-size:8.5px}

/* Títulos e textos */
.welcome-row,.section-title{gap:20px;margin-bottom:19px}
.welcome-row h1,.section-title h1{font-size:clamp(25px,2.4vw,32px);margin:5px 0}
.welcome-row p,.section-title p{font-size:10px}
.eyebrow,.portal-label,.login-copy>span{font-size:8px}
.dermohub-version{font-size:9px!important;padding:6px 10px!important}
.panel-head{gap:14px;margin-bottom:13px}
.panel-head h3,.detail-card-head h3,.campaign-section-title h3{font-size:13px}

/* Cards, painéis e espaçamentos */
.panel{padding:15px;border-radius:15px}
.quick-grid,.dashboard-grid,.hub-module-grid,.erp-card-grid{gap:12px}
.quick-card{padding:15px;border-radius:14px;gap:5px}
.quick-icon{width:34px;height:34px;border-radius:9px;font-size:16px;margin-bottom:5px}
.quick-card strong,.material-list strong,.news-list strong,.asset-body h3,.product-card h3,.training-card h3{font-size:10.5px}
.quick-card small,.material-list span,.news-list p,.asset-body p,.campaign-card p,.product-card p,.training-card p{font-size:9px}
.date-card{padding:9px 12px;border-radius:10px}.date-card span{font-size:8.5px}.date-card strong{font-size:10px}

/* Botões, campos e filtros */
.primary-btn,.outline-btn,.light-btn,.text-btn{font-size:10px;min-height:34px;padding-left:12px;padding-right:12px;border-radius:9px}
.primary-btn.compact{min-height:32px}
.icon-action{width:27px;height:27px;border-radius:8px}
.module-toolbar,.table-toolbar,.section-actions{gap:8px}
.module-toolbar{margin-bottom:12px}.table-toolbar{margin-bottom:13px}
.module-toolbar select,.table-toolbar select,.section-actions select,.module-toolbar input[type="date"]{padding:8px 9px;min-height:34px;border-radius:8px;font-size:10px}
.search-field{min-width:260px;gap:7px;border-radius:9px;padding:0 9px}
.search-field input{padding:8px 0;font-size:10px}
.filterbar{gap:8px;margin-bottom:14px}
.filterbar input,.filterbar select,.support-form select,.support-form textarea,.commission-toolbar select{font-size:10px;padding:8px 9px;border-radius:9px}
label,.field-help{font-size:9px}
textarea{line-height:1.4}

/* Tabelas mais densas */
table{font-size:10px}
.data-table th,th{font-size:8px;padding-top:0;padding-bottom:8px}
.data-table td,td{font-size:9px;padding-top:9px;padding-bottom:9px}
.data-table strong,td strong{font-size:9.5px}
.data-table small,td small{font-size:8px}
.table-actions{gap:5px}.table-actions button,.table-icon{width:29px;height:29px;border-radius:7px}.table-actions .icon,.table-icon .icon{width:14px;height:14px}
.badge,.pill,.stage-pill,.attention-badge,.status-pill{font-size:8px!important;padding:4px 7px}

/* Dashboard DermoHUB */
.hub-kpi-grid{gap:10px;margin-bottom:13px}
.hub-kpi-grid article{padding:13px;border-radius:14px}
.hub-kpi-grid article span{font-size:8.5px}
.hub-kpi-grid article strong{font-size:22px;margin:5px 0 3px}
.hub-kpi-grid article small{font-size:9px}
.hub-kpi-grid.compact article{padding:11px 13px}.hub-kpi-grid.compact article strong{font-size:19px}
.hub-flow-panel{margin-bottom:13px}
.hub-flow-cards{gap:10px}
.hub-flow-cards button{border-radius:14px;padding:15px;min-height:148px}
.hub-flow-cards .icon{width:23px;height:23px;margin:2px 0 10px}
.hub-flow-cards strong{font-size:15px}
.hub-flow-cards small{font-size:9px;margin:6px 0 12px;line-height:1.45}
.hub-flow-cards b{font-size:9.5px}
.hub-step-number{right:12px;top:11px;width:23px;height:23px;font-size:9px}
.hub-shortcuts{gap:6px}.hub-shortcuts button{gap:9px;border-radius:10px;padding:9px 10px}.hub-shortcuts .icon{width:18px;height:18px}.hub-shortcuts small{font-size:8.5px}
.hub-recent-list{gap:6px}.hub-recent-item{gap:8px;padding:9px 0}.hub-recent-item span{font-size:8.5px}
.empty-state.small{min-height:100px}

/* Integrações */
.integration-status-banner{gap:9px;padding:10px 12px;border-radius:11px;margin-bottom:13px}.integration-status-banner .icon{width:19px;height:19px}.integration-status-banner span{font-size:9px}
.erp-card{padding:14px}.erp-card-head{grid-template-columns:38px 1fr auto;gap:9px;margin-bottom:10px}.erp-logo{width:38px;height:38px;border-radius:11px;font-size:17px}.erp-card-head div:nth-child(2) span{font-size:8px}.erp-card-head h3{font-size:12px}.erp-status{font-size:8px;padding:4px 7px}.erp-card>p{font-size:9.5px}.erp-capabilities{gap:5px;margin:11px 0;font-size:9.5px}.erp-actions{gap:9px;margin-top:12px}.integration-guide-grid{gap:11px}.integration-guide-grid div{padding:10px;border-radius:10px}.integration-guide-grid span{font-size:9px}.integration-guide code{font-size:8.5px}

/* Pipeline */
.pipeline-toolbar{gap:9px;margin-bottom:10px}.pipeline-toolbar .search-field{max-width:390px}
.view-toggle button{font-size:9px;padding:6px 10px}
.pipeline-list{gap:7px;padding-bottom:8px;margin-bottom:7px}
.pipeline-selector{min-width:205px;max-width:255px;border-radius:11px;padding:10px}.pipeline-selector strong{font-size:10px}.pipeline-selector small{font-size:8.5px;margin-top:3px}.pipeline-selector-meta{font-size:8px;margin-top:6px}.pipeline-selector .mini-progress{margin-top:7px}
.pipeline-workspace{padding:13px;min-height:330px}.pipeline-workspace-head{gap:12px;margin-bottom:11px}.pipeline-workspace-head h2{font-size:15px}.pipeline-workspace-head p{font-size:9px}.pipeline-workspace-actions{gap:6px}
.pipeline-board{grid-template-columns:repeat(5,minmax(185px,1fr));gap:9px}.pipeline-column{border-radius:11px;padding:8px;min-height:255px}.pipeline-column-head{padding:3px 3px 7px}.pipeline-column-head strong{font-size:9.5px}.pipeline-column-head span{font-size:8px;padding:2px 6px}.pipeline-task-list{gap:6px}.pipeline-task-card{border-radius:9px;padding:8px}.pipeline-task-card strong{font-size:9.5px}.pipeline-task-meta{gap:4px;margin-top:6px}.pipeline-task-meta span{font-size:8px;padding:3px 5px}.pipeline-task-owner{font-size:8px;margin-top:6px;padding-top:6px}
.timeline-row{grid-template-columns:125px 1fr 125px 105px;gap:8px;padding:9px 10px}.timeline-row.header{font-size:8px}.timeline-task-title small{font-size:8px}.pipeline-complete-banner{gap:8px;padding:9px 10px;border-radius:10px;margin-bottom:10px}.pipeline-complete-banner .icon{width:18px;height:18px}

/* Briefing, finalização e modais */
.form-section-block{padding:14px!important;border-radius:12px!important}
.form-block-title{margin-bottom:11px!important}.form-block-title strong{font-size:9.5px}.form-block-title small{font-size:8px}
.dialog-head{padding:14px 16px!important}.dialog-head h2,.onboarding-detail-title h2{font-size:17px}.dialog-head p,.onboarding-detail-subtitle{font-size:8.5px}.dialog-body{padding:14px 16px!important}.dialog-foot{padding:11px 16px!important}
.finalization-photo-grid{gap:7px;margin-top:7px}.finalization-photo-grid img,.finalization-photo-grid .photo-placeholder{border-radius:9px}.finalization-photo-grid .photo-placeholder{font-size:8.5px}.erp-destination-options{gap:11px}.erp-destination-options label{gap:5px;padding:7px 9px;border-radius:9px}.erp-payload-preview{margin-top:8px;border-radius:9px;padding:9px;max-height:210px}.erp-payload-preview pre{font-size:8.5px}

/* Login também compacto */
.login-panel{padding:36px}.login-box{width:min(410px,100%)}.login-logo{width:175px;margin-bottom:18px}.login-box h2{font-size:28px;margin:8px 0}.login-box>p{font-size:10px;margin-bottom:20px}.login-box label{gap:6px;font-size:10px;margin-bottom:11px}.login-box input{padding:10px;border-radius:9px}.login-options{font-size:9px;margin-bottom:15px}.login-copy h1{font-size:clamp(29px,3.4vw,44px)}.login-copy p{font-size:12px}

/* Menu lateral ultracompacto no desktop */
:root{--dermohub-rail:68px;--dermohub-flyout:306px}
@media(min-width:901px){
  .sidebar,.app.sidebar-collapsed .sidebar{padding:8px 7px 10px!important}
  .rail-brand{height:58px;min-height:58px;padding:2px 0 9px!important}
  .rail-brand-logo{width:44px!important;height:44px!important}
  .rail-nav{padding-top:10px!important;gap:6px!important}
  .rail-nav .nav-item,.app.sidebar-collapsed .rail-nav .nav-item{width:46px!important;height:43px!important;min-height:43px!important;border-radius:12px!important}
  .rail-nav .nav-item .nav-icon,.app.sidebar-collapsed .rail-nav .nav-item .nav-icon{width:20px!important;height:20px!important}
  .rail-nav .nav-item .nav-icon .icon{width:18px!important;height:18px!important}
  .rail-nav .nav-item::after,.app.sidebar-collapsed .rail-nav .nav-item::after{left:calc(100% + 10px);padding:5px 8px;border-radius:7px;font-size:9px}
  .nav-module::before{top:-6px;width:18px;height:calc(100% + 12px)}
  .nav-flyout{left:calc(var(--dermohub-rail) - 9px);top:8px;bottom:8px;padding:15px 0 13px;border-radius:0 17px 17px 0}
  .nav-flyout-brand{height:54px;padding:0 18px 13px;gap:9px}.nav-flyout-brand img{width:64px;height:44px}.nav-flyout-brand span{font-size:16px;padding-left:7px}
  .nav-flyout-heading{grid-template-columns:38px 1fr;gap:10px;padding:14px 18px 10px}.nav-flyout-heading-icon{width:35px;height:35px;border-radius:10px}.nav-flyout-heading-icon .icon{width:17px;height:17px}.nav-flyout-heading strong{font-size:11px;margin:1px 0 3px}.nav-flyout-heading small{font-size:9px;line-height:1.4}
  .nav-flyout-links{gap:2px;padding:3px 12px 9px}.flyout-link{border-radius:9px;padding:8px 9px;grid-template-columns:25px 1fr;gap:8px}.flyout-link>span{width:25px;height:25px;border-radius:7px}.flyout-link>span .icon{width:14px;height:14px}.flyout-link strong{font-size:10px}.flyout-link small{font-size:8.5px;margin-top:1px}
  .rail-bottom{padding-top:9px!important;gap:6px!important}.rail-account,.app.sidebar-collapsed .rail-account{width:46px!important}.rail-account .avatar{width:34px!important;height:34px!important;flex-basis:34px!important;font-size:9px}.rail-logout,.app.sidebar-collapsed .rail-logout{width:42px!important;height:38px!important;min-height:38px!important;border-radius:10px!important}.rail-logout .icon{width:17px;height:17px}
}

/* Mobile: mantém compacto sem sacrificar toque */
@media(max-width:900px){
  html{font-size:11.5px}
  .dermohub-rail,.app.sidebar-collapsed .dermohub-rail{width:248px!important;padding:14px 12px!important}
  .rail-brand-logo{width:62px!important;height:54px!important}.rail-brand-label{font-size:9px!important}
  .rail-nav .nav-item,.app.sidebar-collapsed .rail-nav .nav-item{min-height:42px!important;padding:8px 10px!important;gap:10px!important}
  .nav-flyout-links{padding-left:36px!important}.flyout-link{padding:7px 8px!important}.flyout-link strong{font-size:10px!important}.flyout-link small{font-size:8.5px!important}
  .topbar{height:58px;padding:0 14px}.content{padding:16px}.welcome-row h1,.section-title h1{font-size:24px}
}

/* =========================================================
   DERMOHUB V37 · Respiro lateral refinado
   Objetivo: manter interface compacta, mas com mais conforto nas laterais.
   ========================================================= */
@media (min-width: 901px){
  .topbar{padding:0 30px;gap:18px}
  .content{padding:30px 38px 34px;max-width:none}
  .welcome-row,.section-title{margin-bottom:22px}
}

@media (min-width: 1440px){
  .topbar{padding:0 36px}
  .content{padding-left:44px;padding-right:44px}
}

/* Alguns blocos-chave ganham leve folga interna horizontal */
@media (min-width: 901px){
  .panel{padding-left:17px;padding-right:17px}
  .table-wrap{padding-left:2px;padding-right:2px}
}

/* =========================================================
   DERMOHUB V38 · Tipografia +35% e respiro dos novos módulos
   Base: V37. Mantém densidade estrutural compacta, com leitura confortável.
   ========================================================= */

/* Os quatro módulos novos estavam fora do wrapper .content no HTML.
   Aplicamos neles o mesmo respiro real usado nas demais telas. */
.dermohub-module{box-sizing:border-box;width:100%;min-width:0;padding:30px 38px 34px}
@media(min-width:1440px){.dermohub-module{padding-left:44px;padding-right:44px}}

/* Tipografia global: +35% sobre a densidade V37/V36 */
html{font-size:15.5px}
body{font-size:15.5px;line-height:1.42}
button,input,select,textarea{font-size:14.2px}

/* Topbar */
.top-search input{font-size:14.2px}
.profile-btn .avatar.small{font-size:13.5px}
.profile-btn strong{font-size:13.5px}
.profile-btn span{font-size:11.5px}

/* Títulos e textos */
.welcome-row h1,.section-title h1{font-size:clamp(33.75px,3.24vw,43.2px)}
.welcome-row p,.section-title p{font-size:13.5px}
.eyebrow,.portal-label,.login-copy>span{font-size:10.8px}
.dermohub-version{font-size:12.15px!important}
.panel-head h3,.detail-card-head h3,.campaign-section-title h3{font-size:17.55px}

/* Cards e textos auxiliares */
.quick-card strong,.material-list strong,.news-list strong,.asset-body h3,.product-card h3,.training-card h3{font-size:14.2px}
.quick-card small,.material-list span,.news-list p,.asset-body p,.campaign-card p,.product-card p,.training-card p{font-size:12.15px}
.date-card span{font-size:11.5px}.date-card strong{font-size:13.5px}

/* Botões, campos e filtros */
.primary-btn,.outline-btn,.light-btn,.text-btn{font-size:13.5px;min-height:38px}
.primary-btn.compact{min-height:36px}
.module-toolbar select,.table-toolbar select,.section-actions select,.module-toolbar input[type="date"]{font-size:13.5px;min-height:38px}
.search-field input{font-size:13.5px}
.filterbar input,.filterbar select,.support-form select,.support-form textarea,.commission-toolbar select{font-size:13.5px}
label,.field-help{font-size:12.15px}

/* Tabelas */
table{font-size:13.5px}
.data-table th,th{font-size:10.8px}
.data-table td,td{font-size:12.15px}
.data-table strong,td strong{font-size:12.8px}
.data-table small,td small{font-size:10.8px}
.badge,.pill,.stage-pill,.attention-badge,.status-pill{font-size:10.8px!important}

/* Dashboard DermoHUB */
.hub-kpi-grid article span{font-size:11.5px}
.hub-kpi-grid article strong{font-size:29.7px}
.hub-kpi-grid article small{font-size:12.15px}
.hub-kpi-grid.compact article strong{font-size:25.65px}
.hub-flow-cards strong{font-size:20.25px}
.hub-flow-cards small{font-size:12.15px}
.hub-flow-cards b{font-size:12.8px}
.hub-step-number{font-size:12.15px}
.hub-shortcuts small{font-size:11.5px}
.hub-recent-item span{font-size:11.5px}

/* Integrações */
.integration-status-banner span{font-size:12.15px}
.erp-logo{font-size:22.95px}
.erp-card-head div:nth-child(2) span{font-size:10.8px}
.erp-card-head h3{font-size:16.2px}
.erp-status{font-size:10.8px}
.erp-card>p{font-size:12.8px}
.erp-capabilities{font-size:12.8px}
.integration-guide-grid span{font-size:12.15px}
.integration-guide code{font-size:11.5px}

/* Pipeline */
.view-toggle button{font-size:12.15px}
.pipeline-selector strong{font-size:13.5px}
.pipeline-selector small{font-size:11.5px}
.pipeline-selector-meta{font-size:10.8px}
.pipeline-workspace-head h2{font-size:20.25px}
.pipeline-workspace-head p{font-size:12.15px}
.pipeline-column-head strong{font-size:12.8px}
.pipeline-column-head span{font-size:10.8px}
.pipeline-task-card strong{font-size:12.8px}
.pipeline-task-meta span{font-size:10.8px}
.pipeline-task-owner{font-size:10.8px}
.timeline-row.header{font-size:10.8px}
.timeline-task-title small{font-size:10.8px}

/* Briefing, Finalização e modais */
.form-block-title strong{font-size:12.8px}
.form-block-title small{font-size:10.8px}
.dialog-head h2,.onboarding-detail-title h2{font-size:22.95px}
.dialog-head p,.onboarding-detail-subtitle{font-size:11.5px}
.finalization-photo-grid .photo-placeholder{font-size:11.5px}
.erp-payload-preview pre{font-size:11.5px}
.briefing-pdf-preview-note{font-size:14.85px}

/* Menu lateral: mantém dimensões compactas, mas melhora leitura em 35% */
@media(min-width:901px){
  .rail-nav .nav-item::after,.app.sidebar-collapsed .rail-nav .nav-item::after{font-size:12.15px}
  .nav-flyout-brand span{font-size:21.6px}
  .nav-flyout-heading strong{font-size:14.85px}
  .nav-flyout-heading small{font-size:12.15px}
  .flyout-link strong{font-size:13.5px}
  .flyout-link small{font-size:11.5px}
  .rail-account .avatar{font-size:12.15px}
}

/* Login */
.login-box h2{font-size:37.8px}
.login-box>p{font-size:13.5px}
.login-box label{font-size:13.5px}
.login-options{font-size:12.15px}
.login-copy h1{font-size:clamp(39.15px,4.59vw,59.4px)}
.login-copy p{font-size:16.2px}

/* Mobile: respiro consistente e tipografia legível */
@media(max-width:900px){
  html{font-size:15.5px}
  .content,.dermohub-module{padding:18px 20px 24px}
  .welcome-row h1,.section-title h1{font-size:32.4px}
  .rail-brand-label{font-size:12.15px!important}
  .flyout-link strong{font-size:13.5px!important}
  .flyout-link small{font-size:11.5px!important}
}

/* =========================================================
   DERMOHUB V39 · Supabase Online
   ========================================================= */
.cloud-sync-state{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface,#fff);font-size:9.5px;font-weight:700;color:var(--muted);white-space:nowrap;transition:.18s}
.cloud-sync-dot{width:7px;height:7px;border-radius:50%;background:#a8afa9;box-shadow:0 0 0 3px rgba(120,130,121,.08)}
.cloud-sync-state[data-state="synced"]{color:var(--green)}.cloud-sync-state[data-state="synced"] .cloud-sync-dot{background:#4f7a58;box-shadow:0 0 0 3px rgba(79,122,88,.10)}
.cloud-sync-state[data-state="syncing"],.cloud-sync-state[data-state="connecting"]{color:var(--copper)}.cloud-sync-state[data-state="syncing"] .cloud-sync-dot,.cloud-sync-state[data-state="connecting"] .cloud-sync-dot{background:#b67945;animation:cloudPulse 1.2s ease-in-out infinite}
.cloud-sync-state[data-state="error"]{color:#9b3d36;border-color:rgba(155,61,54,.24)}.cloud-sync-state[data-state="error"] .cloud-sync-dot{background:#b64f46}
.cloud-sync-state[data-state="offline"]{color:#7f7468}.cloud-sync-state[data-state="offline"] .cloud-sync-dot{background:#aa9b8d}
@keyframes cloudPulse{50%{opacity:.35;transform:scale(.78)}}
.supabase-login-note{border-style:solid;background:rgba(255,255,255,.7)}
.supabase-login-note strong{color:var(--green)}
@media(max-width:900px){.cloud-sync-state{padding:5px}.cloud-sync-state [data-cloud-label]{display:none}}
@media(prefers-reduced-motion:reduce){.cloud-sync-dot{animation:none!important}}

/* V39 · Segurança visual: envio aos ERPs é ação administrativa. A Edge Function também valida no servidor. */
body.role-seller #sendFinalizationErp,
body.role-partner #sendFinalizationErp{display:none!important}


/* DermoHUB V40 · feedback explícito do login Supabase */
#supabaseLoginHint[data-state=loading]{color:var(--copper);font-weight:700}
#supabaseLoginHint[data-state=success]{color:var(--green);font-weight:700}
#supabaseLoginHint[data-state=error]{color:#a03b32;font-weight:700}
#loginForm button[type=submit]:disabled{opacity:.72;cursor:wait}


/* =========================================================
   DERMOHUB V44 · Pipeline de Projetos
   Guia Projetos inspirada no acompanhamento operacional por etapas.
   ========================================================= */
.pipeline-page-title{margin-bottom:14px}
.pipeline-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:0 0 16px;padding:0 2px}
.pipeline-tab{border:0;background:transparent;color:var(--muted);padding:10px 16px 11px;font-weight:800;position:relative;border-radius:9px 9px 0 0}
.pipeline-tab:hover{background:rgba(79,102,79,.055);color:var(--green2)}
.pipeline-tab.active{color:var(--green2)}
.pipeline-tab.active:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:2px;background:var(--copper)}
.pipeline-tab span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:5px;padding:0 6px;border-radius:999px;background:var(--off);font-size:.85em;color:var(--green2)}
.pipeline-coming-soon{display:flex;align-items:center;gap:14px;min-height:110px}.pipeline-coming-soon>.icon{width:28px;height:28px;color:var(--green)}.pipeline-coming-soon strong,.pipeline-coming-soon span{display:block}.pipeline-coming-soon span{color:var(--muted);margin-top:4px}
.project-filterbar{display:grid;grid-template-columns:minmax(260px,1.7fr) minmax(150px,.75fr) minmax(160px,.8fr) minmax(145px,.7fr) auto;gap:10px;align-items:center;margin-bottom:11px}
.project-filterbar select,.project-extra-filters select,.project-extra-filters input{width:100%;border:1px solid var(--line);background:var(--field,#fff);border-radius:9px;padding:9px 10px;color:var(--ink);outline:none}
.project-search{min-width:0;max-width:none!important}
.project-filter-toggle{display:flex;align-items:center;gap:6px;white-space:nowrap}.project-filter-toggle .icon{width:14px;height:14px}
.project-extra-filters{display:flex;align-items:end;gap:10px;padding:11px 13px;margin:-2px 0 12px;background:rgba(147,96,55,.045);border:1px solid rgba(147,96,55,.13);border-radius:11px}.project-extra-filters label{min-width:170px;display:grid;gap:5px}.project-extra-filters .text-btn{margin-left:auto;min-height:34px}
.project-stage-map{display:grid;grid-template-columns:128px minmax(0,1fr);gap:12px;align-items:center;padding:11px 14px;margin-bottom:12px;background:linear-gradient(90deg,rgba(247,244,239,.95),#fff);border:1px solid var(--line);border-radius:13px}
.project-stage-map-label strong,.project-stage-map-label small{display:block}.project-stage-map-label strong{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--green2)}.project-stage-map-label small{font-size:9px;color:var(--muted);margin-top:3px}
.project-stage-map-items{display:grid;grid-template-columns:repeat(15,max-content);align-items:center;justify-content:space-between;min-width:0;gap:5px;overflow:auto;padding:2px 0}
.project-stage-map-item{display:flex;align-items:center;gap:7px;white-space:nowrap;color:var(--green2);font-weight:750}.project-stage-map-item b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#3b342d;color:#fff;font-size:9px;flex:0 0 22px}.project-stage-map-item span{font-size:9px;line-height:1.18}.project-stage-map-arrow{color:#b8b0a7;font-size:18px}
.project-table-panel{padding:0!important;overflow:visible}.project-table-wrap{overflow:auto;border-radius:inherit}.project-pipeline-table{width:100%;border-collapse:separate;border-spacing:0;min-width:1180px;font-size:10.5px}.project-pipeline-table th{padding:10px 12px;text-align:left;text-transform:uppercase;letter-spacing:.05em;font-size:8.5px;color:var(--muted);border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:1}.project-pipeline-table td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.project-pipeline-table tbody tr:last-child td{border-bottom:0}.project-pipeline-table tbody tr:hover{background:rgba(79,102,79,.025)}
.project-product-cell{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;min-width:190px}.project-thumb{width:42px;height:48px;border-radius:8px;background:#f5f1eb;border:1px solid #eee7de;overflow:hidden;display:grid;place-items:center}.project-thumb img{width:100%;height:100%;object-fit:contain;padding:3px}.project-thumb-placeholder .icon{width:20px;height:20px;color:var(--green)}.project-product-cell strong,.project-product-cell small{display:block}.project-product-cell strong{font-size:11px;color:var(--text-strong,var(--green2));line-height:1.25}.project-product-cell small{font-size:8.5px;color:var(--muted);margin:2px 0 4px}.project-category-chip{display:inline-flex;width:max-content;padding:3px 7px;border-radius:999px;background:#f3ecdf;color:#775632;font-size:8px;font-weight:700}
.project-progress{min-width:105px}.project-progress>strong{display:block;font-size:15px;color:#43a35a}.project-progress>strong.low{color:#df5c55}.project-progress>strong.complete{color:#3c9b50}.project-progress-bar{height:4px;border-radius:99px;background:#e9e7e3;overflow:hidden;margin:5px 0}.project-progress-bar span{display:block;height:100%;background:#43a35a;border-radius:inherit}.project-progress small{display:block;color:var(--muted);font-size:8.5px;line-height:1.3}
.project-current-stage{min-width:330px}.project-stage-dots{display:flex;gap:5px;align-items:center;margin-bottom:6px}.project-stage-dot{width:20px;height:20px;border-radius:50%;border:1px solid #c9cbc7;background:#fff;color:#80857f;font-size:8px;font-weight:800;padding:0;display:grid;place-items:center;position:relative}.project-stage-dot:hover{transform:translateY(-1px);box-shadow:0 2px 7px rgba(30,44,32,.12)}.project-stage-dot.done{background:#47a85b;border-color:#47a85b;color:#fff}.project-stage-dot.in-progress{background:#3376c9;border-color:#3376c9;color:#fff}.project-stage-dot.waiting{background:#e9ad32;border-color:#e9ad32;color:#fff}.project-stage-dot.delayed{background:#dd514b;border-color:#dd514b;color:#fff}.project-stage-dot.current:after{content:"";position:absolute;top:-5px;width:4px;height:4px;border-radius:50%;background:var(--copper)}.project-current-stage>strong{display:inline-block;font-size:10px;color:var(--text-strong,var(--green2));margin-right:6px}.project-current-stage>small{display:block;color:var(--muted);font-size:8.5px;line-height:1.35;margin-top:3px;max-width:300px}.stage-reference{color:var(--green)!important;font-weight:700}.stage-inline-status{display:inline-flex;padding:3px 6px;border-radius:999px;font-size:7.5px;font-weight:800}.stage-inline-status.not-started{background:#efefed;color:#777}.stage-inline-status.in-progress{background:#e3effd;color:#2b69af}.stage-inline-status.waiting{background:#fff1cb;color:#9d6b00}.stage-inline-status.done{background:#dff2e2;color:#2c7d3b}.stage-inline-status.delayed{background:#fde4e2;color:#b53b35}
.project-owner-cell{display:flex;align-items:center;gap:7px;min-width:120px}.project-avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#d8b087,#9d6840);color:#fff;font-size:8px;font-weight:900;flex:0 0 26px}.project-owner-cell span:last-child{font-size:9px;font-weight:650}.project-due{font-size:9px;white-space:nowrap}.project-due.late{color:#cf4942;font-weight:800}.project-overall-status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:800;white-space:nowrap}.project-overall-status.not-started{background:#efefed;color:#777}.project-overall-status.in-progress{background:#e4effc;color:#2f6db4}.project-overall-status.waiting{background:#fff0c7;color:#9b6800}.project-overall-status.done{background:#dff2e2;color:#2e803e}.project-overall-status.delayed{background:#fde2e0;color:#b23b35}
.project-row-menu{position:relative}.project-row-menu summary{list-style:none;width:26px;height:26px;display:grid;place-items:center;border-radius:7px;cursor:pointer;font-size:18px;color:var(--muted)}.project-row-menu summary::-webkit-details-marker{display:none}.project-row-menu summary:hover{background:var(--surface-2,#f4f6f3)}.project-row-menu>div{position:absolute;right:0;top:30px;z-index:12;min-width:165px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:5px;box-shadow:0 12px 30px rgba(30,44,32,.13)}.project-row-menu button{width:100%;border:0;background:transparent;text-align:left;padding:8px 9px;border-radius:7px;color:var(--ink);font-size:9px}.project-row-menu button:hover{background:var(--surface-2,#f4f6f3)}
.project-status-legend{display:grid;grid-template-columns:120px repeat(5,minmax(130px,1fr));gap:12px;align-items:center;padding:12px 14px;margin-top:11px;border:1px solid var(--line);border-radius:12px;background:#fbfaf8}.project-status-legend>strong{text-transform:uppercase;letter-spacing:.05em;font-size:8px;color:var(--green2)}.project-status-legend>span{display:grid;grid-template-columns:9px 1fr;column-gap:6px;align-items:center}.project-status-legend b{font-size:8.5px}.project-status-legend small{grid-column:2;color:var(--muted);font-size:7.5px;margin-top:1px}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.not-started{background:#bfc1be}.legend-dot.in-progress{background:#3376c9}.legend-dot.waiting{background:#e9ad32}.legend-dot.done{background:#47a85b}.legend-dot.delayed{background:#dd514b}
.project-stage-dialog-summary{display:flex;align-items:center;gap:11px;padding:11px 13px;margin-bottom:14px;border-radius:11px;background:rgba(79,102,79,.065);border:1px solid rgba(79,102,79,.14)}.project-stage-dialog-summary>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:900}.project-stage-dialog-summary strong,.project-stage-dialog-summary small{display:block}.project-stage-dialog-summary strong{color:var(--green2)}.project-stage-dialog-summary small{color:var(--muted);margin-top:2px}
@media(max-width:1200px){.project-filterbar{grid-template-columns:1.5fr repeat(3,minmax(135px,.7fr));}.project-filter-toggle{grid-column:5}.project-stage-map{grid-template-columns:110px 1fr}.project-status-legend{grid-template-columns:1fr 1fr 1fr}.project-status-legend>strong{grid-column:1/-1}}
@media(max-width:820px){.project-filterbar{grid-template-columns:1fr 1fr}.project-search{grid-column:1/-1}.project-filter-toggle{grid-column:auto}.project-extra-filters{flex-wrap:wrap}.project-stage-map{grid-template-columns:1fr}.project-stage-map-items{justify-content:start}.project-status-legend{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.project-filterbar{grid-template-columns:1fr}.project-search,.project-filter-toggle{grid-column:auto}.project-status-legend{grid-template-columns:1fr}.pipeline-tab{flex:1}.project-extra-filters label{min-width:100%;}}

/* =========================================================
   DERMOHUB V45 · Pipeline Projetos — hierarquia refinada
   Títulos/abas discretos; operação maior, mais densa e legível.
   ========================================================= */

/* Cabeçalho da tela menos dominante */
.pipeline-page-title{margin-bottom:10px;align-items:flex-end}
.pipeline-page-title .eyebrow{font-size:7.5px;letter-spacing:.13em}
.pipeline-page-title h1{font-size:28px!important;line-height:1!important;margin:4px 0 3px!important}
.pipeline-page-title p{font-size:9.5px!important;line-height:1.35;max-width:840px}
.pipeline-page-title .primary-btn{font-size:9.5px;min-height:32px;padding:0 12px}
.pipeline-tabs{margin-bottom:12px}
.pipeline-tab{font-size:10.5px;padding:7px 12px 8px}
.pipeline-tab span{min-width:18px;height:18px;font-size:8.5px}

/* Filtros mais discretos para deixar a Pipeline ser o foco */
.project-filterbar{gap:8px;margin-bottom:8px}
.project-filterbar select,.project-extra-filters select,.project-extra-filters input{font-size:10px;padding:7px 9px;min-height:32px}
.project-filterbar .search-field input{font-size:10px;padding:7px 0}
.project-filter-toggle{font-size:9.5px;min-height:32px}

/* Mapa das etapas: maior e mais compacto */
.project-stage-map{grid-template-columns:120px minmax(0,1fr);gap:9px;padding:9px 12px;margin-bottom:9px}
.project-stage-map-label strong{font-size:10.5px}
.project-stage-map-label small{font-size:8.5px;margin-top:1px}
.project-stage-map-items{gap:3px;padding:0}
.project-stage-map-item{gap:6px}
.project-stage-map-item b{width:24px;height:24px;flex-basis:24px;font-size:10px}
.project-stage-map-item span{font-size:10.5px;line-height:1.08}
.project-stage-map-arrow{font-size:15px}

/* Tabela operacional: leitura maior, linhas mais próximas */
.project-pipeline-table{font-size:12px;min-width:1160px}
.project-pipeline-table th{padding:8px 10px;font-size:9px;letter-spacing:.045em}
.project-pipeline-table td{padding:8px 10px}
.project-product-cell{grid-template-columns:44px minmax(0,1fr);gap:8px;min-width:185px}
.project-thumb{width:44px;height:50px}
.project-product-cell strong{font-size:12.5px;line-height:1.14}
.project-product-cell small{font-size:9.5px;margin:1px 0 3px}
.project-category-chip{padding:2px 6px;font-size:9px}

.project-progress{min-width:100px}
.project-progress>strong{font-size:17px;line-height:1.05}
.project-progress-bar{height:5px;margin:4px 0}
.project-progress small{font-size:9.5px;line-height:1.18}

.project-current-stage{min-width:315px}
.project-stage-dots{gap:4px;margin-bottom:4px}
.project-stage-dot{width:22px;height:22px;font-size:9px}
.project-current-stage>strong{font-size:11.5px;line-height:1.15;margin-right:5px}
.stage-inline-status{font-size:8.5px;padding:3px 6px}
.project-current-stage>small{font-size:9.5px;line-height:1.22;margin-top:2px;max-width:330px}

.project-owner-cell{gap:6px;min-width:110px}
.project-avatar{width:28px;height:28px;flex-basis:28px;font-size:9px}
.project-owner-cell span:last-child{font-size:10.5px}
.project-due{font-size:10.5px}
.project-overall-status{font-size:9.5px;padding:4px 7px}
.project-row-menu summary{width:24px;height:24px}
.project-row-menu button{font-size:10px;padding:7px 8px}

/* Legenda também ganha leitura sem roubar atenção */
.project-status-legend{grid-template-columns:110px repeat(5,minmax(120px,1fr));gap:9px;padding:9px 12px;margin-top:8px}
.project-status-legend>strong{font-size:8.5px}
.project-status-legend b{font-size:9.5px}
.project-status-legend small{font-size:8.5px}
.legend-dot{width:8px;height:8px}

@media(max-width:820px){
  .pipeline-page-title h1{font-size:25px!important}
  .pipeline-page-title p{font-size:9px!important}
  .project-stage-map-item span{font-size:10px}
}


/* DermoHUB V46 · Detalhamento visível da etapa atual no Pipeline */
.project-current-stage{min-width:330px}
.project-current-stage>strong{display:block;margin-right:0;margin-bottom:4px}
.project-stage-info{display:flex;flex-direction:column;align-items:flex-start;gap:3px;max-width:340px}
.stage-primary-note{display:block;color:var(--muted);font-size:9.5px;line-height:1.25}
.stage-reference,.stage-date-line{display:block;font-size:9px;line-height:1.22}
.stage-reference{color:var(--text-strong,var(--green2))!important;font-weight:600}
.stage-date-line{color:var(--muted)}
.stage-inline-status{margin-bottom:2px}


/* DermoHUB V47 · Detalhes da etapa ao lado, usando o espaço horizontal */
.project-current-stage{
  min-width:520px;
  display:grid;
  grid-template-columns:minmax(220px, .9fr) minmax(230px, 1.1fr);
  gap:22px;
  align-items:center;
}
.project-stage-left{min-width:0}
.project-stage-left>strong{display:block;font-size:11.5px;line-height:1.18;margin:0 0 4px;color:var(--text-strong,var(--green2))}
.project-stage-left>.stage-inline-status{display:inline-flex}
.project-stage-side-info{min-width:0;border-left:1px solid var(--line);padding-left:18px}
.project-stage-side-info .project-stage-info{gap:4px;max-width:none}
.project-stage-side-info .stage-primary-note{font-size:10px;line-height:1.25;color:var(--text-strong,var(--green2))}
.project-stage-side-info .stage-reference,.project-stage-side-info .stage-date-line{font-size:9.5px;line-height:1.25}
.project-stage-dots{margin-bottom:5px}
@media(max-width:1180px){
  .project-current-stage{min-width:390px;grid-template-columns:1fr;gap:8px}
  .project-stage-side-info{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:7px}
}


/* DermoHUB V48 · Etapas centralizadas e sem selo de status na coluna Etapa Atual */
.project-current-stage{
  min-width:520px;
  display:grid;
  grid-template-columns:minmax(220px,.9fr) minmax(230px,1.1fr);
  gap:22px;
  align-items:center;
}
.project-stage-left{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.project-stage-left>strong,
.project-stage-left>.stage-inline-status{display:none!important}
.project-stage-dots{
  margin:0;
  justify-content:center;
}
.project-stage-side-info{min-width:0;border-left:1px solid var(--line);padding-left:18px}
.project-stage-side-info .project-stage-info{gap:4px;max-width:none}
.project-stage-side-info .stage-primary-note{font-size:10px;line-height:1.25;color:var(--text-strong,var(--green2))}
.project-stage-side-info .stage-reference,.project-stage-side-info .stage-date-line{font-size:9.5px;line-height:1.25}
@media(max-width:1180px){
  .project-current-stage{min-width:390px;grid-template-columns:1fr;gap:8px}
  .project-stage-side-info{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:7px}
}


/* DermoHUB V49 · Pipeline detalhado por linha e modal de projeto */
.project-row-clickable{cursor:pointer}
.project-row-clickable:hover{background:#fbfaf6}
.project-row-clickable:focus-visible{outline:2px solid rgba(94,122,83,.35);outline-offset:-2px}
.project-row-clickable .project-stage-dot{cursor:default;pointer-events:none}
.form-dialog.mega{width:min(1320px,96vw)}
.project-detail-shell{max-width:none}
.project-detail-body{display:flex;flex-direction:column;gap:18px}
.project-detail-hero{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);gap:20px;padding:4px 0 2px}
.project-detail-product,.project-detail-progress{border:1px solid var(--line);border-radius:18px;background:#fff;padding:18px}
.project-detail-product{display:grid;grid-template-columns:116px 1fr;gap:16px;align-items:center}
.project-detail-thumb .product-thumb,.project-detail-thumb img{width:116px;height:116px;border-radius:50%;object-fit:cover}
.project-detail-copy strong{display:block;font-size:15px;color:var(--text-strong,var(--green2));margin-bottom:6px}
.project-detail-copy small{display:block;color:var(--muted);font-size:10px}
.project-detail-progress-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.project-detail-progress-head strong{font-size:13px;color:var(--text-strong,var(--green2))}
.project-detail-progress-head span{font-size:24px;font-weight:800;color:var(--text-strong,var(--green2))}
.project-detail-progress-bar{height:14px;border-radius:999px;background:#efeee8;overflow:hidden}
.project-detail-progress-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--green),#7f936f)}
.project-detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.project-detail-stats>div{border-left:1px solid var(--line);padding-left:14px}.project-detail-stats>div:first-child{border-left:0;padding-left:0}
.project-detail-stats strong{display:block;font-size:24px;color:var(--text-strong,var(--green2));line-height:1}.project-detail-stats small{font-size:10px;color:var(--muted)}
.project-detail-legend{display:flex;flex-wrap:wrap;gap:10px}
.legend-chip{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;padding:9px 14px;font-size:11px;font-weight:700;background:#fff;color:var(--text-strong,var(--green2))}
.legend-chip.progress{color:#2b69af}.legend-chip.waiting{color:#9d6b00}.legend-chip.done{color:#2c7d3b}.legend-chip.delayed{color:#b53b35}.legend-chip.neutral{color:#777}
.project-detail-stages{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.project-detail-stage-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid var(--line);border-radius:18px;background:#fff;padding:16px 12px 14px;text-align:center;min-height:210px;transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease}
.project-detail-stage-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(27,38,23,.08)}
.project-detail-stage-card.current{border-color:#d9b04c;box-shadow:0 0 0 2px rgba(217,176,76,.18) inset}
.project-detail-stage-number{position:absolute;top:-11px;left:50%;transform:translateX(-50%);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#617553;color:#fff;font-weight:800;font-size:12px;border:3px solid #fff}
.project-detail-stage-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#f5f3eb;color:var(--green);margin-top:10px}
.project-detail-stage-icon .icon{width:28px;height:28px}
.project-detail-stage-card strong{font-size:12px;line-height:1.24;color:var(--text-strong,var(--green2));min-height:32px}
.project-detail-stage-card small{font-size:10px;line-height:1.28;color:var(--muted)}
.project-detail-stage-chip{display:inline-flex;padding:5px 10px;border-radius:999px;font-size:9px;font-weight:800}
.project-detail-stage-chip.not-started{background:#efefed;color:#777}.project-detail-stage-chip.in-progress{background:#e3effd;color:#2b69af}.project-detail-stage-chip.waiting{background:#fff1cb;color:#9d6b00}.project-detail-stage-chip.done{background:#dff2e2;color:#2c7d3b}.project-detail-stage-chip.delayed{background:#fde4e2;color:#b53b35}
.project-detail-bottom{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.9fr);gap:18px}
.project-detail-panel{border:1px solid var(--line);border-radius:18px;background:#fff;padding:18px}
.project-detail-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.project-detail-panel-head strong{font-size:14px;color:var(--text-strong,var(--green2))}.project-detail-panel-head small{display:block;font-size:10px;color:var(--muted)}
.project-detail-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:#f7f1de;color:#9d6b00;font-size:10px;font-weight:800}
.project-detail-checklist-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.project-detail-check-row{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:12px;align-items:center;padding:12px 14px;border-top:1px solid var(--line)}
.project-detail-check-row:first-child{border-top:0}.project-detail-check-main{display:flex;gap:12px;align-items:flex-start}.check-state{width:22px;height:22px;border-radius:50%;border:2px solid #c7cbc4;display:inline-block;flex:none;margin-top:2px}.check-state.done{border-color:#47a85b;background:#47a85b;box-shadow:inset 0 0 0 4px #fff}
.project-detail-check-main strong{display:block;font-size:12px;color:var(--text-strong,var(--green2));margin-bottom:2px}.project-detail-check-main small{font-size:10px;color:var(--muted);line-height:1.25}
.project-detail-check-meta{display:flex;flex-direction:column;gap:4px;align-items:flex-end;font-size:10px;color:var(--muted)}
.project-detail-side-box{border:1px solid var(--line);border-radius:14px;padding:14px 15px;background:#fffdf7;margin-bottom:12px}.project-detail-side-box strong{display:block;font-size:12px;color:var(--text-strong,var(--green2));margin-bottom:8px}.project-detail-side-box p{margin:0;font-size:10px;color:var(--muted);line-height:1.4}
.project-detail-about{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.project-detail-about li{display:grid;grid-template-columns:110px 1fr;gap:10px;font-size:10px;color:var(--muted)}.project-detail-about strong{font-size:10px;color:var(--text-strong,var(--green2))}
.project-detail-empty{padding:20px;border:1px dashed var(--line);border-radius:14px;background:#fbfaf6}.project-detail-empty strong{display:block;font-size:12px;color:var(--text-strong,var(--green2));margin-bottom:4px}.project-detail-empty span{font-size:10px;color:var(--muted)}
@media (max-width:1280px){.project-detail-stages{grid-template-columns:repeat(4,minmax(0,1fr))}.project-detail-hero{grid-template-columns:1fr}.project-detail-bottom{grid-template-columns:1fr}}
@media (max-width:900px){.project-detail-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.project-detail-product{grid-template-columns:1fr}.project-detail-check-row{grid-template-columns:1fr}.project-detail-check-meta{align-items:flex-start}}


/* DermoHUB V51 · Detalhe do projeto como tela normal, não modal */
.pipeline-project-detail-view[hidden]{display:none!important}
.pipeline-project-detail-view{display:block;width:100%;min-width:0}
.project-detail-page-head{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:20px;padding-top:2px}
.project-detail-page-head h1{font:400 30px/1.05 "DM Serif Display",serif;color:var(--green2);margin:5px 0}
.project-detail-page-head p{margin:0;color:var(--muted);font-size:11px}
.project-detail-back{display:inline-flex;align-items:center;gap:6px;padding:0!important}
.project-detail-back .icon{width:15px;height:15px}
.project-detail-page-body{width:100%;padding:0!important;overflow:visible!important;max-height:none!important}
.project-detail-page-body .project-detail-hero{grid-template-columns:minmax(320px,.8fr) minmax(480px,1.2fr)}
.project-detail-page-body .project-detail-stages{grid-template-columns:repeat(8,minmax(0,1fr))}
.project-detail-page-body .project-detail-stage-card{min-height:220px}
.project-detail-page-body .project-detail-bottom{margin-bottom:30px}
#section-pipeline:has(#pipelineProjectDetailView:not([hidden])){padding-top:0}
@media(max-width:1280px){.project-detail-page-body .project-detail-stages{grid-template-columns:repeat(4,minmax(0,1fr))}.project-detail-page-body .project-detail-hero{grid-template-columns:1fr}}
@media(max-width:900px){.project-detail-page-body .project-detail-stages{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* DermoHUB V53 · Etapa 1 — Formulação */
.form-dialog.formulation-dialog{width:min(1280px,97vw)}
.formulation-shell{max-width:none;overflow:hidden}
.formulation-head{padding-bottom:14px}
.formulation-title-wrap{display:flex;align-items:center;gap:12px}
.formulation-title-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#f3f3ec;color:var(--green);border:1px solid var(--line)}
.formulation-title-icon .icon{width:22px;height:22px}
.formulation-title-wrap h2{font-size:19px;margin:3px 0 0}
.formulation-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;min-height:680px}
.formulation-main{padding:22px 24px 24px;min-width:0;overflow:auto}
.formulation-side{border-left:1px solid var(--line);padding:24px 22px;background:#fffdf9;display:flex;flex-direction:column;gap:18px}
.formulation-fields{display:flex;flex-direction:column;gap:17px}
.formulation-fields label,.formulation-side label{font-size:10px;font-weight:700;color:var(--text-strong,var(--green2))}
.formulation-fields input,.formulation-fields select,.formulation-fields textarea,.formulation-side input,.formulation-side select{width:100%;border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 10px;outline:none;font-size:10px;color:var(--ink)}
.formulation-fields textarea{resize:vertical;min-height:72px}
.formulation-fields input:focus,.formulation-fields select:focus,.formulation-fields textarea:focus,.formulation-side input:focus,.formulation-side select:focus{border-color:var(--green);box-shadow:0 0 0 2px rgba(79,102,79,.08)}
.formulation-short-grid{grid-template-columns:1fr 1fr;max-width:76%;gap:14px}
.field-inline-help{float:right;color:var(--muted);font-weight:500;font-size:8.5px}
.tag-entry{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}
.tag-entry>input{border:0!important;border-radius:0!important;box-shadow:none!important}
.stage-tag-list{min-height:34px;border-top:1px solid var(--line);padding:6px 8px;display:flex;gap:5px;flex-wrap:wrap;align-items:center}
.stage-tag{border:1px solid #d7ded3;background:#eef5ec;color:var(--green2);border-radius:999px;padding:4px 7px;font-size:9px;font-weight:700}
.stage-tag b{font-size:11px;margin-left:4px}.empty-tag-note{font-size:8.5px;color:var(--muted);font-weight:500}
.cost-range-fields{display:grid;grid-template-columns:1fr auto 1fr;gap:7px;align-items:center}.cost-range-fields>span{color:var(--muted)}
.briefing-prefill-note{display:block;margin-top:5px;color:var(--copper);font-size:8.5px;font-weight:500;line-height:1.3}
.formulation-dropzone{position:relative;border:1px dashed #c9cfc5;border-radius:11px;background:#fff;min-height:95px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;color:var(--muted)}
.formulation-dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.formulation-dropzone .icon{width:24px;height:24px;color:var(--green)}.formulation-dropzone strong{font-size:10px;color:var(--text-strong,var(--green2))}.formulation-dropzone small{font-size:8.5px}
.formulation-attachment-list{margin-top:7px}.formulation-attachment-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.formulation-attachment-list li{display:flex;justify-content:space-between;gap:10px;padding:6px 8px;border-radius:8px;background:#f7f7f3;font-size:9px}.formulation-attachment-list a{color:var(--green);text-decoration:none}.formulation-attachment-list small,.formulation-attachment-list p{font-size:8.5px;color:var(--muted);margin:0}
.formulation-checklist{margin-top:17px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px 14px}.formulation-checklist-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.formulation-checklist-head strong{font-size:11px;color:var(--text-strong,var(--green2))}.formulation-checklist-head span{font-size:9px;color:var(--muted)}
.formulation-check-grid{display:flex;gap:18px 20px;flex-wrap:wrap}.formulation-check-grid label{display:flex;align-items:center;gap:6px;font-size:9.5px;font-weight:600;color:var(--ink);cursor:pointer}.formulation-check-grid input{position:absolute;opacity:0}.formulation-check-grid label>span{width:18px;height:18px;border:1px solid #bcc4b8;border-radius:50%;display:inline-grid;place-items:center}.formulation-check-grid input:checked+span{background:var(--green);border-color:var(--green)}.formulation-check-grid input:checked+span:after{content:'✓';color:#fff;font-size:11px;font-weight:800}
.formulation-side-block{display:flex;flex-direction:column;gap:7px}.formulation-side-block+.formulation-side-block{border-top:1px solid var(--line);padding-top:15px}.side-label{text-transform:none;font-size:10px;font-weight:800;color:var(--text-strong,var(--green2))}.formulation-status-select{font-weight:800;color:#9d6b00;background:#fff9e8!important;border-color:#ead7a3!important}.formulation-side-block small{font-size:8.5px;color:var(--muted)}
.formulation-side-actions{margin-top:auto;border-top:1px solid var(--line);padding-top:16px;display:flex;flex-direction:column;gap:9px}.formulation-side-actions button{width:100%;display:flex;justify-content:center;align-items:center;gap:7px}.formulation-side-actions .icon{width:16px;height:16px}.formulation-auto-state{text-align:center;font-size:8.5px;color:var(--muted)}.formulation-complete{background:var(--green)!important}
@media(max-width:1100px){.formulation-layout{grid-template-columns:minmax(0,1fr) 280px}.formulation-short-grid{max-width:none}}
@media(max-width:900px){.formulation-layout{grid-template-columns:1fr}.formulation-side{border-left:0;border-top:1px solid var(--line)}.formulation-short-grid{max-width:none}.formulation-side-actions{margin-top:0}}


/* =========================================================
   DermoHUB V54 · Sequência obrigatória do Pipeline
   - Etapa atual destacada
   - Etapas futuras bloqueadas
   - Etapas anteriores permanecem acessíveis
   ========================================================= */
.project-detail-stage-card.current{
  border:2px solid var(--green)!important;
  background:linear-gradient(180deg,#fff 0%,rgba(79,102,79,.055) 100%);
  box-shadow:0 0 0 4px rgba(79,102,79,.10),0 12px 28px rgba(42,63,44,.10)!important;
  transform:translateY(-2px);
}
.project-detail-stage-card.current .project-detail-stage-number{
  background:var(--green);
  box-shadow:0 0 0 4px rgba(79,102,79,.14);
}
.project-detail-stage-card.current .project-detail-stage-icon{
  background:rgba(79,102,79,.12);
  box-shadow:inset 0 0 0 1px rgba(79,102,79,.22);
}
.project-detail-current-flag{
  position:absolute;
  top:8px;
  left:10px;
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:4px 7px;
  border-radius:999px;
  background:var(--green);
  color:#fff;
  font-size:7.5px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.project-detail-current-flag .icon{width:10px;height:10px}
.project-detail-stage-card.locked{
  cursor:not-allowed!important;
  opacity:.55;
  filter:saturate(.45);
  background:#f6f6f3;
  border-style:dashed;
  box-shadow:none!important;
  transform:none!important;
}
.project-detail-stage-card.locked:hover{transform:none!important;box-shadow:none!important}
.project-detail-stage-card.locked .project-detail-stage-icon{background:#ecece8;color:#81877f}
.project-detail-stage-card.locked .project-detail-stage-number{background:#8d928b}
.project-detail-stage-lock{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  margin-top:auto;
  padding:5px 7px;
  border-radius:8px;
  background:#ecece8;
  color:#6e746d;
  font-size:8px;
  font-weight:700;
}
.project-detail-stage-lock .icon{width:10px;height:10px}

/* =========================================================
   DermoHUB V56 · Correção real da largura do modal Formulação
   O V55 alargava o <dialog>, mas não o .dialog-shell interno.
   ========================================================= */
.form-dialog.formulation-dialog{
  width:auto!important;
  max-width:none!important;
  padding:0!important;
  overflow:visible!important;
}
.form-dialog.formulation-dialog .formulation-shell{
  width:min(1260px,calc(100vw - 48px))!important;
  max-width:none!important;
  height:min(820px,calc(100vh - 48px));
  max-height:calc(100vh - 48px)!important;
  overflow:hidden!important;
  display:flex;
  flex-direction:column;
}
.form-dialog.formulation-dialog .formulation-head{
  flex:0 0 auto;
}
.form-dialog.formulation-dialog .formulation-layout{
  flex:1 1 auto;
  min-height:0!important;
  grid-template-columns:minmax(0,1fr) 320px!important;
  overflow:hidden;
}
.form-dialog.formulation-dialog .formulation-main{
  min-height:0;
  overflow-y:auto!important;
  overflow-x:hidden;
  padding:22px 28px 26px!important;
}
.form-dialog.formulation-dialog .formulation-side{
  min-height:0;
  overflow-y:auto;
  padding:24px 24px!important;
}
.form-dialog.formulation-dialog .formulation-short-grid{
  max-width:78%!important;
}
.form-dialog.formulation-dialog .formulation-fields{
  gap:18px!important;
}
.form-dialog.formulation-dialog .form-grid-2,
.form-dialog.formulation-dialog .form-grid-3{
  gap:16px;
}

@media(max-width:1100px){
  .form-dialog.formulation-dialog .formulation-shell{
    width:min(1040px,calc(100vw - 30px))!important;
  }
  .form-dialog.formulation-dialog .formulation-layout{
    grid-template-columns:minmax(0,1fr) 285px!important;
  }
  .form-dialog.formulation-dialog .formulation-short-grid{max-width:none!important}
}
@media(max-width:900px){
  .form-dialog.formulation-dialog .formulation-shell{
    width:calc(100vw - 16px)!important;
    height:calc(100vh - 16px);
    max-height:calc(100vh - 16px)!important;
  }
  .form-dialog.formulation-dialog .formulation-layout{
    grid-template-columns:1fr!important;
    overflow-y:auto;
  }
  .form-dialog.formulation-dialog .formulation-main,
  .form-dialog.formulation-dialog .formulation-side{
    overflow:visible!important;
  }
}

/* =========================================================
   DermoHUB V57 · Centralização real do modal Formulação
   ========================================================= */
.form-dialog.formulation-dialog[open]{
  position:fixed!important;
  top:50%!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  margin:0!important;
  width:min(1260px,calc(100vw - 48px))!important;
  max-width:none!important;
  max-height:calc(100vh - 48px)!important;
  overflow:visible!important;
}
.form-dialog.formulation-dialog[open] .formulation-shell{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
@media(max-width:1100px){
  .form-dialog.formulation-dialog[open]{
    width:min(1040px,calc(100vw - 30px))!important;
  }
}
@media(max-width:900px){
  .form-dialog.formulation-dialog[open]{
    width:calc(100vw - 16px)!important;
    max-height:calc(100vh - 16px)!important;
  }
}


/* DermoHUB V58 · Etapa 2 — Testes */
.tests-layout{grid-template-columns:minmax(0,1fr) 300px}
.tests-main{min-width:0}
.tests-deadline-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:14px;align-items:start}
.tests-deadline-grid label>small{display:block;margin-top:5px;font-size:8.5px;color:var(--muted)}
.tests-observation-grid{align-items:stretch}
.tests-observation-grid>label{margin-bottom:0}
.tests-observation-grid textarea{height:100%;min-height:192px}
.tests-results-panel{border:1px solid var(--line);border-radius:11px;background:#fff;padding:13px 14px;display:flex;flex-direction:column;gap:7px}
.tests-results-head{display:flex;flex-direction:column;gap:2px;margin-bottom:3px}.tests-results-head strong{font-size:11px;color:var(--text-strong,var(--green2))}.tests-results-head small{font-size:8.5px;color:var(--muted)}
.tests-results-panel label{display:grid;grid-template-columns:minmax(130px,1fr) minmax(130px,.8fr);align-items:center;gap:10px;margin:0!important;font-weight:600!important}
.tests-results-panel label span{font-size:9.5px;color:var(--muted)}
.tests-results-panel input{text-align:right;font-weight:700}
.tests-side{min-width:0}
@media(max-width:1100px){.tests-layout{grid-template-columns:minmax(0,1fr) 280px}.tests-deadline-grid{grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:900px){.tests-layout{grid-template-columns:1fr}.tests-deadline-grid{grid-template-columns:1fr}.tests-results-panel label{grid-template-columns:1fr}.tests-results-panel input{text-align:left}}


/* DermoHUB V59 · Etapa Produto, Fórmula e Versões */
.product-formula-dialog{width:min(1280px,97vw);margin:auto!important;inset:0!important}
.product-formula-dialog .product-formula-shell{width:100%!important;max-width:none!important;max-height:min(92vh,940px);overflow:hidden;display:flex;flex-direction:column}
.product-formula-layout{grid-template-columns:minmax(0,1fr) 300px;min-height:700px;overflow:hidden}
.product-formula-main{overflow:auto;padding:22px 24px 24px}
.product-formula-side{min-width:0}
.product-formula-short-grid{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);max-width:78%;gap:14px}
.field-counter{align-self:flex-end;font-size:8.5px!important;color:var(--muted)!important;font-weight:500!important;margin-top:-4px}
.product-version-section{border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden}
.product-version-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line);background:#fbfaf6}
.product-version-head strong{display:block;font-size:11px;color:var(--text-strong,var(--green2))}.product-version-head small{display:block;font-size:8.5px;color:var(--muted);margin-top:2px}
.product-version-table-wrap{overflow:auto}.product-version-table{width:100%;border-collapse:collapse;min-width:760px}.product-version-table th{padding:8px 9px;text-align:left;background:#f6f5f0;color:var(--text-strong,var(--green2));font-size:8.5px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line)}.product-version-table td{padding:5px 6px;border-bottom:1px solid var(--line);vertical-align:middle}.product-version-table input,.product-version-table select{width:100%;min-width:0;padding:7px 8px!important;border-radius:7px!important;font-size:9px!important}.product-version-table .version-code{min-width:64px}.product-version-table .version-description{min-width:185px}
.version-current-btn,.version-remove-btn{width:28px;height:28px;border:0;background:transparent;border-radius:7px;font-size:16px;color:#a7aaa5;display:grid;place-items:center}.version-current-btn:hover{background:#fff8db;color:#c99615}.version-current-btn.active{color:#d39b12;background:#fff7d6}.version-remove-btn:hover{background:#fde8e6;color:#b53b35}
.product-version-approved{display:flex;align-items:center;gap:6px;padding:9px 12px;font-size:9.5px;color:var(--muted);background:#fbfaf6}.product-version-approved .icon{width:15px;height:15px;color:#3e8750}.product-version-approved strong{color:#3e8750}
.product-change-grid{grid-template-columns:1.1fr 1.1fr .8fr}.product-cost-impact-row{max-width:36%}.product-formula-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px}
.product-formula-dialog .empty-state.compact{padding:12px}.product-formula-dialog .empty-state.compact strong{font-size:10px}.product-formula-dialog .empty-state.compact span{font-size:8.5px}
@media(max-width:1100px){.product-formula-layout{grid-template-columns:minmax(0,1fr) 280px}.product-formula-short-grid{max-width:none}.product-change-grid{grid-template-columns:1fr 1fr}.product-cost-impact-row{max-width:50%}}
@media(max-width:900px){.product-formula-layout{grid-template-columns:1fr}.product-formula-side{border-left:0;border-top:1px solid var(--line)}.product-change-grid,.product-formula-check-grid{grid-template-columns:1fr}.product-cost-impact-row{max-width:none}}