@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";

/* src/styles.scss */
:root {
  --primary-color: #4FC3F7;
  --primary-dark: #0A3D91;
  --primary-light: #81D4FA;
  --accent-color: #4FC3F7;
  --bg-primary: #F4F6F8;
  --bg-secondary: #FFFFFF;
  --bg-tertiary: #F8F9FA;
  --bg-card: #FFFFFF;
  --bg-overlay: rgba(0, 0, 0, 0.5);
  --text-primary: #1A202C;
  --text-secondary: #4A5568;
  --text-tertiary: #718096;
  --text-on-primary: #FFFFFF;
  --text-disabled: #A0AEC0;
  --border-color: #E2E8F0;
  --border-hover: #CBD5E0;
  --divider-color: #E2E8F0;
  --gradient-primary:
    linear-gradient(
      135deg,
      #0A3D91,
      #4FC3F7);
  --gradient-secondary:
    linear-gradient(
      135deg,
      #4FC3F7,
      #81D4FA);
  --gradient-hover:
    linear-gradient(
      135deg,
      #083478,
      #3DAED8);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 20px rgba(10, 61, 145, 0.15);
  --shadow-lg: 0 8px 32px rgba(10, 61, 145, 0.25);
  --shadow-xl: 0 16px 64px rgba(10, 61, 145, 0.25);
  --success-color: #43A047;
  --success-light: #66BB6A;
  --error-color: #E53935;
  --error-light: #EF5350;
  --warning-color: #FB8C00;
  --warning-light: #FFA726;
  --info-color: #039BE5;
  --info-light: #29B6F6;
  --hover-overlay: rgba(79, 195, 247, 0.08);
  --active-overlay: rgba(79, 195, 247, 0.16);
  --disabled-bg: #E0E0E0;
  --disabled-text: #9E9E9E;
  --card-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  --card-hover-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  --header-bg: var(--gradient-primary);
  --header-text: #FFFFFF;
  --font-family: "Poppins", sans-serif;
  --transition-fast: 0.15s ease;
  --transition-normal: 0.2s ease;
  --transition-slow: 0.3s ease;
}
body.env-green {
  --header-bg:
    linear-gradient(
      135deg,
      #1B5E20,
      #4CAF50) !important;
  --gradient-primary:
    linear-gradient(
      135deg,
      #1B5E20,
      #4CAF50) !important;
  --gradient-secondary:
    linear-gradient(
      135deg,
      #4CAF50,
      #81C784) !important;
  --gradient-hover:
    linear-gradient(
      135deg,
      #145318,
      #43A047) !important;
}
body.env-red {
  --header-bg:
    linear-gradient(
      135deg,
      #B71C1C,
      #EF5350) !important;
  --gradient-primary:
    linear-gradient(
      135deg,
      #B71C1C,
      #EF5350) !important;
  --gradient-secondary:
    linear-gradient(
      135deg,
      #EF5350,
      #E57373) !important;
  --gradient-hover:
    linear-gradient(
      135deg,
      #8B0000,
      #E53935) !important;
}
body.env-blue {
}
mat-card,
.mat-mdc-card {
  background-color: var(--bg-card) !important;
  color: var(--text-primary) !important;
  box-shadow: var(--card-shadow) !important;
  transition: box-shadow var(--transition-normal) !important;
}
mat-card:hover,
.mat-mdc-card:hover {
  box-shadow: var(--card-hover-shadow) !important;
}
mat-card mat-card-title,
mat-card .mat-mdc-card-title,
.mat-mdc-card mat-card-title,
.mat-mdc-card .mat-mdc-card-title {
  color: var(--text-primary) !important;
}
mat-card mat-card-subtitle,
mat-card .mat-mdc-card-subtitle,
.mat-mdc-card mat-card-subtitle,
.mat-mdc-card .mat-mdc-card-subtitle {
  color: var(--text-secondary) !important;
}
mat-card mat-card-content,
mat-card .mat-mdc-card-content,
.mat-mdc-card mat-card-content,
.mat-mdc-card .mat-mdc-card-content {
  color: var(--text-primary) !important;
}
.mat-mdc-form-field .mat-mdc-text-field-wrapper,
.mat-mdc-form-field .mat-form-field-wrapper,
.mat-form-field .mat-mdc-text-field-wrapper,
.mat-form-field .mat-form-field-wrapper {
  background-color: var(--bg-tertiary) !important;
}
.mat-mdc-form-field .mat-mdc-input-element,
.mat-mdc-form-field .mat-input-element,
.mat-form-field .mat-mdc-input-element,
.mat-form-field .mat-input-element {
  color: var(--text-primary) !important;
}
.mat-mdc-form-field .mat-mdc-form-field-label,
.mat-mdc-form-field .mat-form-field-label,
.mat-form-field .mat-mdc-form-field-label,
.mat-form-field .mat-form-field-label {
  color: var(--text-secondary) !important;
}
.mat-mdc-form-field .mat-mdc-form-field-hint,
.mat-mdc-form-field .mat-hint,
.mat-form-field .mat-mdc-form-field-hint,
.mat-form-field .mat-hint {
  color: var(--text-tertiary) !important;
}
.mat-mdc-dialog-container,
.mat-dialog-container {
  background-color: var(--bg-card) !important;
  color: var(--text-primary) !important;
}
.mat-mdc-dialog-container .mat-mdc-dialog-title,
.mat-mdc-dialog-container .mat-dialog-title,
.mat-dialog-container .mat-mdc-dialog-title,
.mat-dialog-container .mat-dialog-title {
  color: var(--text-primary) !important;
}
.mat-mdc-dialog-container .mat-mdc-dialog-content,
.mat-mdc-dialog-container .mat-dialog-content,
.mat-dialog-container .mat-mdc-dialog-content,
.mat-dialog-container .mat-dialog-content {
  color: var(--text-primary) !important;
}
.mat-mdc-select,
.mat-select {
  color: var(--text-primary) !important;
}
.mat-mdc-select .mat-mdc-select-value,
.mat-mdc-select .mat-select-value,
.mat-select .mat-mdc-select-value,
.mat-select .mat-select-value {
  color: var(--text-primary) !important;
}
.mat-mdc-select .mat-mdc-select-arrow,
.mat-mdc-select .mat-select-arrow,
.mat-select .mat-mdc-select-arrow,
.mat-select .mat-select-arrow {
  color: var(--text-secondary) !important;
}
.mat-mdc-select-panel,
.mat-select-panel {
  background-color: var(--bg-card) !important;
}
.mat-mdc-select-panel .mat-mdc-option,
.mat-mdc-select-panel .mat-option,
.mat-select-panel .mat-mdc-option,
.mat-select-panel .mat-option {
  color: var(--text-primary) !important;
}
.mat-mdc-select-panel .mat-mdc-option:hover,
.mat-mdc-select-panel .mat-option:hover,
.mat-select-panel .mat-mdc-option:hover,
.mat-select-panel .mat-option:hover {
  background-color: var(--hover-overlay) !important;
}
.mat-mdc-select-panel .mat-mdc-option.mat-selected,
.mat-mdc-select-panel .mat-option.mat-selected,
.mat-select-panel .mat-mdc-option.mat-selected,
.mat-select-panel .mat-option.mat-selected {
  background-color: var(--active-overlay) !important;
}
.mat-mdc-chip,
.mat-chip {
  background-color: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
}
.mat-mdc-chip.mat-primary,
.mat-chip.mat-primary {
  background-color: var(--primary-color) !important;
  color: var(--text-on-primary) !important;
}
.mat-mdc-list,
.mat-list {
  background-color: var(--bg-secondary) !important;
}
.mat-mdc-list .mat-mdc-list-item,
.mat-mdc-list .mat-list-item,
.mat-list .mat-mdc-list-item,
.mat-list .mat-list-item {
  color: var(--text-primary) !important;
}
.mat-mdc-list .mat-mdc-list-item:hover,
.mat-mdc-list .mat-list-item:hover,
.mat-list .mat-mdc-list-item:hover,
.mat-list .mat-list-item:hover {
  background-color: var(--hover-overlay) !important;
}
.mat-mdc-menu-panel,
.mat-menu-panel {
  background-color: var(--bg-card) !important;
  box-shadow: var(--shadow-lg) !important;
}
.mat-mdc-menu-panel .mat-mdc-menu-item,
.mat-mdc-menu-panel .mat-menu-item,
.mat-menu-panel .mat-mdc-menu-item,
.mat-menu-panel .mat-menu-item {
  color: var(--text-primary) !important;
}
.mat-mdc-menu-panel .mat-mdc-menu-item:hover,
.mat-mdc-menu-panel .mat-menu-item:hover,
.mat-menu-panel .mat-mdc-menu-item:hover,
.mat-menu-panel .mat-menu-item:hover {
  background-color: var(--hover-overlay) !important;
}
.mat-mdc-menu-panel .mat-mdc-menu-item .mat-icon,
.mat-mdc-menu-panel .mat-menu-item .mat-icon,
.mat-menu-panel .mat-mdc-menu-item .mat-icon,
.mat-menu-panel .mat-menu-item .mat-icon {
  color: var(--text-secondary) !important;
}
.mat-mdc-tab-group .mat-mdc-tab-header,
.mat-mdc-tab-group .mat-tab-header,
.mat-tab-group .mat-mdc-tab-header,
.mat-tab-group .mat-tab-header {
  background-color: var(--bg-secondary) !important;
  border-bottom: 1px solid var(--border-color) !important;
}
.mat-mdc-tab-group .mat-mdc-tab-label,
.mat-mdc-tab-group .mat-tab-label,
.mat-tab-group .mat-mdc-tab-label,
.mat-tab-group .mat-tab-label {
  color: var(--text-secondary) !important;
}
.mat-mdc-tab-group .mat-mdc-tab-label.mat-mdc-tab-label-active,
.mat-mdc-tab-group .mat-mdc-tab-label.mat-tab-label-active,
.mat-mdc-tab-group .mat-tab-label.mat-mdc-tab-label-active,
.mat-mdc-tab-group .mat-tab-label.mat-tab-label-active,
.mat-tab-group .mat-mdc-tab-label.mat-mdc-tab-label-active,
.mat-tab-group .mat-mdc-tab-label.mat-tab-label-active,
.mat-tab-group .mat-tab-label.mat-mdc-tab-label-active,
.mat-tab-group .mat-tab-label.mat-tab-label-active {
  color: var(--primary-color) !important;
}
.mat-mdc-tab-group .mat-mdc-tab-body-content,
.mat-mdc-tab-group .mat-tab-body-content,
.mat-tab-group .mat-mdc-tab-body-content,
.mat-tab-group .mat-tab-body-content {
  background-color: var(--bg-secondary) !important;
}
.mat-mdc-progress-spinner circle,
.mat-progress-spinner circle {
  stroke: var(--primary-color) !important;
}
.mat-mdc-progress-bar .mat-mdc-progress-bar-fill,
.mat-mdc-progress-bar .mat-progress-bar-fill,
.mat-progress-bar .mat-mdc-progress-bar-fill,
.mat-progress-bar .mat-progress-bar-fill {
  background-color: var(--primary-color) !important;
}
.mat-mdc-progress-bar .mat-mdc-progress-bar-buffer,
.mat-mdc-progress-bar .mat-progress-bar-buffer,
.mat-progress-bar .mat-mdc-progress-bar-buffer,
.mat-progress-bar .mat-progress-bar-buffer {
  background-color: var(--bg-tertiary) !important;
}
.mat-mdc-tooltip,
.mat-tooltip {
  background-color: var(--text-primary) !important;
  color: var(--bg-primary) !important;
}
.mat-divider,
hr {
  border-color: var(--divider-color) !important;
}
.content-card {
  background: var(--bg-card);
  border-radius: 16px;
  padding: 24px;
  box-shadow: var(--card-shadow);
  transition: box-shadow var(--transition-normal);
}
.content-card:hover {
  box-shadow: var(--card-hover-shadow);
}
.content-card h1,
.content-card h2,
.content-card h3,
.content-card h4,
.content-card h5,
.content-card h6 {
  color: var(--text-primary);
}
.content-card p {
  color: var(--text-secondary);
}
.list-container {
  background: var(--bg-secondary);
  border-radius: 12px;
  border: 1px solid var(--border-color);
  overflow: hidden;
}
.badge {
  background: var(--primary-color);
  color: var(--text-on-primary);
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
}
.badge.secondary {
  background: var(--bg-tertiary);
  color: var(--text-primary);
}
.badge.success {
  background: var(--success-color);
  color: white;
}
.badge.error {
  background: var(--error-color);
  color: white;
}
.badge.warning {
  background: var(--warning-color);
  color: white;
}
.section-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 0;
  border-bottom: 2px solid var(--border-color);
  margin-bottom: 20px;
}
.section-header h2 {
  color: var(--text-primary);
  margin: 0;
}
.section-header .mat-icon {
  color: var(--primary-color);
}
.empty-state {
  text-align: center;
  padding: 60px 20px;
  color: var(--text-tertiary);
}
.empty-state .mat-icon {
  font-size: 64px;
  width: 64px;
  height: 64px;
  color: var(--text-disabled);
  margin-bottom: 16px;
}
.empty-state h3 {
  color: var(--text-secondary);
  margin: 16px 0 8px;
}
.empty-state p {
  color: var(--text-tertiary);
}
:root {
  --vh: 1vh;
}
.safe-area {
  padding-top: constant(safe-area-inset-top);
  padding-bottom: constant(safe-area-inset-bottom);
  padding-left: constant(safe-area-inset-left);
  padding-right: constant(safe-area-inset-right);
  padding-top: env(safe-area-inset-top, 0px);
  padding-bottom: env(safe-area-inset-bottom, 0px);
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
}
.full-height {
  height: calc(var(--vh, 1vh) * 100) !important;
  min-height: calc(var(--vh, 1vh) * 100) !important;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: var(--font-family);
}
body {
  font-family: var(--font-family);
  margin: 0;
  padding: 0;
  background-color: var(--bg-primary);
  color: var(--text-primary);
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
input,
textarea,
select,
button {
  font-size: 16px !important;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
input:focus,
textarea:focus,
select:focus {
  font-size: 16px !important;
}
input::placeholder,
textarea::placeholder {
  font-size: 16px !important;
}
@supports (-webkit-touch-callout: none) {
  html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }
  body {
    overflow-x: hidden;
    position: relative;
    width: 100%;
  }
  input:not(:focus),
  textarea:not(:focus),
  select:not(:focus) {
    transform: scale(1);
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.theme-green,
.theme-blue {
  --primary-color: #4FC3F7;
  --primary-dark: #0A3D91;
  --primary-light: #81D4FA;
}
.mat-mdc-raised-button.mat-primary,
.mat-mdc-button.mat-primary,
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mdc-protected-button-container-color: var(--primary-color) !important;
  --mdc-protected-button-label-text-color: var(--text-on-primary) !important;
  background: var(--gradient-primary) !important;
}
mat-toolbar[color=primary],
.mat-toolbar.mat-primary,
.mat-mdc-toolbar.mat-primary {
  background: var(--header-bg) !important;
  color: var(--header-text) !important;
}
.header,
mat-toolbar.header {
  background: var(--header-bg) !important;
  color: var(--header-text) !important;
}
.mat-mdc-progress-spinner circle {
  stroke: #4FC3F7 !important;
}
html,
body {
  height: auto !important;
  min-height: var(--app-height, 100vh);
  overflow-y: visible;
  overflow-x: hidden;
  position: relative;
}
app-root {
  display: block;
  box-sizing: border-box;
  min-height: calc(var(--vh, 1vh) * 100);
  height: calc(var(--vh, 1vh) * 100) !important;
  padding-top: constant(safe-area-inset-top);
  padding-bottom: constant(safe-area-inset-bottom);
  padding-left: constant(safe-area-inset-left);
  padding-right: constant(safe-area-inset-right);
  padding-top: env(safe-area-inset-top, 0px);
  padding-bottom: env(safe-area-inset-bottom, 0px);
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
}
.multi-line-snackbar,
.multi-line-snackbar .mat-simple-snackbar,
.multi-line-snackbar .mat-simple-snackbar-message,
.mat-snack-bar-container.multi-line-snackbar .mat-simple-snackbar-message {
  white-space: pre-wrap !important;
  white-space: pre-line !important;
  word-break: break-word !important;
  text-align: left !important;
  display: block !important;
  max-width: 800px;
}
@media (min-width: 1200px) {
  .mat-snack-bar-container.multi-line-snackbar {
    max-width: 900px !important;
  }
}
.lega-card.small mat-card-actions {
  display: flex !important;
  gap: 8px !important;
  justify-content: flex-start !important;
  align-items: left !important;
}
.lega-card.small mat-card-actions button {
  margin: 0 !important;
}
button[mat-raised-button][color=primary],
button[mat-raised-button].mat-primary,
.mat-mdc-raised-button.mat-primary {
  background: var(--gradient-primary) !important;
  color: var(--text-on-primary) !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 12px 24px !important;
  font-weight: 700 !important;
  font-family: var(--font-family) !important;
  font-size: 0.95rem !important;
  box-shadow: var(--shadow-md) !important;
  transition: all var(--transition-normal) !important;
  text-transform: none !important;
  letter-spacing: 0.3px !important;
  min-height: 44px !important;
}
button[mat-raised-button][color=primary]:hover:not(:disabled),
button[mat-raised-button].mat-primary:hover:not(:disabled),
.mat-mdc-raised-button.mat-primary:hover:not(:disabled) {
  transform: translateY(-2px) !important;
  box-shadow: var(--shadow-lg) !important;
  background: var(--gradient-hover) !important;
}
button[mat-raised-button][color=primary]:disabled,
button[mat-raised-button].mat-primary:disabled,
.mat-mdc-raised-button.mat-primary:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  background: var(--disabled-bg) !important;
  color: var(--disabled-text) !important;
}
button[mat-raised-button][color=primary] mat-icon,
button[mat-raised-button].mat-primary mat-icon,
.mat-mdc-raised-button.mat-primary mat-icon {
  color: var(--text-on-primary) !important;
}
button[mat-button],
button[mat-stroked-button],
.mat-mdc-button,
.mat-mdc-outlined-button {
  background: var(--bg-secondary) !important;
  color: var(--primary-dark) !important;
  border: 2px solid var(--border-color) !important;
  border-radius: 12px !important;
  padding: 10px 24px !important;
  font-weight: 600 !important;
  font-family: var(--font-family) !important;
  font-size: 0.95rem !important;
  transition: all var(--transition-normal) !important;
  text-transform: none !important;
  letter-spacing: 0.3px !important;
  min-height: 44px !important;
}
button[mat-button]:hover:not(:disabled),
button[mat-stroked-button]:hover:not(:disabled),
.mat-mdc-button:hover:not(:disabled),
.mat-mdc-outlined-button:hover:not(:disabled) {
  background: var(--bg-tertiary) !important;
  border-color: var(--primary-color) !important;
  color: var(--primary-dark) !important;
}
button[mat-button]:disabled,
button[mat-stroked-button]:disabled,
.mat-mdc-button:disabled,
.mat-mdc-outlined-button:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}
mat-dialog-actions {
  display: flex !important;
  gap: 12px !important;
  justify-content: flex-end !important;
  padding: 16px 24px !important;
}
.cdk-overlay-pane {
  border-radius: 16px !important;
}
.cdk-overlay-pane .mat-mdc-dialog-container,
.cdk-overlay-pane .mat-dialog-container {
  padding: 0 !important;
  border-radius: 16px !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  margin: 0 !important;
}
.custom-dialog-container .mat-mdc-dialog-container,
.custom-dialog-container .mat-dialog-container {
  padding: 0 !important;
  border-radius: 16px !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  margin: 0 !important;
}
.custom-dialog-container .mat-mdc-dialog-container .mat-mdc-dialog-surface,
.custom-dialog-container .mat-mdc-dialog-container .mat-dialog-surface,
.custom-dialog-container .mat-dialog-container .mat-mdc-dialog-surface,
.custom-dialog-container .mat-dialog-container .mat-dialog-surface {
  padding: 0 !important;
  border-radius: 16px !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  margin: 0 !important;
}
.mat-mdc-dialog-container *::before,
.mat-mdc-dialog-container *::after,
.mat-dialog-container *::before,
.mat-dialog-container *::after {
  display: none !important;
}
.cdk-overlay-container .mat-mdc-dialog-container::before,
.cdk-overlay-container .mat-mdc-dialog-container::after,
.cdk-overlay-container .mat-dialog-container::before,
.cdk-overlay-container .mat-dialog-container::after {
  display: none !important;
}
.cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-dialog-surface::before,
.cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-dialog-surface::after,
.cdk-overlay-container .mat-mdc-dialog-container .mat-dialog-surface::before,
.cdk-overlay-container .mat-mdc-dialog-container .mat-dialog-surface::after,
.cdk-overlay-container .mat-dialog-container .mat-mdc-dialog-surface::before,
.cdk-overlay-container .mat-dialog-container .mat-mdc-dialog-surface::after,
.cdk-overlay-container .mat-dialog-container .mat-dialog-surface::before,
.cdk-overlay-container .mat-dialog-container .mat-dialog-surface::after {
  display: none !important;
}
.encouragement-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface {
  background: var(--gradient-primary) !important;
  border-radius: 16px !important;
  box-shadow: var(--shadow-lg) !important;
}
.encouragement-snackbar.mat-mdc-snack-bar-container .mat-mdc-snack-bar-label {
  color: var(--text-on-primary) !important;
  font-family: var(--font-family) !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  text-align: center !important;
}
.encouragement-snackbar.mat-mdc-snack-bar-container .mat-mdc-snack-bar-action {
  color: #FFD700 !important;
  font-weight: 700 !important;
}
.cdk-overlay-pane.dettagli-squadra-dialog-panel {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  max-width: 600px !important;
  width: 90vw !important;
  max-height: 90vh !important;
}
.dettagli-squadra-dialog-panel {
  overflow-x: hidden !important;
}
.dettagli-squadra-dialog-panel .mat-mdc-dialog-container {
  padding: 0 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  overflow-x: hidden !important;
  background: transparent !important;
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}
.dettagli-squadra-dialog-panel .mat-mdc-dialog-surface {
  background: transparent !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.3) !important;
  border-radius: 16px !important;
  overflow-x: hidden !important;
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}
.dettagli-dialog-backdrop {
  background: rgba(10, 61, 145, 0.4) !important;
  backdrop-filter: blur(4px) !important;
}
.seleziona-giocata-dialog {
  max-height: 95vh !important;
}
.seleziona-giocata-dialog .mat-mdc-dialog-container,
.seleziona-giocata-dialog .mat-dialog-container {
  padding: 0 !important;
  max-height: 95vh !important;
  height: auto !important;
  overflow: visible !important;
  background: transparent !important;
}
.seleziona-giocata-dialog .mat-mdc-dialog-surface,
.seleziona-giocata-dialog .mat-dialog-surface {
  padding: 0 !important;
  max-height: 95vh !important;
  height: auto !important;
  overflow: visible !important;
  background: transparent !important;
}
.modal-container {
  background: var(--bg-card) !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border-radius: 20px !important;
  margin: 0 auto !important;
  position: relative !important;
  box-shadow: var(--shadow-xl) !important;
}
.modal-container * {
  box-sizing: border-box !important;
  max-width: 100% !important;
}
@media (min-width: 769px) {
  .modal-container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 28px !important;
  }
  .profilo-dialog-container .modal-container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 28px !important;
  }
}
@media (max-width: 768px) and (min-width: 481px) {
  .modal-container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 22px !important;
    border-radius: 16px !important;
  }
  .profilo-dialog-container .modal-container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 22px !important;
  }
}
@media (max-width: 480px) {
  .modal-container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 18px !important;
    border-radius: 12px !important;
  }
  .profilo-dialog-container .modal-container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 18px !important;
  }
}
.desktop-dialog .mat-mdc-dialog-container,
.desktop-dialog .mat-dialog-container {
  width: 90vw !important;
  max-width: 1100px !important;
}
.mobile-dialog .mat-mdc-dialog-container,
.mobile-dialog .mat-dialog-container {
  width: 94vw !important;
  max-width: 500px !important;
}
.success-snackbar .mat-mdc-snack-bar-container,
.success-snackbar .mdc-snackbar__surface {
  background:
    linear-gradient(
      135deg,
      var(--success-color),
      var(--success-light)) !important;
  color: white !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  padding: 20px 24px !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 32px rgba(67, 160, 71, 0.5) !important;
}
.success-snackbar .mat-mdc-button,
.success-snackbar .mat-mdc-snack-bar-action {
  color: white !important;
  font-weight: 700 !important;
  background: rgba(255, 255, 255, 0.2) !important;
  border-radius: 8px !important;
  padding: 8px 16px !important;
}
.success-snackbar .mat-mdc-button:hover,
.success-snackbar .mat-mdc-snack-bar-action:hover {
  background: rgba(255, 255, 255, 0.3) !important;
}
.large-snackbar .mat-mdc-snack-bar-container {
  min-width: 400px !important;
  max-width: 600px !important;
}
.error-snackbar .mat-mdc-snack-bar-container,
.error-snackbar .mdc-snackbar__surface {
  background:
    linear-gradient(
      135deg,
      var(--error-color),
      var(--error-light)) !important;
  color: white !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  padding: 20px 24px !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 32px rgba(229, 57, 53, 0.5) !important;
}
@media (max-width: 600px) {
  .large-snackbar .mat-mdc-snack-bar-container {
    min-width: 90vw !important;
    max-width: 90vw !important;
  }
}
.profilo-dialog-container {
  overflow: hidden !important;
}
.profilo-dialog-container .mat-mdc-dialog-container,
.profilo-dialog-container .mat-dialog-container {
  overflow: hidden !important;
  max-width: 100vw !important;
  padding: 0 !important;
  margin: 0 !important;
}
.profilo-dialog-container .mat-mdc-dialog-surface,
.profilo-dialog-container .mdc-dialog__surface {
  overflow: hidden !important;
  border-radius: 20px !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
@media (min-width: 769px) {
  .profilo-dialog-container .mat-mdc-dialog-container,
  .profilo-dialog-container .mat-mdc-dialog-surface,
  .profilo-dialog-container .mdc-dialog__surface {
    max-width: 600px !important;
    width: 80vw !important;
    margin: 0 auto !important;
  }
}
@media (max-width: 768px) and (min-width: 481px) {
  .profilo-dialog-container .mat-mdc-dialog-container,
  .profilo-dialog-container .mat-mdc-dialog-surface,
  .profilo-dialog-container .mdc-dialog__surface {
    max-width: 88vw !important;
    width: 88vw !important;
    margin: 0 auto !important;
    border-radius: 16px !important;
  }
}
@media (max-width: 480px) {
  .profilo-dialog-container .mat-mdc-dialog-container,
  .profilo-dialog-container .mat-mdc-dialog-surface,
  .profilo-dialog-container .mdc-dialog__surface {
    max-width: 92vw !important;
    width: 92vw !important;
    margin: 0 auto !important;
    border-radius: 12px !important;
  }
}
.player-history-dialog .mat-mdc-dialog-container,
.player-history-dialog .mat-mdc-dialog-surface,
.player-history-dialog .mdc-dialog__surface {
  overflow: hidden !important;
  border-radius: 16px !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
@media (min-width: 769px) {
  .player-history-dialog .mat-mdc-dialog-container,
  .player-history-dialog .mat-mdc-dialog-surface,
  .player-history-dialog .mdc-dialog__surface {
    max-width: 800px !important;
    width: 90vw !important;
  }
}
@media (max-width: 768px) and (min-width: 481px) {
  .player-history-dialog .mat-mdc-dialog-container,
  .player-history-dialog .mat-mdc-dialog-surface,
  .player-history-dialog .mdc-dialog__surface {
    max-width: 90vw !important;
    width: 90vw !important;
  }
}
@media (max-width: 480px) {
  .player-history-dialog .mat-mdc-dialog-container,
  .player-history-dialog .mat-mdc-dialog-surface,
  .player-history-dialog .mdc-dialog__surface {
    max-width: 95vw !important;
    width: 95vw !important;
    max-height: 85vh !important;
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-YKFSTWUO.css.map */