/* DEC1142: compact project workspace; navigation changes layout, not touch size. */
#fieldProjectWorkspace{--fpw-bg:#1c1c1e;--fpw-surface:#252527;--fpw-line:rgba(255,255,255,.12);--fpw-text:#f5f5f7;--fpw-muted:#aaaab0;--fpw-accent:#5ca8ff;box-sizing:border-box;width:min(900px,calc(100vw - 32px));max-width:none;max-height:min(760px,calc(100dvh - 40px));padding:0;border:1px solid var(--fpw-line);border-radius:20px;background:var(--fpw-bg);color:var(--fpw-text);box-shadow:0 24px 80px #0005;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden}
#fieldProjectWorkspace::backdrop{background:#0006;backdrop-filter:blur(5px)}
#fieldProjectWorkspace *{box-sizing:border-box}
#fieldProjectWorkspace header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid var(--fpw-line)}
#fieldProjectWorkspace header>div{min-width:0}
#fieldProjectWorkspace h2{margin:0;font-size:21px;line-height:1.25;letter-spacing:-.025em;overflow-wrap:anywhere}
#fieldProjectWorkspace .fpw-subtitle{margin:5px 0 0;color:var(--fpw-muted);font-size:12px;overflow-wrap:anywhere}
#fieldProjectWorkspace button,#fieldProjectWorkspace select{font:inherit;color:inherit;min-height:44px;max-width:100%;border:1px solid var(--fpw-line);border-radius:10px;padding:8px 12px;background:var(--fpw-surface);cursor:pointer;text-align:left;line-height:1.35}
#fieldProjectWorkspace button:disabled{opacity:.48;cursor:default}
#fieldProjectWorkspace button:focus-visible,#fieldProjectWorkspace select:focus-visible{outline:3px solid var(--fpw-accent);outline-offset:2px}
#fieldProjectWorkspace header>button{flex:none;width:44px;padding:0;text-align:center;font-size:25px}
#fieldProjectWorkspace .fpw-layout{display:grid;grid-template-columns:184px minmax(0,1fr);min-height:360px;max-height:calc(min(760px,100dvh - 40px) - 95px)}
#fieldProjectWorkspace nav{padding:14px 10px;border-right:1px solid var(--fpw-line);overflow:auto;background:var(--fpw-surface)}
#fieldProjectWorkspace nav button{width:100%;border:0;background:transparent;margin:2px 0;padding:10px 12px;font-size:13px}
#fieldProjectWorkspace nav button.is-selected{background:rgba(100,155,230,.17)!important;color:var(--fpw-accent)!important;font-weight:600}
#fieldProjectWorkspace .fpw-content{padding:22px 24px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;min-width:0}
#fieldProjectWorkspace h3{font-size:18px;margin:0 0 14px;letter-spacing:-.018em}
#fieldProjectWorkspace p{margin:0 0 14px;overflow-wrap:anywhere}
#fieldProjectWorkspace .fpw-note{font-size:12px;color:var(--fpw-muted)}
#fieldProjectWorkspace .fpw-overview{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}
#fieldProjectWorkspace .fpw-overview p{margin:0}
#fieldProjectWorkspace .fpw-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:11px;overflow:hidden;flex:none;background:var(--fpw-surface);color:var(--fpw-accent);font-size:24px}
#fieldProjectWorkspace .fpw-icon img{width:100%;height:100%;object-fit:contain}
#fieldProjectWorkspace .fpw-facts{display:grid;grid-template-columns:minmax(90px,.45fr) minmax(0,1fr);gap:9px 16px;padding:14px 0;margin:0 0 18px;border-top:1px solid var(--fpw-line);border-bottom:1px solid var(--fpw-line);font-size:12px}
#fieldProjectWorkspace dt{color:var(--fpw-muted)}
#fieldProjectWorkspace dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
#fieldProjectWorkspace .fpw-actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
#fieldProjectWorkspace button.fpw-primary{background:#0875e1;color:white;border-color:transparent;font-weight:600}
#fieldProjectWorkspace .fpw-context-note{padding:14px;border:1px solid var(--fpw-line);border-radius:12px;margin-bottom:18px;background:var(--fpw-surface)}
#fieldProjectWorkspace .fpw-context-note p{font-size:12px}
#fieldProjectWorkspace .fpw-status{color:var(--fpw-muted);font-size:12px;margin:14px 0 0}
#fieldProjectWorkspace .fpw-status:empty{display:none}
#fieldProjectWorkspace .fpw-mobile-section{display:none}
/* Existing Field button rules intentionally have strong theme specificity. Keep
 * workspace navigation quiet while its current section and main action stand out. */
body.orb-field[data-field-theme] #fieldProjectWorkspace nav button{border:0!important;background:transparent!important;box-shadow:none;color:var(--fpw-text)!important}
body.orb-field[data-field-theme] #fieldProjectWorkspace nav button.is-selected{background:rgba(100,155,230,.17)!important;color:var(--fpw-accent)!important;font-weight:600}
body.orb-field[data-field-theme] #fieldProjectWorkspace button.fpw-primary{background:#0875e1!important;border-color:transparent!important;color:#fff!important;box-shadow:none}
body[data-field-theme="light"] #fieldProjectWorkspace{--fpw-bg:#fff;--fpw-surface:#f3f3f6;--fpw-line:#00000015;--fpw-text:#1c1c1e;--fpw-muted:#62626a;--fpw-accent:#0067ca;box-shadow:0 24px 80px #2430492e}
@media(max-width:600px){
 #fieldProjectWorkspace{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:16px}
 #fieldProjectWorkspace header{padding:14px 16px}
 #fieldProjectWorkspace h2{font-size:19px}
 #fieldProjectWorkspace .fpw-layout{display:block;max-height:calc(100dvh - 108px);min-height:0;overflow:auto}
 #fieldProjectWorkspace nav{display:none}
 #fieldProjectWorkspace .fpw-content{padding:16px;overflow:visible;scrollbar-gutter:auto}
 #fieldProjectWorkspace .fpw-mobile-section{display:block;font-size:12px;color:var(--fpw-muted);margin-bottom:20px}
 #fieldProjectWorkspace select{display:block;width:100%;margin-top:5px;font-size:16px;color:var(--fpw-text)}
 #fieldProjectWorkspace .fpw-facts{grid-template-columns:95px minmax(0,1fr);gap:9px 12px}
}