/* UniSer Digital 0.12.3 — dedicated UI override
   Loaded after style.css so the new operational/editorial UI always wins. */

.dashboard-shell,
.plans-shell,
.plan-detail-shell{
  display:grid !important;
  gap:20px !important;
}

/* ---------- Dashboard ---------- */
.dashboard-hero{
  display:grid !important;
  grid-template-columns:minmax(0,1.65fr) minmax(260px,.7fr) !important;
  gap:26px !important;
  align-items:center !important;
  padding:28px !important;
  border:1px solid #d8e2ec !important;
  border-radius:22px !important;
  background:linear-gradient(135deg,#ffffff 0%,#f2f7fb 100%) !important;
  box-shadow:0 10px 28px rgba(18,59,99,.06) !important;
}
.dashboard-hero h1{margin:6px 0 8px !important}
.dashboard-kicker{
  display:block !important;
  font-size:.78rem !important;
  font-weight:800 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  color:#60758a !important;
}
.dashboard-hero-side{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  align-items:stretch !important;
}
.dashboard-hero-side .btn{
  grid-column:1 / -1 !important;
  text-align:center !important;
}
.hero-metric{
  display:flex !important;
  flex-direction:column !important;
  gap:5px !important;
  padding:15px !important;
  border-radius:16px !important;
  border:1px solid #dce6ef !important;
  background:#fff !important;
}
.hero-metric strong{
  display:block !important;
  font-size:1.8rem !important;
  line-height:1 !important;
  color:#123b63 !important;
}
.hero-metric span{
  color:#667085 !important;
  font-size:.88rem !important;
}

.dashboard-actions-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:16px !important;
}
.dashboard-action{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:8px !important;
  min-height:150px !important;
  padding:22px !important;
  border-radius:20px !important;
  border:1px solid #dce5ee !important;
  background:#fff !important;
  box-shadow:0 8px 22px rgba(18,59,99,.045) !important;
  color:#12253a !important;
  text-decoration:none !important;
}
.dashboard-action.primary{
  background:#173f66 !important;
  color:#fff !important;
  border-color:#173f66 !important;
}
.dashboard-action span{
  font-size:1.5rem !important;
  font-weight:800 !important;
  line-height:1 !important;
}
.dashboard-action strong{
  display:block !important;
  font-size:1.25rem !important;
  line-height:1.2 !important;
  color:inherit !important;
}
.dashboard-action small{
  display:block !important;
  font-size:.9rem !important;
  line-height:1.45 !important;
  color:inherit !important;
  opacity:.82 !important;
}

.dashboard-metrics-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
}
.metric-box{
  display:flex !important;
  flex-direction:column !important;
  gap:5px !important;
  padding:18px !important;
  border-radius:18px !important;
  border:1px solid #dce5ee !important;
  background:#fff !important;
  box-shadow:0 7px 20px rgba(18,59,99,.04) !important;
}
.metric-box strong{
  font-size:1.8rem !important;
  line-height:1 !important;
  color:#123b63 !important;
}
.metric-box span{color:#667085 !important}

.dashboard-plan-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
}
.dashboard-plan-card{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  padding:17px !important;
  border:1px solid #dce5ee !important;
  border-radius:17px !important;
  background:#fff !important;
  color:#12253a !important;
  text-decoration:none !important;
  box-shadow:0 7px 20px rgba(18,59,99,.04) !important;
}
.dashboard-plan-card strong{
  font-size:1rem !important;
  line-height:1.35 !important;
}
.dashboard-plan-card > span:not(.status-pill),
.dashboard-plan-card small{color:#667085 !important}

/* ---------- Plans / idea banks ---------- */
.plans-overview-grid{
  display:grid !important;
  grid-template-columns:2fr 1fr 1fr !important;
  gap:14px !important;
}
.overview-card{
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
  padding:20px !important;
  border:1px solid #dce5ee !important;
  border-radius:20px !important;
  background:#fff !important;
  box-shadow:0 8px 24px rgba(18,59,99,.045) !important;
}
.overview-card.primary{
  color:#fff !important;
  background:#173f66 !important;
  border-color:#173f66 !important;
}
.overview-card h2,
.overview-card strong{
  margin:0 !important;
  font-size:1.7rem !important;
  line-height:1.12 !important;
  color:inherit !important;
}
.overview-card p{margin:0 !important;color:inherit !important}
.overview-eyebrow{
  font-size:.76rem !important;
  text-transform:uppercase !important;
  letter-spacing:.05em !important;
  font-weight:800 !important;
  color:inherit !important;
  opacity:.8 !important;
}

.plans-toolbar{
  display:grid !important;
  gap:10px !important;
  padding:15px 17px !important;
}
.folder-tabs{
  display:flex !important;
  gap:9px !important;
  flex-wrap:wrap !important;
}
.folder-tab{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  padding:9px 13px !important;
  border:1px solid #d7e1ea !important;
  border-radius:999px !important;
  background:#f3f6f9 !important;
  color:#173f66 !important;
  text-decoration:none !important;
  font-weight:800 !important;
}
.folder-tab > span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:22px !important;
  height:22px !important;
  padding:0 6px !important;
  border-radius:999px !important;
  background:#fff !important;
  font-size:.78rem !important;
}
.folder-tab.active{
  color:#fff !important;
  background:#173f66 !important;
  border-color:#173f66 !important;
}
.folder-tab.active > span{
  color:#fff !important;
  background:rgba(255,255,255,.14) !important;
}

.enhanced-plan-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(330px,1fr)) !important;
  gap:17px !important;
}
.enhanced-plan-card{
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
  padding:20px !important;
  border:1px solid #dbe4ed !important;
  border-radius:20px !important;
  background:#fff !important;
  box-shadow:0 8px 22px rgba(18,59,99,.045) !important;
}
.enhanced-plan-card.archived{
  background:#f8fafc !important;
  border-style:dashed !important;
}
.plan-card-badges{
  display:flex !important;
  gap:7px !important;
  flex-wrap:wrap !important;
  margin-bottom:9px !important;
}
.plan-card-top h2{
  margin:0 !important;
  font-size:1.3rem !important;
  line-height:1.28 !important;
}
.plan-card-top h2 a{
  color:#14273b !important;
  text-decoration:none !important;
}
.plan-card-meta,
.plan-card-last{
  color:#667085 !important;
  font-size:.9rem !important;
}
.plan-card-metrics{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:9px !important;
}
.plan-card-metrics > div{
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
  padding:11px !important;
  background:#f7f9fb !important;
  border:1px solid #e4ebf1 !important;
  border-radius:14px !important;
}
.plan-card-metrics strong{
  font-size:1.25rem !important;
  color:#173f66 !important;
}
.plan-card-metrics span{
  font-size:.8rem !important;
  color:#667085 !important;
}
.plan-card-footer{display:grid !important;gap:11px !important}
.plan-card-actions{
  display:flex !important;
  gap:7px !important;
  flex-wrap:wrap !important;
  align-items:center !important;
}
.archived-pill{
  background:#fff4e8 !important;
  border:1px solid #fed7aa !important;
  color:#9a3412 !important;
}
.muted-pill{
  background:#f1f5f8 !important;
  border:1px solid #dde5ec !important;
  color:#475467 !important;
}
.btn.ghost{
  color:#173f66 !important;
  background:#eef4f8 !important;
  border:1px solid #d8e3ec !important;
}

/* ---------- One idea bank ---------- */
.plan-summary-grid{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:12px !important;
}
.summary-card{
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
  padding:16px !important;
  background:#fff !important;
  border:1px solid #dce5ee !important;
  border-radius:17px !important;
}
.summary-card strong{
  font-size:1.65rem !important;
  line-height:1 !important;
  color:#173f66 !important;
}
.summary-card span{color:#667085 !important;font-size:.88rem !important}
.summary-card.emphasis{
  background:#173f66 !important;
  border-color:#173f66 !important;
}
.summary-card.emphasis strong,
.summary-card.emphasis span{color:#fff !important}

.idea-list-clean{display:grid !important;gap:14px !important}
.idea-clean-card{
  display:grid !important;
  grid-template-columns:78px 88px minmax(0,1fr) !important;
  gap:16px !important;
  padding:18px !important;
  border:1px solid #dce5ee !important;
  border-radius:19px !important;
  background:#fff !important;
  box-shadow:0 7px 20px rgba(18,59,99,.04) !important;
}
.idea-clean-date{
  display:flex !important;
  flex-direction:column !important;
  gap:5px !important;
  align-items:center !important;
  padding:10px 7px !important;
  border-radius:14px !important;
  background:#f7f9fb !important;
  border:1px solid #e5ebf1 !important;
}
.idea-clean-date .day{
  font-weight:800 !important;
  color:#173f66 !important;
}
.idea-clean-date .kind{
  font-size:.73rem !important;
  color:#667085 !important;
  text-align:center !important;
}
.idea-clean-thumb img{
  display:block !important;
  width:88px !important;
  height:88px !important;
  object-fit:cover !important;
  border-radius:14px !important;
}
.idea-clean-body{display:grid !important;gap:11px !important}
.idea-clean-head{
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-start !important;
  gap:10px !important;
}
.idea-clean-head h2{
  margin:0 !important;
  font-size:1.16rem !important;
  line-height:1.3 !important;
  color:#14273b !important;
}
.idea-clean-description{
  margin:0 !important;
  color:#475467 !important;
  line-height:1.5 !important;
}
.idea-meta-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:8px !important;
}
.idea-meta-grid > div{
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
  padding:9px 10px !important;
  background:#f7f9fb !important;
  border:1px solid #e5ebf1 !important;
  border-radius:12px !important;
}
.idea-meta-grid span{font-size:.72rem !important;color:#667085 !important}
.idea-meta-grid strong{font-size:.86rem !important;line-height:1.35 !important;color:#14273b !important}
.idea-chip-row,
.clean-actions{
  display:flex !important;
  gap:7px !important;
  flex-wrap:wrap !important;
}
.success-pill{
  background:#ecfdf3 !important;
  border:1px solid #abefc6 !important;
  color:#027a48 !important;
}

/* ---------- Week view: ensure new operational UI is styled ---------- */
.week-view-switch{
  display:inline-flex !important;
  gap:4px !important;
  padding:4px !important;
  margin:0 0 18px !important;
  background:#eef3f7 !important;
  border-radius:12px !important;
}
.week-view-switch a{
  display:block !important;
  padding:8px 13px !important;
  color:#475467 !important;
  text-decoration:none !important;
  font-weight:800 !important;
  border-radius:9px !important;
}
.week-view-switch a.active{
  color:#173f66 !important;
  background:#fff !important;
  box-shadow:0 1px 4px rgba(18,59,99,.1) !important;
}
.week-content-section{
  display:grid !important;
  gap:20px !important;
}
.week-content-list{
  display:grid !important;
  gap:8px !important;
}
.week-content-card{
  display:grid !important;
  grid-template-columns:5px minmax(0,1fr) auto !important;
  gap:12px !important;
  align-items:center !important;
  padding:12px 14px !important;
  background:#fff !important;
  border:1px solid #dce5ee !important;
  border-radius:13px !important;
}
.week-brand-mark{
  align-self:stretch !important;
  min-height:54px !important;
  border-radius:999px !important;
  background:var(--brand-color,#64748b) !important;
}
.week-content-main h3{
  margin:4px 0 6px !important;
  font-size:1rem !important;
}
.week-content-main h3 a{
  color:#14273b !important;
  text-decoration:none !important;
}
.week-meta{
  display:flex !important;
  gap:5px 10px !important;
  flex-wrap:wrap !important;
  color:#667085 !important;
  font-size:.78rem !important;
}
.week-content-state{
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
  align-items:flex-end !important;
}
.week-next-action{
  color:#173f66 !important;
  text-decoration:none !important;
  font-size:.78rem !important;
  font-weight:800 !important;
}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .dashboard-hero{grid-template-columns:1fr !important}
  .dashboard-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .dashboard-metrics-grid,
  .dashboard-plan-grid,
  .plans-overview-grid,
  .plan-summary-grid,
  .idea-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media (max-width:720px){
  .dashboard-actions-grid,
  .dashboard-metrics-grid,
  .dashboard-plan-grid,
  .plans-overview-grid,
  .plan-summary-grid,
  .idea-meta-grid{grid-template-columns:1fr !important}
  .enhanced-plan-grid{grid-template-columns:1fr !important}
  .idea-clean-card{grid-template-columns:1fr !important}
  .idea-clean-date{flex-direction:row !important;justify-content:space-between !important}
  .idea-clean-thumb img{width:100% !important;height:auto !important;max-height:220px !important}
  .week-content-card{grid-template-columns:5px minmax(0,1fr) !important}
  .week-content-state{grid-column:2 !important;align-items:flex-start !important}
}


/* ============================================================
   UniSer Digital 0.12.4 — Esta Semana + Banco de Ideias
   ============================================================ */

/* ----- Esta Semana ----- */
.week-hero{
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-end !important;
  gap:20px !important;
  margin-bottom:14px !important;
}
.week-hero h1{margin:4px 0 6px !important}
.week-navigation{
  display:grid !important;
  grid-template-columns:1fr auto 1fr !important;
  gap:8px !important;
  align-items:center !important;
  padding:8px !important;
  margin-bottom:14px !important;
  border-radius:16px !important;
  background:#fff !important;
  border:1px solid #dce5ee !important;
}
.week-navigation a{
  display:block !important;
  padding:9px 12px !important;
  border-radius:10px !important;
  text-align:center !important;
  color:#475467 !important;
  text-decoration:none !important;
  font-weight:800 !important;
}
.week-navigation a.active{
  color:#fff !important;
  background:#173f66 !important;
}
.week-navigation a:first-child{text-align:left !important}
.week-navigation a:last-child{text-align:right !important}

.week-summary-grid{
  display:grid !important;
  grid-template-columns:1.5fr repeat(auto-fit,minmax(135px,1fr)) !important;
  gap:10px !important;
  margin:0 0 22px !important;
}
.week-summary-card{
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
  padding:14px 16px !important;
  min-height:84px !important;
  border:1px solid #dce5ee !important;
  border-radius:16px !important;
  background:#fff !important;
}
.week-summary-card.main{
  color:#fff !important;
  background:#173f66 !important;
  border-color:#173f66 !important;
}
.week-summary-card strong{
  font-size:1.55rem !important;
  line-height:1 !important;
  color:#173f66 !important;
}
.week-summary-card.main strong,
.week-summary-card.main span,
.week-summary-card.main small{color:#fff !important}
.week-summary-card span{font-weight:800 !important;color:#344054 !important}
.week-summary-card small{font-size:.78rem !important;color:#667085 !important}

.attention-section{margin-bottom:16px !important}
.attention-section .section-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
}
.attention-count{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:32px !important;
  height:32px !important;
  padding:0 8px !important;
  border-radius:999px !important;
  background:#eef3f7 !important;
  color:#173f66 !important;
  font-weight:800 !important;
}
.attention-section .card.empty{
  padding:22px !important;
  text-align:center !important;
  color:#667085 !important;
}

.week-filters-panel{
  padding:0 !important;
  margin-bottom:14px !important;
  overflow:hidden !important;
}
.week-filters-panel > summary{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  padding:14px 17px !important;
  cursor:pointer !important;
  list-style:none !important;
}
.week-filters-panel > summary::-webkit-details-marker{display:none !important}
.week-filters-panel > summary > div{
  display:flex !important;
  flex-direction:column !important;
  gap:2px !important;
}
.week-filters-panel > summary strong{font-size:1rem !important;color:#173f66 !important}
.week-filters-panel > summary span{font-size:.8rem !important;color:#667085 !important}
.active-filter-pill,
.filter-hint{
  flex:0 0 auto !important;
  padding:5px 9px !important;
  border-radius:999px !important;
  background:#eef4f8 !important;
  color:#173f66 !important;
  font-size:.75rem !important;
  font-weight:800 !important;
}
.week-filters-panel[open] > summary{
  border-bottom:1px solid #e7edf3 !important;
}
.week-filters{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:10px !important;
  align-items:end !important;
  padding:15px 17px 17px !important;
}
.week-filters .field{margin:0 !important}
.week-filter-submit .btn{width:100% !important}

/* ----- Banco de Ideias ----- */
.ideas-page-shell{
  display:grid !important;
  gap:16px !important;
}
.ideas-page-head{
  align-items:flex-end !important;
  margin-bottom:0 !important;
}
.ideas-kicker{
  display:block !important;
  margin-bottom:5px !important;
  font-size:.76rem !important;
  font-weight:800 !important;
  letter-spacing:.07em !important;
  text-transform:uppercase !important;
  color:#60758a !important;
}
.ideas-page-head h1{
  margin:0 0 8px !important;
  max-width:820px !important;
}
.ideas-page-head .lead{
  max-width:900px !important;
  margin-bottom:0 !important;
}
.ideas-context-strip{
  display:flex !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  padding:10px 0 2px !important;
}
.ideas-context-strip span{
  display:inline-flex !important;
  align-items:center !important;
  padding:7px 10px !important;
  border-radius:999px !important;
  background:#edf6f4 !important;
  color:#11624f !important;
  border:1px solid #cae8df !important;
  font-size:.78rem !important;
  font-weight:800 !important;
}
.ideas-builder-v2{
  display:grid !important;
  gap:15px !important;
}
.ideas-essential-card,
.ideas-period-card,
.ideas-result-v2{
  padding:20px !important;
  border-radius:20px !important;
}
.ideas-section-heading{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  padding-bottom:14px !important;
  margin-bottom:16px !important;
  border-bottom:1px solid #e7edf3 !important;
}
.ideas-section-heading > div:first-child{
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
}
.ideas-section-heading > div:first-child > div{
  display:flex !important;
  flex-direction:column !important;
  gap:2px !important;
}
.ideas-section-heading strong{
  font-size:1.05rem !important;
  color:#14273b !important;
}
.ideas-section-heading small{
  color:#667085 !important;
  font-size:.82rem !important;
}
.step-number{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:31px !important;
  height:31px !important;
  border-radius:10px !important;
  background:#173f66 !important;
  color:#fff !important;
  font-weight:800 !important;
}
.optional-badge{
  padding:5px 9px !important;
  border-radius:999px !important;
  background:#f3f6f9 !important;
  color:#667085 !important;
  font-size:.75rem !important;
  font-weight:800 !important;
}
.ideas-essential-grid{
  display:grid !important;
  grid-template-columns:1fr .65fr 1.45fr !important;
  gap:14px !important;
  align-items:start !important;
}
.ideas-essential-grid > label,
.ideas-period-grid > label{
  display:flex !important;
  flex-direction:column !important;
  gap:7px !important;
  font-weight:800 !important;
}
.ideas-channel-field{
  display:flex !important;
  flex-direction:column !important;
  gap:7px !important;
}
.ideas-channel-field > label{
  font-weight:800 !important;
}
.ideas-date-details{
  margin-top:14px !important;
  border:1px solid #e4ebf1 !important;
  border-radius:14px !important;
  background:#f8fafc !important;
}
.ideas-date-details summary{
  padding:11px 13px !important;
  cursor:pointer !important;
  font-weight:800 !important;
  color:#475467 !important;
}
.ideas-date-details summary span{
  color:#98a2b3 !important;
  font-weight:600 !important;
  font-size:.8rem !important;
}
.ideas-date-inner{
  padding:0 13px 13px !important;
  max-width:340px !important;
}
.ideas-period-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:14px !important;
}
.ideas-period-grid textarea{
  min-height:130px !important;
}
.ideas-period-grid small{
  color:#667085 !important;
  font-weight:500 !important;
  line-height:1.4 !important;
}
.ideas-generate-bar{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  padding:17px 20px !important;
  border-radius:18px !important;
  background:#173f66 !important;
  color:#fff !important;
}
.ideas-generate-bar > div{
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
}
.ideas-generate-bar strong{
  font-size:1.05rem !important;
}
.ideas-generate-bar span{
  color:#dce9f5 !important;
  font-size:.86rem !important;
}
.ideas-generate-bar .btn{
  flex:0 0 auto !important;
  background:#fff !important;
  color:#173f66 !important;
  border-color:#fff !important;
}
.ideas-result-v2{
  display:grid !important;
  gap:15px !important;
}
.ideas-result-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:16px !important;
}
.ideas-result-block{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  min-width:0 !important;
}
.ideas-result-block h2{
  margin:0 !important;
  font-size:1rem !important;
}
.result-title-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
}
.prompt-output,
.ideas-result-block textarea{
  font-size:.86rem !important;
  line-height:1.45 !important;
}
.ideas-actions{
  display:flex !important;
  justify-content:flex-end !important;
  padding-top:2px !important;
}

@media(max-width:1050px){
  .week-filters{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .week-filter-submit{grid-column:1/-1 !important}
  .ideas-essential-grid{grid-template-columns:1fr 1fr !important}
  .ideas-channel-field{grid-column:1/-1 !important}
  .ideas-result-grid{grid-template-columns:1fr !important}
}
@media(max-width:720px){
  .week-hero{align-items:flex-start !important;flex-direction:column !important}
  .week-hero .page-actions{width:100% !important;display:grid !important;grid-template-columns:1fr 1fr !important}
  .week-navigation{grid-template-columns:1fr !important}
  .week-navigation a,
  .week-navigation a:first-child,
  .week-navigation a:last-child{text-align:center !important}
  .week-summary-grid{grid-template-columns:1fr 1fr !important}
  .week-summary-card.main{grid-column:1/-1 !important}
  .week-filters{grid-template-columns:1fr !important}
  .week-filter-submit{grid-column:auto !important}
  .ideas-essential-grid,
  .ideas-period-grid{grid-template-columns:1fr !important}
  .ideas-channel-field{grid-column:auto !important}
  .ideas-generate-bar{align-items:stretch !important;flex-direction:column !important}
  .ideas-generate-bar .btn{width:100% !important}
}


/* ============================================================
   0.12.6 — correção estrutural dos cartões do Banco de Ideias
   ============================================================ */

/* A causa do problema era a grelha reservar sempre uma coluna
   para thumbnail, mesmo quando a ideia não tinha imagem. */
.idea-clean-card{
  width:100% !important;
  min-width:0 !important;
  align-items:start !important;
  padding:18px 20px !important;
}

.idea-clean-card.no-thumb{
  grid-template-columns:82px minmax(0,1fr) !important;
}

.idea-clean-card.has-thumb{
  grid-template-columns:82px minmax(0,1fr) 112px !important;
}

.idea-clean-body{
  min-width:0 !important;
  width:100% !important;
  max-width:none !important;
}

.idea-clean-head{
  width:100% !important;
}

.idea-clean-head h2{
  flex:1 1 520px !important;
  max-width:none !important;
  width:auto !important;
  margin:0 !important;
  font-size:1.16rem !important;
  line-height:1.32 !important;
}

.idea-clean-description{
  width:100% !important;
  max-width:none !important;
  font-size:.95rem !important;
  line-height:1.55 !important;
}

.idea-meta-grid{
  width:100% !important;
  grid-template-columns:repeat(auto-fit,minmax(155px,1fr)) !important;
  gap:8px !important;
}

.idea-meta-grid > div{
  min-width:0 !important;
}

.idea-meta-grid strong{
  overflow-wrap:anywhere !important;
}

.idea-clean-thumb{
  width:112px !important;
  align-self:start !important;
}

.idea-clean-thumb img{
  width:112px !important;
  height:112px !important;
  object-fit:cover !important;
  border-radius:14px !important;
  border:1px solid #dce5ee !important;
}

.idea-clean-date{
  width:82px !important;
  min-width:82px !important;
}

.clean-actions{
  width:100% !important;
  align-items:center !important;
}

.clean-actions .btn{
  white-space:normal !important;
}

/* Menos espaço vazio e leitura mais compacta */
.idea-list-clean{
  gap:12px !important;
}

.plan-detail-shell{
  max-width:1500px !important;
  margin:0 auto !important;
  width:100% !important;
}

@media(max-width:900px){
  .idea-clean-card.has-thumb,
  .idea-clean-card.no-thumb{
    grid-template-columns:72px minmax(0,1fr) !important;
  }

  .idea-clean-thumb{
    grid-column:2 !important;
    width:100% !important;
  }

  .idea-clean-thumb img{
    width:120px !important;
    height:120px !important;
  }

  .idea-clean-date{
    width:72px !important;
    min-width:72px !important;
  }
}

@media(max-width:650px){
  .idea-clean-card.has-thumb,
  .idea-clean-card.no-thumb{
    grid-template-columns:1fr !important;
  }

  .idea-clean-date{
    width:100% !important;
    min-width:0 !important;
    flex-direction:row !important;
    justify-content:space-between !important;
  }

  .idea-clean-thumb{
    grid-column:auto !important;
  }

  .idea-meta-grid{
    grid-template-columns:1fr 1fr !important;
  }
}


/* ============================================================
   0.12.7 — edição rápida de uma ideia do Banco
   ============================================================ */
.idea-edit-shell{
  display:grid !important;
  gap:16px !important;
  max-width:1180px !important;
  margin:0 auto !important;
  width:100% !important;
}
.idea-edit-kicker{
  display:block !important;
  margin:14px 0 4px !important;
  font-size:.76rem !important;
  font-weight:800 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  color:#60758a !important;
}
.idea-edit-card{
  padding:22px !important;
  border-radius:20px !important;
}
.idea-edit-intro{
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
  margin-bottom:18px !important;
  padding:14px 16px !important;
  border-radius:14px !important;
  background:#f2f7fb !important;
  border:1px solid #dce7f0 !important;
}
.idea-edit-intro strong{color:#173f66 !important}
.idea-edit-intro span{color:#667085 !important;font-size:.9rem !important}
.idea-edit-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:14px !important;
}
.idea-edit-grid > label{
  display:flex !important;
  flex-direction:column !important;
  gap:7px !important;
  font-weight:800 !important;
}
.idea-edit-grid > label.full{grid-column:1/-1 !important}
.idea-edit-grid small{font-weight:500 !important;color:#667085 !important;line-height:1.4 !important}
.idea-edit-channels{margin-top:2px !important}
.idea-edit-actions{
  display:flex !important;
  justify-content:flex-end !important;
  gap:10px !important;
  margin-top:20px !important;
  padding-top:16px !important;
  border-top:1px solid #e7edf3 !important;
}
@media(max-width:720px){
 .idea-edit-grid{grid-template-columns:1fr !important}
 .idea-edit-grid > label.full{grid-column:auto !important}
 .idea-edit-actions{display:grid !important;grid-template-columns:1fr 1fr !important}
 .idea-edit-actions .btn{text-align:center !important}
}


/* ============================================================
   0.12.8 — correção do bloco "Gerar banco de ideias"
   ============================================================ */
.ideas-generate-bar{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:24px !important;
  padding:20px 22px !important;
  min-height:96px !important;
  border-radius:18px !important;
  background:#173f66 !important;
  color:#fff !important;
}

.ideas-generate-bar > div{
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
  min-width:0 !important;
}

.ideas-generate-bar strong{
  display:block !important;
  font-size:1.05rem !important;
  line-height:1.2 !important;
  color:#fff !important;
}

.ideas-generate-bar span{
  display:block !important;
  max-width:620px !important;
  color:#dbe8f3 !important;
  font-size:.88rem !important;
  line-height:1.45 !important;
}

.ideas-generate-bar .btn{
  width:auto !important;
  min-width:220px !important;
  max-width:320px !important;
  padding:12px 20px !important;
  border-radius:12px !important;
  background:#fff !important;
  color:#173f66 !important;
  border:1px solid #fff !important;
  text-align:center !important;
  white-space:nowrap !important;
  justify-self:end !important;
}

.ideas-generate-bar .btn:hover{
  background:#f3f7fa !important;
}

@media(max-width:760px){
  .ideas-generate-bar{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .ideas-generate-bar .btn{
    width:100% !important;
    max-width:none !important;
    justify-self:stretch !important;
  }
}