/* DeeGeet Field jobs: member page and wp-admin screen. Builds on app.css. */
.dgf .dgc-tabs { margin-bottom: 18px; }
.dgf-board-head { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; }
.dgf-inline { display: inline-flex; gap: 8px; align-items: center; }
.dgf-inline select { width: auto; }
.dgf-list, .dgf-items, .dgf-people { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.dgf-list > li.is-focus { outline: 2px solid var(--gold, #d4af37); }
.dgf-facts { list-style: none; margin: 8px 0 12px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: .95em; }
.dgf-desc { white-space: pre-line; }
.dgf-days { display: flex; flex-wrap: wrap; gap: 8px; }
.dgf-days .dgc-choice { padding: 6px 12px; }
.dgf-check { display: flex; gap: 10px; align-items: flex-start; margin: 10px 0; }
.dgf-check input { width: auto; margin-top: 4px; }
.dgf-money { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin: 12px 0 18px; }
.dgf-money > div { display: grid; gap: 4px; padding: 12px 14px; border-radius: 12px; background: rgba(212, 175, 55, .08); border: 1px solid rgba(212, 175, 55, .25); }
.dgf-money span { font-size: .85em; opacity: .85; }
.dgf-money strong { font-size: 1.2em; }
.dgf-job > summary { cursor: pointer; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; list-style: none; }
.dgf-job > summary::-webkit-details-marker { display: none; }
.dgf-step { margin: 14px 0; padding: 14px; border-radius: 12px; border: 1px dashed rgba(212, 175, 55, .45); }
.dgf-step h4 { margin: 0 0 8px; }
.dgf-item { display: flex; flex-wrap: wrap; gap: 10px 16px; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid rgba(128, 128, 128, .2); }
.dgf-item.is-flagged { background: rgba(255, 120, 80, .08); padding-inline: 10px; border-radius: 10px; }
.dgf-item-main { flex: 1 1 380px; display: grid; gap: 8px; }
.dgf-item-side { flex: 0 1 320px; display: grid; gap: 6px; justify-items: start; }
.dgf-photos { display: flex; flex-wrap: wrap; gap: 6px; }
.dgf-photos img, .dgf-thumb { width: 72px; height: 72px; object-fit: cover; border-radius: 8px; display: block; }
.dgf-person { display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid rgba(128, 128, 128, .2); }
.dgf-exp { white-space: pre-line; font-size: .95em; }
.dgf-inline-form { display: grid; gap: 8px; }
.dgf-quote { max-width: 560px; }
.dgf-me p { margin: 4px 0; }
.dgc-field-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; }
.dgc-field-how { margin-top: 28px; }
.dgc-field-how > summary { cursor: pointer; font-weight: 700; }
/* wp-admin */
.dgf-admin-stats { display: flex; flex-wrap: wrap; gap: 14px; margin: 14px 0; }
.dgf-admin-stats > div { display: grid; gap: 4px; min-width: 170px; padding: 12px 16px; background: #fff; border: 1px solid #dcdcde; border-radius: 6px; }
.dgf-admin-stats strong { font-size: 18px; }
.dgf-admin-body { margin-top: 14px; }
.dgf-admin-table td { vertical-align: top; }
.dgf-admin-table td:last-child { min-width: 240px; }
.dgf-id { max-width: 220px; max-height: 160px; border: 1px solid #dcdcde; border-radius: 4px; }
.dgf-admin-detail { margin-top: 20px; }
.dgf-admin-settings { max-width: 640px; display: grid; gap: 16px; }