/* pages-admin.css (admin-only views) */

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

.admin-page > br,
.admin-page p:empty,
.admin-page font[size="1"]{
  display:none;
}

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

.admin-page > h1{
  margin:0 auto 14px;
  padding:10px 12px;
  border:1px solid #fde68a;
  border-radius:10px;
  background:#fffbeb;
  color:#92400e;
  font-size:13px;
  line-height:1.45;
  font-weight:700;
}

.admin-page .formTable,
.admin-page table.xx{
  width:96% !important;
  margin:0 auto 16px;
  border:1px solid var(--border) !important;
  border-radius:12px;
  border-collapse:separate;
  border-spacing:0;
  background:#fff;
  overflow:hidden;
  box-shadow:0 8px 22px rgba(0,0,0,.06);
}

.admin-page table.xx{
  width:99% !important;
}

.admin-page table[border="1"]:not(.xx){
  margin:8px auto 16px;
  border:1px solid var(--border) !important;
  border-radius:12px;
  border-collapse:separate;
  border-spacing:0;
  background:#fff;
  overflow:hidden;
  box-shadow:0 8px 22px rgba(0,0,0,.06);
  min-width:430px;
}

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

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

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

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

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

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

.admin-page .formTable tr.uzatmalar-head > td{
  font-weight:800 !important;
}

.admin-page .formTable table td,
.admin-page .formTable table th{
  border-top:0 !important;
  padding:4px 6px !important;
  background:transparent !important;
}

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

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

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

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

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

.admin-page .formTd textarea,
.admin-page table[border="1"] textarea{
  min-height:110px;
  resize:vertical;
}

.admin-page .formBaslik2 input[type="text"],
.admin-page .formBaslik2 select{
  display:inline-block;
  width:auto !important;
  min-width:150px;
  max-width:260px;
  margin:4px 8px 4px 0;
}

.admin-page .admin-siparis-filter{
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.admin-page .admin-siparis-filter-hidden{
  display:none;
}

.admin-page .admin-siparis-filter input[type="text"]{
  margin:0;
}

.admin-page input[type="submit"],
.admin-page button,
.admin-page input[type="button"]{
  padding:8px 12px;
  border:1px solid #15803d;
  border-radius:8px;
  background:#16a34a;
  color:#fff;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}

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

.admin-page td a img{
  display:inline-block;
  vertical-align:middle;
  max-width:18px;
  max-height:18px;
  border:0;
}

.admin-page td.admin-action-cell{
  text-align:center;
}

.admin-page td.admin-action-cell a,
.admin-page td[style*="text-align: center"] a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  margin:0 2px;
  border-radius:6px;
  border:1px solid #d1d5db;
  background:#f3f4f6;
}

.admin-page td.admin-action-cell a:hover,
.admin-page td[style*="text-align: center"] a:hover{
  background:#e5e7eb;
  text-decoration:none;
}

.admin-page td[data-kredi-bg="1"]{
  background-color:#FFC0FF !important;
}

.admin-page table[border="1"]:not(.xx) td.admin-inline-unit{
  white-space:nowrap;
}

.admin-page table[border="1"]:not(.xx) td.admin-inline-unit select{
  width:auto !important;
  min-width:92px;
  max-width:140px;
  display:inline-block;
  vertical-align:middle;
}

.admin-page .admin-unit-text{
  display:inline-block;
  margin-left:6px;
  font-weight:700;
}

.admin-page table[border="1"]:not(.xx) td.admin-date-fields{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
}

.admin-page table[border="1"]:not(.xx) td.admin-date-fields br{
  display:none;
}

.admin-page table[border="1"]:not(.xx) td.admin-date-fields select,
.admin-page table[border="1"]:not(.xx) td.admin-date-fields input[type="text"]{
  width:auto !important;
  min-width:92px;
  max-width:130px;
  display:inline-block;
}

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

.admin-page center a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:8px;
  border:1px solid #15803d;
  background:#16a34a;
  color:#fff !important;
  text-decoration:none !important;
  font-size:13px !important;
  font-family:inherit !important;
  font-weight:800;
}

.admin-page center a:hover{
  filter:brightness(.95);
}

.admin-page center a img{
  width:16px;
  height:16px;
}

.admin-page .admin-year-unit{
  font-size:11px;
  font-weight:700;
  color:#6b7280;
}

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

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

.admin-page .admin-search-bar,
.admin-page blockquote > div[style*="background-color: #EEEEEE"]{
  background:#f3f4f6 !important;
  border:1px solid var(--border);
  border-radius:10px;
  padding:10px 12px;
  text-align:right !important;
}

.admin-page form > blockquote input[type="text"]{
  width:220px;
  max-width:58vw;
  padding:8px 10px;
  border:1px solid var(--border);
  border-radius:8px;
}

.admin-page form > blockquote input[type="submit"]{
  margin-left:6px;
}

.admin-page .baslik{
  margin:0;
  padding:10px 12px;
  background:#f3f4f6;
  border:1px solid var(--border);
  border-bottom:0;
  border-radius:10px 10px 0 0;
  font-size:14px;
  font-weight:800;
}

.admin-page .metin{
  margin:0;
  padding:10px 12px;
  border:1px solid var(--border);
  border-top:0;
  background:#fff;
  color:#111827;
  font-size:13px;
  line-height:1.6;
}

.admin-page .metin-time,
.admin-page .metin[style*="text-align: right"]{
  text-align:right !important;
  background:#f9fafb !important;
  color:#6b7280 !important;
  font-size:12px;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
}

.admin-page table.xx tr th{
  background:#f3f4f6 !important;
  color:#111827 !important;
  font-size:12.5px !important;
  font-weight:800;
}

.admin-page table.xx tr td{
  font-family:inherit !important;
  font-size:13px !important;
  font-weight:400 !important;
  padding:9px 11px !important;
}

.admin-page table[border="1"]:not(.xx) tr:first-child td,
.admin-page table[border="1"]:not(.xx) tr:first-child th{
  background:#16a34a;
  color:#fff;
  font-weight:900;
}

.admin-page table[border="1"]:not(.xx) tr:last-child td a{
  display:inline-block;
  padding:7px 11px;
  border-radius:8px;
  border:1px solid #cbd5e1;
  background:#f8fafc;
  color:#0b5ed7;
  text-decoration:none;
  font-weight:700;
}

.admin-page table[border="1"]:not(.xx) tr:last-child td:first-child a{
  background:#16a34a;
  border-color:#15803d;
  color:#fff;
}

.admin-page .admin-result,
.admin-page > div[style*="width: 90%"]{
  width:96% !important;
  margin:14px auto 16px !important;
  padding:14px 16px;
  border:1px solid var(--border);
  border-radius:12px;
  background:#fff;
  box-shadow:0 8px 20px rgba(0,0,0,.05);
  font-family:inherit !important;
  font-size:13px !important;
}

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

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

  .admin-page .formTable > tbody,
  .admin-page table.xx > tbody,
  .admin-page table[border="1"]:not(.xx) > tbody{
    display:table;
    width:100%;
    min-width:680px;
  }

  .admin-page .formBaslik2 input[type="text"],
  .admin-page .formBaslik2 select{
    min-width:130px;
    max-width:none;
  }
}