:root{
  --1c-bg:#f2f3f5;
  --1c-surface:#ffffff;
  --1c-panel:#fff7cc;
  --1c-header:#ffe08a;
  --1c-accent:#cf1a1a;
  --1c-accent-2:#e6b800;
  --1c-text:#2b2b2b;
  --1c-muted:#616161;
  --1c-link:#005bbb;
  --1c-border:#cfcfcf;
  --1c-border-strong:#b5b5b5;
  --1c-focus:#2f80ed;
  --1c-radius:6px;
}

html,body{height:100%}
body.theme-1c{
  margin:0;
  background:var(--1c-bg);
  color:var(--1c-text);
  font-family: Tahoma, "Segoe UI", Arial, system-ui, -apple-system, Roboto, sans-serif;
  -webkit-font-smoothing:subpixel-antialiased;
}

body.theme-1c header{
  background: linear-gradient(180deg, var(--1c-header), #ffd875);
  border-bottom:1px solid var(--1c-border-strong);
  padding:12px 16px;
  color:#000;
}
body.theme-1c header h1, body.theme-1c header h2{ margin:0; font-weight:700; letter-spacing:.2px; color:#000; }

body.theme-1c aside{
  background: linear-gradient(180deg, var(--1c-panel), #ffefb0);
  border-right:1px solid var(--1c-border-strong);
  color:#000;
}
body.theme-1c aside h2{ color:#000; font-weight:700; }

body.theme-1c .bg-white{
  background: var(--1c-surface) !important;
  color: var(--1c-text) !important;
  border:1px solid var(--1c-border) !important;
  border-radius: var(--1c-radius) !important;
  box-shadow: none !important;
}
body.theme-1c .shadow, body.theme-1c .shadow-lg{ box-shadow: none !important; }

body.theme-1c .bg-gray-100{ background: var(--1c-panel) !important; }
body.theme-1c .text-gray-500{ color: var(--1c-muted) !important; }
body.theme-1c .text-gray-600{ color: #3b3b3b !important; }

body.theme-1c button, body.theme-1c .btn{
  background: linear-gradient(180deg, #fff3a3, #ffe27a);
  border:1px solid var(--1c-border-strong);
  color:#000;
  border-radius:4px;
  padding:8px 12px;
  font-weight:600;
  cursor:pointer;
}
body.theme-1c button:hover, body.theme-1c .btn:hover{
  filter: brightness(0.98);
}

body.theme-1c .bg-cyan-600, body.theme-1c .bg-cyan-700, body.theme-1c .hover\:bg-cyan-700:hover{
  background: linear-gradient(180deg, #ffe487, #ffd752) !important;
  color:#000 !important;
  border:1px solid var(--1c-border-strong) !important;
}

body.theme-1c .bg-gray-100, body.theme-1c .hover\:bg-gray-200:hover{
  background: #fff8c8 !important; color:#000 !important; border:1px solid var(--1c-border) !important;
}

body.theme-1c input, body.theme-1c select, body.theme-1c textarea{
  background:#fff;
  color:#000;
  border:1px solid var(--1c-border-strong) !important;
  border-radius:3px !important;
  box-shadow: inset 0 1px 0 #fff;
  padding:6px 8px;
}
body.theme-1c input:focus, body.theme-1c select:focus, body.theme-1c textarea:focus{
  outline:1px solid var(--1c-focus);
  outline-offset:0;
  box-shadow:none !important;
}
body.theme-1c input::placeholder, body.theme-1c textarea::placeholder{ color:#777 }

body.theme-1c .tabs{ gap:6px; flex-wrap:wrap }
body.theme-1c .tab{
  padding:6px 10px;
  background:#fff8c8;
  border:1px solid var(--1c-border);
  color:#000;
  border-radius:4px;
  font-weight:600;
}
body.theme-1c .tab.active{
  background:#ffe27a;
  border-color: var(--1c-border-strong);
  color:#000;
}

body.theme-1c table{ width:100%; border-collapse:collapse; font-size:13px; color:#000 }
body.theme-1c th, body.theme-1c td{
  border:1px solid var(--1c-border);
  padding:6px 8px;
}
body.theme-1c thead th{
  background:#fff3a3;
  color:#000;
}
body.theme-1c tbody tr:nth-child(even){ background:#fffef5 }
body.theme-1c tbody tr:hover{ background:#fff3c2 }

body.theme-1c a{ color: var(--1c-link); text-decoration: underline }
body.theme-1c a:hover{ color:#0047a3 }

body.theme-1c .pill{
  padding:.15rem .5rem; border-radius:999px;
  background:#fff8c8; border:1px solid var(--1c-border-strong); color:#000;
  font-size:12px; font-weight:600;
}
body.theme-1c .ok{ color:#0a7a3c; }
body.theme-1c .bad{ color:#a30000; }

body.theme-1c footer{
  background:#fff7cc;
  border-top:1px solid var(--1c-border-strong);
  color:#333;
}

body.theme-1c .text-cyan-600, body.theme-1c .text-cyan-700{ color:#000 !important }
body.theme-1c .border-gray-300{ border-color: var(--1c-border) !important }
body.theme-1c .rounded-2xl{ border-radius: var(--1c-radius) !important }