:root {
  --coksima-primary: #2271b1;
  --coksima-primary-hover: #135e96;
  --coksima-success: #00a32a;
  --coksima-danger: #d63638;
  --coksima-danger-light: #fcf0f1;
  --coksima-warning: #dba617;
  --coksima-text: #1d2327;
  --coksima-text-secondary: #646970;
  --coksima-border: #c3c4c7;
  --coksima-border-light: #dcdcde;
  --coksima-bg: #f0f0f1;
  --coksima-bg-white: #ffffff;
  --coksima-radius: 8px;
  --coksima-radius-sm: 4px;
  --coksima-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  --coksima-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.1);
  --coksima-transition: 0.2s ease;
}

.coksima-admin--unified {
  max-width: 1000px;
  margin: 20px 20px 20px 0;
}

.coksima-admin__header {
  margin-bottom: 24px;
}
.coksima-admin__header h1 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 8px;
  font-size: 28px;
  font-weight: 600;
  color: var(--coksima-text);
}

.coksima-admin__logo {
  color: var(--coksima-primary);
}

.coksima-admin__subtitle {
  margin: 0;
  color: var(--coksima-text-secondary);
  font-size: 14px;
}

.coksima-admin__tabs {
  display: flex;
  gap: 0;
  margin-bottom: 24px;
  background: var(--coksima-bg-white);
  border: 1px solid var(--coksima-border);
  border-radius: var(--coksima-radius);
  overflow: hidden;
}

.coksima-admin__tab {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 24px;
  font-size: 14px;
  font-weight: 500;
  color: var(--coksima-text-secondary);
  text-decoration: none;
  border-right: 1px solid var(--coksima-border);
  transition: all var(--coksima-transition);
}
.coksima-admin__tab:last-child {
  border-right: none;
}
.coksima-admin__tab:hover {
  color: var(--coksima-text);
  background: var(--coksima-bg);
}
.coksima-admin__tab--active {
  color: var(--coksima-primary);
  background: rgba(34, 113, 177, 0.05);
  box-shadow: inset 0 -3px 0 var(--coksima-primary);
}
.coksima-admin__tab--active svg {
  opacity: 1;
  color: var(--coksima-primary);
}
.coksima-admin__tab svg {
  opacity: 0.7;
}

.coksima-card {
  background: var(--coksima-bg-white);
  border: 1px solid var(--coksima-border);
  border-radius: var(--coksima-radius);
  margin-bottom: 20px;
  box-shadow: var(--coksima-shadow);
}
.coksima-card--danger {
  border-color: var(--coksima-danger);
  background: var(--coksima-danger-light);
}
.coksima-card--danger .coksima-card__header {
  border-bottom-color: rgba(214, 54, 56, 0.2);
}
.coksima-card--danger .coksima-card__title {
  color: var(--coksima-danger);
}
.coksima-card--danger .coksima-card__title svg {
  color: var(--coksima-danger);
}
.coksima-card__header {
  padding: 20px 24px;
  border-bottom: 1px solid var(--coksima-border-light);
}
.coksima-card__title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--coksima-text);
}
.coksima-card__title svg {
  color: var(--coksima-primary);
  flex-shrink: 0;
}
.coksima-card__description {
  margin: 6px 0 0 30px;
  font-size: 13px;
  color: var(--coksima-text-secondary);
}
.coksima-card__body {
  padding: 24px;
}
.coksima-card__body--no-padding {
  padding: 0;
}

.coksima-form-group {
  margin-bottom: 20px;
}
.coksima-form-group:last-child {
  margin-bottom: 0;
}
.coksima-form-group--full {
  grid-column: 1/-1;
}

.coksima-form-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 20px;
  margin-bottom: 20px;
}
.coksima-form-row:last-child {
  margin-bottom: 0;
}

.coksima-form-label {
  display: block;
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 500;
  color: var(--coksima-text);
}

.coksima-form-help {
  margin: 6px 0 0;
  font-size: 12px;
  color: var(--coksima-text-secondary);
}

.coksima-input,
.coksima-textarea {
  width: 100%;
  padding: 10px 12px;
  font-size: 14px;
  color: var(--coksima-text);
  background: var(--coksima-bg-white);
  border: 1px solid var(--coksima-border);
  border-radius: var(--coksima-radius-sm);
  transition: border-color var(--coksima-transition), box-shadow var(--coksima-transition);
}
.coksima-input:focus,
.coksima-textarea:focus {
  outline: none;
  border-color: var(--coksima-primary);
  box-shadow: 0 0 0 1px var(--coksima-primary);
}
.coksima-input--small,
.coksima-textarea--small {
  max-width: 120px;
}

.coksima-textarea {
  resize: vertical;
  min-height: 60px;
}

.coksima-switch {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}
.coksima-switch input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.coksima-switch input:checked + .coksima-switch__slider {
  background: var(--coksima-primary);
}
.coksima-switch input:checked + .coksima-switch__slider::before {
  transform: translateX(20px);
}
.coksima-switch input:focus + .coksima-switch__slider {
  box-shadow: 0 0 0 2px rgba(34, 113, 177, 0.3);
}
.coksima-switch__slider {
  position: relative;
  width: 44px;
  height: 24px;
  background: var(--coksima-border);
  border-radius: 24px;
  transition: background var(--coksima-transition);
}
.coksima-switch__slider::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  background: var(--coksima-bg-white);
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  transition: transform var(--coksima-transition);
}
.coksima-switch__label {
  font-size: 14px;
  font-weight: 500;
  color: var(--coksima-text);
}
.coksima-switch--small .coksima-switch__slider {
  width: 36px;
  height: 20px;
}
.coksima-switch--small .coksima-switch__slider::before {
  width: 16px;
  height: 16px;
}
.coksima-switch--small input:checked + .coksima-switch__slider::before {
  transform: translateX(16px);
}

.coksima-categories-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.coksima-category-card {
  background: var(--coksima-bg);
  border: 1px solid var(--coksima-border-light);
  border-radius: var(--coksima-radius);
  padding: 16px;
}
.coksima-category-card--required {
  background: rgba(34, 113, 177, 0.03);
  border-color: var(--coksima-primary);
}
.coksima-category-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.coksima-category-card__body .coksima-form-group {
  margin-bottom: 12px;
}

.coksima-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  border-radius: 4px;
}
.coksima-badge--required {
  background: var(--coksima-primary);
  color: white;
}

.coksima-texts-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.coksima-color-picker {
  display: flex;
  align-items: center;
  gap: 12px;
}
.coksima-color-picker input[type=color] {
  width: 44px;
  height: 44px;
  padding: 2px;
  border: 1px solid var(--coksima-border);
  border-radius: var(--coksima-radius-sm);
  cursor: pointer;
}
.coksima-color-picker input[type=color]::-webkit-color-swatch-wrapper {
  padding: 0;
}
.coksima-color-picker input[type=color]::-webkit-color-swatch {
  border: none;
  border-radius: 2px;
}
.coksima-color-picker__value {
  font-family: "Monaco", "Consolas", monospace;
  font-size: 13px;
  color: var(--coksima-text-secondary);
}

.coksima-colors-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.coksima-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 18px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: var(--coksima-radius-sm);
  cursor: pointer;
  transition: all var(--coksima-transition);
}
.coksima-btn--primary, .coksima-btn.button.coksima-btn--primary {
  background: var(--coksima-primary);
  color: white;
  border-color: var(--coksima-primary);
}
.coksima-btn--primary:hover, .coksima-btn.button.coksima-btn--primary:hover {
  background: var(--coksima-primary-hover);
  border-color: var(--coksima-primary-hover);
  color: white;
}
.coksima-btn--outline {
  background: transparent;
  color: var(--coksima-text);
  border-color: var(--coksima-border);
}
.coksima-btn--outline:hover {
  background: var(--coksima-bg);
  border-color: var(--coksima-text-secondary);
}
.coksima-btn--danger {
  background: var(--coksima-danger);
  color: white;
  border-color: var(--coksima-danger);
}
.coksima-btn--danger:hover {
  background: rgb(180.2355371901, 36.7644628099, 38.5578512397);
  border-color: rgb(180.2355371901, 36.7644628099, 38.5578512397);
}
.coksima-btn--outline-danger {
  background: transparent;
  color: var(--coksima-danger);
  border-color: var(--coksima-danger);
}
.coksima-btn--outline-danger:hover {
  background: var(--coksima-danger);
  color: white;
}
.coksima-btn--small {
  padding: 6px 12px;
  font-size: 12px;
}
.coksima-btn--icon {
  gap: 4px;
}
.coksima-btn--large {
  padding: 12px 24px;
  font-size: 14px;
}
.coksima-btn.coksima-loading {
  position: relative;
  color: transparent !important;
  pointer-events: none;
}
.coksima-btn.coksima-loading::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: #fff;
  border-radius: 50%;
  animation: coksima-spin 0.8s linear infinite;
}
.coksima-btn--outline.coksima-loading::after {
  border-color: rgba(34, 113, 177, 0.3);
  border-top-color: var(--coksima-primary);
}

.coksima-actions {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid var(--coksima-border-light);
}

.coksima-filters__row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: flex-end;
}
.coksima-filters__row .coksima-form-group {
  margin-bottom: 0;
  min-width: 150px;
}

.coksima-form-group--actions {
  display: flex;
  gap: 8px;
}

.coksima-legend {
  display: flex;
  gap: 20px;
  padding: 12px 24px;
  background: var(--coksima-bg);
  border-bottom: 1px solid var(--coksima-border-light);
}

.coksima-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
}
.coksima-status-badge__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 11px;
  font-weight: 700;
  border-radius: 50%;
}
.coksima-status-badge--granted {
  color: var(--coksima-success);
}
.coksima-status-badge--granted .coksima-status-badge__icon {
  background: var(--coksima-success);
  color: white;
}
.coksima-status-badge--denied {
  color: var(--coksima-danger);
}
.coksima-status-badge--denied .coksima-status-badge__icon {
  background: var(--coksima-danger);
  color: white;
}

.coksima-table-wrapper {
  overflow-x: auto;
}

.coksima-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.coksima-table th,
.coksima-table td {
  padding: 12px 16px;
  text-align: left;
  border-bottom: 1px solid var(--coksima-border-light);
}
.coksima-table th {
  background: var(--coksima-bg);
  font-weight: 600;
  color: var(--coksima-text);
  white-space: nowrap;
}
.coksima-table tbody tr:hover {
  background: rgba(34, 113, 177, 0.02);
}
.coksima-table__col--id {
  width: 50px;
}
.coksima-table__col--consent {
  width: 140px;
}
.coksima-table__col--datetime {
  width: 130px;
}
.coksima-table__col--ip {
  width: 120px;
}
.coksima-table__col--status {
  width: 60px;
  text-align: center;
}
.coksima-table__col--actions {
  width: 80px;
  text-align: center;
}
.coksima-table__cell--id {
  color: var(--coksima-text-secondary);
}
.coksima-table__cell--status {
  text-align: center;
}

.coksima-consent-id {
  display: inline-block;
  padding: 4px 8px;
  font-family: "Monaco", "Consolas", monospace;
  font-size: 11px;
  background: var(--coksima-bg);
  border-radius: var(--coksima-radius-sm);
  color: var(--coksima-text-secondary);
}

.coksima-datetime {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.coksima-datetime__date {
  font-weight: 500;
}
.coksima-datetime__time {
  font-size: 12px;
  color: var(--coksima-text-secondary);
}

.coksima-ip {
  font-family: "Monaco", "Consolas", monospace;
  font-size: 12px;
}

.coksima-status-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 50%;
}
.coksima-status-icon--granted {
  background: var(--coksima-success);
  color: white;
}
.coksima-status-icon--denied {
  background: var(--coksima-danger);
  color: white;
}

.coksima-empty-state {
  padding: 60px 24px;
  text-align: center;
}
.coksima-empty-state svg {
  color: var(--coksima-border);
  margin-bottom: 16px;
}
.coksima-empty-state h3 {
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 600;
  color: var(--coksima-text);
}
.coksima-empty-state p {
  margin: 0;
  color: var(--coksima-text-secondary);
}

.coksima-danger-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: flex-end;
}

.coksima-inline-form {
  display: flex;
  align-items: flex-end;
  gap: 12px;
}
.coksima-inline-form .coksima-form-label {
  margin-bottom: 0;
  white-space: nowrap;
  align-self: center;
}
.coksima-inline-form .coksima-input {
  min-width: 200px;
}

.coksima-admin__footer {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid var(--coksima-border-light);
  text-align: center;
}
.coksima-admin__footer p {
  margin: 0;
  font-size: 12px;
  color: var(--coksima-text-secondary);
}
.coksima-admin__footer a {
  color: var(--coksima-primary);
  text-decoration: none;
}
.coksima-admin__footer a:hover {
  text-decoration: underline;
}

@media (max-width: 782px) {
  .coksima-admin--unified {
    margin: 10px;
  }
  .coksima-admin__tabs {
    flex-direction: column;
  }
  .coksima-admin__tab {
    border-right: none;
    border-bottom: 1px solid var(--coksima-border);
  }
  .coksima-admin__tab:last-child {
    border-bottom: none;
  }
  .coksima-admin__tab--active {
    box-shadow: inset 4px 0 0 var(--coksima-primary);
  }
  .coksima-categories-grid {
    grid-template-columns: 1fr;
  }
  .coksima-texts-grid {
    grid-template-columns: 1fr;
  }
  .coksima-colors-grid {
    grid-template-columns: 1fr;
  }
  .coksima-filters__row {
    flex-direction: column;
    align-items: stretch;
  }
  .coksima-filters__row .coksima-form-group {
    min-width: auto;
  }
  .coksima-form-group--actions {
    flex-direction: column;
  }
  .coksima-danger-actions {
    flex-direction: column;
  }
  .coksima-inline-form {
    flex-direction: column;
    align-items: stretch;
  }
  .coksima-inline-form .coksima-input {
    min-width: auto;
  }
  .coksima-table {
    font-size: 12px;
  }
  .coksima-table th,
  .coksima-table td {
    padding: 8px 10px;
  }
}
@keyframes coksima-spin {
  to {
    transform: rotate(360deg);
  }
}/*# sourceMappingURL=cookie-signal-manager-admin.css.map */