/* Compact creation rows preserve the existing orange brand and native form controls. */
ion-content.task-form-content.task-form-content { --background: #f6f7f9 !important; --create-label: 80px; }
ion-content.task-form-content.task-form-content .form { margin: 8px 12px; padding: 0 12px; border: 0; border-radius: 0; box-shadow: none; background: #fff; overflow: visible; }
ion-content.task-form-content.task-form-content .form::before { display: none; }
ion-content.task-form-content.task-form-content .form .title { padding: 12px 0 4px; color: #525866; font-size: 13px; margin: 0; }
ion-content.task-form-content.task-form-content .form .field { min-height: 44px; margin: 0; padding: 4px 0; gap: 12px; align-items: center; border-bottom: 1px solid #f0f1f3; }
ion-content.task-form-content.task-form-content .field > span:first-child { flex-shrink: 0; }
ion-content.task-form-content.task-form-content .form .trigger { min-width: 0; }
ion-content.task-form-content.task-form-content .form ion-item { margin: 0; --min-height: 44px; --padding-start: 0; --inner-padding-end: 0; }
ion-content.task-form-content.task-form-content .sb-create-row { display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 4px 0; margin: 0; border-bottom: 1px solid #f0f1f3; font-size: 14px; color: #252a34; }
ion-content.task-form-content.task-form-content .sb-create-row > span:first-child { flex: 0 0 var(--create-label); }
ion-content.task-form-content.task-form-content .sb-create-row input, ion-content.task-form-content.task-form-content .sb-create-row select { flex: 1; min-width: 0; width: 0; min-height: 44px; padding: 8px 0; border: 0; border-radius: 0; background: transparent; color: inherit; font: inherit; }
ion-content.task-form-content.task-form-content input::placeholder { color: #6b7280; opacity: 1; }
ion-content.task-form-content.task-form-content input { caret-color: var(--ion-color-primary); }
ion-content.task-form-content.task-form-content .sb-create-row input[type=number] { font-variant-numeric: tabular-nums; }
ion-content.task-form-content.task-form-content .sb-create-row input:disabled { color: #646b76; opacity: 1; }
ion-content.task-form-content.task-form-content .sb-create-row ion-item { flex: 1; min-width: 0; width: 0; }
ion-content.task-form-content.task-form-content .sb-create-unit { flex: 0 0 auto; font-size: 12px; color: #626976; }
ion-content.task-form-content.task-form-content circle-publish-settings { display: block; }
ion-content.task-form-content.task-form-content circle-publish-settings:empty { display: none; }
ion-content.task-form-content.task-form-content .sb-create-options, ion-content.task-form-content.task-form-content .sb-link-mode { display: flex; align-items: center; gap: 12px; margin: 0; min-width: 0; }
ion-content.task-form-content.task-form-content .sb-create-options button, ion-content.task-form-content.task-form-content .sb-link-mode button { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0; border: 0; border-radius: 0; background: transparent; color: #353b45; font-size: 14px; white-space: nowrap; }
ion-content.task-form-content.task-form-content .sb-create-options button::before, ion-content.task-form-content.task-form-content .sb-link-mode button::before { content: ''; width: 18px; height: 18px; flex: 0 0 18px; border: 1px solid #9299a4; border-radius: 50%; }
ion-content.task-form-content.task-form-content .sb-create-options button[aria-pressed=true]::before, ion-content.task-form-content.task-form-content .sb-link-mode button.selected::before { border-color: var(--ion-color-primary); background: var(--ion-color-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='m4 9 3 3 7-7' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px no-repeat; }
ion-content.task-form-content.task-form-content .sb-link-choice { display: grid; grid-template-columns: var(--create-label) minmax(0,1fr); align-items: center; gap: 0 12px; padding: 0; }
ion-content.task-form-content.task-form-content .sb-link-choice-title { font-size: 14px; font-weight: 500; margin: 0; }
ion-content.task-form-content.task-form-content .sb-link-choice .sb-single-link, ion-content.task-form-content.task-form-content .sb-link-choice .sb-link-manage { grid-column: 2; min-width: 0; width: 100%; min-height: 44px; margin: 0; padding: 8px 0; border: 0; border-bottom: 1px solid #f0f1f3; border-radius: 0; background: transparent; text-align: left; font-size: 14px; color: #353b45; }
ion-content.task-form-content.task-form-content .sb-link-manage { color: var(--ion-color-primary) !important; }
ion-content.task-form-content.task-form-content .sb-setting-note { margin: 8px 0 0; padding-bottom: 8px; color: #626976; font-size: 12px; line-height: 1.6; }
ion-content.task-form-content.task-form-content .sb-setting-link { font-size: 12px; padding: 4px 0; min-height: 44px; }
ion-content.task-form-content.task-form-content input:focus-visible, ion-content.task-form-content.task-form-content button:focus-visible, ion-content.task-form-content.task-form-content select:focus-visible { outline: 2px solid var(--ion-color-primary); outline-offset: 2px; }
@media (max-width: 359px) { ion-content.task-form-content.task-form-content { --create-label: 72px; } ion-content.task-form-content.task-form-content .form { margin-inline: 8px; padding-inline: 8px; } ion-content.task-form-content.task-form-content .sb-create-options, ion-content.task-form-content.task-form-content .sb-link-mode { gap: 8px; } }