:root{
  --bg:#f6f7f9;
  --card:#ffffff;
  --text:#111827;
  --muted:#6b7280;
  --line:#e5e7eb;
  --soft:#f3f4f6;
  --accent:#2563eb;
  --ok:#16a34a;
  --warn:#d97706;
  --danger:#dc2626;
  --shadow:0 10px 25px rgba(0,0,0,.06);
}
*{ box-sizing:border-box; }
body{
  font-family:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  background:var(--bg);
  margin:0;
  padding:26px;
  color:var(--text);
}
.wrap{ max-width:1100px; margin:0 auto; }
.hidden{ display:none; }

.topbar{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  margin-bottom:14px;
}
h1{
  margin:0;
  font-size:28px;
  letter-spacing:-0.02em;
  font-weight:600;
}
.sub{
  color:var(--muted);
  font-size:14px;
  margin-top:6px;
  line-height:1.35;
}
.card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:16px;
  padding:16px;
  box-shadow:var(--shadow);
  margin-bottom:12px;
}
button{
  padding:9px 12px;
  border-radius:12px;
  border:1px solid var(--line);
  background:var(--card);
  cursor:pointer;
  font-weight:600;
}
button:hover{ background:var(--soft); }
button.primary{
  background:var(--accent);
  color:white;
  border-color:transparent;
}
button.primary:hover{ filter:brightness(.97); }

button.small{
  padding:7px 10px;
  border-radius:10px;
  font-size:12px;
  font-weight:600;
}

/* Botão verde (Concluir) */
button.success{
  background: rgba(22,163,74,.92);
  color:#fff;
  border-color:transparent;
  box-shadow: 0 6px 14px rgba(22,163,74,.18);
}
button.success:hover{ filter:brightness(.98); }

select, input{
  padding:10px 12px;
  border-radius:12px;
  border:1px solid var(--line);
  background:var(--card);
  font-weight:600;
  font-family:inherit;
}
input[type="text"]{ width:100%; }
input[type="number"]{ width:120px; }
input[type="date"]{ width:170px; }

.tabs{ display:flex; gap:8px; flex-wrap:wrap; margin:12px 0 10px; }

.tabs-group{ display:flex; gap:8px; flex-wrap:wrap; }
.tabs-left{ flex:1; min-width:260px; }
.tabs-right{ justify-content:flex-end; }
.tab-btn{
  padding:9px 14px;
  border-radius:999px;
  border:1px solid var(--line);
  background:var(--card);
  font-weight:600;
}
.tab-btn.active{
  border-color:rgba(37,99,235,.35);
  background:rgba(37,99,235,.10);
  color:var(--accent);
}

.pills{ display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
.pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  color:var(--muted);
  border:1px solid var(--line);
  border-radius:999px;
  padding:5px 10px;
  background:rgba(255,255,255,.65);
}
.pill strong{ color:var(--text); font-weight:600; }

.list{ list-style:none; padding:0; margin:0; }
.item{
  display:flex;
  justify-content:space-between;
  gap:12px;
  border:1px solid var(--line);
  border-radius:14px;
  padding:12px;
  margin-bottom:10px;
  background:white;
}
.item-main{ flex:1; min-width:0; }
.item-title{
  font-weight:600;
  letter-spacing:-0.01em;
  font-size:16px;
  line-height:1.25;
}
.item-meta{ margin-top:8px; display:flex; gap:8px; flex-wrap:wrap; }
.tag{
  font-size:12px;
  color:var(--muted);
  border:1px solid var(--line);
  border-radius:999px;
  padding:4px 10px;
  background:var(--soft);
}
.tag.ok{ color:var(--ok); border-color:rgba(22,163,74,.25); background:rgba(22,163,74,.08); }
.tag.warn{ color:var(--warn); border-color:rgba(217,119,6,.25); background:rgba(217,119,6,.08); }
.tag.danger{ color:var(--danger); border-color:rgba(220,38,38,.25); background:rgba(220,38,38,.08); }

.details{
  margin-top:10px;
  padding-top:10px;
  border-top:1px dashed var(--line);
  color:var(--muted);
  font-size:13px;
  white-space:pre-wrap;
  line-height:1.35;
}
.details.hidden{ display:none; }

.item-actions{ display:flex; gap:8px; align-items:flex-start; justify-content:flex-end; flex-wrap:wrap; }
.notice{
  padding:10px 12px;
  border-radius:14px;
  border:1px solid var(--line);
  background:var(--soft);
  color:var(--muted);
  font-size:13px;
  line-height:1.35;
}

textarea{
  width:100%;
  height:90px;
  padding:12px;
  border-radius:14px;
  border:1px solid var(--line);
  font-family:inherit;
  font-size:14px;
  resize:vertical;
}
.footer-actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:10px; align-items:center; }
hr{ border:none; border-top:1px solid var(--line); margin:14px 0; }

.home-row{
  display:grid;
  grid-template-columns: repeat(3, minmax(220px, 1fr));
  gap:12px;
  margin-bottom:12px;
}
@media (max-width: 820px){
  .home-row{ grid-template-columns: 1fr; }
}
.person-card .name{ font-weight:600; }
.person-card .hours{ color:var(--muted); font-size:13px; margin-top:6px; }
.person-card .actions{ margin-top:10px; }

.home-layout{
  display:grid;
  grid-template-columns: 2fr 1fr;
  gap:12px;
  align-items:start;
}
@media (max-width: 980px){
  .home-layout{ grid-template-columns:1fr; }
}
.home-title{ font-weight:600; margin:0 0 10px 0; letter-spacing:-0.01em; }
.progress{
  height:10px;
  background:var(--soft);
  border-radius:999px;
  overflow:hidden;
  border:1px solid var(--line);
}
.progress > div{
  height:100%;
  background:rgba(22,163,74,.35);
  width:0%;
}
.micro-list{ list-style:none; padding:0; margin:0; }
.micro-li{
  padding:10px 0;
  border-top:1px solid var(--line);
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
}
.micro-li:first-child{ border-top:none; padding-top:0; }
.micro-main{ font-weight:500; }
.micro-sub{ font-size:12px; color:var(--muted); margin-top:4px; line-height:1.3; }

.banner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  border:1px solid var(--line);
  background:rgba(37,99,235,.08);
  color:var(--text);
  padding:10px 12px;
  border-radius:14px;
  margin-bottom:10px;
}
.banner .txt{ font-size:13px; color:var(--muted); }
.form-row{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.form-row .grow{ flex:1 1 280px; min-width:240px; }
.badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  color:var(--muted);
  border:1px solid var(--line);
  border-radius:999px;
  padding:5px 10px;
  background:rgba(255,255,255,.65);
}

.clickable{
  cursor:pointer;
  user-select:none;
}
.clickable:hover{
  background:rgba(0,0,0,.015);
}

/* Drag & drop UI */
.draggable{
  cursor:grab;
}
.drag-handle{
  user-select:none;
  font-size:12px;
  padding:4px 8px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,255,255,.65);
  color:var(--muted);
}
.dragging{
  opacity:.55;
}
.drop-hint{
  outline:2px dashed rgba(37,99,235,.35);
  outline-offset:6px;
}
.linklike{
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  font-weight: 650;
  border-bottom: 1px solid transparent;
  padding-bottom: 1px;
}
.linklike:hover{
  color: var(--accent);
  border-bottom-color: rgba(37,99,235,.35);
}


.team-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
@media (max-width: 980px){
  .team-grid{ grid-template-columns:1fr; }
}
.team-stack{ display:flex; flex-direction:column; gap:12px; }
.role-badge{
  font-size:12px;
  border:1px solid var(--line);
  border-radius:999px;
  padding:4px 10px;
  background:var(--soft);
  color:var(--muted);
}
.role-owner{ color:var(--accent); border-color:rgba(37,99,235,.25); background:rgba(37,99,235,.08); }
.role-editor{ color:var(--ok); border-color:rgba(22,163,74,.25); background:rgba(22,163,74,.08); }
.role-viewer{ color:var(--warn); border-color:rgba(217,119,6,.25); background:rgba(217,119,6,.08); }
.inline-actions{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.team-empty{ color:var(--muted); font-size:13px; }
.person-card .name-line{ display:flex; justify-content:space-between; gap:8px; align-items:center; }
.person-card .meta-line{ display:flex; gap:6px; flex-wrap:wrap; margin-top:8px; }
.person-card .hours{ color:var(--muted); font-size:13px; margin-top:8px; }
.person-card .actions{ margin-top:10px; }
.warning-box{
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(217,119,6,.22);
  background:rgba(217,119,6,.08);
  color:#92400e;
  font-size:13px;
}
.invite-box{
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(37,99,235,.18);
  background:rgba(37,99,235,.06);
}
.auth-tabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:14px;
}
.auth-tab{
  padding:9px 14px;
  border-radius:999px;
  border:1px solid var(--line);
  background:var(--card);
  font-weight:600;
}
.auth-tab.active{
  background:rgba(37,99,235,.10);
  color:var(--accent);
  border-color:rgba(37,99,235,.28);
}
.auth-pane{
  border-top:1px solid var(--line);
  padding-top:14px;
}
.auth-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
}
.auth-grid-single{
  grid-template-columns:1fr;
}
@media (max-width: 760px){
  .auth-grid{
    grid-template-columns:1fr;
  }
}

.personal-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
}
@media (max-width: 760px){
  .personal-grid{ grid-template-columns:1fr; }
}
.module-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:8px;
}
.module-option{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--card);
  font-size:13px;
  color:var(--text);
}
.module-option input{ width:auto; }
.personal-summary{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.personal-dashboard-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
@media (max-width: 900px){
  .personal-dashboard-grid{ grid-template-columns:1fr; }
}
.personal-action{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
  min-height:92px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.72);
}
.personal-action .title{ font-weight:650; letter-spacing:-0.01em; }
.personal-action .txt{ color:var(--muted); font-size:12px; line-height:1.3; }
.personal-action button{ margin-top:auto; }
.personal-action.primary-action{
  border-color:rgba(37,99,235,.22);
  background:rgba(37,99,235,.06);
}
.flow-guide{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.flow-step{
  border:1px solid var(--line);
  background:rgba(255,255,255,.76);
  border-radius:14px;
  padding:12px;
  display:flex;
  gap:10px;
  align-items:flex-start;
}
.flow-number{
  width:28px;
  height:28px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(37,99,235,.10);
  color:var(--accent);
  font-weight:700;
  flex:0 0 auto;
}
.flow-title{ font-weight:700; letter-spacing:-0.01em; }
.flow-text{ color:var(--muted); font-size:12px; line-height:1.35; margin-top:3px; }
@media (max-width: 900px){
  .flow-guide{ grid-template-columns:1fr; }
}

.auto-planning-card{
  border:1px solid rgba(37,99,235,.18);
  background:linear-gradient(180deg, rgba(37,99,235,.07), rgba(255,255,255,.86));
  border-radius:16px;
  padding:14px;
  margin-top:12px;
}
.next-action-title{ font-size:18px; font-weight:750; letter-spacing:-0.02em; margin-top:6px; }
.next-action-why{ color:var(--muted); font-size:13px; line-height:1.35; margin-top:6px; }
.planning-status{ color:var(--muted); font-size:12px; margin-top:8px; }
.choice-row{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.choice-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:1px solid var(--line);
  border-radius:999px;
  padding:8px 11px;
  background:white;
  cursor:pointer;
  font-size:13px;
  font-weight:650;
}
.choice-pill input{ width:auto; margin:0; }
.choice-pill:has(input:checked){
  border-color:rgba(37,99,235,.38);
  background:rgba(37,99,235,.08);
  color:var(--accent);
}
.priority-critical{ color:var(--danger); border-color:rgba(220,38,38,.25); background:rgba(220,38,38,.08); }
.priority-important{ color:var(--warn); border-color:rgba(217,119,6,.25); background:rgba(217,119,6,.08); }
.effort-tag{ color:var(--muted); }
.focus-primary{ color:var(--accent); border-color:rgba(37,99,235,.25); background:rgba(37,99,235,.08); }
.status-waiting{ color:var(--muted); border-color:var(--line); background:var(--soft); }
.plan-role-main{ color:var(--accent); border-color:rgba(37,99,235,.25); background:rgba(37,99,235,.08); }
.plan-role-support{ color:var(--ok); border-color:rgba(22,163,74,.25); background:rgba(22,163,74,.08); }
.plan-role-blocked{ color:var(--danger); border-color:rgba(220,38,38,.25); background:rgba(220,38,38,.08); }

.quick-create-card{
  border:1px solid rgba(37,99,235,.18);
  background:linear-gradient(180deg, rgba(37,99,235,.055), rgba(255,255,255,.88));
}
.quick-create-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  flex-wrap:wrap;
}
.quick-create-tabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:12px;
}
.quick-create-tab{
  border-radius:999px;
  padding:9px 13px;
  border:1px solid var(--line);
  background:#fff;
  font-weight:700;
}
.quick-create-tab.active{
  border-color:rgba(37,99,235,.35);
  background:rgba(37,99,235,.10);
  color:var(--accent);
}
.quick-create-pane{
  border-top:1px solid var(--line);
  margin-top:12px;
  padding-top:12px;
}
.quick-create-form-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
  align-items:end;
}
.quick-create-form-grid .full{ grid-column:1/-1; }
@media (max-width: 820px){
  .quick-create-form-grid{ grid-template-columns:1fr; }
}
.system-map{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
  margin-top:10px;
}
.system-map-item{
  border:1px solid var(--line);
  border-radius:14px;
  padding:11px;
  background:rgba(255,255,255,.74);
}
.system-map-item .k{ font-weight:750; letter-spacing:-0.01em; }
.system-map-item .v{ color:var(--muted); font-size:12px; line-height:1.35; margin-top:4px; }
@media (max-width: 820px){ .system-map{ grid-template-columns:1fr; } }
.human-form-note{ color:var(--muted); font-size:12px; line-height:1.35; margin-top:6px; }


.business-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(160px, 1fr));
  gap:10px;
  margin-top:12px;
}
@media (max-width: 980px){ .business-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px){ .business-grid{ grid-template-columns:1fr; } }
.metric-card{ border:1px solid var(--line); background:rgba(255,255,255,.72); border-radius:14px; padding:12px; }
.metric-card .metric-label{ color:var(--muted); font-size:12px; line-height:1.25; }
.metric-card .metric-value{ font-size:24px; font-weight:700; letter-spacing:-0.03em; margin-top:6px; }
.metric-card .metric-hint{ color:var(--muted); font-size:12px; line-height:1.3; margin-top:6px; }
.department-grid{ display:grid; grid-template-columns:repeat(3, minmax(200px, 1fr)); gap:10px; margin-top:10px; }
@media (max-width: 980px){ .department-grid{ grid-template-columns:1fr; } }
.department-card{ border:1px solid var(--line); background:white; border-radius:14px; padding:12px; }
.department-card .dept-title{ font-weight:650; letter-spacing:-0.01em; }
.department-card .dept-text{ color:var(--muted); font-size:13px; line-height:1.35; margin-top:7px; }
.project-actions{ display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }
button.danger{
  color:var(--danger);
  border-color:rgba(220,38,38,.25);
  background:rgba(220,38,38,.06);
}
button.danger:hover{ background:rgba(220,38,38,.10); }
.goal-card{
  border:1px solid rgba(37,99,235,.18);
  background:linear-gradient(180deg, rgba(37,99,235,.06), rgba(255,255,255,.86));
  border-radius:16px;
  padding:14px;
  margin-top:14px;
}
.goal-top{
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  align-items:flex-start;
}
.goal-title{ font-weight:700; font-size:18px; letter-spacing:-0.02em; }
.goal-meta{ color:var(--muted); font-size:13px; margin-top:6px; line-height:1.35; }
.goal-progress-row{ display:flex; gap:12px; align-items:center; margin-top:12px; }
.goal-progress-number{ font-size:26px; font-weight:750; min-width:74px; text-align:right; letter-spacing:-0.04em; }
.goal-progress-bar{
  flex:1;
  height:14px;
  background:#e5e7eb;
  border-radius:999px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.04);
}
.goal-progress-fill{ height:100%; width:0%; background:rgba(37,99,235,.55); border-radius:999px; }
.milestone-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:8px;
  margin-top:12px;
}
@media (max-width: 900px){ .milestone-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (max-width: 560px){ .milestone-grid{ grid-template-columns:1fr; } }
.milestone-card{
  border:1px solid var(--line);
  background:white;
  border-radius:14px;
  padding:10px;
}
.milestone-card.done{
  border-color:rgba(22,163,74,.28);
  background:rgba(22,163,74,.06);
}
.milestone-card .ms-title{ font-weight:650; font-size:13px; line-height:1.25; }
.milestone-card .ms-meta{ color:var(--muted); font-size:12px; margin-top:6px; line-height:1.25; }
.perspective-box{
  margin-top:12px;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.72);
  border:1px dashed rgba(37,99,235,.20);
  color:var(--muted);
  font-size:13px;
  line-height:1.35;
}
.workspace-danger-note{ color:var(--danger); font-size:12px; margin-top:6px; }
.module-chips{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:12px;
}
.module-chip{
  font-size:12px;
  border:1px solid var(--line);
  background:var(--soft);
  color:var(--muted);
  border-radius:999px;
  padding:5px 10px;
}



/* Business module, clients, proposals and finance */
.business-module-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(220px, 1fr));
  gap:12px;
}
@media (max-width: 980px){
  .business-module-grid{ grid-template-columns:1fr; }
}
.form-field{ display:flex; flex-direction:column; gap:6px; min-width:160px; flex:1; }
.form-field label{ color:var(--muted); font-size:12px; font-weight:600; }
.form-field input,.form-field select,.form-field textarea{ width:100%; }
.business-list-card{ border:1px solid var(--line); border-radius:14px; padding:12px; background:white; margin-top:10px; }
.business-list-row{ display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-top:1px solid var(--line); align-items:flex-start; }
.business-list-row:first-child{ border-top:none; padding-top:0; }
.business-list-title{ font-weight:650; }
.business-list-sub{ color:var(--muted); font-size:12px; margin-top:4px; line-height:1.35; }
.business-kpi-highlight{ border-color:rgba(37,99,235,.22); background:rgba(37,99,235,.045); }



/* ================== HOME LIMPA, PAINEL 5 SEGUNDOS ================== */
.home-clean-shell{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 230px;
  gap:12px;
  align-items:start;
}
@media (max-width: 900px){
 .home-clean-shell{ grid-template-columns:1fr; }
}
.home-focus-card{
  padding:16px;
}
.home-focus-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  flex-wrap:wrap;
}
.home-primary-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
}
.home-primary-actions button{
  min-height:38px;
}
.home-kpi-strip{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:10px;
  margin-top:14px;
}
@media (max-width: 980px){ .home-kpi-strip{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px){ .home-kpi-strip{ grid-template-columns:1fr; } }
.home-kpi-strip .metric-card{
  padding:12px;
  min-height:92px;
}
.home-kpi-strip .metric-card .metric-value{
  font-size:22px;
  margin-top:5px;
}
.home-direction-card{
  border:1px solid rgba(22,163,74,.20);
  background:linear-gradient(180deg, rgba(22,163,74,.07), rgba(255,255,255,.88));
  border-radius:16px;
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.direction-title{
  font-weight:750;
  font-size:15px;
  letter-spacing:-0.02em;
  line-height:1.25;
}
.direction-meta{
  color:var(--muted);
  font-size:12px;
  line-height:1.3;
  margin-top:5px;
}
.direction-body{
  display:grid;
  grid-template-columns:44px 1fr;
  gap:12px;
  align-items:stretch;
  flex:1;
}
.direction-rail-wrap{
  position:relative;
  min-height:152px;
  display:flex;
  justify-content:center;
  align-items:stretch;
}
.direction-rail{
  position:relative;
  width:16px;
  border-radius:999px;
  background:#e5e7eb;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.04);
}
.direction-rail-fill{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:0%;
  background:rgba(22,163,74,.72);
  border-radius:999px;
}
.direction-tick{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:32px;
  height:2px;
  border-radius:999px;
  background:rgba(17,24,39,.30);
  z-index:2;
}
.direction-tick.done{
  background:rgba(22,163,74,.95);
  height:3px;
}
.direction-pct{
  font-weight:800;
  font-size:32px;
  letter-spacing:-0.06em;
  line-height:1;
}
.direction-next{
  font-size:12px;
  color:var(--muted);
  line-height:1.35;
  margin-top:7px;
}
.direction-perspective{
  font-size:12px;
  color:var(--muted);
  line-height:1.35;
  border-top:1px dashed rgba(22,163,74,.20);
  padding-top:10px;
  margin-top:auto;
}
.direction-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
}

.home-next-steps-panel{
  margin-top:12px;
  display:grid;
  grid-template-columns:minmax(0, 1fr) 210px;
  gap:10px;
  align-items:stretch;
}
@media (max-width: 860px){
  .home-next-steps-panel{ grid-template-columns:1fr; }
}
.next-step-card,
.next-action-card{
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.72);
  padding:12px;
}
.next-step-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  margin-bottom:8px;
}
.next-step-title{
  font-weight:750;
  letter-spacing:-0.02em;
}
.next-step-sub{
  color:var(--muted);
  font-size:12px;
}
.next-step-list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:7px;
}
.next-step-li{
  display:grid;
  grid-template-columns:18px 1fr;
  gap:8px;
  align-items:flex-start;
  color:var(--text);
  font-size:13px;
  line-height:1.28;
}
.next-step-index{
  width:18px;
  height:18px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--soft);
  color:var(--muted);
  font-size:11px;
  font-weight:750;
}
.next-step-li strong{ font-weight:700; }
.next-step-li span:last-child{ color:var(--muted); display:block; margin-top:2px; font-size:12px; }
.next-action-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:10px;
}
.next-action-label{
  color:var(--muted);
  font-size:12px;
  font-weight:650;
}
.next-action-title{
  font-weight:750;
  letter-spacing:-0.02em;
  line-height:1.25;
}
.next-action-hint{
  color:var(--muted);
  font-size:12px;
  line-height:1.3;
  margin-top:4px;
}

.home-more-details{
  margin-top:12px;
  border-top:1px solid var(--line);
  padding-top:10px;
}
.home-more-details summary{
  cursor:pointer;
  color:var(--muted);
  font-size:13px;
  font-weight:650;
}
.home-more-details[open] summary{ margin-bottom:10px; }
.home-hidden-legacy{ display:none !important; }
.home-quiet-note{
  margin-top:12px;
  font-size:12px;
  color:var(--muted);
  line-height:1.35;
}

/* ================== FASE 2.2, REDESENHO DE PRODUTO ================== */
.app-topbar{
  align-items:flex-start;
  margin-bottom:18px;
}
.topbar-right{
  text-align:right;
}
.app-nav button.primary{
  box-shadow:0 8px 18px rgba(37,99,235,.18);
}
.product-home-shell{
  grid-template-columns:minmax(0, 1fr) 250px;
}
.project-command-card,
.daily-command-card{
  border-color:rgba(17,24,39,.08);
  box-shadow:0 18px 42px rgba(15,23,42,.07);
}
.direction-card-compact{
  position:sticky;
  top:18px;
}
.daily-command-header{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  flex-wrap:wrap;
}
.primary-next-card{
  margin-top:14px;
  padding:16px;
}
.next-card-layout{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
  flex-wrap:wrap;
}
.execution-navigation-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
@media (max-width: 980px){
  .execution-navigation-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width: 620px){
  body{ padding:18px; }
  .execution-navigation-grid{ grid-template-columns:1fr; }
  .topbar-right{ text-align:left; }
}
.compact-create-grid{
  grid-template-columns:1fr 1fr;
}
.advanced-create-options{
  border:1px dashed rgba(37,99,235,.18);
  border-radius:14px;
  padding:10px 12px;
  background:rgba(255,255,255,.62);
}
.advanced-create-options summary{
  cursor:pointer;
  color:var(--muted);
  font-size:13px;
  font-weight:700;
}
.recent-notes-card{
  border-color:rgba(37,99,235,.12);
}
.recent-notes-list{
  margin-top:12px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.recent-note-item{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.76);
}
.recent-note-main{ min-width:0; }
.recent-note-title{
  font-weight:700;
  letter-spacing:-0.01em;
  line-height:1.3;
}
.recent-note-meta{
  color:var(--muted);
  font-size:12px;
  margin-top:5px;
}
.recent-note-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.empty-notes-box{
  border:1px dashed var(--line);
  border-radius:14px;
  padding:14px;
  background:rgba(255,255,255,.7);
}
.empty-title{ font-weight:700; }
.empty-sub{ color:var(--muted); font-size:13px; margin:6px 0 10px; line-height:1.35; }
.personal-lower-layout{
  grid-template-columns:1fr 1fr;
}
.system-map-collapsed summary{
  cursor:pointer;
  font-weight:700;
  color:var(--text);
}
.system-map-collapsed .system-map{
  grid-template-columns:1fr;
}
@media (max-width: 980px){
  .personal-lower-layout,
  .product-home-shell{ grid-template-columns:1fr; }
  .direction-card-compact{ position:static; }
}


/* ================== PHASE 2.3, PREMIUM FLOW ================== */
.premium-topbar{
  margin-bottom:20px;
}
.topbar-right{
  text-align:right;
}
.app-nav button{
  background:rgba(255,255,255,.86);
}
.app-nav button.primary{
  background:var(--accent);
}
.eyebrow{
  color:var(--accent);
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:6px;
}
.premium-section-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  flex-wrap:wrap;
}
.premium-panel,
.premium-workbench-card,
.notes-workbench-card,
.premium-suggestions-card{
  border-color:rgba(17,24,39,.08);
  box-shadow:0 18px 50px rgba(15,23,42,.07);
}
.premium-home-grid{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 260px;
  gap:14px;
  align-items:start;
}
@media (max-width: 980px){
  .premium-home-grid{ grid-template-columns:1fr; }
}
.premium-kpi-strip .metric-card{
  min-height:98px;
  background:linear-gradient(180deg, #fff, rgba(248,250,252,.92));
}
.premium-kpi-strip .metric-value{
  font-size:24px;
  letter-spacing:-.04em;
}
.premium-home-mainline{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 230px;
  gap:12px;
  margin-top:12px;
}
.premium-home-mainline.no-business-shortcut{
  grid-template-columns:1fr;
}
@media (max-width: 900px){
  .premium-home-mainline{ grid-template-columns:1fr; }
}
.premium-next-panel{
  margin-top:0;
}
.premium-business-shortcut{
  border:1px solid rgba(37,99,235,.18);
  border-radius:16px;
  padding:14px;
  background:linear-gradient(180deg, rgba(37,99,235,.055), rgba(255,255,255,.92));
  min-height:100%;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:14px;
}
.shortcut-title{
  font-size:19px;
  font-weight:800;
  letter-spacing:-.03em;
}
.shortcut-sub{
  color:var(--muted);
  font-size:13px;
  line-height:1.35;
  margin-top:6px;
}
.premium-goal-card{
  min-height:360px;
  position:sticky;
  top:18px;
}
@media (max-width: 980px){
  .premium-goal-card{ position:static; min-height:auto; }
}
.premium-details{
  margin-top:14px;
}
.premium-suggestions-card{
  margin-top:14px;
}
.suggestions-list{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
@media (max-width: 900px){
  .suggestions-list{ grid-template-columns:1fr; }
}
.suggestion-item{
  border:1px solid var(--line);
  border-radius:16px;
  padding:13px;
  background:linear-gradient(180deg, #fff, rgba(249,250,251,.95));
}
.suggestion-item strong{
  display:block;
  font-size:14px;
  letter-spacing:-.01em;
}
.suggestion-item span{
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
  display:block;
  margin-top:5px;
}
.suggestion-item.warn{
  border-color:rgba(217,119,6,.22);
  background:linear-gradient(180deg, rgba(217,119,6,.08), #fff);
}
.suggestion-item.ok{
  border-color:rgba(22,163,74,.20);
  background:linear-gradient(180deg, rgba(22,163,74,.07), #fff);
}

/* Hoje, mesa de trabalho */
.premium-workbench-card{
  background:linear-gradient(180deg, rgba(37,99,235,.045), rgba(255,255,255,.96) 42%);
}
.personal-action-toolbar{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
  margin-top:12px;
}
.personal-action-toolbar button.primary{
  padding-left:16px;
  padding-right:16px;
}
.compact-next-card{
  margin-top:14px;
}
.task-tabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid var(--line);
}
.personal-task-tab{
  border-radius:999px;
  background:#fff;
  padding:9px 14px;
}
.personal-task-tab.active{
  background:rgba(37,99,235,.10);
  color:var(--accent);
  border-color:rgba(37,99,235,.35);
}
.personal-task-list{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:12px;
}
.personal-task-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.88);
  padding:12px;
}
@media (max-width: 760px){
  .personal-task-row{ grid-template-columns:1fr; }
}
.personal-task-title{
  font-weight:750;
  letter-spacing:-.02em;
}
.personal-task-meta{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin-top:7px;
}
.personal-task-actions{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.empty-workbench{
  border:1px dashed rgba(107,114,128,.35);
  border-radius:16px;
  padding:18px;
  background:rgba(255,255,255,.72);
  color:var(--muted);
}
.empty-workbench strong{
  color:var(--text);
  display:block;
  margin-bottom:6px;
}
.secondary-create-card{
  margin-top:14px;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,247,249,.92));
}
.advanced-create-options{
  border:1px solid var(--line);
  border-radius:14px;
  padding:10px 12px;
  background:rgba(255,255,255,.72);
}
.advanced-create-options summary{
  cursor:pointer;
  font-size:13px;
  font-weight:700;
  color:var(--muted);
}

/* Notas */
.notes-workbench-card{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.96));
}
.note-capture-box{
  margin-top:14px;
  border:1px solid rgba(37,99,235,.18);
  border-radius:18px;
  padding:12px;
  background:#fff;
}
.note-capture-box input{
  width:100%;
  margin-bottom:10px;
}
.note-capture-box textarea{
  min-height:118px;
  border-color:transparent;
  background:rgba(249,250,251,.78);
  font-size:15px;
}
.note-capture-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
}
.topic-strip-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  margin-top:14px;
}
.note-topic-list{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
}
.note-topic-pill{
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  padding:7px 11px;
  font-size:12px;
  font-weight:700;
  color:var(--muted);
  cursor:pointer;
}
.note-topic-pill:hover{
  color:var(--accent);
  border-color:rgba(37,99,235,.28);
  background:rgba(37,99,235,.06);
}
.recent-notes-header{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:10px;
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid var(--line);
}
.recent-note-item{
  background:#fff;
}
.personal-suggestions-card{
  margin-top:14px;
}

/* Phase 2.4 refinements, menos duplicação, mais foco */
.premium-workbench-card .daily-command-header{
  margin-bottom:8px;
}
.premium-workbench-card .personal-action-toolbar{
  margin-top:8px;
}
.premium-workbench-card .task-tabs{
  margin-top:10px;
  padding-top:10px;
}
.assistant-insights-card .suggestions-list{
  grid-template-columns:1fr;
}
.empty-ai-box{
  border:1px dashed rgba(107,114,128,.28);
  border-radius:16px;
  padding:14px;
  background:rgba(255,255,255,.72);
  color:var(--muted);
}
.empty-ai-box strong{
  display:block;
  color:var(--text);
  font-size:14px;
  letter-spacing:-.01em;
  margin-bottom:4px;
}
.empty-ai-box span{
  display:block;
  font-size:12px;
  line-height:1.35;
}
.note-topic-pill.active{
  border-color:rgba(37,99,235,.35);
  background:rgba(37,99,235,.10);
  color:var(--accent);
}
button.danger-soft{
  color:var(--danger);
  border-color:rgba(220,38,38,.22);
  background:rgba(220,38,38,.06);
}
button.danger-soft:hover{
  background:rgba(220,38,38,.10);
}
.notes-page-card{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.96));
}
.notes-page-topics{
  margin-top:14px;
}
.notes-page-list{
  margin-top:12px;
}
.note-page-item .recent-note-title{
  white-space:pre-wrap;
  line-height:1.35;
  font-weight:650;
}
@media (max-width: 760px){
  .premium-workbench-card .personal-action-toolbar{
    justify-content:flex-start;
  }
}

/* Phase 3.1, Business Profile */
.business-profile-entry-card{
  border-color:rgba(37,99,235,.16);
  background:linear-gradient(180deg, rgba(37,99,235,.055), rgba(255,255,255,.92));
}
.business-profile-mini-progress{
  display:grid;
  grid-template-columns:minmax(220px, 1fr) 2fr;
  gap:14px;
  align-items:center;
  margin-top:14px;
}
.mini-progress-copy strong{ display:block; font-size:14px; letter-spacing:-.01em; }
.mini-progress-copy span{ display:block; color:var(--muted); font-size:12px; margin-top:3px; }
.mini-progress-track{
  height:9px;
  border-radius:999px;
  background:rgba(37,99,235,.08);
  border:1px solid rgba(37,99,235,.12);
  overflow:hidden;
}
.mini-progress-track div{ height:100%; background:rgba(37,99,235,.55); border-radius:999px; }
.business-profile-hero{
  border-color:rgba(37,99,235,.18);
  background:
    radial-gradient(circle at top right, rgba(37,99,235,.10), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.95));
}
.business-profile-hero-main{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
}
.business-profile-score{
  min-width:132px;
  border:1px solid rgba(37,99,235,.18);
  border-radius:18px;
  padding:16px;
  text-align:center;
  background:rgba(255,255,255,.72);
}
.score-number{ font-size:32px; font-weight:800; letter-spacing:-.04em; color:var(--accent); line-height:1; }
.score-label{ color:var(--muted); font-size:12px; font-weight:700; margin-top:6px; }
.business-profile-progress{
  height:12px;
  border:1px solid rgba(37,99,235,.14);
  background:rgba(37,99,235,.07);
  border-radius:999px;
  overflow:hidden;
  margin-top:16px;
}
.business-profile-progress div{ height:100%; background:linear-gradient(90deg, rgba(37,99,235,.65), rgba(22,163,74,.55)); border-radius:999px; width:0; }
.business-profile-actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:16px; }
.business-profile-note{ margin-top:14px; }
.business-profile-layout{
  display:grid;
  grid-template-columns:1.45fr .95fr;
  gap:12px;
  align-items:start;
}
.business-department-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
  margin-top:14px;
}
.business-dept-card{
  text-align:left;
  display:flex;
  flex-direction:column;
  gap:8px;
  min-height:174px;
  padding:14px;
  border-radius:18px;
  background:rgba(255,255,255,.78);
  border:1px solid var(--line);
  box-shadow:none;
}
.business-dept-card:hover{ background:#fff; border-color:rgba(37,99,235,.25); }
.business-dept-card.active{
  border-color:rgba(37,99,235,.40);
  background:rgba(37,99,235,.055);
}
.dept-card-top{ display:flex; justify-content:space-between; gap:8px; align-items:center; }
.dept-area{ color:var(--accent); text-transform:uppercase; letter-spacing:.12em; font-size:10px; font-weight:800; }
.dept-title{ font-size:16px; line-height:1.2; font-weight:800; letter-spacing:-.02em; color:var(--text); }
.dept-description{ color:var(--muted); font-size:12px; line-height:1.35; flex:1; }
.dept-progress{ height:8px; background:rgba(107,114,128,.10); border-radius:999px; overflow:hidden; border:1px solid rgba(107,114,128,.12); }
.dept-progress div{ height:100%; background:rgba(37,99,235,.45); border-radius:999px; }
.dept-meta{ color:var(--muted); font-size:12px; }
.business-department-detail-card{ position:sticky; top:16px; }
.business-question-hint{
  margin-top:12px;
  padding:12px;
  border-radius:14px;
  background:rgba(37,99,235,.06);
  border:1px solid rgba(37,99,235,.12);
  color:var(--muted);
  font-size:13px;
  line-height:1.35;
}
.business-question-hint strong{ color:var(--text); }
.business-detail-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:14px;
}
.business-detail-form .full{ grid-column:1/-1; }
.business-profile-activity{ display:grid; gap:8px; margin-top:12px; }
.business-activity-row{
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.74);
  color:var(--muted);
  font-size:13px;
}
@media (max-width: 980px){
  .business-profile-layout{ grid-template-columns:1fr; }
  .business-department-detail-card{ position:static; }
}
@media (max-width: 760px){
  .business-profile-hero-main,
  .business-profile-mini-progress{ grid-template-columns:1fr; display:block; }
  .business-profile-score{ margin-top:14px; }
  .business-department-grid,
  .business-detail-form{ grid-template-columns:1fr; }
}


/* Phase 3.3, Business Detail Pages */
.metric-clickable{
  text-align:left;
  display:block;
  width:100%;
  cursor:pointer;
  box-shadow:none;
}
.metric-clickable:hover{
  background:#fff;
  border-color:rgba(37,99,235,.32);
  transform:translateY(-1px);
}
.metric-open-hint{
  color:var(--accent);
  font-size:11px;
  font-weight:800;
  margin-top:8px;
  opacity:.86;
}
.business-row-clickable{
  width:100%;
  text-align:left;
  background:transparent;
  border-left:none;
  border-right:none;
  border-bottom:none;
  border-radius:0;
  box-shadow:none;
}
.business-row-clickable:hover{ background:rgba(37,99,235,.035); }
.business-detail-hero{
  border-color:rgba(37,99,235,.16);
  background:linear-gradient(180deg, rgba(37,99,235,.045), rgba(255,255,255,.94));
}
.business-detail-layout{
  display:grid;
  grid-template-columns:minmax(0, 1.35fr) minmax(300px, .65fr);
  gap:12px;
  align-items:start;
}
.business-record-detail-card{ position:sticky; top:16px; }
.business-detail-menu{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
  margin-top:12px;
}
.business-detail-menu-item{
  text-align:left;
  display:flex;
  flex-direction:column;
  gap:6px;
  min-height:92px;
  border-radius:16px;
  background:rgba(255,255,255,.78);
}
.business-detail-menu-item strong{ font-size:16px; letter-spacing:-.02em; }
.business-detail-menu-item span{ color:var(--muted); font-size:12px; line-height:1.35; }
.business-table-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  flex-wrap:wrap;
  margin-bottom:10px;
}
.business-detail-table{
  display:grid;
  gap:8px;
}
.business-detail-row{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto auto;
  gap:12px;
  align-items:center;
  text-align:left;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:12px;
  box-shadow:none;
}
.business-detail-row:hover{ border-color:rgba(37,99,235,.30); background:rgba(37,99,235,.025); }
.business-detail-row strong{ display:block; font-size:14px; }
.business-detail-row span:not(.tag){ display:block; color:var(--muted); font-size:12px; margin-top:4px; line-height:1.35; }
.business-comparison-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:10px;
}
.record-detail h3{
  font-size:22px;
  letter-spacing:-.03em;
  margin:6px 0 4px;
}
.record-detail p{ color:var(--muted); font-size:13px; line-height:1.35; margin:0 0 12px; }
.record-detail-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:8px;
  margin:12px 0;
}
.record-detail-grid div{
  border:1px solid var(--line);
  border-radius:14px;
  padding:10px;
  background:rgba(255,255,255,.74);
}
.record-detail-grid span{ display:block; color:var(--muted); font-size:11px; font-weight:700; }
.record-detail-grid strong{ display:block; margin-top:5px; }
.record-notes{
  white-space:pre-wrap;
  color:var(--muted);
  line-height:1.4;
  font-size:13px;
  border:1px dashed rgba(37,99,235,.18);
  background:rgba(37,99,235,.045);
  border-radius:14px;
  padding:12px;
}
.business-generated-report{
  color:var(--muted);
  line-height:1.5;
  font-size:14px;
}
.business-generated-report p{ margin:0 0 10px; }
@media (max-width: 980px){
  .business-detail-layout{ grid-template-columns:1fr; }
  .business-record-detail-card{ position:static; }
  .business-comparison-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width: 680px){
  .business-detail-menu,
  .business-detail-row,
  .business-comparison-grid,
  .record-detail-grid{ grid-template-columns:1fr; }
}

/* Phase 3.4, segmented business detail lists */
.business-segment-stack{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.business-segment{
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(255,255,255,.72);
  overflow:hidden;
}
.business-segment-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  padding:13px 14px;
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg, rgba(17,24,39,.025), rgba(255,255,255,.5));
}
.business-segment-head strong{
  display:block;
  font-size:14px;
  letter-spacing:-.01em;
}
.business-segment-head span:not(.tag){
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-top:4px;
  line-height:1.3;
}
.business-detail-table.segmented{
  display:flex;
  flex-direction:column;
  gap:0;
}
.business-segment-empty{
  color:var(--muted);
  font-size:13px;
  padding:14px;
}
.business-detail-row-actionable{
  display:block;
  padding:0;
  border:0;
  border-radius:0;
  background:#fff;
  border-top:1px solid var(--line);
}
.business-detail-row-actionable:first-child{
  border-top:none;
}
.business-row-main{
  width:100%;
  display:grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(160px, .8fr) auto;
  gap:12px;
  align-items:center;
  padding:13px 14px;
  border:0;
  border-radius:0;
  background:transparent;
  text-align:left;
  box-shadow:none;
}
.business-row-main:hover{
  background:rgba(37,99,235,.035);
}
.business-row-main div{
  min-width:0;
}
.business-row-main strong{
  display:block;
  font-size:14px;
  color:var(--text);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.business-row-main span:not(.tag){
  display:block;
  font-size:12px;
  color:var(--muted);
  margin-top:4px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.business-row-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  padding:0 14px 13px 14px;
}
.business-row-actions button{
  background:rgba(255,255,255,.9);
}
.business-row-actions button.primary{
  background:var(--accent);
}
@media (max-width: 820px){
  .business-row-main{
    grid-template-columns:1fr;
  }
  .business-row-actions{
    padding-top:4px;
  }
}

/* Phase 3.5, state-aware business details */
.record-status-card{
  border:1px solid var(--line);
  border-radius:14px;
  padding:12px;
  margin:12px 0;
  background:rgba(255,255,255,.82);
}
.record-status-card strong{
  display:block;
  font-size:14px;
  letter-spacing:-0.01em;
}
.record-status-card span{
  display:block;
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
  margin-top:4px;
}
.record-status-card.status-confirmed{
  border-color:rgba(22,163,74,.24);
  background:rgba(22,163,74,.07);
}
.record-status-card.status-cancelled{
  border-color:rgba(220,38,38,.22);
  background:rgba(220,38,38,.06);
}
button:disabled,
button[disabled]{
  opacity:.55;
  cursor:not-allowed;
  background:var(--soft);
  color:var(--muted);
}
button:disabled:hover,
button[disabled]:hover{
  background:var(--soft);
  filter:none;
}


/* Phase 3.6, scalability UX */
.business-segment-collapsible{
  display:block;
}
.business-segment-collapsible > summary{
  list-style:none;
  cursor:pointer;
}
.business-segment-collapsible > summary::-webkit-details-marker{
  display:none;
}
.business-segment-collapsible > summary::before{
  content:'▸';
  font-size:12px;
  color:var(--muted);
  margin-right:8px;
  align-self:center;
  transition:transform .15s ease;
}
.business-segment-collapsible[open] > summary::before{
  transform:rotate(90deg);
}
.business-segment-summary-meta{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.business-segment-state{
  font-size:11px !important;
  color:var(--muted);
  margin-top:0 !important;
  white-space:nowrap;
}
.business-segment-collapsible:not([open]) .business-detail-table{
  display:none;
}
.searchable-select-field input[list]{
  width:100%;
}
.field-hint{
  color:var(--muted);
  font-size:11px;
  line-height:1.3;
  margin-top:5px;
}

/* Phase 3.7, prospects and aligned scalable lists */
.business-segment-head{
  align-items:center;
  text-align:left;
}
.business-segment-head > div:first-of-type{
  flex:1 1 auto;
  min-width:0;
  text-align:left;
}
.business-segment-summary-meta{
  flex:0 0 auto;
}
.business-row-main{
  text-align:left;
}
.business-row-main > div:nth-child(2){
  text-align:left;
}
.client-row-actionable .business-row-main{
  grid-template-columns:minmax(0, 1.3fr) minmax(190px, 1fr) auto;
}
.client-linked-proposals{
  margin-top:12px;
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
  background:rgba(255,255,255,.74);
}
.client-linked-proposals > strong{
  display:block;
  padding:11px 12px;
  border-bottom:1px solid var(--line);
  font-size:13px;
}
.client-linked-proposals .business-list-row{
  border-radius:0;
  border-left:0;
  border-right:0;
  border-bottom:0;
}
.client-linked-proposals .notice{
  margin:10px;
}
@media (max-width: 820px){
  .client-row-actionable .business-row-main{
    grid-template-columns:1fr;
  }
}

/* Phase 3.8, personal workspace review */
.personal-task-section{
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.86);
  overflow:hidden;
}
.personal-task-section + .personal-task-section{ margin-top:10px; }
.personal-task-section > summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  padding:13px 14px;
}
.personal-task-section > summary::-webkit-details-marker{ display:none; }
.personal-task-section > summary::before{
  content:'▸';
  font-size:12px;
  color:var(--muted);
  margin-right:2px;
  transition:transform .15s ease;
}
.personal-task-section[open] > summary::before{ transform:rotate(90deg); }
.personal-task-section > summary > div:first-of-type{
  flex:1 1 auto;
  min-width:0;
}
.personal-task-section > summary strong{
  display:block;
  letter-spacing:-.01em;
}
.personal-task-section > summary span:not(.tag):not(.business-segment-state){
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-top:3px;
}
.personal-task-section-body{
  border-top:1px solid var(--line);
  padding:10px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.personal-task-empty-line{
  color:var(--muted);
  padding:10px 2px;
  font-size:13px;
}
.personal-task-row.waiting{
  border-color:rgba(217,119,6,.24);
  background:linear-gradient(180deg, rgba(217,119,6,.055), #fff);
}
.personal-task-row.done{
  border-color:rgba(22,163,74,.20);
  background:linear-gradient(180deg, rgba(22,163,74,.05), #fff);
}
.personal-task-row.cancelled{
  border-color:rgba(220,38,38,.18);
  background:linear-gradient(180deg, rgba(220,38,38,.045), #fff);
}
.personal-task-waiting-note{
  margin-top:8px;
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
  border-left:3px solid rgba(217,119,6,.25);
  padding-left:8px;
}
.premium-workbench-card .task-tabs{
  row-gap:8px;
}
@media (max-width:760px){
  .personal-task-section > summary{ align-items:flex-start; }
  .personal-task-section > summary::before{ margin-top:3px; }
}


.permission-note{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:10px;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(37,99,235,.18);
  background:rgba(37,99,235,.06);
  color:var(--accent);
  font-size:12px;
  font-weight:700;
}
.business-dept-card.locked{
  opacity:.72;
}

/* Phase 4.4, department invite UX */
.department-invite-box{
  margin-top:10px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.78);
  color:var(--muted);
  font-size:13px;
  line-height:1.35;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.department-invite-box strong{
  color:var(--text);
  font-size:13px;
}
.department-invite-box.ok{
  border-color:rgba(22,163,74,.22);
  background:rgba(22,163,74,.07);
}
.department-invite-box.warn{
  border-color:rgba(217,119,6,.24);
  background:rgba(217,119,6,.075);
}
.department-invite-box .inline-actions{
  margin-top:2px;
}

/* Phase 4.6, personal notes privacy and guided onboarding */
.first-use-guide-card{
  border-color:rgba(37,99,235,.20);
  background:linear-gradient(180deg, rgba(37,99,235,.055), rgba(255,255,255,.94));
}
.guide-layout{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  flex-wrap:wrap;
}
.guide-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
  max-width:420px;
}
.guide-actions.wide{ max-width:620px; }
.guide-progress{
  height:8px;
  background:rgba(17,24,39,.08);
  border-radius:999px;
  overflow:hidden;
  margin-top:12px;
  max-width:420px;
}
.guide-progress > div{
  height:100%;
  background:var(--accent);
  border-radius:999px;
}
.guide-percent{
  color:var(--muted);
  font-size:12px;
  margin-top:6px;
  font-weight:650;
}
.dept-open-hint{
  margin-top:10px;
  font-size:12px;
  font-weight:750;
  color:var(--accent);
}
.business-dept-card.locked .dept-open-hint{
  color:var(--muted);
}

/* Phase 4.7, sequential guide and premium notifications */
.sequential-guide{
  align-items:center;
}
.sequential-guide .home-title{
  font-size:20px;
  margin-bottom:6px;
}
.sequential-guide .sub{
  max-width:780px;
  font-size:15px;
}
.sequential-guide .guide-actions{
  flex:0 0 auto;
  justify-content:flex-end;
  align-items:center;
}
.sequential-guide .guide-actions button.primary{
  min-width:118px;
}
.app-toast-root{
  position:fixed;
  right:22px;
  top:22px;
  z-index:99999;
  display:flex;
  flex-direction:column;
  gap:10px;
  max-width:min(420px, calc(100vw - 44px));
  pointer-events:none;
}
.app-toast{
  pointer-events:auto;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:10px;
  align-items:flex-start;
  padding:12px 12px;
  border:1px solid rgba(17,24,39,.10);
  border-radius:16px;
  background:rgba(255,255,255,.96);
  box-shadow:0 18px 45px rgba(15,23,42,.14);
  color:var(--text);
  animation:toastIn .18s ease-out;
  backdrop-filter:blur(10px);
}
.app-toast.leaving{
  opacity:0;
  transform:translateY(-6px);
  transition:.18s ease;
}
.app-toast-dot{
  width:9px;
  height:9px;
  border-radius:999px;
  margin-top:6px;
  background:var(--accent);
}
.app-toast.success .app-toast-dot{ background:var(--ok); }
.app-toast.warn .app-toast-dot{ background:var(--warn); }
.app-toast.danger .app-toast-dot{ background:var(--danger); }
.app-toast-text{
  font-size:14px;
  line-height:1.35;
  color:var(--text);
  font-weight:550;
  white-space:pre-wrap;
}
.app-toast-close{
  border:0;
  background:transparent;
  padding:0 2px;
  border-radius:999px;
  color:var(--muted);
  font-size:18px;
  line-height:1;
  box-shadow:none;
}
.app-toast-close:hover{
  background:var(--soft);
}
@keyframes toastIn{
  from{ opacity:0; transform:translateY(-8px); }
  to{ opacity:1; transform:translateY(0); }
}
@media (max-width:760px){
  .app-toast-root{ left:14px; right:14px; top:14px; max-width:none; }
  .sequential-guide .guide-actions{ width:100%; justify-content:flex-start; }
}

/* Phase 4.8, business profile department open fix */
.business-dept-card{ cursor:pointer; }
.business-dept-card .dept-open-hint{ display:inline-flex; align-self:flex-start; }
.business-dept-card:focus-visible{ outline:3px solid rgba(37,99,235,.24); outline-offset:3px; }


/* Phase 4.10, dedicated department pages */
.business-department-page-card{ padding:18px; }
.department-page-head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
  flex-wrap:wrap;
  margin-bottom:14px;
}
.department-dedicated-layout{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(300px,0.85fr);
  gap:14px;
  align-items:start;
  margin-top:14px;
}
.department-data-card,
.department-admin-card{
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.74);
  padding:14px;
}
.department-fields-grid textarea{ min-height:110px; }
.department-admin-card{ position:sticky; top:18px; }
@media (max-width: 980px){
  .department-dedicated-layout{ grid-template-columns:1fr; }
  .department-admin-card{ position:static; }
}

/* Phase 4.11, deeper department forms and guide polish */
.department-field-section{
  margin-top:12px;
  padding:10px 0 4px;
  border-top:1px solid var(--line);
  color:var(--accent);
  font-size:12px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.department-field-section:first-child{ margin-top:0; border-top:none; }
.field-help{ margin-top:5px; color:var(--muted); font-size:12px; line-height:1.35; }
.department-fields-grid textarea{ min-height:96px; }
.department-fields-grid .form-field label{ font-weight:700; }
.first-use-guide-card{ border-color:rgba(37,99,235,.22); background:linear-gradient(180deg, rgba(37,99,235,.045), rgba(255,255,255,.94)); }
.sequential-guide .home-title{ font-size:18px; }
.guide-actions{ min-width:170px; display:flex; flex-direction:column; gap:8px; align-items:flex-end; }
@media (max-width: 760px){ .guide-actions{ align-items:flex-start; min-width:0; } }

/* Phase 4.12, guided tour with smooth spotlight */
html{ scroll-behavior:smooth; }
.first-use-guide-card{
  position:sticky;
  top:14px;
  z-index:120;
  background:rgba(255,255,255,.98) !important;
  border-color:rgba(16,185,129,.28) !important;
  box-shadow:0 18px 60px rgba(15,23,42,.18) !important;
  backdrop-filter:blur(22px);
}
.guided-spotlight-card{
  gap:18px;
}
.guide-current-focus{
  display:inline-flex;
  align-items:center;
  margin-top:10px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(34,197,94,.08);
  color:#15803d;
  font-size:12px;
  font-weight:750;
}
.guide-spotlight{
  position:relative;
  z-index:18;
  border-color:rgba(34,197,94,.52) !important;
  background:linear-gradient(180deg, rgba(34,197,94,.035), rgba(255,255,255,.985)) !important;
  box-shadow:
    0 0 0 4px rgba(34,197,94,.10),
    0 16px 46px rgba(22,163,74,.10),
    0 16px 48px rgba(15,23,42,.10) !important;
  transition:border-color .24s ease, box-shadow .24s ease, background .24s ease, transform .24s ease;
  scroll-margin-top:170px;
  animation:guideSpotlightPulseGreen 1.35s ease-in-out infinite;
}
.guide-spotlight button,
.guide-spotlight input,
.guide-spotlight select,
.guide-spotlight textarea,
.guide-spotlight a,
.guide-spotlight summary{
  position:relative;
  z-index:20;
}
@keyframes guideSpotlightPulseGreen{
  0%{ box-shadow:0 0 0 3px rgba(34,197,94,.09), 0 16px 42px rgba(22,163,74,.08), 0 16px 45px rgba(15,23,42,.08); }
  50%{ box-shadow:0 0 0 8px rgba(34,197,94,.17), 0 20px 54px rgba(22,163,74,.14), 0 16px 45px rgba(15,23,42,.12); }
  100%{ box-shadow:0 0 0 3px rgba(34,197,94,.09), 0 16px 42px rgba(22,163,74,.08), 0 16px 45px rgba(15,23,42,.08); }
}
.guide-focus-ring{
  position:fixed;
  z-index:140;
  pointer-events:none;
  border:2px solid rgba(34,197,94,.75);
  border-radius:22px;
  box-shadow:
    0 0 0 5px rgba(34,197,94,.10),
    0 0 0 12px rgba(34,197,94,.045),
    0 18px 46px rgba(22,163,74,.12);
  animation:guideFocusRingPulse 1.45s ease-in-out infinite;
  transition:left .28s ease, top .28s ease, width .28s ease, height .28s ease;
}
@keyframes guideFocusRingPulse{
  0%,100%{ border-color:rgba(34,197,94,.70); transform:scale(1); }
  50%{ border-color:rgba(74,222,128,.82); transform:scale(1.006); }
}
@media (max-width:760px){
  .first-use-guide-card{ top:10px; }
  .guide-current-focus{ font-size:11px; }
}


/* Phase 4.15, guia flutuante sem sobreposição */
.first-use-guide-card.first-use-guide-floating{
  position:fixed !important;
  z-index:240 !important;
  width:min(560px, calc(100vw - 32px)) !important;
  max-width:min(560px, calc(100vw - 32px)) !important;
  margin:0 !important;
  background:rgba(255,255,255,.992) !important;
  border-color:rgba(16,185,129,.24) !important;
  box-shadow:0 22px 70px rgba(15,23,42,.22) !important;
  backdrop-filter:blur(18px);
  transition:left .28s ease, top .28s ease, transform .24s ease, box-shadow .24s ease;
}
.first-use-guide-card.guide-welcome-card{
  border-color:rgba(37,99,235,.18) !important;
  background:rgba(255,255,255,.995) !important;
}
.guided-spotlight-card.welcome{
  align-items:center;
}
.guided-spotlight-card.welcome .home-title{
  font-size:22px;
}
.guide-current-focus.calm{
  background:rgba(37,99,235,.07);
  color:#1d4ed8;
}
.guide-spotlight{
  border-color:rgba(74,222,128,.42) !important;
  background:linear-gradient(180deg, rgba(134,239,172,.045), rgba(255,255,255,.99)) !important;
  box-shadow:
    0 0 0 4px rgba(134,239,172,.11),
    0 14px 38px rgba(34,197,94,.09),
    0 14px 40px rgba(15,23,42,.08) !important;
  animation:guideSpotlightPulseSoft 1.75s ease-in-out infinite !important;
}
.guide-focus-ring{
  border-color:rgba(74,222,128,.66) !important;
  box-shadow:
    0 0 0 5px rgba(134,239,172,.09),
    0 0 0 12px rgba(134,239,172,.035),
    0 18px 46px rgba(34,197,94,.08) !important;
  animation:guideFocusRingPulseSoft 1.75s ease-in-out infinite !important;
}
@keyframes guideSpotlightPulseSoft{
  0%,100%{ box-shadow:0 0 0 3px rgba(134,239,172,.09), 0 14px 38px rgba(34,197,94,.08), 0 14px 40px rgba(15,23,42,.08); }
  50%{ box-shadow:0 0 0 7px rgba(134,239,172,.16), 0 16px 46px rgba(34,197,94,.10), 0 14px 42px rgba(15,23,42,.10); }
}
@keyframes guideFocusRingPulseSoft{
  0%,100%{ border-color:rgba(74,222,128,.58); transform:scale(1); }
  50%{ border-color:rgba(110,231,183,.75); transform:scale(1.004); }
}
@media (max-width:760px){
  .first-use-guide-card.first-use-guide-floating{
    width:calc(100vw - 24px) !important;
    max-width:calc(100vw - 24px) !important;
  }
  .guide-layout{
    gap:12px;
  }
}


/* Phase 5.1, real business reports */
.business-report-output{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.business-report-header{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  padding:14px;
  border:1px solid rgba(37,99,235,.14);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(37,99,235,.055), rgba(255,255,255,.92));
}
.business-report-header h3{
  margin:0;
  font-size:23px;
  line-height:1.15;
  letter-spacing:-.03em;
}
.business-report-header p{
  margin:8px 0 0;
  color:var(--muted);
  font-size:14px;
  line-height:1.45;
}
.business-report-meta{
  display:flex;
  flex-direction:column;
  gap:7px;
  align-items:flex-end;
  min-width:170px;
}
.business-report-meta span{
  border:1px solid var(--line);
  background:#fff;
  border-radius:999px;
  padding:6px 10px;
  color:var(--muted);
  font-size:12px;
  font-weight:700;
}
.business-report-metrics{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}
.business-report-metric{
  border:1px solid var(--line);
  background:#fff;
  border-radius:16px;
  padding:12px;
}
.business-report-metric span{
  display:block;
  color:var(--muted);
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.business-report-metric strong{
  display:block;
  margin-top:6px;
  font-size:22px;
  letter-spacing:-.04em;
}
.business-report-metric small{
  display:block;
  margin-top:5px;
  color:var(--muted);
  line-height:1.3;
}
.business-report-metric.ok{
  border-color:rgba(22,163,74,.22);
  background:linear-gradient(180deg, rgba(22,163,74,.055), #fff);
}
.business-report-metric.warn{
  border-color:rgba(217,119,6,.24);
  background:linear-gradient(180deg, rgba(217,119,6,.075), #fff);
}
.business-report-section{
  border:1px solid var(--line);
  border-radius:18px;
  padding:14px;
  background:rgba(255,255,255,.86);
}
.business-report-section h4{
  margin:0 0 10px;
  font-size:15px;
  letter-spacing:-.02em;
}
.business-report-list{
  margin:0;
  padding-left:18px;
  display:flex;
  flex-direction:column;
  gap:8px;
  color:var(--muted);
  font-size:14px;
  line-height:1.42;
}
.business-report-list li::marker{
  color:var(--accent);
}
.business-report-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
  padding-top:2px;
}
@media (max-width: 860px){
  .business-report-header{
    flex-direction:column;
  }
  .business-report-meta{
    align-items:flex-start;
  }
  .business-report-metrics{
    grid-template-columns:1fr;
  }
}


/* Phase 5.2, CSV data import */
.business-import-card{
  border-color:rgba(37,99,235,.16);
  background:linear-gradient(180deg, rgba(37,99,235,.04), rgba(255,255,255,.94));
}
.business-import-grid{
  display:grid;
  grid-template-columns:minmax(180px,.55fr) minmax(260px,1.45fr);
  gap:12px;
  align-items:end;
}
.business-import-file-field input[type="file"]{
  width:100%;
  background:#fff;
}
.business-import-hint{
  margin-top:12px;
  border:1px dashed rgba(37,99,235,.20);
  background:rgba(37,99,235,.045);
  border-radius:14px;
  padding:11px 12px;
  color:var(--muted);
  font-size:13px;
  line-height:1.4;
}
.business-import-hint strong{ color:var(--text); }
.business-import-output{ margin-top:12px; }
.csv-import-summary{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:10px;
  margin-bottom:12px;
}
.csv-import-summary .metric-card{ min-height:auto; }
.csv-preview-table{ display:grid; gap:8px; }
.csv-preview-row{
  display:grid;
  grid-template-columns:72px minmax(0,1fr) minmax(0,1.2fr);
  gap:10px;
  align-items:start;
  border:1px solid var(--line);
  border-radius:14px;
  padding:10px 12px;
  background:#fff;
}
.csv-preview-row.csv-error{ border-color:rgba(220,38,38,.22); background:rgba(220,38,38,.035); }
.csv-preview-row.csv-ok{ border-color:rgba(22,163,74,.20); background:rgba(22,163,74,.035); }
.csv-preview-row strong{ display:block; font-size:13px; letter-spacing:-.01em; }
.csv-preview-row span{ display:block; color:var(--muted); font-size:12px; line-height:1.35; margin-top:3px; }
.csv-import-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
  margin-top:12px;
}
@media (max-width: 820px){
  .business-import-grid,
  .csv-import-summary,
  .csv-preview-row{ grid-template-columns:1fr; }
}


/* ================== PHASE 5.3, CLEAN FRONTEND SYSTEM ================== */
:root{
  --bg:#f8fafc;
  --card:#ffffff;
  --text:#0f172a;
  --muted:#64748b;
  --line:#e2e8f0;
  --soft:#f1f5f9;
  --accent:#1d4ed8;
  --ok:#15803d;
  --warn:#b45309;
  --danger:#b91c1c;
  --shadow:0 1px 2px rgba(15,23,42,.04), 0 10px 26px rgba(15,23,42,.045);
}
body{
  background:radial-gradient(circle at top left, rgba(37,99,235,.055), transparent 30%), var(--bg);
  padding:22px;
}
.wrap{ max-width:1180px; }
.card,
.premium-panel,
.premium-workbench-card,
.notes-workbench-card,
.premium-suggestions-card,
.project-command-card,
.daily-command-card{
  border-color:rgba(148,163,184,.28);
  box-shadow:var(--shadow);
}
.card{ border-radius:18px; }
button,
.tab-btn,
.auth-tab,
.quick-create-tab,
.personal-task-tab{
  border-color:rgba(148,163,184,.38);
  box-shadow:none;
  transition:background .15s ease, border-color .15s ease, transform .15s ease;
}
button:hover,
.tab-btn:hover,
.auth-tab:hover,
.quick-create-tab:hover,
.personal-task-tab:hover{
  transform:translateY(-1px);
}
button.primary,
button.success{
  box-shadow:0 8px 18px rgba(29,78,216,.14);
}
button.danger-soft{
  color:var(--danger);
  background:rgba(185,28,28,.045);
  border-color:rgba(185,28,28,.16);
}
.app-topbar.premium-topbar{
  position:relative;
  padding:4px 0 8px;
  border-bottom:1px solid rgba(148,163,184,.22);
}
.topbar-right{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:9px;
}
.topbar-meta{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:3px;
}
.topbar-meta .sub{
  margin:0 !important;
  font-size:12px;
}
.clean-app-nav{
  display:flex;
  align-items:center;
  gap:8px;
  justify-content:flex-end;
}
.clean-app-nav > button,
.clean-app-nav .nav-more > summary{
  min-height:36px;
}
.nav-more{
  position:relative;
}
.nav-more > summary{
  list-style:none;
  cursor:pointer;
  padding:8px 12px;
  border:1px solid rgba(148,163,184,.38);
  border-radius:12px;
  background:#fff;
  font-weight:700;
  font-size:12px;
  user-select:none;
}
.nav-more > summary::-webkit-details-marker{ display:none; }
.nav-more-menu{
  position:absolute;
  right:0;
  top:calc(100% + 8px);
  min-width:190px;
  z-index:50;
  padding:8px;
  border:1px solid rgba(148,163,184,.30);
  border-radius:16px;
  background:rgba(255,255,255,.98);
  box-shadow:0 18px 45px rgba(15,23,42,.12);
  display:flex;
  flex-direction:column;
  gap:6px;
}
.nav-more-menu button{
  width:100%;
  justify-content:flex-start;
  text-align:left;
  background:#fff;
}
.premium-home-grid{
  grid-template-columns:minmax(0,1fr) 285px;
  gap:16px;
}
.premium-section-head{
  gap:10px;
}
.eyebrow{
  letter-spacing:.10em;
  color:#475569;
}
.home-title{
  letter-spacing:-.025em;
}
.sub,
.micro-sub,
.metric-hint,
.shortcut-sub{
  line-height:1.45;
}
.metric-card{
  border-color:rgba(148,163,184,.28);
  background:linear-gradient(180deg,#fff,rgba(248,250,252,.82));
}
.metric-card .metric-value{
  font-size:22px;
}
.premium-business-shortcut,
.assistant-insights-card,
.personal-suggestions-card{
  background:#fff;
  border-color:rgba(148,163,184,.26);
}
.home-more-details summary,
.system-map-collapsed summary{
  min-height:34px;
  display:flex;
  align-items:center;
}
.clean-action-toolbar{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-start;
  padding-top:10px;
  margin-top:10px;
  border-top:1px solid rgba(148,163,184,.20);
}
.task-tabs{
  border-top:1px solid rgba(148,163,184,.18);
  padding-top:10px;
}
.quick-create-card.secondary-create-card{
  box-shadow:none;
  border-style:solid;
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(248,250,252,.92));
}
.quick-create-tabs{
  gap:6px;
}
.quick-create-tab{
  background:#fff;
}
.quick-create-tab.active,
.personal-task-tab.active{
  background:rgba(29,78,216,.08);
  border-color:rgba(29,78,216,.24);
  color:var(--accent);
}
.advanced-create-options{
  background:rgba(248,250,252,.92);
  border-color:rgba(148,163,184,.32);
}
.create-context-actions{
  opacity:.9;
}
.notes-workbench-card,
#personalContextCard,
.system-map-collapsed{
  box-shadow:none;
}
.personal-suggestions-card{
  box-shadow:none;
}
.personal-lower-layout{
  opacity:.92;
}
.form-field label,
.sub[style*="font-weight:700"]{
  color:#475569 !important;
}
input, select, textarea{
  border-color:rgba(148,163,184,.42);
  background:#fff;
}
input:focus,
select:focus,
textarea:focus{
  outline:3px solid rgba(29,78,216,.12);
  border-color:rgba(29,78,216,.38);
}
.notice,
.empty-ai-box,
.empty-workbench{
  background:rgba(248,250,252,.82);
  border-color:rgba(148,163,184,.28);
}
.business-module-grid .card{
  box-shadow:none;
}
.business-list-card:empty{
  display:none;
}
@media (max-width: 760px){
  body{ padding:14px; }
  .app-topbar.premium-topbar,
  .topbar{
    gap:12px;
  }
  .topbar-right,
  .topbar-meta{
    align-items:flex-start;
    text-align:left;
  }
  .clean-app-nav{
    justify-content:flex-start;
  }
  .nav-more-menu{
    left:0;
    right:auto;
  }
  .premium-home-grid{
    grid-template-columns:1fr;
  }
}


/* ================== PHASE 5.4, STRUCTURAL SAFETY + ACCESSIBILITY ================== */
:root{
  --focus-ring:0 0 0 3px rgba(29,78,216,.18);
}
*:focus-visible{
  outline:2px solid rgba(29,78,216,.55);
  outline-offset:3px;
  box-shadow:var(--focus-ring);
}
body[data-screen="home"] .home-hidden-legacy{
  display:none !important;
}
button,
select,
input,
textarea,
summary{
  -webkit-tap-highlight-color:transparent;
}
input:focus,
select:focus,
textarea:focus{
  border-color:rgba(29,78,216,.38);
  box-shadow:var(--focus-ring);
  outline:none;
}
.clean-app-nav .nav-more-menu button{
  width:100%;
  justify-content:flex-start;
  text-align:left;
}
.notice,
.empty-ai-box,
.metric-card,
.next-step-card{
  overflow-wrap:anywhere;
}
.card,
.metric-card,
.next-step-card,
.business-list-card,
.department-card{
  contain:layout paint;
}
@media (max-width: 760px){
  body{ padding:14px; }
  .app-topbar.premium-topbar{
    gap:14px;
  }
  .topbar-right,
  .topbar-meta,
  .clean-app-nav{
    width:100%;
    align-items:stretch;
  }
  .clean-app-nav{
    justify-content:flex-start;
  }
  .clean-app-nav > button,
  .clean-app-nav .nav-more,
  .clean-app-nav .nav-more > summary{
    flex:1 1 auto;
  }
  .nav-more-menu{
    left:0;
    right:auto;
    width:min(92vw, 260px);
  }
}
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto !important; }
  *, *::before, *::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
    transition-duration:.01ms !important;
  }
}


/* ================== PHASE 5.5, MODULAR STRUCTURE ================== */
[data-screen] .module-boundary-note{ display:none; }


/* ================== PHASE 5.6, CLEAN FLOW + USEFUL EMPTY STATES ================== */
.empty-state{
  border:1px dashed rgba(148,163,184,.44);
  border-radius:18px;
  padding:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(248,250,252,.86));
  color:var(--muted);
  min-height:96px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:6px;
}
.empty-state-eyebrow{
  color:var(--accent);
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.empty-state-title{
  color:var(--text);
  font-size:16px;
  font-weight:800;
  letter-spacing:-.02em;
}
.empty-state-text{
  font-size:13px;
  line-height:1.42;
  max-width:680px;
}
.empty-state-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:8px;
}
.empty-list-item{
  list-style:none;
  margin:0;
}
.micro-list .empty-list-item,
.list .empty-list-item{
  width:100%;
}
.empty-state-warn{
  border-color:rgba(217,119,6,.28);
  background:linear-gradient(180deg, rgba(217,119,6,.07), rgba(255,255,255,.92));
}
.empty-state-ok{
  border-color:rgba(22,163,74,.24);
  background:linear-gradient(180deg, rgba(22,163,74,.06), rgba(255,255,255,.92));
}
.personal-task-row.is-history{
  background:rgba(248,250,252,.74);
  opacity:.92;
}
.personal-task-row.is-history .personal-task-title{
  color:#334155;
}
.clean-action-toolbar button:not(.primary){
  background:rgba(255,255,255,.72);
  color:#475569;
}
.clean-action-toolbar button:not(.primary):hover{
  color:var(--text);
}
.recent-notes-list .empty-state,
.personal-task-list .empty-state,
#homeSuggestionsList .empty-state{
  min-height:110px;
}
.suggestions-list .empty-state{
  grid-column:1 / -1;
}
.notice{
  box-shadow:none;
}
.item-actions select{
  max-width:150px;
}
@media (max-width: 760px){
  .empty-state{ padding:15px; }
  .empty-state-actions button{ flex:1 1 auto; }
  .personal-action-toolbar{ justify-content:flex-start; }
}

/* ================== PHASE 5.7, HOME COMO CENTRO DE DECISÃO ================== */
.home-decision-panel{
  margin:14px 0 12px;
}
.home-decision-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  border:1px solid rgba(37,99,235,.18);
  border-radius:18px;
  padding:16px;
  background:linear-gradient(135deg, rgba(37,99,235,.075), rgba(255,255,255,.96) 46%, rgba(248,250,252,.96));
  box-shadow:0 14px 38px rgba(15,23,42,.06);
}
.home-decision-card.warn{
  border-color:rgba(217,119,6,.26);
  background:linear-gradient(135deg, rgba(217,119,6,.105), rgba(255,255,255,.96) 48%, rgba(248,250,252,.96));
}
.home-decision-card.loading{
  opacity:.82;
  box-shadow:none;
}
.decision-main{
  min-width:0;
}
.decision-title{
  font-size:24px;
  line-height:1.08;
  letter-spacing:-.04em;
  font-weight:850;
  color:#0f172a;
}
.decision-text{
  margin-top:8px;
  color:#475569;
  font-size:14px;
  line-height:1.45;
  max-width:760px;
}
.decision-proof{
  margin-top:10px;
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(148,163,184,.32);
  border-radius:999px;
  padding:6px 10px;
  background:rgba(255,255,255,.72);
  color:#64748b;
  font-size:12px;
  font-weight:650;
}
.decision-actions{
  display:flex;
  flex-direction:column;
  gap:8px;
  align-items:stretch;
  min-width:150px;
}
.decision-actions button{
  min-height:40px;
  white-space:nowrap;
}
.compact-support-card .next-step-list{
  margin-top:8px;
}
.compact-support-card .next-step-li{
  padding:8px 0;
}
.compact-support-card .next-step-li:last-child{
  padding-bottom:0;
}
body[data-screen="home"] .assistant-insights-card{
  margin-top:14px;
}
body[data-screen="home"] #projectMetricsGrid{
  margin-top:10px;
}
body[data-screen="home"] .premium-home-mainline{
  grid-template-columns:minmax(0,1fr) 205px;
}
body[data-screen="home"] .premium-business-shortcut{
  min-height:0;
  box-shadow:none;
}
body[data-screen="home"] .home-more-details{
  margin-top:12px;
}
@media (max-width: 900px){
  .home-decision-card{
    grid-template-columns:1fr;
  }
  .decision-actions{
    flex-direction:row;
    flex-wrap:wrap;
    min-width:0;
  }
  body[data-screen="home"] .premium-home-mainline{
    grid-template-columns:1fr;
  }
}
@media (max-width: 560px){
  .decision-title{
    font-size:21px;
  }
  .decision-actions{
    flex-direction:column;
  }
  .decision-actions button{
    width:100%;
  }
}

/* ================== PHASE 5.7.1, FIX CARTÃO DECISÃO HOME ================== */
body[data-screen="home"] #homeDecisionPanel,
#home #homeDecisionPanel{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}
#homeDecisionPanel .home-decision-card{
  min-height:118px;
}

/* ================== FASE 5.8, ASSISTENTE OPERACIONAL ================== */
.decision-meta-row{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  margin-top:10px;
}
.decision-chip{
  display:inline-flex;
  align-items:center;
  gap:5px;
  border:1px solid var(--line);
  border-radius:999px;
  padding:4px 9px;
  background:rgba(255,255,255,.72);
  color:var(--muted);
  font-size:11px;
  font-weight:750;
  line-height:1.1;
}
.decision-chip.warn{
  color:#92400e;
  border-color:rgba(217,119,6,.22);
  background:rgba(217,119,6,.08);
}
.decision-next-list{
  list-style:none;
  padding:0;
  margin:12px 0 0;
  display:grid;
  gap:6px;
}
.decision-next-list li{
  display:grid;
  grid-template-columns:20px 1fr;
  gap:8px;
  align-items:start;
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
}
.decision-next-list li span{
  width:20px;
  height:20px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(37,99,235,.08);
  color:var(--accent);
  font-size:11px;
  font-weight:800;
}
.smart-support-card .next-step-list{
  gap:8px;
}
.smart-step{
  cursor:pointer;
  border:1px solid transparent;
  border-radius:12px;
  padding:7px 8px;
  transition:background .12s ease, border-color .12s ease, transform .12s ease;
}
.smart-step:hover{
  background:rgba(37,99,235,.045);
  border-color:rgba(37,99,235,.13);
  transform:translateY(-1px);
}
.next-step-theme{
  display:inline-flex;
  width:max-content;
  margin:5px 0 2px;
  padding:3px 8px;
  border-radius:999px;
  background:var(--soft);
  color:var(--muted);
  font-size:11px;
  font-weight:750;
}
.operational-insight{
  position:relative;
}
.operational-insight em{
  display:block;
  margin-top:8px;
  color:var(--muted);
  font-style:normal;
  font-size:12px;
  line-height:1.35;
}
.suggestion-topline{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:8px;
  flex-wrap:wrap;
}
.suggestion-next{
  margin-top:10px;
  padding:9px 10px;
  border-radius:12px;
  background:rgba(17,24,39,.035);
  color:var(--text);
  font-size:12px;
  line-height:1.35;
}
.suggestion-next span{
  display:block;
  color:var(--muted);
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
  margin-bottom:3px;
}
.suggestion-item.warn.operational-insight{
  border-color:rgba(217,119,6,.22);
  background:linear-gradient(180deg, rgba(217,119,6,.075), rgba(255,255,255,.82));
}
@media (max-width:760px){
  .decision-meta-row{ margin-top:9px; }
  .decision-next-list{ margin-top:10px; }
  .smart-step{ padding:8px 4px; }
}

/* ================== FASE 5.9, DETALHE DA RECOMENDAÇÃO E AÇÃO ASSISTIDA ================== */
.decision-explainer{
  margin-top:12px;
  border:1px solid rgba(148,163,184,.22);
  border-radius:14px;
  background:rgba(255,255,255,.62);
  overflow:hidden;
}
.decision-explainer summary{
  cursor:pointer;
  list-style:none;
  padding:9px 11px;
  color:#334155;
  font-size:12px;
  font-weight:850;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.decision-explainer summary::-webkit-details-marker{ display:none; }
.decision-explainer summary::after{
  content:'+';
  float:right;
  color:var(--muted);
  font-weight:900;
}
.decision-explainer[open] summary::after{ content:'−'; }
.decision-explainer-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:0;
  border-top:1px solid rgba(148,163,184,.18);
}
.decision-explainer-grid div{
  padding:10px 11px;
  border-left:1px solid rgba(148,163,184,.16);
}
.decision-explainer-grid div:first-child{ border-left:none; }
.decision-explainer-grid span,
.decision-assisted-box span{
  display:block;
  color:#64748b;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.035em;
  margin-bottom:4px;
}
.decision-explainer-grid strong,
.decision-assisted-box strong{
  display:block;
  color:#334155;
  font-size:12px;
  line-height:1.35;
  font-weight:700;
}
.decision-assisted-box{
  margin-top:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid rgba(37,99,235,.18);
  border-radius:14px;
  padding:10px 11px;
  background:rgba(37,99,235,.055);
}
.decision-assisted-box button{
  white-space:nowrap;
  background:#fff;
}
#homeDecisionPanel.is-busy{
  opacity:.72;
  pointer-events:none;
}
@media (max-width: 900px){
  .decision-explainer-grid{ grid-template-columns:1fr; }
  .decision-explainer-grid div{ border-left:none; border-top:1px solid rgba(148,163,184,.16); }
  .decision-explainer-grid div:first-child{ border-top:none; }
  .decision-assisted-box{ align-items:flex-start; flex-direction:column; }
  .decision-assisted-box button{ width:100%; }
}

/* ================== FASE 5.9.1, RECOMENDAÇÃO MENOS RUIDOSA ================== */
#homeDecisionPanel.home-decision-suppressed{
  display:none !important;
}
.decision-assisted-box{
  background:rgba(37,99,235,.045);
}
.decision-assisted-box strong{
  font-size:13px;
}

/* ================== FASE 5.10, CORTE CRÍTICO DE RUÍDO ================== */
body[data-screen="home"] .premium-home-mainline.no-business-shortcut{
  grid-template-columns:1fr;
}
body[data-screen="home"] #homeNextStepsPanel.hidden,
body[data-screen="home"] #homeAssistantCard.hidden,
body[data-screen="home"] #homeBusinessShortcut.hidden{
  display:none !important;
}
body[data-screen="home"] .premium-suggestions-card{
  margin-top:12px;
}
body[data-screen="home"] .assistant-insights-card .premium-section-head .sub{
  max-width:620px;
}
body[data-screen="home"] .smart-support-card{
  border-color:rgba(148,163,184,.20);
  box-shadow:none;
  background:rgba(255,255,255,.74);
}
body[data-screen="home"] .premium-business-shortcut{
  display:none !important;
}
body[data-screen="home"] .decision-meta-row .decision-chip:nth-child(3){
  display:none;
}
body[data-screen="home"] .home-decision-card{
  box-shadow:0 10px 30px rgba(15,23,42,.045);
}
body[data-screen="home"] .premium-details summary{
  color:#475569;
  font-weight:750;
}

/* ================== FASE 5.11, ACTIVACAO DE PRODUTO ================== */
.home-activation-panel{
  margin:12px 0 14px;
}
.activation-card{
  border:1px solid rgba(37,99,235,.18);
  background:linear-gradient(180deg, rgba(37,99,235,.055), rgba(255,255,255,.92));
  border-radius:18px;
  padding:14px;
  box-shadow:0 8px 22px rgba(15,23,42,.045);
}
.activation-card.business-activation-card{
  box-shadow:none;
  margin:0;
}
.activation-head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
  flex-wrap:wrap;
}
.activation-title{
  font-size:18px;
  line-height:1.2;
  font-weight:780;
  letter-spacing:-.025em;
}
.activation-text{
  color:var(--muted);
  font-size:13px;
  line-height:1.38;
  margin-top:5px;
  max-width:680px;
}
.activation-score{
  min-width:70px;
  text-align:right;
  border:1px solid var(--line);
  background:rgba(255,255,255,.72);
  border-radius:14px;
  padding:8px 10px;
}
.activation-score strong{
  display:block;
  font-size:18px;
  letter-spacing:-.03em;
}
.activation-score span{
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-top:2px;
}
.activation-progress{
  height:8px;
  background:rgba(15,23,42,.06);
  border-radius:999px;
  overflow:hidden;
  margin-top:12px;
  border:1px solid rgba(15,23,42,.035);
}
.activation-progress > div{
  height:100%;
  background:rgba(37,99,235,.55);
  border-radius:999px;
}
.activation-list{
  list-style:none;
  padding:0;
  margin:12px 0 0;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:8px;
}
.activation-step{
  display:flex;
  align-items:flex-start;
  gap:10px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.78);
  border-radius:14px;
  padding:10px;
}
.activation-step.done{
  border-color:rgba(22,163,74,.22);
  background:rgba(22,163,74,.055);
}
.activation-check{
  width:26px;
  height:26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(37,99,235,.10);
  color:var(--accent);
  font-weight:800;
  font-size:12px;
  flex:0 0 auto;
}
.activation-step.done .activation-check{
  color:var(--ok);
  background:rgba(22,163,74,.12);
}
.activation-step-main{
  flex:1;
  min-width:0;
}
.activation-step-main strong{
  display:block;
  font-size:13px;
  line-height:1.2;
}
.activation-step-main span{
  display:block;
  color:var(--muted);
  font-size:12px;
  line-height:1.32;
  margin-top:3px;
}
.activation-step button{
  flex:0 0 auto;
}
.activation-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
  margin-top:12px;
}
@media (max-width: 920px){
  .activation-list{ grid-template-columns:1fr; }
  .activation-step{ flex-wrap:wrap; }
  .activation-step button{ margin-left:36px; }
}
@media (max-width: 560px){
  .activation-score{ text-align:left; }
  .activation-actions button{ width:100%; }
  .activation-step button{ width:calc(100% - 36px); }
}

/* ================== PHASE 5.12, BUSINESS COMMERCIAL ENGINE ================== */
.business-command-card{
  border-color:rgba(29,78,216,.18);
  background:linear-gradient(180deg, rgba(29,78,216,.055), rgba(255,255,255,.96));
}
.business-command-card.business-command-warn{
  border-color:rgba(180,83,9,.22);
  background:linear-gradient(180deg, rgba(180,83,9,.055), rgba(255,255,255,.96));
}
.business-command-card.business-command-danger{
  border-color:rgba(185,28,28,.22);
  background:linear-gradient(180deg, rgba(185,28,28,.055), rgba(255,255,255,.96));
}
.business-command-card.business-command-ok{
  border-color:rgba(21,128,61,.20);
  background:linear-gradient(180deg, rgba(21,128,61,.045), rgba(255,255,255,.96));
}
.business-command-loading{
  color:var(--muted);
  font-size:13px;
}
.business-command-layout{
  display:grid;
  grid-template-columns:minmax(0, 1.15fr) minmax(280px, .85fr);
  gap:16px;
  align-items:stretch;
}
.business-command-main{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:150px;
}
.business-command-title{
  margin-top:8px;
  font-size:26px;
  line-height:1.08;
  letter-spacing:-.045em;
  font-weight:800;
  color:var(--text);
}
.business-command-text{
  margin-top:10px;
  max-width:680px;
  color:var(--muted);
  font-size:14px;
  line-height:1.48;
}
.business-command-actions{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
  margin-top:14px;
}
.business-signal-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:10px;
}
.business-signal-card{
  text-align:left;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:92px;
  padding:12px;
  border-radius:16px;
  background:rgba(255,255,255,.78);
}
.business-signal-card span{
  color:var(--muted);
  font-size:12px;
  font-weight:700;
}
.business-signal-card strong{
  display:block;
  margin-top:7px;
  font-size:21px;
  letter-spacing:-.035em;
}
.business-signal-card small{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:12px;
  line-height:1.25;
}
.business-signal-card.warn{
  border-color:rgba(180,83,9,.24);
  background:rgba(180,83,9,.055);
}
.business-create-switchboard{
  box-shadow:none;
  background:rgba(255,255,255,.82);
}
.business-create-tabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.business-module-grid{
  grid-template-columns:1fr;
}
.business-create-card{
  display:none;
  box-shadow:none;
  border-color:rgba(148,163,184,.30);
}
.business-create-card.active{
  display:block;
}
.business-create-card-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  flex-wrap:wrap;
  padding-bottom:12px;
  margin-bottom:12px;
  border-bottom:1px solid rgba(148,163,184,.22);
}
.business-create-card .business-list-card{
  margin-top:16px;
  background:rgba(248,250,252,.72);
}
.business-secondary-soft{
  box-shadow:none;
  background:rgba(255,255,255,.74);
}
.business-import-card.hidden,
.business-profile-entry-card.hidden{
  display:none;
}
#businessCreatePanels{
  margin-top:12px;
}
@media (max-width: 900px){
  .business-command-layout,
  .business-signal-grid{
    grid-template-columns:1fr;
  }
  .business-command-title{
    font-size:23px;
  }
  .business-create-tabs{
    justify-content:flex-start;
  }
}

/* ================== FASE 5.12.1, NEGOCIO SIMPLES E LEGIVEL ================== */
#negocio .business-command-card{
  border-color:rgba(37,99,235,.16);
  background:linear-gradient(180deg, rgba(37,99,235,.045), rgba(255,255,255,.96));
  box-shadow:0 8px 22px rgba(15,23,42,.04);
}
.business-simple-toolbar{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  flex-wrap:wrap;
}
.business-simple-title{
  margin-top:6px;
  font-size:22px;
  line-height:1.12;
  letter-spacing:-.035em;
  font-weight:800;
  color:var(--text);
}
.business-simple-text{
  margin-top:7px;
  color:var(--muted);
  font-size:14px;
  line-height:1.4;
  max-width:760px;
}
.business-simple-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.business-insert-menu{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(148,163,184,.22);
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:9px;
}
.business-insert-menu button{
  text-align:left;
  min-height:78px;
  border-radius:16px;
  background:rgba(255,255,255,.86);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:5px;
}
.business-insert-menu button strong{
  font-size:13px;
  letter-spacing:-.01em;
}
.business-insert-menu button span{
  color:var(--muted);
  font-size:12px;
  line-height:1.25;
  font-weight:600;
}
#negocio #businessSummaryGrid.business-grid{
  grid-template-columns:repeat(4, minmax(160px, 1fr));
}
#negocio .metric-card{
  min-height:116px;
  text-align:left;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
#negocio .metric-clickable:hover{
  transform:translateY(-1px);
  border-color:rgba(37,99,235,.26);
  box-shadow:0 10px 24px rgba(15,23,42,.055);
}
#negocio .metric-open-hint{
  margin-top:10px;
  font-size:11px;
  color:var(--accent);
  font-weight:800;
  letter-spacing:.01em;
}
#businessCreatePanels.hidden{
  display:none !important;
}
#businessCreatePanels .business-create-card.active{
  display:block;
}
#businessCreatePanels .business-create-card:not(.active){
  display:none;
}
#businessDetailAddInfoBtn{
  order:-10;
}
body[data-screen="negocio"] .business-activation-panel{
  display:none !important;
}
@media (max-width: 980px){
  #negocio #businessSummaryGrid.business-grid,
  .business-insert-menu{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 620px){
  .business-simple-actions,
  .business-simple-actions button,
  .business-insert-menu button{
    width:100%;
  }
  #negocio #businessSummaryGrid.business-grid,
  .business-insert-menu{
    grid-template-columns:1fr;
  }
}

/* ================== FASE 5.12.2, INTRODUZIR E IMPORTAR DADOS ================== */
.business-insert-menu.hidden{
  display:none !important;
}
.info-dot{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:16px;
  height:16px;
  margin-left:4px;
  border-radius:999px;
  border:1px solid rgba(100,116,139,.35);
  color:var(--muted);
  font-size:10px;
  line-height:1;
  font-weight:800;
  vertical-align:middle;
  cursor:help;
  background:rgba(255,255,255,.78);
}
.info-dot:hover{
  color:var(--accent);
  border-color:rgba(37,99,235,.35);
  background:rgba(37,99,235,.06);
}