.studio-panel.premium-contracts { max-width: 960px; margin-inline: auto; padding-bottom: 96px; color: #182230 !important; background: #fff !important; }
/* The published studio and admin shells have different dark theme overrides. */
.premium-contracts :is(h1, h2, h3, p, label, summary, code, article, header, strong, bdi) { color: #182230 !important; }
.premium-contracts :is(input, textarea, select) { color: #182230 !important; background: #fff !important; }
.premium-contracts header p { max-width: 70ch; line-height: 1.8; }
.premium-contracts form { display: grid; gap: 18px; margin-block: 24px; }
.premium-contracts label { display: grid; gap: 8px; }
.premium-contracts input:not([type="checkbox"]), .premium-contracts textarea, .premium-contracts select { width: 100%; box-sizing: border-box; padding: 12px; border: 1px solid #ccd2de; border-radius: 10px; font: inherit; color: inherit; background: transparent; }
.premium-contracts .premium-contract-confirm { display: flex; align-items: flex-start; gap: 10px; line-height: 1.7; }
.premium-contract-confirm input { margin-block-start: 7px; flex-shrink: 0; }
.premium-contract-preview { max-width: 720px; max-height: 75vh; overflow: auto; border: 1px solid #dce0e8; border-radius: 12px; margin-block: 16px; background: white; }
.premium-contract-pagination { position: sticky; top: 0; display: flex; align-items: center; justify-content: center; gap: 18px; padding: 8px; color: #182230; background: white; }
.premium-contract-pagination button { min-height: 44px; min-width: 70px; }
.premium-contract-history, .premium-contract-status { padding: 20px; margin-block: 18px; border: 1px solid #dce0e8; border-radius: 14px; }
.premium-contracts .button-row { display: flex; flex-wrap: wrap; gap: 10px; margin-block: 12px; }
.premium-contracts .button { min-height: 44px; }
.premium-contracts button { font: inherit; border-radius: 10px; padding: 10px 14px; cursor: pointer; }
.premium-contracts :is(.button--secondary, .button--ghost, .premium-contract-pagination button) { color: #182230; background: #f2f4f7; border: 1px solid #d0d5dd; }
.premium-contracts .button--primary { color: #fff !important; background: #2463eb; border: 1px solid #2463eb; }
.premium-contracts button:disabled { opacity: .5; cursor: default; }
.premium-contracts [role="alert"] { color: #b42318 !important; line-height: 1.7; }
.premium-contracts details { margin-block: 16px; }
.premium-contracts summary { cursor: pointer; padding-block: 12px; font-weight: 700; }
.premium-contracts code { overflow-wrap: anywhere; font-size: 12px; }
@media(max-width: 600px) { .premium-contract-history { padding: 14px; } .premium-contracts .button-row > * { flex: 1 1 180px; } }

.premium-contracts :is(h1, h2, h3, p, bdi, strong) { overflow-wrap: anywhere; }
/*$vite$:1*/