/* button.css */
/**
 * Buttons — design token tabanlı; WP core .button ile çakışmayı önlemek için .awp-btn kullanılır.
 * Geriye dönük: .ders-notu-admin-button, .ders-notu-admin-button-primary
 */

.ders-notu-admin-wrap .awp-btn,
#awp-printwise-root .awp-btn,
.awp-ui .awp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  margin: 0;
  border-radius: var(--radius-md);
  font-family: var(--font-family-base);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  line-height: 1.25;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  transition: background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);
}

.ders-notu-admin-wrap .awp-btn:disabled,
#awp-printwise-root .awp-btn:disabled,
.awp-ui .awp-btn:disabled,
.ders-notu-admin-wrap .awp-btn.is-disabled,
#awp-printwise-root .awp-btn.is-disabled {
  opacity: 0.55;
  cursor: not-allowed;
  pointer-events: none;
}

/* Sarmalayıcı içi kısa isim (yalnızca .awp-ui altında) */
.awp-ui .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  cursor: pointer;
  border: 1px solid transparent;
  text-decoration: none;
}

.ders-notu-admin-wrap .awp-btn--primary,
.ders-notu-admin-wrap .ders-notu-admin-button-primary,
.ders-notu-admin-wrap a.ders-notu-admin-button-primary,
.awp-ui .btn.btn-primary {
  background: var(--wp-admin-theme-color, #2271b1);
  color: #fff !important;
  border-color: var(--wp-admin-theme-color, #2271b1);
  box-shadow: var(--shadow-sm);
}

#awp-printwise-root .awp-btn--primary {
  background: var(--color-primary, #2563eb);
  color: #fff !important;
  border-color: var(--color-primary, #2563eb);
  box-shadow: var(--shadow-sm);
}

.ders-notu-admin-wrap .awp-btn--primary:hover:not(:disabled),
.ders-notu-admin-wrap .ders-notu-admin-button-primary:hover,
.ders-notu-admin-wrap a.ders-notu-admin-button-primary:hover {
  filter: brightness(1.05);
}

#awp-printwise-root .awp-btn--primary:hover:not(:disabled) {
  filter: brightness(1.05);
}

.ders-notu-admin-wrap .awp-btn--secondary,
#awp-printwise-root .awp-btn--secondary,
.awp-ui .btn.btn-secondary {
  background: #f3f4f6;
  color: var(--color-text);
  border-color: var(--color-border);
}

.ders-notu-admin-wrap .awp-btn--secondary:hover:not(:disabled),
#awp-printwise-root .awp-btn--secondary:hover:not(:disabled) {
  background: #e5e7eb;
}

.ders-notu-admin-wrap .awp-btn--ghost,
#awp-printwise-root .awp-btn--ghost {
  background: transparent;
  color: var(--color-primary);
  border-color: transparent;
}

.ders-notu-admin-wrap .awp-btn:focus-visible,
#awp-printwise-root .awp-btn:focus-visible,
.ders-notu-admin-wrap .ders-notu-admin-button-primary:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

/* Varsayılan ikincil çubuk butonları */
.ders-notu-admin-wrap .ders-notu-admin-button:not(.ders-notu-admin-button-primary) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  border: 1px solid var(--color-border);
  background: #f6f7f7;
  color: var(--color-text);
  text-decoration: none;
  cursor: pointer;
}

.ders-notu-admin-wrap .ders-notu-admin-button:not(.ders-notu-admin-button-primary):hover {
  background: #f0f0f1;
}

.ders-notu-admin-wrap .ders-notu-admin-button:active,
.ders-notu-admin-wrap .ders-notu-admin-button-primary:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

/* input.css */
/**
 * Input, select, textarea — ortak alan stilleri
 */

.ders-notu-admin-wrap .awp-input,
#awp-printwise-root .awp-input,
.ders-notu-admin-wrap .awp-select,
#awp-printwise-root .awp-select,
.ders-notu-admin-wrap .awp-textarea,
#awp-printwise-root .awp-textarea,
.awp-ui .input {
  width: 100%;
  max-width: 100%;
  padding: var(--space-2);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-family: var(--font-family-base);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-base);
  color: var(--color-text);
  background: var(--color-surface);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
  box-sizing: border-box;
}

/* Calculator form: select = input yüksekliği */
#awp-printwise-root .awp-select {
  height: 48px;
  min-height: 48px;
  max-height: 48px;
  padding: 0 2.25rem 0 1rem;
  border-width: 2px;
  border-color: #e5e7eb;
  border-radius: 6px;
  line-height: 44px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.ders-notu-admin-wrap .awp-input:focus,
#awp-printwise-root .awp-input:focus,
.ders-notu-admin-wrap .awp-select:focus,
#awp-printwise-root .awp-select:focus,
.ders-notu-admin-wrap .awp-textarea:focus,
#awp-printwise-root .awp-textarea:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 1px var(--color-primary);
}

.ders-notu-admin-wrap .awp-textarea,
#awp-printwise-root .awp-textarea {
  min-height: 6rem;
  resize: vertical;
}

/* Mevcut admin input sınıfı ile uyum */
.ders-notu-admin-wrap .ders-notu-admin-input {
  font-family: var(--font-family-base);
  font-size: var(--font-size-sm);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
  padding: var(--space-2) 10px;
}

.ders-notu-admin-wrap .ders-notu-admin-input:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 1px var(--color-primary);
  outline: none;
}

/* card.css */
/**
 * Kart yüzeyleri — istatistik / ayar kartları ile uyumlu
 */

.ders-notu-admin-wrap .awp-card,
#awp-printwise-root .awp-card,
.awp-ui .card {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--space-3);
  box-shadow: var(--shadow-sm);
}

.ders-notu-admin-wrap .awp-card--flush {
  padding: 0;
}

.ders-notu-admin-wrap .awp-card__header,
#awp-printwise-root .awp-card__header {
  padding-bottom: var(--space-2);
  margin-bottom: var(--space-2);
  border-bottom: 1px solid var(--color-border);
}

.ders-notu-admin-wrap .awp-card__title,
#awp-printwise-root .awp-card__title {
  margin: 0;
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  font-family: var(--font-family-heading);
}

/* Mevcut: ders-notu-admin-card */
.ders-notu-admin-wrap .ders-notu-admin-card {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

/* form.css */
/**
 * Form grupları ve etiketler
 */

.ders-notu-admin-wrap .awp-form-group,
#awp-printwise-root .awp-form-group,
.awp-ui .form-group {
  margin-bottom: var(--space-3);
}

.ders-notu-admin-wrap .awp-label,
#awp-printwise-root .awp-label,
.awp-ui .form-group label.awp-label {
  display: block;
  margin-bottom: var(--space-1);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-text);
}

.ders-notu-admin-wrap .awp-form-row,
#awp-printwise-root .awp-form-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  align-items: flex-start;
}

.ders-notu-admin-wrap .awp-form-row > * {
  flex: 1 1 200px;
}

.ders-notu-admin-wrap .awp-help,
#awp-printwise-root .awp-help {
  margin: var(--space-1) 0 0;
  font-size: var(--font-size-xs);
  color: var(--color-muted);
}

/* WP form-table ile uyum (eklenti ayarları) */
.ders-notu-admin-wrap .ders-notu-admin-form-table th {
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-sm);
  color: var(--color-text);
}

.ders-notu-admin-wrap .ders-notu-admin-form-table td {
  font-size: var(--font-size-sm);
}

/* notice.css */
/**
 * Bildirimler / uyarılar — WP .notice ile birlikte kullanılabilir
 */

.ders-notu-admin-wrap .awp-notice,
#awp-printwise-root .awp-notice {
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-base);
}

.ders-notu-admin-wrap .awp-notice--info {
  background: #f0f6fc;
  border-color: #c3d9ed;
  color: #1e1e1e;
}

.ders-notu-admin-wrap .awp-notice--success {
  background: #edfaef;
  border-color: #68de7c;
  color: #1e1e1e;
}

.ders-notu-admin-wrap .awp-notice--warning {
  background: #fcf9e8;
  border-color: #f0d875;
  color: #1e1e1e;
}

.ders-notu-admin-wrap .awp-notice--danger {
  background: #fcf0f1;
  border-color: #f0b8b8;
  color: #1e1e1e;
}

/* table.css */
/**
 * Veri tabloları — liste / ayar tabloları
 */

.ders-notu-admin-wrap .awp-table-wrap,
#awp-printwise-root .awp-table-wrap {
  width: 100%;
  overflow-x: auto;
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
  background: var(--color-surface);
}

.ders-notu-admin-wrap .awp-table,
#awp-printwise-root .awp-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--font-size-sm);
}

.ders-notu-admin-wrap .awp-table th,
.ders-notu-admin-wrap .awp-table td,
#awp-printwise-root .awp-table th,
#awp-printwise-root .awp-table td {
  padding: var(--space-2) var(--space-3);
  text-align: left;
  border-bottom: 1px solid var(--color-border);
}

.ders-notu-admin-wrap .awp-table th,
#awp-printwise-root .awp-table th {
  font-weight: var(--font-weight-medium);
  background: #f6f7f7;
}

.ders-notu-admin-wrap .awp-table tr:last-child td,
#awp-printwise-root .awp-table tr:last-child td {
  border-bottom: none;
}