/* Enquiry and service-authoring layouts. Sending and publishing remain guarded. */
.automation-brief { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(2rem, 6vw, 6rem); border-top: 1px solid #c9c6b7; padding-block: 4rem; scroll-margin-top: 2rem; }
.automation-brief:focus-visible { outline: 2px solid var(--gold); outline-offset: 7px; }
.brief-intro { min-width: 0; }
.brief-intro h2 { font-size: clamp(2.2rem, 4vw, 3.9rem); line-height: 1.12; }
.brief-intro > p:not(.eyebrow) { color: var(--muted); max-width: 430px; margin-top: 1.5rem; }
.brief-notes { list-style: none; padding: 0; margin-top: 2rem; }
.brief-notes li { color: #635e4b; font-size: .8rem; margin-block: .8rem; padding-left: 1.5rem; position: relative; line-height: 1.8; }
.brief-notes li::before { content: '↳'; position: absolute; left: 0; color: var(--gold); }
.brief-form { min-width: 0; }
.brief-form fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.brief-form .form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.3rem; }
.brief-form .form-field { min-width: 0; margin-bottom: 1.2rem; }
.brief-form label { font-size: .82rem; display: block; margin-bottom: .65rem; }
.brief-form label span { color: var(--muted); font-size: .75rem; }
.brief-form .field-hint, .brief-form .form-privacy { color: var(--muted); font-size: .75rem; line-height: 1.8; }
.brief-form .form-privacy a { text-decoration: underline; text-underline-offset: .25em; }
.brief-form .form-actions .button { white-space: normal; font-size: .8rem; }
.brief-form .button:disabled { color: #666a5c; background: #e6e7de; border-color: #cdd0c0; }
.brief-availability { font-size: .76rem; color: var(--muted); padding: .9rem 1rem; border-left: 2px solid #ad9453; background: #eeebdf; line-height: 1.8; }
.brief-state { padding: 1rem; border: 1px solid #a99974; line-height: 1.7; font-size: .85rem; }
.brief-form .form-errors h3 { font-size: 1.1rem; }
.offer-admin .offer-editor-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: 2rem; margin-top: 2rem; align-items: start; }
.offer-editor-preview { min-width: 0; position: sticky; top: 1.5rem; padding: 1.5rem; border: 1px solid #c9bea3; background: #f1eee2; }
.offer-editor-preview h3 { margin-block: 1.5rem 1rem; }
.offer-editor-preview p, .offer-editor-preview li { color: var(--muted); font-size: .86rem; white-space: pre-line; line-height: 1.8; }
.offer-editor-preview dl { font-size: .8rem; }
.offer-editor-preview dt { font-size: .68rem; color: #786747; text-transform: uppercase; margin-top: 1rem; }
.offer-editor-preview dd { margin: .4rem 0 0; white-space: pre-line; line-height: 1.7; overflow-wrap: anywhere; }
.offer-admin .offer-form textarea { min-height: 100px; }
.offer-form .field-hint { font-size: .75rem; color: var(--muted); margin: -.7rem 0 1.4rem; }
.offer-form .field-error { margin: -.8rem 0 1.2rem; font-size: .8rem; }
.offer-form .offer-form-actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1rem; }
.offer-form .button { font-size: .8rem; white-space: normal; }
.offer-list-actions { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; margin-block: 1.5rem; }
.offer-list-actions .button { font-size: .8rem; white-space: normal; }
.offer-availability { font-size: .75rem; color: var(--muted); line-height: 1.8; }
.offer-admin [data-offer-row] button { min-height: 44px; padding: .5rem 0; border: 0; font: inherit; font-size: .82rem; color: inherit; background: transparent; text-decoration: underline; text-underline-offset: .3em; cursor: pointer; }
.offer-admin [data-offer-row] button:disabled { color: #717565; cursor: not-allowed; text-decoration: none; }
.offer-admin .workspace-table td:first-child { overflow-wrap: anywhere; }
.offer-empty-preview { margin-top: 1.5rem; color: var(--muted); font-size: .8rem; }
@media (max-width: 64em) { .offer-admin .offer-editor-grid { grid-template-columns: minmax(0, 1fr); } .offer-editor-preview { position: static; } }
@media (max-width: 48em) { .automation-brief { grid-template-columns: minmax(0, 1fr); gap: 2rem; } .offer-admin .offer-form input, .offer-admin .offer-form textarea, .offer-admin .offer-form select { font-size: 1rem; } }
@media (max-width: 36em) { .brief-form .form-grid { grid-template-columns: minmax(0, 1fr); gap: 1rem; } }