/* Tree-trimming additions; the shared service layout comes from mowing-service.css. */
.mgp-tree-trimming { --mow-ink: #243a2a; --mow-muted: #5e685c; --mow-line: #d9e0d1; --mow-paper: #f5f6ee; }
.mgp-tree-hero-photo img { object-position: 38% center; }
.mgp-tree-care-note { margin-top: 20px; padding: 20px 24px; border: 1px solid var(--mow-line); border-radius: 12px; background: var(--mow-paper); }
.mgp-tree-care-note h3 { margin: 0 0 10px; }
.mgp-tree-care-note p { margin: 0; color: var(--mow-muted); }
.mgp-tree-gallery-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.mgp-tree-gallery-grid figure { margin: 0; min-width: 0; }
.mgp-tree-gallery-grid img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 12px; }
.mgp-tree-gallery-grid figcaption { padding: 12px 0; font-size: .88rem; color: var(--mow-ink); }
.mgp-tree-field-intro { margin: 0 0 16px; color: var(--mow-muted); font-size: .83rem; }
.mgp-tree-rows { display: grid; gap: 14px; }
.mgp-tree-form .mgp-tree-row { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) 90px; gap: 12px; align-items: start; padding: 16px; border: 1px solid var(--mow-line); border-radius: 10px; background: var(--mow-paper); }
.mgp-tree-form .mgp-tree-row label { min-width: 0; }
.mgp-tree-form .mgp-tree-row select,.mgp-tree-form .mgp-tree-row input { width: 100%; min-width: 0; background: #fff; }
.mgp-tree-form .mgp-tree-treatment { grid-column: 1 / -1; margin: 0; padding: 12px; border: 1px solid var(--mow-line); border-radius: 8px; background: #fff; }
.mgp-tree-form .mgp-tree-treatment input[type=checkbox] { width: 18px; height: 18px; min-height: 18px; flex: 0 0 18px; margin: 2px 0 0; }
.mgp-tree-treatment strong,.mgp-tree-treatment small { display: block; }
.mgp-tree-treatment small { margin-top: 4px; font-weight: 400; color: var(--mow-muted); }
.mgp-tree-form .mgp-tree-add,.mgp-tree-form .mgp-tree-remove { font: inherit; font-size: .82rem; cursor: pointer; border: 1px solid #7f9270; border-radius: 7px; min-height: 44px; padding: 9px 13px; background: #fff; color: #30482f; }
.mgp-tree-form .mgp-tree-add { margin-top: 14px; font-weight: 650; }
.mgp-tree-form .mgp-tree-remove { grid-column: 1 / -1; justify-self: start; }
.mgp-tree-form button[hidden] { display: none; }
.mgp-tree-form button:disabled { cursor: default; opacity: .6; }
.mgp-tree-row-status { font-size: .78rem; color: var(--mow-muted); }
.mgp-tree-selects { margin-top: 16px; }
.mgp-tree-form .mgp-tree-access { padding: 12px 14px; border: 1px solid #d7dfca; border-radius: 9px; background: #fafbf6; }
.mgp-tree-upload > span { font-weight: 400; }
.mgp-tree-form .mgp-tree-upload input[type=file] { padding: 9px; font-size: .88rem; }
.mgp-tree-form .mgp-tree-upload input[type=file]::file-selector-button { min-height: 38px; margin-right: 10px; padding: 8px 12px; border: 1px solid #859576; border-radius: 6px; background: #f5f7ed; color: var(--mow-ink); cursor: pointer; font: inherit; font-weight: 650; }
.mgp-tree-photo-status { margin-top: 12px; padding: 10px 12px; border-radius: 8px; background: #f3f5eb; color: var(--mow-muted); font-size: .78rem; }
.mgp-tree-photo-status.is-required { background: #fff2df; color: #6d4317; }
.mgp-tree-photo-status.is-ready { background: #e9f3e3; color: #355b31; }
@media (max-width: 1120px) { .mgp-tree-form .mgp-tree-row { grid-template-columns: minmax(0,1fr) minmax(0,1fr); } .mgp-tree-form .mgp-tree-row label:first-child { grid-column: 1 / -1; } }
@media (max-width: 760px) { .mgp-tree-gallery-grid { grid-template-columns: minmax(0,1fr); gap: 16px; } .mgp-tree-care-note { padding: 18px; } }
@media (max-width: 420px) { .mgp-tree-form .mgp-tree-row { grid-template-columns: minmax(0,1fr); padding: 12px; } }