/* Reshape90: quiet surfaces, clear actions and readable client information. */
:root {
  --r90-accent: #d82d6b;
  --r90-focus: #c72260;
}
html { touch-action: manipulation; }
body { font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid var(--r90-focus);
  outline-offset: 3px;
}
.r90-workspace { --r90-text-muted: #57534e; font-size: 1rem; }
[data-theme='dark'] .r90-workspace { --r90-text-muted: #a8a29e; }
.r90-workspace-header > div { padding-top: 22px; padding-bottom: 16px; }
.r90-workspace-header h1 { font-size: 1.5rem; line-height: 1.2; letter-spacing: -.025em; }
.r90-workspace-header > div > div:first-child > div:first-child > img { height: 46px; filter: none !important; }
/* Preserve the original grouped navigation design and brand-pink active tab. */
.r90-workspace-header .nav-scroll {
  width: 100%;
  max-width: 100%;
  justify-content: flex-start;
  margin-top: 20px;
  border-radius: 12px;
  padding: 4px;
  gap: 4px;
}
.r90-workspace-header .nav-scroll > button,
.r90-workspace-header .nav-scroll > a {
  min-height: 40px;
  padding: 8px 12px;
  font-size: .75rem;
  border-radius: 8px;
}
.r90-workspace-header .nav-scroll > :focus-visible { outline-offset: -3px; }
.r90-workspace-header button[aria-label='Adaugă client'] { background: #d82d6b !important; min-height: 44px; box-shadow: none; }
.r90-workspace-main { padding-top: 24px; padding-bottom: 24px; }
.r90-workspace-main .text-xs { font-size: .8125rem; line-height: 1.45; }
.r90-workspace-main .text-\[10px\] { font-size: .75rem; }
.r90-client-stats { gap: 12px; margin-bottom: 20px; }
.r90-client-stats > div { min-height: 94px; border-radius: 12px; box-shadow: none; }
.r90-client-stats .uppercase { text-transform: none; letter-spacing: 0; font-size: .875rem; }
.r90-client-stats .text-2xl { font-size: 1.75rem; font-variant-numeric: tabular-nums; }
.r90-client-toolbar { flex-wrap: wrap; gap: 12px; margin-bottom: 20px; }
.r90-client-toolbar .r90-client-filter-scroll { flex: 1 1 540px; width: auto; border-radius: 10px; }
.r90-client-toolbar > div:last-child { flex: 0 1 300px; width: 300px; }
.r90-client-filter-scroll button { min-height: 40px; font-size: .875rem; border-radius: 7px; }
.r90-client-filter-scroll button[aria-pressed='true'] { background: #d82d6b !important; }
.r90-client-toolbar input { min-height: 48px; font-size: .875rem; border-radius: 10px; }
.r90-client-card { padding: 20px; border-radius: 13px; border-left-width: 3px !important; box-shadow: none !important; }
.r90-client-card:hover { box-shadow: 0 4px 16px #1c19170b !important; }
.r90-client-card h3 { font-size: 1.0625rem; line-height: 1.4; }
.r90-client-card .text-xs { font-size: .8125rem; }
.r90-client-card .grid-cols-3 { gap: 10px; }
.r90-client-card .grid-cols-3 > div:last-child { min-width: 92px; }
.r90-client-card .grid-cols-3 .text-sm { font-size: .8125rem; white-space: nowrap; }
.r90-client-card > button:last-of-type:not(:first-child) { min-height: 42px; }
.r90-save-error { margin: 0 24px 16px; padding: 12px; border-radius: 8px; background: #fef2f2; color: #991b1b; font-size: .875rem; }
.r90-client-modal { max-width: 560px; max-height: calc(100dvh - 40px); border: 1px solid #78716c33; }
.r90-client-modal > div:first-child { padding-top: 20px; padding-bottom: 20px; }
.r90-client-modal > div:last-child { position: sticky; bottom: 0; z-index: 1; border-top: 1px solid #78716c22; }
.r90-client-modal label { text-transform: none; letter-spacing: 0; font-size: .875rem; }
.r90-client-modal input, .r90-client-modal select { min-height: 44px; }
.r90-client-modal input[type='checkbox'] { min-height: 0; }
.r90-client-modal button[aria-label='Închide'] { min-width: 40px; min-height: 40px; display: grid; place-items: center; }
.r90-program-modal, .r90-program-row { border-radius: 12px; }
.r90-program-field > span, .r90-program-metrics span { font-size: .875rem; }
.r90-program-actions button { min-height: 40px; }
.r90-program-primary, .r90-program-modal-actions .is-primary { background: #d82d6b; border-color: #d82d6b; }
.r90-workspace footer { padding: 20px; opacity: .8; }
@media (max-width: 767px) {
  .r90-workspace-header > div { padding: 16px 16px 12px; }
  .r90-workspace-header h1 { font-size: 1.125rem; white-space: normal; }
  .r90-workspace-header > div > div:first-child { align-items: center; gap: 10px; }
  .r90-workspace-header > div > div:first-child > div:first-child { gap: 8px; }
  .r90-workspace-header > div > div:first-child > div:first-child > img { height: 34px; }
  .r90-workspace-header > div > div:first-child > div:first-child > div { padding-left: 9px; }
  .r90-workspace-header .nav-scroll { margin-top: 16px; }
  .r90-workspace-header .nav-scroll > button, .r90-workspace-header .nav-scroll > a { min-height: 44px; padding-inline: 12px; }
  .r90-workspace-main { padding: 20px 16px; }
  .r90-client-stats > div { min-height: 88px; padding: 12px; gap: 10px; }
  .r90-client-stats > div > div:first-child { width: 32px; height: 32px; }
  .r90-client-stats .uppercase { font-size: .8125rem; }
  .r90-client-toolbar { gap: 10px; }
  .r90-client-toolbar .r90-client-filter-scroll { flex: none; width: 100%; }
  .r90-client-toolbar > div:last-child { flex: none; width: 100%; order: -1; }
  .r90-client-card { padding: 18px 16px; }
  .r90-client-modal-backdrop { padding: 12px; align-items: center; }
  .r90-client-modal { max-height: calc(100dvh - 24px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)); }
  .r90-client-modal > div { padding-left: 18px; padding-right: 18px; }
  .r90-client-modal > div:last-child { padding-bottom: max(16px, env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}
