/* A quieter presentation layer. Existing records, permissions and forms stay intact. */
.clean-interface { --canvas: #f5f6f2; --line: #dce3da; --shadow-small: 0 2px 10px rgba(21,54,37,.04); }
.clean-interface .content { max-width: 1540px; margin-inline: auto; padding-bottom: 40px; }
.clean-interface .topbar { background: rgba(250,251,247,.97); box-shadow: none; }
.clean-interface #viewEyebrow { display: none; }
.clean-interface .top-title h1 { font-size: 21px; letter-spacing: -.025em; }
.clean-interface .top-title { display: block; min-width: 0; }
.clean-interface .sync-button { display: flex; align-items: center; justify-content: center; gap: 6px; width: auto; }
.clean-interface .sync-button > span:last-child { display: block; max-width: 96px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.clean-interface #mobileOperationAdd,
.clean-interface #mobileSprayAdd { display: none; }
.clean-interface #exportAllButton { display: none; }
.clean-interface[data-current-view="reports"] #exportAllButton { display: inline-flex; }
.clean-interface .page-heading > div:first-child > .eyebrow,
.clean-interface .page-heading > div:first-child > h2 { display: none; }
.clean-interface .page-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 20px; }
.clean-interface .page-heading > div { min-width: 0; }
.clean-interface .page-heading p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--muted); }
.clean-interface .heading-actions { flex-shrink: 0; }
.clean-interface .nav-item { font-size: 14px; min-height: 47px; }
.clean-interface .nav-primary { padding-bottom: 10px; margin-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,.1); }
.clean-interface .nav-more-label { font-size: 11px; }
.clean-interface .side-workspace { padding-block: 10px; }
.clean-interface .side-footer { gap: 7px; }
.clean-interface .foxy-credit { display: none; }

.clean-interface .dashboard-welcome { min-height: 124px; padding: 24px 26px; margin-bottom: 18px; border-radius: 16px; box-shadow: none; background: linear-gradient(115deg,#123827,#28573b); }
.clean-interface .dashboard-welcome h2 { font-size: clamp(24px,2.4vw,33px); margin-block: 4px 8px; }
.clean-interface .dashboard-welcome p:last-child { font-size: 14px; }
.clean-interface .dashboard-welcome .eyebrow { font-size: 10px; letter-spacing: .12em; }
.clean-shortcuts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 0 0 22px; }
.clean-shortcuts button { position: relative; display: grid; gap: 7px; align-content: start; min-width: 0; padding: 19px 17px; border: 1px solid #d5dfd2; border-radius: 14px; background: #fff; color: var(--ink); text-align: left; cursor: pointer; transition: border-color .15s, background .15s; }
.clean-shortcuts button:hover { border-color: #689579; background: #f5f9ef; }
.clean-shortcuts .clean-shortcut-index { color: #74896c; font-size: 11px; font-weight: 800; letter-spacing: .08em; margin-bottom: 8px; }
.clean-shortcuts b { font-size: 17px; line-height: 1.3; }
.clean-interface .clean-shortcuts small { font-size: 12px !important; line-height: 1.5; color: var(--muted); }
.clean-interface .home-command-centre { padding: 20px; border-radius: 16px; box-shadow: none; background: #fff; }
.clean-interface .home-command-head h2 { font-size: 21px; }
.clean-interface .home-command-head .eyebrow { display: none; }
.clean-interface .home-command-head p { font-size: 13px; line-height: 1.5; margin-top: 5px; }
.clean-interface .home-status-strip { gap: 0; margin-block: 16px; padding: 12px 0; border-block: 1px solid var(--line); }
.clean-interface .home-status-strip article { padding: 4px 15px; background: transparent; border: 0; border-right: 1px solid var(--line); border-radius: 0; box-shadow: none; }
.clean-interface .home-status-strip article:last-child { border-right: 0; }
.clean-interface .home-status-strip span { font-size: 12px; }
.clean-interface .home-status-strip strong { font-size: 25px; }
.clean-interface .home-status-strip small { font-size: 11px !important; }
.clean-interface .home-board { grid-template-columns: repeat(auto-fit,minmax(min(100%,250px),1fr)); }
.clean-interface .home-board-column { padding: 14px; background: #f8faf5; }
.clean-interface .home-board-column.is-empty:not(:first-child) { display: none; }
.clean-interface .home-board-title h3 { font-size: 14px; }
.clean-interface .home-board-list > p { font-size: 13px; text-align: left; padding: 12px 0; }
.clean-interface .home-job-card { padding: 12px; }
.clean-interface .home-job-card b { font-size: 14px; white-space: normal; }
.clean-interface .home-job-card span { font-size: 11px; }
.clean-interface .home-job-card small { font-size: 12px !important; white-space: normal; }
.clean-interface .home-job-action { min-height: 44px; font-size: 12px; }
.clean-interface .clean-sync-card { margin: 0 0 16px; padding: 16px 20px; border-radius: 14px; box-shadow: none; }
.clean-sync-card > .subheading .eyebrow,
.clean-sync-card > .subheading p { display: none; }
.clean-interface .clean-sync-card .subheading { margin-bottom: 10px; }
.clean-interface .clean-sync-card h3 { font-size: 15px; }
.clean-interface #homeSyncStatus { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.3fr); align-items: center; gap: 16px; }
.clean-interface #homeSyncStatus dl { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 0; }
.clean-interface #homeSyncStatus dl > div { display: block; padding: 0; border: 0; }
.clean-interface #homeSyncStatus dt { font-size: 11px; margin-bottom: 4px; }
.clean-interface #homeSyncStatus dd { font-size: 12px; margin: 0; text-align: left; }
.clean-interface .home-sync-state { margin: 0; padding: 0; background: transparent; }
.clean-interface .home-sync-state b { font-size: 13px; }
.clean-interface .home-insight-grid { gap: 14px; margin: 0; }

.clean-fold { margin: 14px 0; border: 1px solid var(--line); border-radius: 13px; background: #fff; overflow: clip; }
.clean-fold > summary { display: flex; flex-wrap: wrap; align-items: center; gap: 7px 12px; min-height: 60px; padding: 16px 18px; list-style: none; font-size: 14px; font-weight: 750; cursor: pointer; }
.clean-fold > summary::-webkit-details-marker { display: none; }
.clean-fold > summary::before { content: '+'; color: var(--leaf); font-size: 20px; width: 16px; flex-shrink: 0; }
.clean-fold[open] > summary::before { content: '-'; }
.clean-fold > summary span { margin-left: auto; color: var(--muted); font-size: 12px; font-weight: 400; }
.clean-fold[open] > summary { border-bottom: 1px solid var(--line); }
.clean-fold-body { padding: 18px; }
.clean-fold-body > :first-child { margin-top: 0; }
.clean-fold-body > :last-child { margin-bottom: 0; }
.clean-fold summary:focus-visible,
.clean-shortcuts button:focus-visible { outline: 3px solid #739d60; outline-offset: -4px; }
.clean-interface .clean-fold .home-insight-card { box-shadow: none; }
.clean-interface .clean-fold .setup-card { margin-top: 16px; }

.clean-interface .operation-search-row { margin-bottom: 16px; }
.clean-interface .operation-search-row .search-box { max-width: 560px; min-height: 46px; }
.clean-interface .operation-search-row input { font-size: 14px; }
.clean-interface .operation-section-tabs { gap: 5px; flex-wrap: wrap; overflow: visible; padding: 5px; margin-bottom: 20px; background: #eaf0e6; border: 0; }
.clean-interface .operation-section-tabs button { min-height: 44px; padding-inline: 15px; font-size: 13px; }
.clean-work-switch { display: none; }
.clean-interface .operation-panel { padding: 20px; border-radius: 15px; box-shadow: none; }
.clean-interface .subheading { align-items: flex-start; gap: 15px; }
.clean-interface .subheading > div:first-child { display: block; min-width: 0; }
.clean-interface .subheading h3 { margin: 0 0 6px; font-size: 18px; }
.clean-interface .subheading p { font-size: 13px; line-height: 1.5; }
.clean-interface .operation-card { border-radius: 12px; box-shadow: none; }
.clean-interface .operation-card-head h4 { font-size: 17px; }
.clean-interface .operation-card-head p,
.clean-interface .operation-card-meta,
.clean-interface .operation-note { font-size: 13px; line-height: 1.5; }
.clean-interface .operation-quick-grid { grid-template-columns: repeat(auto-fit,minmax(165px,1fr)); margin: 0; }
.clean-interface .operation-quick-grid button { padding: 15px; gap: 6px; box-shadow: none; }
.clean-interface .operation-quick-grid b { font-size: 14px; }
.clean-interface .operation-quick-grid small { white-space: normal; font-size: 12px !important; }
.clean-interface .operation-empty { font-size: 14px; padding: 26px 14px; }
.clean-interface .prep-category-grid article { box-shadow: none; background: #f7faf3; }
.clean-interface .metric-card { box-shadow: none; }
.clean-interface .metric-card p { font-size: 12px; }
.clean-interface .field > span:first-child { font-size: 13px; line-height: 1.4; }
.clean-interface .field small { font-size: 12px !important; }
.clean-interface .field input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
.clean-interface .field select,
.clean-interface .field textarea { font-size: 15px; }
.clean-interface .modal-head h2 { font-size: 24px; }
.clean-interface .modal-intro { font-size: 13px; line-height: 1.55; }
.clean-interface .modal > form { padding: 24px; }
.clean-interface .form-grid { gap: 16px; }
.clean-interface .button,
.clean-interface .button.compact { min-height: 44px; font-size: 13px; }
.clean-interface .operation-picker-grid button { min-height: 96px; }
.clean-interface .operation-picker-grid b { font-size: 15px; }
.clean-interface .operation-picker-grid small { font-size: 12px !important; }
.clean-interface .prep-dialog { padding: 0; }
.clean-interface .prep-dialog .modal-actions { bottom: -24px; }
.clean-interface .prep-land-list { max-height: 330px; }
.clean-interface .land-health-card { margin: 0; border: 0; box-shadow: none; }
.clean-interface .toolbar-summary { font-size: 12px; }

@media (min-width:1020px) {
  .clean-interface .dashboard-welcome > .button { display: none; }
}
@media (max-width:1019px) {
  .clean-interface .content { padding-bottom: calc(95px + var(--safe-bottom)); }
  .clean-shortcuts { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width:700px) {
  .clean-interface .page-heading { flex-direction: column; align-items: stretch; gap: 12px; }
  .clean-interface .heading-actions { display: flex; }
  .clean-interface .heading-actions > .button { flex: 1 1 auto; }
  .clean-interface .operation-section-tabs { display: none; }
  .clean-work-switch { display: grid; margin-bottom: 16px; }
  .clean-interface .clean-work-switch select { min-height: 48px; font-size: 16px; }
  .clean-interface #homeSyncStatus { grid-template-columns: 1fr; gap: 14px; }
  .clean-fold > summary span { display: block; flex-basis: calc(100% - 28px); margin-left: 28px; }
}
@media (max-width:599px) {
  .clean-interface .topbar { display: grid; grid-template-columns: 36px minmax(0,1fr); gap: 5px 10px; padding: calc(8px + var(--safe-top)) 14px 9px; }
  .clean-interface .mobile-menu { width: 36px; min-height: 36px; }
  .clean-interface .top-title h1 { font-size: 20px; }
  .clean-interface .top-actions { grid-column: 1/-1; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 7px; width: 100%; }
  .clean-interface .top-actions .desktop-action { display: none; }
  .clean-interface .global-search-button { min-height: 42px; padding: 9px 12px; flex: 1; gap: 6px; }
  .clean-interface .global-search-button b { display: inline; font-size: 12px; }
  .clean-interface .global-search-button kbd { display: none; }
  .clean-interface .season-picker { flex: 0 1 auto; min-width: 0; padding: 4px 8px; }
  .clean-interface .season-picker span { font-size: 10px; }
  .clean-interface .season-picker select { width: 82px; min-height: 32px; font-size: 14px; }
  .clean-interface .sync-button { min-height: 42px; padding: 8px 10px; font-size: 12px; }
  .clean-interface .dashboard-welcome { min-height: 0; padding: 20px; gap: 14px; }
  .clean-interface .dashboard-welcome h2 { font-size: 26px; }
  .clean-interface .dashboard-welcome .eyebrow { display: none; }
  .clean-interface .dashboard-welcome > .button { min-height: 44px; }
  .clean-shortcuts { gap: 9px; margin-bottom: 18px; }
  .clean-shortcuts button { min-height: 140px; padding: 15px; }
  .clean-shortcuts .clean-shortcut-index { margin-bottom: 3px; }
  .clean-shortcuts b { font-size: 16px; }
  .clean-interface .home-command-centre { padding: 16px; }
  .clean-interface .home-command-head { flex-direction: row; align-items: flex-start; }
  .clean-interface .home-command-head h2 { font-size: 19px; }
  .clean-interface .home-command-head > .button { min-width: 78px; flex-shrink: 0; }
  .clean-interface .home-status-strip { grid-template-columns: repeat(2,minmax(0,1fr)); row-gap: 14px; }
  .clean-interface .home-status-strip article:nth-child(even) { border-right: 0; }
  .clean-interface .clean-sync-card { padding: 16px; }
  .clean-fold-body { padding: 14px; }
  .clean-interface .operation-panel { padding: 16px; }
  .clean-interface .subheading { flex-wrap: wrap; }
  .clean-interface .operation-search-row { gap: 9px; }
  .clean-interface .operation-quick-grid { grid-template-columns: 1fr 1fr; }
  .clean-interface .modal { width: calc(100% - 16px); max-height: calc(100dvh - 24px - var(--safe-top) - var(--safe-bottom)); }
  .clean-interface .modal > form { padding: 18px; }
  .clean-interface .prep-dialog .modal-actions { bottom: -18px; }
  .clean-interface .field input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
  .clean-interface .field select,
  .clean-interface .field textarea { font-size: 16px; }
  .clean-interface .modal-intro { font-size: 13px; }
  .clean-interface .operation-picker-dialog .operation-picker-grid { grid-template-columns: 1fr 1fr; }
  .clean-interface .operation-picker-grid button { padding: 13px; }
  .clean-interface .bottom-nav button { font-size: 11px; }
}
@media (prefers-reduced-motion:reduce) {
  .clean-shortcuts button { transition: none; }
}

/* Land preparation: one planned pass, a dated work log, and a clear remainder. */
.prep-category-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.prep-category-grid .prep-category-actions .button { padding: 10px; margin-top: 12px; white-space: normal; }
.prep-filters { max-width: none; grid-template-columns: repeat(3,minmax(0,1fr)); }
.prep-status-strip { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 16px 0; }
.prep-status-strip button { text-align: left; border: 1px solid #c9d7c5; border-radius: 12px; background: #f3f6ee; color: #243c2c; padding: 16px; font: inherit; cursor: pointer; }
.prep-status-strip button[aria-pressed=true] { border: 2px solid #37654a; padding: 15px; }
.prep-status-strip b { font-size: 25px; margin-right: 6px; }
.prep-status-strip small { display: block; margin-top: 5px; line-height: 1.5; }
.prep-progress { display: grid; grid-template-columns: 1fr auto; gap: 8px; margin: 14px; }
.prep-progress span { font-size: 13px; color: var(--muted); }
.prep-progress progress { grid-column: 1/-1; width: 100%; height: 8px; accent-color: #427351; }
.prep-pass h4 small { font-size: 13px; font-weight: 400; margin-left: 5px; }
.prep-pass-log { margin: 14px; font-size: 14px; }
.prep-pass-log summary { cursor: pointer; min-height: 40px; padding: 10px 0; }
.prep-pass-log ul { padding-left: 18px; }
.prep-pass-log li { margin-bottom: 12px; overflow-wrap: anywhere; }
.prep-pass-log p { margin-top: 4px; }
.prep-dialog [data-prep-error] { color: #8b2922; padding: 12px; background: #fff0eb; border-radius: 8px; }
.clean-interface .prep-dialog { margin: auto; }
.clean-interface .prep-dialog .modal-actions { margin-left: 0; margin-right: 0; }
.clean-interface .prep-dialog .modal-actions .button { min-width: 0; white-space: normal; }
@media(max-width:400px) {
 .clean-interface .prep-land-row { grid-template-columns: minmax(0,1fr); }
 .clean-interface .prep-land-row .prep-area { padding-left: 32px; }
}
@media(max-width:700px) {
 .prep-category-grid { grid-template-columns: 1fr; gap: 8px; }
 .prep-category-grid article { display: grid; grid-template-columns: 1fr; padding: 14px; gap: 4px; }
 .prep-category-grid article h4,.prep-category-grid article p { grid-column: 1; }
 .prep-category-actions { grid-column: 1; }
 .prep-category-grid .prep-category-actions .button { grid-column: auto; grid-row: auto; margin-top: 6px; }
 .prep-filters { grid-template-columns: 1fr 1fr; gap: 10px; }
 .prep-filters .field:last-child { grid-column: 1/-1; }
 .prep-status-strip { gap: 8px; }
 .prep-status-strip button { padding: 12px; font-size: 13px; }
 .prep-status-strip button[aria-pressed=true] { padding: 11px; }
 .prep-progress { grid-template-columns: 1fr; }
}

/* Planting: focused filters and fast, land-first recording. */
.planting-overview-toolbar{grid-template-columns:repeat(3,minmax(130px,1fr)) minmax(180px,1.4fr)}
.planting-filter-summary{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:14px 0 18px}.planting-filter-summary>.toolbar-summary{margin-left:auto}
.planting-status-shortcuts{display:flex;gap:6px;flex-wrap:wrap}.planting-status-shortcuts button{display:flex;align-items:center;gap:8px;min-height:44px;border:1px solid #d9e3da;background:#fff;color:#365442;border-radius:10px;padding:9px 13px;font:inherit;font-size:13px;font-weight:650;cursor:pointer}.planting-status-shortcuts button.active{background:#214d37;color:#fff;border-color:#214d37}.planting-status-shortcuts button span{font-size:11px;background:#819d7b25;padding:3px 6px;border-radius:6px}.planting-status-shortcuts button:focus-visible,.planting-quick-add:focus-visible{outline:3px solid #bb983d;outline-offset:3px}
.planting-land-tile{display:flex;flex-direction:column;border:1px solid #d9e3da;background:#fff;border-radius:16px;overflow:hidden;min-width:0}.planting-land-tile.partial{border-top:4px solid #bd8c39}.planting-land-tile.complete{border-top:4px solid #397557}.planting-land-tile.over-area{border-top:4px solid #b65a36}
.planting-land-tile .planting-land-card{flex:1;width:100%;border:0;border-radius:0;padding:18px;box-shadow:none;transform:none}.planting-land-tile .planting-land-card:hover{background:#f5f8f3}.planting-card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;flex-wrap:wrap}.planting-card-heading .planting-land-name{font-size:22px}.planting-land-tile .planting-land-total{font-size:13px}.planting-land-tile .planting-land-total b{font-size:20px}.planting-crop-list{display:flex;flex-direction:column;gap:9px;width:100%;margin:4px 0}.planting-crop-row{display:flex;flex-direction:column;gap:4px;padding-top:9px;border-top:1px solid #e7ece5;font-size:12px;line-height:1.5}.planting-crop-row b{font-size:13px}.planting-plan-warning{font-size:12px;line-height:1.5;color:#805915}.planting-quick-add{margin:0 18px 16px;min-height:44px;justify-content:center}.planting-land-tile .planting-land-foot{margin-top:auto;line-height:1.5}.planting-land-tile .land-planting-status.resting{background:#e9ede3;color:#5b654d}
@media(max-width:900px){.planting-overview-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.planting-filter-summary>.toolbar-summary{margin-left:0}}
@media(max-width:600px){.planting-overview-toolbar{padding:12px;gap:10px}.planting-overview-toolbar .field{min-width:0}.planting-overview-toolbar select,.planting-overview-toolbar input{font-size:16px;min-width:0;width:100%}.planting-status-shortcuts{width:100%;display:grid;grid-template-columns:.7fr 1.5fr .9fr}.planting-status-shortcuts button{padding:8px;justify-content:center;gap:5px;font-size:12px}.land-planting-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.land-planting-metrics .metric-card{padding:11px 9px;min-height:0}.land-planting-metrics .metric-card strong{font-size:20px;overflow-wrap:anywhere}.land-planting-metrics .metric-card small{font-size:11px}.land-planting-metrics .metric-card p{font-size:10px;line-height:1.4}.planting-land-grid{margin:14px 0}.planting-filter-summary{gap:9px}}