/* pages-account.css (member-only views) */

.member-page{
  max-width:1080px;
  margin:18px auto 28px;
  padding:0 10px;
  color:var(--text);
  font-size:14px;
  line-height:1.55;
}

.member-page > br,
.member-page p:empty{
  display:none;
}

.member-page a{
  text-underline-offset:2px;
}

.member-page .formTable,
.member-page table.formTd,
.member-page .TableBaslik,
.member-page > table[border="0"][align="center"]:not(.formTable):not(.TableBaslik):not(.formTd){
  width:96% !important;
  margin:0 auto 16px;
  border:1px solid var(--border) !important;
  border-radius:12px;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  background:#fff;
  box-shadow:0 8px 22px rgba(0,0,0,.05);
}

.member-page .member-announcements{
  max-width:900px;
}

.member-page .member-stats-table{
  max-width:780px;
}

.member-page .formTable td,
.member-page .formTable th,
.member-page table.formTd td,
.member-page table.formTd th,
.member-page .TableBaslik td,
.member-page .TableBaslik th,
.member-page > table[border="0"][align="center"]:not(.formTable):not(.TableBaslik):not(.formTd) td{
  padding:9px 11px;
  font-size:13px;
  line-height:1.45;
  border-top:1px solid var(--border);
  vertical-align:middle;
  color:#111827;
  background:#fff;
}

.member-page .formTable tr:first-child > td,
.member-page .formTable tr:first-child > th,
.member-page table.formTd tr:first-child > td,
.member-page table.formTd tr:first-child > th,
.member-page .TableBaslik tr:first-child > td,
.member-page .TableBaslik tr:first-child > th,
.member-page > table[border="0"][align="center"]:not(.formTable):not(.TableBaslik):not(.formTd) tr:first-child > td{
  border-top:0;
}

.member-page .formBaslik{
  background:linear-gradient(180deg,#0b5ed7,#0a4fb6) !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:900 !important;
  border-top:0 !important;
  padding:10px 12px !important;
}

.member-page .formBaslik2{
  background:#f3f4f6 !important;
  color:#111827 !important;
  font-size:12.5px !important;
  font-weight:800 !important;
}

.member-page .formTd{
  background:#fff !important;
  color:#111827 !important;
  font-size:13px !important;
  border-top:1px solid var(--border) !important;
}

.member-page .formStr1,
.member-page td[class*="func_rand"]{
  background:#fff !important;
}

.member-page .formStr2{
  background:#f8fafc !important;
}

.member-page tr:hover .formStr1,
.member-page tr:hover .formStr2,
.member-page tr:hover td[class*="func_rand"]{
  background:#f8fbff !important;
}

.member-page td[nowrap],
.member-page th[nowrap]{
  white-space:nowrap;
}

.member-page .formTd input[type="text"],
.member-page .formTd input[type="password"],
.member-page .formTd input[type="url"],
.member-page .formTd input[type="email"],
.member-page .formTd select,
.member-page .formTd textarea,
.member-page .formBaslik2 input[type="text"],
.member-page .formBaslik2 select{
  width:100% !important;
  box-sizing:border-box;
  padding:8px 10px;
  border:1px solid var(--border);
  border-radius:8px;
  background:#fff;
  font-size:13px;
}

.member-page .formBaslik2 input[type="text"],
.member-page .formBaslik2 select{
  min-width:140px;
  max-width:280px;
}

.member-page .formTd textarea{
  min-height:110px;
  resize:vertical;
}

.member-page .formTd ul,
.member-page .formTd ol{
  margin:8px 0;
  padding-left:20px;
}

.member-page .formTd li{
  margin:6px 0;
  line-height:1.6;
}

.member-page input[type="submit"],
.member-page button,
.member-page input[type="button"]{
  padding:8px 12px;
  border:1px solid #0a4fb6;
  border-radius:8px;
  background:#0b5ed7;
  color:#fff;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}

.member-page input[type="submit"]:hover,
.member-page button:hover,
.member-page input[type="button"]:hover{
  filter:brightness(.96);
}

.member-page img[src*="/image.php"]{
  display:block;
  max-width:170px;
  height:auto;
  border:1px solid var(--border);
  border-radius:8px;
  background:#fff;
  padding:4px;
}

.member-page .member-stats-label{
  font-size:14px !important;
  font-weight:700;
}

.member-page .member-stats-value{
  text-align:center !important;
}

.member-page .member-stats-number{
  font-size:28px;
  font-weight:900;
  color:#0b5ed7;
  letter-spacing:.01em;
}

.member-page .baslik{
  margin:0 0 10px;
  font-size:17px;
  font-weight:900;
  color:#0f172a;
}

.member-page .text,
.member-page .textim,
.member-page .metin{
  margin:8px 0;
  font-size:13.5px;
  line-height:1.65;
  color:#374151;
}

.member-page blockquote{
  width:96%;
  margin:0 auto 14px;
  padding:0;
  border:0;
}

.member-page .baslik + .metin{
  margin-top:0;
}

.member-page .member-metin-time,
.member-page .metin[style*="text-align: right"]{
  text-align:right !important;
  background:#f3f4f6 !important;
  border:1px solid var(--border);
  border-radius:8px;
  padding:8px 10px;
  color:#6b7280;
  font-size:12px;
}

.member-page .member-payment-form{
  max-width:860px;
}

.member-page .member-order-form{
  max-width:860px;
  border:1px solid #b9ddb0 !important;
  box-shadow:0 8px 20px rgba(22,163,74,.12);
}

.member-page .member-order-form .formBaslik{
  background:linear-gradient(180deg,#16a34a,#15803d) !important;
  color:#fff !important;
  border-top:0 !important;
}

.member-page .member-order-form .formBaslik2{
  background:#eaf6e5 !important;
  color:#1f4d29 !important;
  border-top:1px solid #c7e5c0 !important;
}

.member-page .member-order-form .formTd{
  background:#f4fbef !important;
  border-top:1px solid #c7e5c0 !important;
}

.member-page .member-order-form tr:nth-child(even) .formTd{
  background:#edf8e6 !important;
}

.member-page .member-order-form .formTd input[type="text"],
.member-page .member-order-form .formTd input[type="password"],
.member-page .member-order-form .formTd input[type="url"],
.member-page .member-order-form .formTd input[type="email"],
.member-page .member-order-form .formTd select,
.member-page .member-order-form .formTd textarea{
  border-color:#9fc98f !important;
}

.member-page .member-order-form input[type="submit"],
.member-page .member-order-form button,
.member-page .member-order-form input[type="button"]{
  border:1px solid #20843b;
  background:linear-gradient(180deg,#35b15c,#249544);
}

.member-page .member-order-form input[type="submit"]:hover,
.member-page .member-order-form button:hover,
.member-page .member-order-form input[type="button"]:hover{
  filter:brightness(.96);
}

.member-page .member-payment-form .formTd:first-child{
  width:170px;
  font-weight:700;
  white-space:nowrap;
}

.member-page .member-date-fields{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
}

.member-page .member-date-fields br{
  display:none;
}

.member-page .member-date-fields select,
.member-page .member-date-fields input[type="text"],
.member-page .member-date-fields input[type="number"]{
  width:auto !important;
  min-width:90px;
  max-width:120px;
  display:inline-block;
}

.member-page .member-date-fields select{
  appearance:auto;
  -webkit-appearance:menulist;
  -moz-appearance:menulist;
}

.member-page .member-domain-inline{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:nowrap;
}

.member-page .member-domain-inline input[type="text"],
.member-page .member-domain-inline input[type="search"],
.member-page .member-domain-inline select{
  width:auto !important;
  flex:0 1 300px;
  min-width:170px;
}

.member-page .member-domain-suffix{
  white-space:nowrap;
  font-weight:700;
  color:#1f2937;
}

.member-page .member-bank-note{
  max-width:860px;
}

.member-page .member-bank-note td{
  padding:14px 16px;
}

.member-page .member-ticket-note,
.member-page .member-ticket-search{
  background:#f3f4f6 !important;
  border:1px solid var(--border);
  border-radius:10px;
  padding:10px 12px;
}

.member-page .member-ticket-search{
  text-align:right !important;
}

.member-page .member-ticket-search input[type="text"]{
  width:230px;
  max-width:60vw;
}

.member-page .member-ticket-link{
  font-size:13px;
  line-height:1.45;
  text-decoration:underline;
}

.member-page .member-ticket-link-read{
  color:#111827;
  font-weight:600;
}

.member-page .member-ticket-link-new{
  color:#dc2626;
  font-weight:800;
}

.member-page .member-new-ticket{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border:1px solid #ef4444;
  border-radius:8px;
  background:#fff1f2;
  color:#b91c1c !important;
  font-weight:800;
  text-decoration:none !important;
}

.member-page .member-new-ticket:hover{
  background:#ffe4e6;
}

.member-page .member-warning-block{
  width:96%;
  margin:0 auto 14px;
  padding:14px 16px;
  border:1px solid #fed7aa;
  border-radius:12px;
  background:#fff7ed;
  font-size:13px;
  color:#7c2d12;
}

.member-page .member-warning-title{
  margin:0 0 8px;
  color:#b91c1c;
  font-size:16px;
  font-weight:900;
}

.member-page .member-unit{
  font-size:11px;
  font-weight:700;
  color:#6b7280;
  letter-spacing:.02em;
}

.member-page .member-strong{
  font-weight:800;
}

.member-page .member-justify{
  text-align:justify;
}

.member-page .member-empty-text{
  display:inline-block;
  padding:12px 14px;
  border:1px solid var(--border);
  border-radius:10px;
  background:#f9fafb;
  color:#111827;
  font-size:16px;
}

.member-page .member-transfer-ok{
  color:#b91c1c !important;
  font-size:12px !important;
  font-weight:800 !important;
  background:#fff !important;
}

.member-page .member-bank-table{
  max-width:860px;
  border:1px solid var(--border) !important;
  border-radius:12px !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  overflow:hidden;
  background:#fff !important;
}

.member-page .member-bank-table .member-bank-head td{
  background:#0b5ed7 !important;
  color:#fff !important;
  font-size:12.5px !important;
  font-weight:800 !important;
  white-space:nowrap;
}

.member-page .member-bank-table .member-bank-footnote{
  background:#f9fafb !important;
  font-weight:700;
}

.member-page .TableBaslik tr:first-child td{
  background:#0b5ed7 !important;
  color:#fff !important;
  font-weight:800;
}

.member-page .TableBaslik td{
  font-size:13px;
}

.member-page .formTable .formTable{
  width:100% !important;
  max-width:640px;
  box-shadow:none;
}

.member-page center{
  display:block;
  text-align:center;
  margin:10px 0;
}

.member-page a[href*="uye_hosting_bilgi.php"],
.member-page a[href*="uye_domainler_dns_degistir.php"]{
  display:inline-block;
  padding:5px 9px;
  border:1px solid #bfdbfe;
  border-radius:8px;
  background:#eff6ff;
  color:#1d4ed8;
  text-decoration:none;
  font-weight:700;
}

.member-page a[href*="uye_hosting_bilgi.php"]:hover,
.member-page a[href*="uye_domainler_dns_degistir.php"]:hover{
  background:#dbeafe;
}

.member-page td a img{
  max-width:18px;
  max-height:18px;
  vertical-align:middle;
}

.member-page font[color="red"],
.member-page font[color="#ff0000"],
.member-page font[color="#FF0000"]{
  color:#dc2626 !important;
}

@media (max-width:980px){
  .member-page{
    padding:0 8px;
  }

  .member-page .formTable,
  .member-page .TableBaslik,
  .member-page table.formTd,
  .member-page > table[border="0"][align="center"]:not(.formTable):not(.TableBaslik):not(.formTd){
    display:block;
    width:100% !important;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  .member-page .formTable > tbody,
  .member-page .TableBaslik > tbody,
  .member-page table.formTd > tbody{
    display:table;
    width:100%;
    min-width:660px;
  }

  .member-page .member-stats-table > tbody,
  .member-page .member-announcements > tbody{
    min-width:0;
  }

  .member-page .member-ticket-search input[type="text"]{
    width:180px;
    max-width:52vw;
  }
}