:root{
  --pp-bg:#f7fafb;
  --pp-surface:#ffffff;
  --pp-line:#e7eef0;
  --pp-teal:#07686a;
  --pp-teal-2:#0aa9ad;
  --pp-ink:#0d2028;
  --pp-muted:#6f8293;
  --pp-purple:#8b5cf6;
  --pp-blue:#2f6bff;
  --pp-orange:#f59e0b;
  --pp-red:#ef4444;
  --pp-green:#13a66b;
}
body{background:var(--pp-bg);}
.mockup-sidebar{background:linear-gradient(180deg,#031f21 0%, #063c3f 55%, #042326 100%);}
.mockup-brand-logo{width:170px;}
.mockup-main{background:#fbfcfd;}
.mockup-topbar{background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--pp-line);}
.mockup-content{padding:28px 32px 48px;}
.mockup-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--pp-line);border-radius:18px;padding:12px 14px;min-width:420px;box-shadow:0 4px 18px rgba(13,32,40,.04);}
.mockup-search input{border:0;outline:none;background:transparent;width:100%;font-size:14px;color:var(--pp-ink);}
.mockup-search kbd{background:#f2f5f7;border:1px solid #dbe5e8;border-bottom-width:2px;border-radius:8px;padding:3px 6px;font-size:12px;color:#607180;}
.mockup-new-btn{min-width:120px;height:46px;border-radius:14px;background:linear-gradient(135deg,#0b6d6c,#0a8e90);}
.icon-btn{width:42px;height:42px;border-radius:14px;border:1px solid var(--pp-line);background:#fff;display:inline-flex;align-items:center;justify-content:center;}
.mockup-user-chip{border-radius:16px;padding:10px 14px;background:#fff;border:1px solid var(--pp-line);box-shadow:0 4px 18px rgba(13,32,40,.04);}
.mockup-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px;}
.mockup-page-head h2{margin:2px 0 6px;font-size:28px;line-height:1.1;color:var(--pp-ink);}
.section-kicker{font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#147476;}
.page-head-actions{display:flex;gap:10px;align-items:center;}
.pill-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;border-radius:14px;border:1px solid var(--pp-line);background:#fff;color:#264050;font-weight:700;}
.command-actions-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:16px;}
.command-action-card{background:#fff;border:1px solid var(--pp-line);border-radius:18px;padding:18px 18px;display:flex;flex-direction:column;gap:6px;box-shadow:0 8px 24px rgba(13,32,40,.04);}
.command-action-card strong{font-size:22px;color:#0b6d6c;}
.command-action-card span{font-size:13px;color:var(--pp-muted);}
.command-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:16px;}
.command-kpi-card,.commercial-kpi,.stat-card,.money-card{background:#fff;border:1px solid var(--pp-line);border-radius:20px;padding:20px;box-shadow:0 10px 28px rgba(13,32,40,.04);}
.command-kpi-card span,.commercial-kpi span,.stat-card span,.money-card span{display:block;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#5b7183;margin-bottom:8px;}
.command-kpi-card strong,.commercial-kpi strong,.stat-card strong,.money-card strong{display:block;font-size:38px;line-height:1;color:#0f2430;}
.command-kpi-card small,.commercial-kpi small,.stat-card small,.money-card small{display:block;margin-top:10px;color:var(--pp-muted);}
.command-kpi-card.alert strong{color:var(--pp-red);}
.command-middle-grid{display:grid;grid-template-columns:1.1fr 1.1fr 1.1fr .9fr;gap:16px;margin-bottom:16px;}
.command-bottom-grid,.mockup-bottom-grid{gap:16px;}
.card{border:1px solid var(--pp-line);box-shadow:0 10px 28px rgba(13,32,40,.04);border-radius:22px;}
.mockup-chart-card{padding:18px 20px;}
.card-prospect-bar h3,.admin-summary-card h3{margin:0 0 18px;font-size:20px;}
.linear-stat-row{display:grid;grid-template-columns:120px 1fr 40px;gap:10px;align-items:center;margin:12px 0;}
.linear-track{height:10px;background:#eff4f6;border-radius:999px;overflow:hidden;}
.linear-track i{display:block;height:100%;background:linear-gradient(90deg,#0c7d7f,#19b8bc);border-radius:999px;}
.mockup-table,.mockup-mini-table{width:100%;border-collapse:collapse;}
.mockup-table th,.mockup-table td,.mockup-mini-table th,.mockup-mini-table td{padding:12px 10px;border-bottom:1px solid #eef3f5;font-size:14px;text-align:left;color:#233848;}
.mockup-table thead th,.mockup-mini-table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#6f8293;background:#fbfcfd;}
.commercial-hero-shell{display:grid;grid-template-columns:1.2fr 1fr .9fr;gap:18px;padding:22px;margin-bottom:16px;}
.hero-mini-kicker{font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#355ef7;margin-bottom:10px;}
.commercial-hero-shell h3{font-size:28px;margin:0 0 10px;color:#122734;}
.hero-mini-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;}
.hero-mini-stats div{background:#f7fbfd;border:1px solid #edf3f6;border-radius:16px;padding:14px;}
.hero-mini-stats span{display:block;font-size:12px;font-weight:800;color:#6f8293;text-transform:uppercase;}
.hero-mini-stats strong{display:block;font-size:24px;margin:6px 0;color:#0d6f63;}
.goal-big{display:block;font-size:72px;line-height:1;color:#0d6f63;margin:10px 0;}
.goal-track{height:12px;background:#edf3f6;border-radius:999px;overflow:hidden;margin:10px 0 12px;}
.goal-track i{display:block;height:100%;background:linear-gradient(90deg,#0b7c6f,#23b35d);border-radius:999px;}
.goal-meta{font-size:18px;font-weight:800;color:#1a3342;}
.commercial-hero-actions{display:grid;grid-template-columns:1fr;gap:12px;}
.quick-action-box{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--pp-line);border-radius:18px;padding:18px;box-shadow:0 8px 20px rgba(13,32,40,.03);}
.quick-action-box strong{color:#21435a;}
.quick-action-box span{font-size:13px;color:var(--pp-muted);}
.commercial-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:16px;}
.commercial-kpi.prospectos{border-top:4px solid #3b82f6}
.commercial-kpi.reuniones{border-top:4px solid #8b5cf6}
.commercial-kpi.propuestas{border-top:4px solid #f59e0b}
.commercial-kpi.seguimientos{border-top:4px solid #ef476f}
.commercial-kpi.cierres{border-top:4px solid #10b981}
.three-panel-grid{display:grid;grid-template-columns:1.3fr 1fr 1.1fr;gap:16px;margin-bottom:16px;}
.funnel-shell{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center;}
.funnel-visual{display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 0;}
.funnel-step{height:34px;clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);border-radius:8px;}
.funnel-step.s1{width:170px;background:linear-gradient(90deg,#0a6b6d,#0e8b8e)}
.funnel-step.s2{width:150px;background:linear-gradient(90deg,#4aa2f3,#69b9ff)}
.funnel-step.s3{width:130px;background:linear-gradient(90deg,#7555ff,#9a6bff)}
.funnel-step.s4{width:110px;background:linear-gradient(90deg,#f0a122,#ffbd55)}
.funnel-step.s5{width:90px;background:linear-gradient(90deg,#f26161,#ff7f7f)}
.reading-card{padding:20px}
.reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.reading-item{border:1px solid var(--pp-line);border-radius:18px;padding:16px;background:#fcfefe}
.admin-hero{display:flex;gap:18px;align-items:center;padding:22px;margin-bottom:16px;}
.admin-hero-icon{width:62px;height:62px;border-radius:18px;background:#e9f8f6;color:#0b7c7b;display:flex;align-items:center;justify-content:center;font-size:28px;}
.admin-top-grid{grid-template-columns:1.1fr 1.1fr .7fr .8fr .9fr;margin-bottom:16px;}
.summary-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}
.summary-lines div{padding:14px;border-radius:16px;background:#fbfdfe;border:1px solid #eef3f5}
.summary-lines span{display:block;font-size:12px;font-weight:800;color:#6f8293;text-transform:uppercase;margin-bottom:6px}
.summary-lines strong{font-size:22px;color:#112736}
.tech-top-grid{margin-bottom:16px}
.mockup-health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mockup-health-card{padding:18px;border-radius:20px;background:#fff;border:1px solid var(--pp-line)}
.health-card-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}
.health-card-top strong{display:block;color:#12303c;font-size:22px}
.health-card-top span{display:block;color:#6f8293;font-size:13px}
.health-state{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800}
.health-state.ok{background:#eaf8f1;color:#15905d}
.health-state.warning{background:#fff4e5;color:#dd8b11}
.health-state.pending{background:#f1ebff;color:#7b44f2}
.health-meter{display:grid;grid-template-columns:42px 1fr 44px;gap:10px;align-items:center;margin:10px 0}
.health-meter label{font-size:12px;font-weight:800;color:#6f8293;text-transform:uppercase}
.health-meter i{display:block;height:8px;border-radius:999px;background:linear-gradient(90deg,#0b7779,#16afb3)}
.health-meter em{font-style:normal;font-size:13px;color:#5f7281;text-align:right}
.mockup-login-page.v2{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#f7fafb}
.mockup-login-hero.v2{position:relative;background:radial-gradient(circle at 18% 12%, rgba(17,186,195,.26), transparent 26%), linear-gradient(135deg,#041d1f 0%,#07373a 42%,#021518 100%);color:#fff;padding:48px 54px;overflow:hidden}
.mockup-login-hero.v2::after{content:"";position:absolute;inset:auto -10% -18% 10%;height:340px;background:radial-gradient(circle at center, rgba(38,199,210,.35), transparent 55%);filter:blur(18px);}
.mockup-login-panel.v2{display:flex;align-items:center;justify-content:center;padding:36px 42px;background:linear-gradient(180deg,#f7fafb,#f4f7f8)}
.mockup-login-card.v2{width:min(520px,100%);background:#fff;border:1px solid var(--pp-line);border-radius:28px;padding:34px 34px 28px;box-shadow:0 18px 44px rgba(13,32,40,.08)}
.mockup-login-card.v2 h2{font-size:26px;margin:0 0 8px;color:#132734}
.mockup-login-card.v2 p{margin:0 0 20px;color:#6f8293}
.auth-stepper{display:flex;align-items:center;gap:12px;margin:8px 0 22px}
.auth-stepper .step{display:flex;align-items:center;gap:10px;color:#718394;font-weight:700}
.auth-stepper .step span{width:30px;height:30px;border-radius:999px;border:1px solid #cdd9df;display:inline-flex;align-items:center;justify-content:center;background:#fff}
.auth-stepper .step.done span{background:#fff}
.auth-stepper .step.active{color:#113142}
.auth-stepper .step.active span{background:#0b6d6c;color:#fff;border-color:#0b6d6c}
.auth-stepper .step-line{flex:1;height:1px;background:#d9e3e7}
.login-form-shell{border:1px solid #ebf0f3;border-radius:20px;padding:24px;background:#fff}
.mockup-login-card.v2 label{display:block;font-size:14px;font-weight:800;color:#233949;margin:0 0 8px}
.mockup-login-card.v2 input{width:100%;height:52px;border-radius:14px;border:1px solid #dbe5ea;background:#fff;padding:0 16px;font-size:15px;color:#18313f;margin-bottom:18px}
.mockup-login-card.v2 input:focus{outline:none;border-color:#0c8f91;box-shadow:0 0 0 4px rgba(12,143,145,.08)}
.ga-section{margin-top:4px;padding-top:8px}
.ga-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.ga-title-row strong{font-size:15px;color:#122938}
.ga-shield{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:999px;background:#eaf7f6}
.ga-token-input{letter-spacing:.36em;font-size:22px;font-weight:900;text-align:center}
.login-remember-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:2px 0 18px}
.remember-check{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#526776}
.remember-check input{width:16px !important;height:16px !important;margin:0 !important}
.login-submit{width:100%;height:54px;font-size:18px;border-radius:14px}
.secure-footer{margin-top:18px;text-align:center;font-size:14px;color:#6f8293;padding-top:14px;border-top:1px solid #eef3f5}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.10))}
.hero-inner{position:relative;z-index:2;max-width:660px}
.hero-logo{width:220px;height:auto;margin-bottom:28px}
.hero-kicker{display:inline-flex;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#d2faf8;margin-bottom:18px}
.mockup-login-hero.v2 h1{font-size:64px;line-height:1.02;margin:0 0 16px;max-width:640px}
.mockup-login-hero.v2 h1 span{color:#14d1d0}
.mockup-login-hero.v2 p{font-size:20px;line-height:1.5;color:#d3edf0;max-width:620px;margin-bottom:28px}
.hero-bullets.v2{display:grid;grid-template-columns:1fr;gap:18px;max-width:540px}
.hero-bullet{display:flex;gap:14px;align-items:flex-start}
.hero-bullet span{width:54px;height:54px;border-radius:16px;background:rgba(14,168,172,.15);display:flex;align-items:center;justify-content:center;font-size:24px}
.hero-bullet strong{display:block;font-size:16px;margin-bottom:6px}
.hero-bullet small{display:block;font-size:14px;line-height:1.45;color:#d0e8ea}
.hero-floating-card{margin-top:28px;display:flex;gap:14px;align-items:center;max-width:430px;padding:18px 20px;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.06);backdrop-filter:blur(8px)}
.floating-icon{width:50px;height:50px;border-radius:16px;background:rgba(14,168,172,.20);display:flex;align-items:center;justify-content:center;font-size:24px}
.floating-icon + div strong{display:block;font-size:18px;margin-bottom:4px}
.floating-icon + div small{display:block;color:#d5eeef;font-size:14px}
.login-env-pill{position:absolute;top:40px;right:48px;display:inline-flex;padding:10px 16px;border-radius:999px;background:#fff;border:1px solid var(--pp-line);color:#183542;font-weight:800;box-shadow:0 8px 20px rgba(13,32,40,.04)}
.mockup-login-panel.v2{position:relative}
.flash-stack .flash,.mockup-login-card .flash{border-radius:14px}
@media (max-width: 1400px){
  .command-actions-grid,.command-kpi-grid,.commercial-kpi-grid,.mockup-health-grid,.admin-top-grid,.command-middle-grid,.three-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .commercial-hero-shell{grid-template-columns:1fr}
}
@media (max-width: 1024px){
  .mockup-login-page.v2{grid-template-columns:1fr}
  .mockup-login-hero.v2{min-height:520px}
  .mockup-search{min-width:220px}
  .command-actions-grid,.command-kpi-grid,.command-middle-grid,.three-panel-grid,.commercial-kpi-grid,.mockup-health-grid,.admin-top-grid{grid-template-columns:1fr}
  .funnel-shell,.summary-lines{grid-template-columns:1fr}
}

/* ===== CONTABILIDAD / FACTURACION ===== */
.accounting-top-strip{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  margin-bottom:16px;
}
.accounting-mini-kpi{
  background:#fff;
  border:1px solid var(--pp-line);
  border-radius:18px;
  padding:16px 18px;
  box-shadow:0 10px 24px rgba(13,32,40,.04);
}
.accounting-mini-kpi span{
  display:block;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:#6f8293;
  margin-bottom:8px;
}
.accounting-mini-kpi strong{
  display:block;
  font-size:30px;
  color:#102734;
  line-height:1;
}
.accounting-main-grid{
  display:grid;
  grid-template-columns:.92fr 2.08fr;
  gap:16px;
  margin-bottom:16px;
}
.accounting-bottom-grid{
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:16px;
}
.accounting-mail-panel,
.accounting-table-panel,
.accounting-guidance-card,
.accounting-upload-card{
  background:#fff;
}
.accounting-mail-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.accounting-mail-item{
  grid-template-columns:12px 1fr auto;
  align-items:flex-start;
  padding:14px 14px;
}
.accounting-mail-item .mail-body strong{
  display:block;
  font-size:15px;
  color:#18313f;
  margin-bottom:4px;
}
.accounting-mail-item .mail-body small{
  display:block;
  color:#6f8293;
  margin-bottom:6px;
}
.accounting-mail-item .mail-body p{
  margin:0;
  font-size:13px;
  color:#536878;
}
.mail-meta{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
}
.accounting-filter-row{
  display:grid;
  grid-template-columns:minmax(240px,1.4fr) minmax(180px,.8fr) auto;
  gap:10px;
  align-items:end;
}
.accounting-filter-row input,
.accounting-filter-row select{
  height:44px;
  border:1px solid #dbe5ea;
  border-radius:14px;
  padding:0 14px;
  background:#fff;
  color:#18313f;
}
.accounting-table{
  margin-top:10px;
}
.accounting-table td,
.accounting-table th{
  vertical-align:middle;
}
.accounting-table td strong{
  display:block;
}
.accounting-table td small{
  display:block;
  margin-top:4px;
  color:#6f8293;
}
.attachment-col{
  min-width:148px;
}
.attachment-btn{
  min-width:126px;
  justify-content:center;
  background:#eef9fa;
  border-color:#a7dfe1;
  color:#0d6d6c;
  font-weight:800;
}
.attachment-btn:hover{
  background:#def4f5;
}
.accounting-guidance-card h3{
  margin:0 0 18px;
}
.guidance-list{
  display:grid;
  gap:12px;
}
.guidance-list div{
  display:grid;
  grid-template-columns:32px 1fr;
  gap:12px;
  align-items:flex-start;
}
.guidance-list span{
  width:32px;
  height:32px;
  border-radius:999px;
  background:#e8f8f7;
  color:#0f7977;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
}
.guidance-list p{
  margin:0;
  color:#4c6273;
  line-height:1.5;
}
.accounting-detail-grid{
  display:grid;
  grid-template-columns:1.55fr .85fr;
  gap:16px;
}
.accounting-detail-main h3{
  margin-top:0;
}
.accounting-upload-card{
  padding:24px;
}
.upload-drop-mockup{
  margin-top:14px;
  border:1.5px dashed #b8d8dc;
  border-radius:22px;
  padding:34px 24px;
  text-align:center;
  background:linear-gradient(180deg,#fbfefe,#f5fbfb);
}
.upload-drop-icon{
  width:56px;
  height:56px;
  margin:0 auto 14px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#e7f8f8;
  font-size:26px;
}
.upload-drop-mockup strong{
  display:block;
  font-size:19px;
  color:#143241;
  margin-bottom:8px;
}
.upload-drop-mockup small{
  display:block;
  color:#6f8293;
  margin-bottom:18px;
}
.upload-drop-mockup input[type="file"]{
  display:block;
  margin:0 auto;
}
@media (max-width: 1200px){
  .accounting-main-grid,
  .accounting-bottom-grid,
  .accounting-detail-grid{
    grid-template-columns:1fr;
  }
  .accounting-top-strip{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width: 860px){
  .accounting-top-strip{
    grid-template-columns:1fr;
  }
  .accounting-filter-row{
    grid-template-columns:1fr;
  }
  .accounting-mail-item{
    grid-template-columns:12px 1fr;
  }
  .mail-meta{
    align-items:flex-start;
  }
}

/* ===== SIDEBAR / MENU GENERAL ===== */
.sidebar-pro{
  display:flex;
  flex-direction:column;
  padding:20px 16px 16px;
  overflow:hidden;
}
.mockup-brand-box{
  flex:0 0 auto;
  padding:8px 10px 18px;
  margin-bottom:16px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.sidebar-nav-pro{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  padding-right:6px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.sidebar-nav-pro::-webkit-scrollbar{
  width:8px;
}
.sidebar-nav-pro::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.14);
  border-radius:999px;
}
.nav-direct-pro{
  min-height:48px;
  border-radius:14px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  background:rgba(255,255,255,.04);
}
.nav-group-pro{
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:rgba(255,255,255,.03);
  overflow:hidden;
}
.nav-group-pro summary{
  list-style:none;
  cursor:pointer;
  padding:14px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:54px;
}
.nav-group-pro summary::-webkit-details-marker{
  display:none;
}
.nav-group-pro .nav-title{
  display:flex;
  align-items:center;
  gap:12px;
  font-weight:800;
  color:#f0fbfb;
}
.nav-group-pro .nav-caret{
  color:#bfe8e7;
  font-size:14px;
}
.nav-group-links-pro{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:0 10px 12px;
}
.nav-group-links-pro a{
  min-height:42px;
  padding:10px 12px;
  border-radius:12px;
  display:flex;
  align-items:center;
  gap:10px;
  color:#d9f6f5;
}
.nav-group-links-pro a:hover{
  background:rgba(255,255,255,.08);
  color:#fff;
}
.nav-group-links-pro .nav-label{
  line-height:1.25;
}
.nav-group-pro[open]{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}
.sidebar-tools-pro{
  flex:0 0 auto;
  display:flex;
  gap:8px;
  padding-top:14px;
  margin-top:14px;
  border-top:1px solid rgba(255,255,255,.10);
}
.sidebar-tools-pro .sidebar-tool{
  min-height:40px;
  border-radius:12px;
}
.topbar-actions-pro{
  display:flex;
  align-items:center;
  gap:12px;
}
.mockup-search{
  max-width:460px;
  width:460px;
}
@media (max-width: 1280px){
  .mockup-search{
    width:320px;
    min-width:220px;
  }
}