/* Integrarea motorului PHP existent în interfața Metin2Akarys aprobată. */

.server-state--offline { color: #ff9a9f; }
.server-state--offline i { background: #ff5d6c; box-shadow: 0 0 13px #ff5d6c; }

.main-nav a.is-active { color: #f1fffb; background: linear-gradient(90deg, rgba(24, 123, 105, .2), rgba(92, 43, 155, .16)); }

.inner-grid--wide { grid-template-columns: minmax(0, 1fr); }
.runtime-page { min-width: 0; }
.runtime-page > .container,
.runtime-page .ak-page,
.runtime-page .ak-page-content,
.runtime-page .bd-c,
.runtime-page .mt2cms2-c-l { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
.runtime-page .page-hd { display: none !important; }
.runtime-heading + .ak-page,
.runtime-heading + .container,
.runtime-heading + .mt2cms2-c-l { margin-top: 0 !important; }

.runtime-page h1,
.runtime-page h2,
.runtime-page h3,
.runtime-page h4,
.runtime-page h5,
.runtime-page #page_title { color: #edf5f2; font-family: "Akarys Cinzel", Georgia, serif; }
.runtime-page #page_title { margin: 0 0 22px; padding: 0 0 14px; border-bottom: 1px solid rgba(128, 220, 203, .11); font-size: 22px; }
.runtime-page p,
.runtime-page li,
.runtime-page td,
.runtime-page label { color: #a7b7b5; }
.runtime-page a { color: var(--green-soft); }
.runtime-page a:hover { color: #fff; }

.runtime-page form { max-width: 100%; }
.runtime-page .form-group { margin-bottom: 18px; }
.runtime-page label,
.runtime-page .control-label,
.runtime-page .col-form-label { display: block; margin-bottom: 8px; color: #dbe8e5; font-size: 14px; font-weight: 700; }
.runtime-page input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
.runtime-page select,
.runtime-page textarea,
.runtime-page .form-control,
.runtime-page .input-nou,
.runtime-page .input-adm {
  width: 100% !important; min-height: 50px; margin: 0 !important; padding: 10px 16px !important;
  border: 1px solid rgba(109, 199, 183, .17) !important; border-radius: 2px !important;
  outline: 0; color: #edf7f4 !important; background: rgba(1, 7, 10, .76) !important;
  box-shadow: inset 0 0 22px rgba(0,0,0,.28) !important;
}
.runtime-page textarea { min-height: 130px; resize: vertical; }
.runtime-page input:focus,
.runtime-page select:focus,
.runtime-page textarea:focus,
.runtime-page .form-control:focus { border-color: rgba(53, 244, 201, .62) !important; box-shadow: 0 0 0 3px rgba(32,224,182,.08) !important; }
.runtime-page input::placeholder,
.runtime-page textarea::placeholder { color: #536467; }
.runtime-page input[type="checkbox"],
.runtime-page input[type="radio"] { accent-color: var(--green); }

.runtime-page .btn,
.runtime-page button:not(.close),
.runtime-page input[type="submit"],
.runtime-page input[type="button"],
.runtime-page .special-btn {
  min-height: 48px; padding: 0 24px !important; border: 1px solid rgba(84,255,219,.46) !important;
  border-radius: 0 !important; color: #eafffa !important;
  background: linear-gradient(110deg, rgba(20,157,130,.84), rgba(44,115,113,.74) 48%, rgba(116,42,184,.78)) !important;
  font-family: "Akarys Cinzel", Georgia, serif; font-size: 12px; font-weight: 900; letter-spacing: .06em;
  text-transform: uppercase; box-shadow: inset 0 0 22px rgba(41,247,204,.1), 0 0 25px rgba(31,224,186,.1);
  clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 9px, 100% calc(100% - 9px), calc(100% - 9px) 100%, 9px 100%, 0 calc(100% - 9px), 0 9px);
}
.runtime-page .btn:hover,
.runtime-page button:not(.close):hover,
.runtime-page input[type="submit"]:hover { filter: brightness(1.13); }

.runtime-page .table,
.runtime-page table { width: 100% !important; max-width: 100%; margin: 0 0 24px !important; border-collapse: collapse; color: #aebbb9; background: rgba(1,7,10,.45); }
.runtime-page .table th,
.runtime-page .table td,
.runtime-page table th,
.runtime-page table td { padding: 14px 16px !important; border: 1px solid rgba(93,197,178,.11) !important; vertical-align: middle; }
.runtime-page .table thead,
.runtime-page .thead-inverse { color: #edf6f4 !important; background: linear-gradient(90deg, rgba(15,111,91,.22), rgba(87,37,148,.2)) !important; }
.runtime-page .table-striped tbody tr:nth-of-type(odd) { background: rgba(31,102,89,.07); }
.runtime-page .table-hover tbody tr:hover { background: rgba(75,221,192,.08); }

.runtime-page .alert { margin: 0 0 20px; padding: 15px 18px; border: 1px solid rgba(77,231,201,.2); border-radius: 0; color: #cbd9d6; background: rgba(8,35,34,.88); }
.runtime-page .alert-danger { border-color: rgba(255,89,106,.25); color: #ffc0c5; background: rgba(75,15,25,.45); }
.runtime-page .alert-success { border-color: rgba(77,231,201,.25); color: #baffeb; }
.runtime-page hr { border: 0; border-top: 1px solid rgba(113,200,184,.1); }

.runtime-page .panel,
.runtime-page .card,
.runtime-page .jumbotron,
.runtime-page .list-group { margin-bottom: 22px; border: 1px solid rgba(77,231,201,.16) !important; border-radius: 0 !important; color: #aebbb9; background: rgba(2,9,12,.52) !important; box-shadow: 0 16px 38px rgba(0,0,0,.18); }
.runtime-page .panel-heading,
.runtime-page .card-header,
.runtime-page .list-group-item.active { padding: 16px 19px; border: 0 !important; border-bottom: 1px solid rgba(128,220,203,.11) !important; color: #edf5f2 !important; background: linear-gradient(90deg, rgba(15,111,91,.2), rgba(87,37,148,.18)) !important; }
.runtime-page .panel-body,
.runtime-page .card-block,
.runtime-page .card-body { padding: 20px; color: #aebbb9; background: transparent !important; }
.runtime-page .list-group { overflow: hidden; padding: 0; }
.runtime-page .list-group-item { display: block; padding: 16px 19px; border: 0 !important; border-top: 1px solid rgba(93,197,178,.09) !important; color: #b4c4c1 !important; background: rgba(2,10,13,.58) !important; }
.runtime-page .list-group-item:hover { color: #effaf7 !important; background: rgba(20,104,90,.18) !important; }
.runtime-page .list-group-item-heading { margin: 0 0 5px; font-size: 14px; }
.runtime-page .list-group-item-text { margin: 0; color: #718582 !important; }

.runtime-page .nav-tabs { margin-bottom: 20px; border-bottom: 1px solid rgba(74,220,192,.15); }
.runtime-page .nav-tabs > li > a,
.runtime-page .nav-link { border: 0 !important; border-bottom: 2px solid transparent !important; color: #879795 !important; background: transparent !important; }
.runtime-page .nav-tabs > li.active > a,
.runtime-page .nav-tabs > li > a:hover,
.runtime-page .nav-link.active { border-bottom-color: var(--green) !important; color: var(--green-soft) !important; }

.runtime-page .ak-ranking-search {
  margin: 0 0 22px !important;
  padding: 18px !important;
}
.runtime-page .ak-ranking-search .row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; margin: 0; }
.runtime-page .ak-ranking-search [class*="col-"] { width: auto; max-width: none; padding: 0; }
.runtime-page .ak-ranking-search button { width: 100%; margin: 0 !important; }
.runtime-page .ak-ranking-search + .nav-tabs,
.runtime-page .ak-page--ranking .nav-tabs { display: flex; gap: 8px; margin: 0 0 20px !important; padding: 0; }
.runtime-page .ak-page--ranking .nav-tabs li { margin: 0; list-style: none; }
.runtime-page .ak-page--ranking .nav-tabs a { display: flex; align-items: center; gap: 7px; padding: 10px 14px; }
.runtime-page .ak-page--ranking .nav-tabs img { width: 22px; height: 22px; object-fit: contain; }

.runtime-page .ak-page--login form,
.runtime-page .ak-page--recovery form,
.runtime-page .ak-page--password form,
.runtime-page .ak-page--email form { display: block; }
.runtime-page .ak-page--account .user-avatar { display: block; width: 118px !important; height: 118px; margin: 0 auto 14px; border: 1px solid rgba(69,233,198,.28); border-radius: 50%; object-fit: cover; box-shadow: 0 0 35px rgba(32,221,180,.09); }
.runtime-page .ak-page--account td[style] { color: #a7b7b5 !important; text-align: left !important; }
.runtime-page .ak-page--account td:first-child p { color: #7f9692; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; }
.runtime-page .ak-page--referrals .btn,
.runtime-page .ak-page--redeem .btn { width: auto !important; margin: 0 !important; }
.runtime-page .ak-referral-link .input-group,
.runtime-page .ak-redeem-form .input-group { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; }
.runtime-page .ak-referral-link .input-group-btn,
.runtime-page .ak-redeem-form .input-group-btn { display: block; }
.runtime-page .ak-referral-summary { margin-top: 24px; padding: 24px !important; }
.runtime-page .post { margin-bottom: 20px; padding: 25px; border: 1px solid rgba(77,231,201,.14); background: linear-gradient(145deg,rgba(6,18,20,.82),rgba(10,7,16,.86)); }
.runtime-page .post_title { margin-bottom: 14px; padding-bottom: 12px; border-bottom: 1px solid rgba(113,200,184,.1); color: #edf5f2; font: 900 20px "Akarys Cinzel",Georgia,serif; }
.runtime-page .post_content { color: #9badaa; line-height: 1.75; }
.runtime-page .post_date { margin-top: 16px; color: #657779; font-size: 11px; }

.runtime-page .pagination { display: flex; flex-wrap: wrap; gap: 7px; margin: 24px 0; padding: 0; list-style: none; }
.runtime-page .pagination > li > a,
.runtime-page .pagination > li > span { display: grid; min-width: 38px; height: 38px; place-items: center; border: 1px solid rgba(77,231,201,.16); color: #9fb2af; background: rgba(2,9,12,.72); }
.runtime-page .pagination > .active > a,
.runtime-page .pagination > .active > span { color: #fff; background: linear-gradient(110deg, rgba(20,157,130,.74), rgba(116,42,184,.7)); }

.text-danger { color: #ff8c9b !important; }
.text-success { color: var(--green-soft) !important; }
.pull-right { float: right; }

.account-wallet { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 0 0 18px; }
.account-wallet span { padding: 12px; border: 1px solid rgba(112,194,180,.12); color: #718583; font-size: 11px; text-transform: uppercase; }
.account-wallet strong { display: block; margin-top: 4px; color: #e0eeeb; font-size: 15px; }
.account-nav { display: grid; border-top: 1px solid rgba(113,200,184,.1); }
.account-nav a { padding: 12px 2px; border-bottom: 1px solid rgba(113,200,184,.08); color: #aebfbc; font-size: 13px; }
.account-nav a:hover { padding-left: 7px; color: var(--green-soft); }
.account-nav__admin { color: #d8b3ff !important; }
.account-nav__admin i { margin-right: 8px; }
.captcha-slot { max-width: 100%; overflow: hidden; }
.captcha-slot .g-recaptcha { transform: scale(.82); transform-origin: left top; margin-bottom: -13px; }
.dot--offline { background: #ff5d6c; box-shadow: 0 0 9px rgba(255,93,108,.72); }
.server-list a { color: var(--purple-soft); font-size: 11px; text-transform: uppercase; }

.runtime-news .post,
.runtime-news .article,
.runtime-news .news-element { position: relative; margin-bottom: 18px; padding: 25px; border: 1px solid rgba(77,231,201,.16); background: linear-gradient(145deg, rgba(7,19,20,.92), rgba(5,10,15,.95)); clip-path: polygon(11px 0, calc(100% - 11px) 0, 100% 11px, 100% calc(100% - 11px), calc(100% - 11px) 100%, 11px 100%, 0 calc(100% - 11px), 0 11px); }
.runtime-news .title-area,
.runtime-news #page_title { margin: 0 0 14px; padding: 0 0 13px; border-bottom: 1px solid rgba(113,200,184,.1); }
.runtime-news .title-area h3 { margin: 0; font-family: "Akarys Cinzel", Georgia, serif; font-size: 20px; }
.runtime-news .title-area span { color: #687b7c; font-size: 12px; }
.runtime-news .post_content,
.runtime-news .content { color: #9aadaa; font-size: 14px; line-height: 1.75; }
.runtime-news .read-more,
.runtime-news .btn { margin-top: 14px; }
.ranking-more-inline { align-self: center; color: var(--green-soft); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }

.captcha-runtime { display: block; }
.captcha-runtime .g-recaptcha { max-width: 100%; margin-top: 12px; overflow: hidden; }
.live-password-rules { margin: 6px 0 0; padding: 12px 15px 12px 30px; border: 1px solid rgba(171,81,255,.13); color: #7f9192; background: rgba(89,43,155,.055); }
.live-password-rules li { padding: 2px 0; font-size: 11px; }
.text-danger:empty { display: none; }

.ak-page--account .ak-account-actions,
.ak-page--ranking .ak-ranking-table { overflow-x: auto; }
.ak-page--characters .jumbotron { width: calc(100% + 40px) !important; margin-right: -20px !important; margin-left: -20px !important; padding: 18px 12px !important; box-sizing: border-box; }
.ak-table-scroll { width: 100%; max-width: 100%; margin: 0; overflow-x: auto; scrollbar-width: none; }
.ak-table-scroll::-webkit-scrollbar { display: none; }
.ak-page--characters .container { width: 100% !important; max-width: 100% !important; padding: 0 !important; }
.runtime-page .ak-characters-table { width: 100% !important; min-width: 0 !important; max-width: 100% !important; table-layout: fixed; margin-inline: 0 !important; }
.runtime-page .ak-characters-table .ak-char-col--rank { width: 12%; }
.runtime-page .ak-characters-table .ak-char-col--class { width: 24%; }
.runtime-page .ak-characters-table .ak-char-col--name { width: 24%; }
.runtime-page .ak-characters-table .ak-char-col--level { width: 14%; }
.runtime-page .ak-characters-table .ak-char-col--exp { width: 26%; }
.runtime-page .ak-characters-table--debug .ak-char-col--rank { width: 11%; }
.runtime-page .ak-characters-table--debug .ak-char-col--class { width: 19%; }
.runtime-page .ak-characters-table--debug .ak-char-col--name { width: 20%; }
.runtime-page .ak-characters-table--debug .ak-char-col--level { width: 10%; }
.runtime-page .ak-characters-table--debug .ak-char-col--exp { width: 14%; }
.runtime-page .ak-characters-table--debug .ak-char-col--action { width: 26%; }
.runtime-page .ak-characters-table th,
.runtime-page .ak-characters-table td { min-width: 0; padding: 11px 6px !important; text-align: center; white-space: normal !important; overflow-wrap: anywhere; }
.runtime-page .ak-characters-table thead th { font-size: 12px; line-height: 1.2; }
.runtime-page .ak-characters-table--debug .btn { width: 100%; min-width: 0; max-width: 108px; padding: 0 7px !important; font-size: 10px; }
.ak-characters-table .class-badge--compact { min-width: 0; }
.ak-characters-table .class-badge--compact img { width: 62px; height: 62px; }
.ak-characters-table form { margin: 0; }
.ak-account-actions .special-btn { display: inline-flex; align-items: center; justify-content: center; }
.ak-account-actions td:last-child { width: 42%; }
.ak-account-actions form { width: 100%; }
.ak-account-actions .special-btn { width: 100%; padding-inline: 14px !important; white-space: nowrap; }

.ak-download-table th,
.ak-download-table td { text-align: center; }
.ak-download-table .btn { width: 100%; min-width: 126px; display: inline-flex; align-items: center; justify-content: center; padding-inline: 14px !important; white-space: nowrap; }

.ak-ranking-table .mastery-cell { width: 136px; padding: 9px !important; }
.mastery-badge { --mastery: #899895; min-width: 122px; display: grid; grid-template-columns: 58px minmax(0,1fr); gap: 7px; align-items: center; padding: 5px 8px; border: 1px solid rgba(92,229,202,.15); color: #e8f1ef; background: linear-gradient(135deg, rgba(15,58,54,.24), rgba(17,9,28,.64)); box-shadow: inset 0 0 18px rgba(58,224,190,.045); clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 7px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 7px 100%, 0 calc(100% - 7px), 0 7px); }
.mastery-badge img { width: 58px; height: 58px; display: block; object-fit: contain; filter: drop-shadow(0 0 8px rgba(62,226,191,.18)); }
.mastery-badge span,
.mastery-badge strong,
.mastery-badge small { display: block; }
.mastery-badge strong { color: #eef7f5; font: 900 9px/1.15 "Akarys Cinzel", Georgia, serif; letter-spacing: .035em; text-transform: uppercase; }
.mastery-badge small { margin-top: 4px; color: var(--mastery); font: 800 9px/1.1 Arial, sans-serif; letter-spacing: .07em; text-transform: uppercase; }
.mastery-badge--initiate { --mastery: #92a19e; }
.mastery-badge--adept { --mastery: #56ddc2; }
.mastery-badge--master { --mastery: #ad83ff; }
.mastery-badge--legend { --mastery: #e9c465; }

.class-badge { min-width: 92px; display: grid; justify-items: center; gap: 5px; }
.class-badge img { width: 72px; height: 72px; display: block; object-fit: contain; filter: drop-shadow(0 7px 10px rgba(0,0,0,.55)) drop-shadow(0 0 8px rgba(76,225,194,.12)); }
.class-badge strong { color: #cde4df; font: 900 9px/1 "Akarys Cinzel", Georgia, serif; letter-spacing: .06em; text-transform: uppercase; }
.ak-donate-panel .panel-title a { display: block; color: #eef7f4; }

.admin-home-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.admin-home-grid > br { display: none; }
.admin-home-grid > .list-group { margin: 0; }
.admin-home-grid .list-group-item-text[style] { color: #718582 !important; }
.runtime-page .modal-content { border: 1px solid rgba(77,231,201,.2); color: #dce9e6; background: linear-gradient(145deg, rgba(3,14,16,.99), rgba(12,8,21,.99)); }
.runtime-page .modal-header,
.runtime-page .modal-footer { border-color: rgba(93,197,178,.13); }

.language-switch { display: flex; justify-content: flex-end; gap: 9px; margin-bottom: 10px; }
.language-switch a { opacity: .42; }
.language-switch a.is-current,
.language-switch a:hover { opacity: 1; }
.footer-meta { text-align: right; }

@media (max-width: 980px) {
  .runtime-page .table { display: block; overflow-x: auto; }
  .runtime-page .ak-characters-table { display: table; overflow: visible; }
  .admin-home-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 700px) {
  .runtime-page { padding: 22px 19px; }
  .runtime-page .table,
  .runtime-page table { display: block; overflow-x: auto; white-space: nowrap; }
  .runtime-page .table th,
  .runtime-page .table td,
  .runtime-page table th,
  .runtime-page table td { padding: 11px 12px !important; }
  .ak-page--characters .jumbotron { width: 100% !important; margin-right: 0 !important; margin-left: 0 !important; padding: 12px 8px !important; }
  .ak-table-scroll { width: 100%; margin-left: 0; }
  .runtime-page .ak-characters-table { min-width: 620px !important; display: table; white-space: normal; }
  .runtime-page [class*="col-"] { float: none !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; }
  .account-wallet,
  .admin-home-grid { grid-template-columns: minmax(0,1fr); }
  .captcha-runtime .g-recaptcha { transform: scale(.82); transform-origin: left top; margin-bottom: -14px; }
  .footer-meta { text-align: left; }
  .language-switch { justify-content: flex-start; }
  .runtime-page .ak-ranking-search .row,
  .runtime-page .ak-referral-link .input-group,
  .runtime-page .ak-redeem-form .input-group { grid-template-columns: minmax(0,1fr); }
}