#detail:has(#activity-composer){--composer-line:#244b6329;--composer-muted:#526b7b;background:#f7f9fa}
#detail:has(#activity-composer) .composer-block{border:1px solid #244b6319;box-shadow:none;border-radius:12px;padding:24px;gap:18px;background:#fff}
#detail:has(#activity-composer) .composer-block h3{font-size:16px;line-height:1.5;font-weight:700;letter-spacing:0}
#detail:has(#activity-composer) .composer-block label{font-size:13px;font-weight:600;color:#244B63;line-height:1.5;gap:8px}
#detail:has(#activity-composer) .composer-block input,#detail:has(#activity-composer) .composer-block select,#detail:has(#activity-composer) .composer-block textarea{font-size:14px!important;line-height:1.6;padding:11px 12px;border:1px solid var(--composer-line);border-radius:8px;color:#244B63;background:#fff;box-shadow:none;transition:border-color .15s}
#detail:has(#activity-composer) input::placeholder,#detail:has(#activity-composer) textarea::placeholder{color:#697f8b;opacity:1}
#detail:has(#activity-composer) input:focus-visible,#detail:has(#activity-composer) select:focus-visible,#detail:has(#activity-composer) textarea:focus-visible{outline:3px solid #91c9e866;outline-offset:1px;border-color:#244B63}
#detail:has(#activity-composer) .composer-identity textarea{min-height:136px}
#detail:has(#activity-composer) .block-heading>span{font-size:20px;line-height:32px;min-width:32px;height:32px;border-radius:50%;background:#eef4f7;text-align:center;color:#244B63;font-weight:600}
#detail:has(#activity-composer) .block-heading p{font-size:13px;line-height:1.6;color:var(--composer-muted);margin-top:4px}
#detail:has(#activity-composer) .composer-heading{align-items:start}.composer-heading h2{border:0!important;text-decoration:none!important}
#detail:has(#activity-composer) .composer-steps{gap:24px;padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid #244b6319}
#detail:has(#activity-composer) .composer-steps>span{font-size:12px;line-height:1.5;color:#526b7b}
#detail:has(#activity-composer) .composer-steps .current{color:#244B63;font-weight:700}.composer-steps .current:after{display:none}
#detail:has(#activity-composer) .composer-steps .current b{background:#C7EF45;color:#244B63}
#detail:has(#activity-composer) .composer-layout>.flow-form{gap:20px}
#detail:has(#activity-composer) .composer-controls{border-top:1px solid #244b6319;box-shadow:0 -8px 16px #f7f9fae8;margin-top:12px;padding:16px 0;align-items:center}
#detail:has(#activity-composer) .composer-controls .btn.pink{background:#C7EF45;color:#17384b;border:1px solid #a1bf3b;font-weight:700;box-shadow:none;min-width:140px}
#detail:has(#activity-composer) .composer-controls button{min-height:44px;font-size:13px;font-weight:600}
#detail:has(#activity-composer) button:disabled{opacity:.55;cursor:wait}
#detail:has(#activity-composer) [aria-invalid=true]{border-color:#a13a39!important;background:#fffafa!important}
.composer-field-error{display:block;color:#973836;font-size:12px;font-weight:500;line-height:1.5}
#composer-error:empty{display:none}#composer-error:not(:empty){padding:12px 14px;background:#fff4f2;border:1px solid #bc625b55;border-radius:8px;font-size:13px}
#detail:has(#activity-composer) .composer-counter{border-color:var(--composer-line)}#detail:has(#activity-composer) .composer-counter input{border:0!important;padding-left:0;padding-right:0;text-align:center}
#detail:has(#activity-composer) .composer-map-launch{border:1px solid #244b6319;border-radius:10px;box-shadow:none}
#detail:has(#activity-composer) .summary-body h3{font-size:18px;line-height:1.4;letter-spacing:-.2px}.composer-summary .summary-footer{font-size:12px;color:#526b7b;background:#f2f5f6;border-radius:0 0 12px 12px}
@media(max-width:650px){#detail:has(#activity-composer) .composer-block{padding:18px;gap:16px}#detail:has(#activity-composer) .composer-steps{gap:8px}#detail:has(#activity-composer) .composer-steps>span{font-size:11px}#detail:has(#activity-composer) .composer-block input,#detail:has(#activity-composer) .composer-block select,#detail:has(#activity-composer) .composer-block textarea{font-size:16px!important}#detail:has(#activity-composer) .composer-controls{padding-bottom:max(16px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){#detail:has(#activity-composer) *{scroll-behavior:auto!important;transition:none!important}}
.composer-heading h2 span{border:0!important;background:none!important;text-decoration:none!important}
