/* Giriş ekranındaki süresi dolan lisans bildirimi */
.license-expired-box {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 12px;
  margin: 0 0 16px;
  padding: 15px;
  border: 2px solid #c73b34;
  border-radius: 15px;
  background: linear-gradient(135deg, #fff1f0, #ffe0dd);
  color: #6e211c;
}

.license-expired-icon {
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #c6342d;
  color: #fff;
  font-size: 1.45rem;
  font-weight: 950;
}

.license-expired-box h1 {
  margin: 0 0 5px;
  color: #9d261f;
  font-size: 1.15rem;
}

.license-expired-box p {
  margin: 3px 0;
  font-size: .78rem;
  line-height: 1.4;
}

.license-contact-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.license-contact-actions a,
.license-contact-actions > span {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 10px;
  border: 1.5px solid #ba3a33;
  border-radius: 9px;
  background: #fff;
  color: #962a24;
  font-size: .72rem;
  font-weight: 850;
  text-decoration: none;
}

.license-contact-actions a.whatsapp {
  border-color: #179755;
  color: #0f783f;
}

/* Ana panel lisans durum etiketi */
.dashboard-identity-copy p .dashboard-license-status {
  padding: 4px 7px;
  border: 1px solid #ffffff4a;
  border-radius: 7px;
  background: #ffffff16;
  color: #e8f7f3;
  font-size: .59rem;
  font-weight: 900;
  line-height: 1;
}

.dashboard-identity-copy p .dashboard-license-status.demo {
  border-color: #f3c95d;
  background: #f3c95d22;
  color: #ffedae;
}

.dashboard-identity-copy p .dashboard-license-status.warning {
  border-color: #ff8b65;
  background: #ff6d4729;
  color: #ffd2c5;
  animation: license-warning-pulse 1.8s ease-in-out infinite;
}

.dashboard-identity-copy p .dashboard-license-status.admin {
  border-color: #9bc9ff;
  background: #71aaf02b;
  color: #d8ebff;
}

@keyframes license-warning-pulse {
  50% { box-shadow: 0 0 0 4px #ff765329; }
}

.mobile-dashboard .menu-grid .menu-card.admin {
  border-color: #525f9f;
  background: linear-gradient(135deg, #e7eaff, #cfd5f6);
  color: #313c78;
}

.mobile-dashboard .menu-grid .menu-card.admin:hover {
  border-color: #303c79;
  background: #455291;
  color: #fff;
}

/* Admin ve lisans yönetimi */
.admin-license-page {
  background: linear-gradient(180deg, #e8f2f0 0, #f5f9f8 300px, #f5f9f8 100%);
}

.admin-license-page .wrap {
  width: min(980px, 100%);
  margin: 0 auto;
}

.admin-license-page .wrap > .card {
  min-height: 100vh;
  padding: 12px 14px 35px;
  border-radius: 0;
  background: #fbfdfc;
  box-shadow: none;
}

.admin-license-page .top-homebar {
  position: sticky;
  top: 0;
  z-index: 30;
  margin: 0 0 13px;
  padding: 6px 0 9px;
  background: #fbfdfcf2;
}

.admin-panel-head,
.admin-license-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 14px;
  padding: 19px;
  border: 2px solid #0b6b58;
  border-radius: 17px;
  background: linear-gradient(135deg, #0b7964, #164d43);
  color: #fff;
  box-shadow: 0 10px 24px #0a493d27;
}

.admin-panel-head span,
.admin-license-heading span {
  display: block;
  margin-bottom: 4px;
  color: #bde8de;
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .12em;
}

.admin-panel-head h1,
.admin-license-heading h1 {
  margin: 0;
  color: #fff;
  font-size: 1.45rem;
}

.admin-panel-head p,
.admin-license-heading p {
  margin: 5px 0 0;
  color: #d7f0ea;
  font-size: .72rem;
}

.admin-panel-head > a,
.admin-license-heading > b {
  flex: 0 0 auto;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  border: 1.5px solid #ffffff75;
  border-radius: 10px;
  background: #ffffff16;
  color: #fff;
  font-size: .72rem;
  font-weight: 900;
  text-decoration: none;
}

.admin-stat-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
  margin-bottom: 13px;
}

.admin-stat-grid article {
  min-width: 0;
  padding: 13px 10px;
  border: 1.5px solid #b8cdc7;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 5px 13px #173d3310;
}

.admin-stat-grid span,
.admin-stat-grid strong {
  display: block;
}

.admin-stat-grid span {
  color: #63756f;
  font-size: .62rem;
}

.admin-stat-grid strong {
  margin-top: 5px;
  color: #173d34;
  font-size: 1.35rem;
}

.admin-stat-grid .demo { border-color: #d4a449; background: #fff8e8; }
.admin-stat-grid .active { border-color: #59a68d; background: #edfaf5; }
.admin-stat-grid .warning { border-color: #dc7a2b; background: #fff1df; }
.admin-stat-grid .expired { border-color: #cf655f; background: #fff0ef; }

.admin-menu-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  margin-bottom: 15px;
}

.admin-menu-grid a {
  min-height: 82px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px;
  border: 2px solid #8e78bf;
  border-radius: 14px;
  background: linear-gradient(135deg, #f1ecff, #ded3f4);
  color: #4e3479;
  text-decoration: none;
}

.admin-menu-grid a:nth-child(2) {
  border-color: #589ca7;
  background: linear-gradient(135deg, #e6f7f8, #d0ecee);
  color: #275f67;
}

.admin-menu-grid a > b {
  width: 43px;
  height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  background: #ffffff9e;
  font-size: 1.25rem;
}

.admin-menu-grid strong,
.admin-menu-grid small {
  display: block;
}

.admin-menu-grid strong { font-size: .9rem; }
.admin-menu-grid small { margin-top: 4px; font-size: .63rem; font-weight: 650; }

.admin-section-title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 9px;
}

.admin-section-title h2 { margin: 0; font-size: 1.05rem; }
.admin-section-title p { margin: 3px 0 0; color: #71817c; font-size: .68rem; }
.admin-section-title a { color: #08715d; font-size: .68rem; font-weight: 850; }
.admin-empty { padding: 24px 12px; border: 1.5px dashed #b9cbc6; border-radius: 11px; color: #6c7c77; text-align: center; font-size: .72rem; }

.admin-license-history {
  display: grid;
  gap: 6px;
}

.admin-license-history article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 11px;
  border: 1.5px solid #c4d4d0;
  border-radius: 10px;
  background: #fff;
}

.admin-license-history strong,
.admin-license-history b,
.admin-license-history small { display: block; }
.admin-license-history strong { font-size: .75rem; }
.admin-license-history b { color: #08715d; font-size: .74rem; text-align: right; }
.admin-license-history small { margin-top: 3px; color: #71817c; font-size: .6rem; }

.license-contact-box {
  margin-bottom: 11px;
  border: 2px solid #4d83b7;
  border-radius: 13px;
  background: #eef6fd;
  overflow: hidden;
}

.license-contact-box summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 48px;
  padding: 10px 13px;
  color: #245d91;
  font-size: .78rem;
  font-weight: 900;
  cursor: pointer;
  list-style: none;
}

.license-contact-box summary::-webkit-details-marker { display: none; }
.license-contact-box[open] summary span { transform: rotate(180deg); }

.license-contact-form {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
  padding: 0 11px 11px;
}

.license-contact-form input,
.license-contact-form textarea {
  width: 100%;
  margin: 0;
  border-color: #9bb8d2;
  background: #fff;
}

.license-contact-form textarea,
.license-contact-form button { grid-column: 1 / -1; }
.license-contact-form button { min-height: 43px; margin: 0; background: #2c6fa8; }

.admin-license-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 6px;
  margin-bottom: 10px;
}

.admin-license-search input,
.admin-license-search button,
.admin-license-search a {
  min-height: 45px;
  margin: 0;
}

.admin-license-search a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 11px;
  border: 1.5px solid #b6c7c2;
  border-radius: 10px;
  color: #4f655f;
  font-size: .7rem;
  font-weight: 850;
  text-decoration: none;
}

.admin-license-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.admin-license-card {
  border: 2px solid #b8ccc6;
  border-radius: 13px;
  background: #fff;
  overflow: hidden;
}

.admin-license-card.status-demo { border-color: #d3a34b; }
.admin-license-card.status-active { border-color: #58a18a; }
.admin-license-card.status-warning { border-color: #d97725; }
.admin-license-card.status-expired { border-color: #c94d47; }

.admin-license-card > summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 105px;
  align-items: center;
  gap: 10px;
  min-height: 66px;
  padding: 11px 12px;
  cursor: pointer;
  list-style: none;
}

.admin-license-card > summary::-webkit-details-marker { display: none; }
.admin-license-card[open] > summary { background: #f6faf9; }
.admin-license-card > summary strong,
.admin-license-card > summary small { display: block; }
.admin-license-card > summary strong { color: #17372f; font-size: .82rem; }
.admin-license-card > summary small { margin-top: 4px; color: #667a74; font-size: .61rem; }

.license-state-badge {
  min-width: 105px;
  padding: 6px 8px;
  border-radius: 8px;
  background: #e6efed;
  color: #3c5e55;
  font-size: .62rem;
  font-weight: 900;
  text-align: center;
}

.license-state-badge.demo { background: #fff0c8; color: #80530a; }
.license-state-badge.active { background: #ddf4eb; color: #17644f; }
.license-state-badge.warning { background: #ffe1c2; color: #984b0b; }
.license-state-badge.expired { background: #ffe0de; color: #a42520; }

.license-card-expiry { text-align: right; }
.license-card-expiry b,
.license-card-expiry small { display: block; }
.license-card-expiry b { color: #284c42; font-size: .7rem; }
.license-card-expiry small { margin-top: 3px; color: #75847f; font-size: .58rem; }

.admin-license-card-body {
  padding: 11px;
  border-top: 1.5px solid #d5e0dd;
  background: #fbfdfc;
}

.license-date-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin-bottom: 9px;
}

.license-date-grid > span {
  padding: 8px;
  border: 1px solid #ccd9d5;
  border-radius: 8px;
  background: #fff;
}

.license-date-grid small,
.license-date-grid b { display: block; }
.license-date-grid small { color: #70817b; font-size: .57rem; }
.license-date-grid b { margin-top: 3px; color: #26483f; font-size: .68rem; }

.license-extend-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  padding: 10px;
  border: 1.5px solid #a9c8bf;
  border-radius: 11px;
  background: #edf8f4;
}

.license-extend-form label { margin: 0; }
.license-extend-form label > span { display: block; margin: 0 2px 4px; color: #42655b; font-size: .62rem; font-weight: 850; }
.license-extend-form input,
.license-extend-form textarea { width: 100%; margin: 0; background: #fff; }
.license-extend-form .description,
.license-extend-form > button { grid-column: 1 / -1; }
.license-extend-form > button { min-height: 45px; margin: 0; background: linear-gradient(135deg, #0c9278, #08705d); }
.license-money-input { position: relative; }
.license-money-input input { padding-right: 40px; }
.license-money-input b { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: #677a74; font-size: .65rem; }

.license-cancel-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  padding: 9px;
  border: 1.5px solid #d98a85;
  border-radius: 10px;
  background: #fff1f0;
}

.license-cancel-form button {
  min-height: 41px;
  margin: 0;
  border: 1.5px solid #b52e28;
  background: #c83c35;
  color: #fff;
}

.license-cancel-form small {
  color: #88413c;
  font-size: .58rem;
  font-weight: 750;
}

.license-test-expire-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  padding: 9px;
  border: 1.5px dashed #b67419;
  border-radius: 10px;
  background: #fff7e5;
}

.license-test-expire-form button {
  min-height: 41px;
  margin: 0;
  border: 1.5px solid #9a5f0e;
  background: #ba7415;
  color: #fff;
}

.license-test-expire-form small {
  color: #775522;
  font-size: .58rem;
  font-weight: 750;
}

.license-user-history { margin-top: 10px; }
.license-user-history h3 { margin: 0 0 7px; font-size: .82rem; }
.license-user-history article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 7px;
  padding: 8px 9px;
  border-top: 1px solid #d9e3e0;
}
.license-user-history b,
.license-user-history strong,
.license-user-history small { display: block; }
.license-user-history b { font-size: .7rem; }
.license-user-history strong { color: #08715d; font-size: .7rem; text-align: right; }
.license-user-history small { margin-top: 3px; color: #71817c; font-size: .56rem; }
.license-user-history p { grid-column: 1 / -1; margin: 0; color: #526862; font-size: .64rem; line-height: 1.35; }
.license-user-history article.cancelled { border-color: #e3aaa6; background: #fff2f1; }
.license-user-history article.cancelled b,
.license-user-history article.cancelled strong { color: #b12e28; }

@media (max-width: 700px) {
  .license-expired-box { grid-template-columns: 38px minmax(0, 1fr); gap: 9px; padding: 11px; border-radius: 12px; }
  .license-expired-icon { width: 38px; height: 38px; font-size: 1.15rem; }
  .license-expired-box h1 { font-size: .95rem; }
  .license-expired-box p { font-size: .68rem; }
  .license-contact-actions { display: grid; grid-template-columns: 1fr; }
  .license-contact-actions a,
  .license-contact-actions > span { width: 100%; min-height: 40px; }

  .dashboard-identity-copy p .dashboard-license-status { padding: 3px 5px; font-size: .48rem; }
  .admin-license-page .wrap > .card { padding: 7px 7px 25px; }
  .admin-panel-head,
  .admin-license-heading { padding: 13px 11px; border-width: 1.5px; border-radius: 13px; }
  .admin-panel-head h1,
  .admin-license-heading h1 { font-size: 1.12rem; }
  .admin-panel-head > a,
  .admin-license-heading > b { min-height: 38px; padding: 6px 8px; font-size: .59rem; }
  .admin-stat-grid { grid-template-columns: repeat(2, 1fr); gap: 5px; }
  .admin-stat-grid article:first-child { grid-column: 1 / -1; }
  .admin-stat-grid article { padding: 9px; }
  .admin-stat-grid strong { font-size: 1.05rem; }
  .admin-menu-grid { grid-template-columns: 1fr; gap: 6px; }
  .admin-menu-grid a { min-height: 68px; padding: 9px; border-width: 1.5px; }
  .license-contact-form { grid-template-columns: 1fr; padding: 0 8px 8px; }
  .license-contact-form textarea,
  .license-contact-form button { grid-column: auto; }
  .admin-license-search { grid-template-columns: minmax(0, 1fr) auto; }
  .admin-license-search a { grid-column: 1 / -1; min-height: 36px; }
  .admin-license-card { border-width: 1.5px; border-radius: 10px; }
  .admin-license-card > summary { grid-template-columns: minmax(0, 1fr) 92px; gap: 6px; min-height: 62px; padding: 8px; }
  .admin-license-card > summary > div:first-child { grid-row: 1 / 3; }
  .license-state-badge { min-width: 92px; padding: 5px; font-size: .52rem; }
  .license-card-expiry { grid-column: 2; text-align: center; }
  .license-card-expiry b { font-size: .58rem; }
  .license-card-expiry small { font-size: .5rem; }
  .admin-license-card-body { padding: 7px; }
  .license-date-grid { gap: 4px; }
  .license-date-grid > span { padding: 6px 4px; }
  .license-date-grid small { font-size: .48rem; }
  .license-date-grid b { font-size: .55rem; }
  .license-extend-form { grid-template-columns: 1fr; padding: 7px; }
  .license-extend-form .description,
  .license-extend-form > button { grid-column: auto; }
  .license-cancel-form,
  .license-test-expire-form { grid-template-columns: 1fr; text-align: center; }
}