/* Shared presentation for planning editors, including their drawer variants. */
.ap-workspace:has(.ap-operational-form :is(#possession-form, #worksite-form, #activity-form)) [data-hero-card-title] {
    font-size: 1.25rem;
}

.ap-workspace:has(.ap-operational-form :is(#possession-form, #worksite-form, #activity-form)) [data-hero-card] > .ap-hero-body {
    padding-block: .5rem;
}

.ap-workspace :is(#possession-form, #worksite-form, #activity-form) > :is(section, .divider) {
    margin-block: 0;
}

.ap-workspace :is(#possession-form, #worksite-form, #activity-form) :is(section > button, section > div > button):has(.card-title) {
    min-height: 3rem;
    margin-block: 0;
    padding-block: .75rem;
    color: var(--ap-workspace-ink);
}

.ap-workspace :is(#possession-form, #worksite-form, #activity-form) .card-title {
    gap: .625rem;
    margin: 0;
    color: var(--ap-workspace-ink);
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.5;
    text-transform: none;
}

.ap-workspace :is(#possession-form, #worksite-form, #activity-form) .card-title i {
    color: var(--activity-section-colour, var(--ap-workspace-muted));
    font-size: 1rem;
}

.ap-workspace :is(#possession-form, #worksite-form, #activity-form) .activity-section-heading:not(.card-title) {
    color: var(--ap-workspace-ink);
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.5;
    text-transform: none;
}

.ap-workspace :is(#possession-form, #worksite-form, #activity-form) .activity-section-heading:not(.card-title) i {
    color: var(--activity-section-colour, var(--ap-workspace-muted));
    margin-right: .375rem;
}

.ap-workspace :is(#possession-form, #worksite-form, #activity-form) #track-checkboxes-container > .border-dashed {
    border: 0;
}

.ap-workspace :is(#possession-form, #worksite-form, #activity-form) :is(section > div[x-show], section > div > div[x-show]) {
    margin-top: 0;
    padding-block: 0 1rem;
}

.ap-workspace :is(#possession-form, #worksite-form, #activity-form) .divider {
    height: 1px;
    min-height: 0;
    margin-block: 0;
    color: var(--ap-workspace-line);
}

.ap-workspace :is(#possession-form, #worksite-form, #activity-form) .divider::before,
.ap-workspace :is(#possession-form, #worksite-form, #activity-form) .divider::after {
    height: 1px;
    background: var(--ap-workspace-line);
}

.ap-workspace :is(#possession-form, #worksite-form, #activity-form) .label {
    max-width: 100%;
    padding: 0 0 .375rem;
    white-space: normal;
}

.ap-workspace :is(#possession-form, #worksite-form, #activity-form) .label-text {
    min-width: 0;
    color: var(--ap-workspace-ink);
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.5;
}

.ap-workspace :is(#possession-form, #worksite-form, #activity-form) .label > :is(input[type="checkbox"], input[type="radio"]) {
    flex-shrink: 0;
}

.ap-workspace :is(#possession-form, #worksite-form, #activity-form) :is(input:not([type="hidden"], [type="checkbox"], [type="radio"], [type="range"], [type="file"], [type="submit"], [type="button"]), select) {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 2.5rem !important;
    min-height: 2.5rem !important;
    border-radius: .5rem;
    padding-block: .5rem;
    font-family: inherit;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    box-shadow: none;
}

.ap-workspace :is(#possession-form, #worksite-form, #activity-form) :is(input:not([type="hidden"], [type="checkbox"], [type="radio"], [type="range"], [type="file"], [type="submit"], [type="button"]), select, textarea):not([aria-invalid="true"], .input-error, .select-error, .textarea-error) {
    border-color: color-mix(in srgb, var(--ap-workspace-muted) 45%, var(--ap-workspace-line));
}

.ap-workspace :is(#possession-form, #worksite-form, #activity-form) .form-control > .text-xs.opacity-70 {
    color: var(--ap-workspace-muted);
    opacity: 1;
    line-height: 1.5;
}

.ap-workspace :is(#possession-form, #worksite-form, #activity-form) :is(input, select, textarea):focus-visible {
    outline: 2px solid var(--ap-workspace-accent);
    outline-offset: 2px;
}

.ap-workspace :is(#possession-form, #worksite-form, #activity-form) textarea {
    min-height: 7rem;
    border-radius: .5rem;
    padding: .75rem;
    font: inherit;
    font-size: .875rem;
    line-height: 1.6;
}

.ap-workspace :is(#possession-form, #worksite-form, #activity-form) :is(.rounded-2xl, .rounded-xl) {
    border-radius: .5rem;
    box-shadow: none;
}

.ap-workspace :is(#possession-form, #worksite-form, #activity-form) [class*="tracking-widest"] {
    letter-spacing: normal;
    text-transform: none;
}

.ap-workspace :is(#possession-form, #worksite-form, #activity-form) .uppercase {
    letter-spacing: normal;
    text-transform: none;
}

.ap-workspace :is(#possession-form, #worksite-form, #activity-form) .rounded-full[class*="tracking-widest"] {
    padding-inline: 0;
    background: transparent;
    color: var(--ap-workspace-muted);
    font-size: .75rem;
    font-weight: 500;
}

.ap-workspace :is(#possession-form, #worksite-form, #activity-form) div.w-7.h-7 {
    background: transparent;
    color: var(--ap-workspace-muted);
}

.ap-workspace :is(#possession-form, #worksite-form, #activity-form) [data-planning-date-time-preview] .min-w-max {
    min-width: 0;
    flex-wrap: wrap;
}

.ap-workspace :is(#possession-form, #worksite-form, #activity-form) [data-planning-date-time-preview] > .rounded-md {
    border: 0;
    border-radius: .5rem;
    background: var(--ap-workspace-subtle);
}

.ap-workspace :is(#possession-form, #worksite-form, #activity-form) [data-planning-date-time-preview] > .rounded-md > .border-b {
    border: 0;
    padding-bottom: 0;
}

.ap-workspace :is(#possession-form, #worksite-form, #activity-form) [data-planning-date-time-preview] > .rounded-md .py-2 {
    padding-block: 0;
}

.ap-workspace :is(#possession-form, #worksite-form, #activity-form) .card-title i:is(.fa-calendar-check, .fa-calendar-days, .fa-calendar, .fa-list-check, .fa-microchip, .fa-person-digging, .fa-shield-halved, .fa-shield, .fa-comment-dots, .fa-truck-monster, .fa-chart-simple, .fa-users, .fa-sliders, .fa-gears, .fa-gear) {
    display: inline-block;
    flex: 0 0 1rem;
    width: 1rem;
    height: 1rem;
    background: currentColor;
    -webkit-mask: var(--planning-editor-icon) center / contain no-repeat;
    mask: var(--planning-editor-icon) center / contain no-repeat;
}

.ap-workspace :is(#possession-form, #worksite-form, #activity-form) .card-title i:is(.fa-calendar-check, .fa-calendar-days, .fa-calendar) { --planning-editor-icon: url('../../../core/rail_icons/calendar.svg'); }
.ap-workspace :is(#possession-form, #worksite-form, #activity-form) .card-title i.fa-list-check { --planning-editor-icon: url('../../../core/rail_icons/list-check.svg'); }
.ap-workspace :is(#possession-form, #worksite-form, #activity-form) .card-title i:is(.fa-microchip, .fa-person-digging) { --planning-editor-icon: url('../../../core/rail_icons/route.svg'); }
.ap-workspace :is(#possession-form, #worksite-form, #activity-form) .card-title i:is(.fa-shield-halved, .fa-shield) { --planning-editor-icon: url('../../../core/rail_icons/shield.svg'); }
.ap-workspace :is(#possession-form, #worksite-form, #activity-form) .card-title i.fa-comment-dots { --planning-editor-icon: url('../../../core/rail_icons/message-circle.svg'); }
.ap-workspace :is(#possession-form, #worksite-form, #activity-form) .card-title i.fa-truck-monster { --planning-editor-icon: url('../../../core/rail_icons/toolbox.svg'); }
.ap-workspace :is(#possession-form, #worksite-form, #activity-form) .card-title i.fa-chart-simple { --planning-editor-icon: url('../../../core/rail_icons/chart-bar.svg'); }
.ap-workspace :is(#possession-form, #worksite-form, #activity-form) .card-title i.fa-users { --planning-editor-icon: url('../../../core/rail_icons/users.svg'); }
.ap-workspace :is(#possession-form, #worksite-form, #activity-form) .card-title i:is(.fa-sliders, .fa-gears, .fa-gear) { --planning-editor-icon: url('../../../core/rail_icons/settings.svg'); }

.ap-workspace :is(#possession-form, #worksite-form, #activity-form) .card-title i:is(.fa-calendar-check, .fa-calendar-days, .fa-calendar, .fa-list-check, .fa-microchip, .fa-person-digging, .fa-shield-halved, .fa-shield, .fa-comment-dots, .fa-truck-monster, .fa-chart-simple, .fa-users, .fa-sliders, .fa-gears, .fa-gear)::before {
    content: none;
}