/* DEC1139 / DEC029: presentation only. Apple-inspired system typography,
 * neutral grouped surfaces and restrained materials preserve every existing
 * control, handler, permission, visibility state and sheet-height owner.
 * No remote font/icon dependency; configured feature artwork stays untouched. */
body.orb-field {
 --field-ui-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;
 --field-ui-base:#1c1c1e; --field-ui-panel:#242426; --field-ui-raised:#2c2c2e;
 --field-ui-input:#303033; --field-ui-glass:rgba(36,36,38,.94);
 --field-ui-line:rgba(235,235,245,.14); --field-ui-hover:rgba(235,235,245,.07);
 --field-ui-selected:rgba(64,156,255,.17); --field-ui-blue:#80baff;
 --field-ui-action:#0066d6; --field-ui-shadow:0 16px 48px rgba(0,0,0,.24),0 2px 8px rgba(0,0,0,.12);
 --bg-deep:var(--field-ui-base); --bg-surface:var(--field-ui-raised);
 --bg-card:var(--field-ui-raised); --bg-card-solid:var(--field-ui-panel);
 --bg-card-hover:#38383a; --bg-tertiary:var(--field-ui-input);
 --text-primary:#f5f5f7; --text-secondary:#b7b7bf; --text-muted:#a1a1aa;
 --text-link:var(--field-ui-blue); --border-subtle:var(--field-ui-line);
 --brand-primary:var(--field-ui-blue); --brand-accent:var(--field-ui-action);
 --border-active:var(--field-ui-blue); --success:#30d158; --error:#ff6961;
 --field-menu-bg:var(--field-ui-panel); --field-menu-ink:var(--text-primary);
 --field-menu-line:var(--field-ui-line);
 color-scheme:dark; font-family:var(--field-ui-font); -webkit-font-smoothing:antialiased;
}
body.orb-field[data-field-theme="light"] {
 --field-ui-base:#f2f2f7; --field-ui-panel:#fafafa; --field-ui-raised:#fff;
 --field-ui-input:#f2f2f7; --field-ui-glass:rgba(250,250,252,.94);
 --field-ui-line:rgba(60,60,67,.16); --field-ui-hover:rgba(60,60,67,.045);
 --field-ui-selected:#e8f1ff; --field-ui-blue:#005fc7;
 --field-ui-shadow:0 16px 48px rgba(20,20,30,.12),0 2px 8px rgba(20,20,30,.06);
 --bg-deep:var(--field-ui-base); --bg-surface:var(--field-ui-raised);
 --bg-card:var(--field-ui-raised); --bg-card-solid:var(--field-ui-panel);
 --bg-card-hover:#f0f0f5; --bg-tertiary:var(--field-ui-input);
 --text-primary:#1d1d1f; --text-secondary:#62626a; --text-muted:#6c6c74;
 --text-link:var(--field-ui-blue); --border-subtle:var(--field-ui-line);
 --brand-primary:var(--field-ui-blue); --brand-accent:var(--field-ui-action);
 --error:#b42318; --success:#248a3d; color-scheme:light;
}
body.orb-field :is(button,input,select,textarea) { font-family:var(--field-ui-font); }
body.orb-field :is(h1,h2,h3) { font-family:var(--field-ui-font); letter-spacing:-.025em; }
body.orb-field :is(.slider-header h3,.collection-header h3,.settings-header h3) { font-size:17px; font-weight:600; }
body.orb-field :is(.field-status-dialog,dialog[id^="field"],#layerConfigView,#userManagementView) { line-height:1.45; }
body.orb-field :is(dialog[id^="field"],.field-status-dialog) h2 { font-size:22px; font-weight:650; }

/* The map remains the visual focus. Materials sit on navigation, not every row. */
body.orb-field[data-field-theme] .top-header {
 background:var(--field-ui-glass); color:var(--text-primary);
 border-bottom:1px solid var(--field-ui-line); box-shadow:0 1px 8px #00000008;
 backdrop-filter:blur(24px) saturate(1.15); -webkit-backdrop-filter:blur(24px) saturate(1.15);
}
body.orb-field[data-field-theme] .top-header .header-btn {
 border:0; border-radius:13px; color:var(--field-ui-blue); background:transparent; box-shadow:none;
}
body.orb-field .header-title { font-weight:600; letter-spacing:-.025em; }
body.orb-field #fieldSelectedProject,body.orb-field #fieldWorkContext { color:var(--text-secondary); font-size:11px; font-weight:400; letter-spacing:0; }
body.orb-field[data-field-theme] .top-header .header-btn:is(.active,[aria-expanded="true"]) { background:var(--field-ui-selected); }
body.orb-field[data-field-theme] :is(.map-controls>.btn-icon,#compassIndicator,#fieldCollectionZoom button) {
 background:var(--field-ui-glass); border:1px solid var(--field-ui-line); color:var(--text-primary);
 border-radius:10px; box-shadow:0 3px 12px #00000018;
}
body.orb-field[data-field-theme] #addBtn { background:var(--field-ui-action); border:2px solid rgba(255,255,255,.92); box-shadow:0 4px 16px #00000025; }
body.orb-field[data-field-theme] :is(.slider-panel,#collectionPanel,#searchPanel,#aiPanel) {
 background:var(--field-ui-panel); color:var(--text-primary);
 border-color:var(--field-ui-line); border-radius:22px 22px 0 0;
 box-shadow:var(--field-ui-shadow); backdrop-filter:none;
}
/* Explicit local ink prevents inherited status text from becoming too faint. */
body.orb-field[data-field-theme] :is(.slider-panel,#collectionPanel,#searchPanel,#aiPanel) { --text-secondary:#b7b7bf; --text-muted:#a1a1aa; }
body.orb-field[data-field-theme="light"] :is(.slider-panel,#collectionPanel,#searchPanel,#aiPanel) { --text-secondary:#62626a; --text-muted:#6c6c74; }
body.orb-field .slider-handle::before { width:36px; height:5px; border-radius:5px; background:var(--text-muted); opacity:.55; }
body.orb-field :is(.slider-header,.collection-header,.settings-header) { border-color:var(--field-ui-line); }
body.orb-field[data-field-theme] button:is([data-field-control="close"],[data-field-control="minimize"]) {
 color:var(--text-secondary)!important; background:var(--field-ui-hover); border-color:transparent; border-radius:50%; box-shadow:none;
}

/* Menus and grouped lists share quiet separators, with state still visible. */
body.orb-field[data-field-theme] #overflowMenu {
 --field-menu-bg:var(--field-ui-panel); --field-menu-ink:var(--text-primary); --field-menu-line:var(--field-ui-line);
 background:var(--field-ui-glass); color:var(--text-primary); border:1px solid var(--field-ui-line);
 border-radius:18px; padding:6px; box-shadow:var(--field-ui-shadow);
 backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px);
}
body.orb-field #overflowMenu button.field-menu-action { font-family:var(--field-ui-font); font-size:14px; border-radius:9px; }
body.orb-field #overflowMenu .field-menu-group h4 { font-family:var(--field-ui-font); font-size:11px; font-weight:600; letter-spacing:.035em; color:var(--text-secondary); opacity:1; }
body.orb-field #overflowMenu #fieldWorkspaceEntry { font:500 13px var(--field-ui-font); color:var(--field-ui-blue); background:transparent; border:0; padding:10px 14px; }
body.orb-field[data-field-theme] :is(.layer-item,.sync-item,.field-draft-card,.field-project-card,.user-list,.setting-row,.basemap-option) {
 background:var(--field-ui-raised); border-color:var(--field-ui-line); border-radius:14px; box-shadow:none;
}
body.orb-field :is(.layer-name,.sync-item-title,.setting-label) { font-weight:600; font-size:14px; letter-spacing:-.01em; }
body.orb-field :is(.sync-item-meta,.setting-desc,.layer-status) { font-size:12px; line-height:1.45; color:var(--text-secondary); }
body.orb-field[data-field-theme] :is(.template-list-item,.subtype-item) {
 background:transparent; border-color:transparent; border-bottom-color:var(--field-ui-line); border-radius:0; box-shadow:none; color:var(--text-primary);
}
body.orb-field[data-field-theme] :is(.template-list-item,.subtype-item).selected { background:var(--field-ui-selected); border-color:var(--field-ui-blue); border-radius:12px; }
body.orb-field[data-field-theme] .geometry-type-badge { background:var(--field-ui-input); color:var(--text-secondary); border-radius:6px; font-weight:500; }
body.orb-field .toggle-slider { background:#636366; }
body.orb-field[data-field-theme="light"] .toggle-slider { background:#c7c7cc; }
body.orb-field .toggle-switch input:checked + .toggle-slider { background:var(--success); }

/* Common controls: retain native input behavior, 44px targets and validation. */
body.orb-field[data-field-theme] :is(dialog[id^="field"],#collectionPanel,#layerConfigView,#userManagementView,#settingsPanel,#tableEditorPanel,#searchPanel) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),select,textarea) {
 background:var(--field-ui-input)!important; color:var(--text-primary)!important;
 border:1px solid var(--field-ui-line)!important; border-radius:10px; box-shadow:none;
 font-family:var(--field-ui-font); font-size:16px; line-height:1.4;
}
body.orb-field[data-field-theme] :is(input,textarea)::placeholder { color:var(--text-muted); opacity:1; }
body.orb-field :is(input,select,textarea):focus-visible { outline:2px solid var(--field-ui-blue); outline-offset:2px; }
body.orb-field [aria-invalid="true"] { border-color:var(--error)!important; }
body.orb-field[data-field-theme] :is(dialog[id^="field"],.field-status-dialog,#layerConfigView,#userManagementView,#settingsPanel,#tableEditorPanel,#collectionPanel,#syncPanel) button:not([data-field-control]):not([role="switch"]):not(.layer-tree-item-header):not(.layer-tree-subtype):not(.layer-tree-expand):not(.template-list-item):not(.subtype-item):not(.field-help-toggle):not(.field-config-icon-preview) {
 background:var(--field-ui-input); color:var(--field-ui-blue); border:1px solid var(--field-ui-line);
 border-radius:10px; box-shadow:none; font-family:var(--field-ui-font); font-weight:500;
}
body.orb-field[data-field-theme] :is(#syncNowBtn,#submitBtn,#pointActionBtn,#vertexActionBtn,#schemaSaveBtn,.schema-save-btn,.add-layer-btn,.user-add-btn,#fieldProjectNew,.field-storage-primary,.submit-btn),
body.orb-field[data-field-theme] #fieldComposer button#owAtlasSend {
 background:var(--field-ui-action)!important; background-image:none!important; color:#fff!important; border-color:transparent!important; box-shadow:none;
}
body.orb-field[data-field-theme] :is(#editDeleteBtn,.delete-btn,button.delete,.sync-action.danger,[data-destructive="true"]) { color:var(--error)!important; }
body.orb-field[data-field-theme] :is(.field-workspace-choice button[aria-pressed="true"],.layer-config-tab.active,.table-editor-btn.active) { background:var(--field-ui-selected)!important; color:var(--field-ui-blue)!important; border-color:transparent; }
body.orb-field :is(.form-group label,.editor-field label,.field-config-key,.template-group-header) { color:var(--text-secondary); font-family:var(--field-ui-font); }
body.orb-field[data-field-theme] :is(#fieldStartGuidance,#fieldEditIntent,.field-draft-controls,.field-position-details,.field-inspection-context) { background:transparent; border-color:var(--field-ui-line); color:var(--text-secondary); }

/* Dialog content is opaque and readable; a soft backdrop separates its context. */
body.orb-field[data-field-theme] :is(dialog[id^="field"],.field-status-dialog,#fieldSubmitReview,#fieldProjectReadiness) {
 background:var(--field-ui-panel); color:var(--text-primary); border:1px solid var(--field-ui-line);
 border-radius:22px; box-shadow:var(--field-ui-shadow); font-family:var(--field-ui-font);
}
body.orb-field dialog::backdrop { background:rgba(0,0,0,.38); }
body.orb-field[data-field-theme] :is(#fieldProjects,#fieldProjectStorage) { background:var(--field-ui-base); }
body.orb-field :is(#fieldProjectReadiness,#fieldSubmitReview) { padding:24px; }
body.orb-field #fieldProjectReadiness :is(h2,p),body.orb-field #fieldSubmitReview :is(h2,p) { margin-bottom:12px; }
body.orb-field #fieldProjectReadiness ul { list-style:none; padding:6px 16px; margin:16px 0; border-radius:14px; background:var(--field-ui-raised); }
body.orb-field #fieldProjectReadiness li { padding:10px 0; border-bottom:1px solid var(--field-ui-line); font-size:14px; }
body.orb-field #fieldProjectReadiness li:last-child { border-bottom:0; }
body.orb-field :is(#fieldStoragePreview,#fieldVersionPreview) { background:var(--field-ui-input); color:var(--text-secondary); border-radius:12px; padding:12px; }
body.orb-field :is(.field-storage-group,.field-offline-prepare li) { border-color:var(--field-ui-line); }

/* Configuration and desktop work are part of the same application. */
body.orb-field[data-field-theme] :is(#layerConfigView,#userManagementView,#tableEditorPanel,#settingsPanel) { background:var(--field-ui-base); color:var(--text-primary); }
body.orb-field[data-field-theme] :is(.layer-config-header,.layer-config-tabs,.layer-config-sidebar,.layer-config-editor,.user-management-header,.settings-header,.table-editor-header,.table-editor-toolbar) { background:var(--field-ui-panel); color:var(--text-primary); border-color:var(--field-ui-line); }
body.orb-field[data-field-theme] #layerConfigView .editor-section { background:var(--field-ui-raised); border:1px solid var(--field-ui-line); border-radius:16px; box-shadow:none; }
body.orb-field[data-field-theme] :is(.layer-tree-item-header,.layer-tree-subtype).selected { background:var(--field-ui-selected); color:var(--text-primary); border-radius:9px; }
body.orb-field :is(.user-add-section,.settings-section) { border-color:var(--field-ui-line); }
body.orb-field .user-item { border-color:var(--field-ui-line); }
body.orb-field .user-item-avatar { background:var(--field-ui-selected); color:var(--field-ui-blue); font-weight:600; }
body.orb-field[data-field-theme] #tableEditorPanel :is(th,td) { border-color:var(--field-ui-line); font-family:var(--field-ui-font); }
body.orb-field[data-field-theme] #tableEditorPanel th { background:var(--field-ui-panel); color:var(--text-secondary); font-size:12px; font-weight:600; }
body.orb-field[data-field-theme] #tableEditorPanel td { color:var(--text-primary); }
body.orb-field[data-field-theme] #tableEditorPanel tr.selected { background:var(--field-ui-selected); }

/* Rainbot keeps its existing composer, transcript and resize behavior. */
body.orb-field[data-field-theme] #aiPanel { border-radius:22px; background:var(--field-ui-panel); --field-message-user:var(--field-ui-input); }
body.orb-field[data-field-theme] #fieldComposer { border-radius:20px; background:var(--field-ui-panel); border-color:var(--field-ui-line); box-shadow:0 3px 16px #00000014; }
body.orb-field[data-field-theme] #fieldComposer textarea#owAtlasQuestion { background:var(--field-ui-input)!important; color:var(--text-primary)!important; border-radius:12px!important; }
body.orb-field #aiPanel #canvasWelcome h1 { font-family:var(--field-ui-font)!important; font-size:22px!important; font-weight:600!important; letter-spacing:-.035em; }
body.orb-field #fieldRainbotLocal button { font-family:var(--field-ui-font); color:var(--field-ui-blue); background:var(--field-ui-input); border-color:var(--field-ui-line); border-radius:12px; }
body.orb-field[data-field-theme] #aiPanel :is(#owTranscript,.ow-chat,.ow-chat-bubble) { font-family:var(--field-ui-font); line-height:1.6; }
body.orb-field #fieldGpsHelp { background:var(--field-ui-panel); border:1px solid var(--field-ui-line); box-shadow:var(--field-ui-shadow); }

@media(hover:hover) {
 body.orb-field[data-field-theme] :is(.top-header .header-btn,#overflowMenu .field-menu-action,.template-list-item,.subtype-item):hover { background:var(--field-ui-hover); }
}
@media(prefers-reduced-transparency:reduce) {
 body.orb-field[data-field-theme] :is(.top-header,#overflowMenu) { background:var(--field-ui-panel); backdrop-filter:none; -webkit-backdrop-filter:none; }
}
@media(prefers-contrast:more) {
 body.orb-field { --field-ui-line:rgba(235,235,245,.4); }
 body.orb-field[data-field-theme="light"] { --field-ui-line:rgba(60,60,67,.4); }
}
@media(max-width:600px) {
 body.orb-field :is(#fieldProjectReadiness,#fieldSubmitReview) { padding:18px; }
}

/* Preserve the established 44px switch target and its separate track. */
body.orb-field[data-field-theme] #settingsPanel .toggle-switch-js { background:transparent; border:0; box-shadow:none; }
body.orb-field[data-field-theme] #settingsPanel .toggle-switch-js::before { background:#636366; }
body.orb-field[data-field-theme="light"] #settingsPanel .toggle-switch-js:not(.active)::before { background:#c7c7cc; }
body.orb-field[data-field-theme] #settingsPanel .toggle-switch-js.active::before { background:var(--success); }

/* Legacy local panel colors also follow the selected appearance. */
body.orb-field[data-field-theme] :is(.field-sheet-hint,.field-records-note) { color:var(--text-secondary); }
body.orb-field[data-field-theme] #aiPanel button[data-field-control="close"],
body.orb-field[data-field-theme] #collectionPanel button[data-field-control="close"] { background:var(--field-ui-hover)!important; border-radius:50%!important; }
body.orb-field[data-field-theme] #syncPanel button[data-field-inspect] { background:var(--field-ui-action)!important; color:#fff!important; }
body.orb-field[data-field-theme] #passwordModal .modal-content { background:var(--field-ui-panel); color:var(--text-primary); border:1px solid var(--field-ui-line); border-radius:22px; box-shadow:var(--field-ui-shadow); }

body.orb-field[data-field-theme] #layerConfigView #schemaFeedback { background:var(--field-ui-selected); color:var(--text-primary); border-color:var(--field-ui-line); }
body.orb-field[data-field-theme] #layerConfigView :is(.layer-tree-item-header,.layer-tree-subtype)[aria-pressed="true"] { background:var(--field-ui-selected); color:var(--field-ui-blue); }

@media(max-width:480px) {
 /* Keep a long asset name readable beside its unchanged submission status. */
 body.orb-field #syncPanel .sync-item-top { flex-direction:column; align-items:stretch; gap:8px; }
}
/* DEC1140: a compact project library, with admin details using the same controls. */
body.orb-field[data-field-theme] #fieldProjects:modal { width:min(620px,100%); height:min(760px,calc(var(--field-visible-height,100dvh) - 32px)); max-height:calc(var(--field-visible-height,100dvh) - 32px)!important; margin:auto!important; inset:0; border-radius:20px; }
body.orb-field[data-field-theme] #fieldProjects header { padding:10px 16px; }
body.orb-field[data-field-theme] #fieldProjects h2 { font-size:22px; letter-spacing:-.025em; font-weight:600; }
body.orb-field[data-field-theme] #fieldProjects .field-project-content { padding:12px 16px calc(12px + var(--safe-bottom,0px)); }
body.orb-field[data-field-theme] #fieldProjects .field-project-intro { font-size:13px; margin:0 0 10px; }
body.orb-field[data-field-theme] #fieldProjects .field-project-actions { gap:8px; margin:6px 0; }
body.orb-field[data-field-theme] #fieldProjects #fieldProjectNew { flex:0 0 auto; font-size:14px; padding:6px 14px; }
body.orb-field[data-field-theme] #fieldProjects .field-project-actions>label { margin:0 0 0 auto; }
body.orb-field[data-field-theme] #fieldProjectList h3 { margin:12px 0 2px; font-size:12px; font-weight:600; }
body.orb-field[data-field-theme] #fieldProjects .field-project-row { padding:4px 0; gap:8px; }
body.orb-field[data-field-theme] #fieldProjects .field-project-row>button:first-child { gap:10px; padding:4px; }
body.orb-field[data-field-theme] #fieldProjects .field-project-row strong { font-size:14px; font-weight:600; line-height:1.35; }
body.orb-field[data-field-theme] #fieldProjects .field-project-row small { margin-top:2px; font-size:12px; line-height:1.35; }
body.orb-field[data-field-theme] #fieldProjects .field-project-thumbnail { flex:0 0 40px; width:40px; height:40px; border-radius:9px; background:var(--field-ui-selected); color:var(--field-ui-blue); font-size:23px; overflow:hidden; }
body.orb-field[data-field-theme] #fieldProjects .field-project-thumbnail img { width:100%;height:100%;object-fit:contain; }
body.orb-field[data-field-theme] #fieldProjects .field-project-row>button.field-project-manage { font-size:13px!important; font-weight:500; padding:4px 8px; }
body.orb-field[data-field-theme] #fieldProjects .field-project-row.is-current { background:var(--field-ui-hover); border-radius:10px; }
body.orb-field[data-field-theme] #fieldProjects :is(.field-project-access,#fieldProjectCount) { font-size:12px; color:var(--text-secondary); margin:8px 0; }
body.orb-field[data-field-theme] #fieldProjects #fieldProjectStatus:empty { display:none; }
body.orb-field[data-field-theme] #fieldProjects #fieldProjectDetails { margin:10px 0; padding:14px; background:var(--field-ui-raised); border:1px solid var(--field-ui-line); }
body.orb-field[data-field-theme] #fieldProjects #fieldProjectDetails h3 { font-size:17px; margin:0 0 12px; }
body.orb-field[data-field-theme] #fieldProjects .field-project-icon-editor { display:flex; align-items:center; gap:12px; padding:10px 0 14px; border-bottom:1px solid var(--field-ui-line); margin-bottom:12px; }
body.orb-field[data-field-theme] #fieldProjects .field-project-icon-editor>div { flex:1; min-width:0; }
body.orb-field[data-field-theme] #fieldProjects .field-project-icon-editor strong { font-size:14px; }
body.orb-field[data-field-theme] #fieldProjects .field-project-icon-editor p { margin:4px 0; }
body.orb-field[data-field-theme] #fieldProjects .field-project-icon-editor button { margin-top:4px; font-size:13px; }
body.orb-field[data-field-theme] #fieldProjects input[type=file][hidden] { display:none!important; }
body.orb-field[data-field-theme] #fieldProjects .field-project-save { background:var(--field-ui-action); color:#fff; border-color:transparent; }
body.orb-field[data-field-theme] #fieldProjects .field-project-scope { margin:12px 0 0; padding-top:12px; }
body.orb-field[data-field-theme] #fieldProjects .field-project-tools { margin-top:12px; border-top:1px solid var(--field-ui-line); font-size:13px; }
body.orb-field[data-field-theme] #fieldProjects .field-project-tools summary { min-height:44px; align-content:center; cursor:pointer; color:var(--text-secondary); }
body.orb-field[data-field-workspace="field"] #fieldProjects[data-project-admin="true"] .field-project-actions { display:flex!important; }
body.orb-field[data-field-workspace="field"] #fieldProjects[data-project-admin="true"] [aria-label^="Project settings for"] { display:block!important; }
@media(max-width:600px) {
 body.orb-field[data-field-theme] #fieldProjects:modal { height:var(--field-visible-height,100dvh); max-height:var(--field-visible-height,100dvh)!important; border-radius:0; }
 body.orb-field[data-field-theme] #fieldProjects header { padding-top:calc(8px + var(--safe-top,0px)); }
 body.orb-field[data-field-theme] #fieldProjects .field-project-content { padding-inline:12px; }
}
body.orb-field[data-field-theme] #fieldProjects .field-project-save { background:var(--field-ui-action)!important; color:#fff!important; border-color:transparent!important; }
body.orb-field[data-field-theme] #fieldProjects .field-project-row>button:first-child { color:var(--text-primary); }
body.orb-field[data-field-theme] #fieldProjects .field-project-signin { margin-left:8px; padding:4px 10px; font-size:13px; }

/* DEC1155: quiet upload feedback; never blocks map gestures or covers the GPS line. */
body.orb-field #fieldAutoSyncStatus { position:fixed; top:calc(var(--field-map-content-top,var(--field-header-bottom,84px)) + 8px); left:12px; z-index:101; width:min(160px,calc(100vw - 160px)); padding:6px 9px; border-radius:8px; background:var(--field-ui-glass); color:var(--text-secondary); font-size:11px; line-height:1.4; pointer-events:none; box-shadow:0 1px 5px rgba(0,0,0,.1); }
body.orb-field #fieldAutoSyncStatus[hidden] { display:none; }
body.orb-field #fieldAutoSyncStatus progress { display:block; width:100%; height:2px; margin-top:4px; border:0; accent-color:var(--field-ui-blue); opacity:.65; }
body.orb-field #fieldAutoSyncStatus progress[hidden] { display:none; }
body.orb-field #fieldAutoSyncStatus progress::-webkit-progress-bar { background:var(--field-ui-line); }
body.orb-field #fieldAutoSyncStatus progress::-webkit-progress-value { background:var(--field-ui-blue); transition:width 180ms ease-out; }
/* Feedback begins immediately; only appearance eases, never the action handler. */
body.orb-field button { transition:background-color 160ms ease-out,color 160ms ease-out,opacity 160ms ease-out; }
body.orb-field button:active:not(:disabled) { opacity:.78; }
@media (prefers-reduced-motion:reduce) { body.orb-field button,body.orb-field #fieldAutoSyncStatus progress::-webkit-progress-value { transition:none; } }