.pac-page { --pac: #dc2626; --pac-dark: #7f1d1d; --pac-soft: #fff1f2; --pac-line: #fecaca; }
.pac-page [hidden] { display: none !important; }
.pac-sidebar { background: linear-gradient(180deg, #2b0b0d, #5f1118) !important; }
.pac-sidebar .dashboard-logo .logo-symbol { background: #dc2626 !important; }
.pac-sidebar .side-navigation a.is-active { color: #7f1d1d !important; background: #fff1f2 !important; }
.pac-main { max-width: 1800px; }
.pac-topbar { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 18px; padding: 28px 32px; border-radius: 20px; color: #fff; background: linear-gradient(130deg, #7f1d1d, #dc2626 54%, #991b1b); box-shadow: 0 18px 38px rgba(153,27,27,.2); }
.pac-topbar h1 { margin: 4px 0 8px; color: #fff !important; font-size: clamp(38px, 5vw, 64px); line-height: .9; }
.pac-topbar p { max-width: 760px; margin: 0; color: #fee2e2; font-size: 16px; line-height: 1.55; }
.pac-topbar .dashboard-kicker { color: #fecaca; font-size: 11px; font-weight: 900; letter-spacing: .15em; }
.pac-topbar-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.pac-topbar-actions .secondary-button { color: #fff; border-color: rgba(255,255,255,.4); background: rgba(255,255,255,.1); text-decoration: none; }
.pac-primary-button { min-height: 44px; padding: 0 17px; border: 1px solid #fff; border-radius: 10px; color: #991b1b; background: #fff; font: inherit; font-weight: 900; cursor: pointer; }
.pac-kanban { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 22px 0; }
.pac-kanban > button { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 5px 16px; min-height: 220px; align-content: center; padding: 24px; border: 1px solid var(--pac-line); border-radius: 18px; color: #450a0a; background: linear-gradient(145deg, #fff, var(--pac-soft)); text-align: left; font: inherit; cursor: pointer; }
.pac-kanban > button:hover { border-color: var(--pac); transform: translateY(-3px); box-shadow: 0 16px 30px rgba(153,27,27,.12); }
.pac-kanban-icon { grid-row: span 4; display: grid; width: 54px; height: 54px; place-items: center; border-radius: 14px; color: #fff; background: var(--pac); font-size: 21px; font-weight: 950; }
.pac-kanban > button[data-color="green"] { border-color: #86efac; color: #14532d; background: linear-gradient(145deg, #fff, #f0fdf4); }
.pac-kanban > button[data-color="green"] .pac-kanban-icon { background: #16a34a; }
.pac-kanban > button[data-color="green"] small, .pac-kanban > button[data-color="green"] i, .pac-kanban > button[data-color="green"] p { color: #166534; }
.pac-kanban > button[data-color="purple"] { border-color: #d8b4fe; color: #581c87; background: linear-gradient(145deg, #fff, #faf5ff); }
.pac-kanban > button[data-color="purple"] .pac-kanban-icon { background: #9333ea; }
.pac-kanban > button[data-color="purple"] small, .pac-kanban > button[data-color="purple"] i, .pac-kanban > button[data-color="purple"] p { color: #6b21a8; }
.pac-kanban > button[data-color="red"] { border-color: #fca5a5; color: #7f1d1d; background: linear-gradient(145deg, #fff, #fef2f2); }
.pac-kanban > button[data-color="red"] .pac-kanban-icon { background: #dc2626; }
.pac-kanban small { color: #b91c1c; font-size: 10px; font-weight: 950; letter-spacing: .1em; }
.pac-kanban strong { font-size: 22px; line-height: 1.15; }
.pac-kanban p { margin: 4px 0; color: #7f1d1d; font-size: 14px; line-height: 1.5; }
.pac-kanban i { color: #b91c1c; font-size: 13px; font-style: normal; font-weight: 900; }
.pac-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 22px; }
.pac-kpis button { display: grid; grid-template-columns: 1fr auto; gap: 4px 10px; padding: 18px; border: 1px solid #e2e8f0; border-radius: 14px; color: #334155; background: #fff; text-align: left; font: inherit; cursor: pointer; }
.pac-kpis button:hover { border-color: var(--pac); }
.pac-kpis span { color: #b91c1c; font-size: 12px; font-weight: 850; text-transform: uppercase; }
.pac-kpis strong { grid-row: span 2; font-size: 32px; color: #7f1d1d; }
.pac-kpis small { color: #64748b; font-size: 12px; }
.pac-planning { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 18px; margin-bottom: 22px; }
.pac-calendar-panel, .pac-agenda, .pac-upcoming, .pac-offers-panel { border: 1px solid #e2e8f0; border-radius: 18px; background: #fff; box-shadow: 0 10px 28px rgba(15,23,42,.06); }
.pac-calendar-panel { padding: 22px; min-width: 0; }
.pac-calendar-heading, .pac-upcoming > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.pac-calendar-heading h2, .pac-upcoming h2 { margin: 4px 0 0; color: #0f172a; font-size: 24px; }
.pac-calendar-heading > div:last-child { display: flex; gap: 7px; }
.pac-calendar-heading button { min-height: 38px; padding: 0 12px; border: 1px solid #cbd5e1; border-radius: 9px; color: #334155; background: #fff; font: inherit; font-weight: 800; cursor: pointer; }
.pac-calendar-month { margin: 22px 0 14px; color: #7f1d1d; font-size: 18px; font-weight: 900; text-transform: capitalize; }
.pac-calendar { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; }
.pac-calendar-weekday { padding: 9px; color: #64748b; background: #f8fafc; border-bottom: 1px solid #e2e8f0; text-align: center; font-size: 11px; font-weight: 900; text-transform: uppercase; }
.pac-calendar-day { min-width: 0; min-height: 116px; padding: 7px; border-right: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; background: #fff; }
.pac-calendar-day:nth-child(7n) { border-right: 0; }
.pac-calendar-day.is-outside { background: #f8fafc; opacity: .58; }
.pac-calendar-day.is-selected { box-shadow: inset 0 0 0 2px var(--pac); }
.pac-calendar-date { display: grid; width: 29px; height: 29px; place-items: center; border: 0; border-radius: 50%; color: #334155; background: transparent; font: inherit; font-size: 12px; font-weight: 850; cursor: pointer; }
.pac-calendar-day.is-today .pac-calendar-date { color: #fff; background: var(--pac); }
.pac-calendar-offers { display: grid; gap: 4px; margin-top: 4px; }
.pac-offer-chip { min-width: 0; overflow: hidden; padding: 5px 7px; border: 0; border-radius: 6px; color: #7f1d1d; background: #ffe4e6; text-align: left; text-overflow: ellipsis; white-space: nowrap; font: inherit; font-size: 10px; font-weight: 800; cursor: pointer; }
.pac-offer-chip[data-state="draft"] { color: #475569; background: #e2e8f0; }
.pac-offer-chip[data-state="scheduled"] { color: #9a3412; background: #ffedd5; }
.pac-offer-chip[data-color="green"] { color: #14532d; background: #dcfce7; box-shadow: inset 3px 0 #16a34a; }
.pac-offer-chip[data-color="purple"] { color: #581c87; background: #f3e8ff; box-shadow: inset 3px 0 #9333ea; }
.pac-offer-chip[data-color="red"] { color: #7f1d1d; background: #fee2e2; box-shadow: inset 3px 0 #dc2626; }
.pac-calendar-more { color: #64748b; font-size: 9px; padding-left: 4px; }
.pac-agenda { align-self: start; overflow: hidden; }
.pac-agenda > header { padding: 20px; color: #fff; background: linear-gradient(135deg, #991b1b, #dc2626); }
.pac-agenda > header span { color: #fecaca; font-size: 9px; font-weight: 900; letter-spacing: .12em; }
.pac-agenda h2 { margin: 5px 0 0; color: #fff !important; font-size: 21px; text-transform: capitalize; }
#pacDayOffers { display: grid; gap: 0; }
.pac-agenda-offer { display: grid; grid-template-columns: 1fr auto; gap: 7px 12px; padding: 18px; border-bottom: 1px solid #e2e8f0; }
.pac-agenda-offer[data-color="green"] { box-shadow: inset 5px 0 #16a34a; }
.pac-agenda-offer[data-color="purple"] { box-shadow: inset 5px 0 #9333ea; }
.pac-agenda-offer[data-color="red"] { box-shadow: inset 5px 0 #dc2626; }
.pac-agenda-offer > span { justify-self: start; padding: 4px 8px; border-radius: 999px; color: #7f1d1d; background: #ffe4e6; font-size: 10px; font-weight: 850; }
.pac-agenda-offer h3, .pac-agenda-offer p { grid-column: 1 / -1; margin: 0; }
.pac-agenda-offer h3 { color: #0f172a; font-size: 15px; }
.pac-agenda-offer p { color: #64748b; font-size: 12px; line-height: 1.45; }
.pac-agenda-offer strong { align-self: center; color: #7f1d1d; }
.pac-agenda-empty { padding: 28px 18px; text-align: center; color: #64748b; }
.pac-agenda-empty p { font-size: 13px; line-height: 1.5; }
.pac-agenda-empty .pac-primary-button { color: #fff; background: var(--pac); border-color: var(--pac); }
.pac-upcoming { padding: 22px; margin-bottom: 22px; }
.pac-upcoming > header { margin-bottom: 15px; }
#pacUpcomingList { display: grid; }
.pac-upcoming-row { display: grid; grid-template-columns: 76px minmax(0, 1fr) auto auto; align-items: center; gap: 14px; padding: 14px 0; border-top: 1px solid #e2e8f0; }
.pac-upcoming-row time { display: grid; place-items: center; min-height: 52px; padding: 5px; border-radius: 10px; color: #fff; background: var(--pac); font-size: 12px; font-weight: 900; text-transform: uppercase; }
.pac-upcoming-row time[data-color="green"] { background: #16a34a; }
.pac-upcoming-row time[data-color="purple"] { background: #9333ea; }
.pac-upcoming-row time[data-color="red"] { background: #dc2626; }
.pac-upcoming-row div { display: grid; gap: 4px; min-width: 0; }
.pac-upcoming-row div strong { color: #0f172a; }
.pac-upcoming-row div small { overflow: hidden; color: #64748b; text-overflow: ellipsis; white-space: nowrap; }
.pac-upcoming-row > span { padding: 5px 9px; border-radius: 999px; color: #7f1d1d; background: #ffe4e6; font-size: 11px; font-weight: 850; }
.pac-upcoming-row > span[data-state="draft"] { color: #475569; background: #e2e8f0; }
.pac-empty-line { color: #64748b; text-align: center; padding: 20px; }
.pac-offers-panel { padding: 24px; }
.pac-offers-panel .product-offer-shortcuts button { border-color: var(--pac-line); color: #7f1d1d; background: var(--pac-soft); }
.pac-offers-panel .product-offer-shortcuts button:hover { border-color: var(--pac); background: #ffe4e6; }
.pac-offers-panel .product-offer-card-price, .pac-offers-panel .product-offer-preview { color: #7f1d1d; }
.pac-page .product-offer-preview { color: #7f1d1d; background: var(--pac-soft); }
.pac-page .product-editor-heading { background: linear-gradient(125deg, #450a0a, #991b1b 58%, #dc2626); }
.pac-page .product-editor-heading::after { background: #fca5a5; }
.pac-page .product-editor-heading .critical-kicker { color: #fecaca; }
.pac-page .dashboard-refresh { border-color: var(--pac); background: var(--pac); }
.pac-page button:focus-visible, .pac-page a:focus-visible, .pac-page input:focus-visible, .pac-page select:focus-visible { outline: 3px solid #f87171; outline-offset: 3px; }
@media (max-width: 1150px) {
  .pac-kanban { grid-template-columns: 1fr; }
  .pac-kanban > button { min-height: 0; }
  .pac-planning { grid-template-columns: 1fr; }
  .pac-agenda { display: grid; grid-template-columns: 260px minmax(0, 1fr); }
}
@media (max-width: 800px) {
  .pac-topbar { align-items: flex-start; flex-direction: column; padding: 22px; }
  .pac-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pac-calendar-panel { padding: 14px; overflow-x: auto; }
  .pac-calendar { min-width: 760px; }
  .pac-agenda { display: block; }
  .pac-upcoming-row { grid-template-columns: 58px minmax(0, 1fr) auto; }
  .pac-upcoming-row > span { display: none; }
}
@media (max-width: 520px) {
  .pac-kpis { grid-template-columns: 1fr; }
  .pac-topbar-actions, .pac-topbar-actions > * { width: 100%; }
  .pac-upcoming-row { grid-template-columns: 52px minmax(0, 1fr); }
  .pac-upcoming-row button { grid-column: 1 / -1; }
}