/* Purpose-built App V2 capture flows for Create Ticket and Create Work Log. */

.app-action-create.app-controller-ticket .page-header,
.app-action-create.app-controller-work-log .page-header {
    margin-bottom: 1rem !important;
    padding: .25rem 0 .75rem;
    border-bottom: 1px solid var(--itx-border);
}

.app-action-create.app-controller-ticket .page-pretitle,
.app-action-create.app-controller-work-log .page-pretitle {
    color: var(--itx-muted);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .1em;
}

.app-action-create.app-controller-ticket .page-title,
.app-action-create.app-controller-work-log .page-title {
    font-family: var(--itx-font-display);
    font-size: clamp(1.35rem, 2vw, 1.75rem);
    letter-spacing: -.025em;
}

.app-action-create.app-controller-ticket .ticket-form.card {
    max-width: 1480px;
    margin-inline: auto;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent;
}

.app-action-create.app-controller-ticket .ticket-form > form > .card-body { padding: 0 !important; }
.app-action-create.app-controller-ticket .ticket-form > form > .card-body > .d-flex.align-items-start { display: none !important; }

.app-action-create.app-controller-ticket .ticket-section {
    border: 1px solid var(--itx-border);
    border-radius: var(--itx-radius);
    background: var(--itx-surface);
    box-shadow: var(--itx-shadow-xs);
    padding: 1rem;
}

.app-action-create.app-controller-ticket .ticket-section:first-of-type {
    border-color: rgba(var(--itx-brand-rgb), .26);
    box-shadow: 0 12px 30px -26px rgba(var(--itx-brand-rgb), .6);
}

.app-action-create.app-controller-ticket .ticket-section__header {
    color: var(--itx-ink);
    text-transform: none;
    letter-spacing: -.01em;
    font-size: .95rem;
}

.app-action-create.app-controller-ticket .ticket-section__helper { color: var(--itx-muted); max-width: 76ch; }
.app-action-create.app-controller-ticket .ticket-form textarea.form-control { min-height: 220px; resize: vertical; }
.app-action-create.app-controller-ticket .ticket-form .form-label,
.app-action-create.app-controller-work-log .worklog-field .form-label {
    color: var(--itx-body);
    font-size: .82rem;
    font-weight: 650;
}

.app-action-create.app-controller-ticket .ticket-form .form-control,
.app-action-create.app-controller-ticket .ticket-form .form-select,
.app-action-create.app-controller-work-log .form-control,
.app-action-create.app-controller-work-log .form-select {
    background: var(--itx-surface-soft);
    border-color: var(--itx-border);
}

.app-action-create.app-controller-ticket .ticket-form .form-control:focus,
.app-action-create.app-controller-ticket .ticket-form .form-select:focus,
.app-action-create.app-controller-work-log .form-control:focus,
.app-action-create.app-controller-work-log .form-select:focus { background: var(--itx-surface); }

.app-action-create.app-controller-ticket .ticket-attachments__dropzone {
    background: var(--itx-surface-soft);
    border-color: var(--itx-border-strong);
}

.app-action-create.app-controller-ticket .sticky-ticket-actions {
    margin-top: 1rem;
    border: 1px solid var(--itx-border);
    border-radius: var(--itx-radius);
    background: rgba(255,255,255,.94);
    box-shadow: 0 -12px 36px -30px rgba(15,23,42,.55);
    padding: .75rem;
}

html[data-bs-theme="dark"] .app-action-create.app-controller-ticket .sticky-ticket-actions { background: rgba(16,24,39,.94); }

.app-action-create.app-controller-work-log .worklog-form-shell { max-width: 1480px; margin-inline: auto; }
.app-action-create.app-controller-work-log .worklog-card {
    border-color: var(--itx-border);
    border-radius: var(--itx-radius);
    background: var(--itx-surface);
    box-shadow: var(--itx-shadow-xs);
}

.app-action-create.app-controller-work-log .worklog-form-shell > form > .row { --bs-gutter-x: 1rem; --bs-gutter-y: 1rem; }
.app-action-create.app-controller-work-log .worklog-form-shell > form > .row > .col-xl-8:first-child .worklog-card:first-child { border-color: rgba(var(--itx-brand-rgb), .24); }
.app-action-create.app-controller-work-log .worklog-section-title { color: var(--itx-ink); font-size: 1rem; letter-spacing: -.015em; }
.app-action-create.app-controller-work-log .worklog-section-help { color: var(--itx-muted); }
.app-action-create.app-controller-work-log #worklog-notes { min-height: 230px; resize: vertical; }
.app-action-create.app-controller-work-log .worklog-time-cluster { background: var(--itx-surface-soft); border-color: var(--itx-border); }
.app-action-create.app-controller-work-log .worklog-billing-summary { background: rgba(var(--itx-brand-rgb), .06); border-color: rgba(var(--itx-brand-rgb), .22); }
.app-action-create.app-controller-work-log .worklog-billing-summary .summary-value { color: var(--itx-ink); }
.app-action-create.app-controller-work-log .worklog-ai-run-btn { background: var(--itx-brand); box-shadow: none; }
.app-action-create.app-controller-work-log .worklog-ai-run-btn:hover,
.app-action-create.app-controller-work-log .worklog-ai-run-btn:focus { filter: brightness(.96); }
.app-action-create.app-controller-work-log .col-xl-4 .worklog-card + .worklog-card { background: var(--itx-surface-soft); }

@media (min-width: 1200px) {
    .app-action-create.app-controller-work-log .worklog-form-shell > form > .row > .col-xl-4 { position: sticky; top: 1rem; }
}

@media (max-width: 767.98px) {
    .app-action-create.app-controller-ticket .ticket-section,
    .app-action-create.app-controller-work-log .worklog-card .card-body { padding: .9rem; }
    .app-action-create.app-controller-ticket .sticky-ticket-actions { bottom: calc(.5rem + env(safe-area-inset-bottom)); }
}