{
  "version": 3,
  "sources": ["src/app/customers/layout/component-layout/customization/customization.component.scss"],
  "sourcesContent": [".customization-modal-content {\n  border-radius: 0.5rem;\n}\n\n.customization-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-bottom: 1px solid #dee2e6;\n  padding: 1rem 1.5rem;\n\n  .customization-title {\n    color: var(--primary);\n    font-weight: 600;\n    margin: 0;\n    font-size: 1.5rem;\n  }\n\n  .close-btn {\n    background: none;\n    border: none;\n    font-size: 1.5rem;\n    opacity: 0.7;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    line-height: 1;\n    color: var(--primary);\n    transition: opacity 0.3s ease;\n\n    &:hover {\n      opacity: 1;\n    }\n\n    i {\n      font-size: 1.25rem;\n    }\n  }\n}\n\n.customization-body {\n  padding: 1.5rem;\n  min-height: 200px;\n  max-height: 70vh;\n  overflow-y: auto;\n\n  .loading-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 3rem;\n    color: var(--primary);\n\n    i {\n      font-size: 2rem;\n      margin-bottom: 1rem;\n    }\n\n    p {\n      margin: 0;\n      font-size: 1rem;\n    }\n  }\n}\n\n.customization-field {\n  margin-bottom: 2rem;\n\n  .field-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 1rem;\n    gap: 1rem;\n  }\n\n  .field-label {\n    display: block;\n    font-weight: 600;\n    color: var(--primary);\n    margin: 0;\n    font-size: 1.1rem;\n    flex: 1;\n  }\n\n  .reset-btn {\n    padding: 0.5rem 1rem;\n    border: 1px solid #dee2e6;\n    border-radius: 0.25rem;\n    background-color: white;\n    color: #6c757d;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    font-size: 0.9rem;\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    white-space: nowrap;\n\n    i {\n      font-size: 0.85rem;\n    }\n\n    &:hover:not(:disabled) {\n      background-color: #f8f9fa;\n      border-color: var(--primary);\n      color: var(--primary);\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    &:active:not(:disabled) {\n      transform: scale(0.98);\n    }\n  }\n\n  .color-type-selector {\n    display: flex;\n    gap: 0.5rem;\n    margin-bottom: 1.5rem;\n\n    .type-btn {\n      flex: 1;\n      padding: 0.75rem 1rem;\n      border: 2px solid #dee2e6;\n      border-radius: 0.5rem;\n      background-color: white;\n      color: var(--primary);\n      cursor: pointer;\n      transition: all 0.3s ease;\n      font-weight: 500;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 0.5rem;\n\n      i {\n        font-size: 1rem;\n      }\n\n      &:hover {\n        border-color: var(--primary);\n        background-color: rgba(var(--primary-r), var(--primary-g), var(--primary-b), 0.1);\n      }\n\n      &.active {\n        background-color: var(--primary);\n        color: white;\n        border-color: var(--primary);\n      }\n    }\n  }\n\n  .color-pickers {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n    margin-bottom: 1.5rem;\n\n    .color-picker-item {\n      .color-picker-wrapper {\n        display: flex;\n        align-items: center;\n        gap: 1rem;\n        padding: 0.75rem;\n        border: 1px solid #dee2e6;\n        border-radius: 0.5rem;\n        background-color: #f8f9fa;\n\n        .color-input {\n          width: 3rem;\n          height: 3rem;\n          border: none;\n          border-radius: 0.25rem;\n          cursor: pointer;\n          padding: 0;\n          margin: 0;\n          -webkit-appearance: none;\n          -moz-appearance: none;\n          appearance: none;\n\n          &::-webkit-color-swatch-wrapper {\n            padding: 0;\n          }\n\n          &::-webkit-color-swatch {\n            border: 2px solid #dee2e6;\n            border-radius: 0.25rem;\n          }\n\n          &::-moz-color-swatch {\n            border: 2px solid #dee2e6;\n            border-radius: 0.25rem;\n          }\n        }\n\n        .color-label {\n          flex: 1;\n          display: flex;\n          align-items: center;\n          gap: 1rem;\n          cursor: pointer;\n\n          .color-preview {\n            width: 3rem;\n            height: 3rem;\n            border-radius: 0.25rem;\n            border: 2px solid #dee2e6;\n            flex-shrink: 0;\n          }\n\n          .color-text-input {\n            flex: 1;\n            padding: 0.5rem;\n            border: 1px solid #dee2e6;\n            border-radius: 0.25rem;\n            font-family: monospace;\n            font-size: 0.9rem;\n\n            &:focus {\n              outline: none;\n              border-color: var(--primary);\n            }\n          }\n        }\n\n        .remove-color-btn {\n          background: none;\n          border: none;\n          color: #dc3545;\n          cursor: pointer;\n          padding: 0.5rem;\n          border-radius: 0.25rem;\n          transition: all 0.3s ease;\n          opacity: 0.7;\n\n          &:hover:not(:disabled) {\n            opacity: 1;\n            background-color: rgba(220, 53, 69, 0.1);\n          }\n\n          &:disabled {\n            opacity: 0.3;\n            cursor: not-allowed;\n          }\n\n          i {\n            font-size: 1rem;\n          }\n        }\n      }\n    }\n\n    .add-color-btn {\n      padding: 0.75rem 1rem;\n      border: 2px dashed #dee2e6;\n      border-radius: 0.5rem;\n      background-color: white;\n      color: var(--primary);\n      cursor: pointer;\n      transition: all 0.3s ease;\n      font-weight: 500;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 0.5rem;\n\n      &:hover {\n        border-color: var(--primary);\n        background-color: rgba(var(--primary-r), var(--primary-g), var(--primary-b), 0.1);\n      }\n\n      i {\n        font-size: 1rem;\n      }\n    }\n  }\n\n  .preview-section {\n    margin-top: 1.5rem;\n\n    .preview-label {\n      display: block;\n      font-weight: 500;\n      color: #6c757d;\n      margin-bottom: 0.75rem;\n      font-size: 0.9rem;\n    }\n\n    .preview-box {\n      width: 100%;\n      height: 120px;\n      border-radius: 0.5rem;\n      border: 2px solid #dee2e6;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.3s ease;\n\n      .preview-text {\n        color: white;\n        font-weight: 600;\n        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\n        font-size: 1.1rem;\n      }\n    }\n  }\n}\n\n.customization-footer {\n  display: flex;\n  justify-content: flex-end;\n  gap: 0.75rem;\n  border-top: 1px solid #dee2e6;\n  padding: 1rem 1.5rem;\n\n  .btn {\n    padding: 0.5rem 1.5rem;\n    border-radius: 0.25rem;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    border: none;\n    font-weight: 500;\n\n    &.btn-secondary {\n      background-color: #6c757d;\n      color: white;\n\n      &:hover {\n        background-color: #5a6268;\n      }\n    }\n\n    &.btn-primary {\n      background-color: var(--primary);\n      color: white;\n\n      &:hover:not(:disabled) {\n        background-color: var(--secondary);\n      }\n\n      &:disabled {\n        opacity: 0.6;\n        cursor: not-allowed;\n      }\n    }\n\n    &:disabled {\n      opacity: 0.6;\n      cursor: not-allowed;\n    }\n  }\n}\n\n"],
  "mappings": "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",
  "names": []
}