:root{
  --legacy-surface:#ffffff;
  --legacy-surface-soft:#fafafa;
  --legacy-text:#1f2937;
  --legacy-muted:#6b7280;
  --legacy-line:#e5e7eb;
  --legacy-line-strong:#d1d5db;
  --legacy-primary:#2563eb;
  --legacy-primary-dark:#1d4ed8;
  --legacy-primary-soft:#eff6ff;
  --legacy-danger:#b91c1c;
  --legacy-danger-soft:#fef2f2;
  --legacy-radius-lg:12px;
  --legacy-radius-md:10px;
  --legacy-radius-sm:8px;
}

html{scroll-behavior:smooth}

body{
  color:var(--legacy-text) !important;
  font-family:"Aptos","Segoe UI Variable","Trebuchet MS",sans-serif !important;
  background:#ffffff !important;
}

h1,h2,h3,h4{
  color:var(--legacy-text) !important;
  font-family:"Aptos","Segoe UI Variable","Trebuchet MS",sans-serif !important;
  letter-spacing:0;
}

a{
  color:var(--legacy-primary-dark);
}

a:hover{
  color:var(--legacy-primary);
}

header{
  position:static;
  background:#ffffff !important;
  border-bottom:1px solid var(--legacy-line) !important;
  box-shadow:none !important;
}

main{
  width:min(1360px, calc(100% - 32px));
  padding:20px 0 32px !important;
}

.tag,
.badge{
  background:#ffffff !important;
  color:var(--legacy-muted) !important;
  border:1px solid var(--legacy-line) !important;
  border-radius:999px !important;
}

.badge.ok{
  background:var(--legacy-primary-soft) !important;
  color:var(--legacy-primary-dark) !important;
  border-color:#bfdbfe !important;
}

.muted,
.status,
label,
.toolbar input::placeholder,
input::placeholder,
textarea::placeholder{
  color:var(--legacy-muted) !important;
}

.btn,
.btn-primary,
.btn-soft,
.btn-danger,
button{
  min-height:40px;
  padding:9px 14px !important;
  border-radius:var(--legacy-radius-sm) !important;
  background:#ffffff !important;
  color:var(--legacy-text) !important;
  border:1px solid var(--legacy-line-strong) !important;
  box-shadow:none !important;
  transition:border-color .14s ease, background .14s ease, color .14s ease;
}

.btn:hover,
.btn-primary:hover,
.btn-soft:hover,
.btn-danger:hover,
button:hover{
  transform:none !important;
  border-color:#9ca3af !important;
  box-shadow:none !important;
}

.btn-primary{
  background:var(--legacy-primary) !important;
  color:#ffffff !important;
  border-color:var(--legacy-primary) !important;
}

.btn-soft{
  background:var(--legacy-primary-soft) !important;
  color:var(--legacy-primary-dark) !important;
  border-color:#bfdbfe !important;
}

.btn-danger{
  background:var(--legacy-danger-soft) !important;
  color:var(--legacy-danger) !important;
  border-color:#fecaca !important;
}

.panel,
.section,
.card,
.dialog,
.mini-card,
.quick-create,
.result-item,
.note,
.result{
  background:#ffffff !important;
  color:var(--legacy-text) !important;
  border:1px solid var(--legacy-line) !important;
  border-radius:var(--legacy-radius-lg) !important;
  box-shadow:none !important;
}

.panel,
.section,
.card{
  padding:18px !important;
}

.note,
.result{
  background:var(--legacy-surface-soft) !important;
}

table{
  background:#ffffff !important;
  border:1px solid var(--legacy-line) !important;
  border-radius:var(--legacy-radius-lg) !important;
  box-shadow:none !important;
}

thead th{
  background:#f9fafb !important;
  color:var(--legacy-muted) !important;
  border-bottom:1px solid var(--legacy-line) !important;
}

tbody td{
  border-top:1px solid var(--legacy-line) !important;
}

tr{
  background:#ffffff !important;
  border-color:var(--legacy-line) !important;
}

input,
select,
textarea{
  background:#ffffff !important;
  color:var(--legacy-text) !important;
  border:1px solid var(--legacy-line-strong) !important;
  border-radius:var(--legacy-radius-md) !important;
  box-shadow:none !important;
}

input:focus,
select:focus,
textarea:focus{
  outline:none;
  border-color:#93c5fd !important;
  box-shadow:0 0 0 3px rgba(37,99,235,.12) !important;
}

.toolbar,
.summary,
.actions,
.inline-actions{
  gap:10px !important;
}

.dialog-backdrop{
  background:rgba(17,24,39,.18) !important;
  backdrop-filter:none !important;
}

.item{
  background:#ffffff !important;
  color:var(--legacy-text) !important;
  border:1px solid var(--legacy-line-strong) !important;
  border-radius:var(--legacy-radius-md) !important;
}

.item:hover{
  border-color:#9ca3af !important;
}

.image-wrap img{
  background:#ffffff !important;
  border:1px solid var(--legacy-line) !important;
}

.back-top{
  border-radius:var(--legacy-radius-sm) !important;
}

html.is-standalone #btn-back-top,
html.is-standalone .back-top{
  display:none !important;
}

@media (max-width: 820px){
  #btn-back-top,
  .back-top{
    display:none !important;
  }

  main{
    width:min(100% - 24px, 1360px);
    padding:14px 0 24px !important;
  }

  tr{
    border-radius:var(--legacy-radius-md) !important;
  }

  td::before{
    color:var(--legacy-muted) !important;
  }
}