/* DEC1142: compact project discovery and shared settings, using the Field theme. */
body.orb-field .field-project-filters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:8px 0; }
body.orb-field #fieldProjects [hidden] { display:none!important; }
body.orb-field .field-project-filters label { font-size:12px; color:var(--text-secondary); }
body.orb-field .field-project-filters select { display:block; width:100%; min-height:44px; border-radius:10px; padding:6px 10px; background:var(--field-ui-input); color:var(--text-primary); border:1px solid var(--field-ui-line); font:inherit; }
body.orb-field .field-directory-toolbar { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
body.orb-field .field-directory-toolbar button { font-size:12px; padding:6px 10px; min-height:44px; }
body.orb-field #fieldDirectoryStatus { font-size:12px; color:var(--text-secondary); margin:4px 0 10px; }
body.orb-field .field-directory-dialog { box-sizing:border-box; width:min(640px,calc(100% - 24px)); max-height:calc(100dvh - 24px); padding:0; border:1px solid var(--field-ui-line); border-radius:20px; background:var(--field-ui-panel); color:var(--text-primary); font-family:var(--field-ui-font); box-shadow:var(--field-ui-shadow); }
body.orb-field .field-directory-dialog::backdrop { background:rgba(0,0,0,.5); }
body.orb-field .field-directory-dialog header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 18px; border-bottom:1px solid var(--field-ui-line); }
body.orb-field .field-directory-dialog h2 { font-size:21px; margin:0; letter-spacing:-.025em; }
body.orb-field .field-directory-dialog h3 { font-size:15px; margin:20px 0 8px; }
body.orb-field .field-directory-body { padding:16px 18px; }
body.orb-field .field-directory-dialog p { font-size:13px; line-height:1.5; overflow-wrap:anywhere; color:var(--text-secondary); }
body.orb-field .field-directory-dialog label { display:block; font-size:13px; margin:12px 0; }
body.orb-field .field-directory-dialog :is(input:not([type=file]),textarea,select) { display:block; box-sizing:border-box; width:100%; min-height:44px; margin-top:5px; padding:10px; border-radius:10px; border:1px solid var(--field-ui-line); background:var(--field-ui-input); color:var(--text-primary); font:inherit; }
body.orb-field .field-directory-dialog textarea { min-height:76px; resize:vertical; }
body.orb-field .field-directory-dialog button { min-width:44px; min-height:44px; margin:2px 6px 2px 0; padding:8px 12px; border:1px solid var(--field-ui-line); border-radius:10px; color:var(--field-ui-blue); background:var(--field-ui-raised); font:500 13px var(--field-ui-font); cursor:pointer; }
body.orb-field .field-directory-dialog button[type=submit] { background:var(--field-ui-action)!important; color:#fff!important; border-color:transparent!important; }
body.orb-field .field-directory-dialog button:disabled { opacity:.5; cursor:default; }
body.orb-field .field-directory-dialog [hidden] { display:none!important; }
body.orb-field .field-directory-dialog :focus-visible { outline:2px solid var(--field-ui-blue); outline-offset:2px; }
body.orb-field .field-directory-icon img { width:48px; height:48px; object-fit:contain; border-radius:10px; float:left; margin:6px 12px 6px 0; }
body.orb-field .field-directory-member { padding:10px 0; border-bottom:1px solid var(--field-ui-line); }
@media(min-width:600px) { body.orb-field .field-directory-member:has(input) { display:grid; grid-template-columns:minmax(0,1fr) 130px auto; gap:10px; align-items:end; } body.orb-field .field-directory-member:has(input) button { margin-bottom:12px; } }
@media(max-width:600px) { body.orb-field .field-directory-dialog { width:100%; max-width:100%; max-height:100dvh; height:100dvh; margin:0; border:0; border-radius:0; } body.orb-field .field-directory-dialog header { padding-top:calc(10px + var(--safe-top,0px)); } body.orb-field .field-directory-body { padding-bottom:calc(18px + var(--safe-bottom,0px)); } }
@media(max-width:420px) { body.orb-field .field-project-filters { grid-template-columns:1fr 1fr; } body.orb-field .field-project-filters>label:first-child { grid-column:1 / -1; } }
