.preview-recipient>span,.next-agreed-step>span,.extra-details span{display:block;font-size:13px;color:#69746b;margin-bottom:5px}.next-agreed-step{padding:24px 28px;margin:0 0 28px;border-left:3px solid var(--pro-primary,#63835a);background:var(--pro-soft,#edf3e9);border-radius:4px 12px 12px 4px}.next-agreed-step h3{margin:0 0 8px}.next-agreed-step p{margin:6px 0}.handoff-mail{padding:26px;background:#f8faf6;border:1px solid #dce3d7;border-radius:14px}.handoff-mail h3{font-size:24px}.extra-section{margin-top:26px}.extra-section>h2{font-size:25px}.extra-card{border-top:1px solid var(--pro-line,#dce3d7);padding:22px 0}.extra-heading{display:flex;gap:18px;align-items:flex-start;justify-content:space-between}.extra-heading h3{font-size:20px;line-height:1.5;white-space:pre-wrap;margin:0}.extra-details{display:grid;grid-template-columns:1fr 1fr;gap:20px}.extra-details p{font-size:17px;white-space:pre-wrap}.extra-card blockquote{margin:14px 0;padding:14px 18px;background:var(--pro-soft,#f0f4eb);border-radius:9px}.extra-from-comment{margin-bottom:10px}.extra-card .badge{flex-shrink:0}.extra-card .buttons{margin-top:12px}@media(max-width:650px){.extra-heading{display:block}.extra-heading .badge{margin-top:10px}.extra-details{grid-template-columns:1fr;gap:0}.next-agreed-step{padding:20px}}
/* Service editor: one shared alignment for labels, fields and row controls. */
.modal:has(.brief-service-editor){width:min(800px,100%);padding:32px;scrollbar-gutter:stable}.brief-service-editor{--service-control:44px}.brief-service-editor>label{margin-top:20px}.brief-service-editor input,.brief-service-editor select,.brief-service-editor textarea{box-sizing:border-box;max-width:100%;margin-bottom:0;font-size:15px;line-height:1.5;padding:11px 12px}.brief-service-editor .input,.brief-service-editor select{min-height:var(--service-control)}.brief-service-editor label{line-height:1.4;margin:0 0 7px;font-size:13px}.brief-service-editor>label{margin-top:20px}.brief-service-editor .plan-editor-group{padding:24px 0;border-top:1px solid #e2e8dc}.brief-service-editor .plan-group-title{margin-bottom:18px}.brief-service-editor .plan-group-title h2{font-size:20px;margin:0}.brief-service-editor #edit-goal{margin-bottom:18px}.brief-service-editor #edit-boundaries{margin-top:20px}.brief-service-editor .brief-line{display:grid;grid-template-columns:minmax(0,1fr) 90px;align-items:start;gap:8px;margin:10px 0}.brief-service-editor .brief-line textarea{width:100%;min-height:44px}.brief-service-editor .brief-line-tools{display:flex;justify-content:flex-end;gap:2px;padding-top:4px}.brief-service-editor .brief-line-tools button{height:36px;min-width:28px;margin:0}.brief-service-editor #edit-finish .brief-line{grid-template-columns:minmax(0,1fr) 90px}.brief-service-editor .compact-phase{padding:18px 0}.brief-service-editor .compact-phase-top{display:grid;grid-template-columns:28px minmax(0,1fr) 175px 90px;align-items:end;gap:10px;flex-wrap:nowrap}.brief-service-editor .compact-phase-top>.plan-number{align-self:end;margin:0 0 9px}.brief-service-editor .compact-date{width:auto}.brief-service-editor .compact-tools{height:44px;align-items:center;align-self:end;margin:0;justify-content:flex-end}.brief-service-editor .compact-tools .textbtn{min-width:28px;padding:5px}.brief-service-editor .compact-phase-copy{display:block;margin:12px 100px 0 38px}.brief-service-editor .compact-phase-copy textarea{min-height:66px}.brief-service-editor .compact-object-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 32px;align-items:end;gap:10px}.brief-service-editor .compact-object-row>.compact-field:first-child{min-width:0}.brief-service-editor .compact-object-row>.textbtn{height:44px;margin:0}.brief-service-editor .compact-rounds{width:auto}.brief-service-editor .compact-rounds input{min-height:44px}.brief-service-editor .plan-change-editor{margin-top:24px;padding-top:20px;border-top:1px solid #e2e8dc}.brief-service-editor .plan-change-editor h3{font-size:17px;margin:0 0 16px}.brief-service-editor .compact-lines{min-height:88px}.brief-service-editor .add-line{margin:4px 0 10px;padding-left:0}.brief-service-editor>.buttons{padding-top:20px;border-top:1px solid #e2e8dc;gap:10px}.brief-service-editor .compact-material-actions{gap:8px;margin:16px 0}.brief-service-editor .compact-material-actions button{min-height:40px}
@media(max-width:650px){.modal:has(.brief-service-editor){padding:24px 18px}.brief-service-editor .compact-phase-top{grid-template-columns:28px minmax(0,1fr) 90px}.brief-service-editor .compact-phase-top>.compact-field{grid-column:2;grid-row:1}.brief-service-editor .compact-phase-top>.compact-date{grid-column:2/4;grid-row:2}.brief-service-editor .compact-tools{grid-column:3;grid-row:1}.brief-service-editor .compact-phase-copy{margin:12px 0 0 38px}.brief-service-editor .brief-line,.brief-service-editor #edit-finish .brief-line{grid-template-columns:minmax(0,1fr) 84px;gap:4px}.brief-service-editor .compact-object-row{grid-template-columns:minmax(0,1fr) 72px 28px;gap:8px}.brief-service-editor>.buttons{flex-wrap:wrap}}
.brief-service-editor textarea{display:block}.brief-service-editor textarea.inline-copy{overflow:hidden;resize:none;min-height:46px}.brief-service-editor .compact-date input{height:46px;min-height:46px}.brief-service-editor .compact-phase-copy textarea{min-height:66px}.brief-service-editor .compact-lines{min-height:88px}
.company-first .companylogo.large[src*="web-design-aalto-v2"]{height:94px;max-height:94px;max-width:225px;width:auto}.company-first:has(img[src*="web-design-aalto-v2"]) .headerinner{min-height:132px}.company-avatar,.comment-avatar,.contactphoto{object-fit:cover}.contactphoto[src*="antti-aalto-portrait"]{object-position:50% 38%}.companymenu{min-width:0}.companymenu>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.companymenu .company-avatar{flex-shrink:0}.branduploads .uploadlogo[src*="web-design-aalto-v2"]{max-width:230px;height:95px;object-fit:contain;object-position:left center}@media(max-width:650px){.company-first .companylogo.large[src*="web-design-aalto-v2"]{height:76px;max-height:76px;max-width:175px}.company-first:has(img[src*="web-design-aalto-v2"]) .headerinner{min-height:115px}.company-first .businessinfo{overflow-wrap:anywhere;min-width:0}.companymenu>span{max-width:165px}}
