/* Shared readability baseline. Preserve each theme's primary and semantic colors. */
body {text-rendering:optimizeLegibility;}
p {line-height:1.7;}
small,.text-xs {font-size:12px;line-height:1.6;}
input::placeholder,textarea::placeholder {opacity:1;}
body.sc-admin.sc-client-aligned {--cp-muted:#526277;}
html.dark body.sc-admin.sc-client-aligned {--cp-muted:#b6c2d2;}
body.sc-admin.sc-client-aligned #admin-content#admin-content :is(p,small,label) {font-size:14px!important;line-height:1.7!important;}
body.sc-admin.sc-client-aligned #admin-content#admin-content :is(.text-xs,.text-sm):not(svg):not(i):not(pre):not(code):not(p):not(label):not(small) {font-size:13px!important;}
body.sc-admin.sc-client-aligned #admin-content#admin-content :is(.text-gray-400,.text-gray-500,.text-slate-400,.text-slate-500):not(.bg-gray-800 *):not(.bg-gray-900 *):not(.ace_editor *) {color:var(--cp-muted)!important;}
body.sc-admin.sc-client-aligned #admin-content#admin-content :is(input,select,textarea,button) {font-size:13px!important;}
body.sc-admin.sc-client-aligned #admin-content#admin-content th {font-size:12px!important;font-weight:600!important;}
body.sc-admin.sc-client-aligned #admin-content#admin-content td {font-size:14px!important;}
body.sc-admin.sc-client-aligned #adminSidebar .sidebar-item {font-size:13px!important;}
/* A dark code surface must not inherit the light card's dark text. */
body.sc-admin.sc-client-aligned #admin-content#admin-content .appearance-guide .bg-slate-800 {background:#1e293b!important;color:#e2e8f0!important;}
body.sc-admin.sc-client-aligned #admin-content#admin-content .appearance-guide .bg-slate-800 :is(pre,code) {color:#e2e8f0!important;font-size:13px!important;line-height:1.9!important;}
body.sc-admin.sc-client-aligned #admin-content#admin-content .appearance-guide .bg-slate-800 span {color:#7dd3fc!important;}
body.sc-admin.sc-client-aligned #admin-content#admin-content .appearance-guide .bg-slate-800 .text-slate-500 {color:#cbd5e1!important;}
body.sc-admin.sc-client-aligned #admin-content#admin-content .appearance-guide pre {font-size:13px!important;}
body.sc-admin.sc-client-aligned #admin-content#admin-content .appearance-preview>img {object-fit:cover;object-position:center;opacity:1;}
/* Keep code-editor controls at Ace's own font metrics. */
body.sc-admin.sc-client-aligned #admin-content#admin-content .ace_editor textarea {font-size:inherit!important;}

/* rem: dizüstü ekranda kök boyut küçülünce bu da orantılı küçülür (16px kökte = 13px). */
body:not(.sc-admin) :is(small,.text-xs) {font-size:0.8125rem;line-height:1.7;}

body.sc-admin.sc-client-aligned #admin-content#admin-content .appearance-preview {height:auto;aspect-ratio:3/2;}