:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #f4f1eb; color: #282925; }
* { box-sizing: border-box; }
.hidden { display: none !important; }
body { min-height: 100vh; margin: 0; background: radial-gradient(circle at 10% 0%, #fffaf2 0, transparent 36%), #f4f1eb; }
.shell { width: min(980px, calc(100% - 36px)); margin: 0 auto; padding: 32px 0 70px; }
.brand { display: flex; align-items: center; gap: 12px; margin-bottom: 36px; }.brand strong { display: block; font-size: 17px; letter-spacing: -.02em; }.brand small { color: #77766f; font-size: 11px; }.mark { display: grid; place-items: center; width: 38px; height: 38px; color: #fff; background: #30332f; border-radius: 13px; font-size: 22px; }.brand .badge { margin-left: auto; }
.panel { padding: 26px; background: rgba(255,255,255,.8); border: 1px solid #e1ded6; border-radius: 20px; box-shadow: 0 15px 45px rgba(52,47,38,.07); }.narrow { width: min(510px, 100%); margin: 10vh auto 0; }.grid { display: grid; grid-template-columns: 1.35fr .9fr; gap: 18px; }.status-panel { display: flex; align-items: center; justify-content: space-between; margin-top: 18px; }
.runs-panel { margin-top: 18px; }.runs-table-wrap { margin-top: 16px; overflow-x: auto; border: 1px solid #e5e1d9; border-radius: 12px; }.runs-table { width: 100%; border-collapse: collapse; min-width: 700px; font-size: 11px; }.runs-table th { padding: 10px 12px; color: #8b887f; background: #f7f5f0; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-align: left; text-transform: uppercase; }.runs-table td { max-width: 300px; padding: 11px 12px; color: #54564f; border-top: 1px solid #eeeae3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.run-status { display: inline-flex; padding: 4px 7px; color: #6c6a61; background: #efede7; border-radius: 99px; font-size: 10px; }.run-status.completed { color: #3f694a; background: #e7f2e9; }.run-status.error, .run-status.cancelled { color: #963d35; background: #fae9e5; }.run-status.awaiting_approval { color: #8c5a26; background: #fff1d7; }
.eyebrow { margin: 0 0 8px; color: #b36b48; font-size: 10px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }.muted { color: #77766f; font-size: 13px; line-height: 1.6; }.panel h1 { margin: 0 0 11px; font-size: clamp(30px, 5vw, 46px); letter-spacing: -.055em; }.panel h2 { margin: 0 0 8px; font-size: 20px; letter-spacing: -.035em; }.panel-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
label { display: block; margin-top: 18px; color: #575750; font-size: 12px; font-weight: 600; } input { display: block; width: 100%; margin-top: 7px; padding: 12px 13px; color: #282925; background: #faf9f6; border: 1px solid #dedbd3; border-radius: 10px; outline: none; font: inherit; } input:focus { border-color: #b36b48; box-shadow: 0 0 0 3px rgba(179,107,72,.12); }
.field-help { display: block; margin-top: 7px; color: #8b887f; font-size: 10px; font-weight: 400; }.migration-link { display: inline-block; margin-top: 10px; color: #6b665f; font-size: 11px; text-decoration: underline; text-underline-offset: 3px; }.migration-link:hover { color: #30332f; }
textarea, select { display: block; width: 100%; margin-top: 7px; padding: 12px 13px; color: #282925; background: #faf9f6; border: 1px solid #dedbd3; border-radius: 10px; outline: none; font: inherit; font-size: 12px; } textarea { resize: vertical; min-height: 86px; line-height: 1.5; } textarea:focus, select:focus { border-color: #b36b48; box-shadow: 0 0 0 3px rgba(179,107,72,.12); } input[type="file"] { padding: 9px; color: #77766f; font-size: 11px; } input[type="file"]::file-selector-button { margin-right: 9px; padding: 7px 9px; color: #454740; background: #eeece6; border: 0; border-radius: 7px; cursor: pointer; font: inherit; font-size: 11px; }
.releases-panel { margin-top: 18px; }.release-form { margin-top: 4px; }.release-fields { display: grid; grid-template-columns: minmax(150px, .7fr) minmax(200px, 1fr); gap: 13px; }.check-label { display: flex; align-items: center; gap: 8px; color: #575750; font-size: 12px; }.check-label input { width: 15px; height: 15px; margin: 0; accent-color: #b36b48; }.releases-table { min-width: 760px; }.table-action { margin: 0; padding: 7px 10px; color: #454740; background: #eeece6; border-radius: 8px; font-size: 11px; }.table-action:hover { background: #dedbd3; }.table-empty { padding: 24px !important; color: #8b887f !important; text-align: center; }
@media (max-width: 760px) { .shell { width: min(100% - 24px, 600px); padding-top: 20px; }.grid { grid-template-columns: 1fr; }.status-panel { align-items: flex-start; flex-direction: column; gap: 10px; } }
@media (max-width: 520px) { .release-fields { grid-template-columns: 1fr; } }