/* Independent field shell; no PC split or collapsed-state styling is inherited. */
body[data-view=field]{font:16px/1.55 'Yu Gothic UI',Meiryo,'Segoe UI',system-ui,sans-serif;color:#203b32;background:#f4f7f5;overflow:auto;padding:0}
body[data-view=field] #account{position:static;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#175b4c;color:#fff;padding:10px 14px;width:auto;font-size:12px}
body[data-view=field] #account .brand{display:block;font-size:18px;white-space:nowrap}body[data-view=field] #account .brand span{display:none}
body[data-view=field] #account button{font-size:12px;min-height:36px;padding:5px 8px}
body[data-view=field]>nav{position:static;width:auto;min-height:28px;padding:3px 14px;background:#e8f0eb;display:flex}
body[data-view=field] #network{margin-left:0;font-size:12px;color:#456257}
body[data-view=field] main{display:flex;flex-direction:column;gap:8px;max-width:820px;margin:0 auto;padding:10px 12px 16px;min-height:0;height:auto}
body[data-view=field] #pc-workspace,body[data-view=field] #pc-editor{display:contents!important;min-height:0!important;height:auto!important;visibility:visible!important}
body[data-view=field] #pc-toolbar{display:grid;grid-template-columns:1fr;gap:8px;margin:0;padding:0;border:0;border-radius:0;background:transparent}
body[data-view=field] #working-route,body[data-view=field] #working-ds{min-width:0;margin:0;display:block;font-size:12px;flex-basis:auto}
body[data-view=field] #working-route select,body[data-view=field] #working-ds select{min-width:0;width:100%;font-size:16px;margin-top:3px;text-overflow:ellipsis}
body[data-view=field] #field-preparation{display:block;margin:0;border:0;padding:0;background:transparent;font-size:12px}
body[data-view=field] #field-preparation summary{cursor:pointer;min-height:32px;padding:5px 0}
body[data-view=field] #field-preparation button{font-size:13px;margin:4px 6px 0 0}
body[data-view=field] #message{margin:0;padding:8px 10px;font-size:13px;overflow-wrap:anywhere}
body[data-view=field] #message:empty{display:none}
body[data-view=field] #field-shell{display:flex;flex-direction:column;gap:10px;min-width:0}
body[data-view=field] #field-shell[hidden]{display:none}
body[data-view=field] #field-browse-controls{display:flex;flex-direction:column;gap:8px}
body[data-view=field] #field-view-tabs{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #b9ccc1;border-radius:8px;padding:3px;gap:3px}
body[data-view=field] #field-view-tabs button{min-height:44px;border:0;background:transparent;color:#385c4d;font-size:16px;border-radius:5px}
body[data-view=field] #field-view-tabs button[aria-pressed=true]{background:#175b4c;color:#fff}
body[data-view=field] #field-add-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
body[data-view=field] #field-add-actions button{font-size:14px;padding:8px;min-width:0}
body[data-view=field] #field-map-host{min-width:0;position:relative}
body[data-view=field] #field-map-host #map-pane{display:flex;flex-direction:column;margin:0;padding:0;border:1px solid #c5d6cc;border-radius:10px;overflow:hidden;height:clamp(300px,52dvh,620px)!important;min-height:300px;visibility:visible!important;position:relative}
body[data-view=field] #field-map-host #map{flex:1;min-height:0;height:100%;max-height:none;border-radius:0;touch-action:none}
body[data-view=field] #field-map-host .card-head{display:flex;font-size:12px;gap:8px;align-items:center;flex-wrap:wrap;padding:8px}
body[data-view=field] #field-map-host #map-caption{font-size:11px;margin:0;padding:4px 8px;background:#fff}
body[data-view=field] #field-list{padding:12px;margin:0;border:1px solid #d1ded5;border-radius:10px;max-height:60dvh;overflow:auto;min-width:0}
body[data-view=field] #field-kind-tabs{display:flex;gap:8px}
body[data-view=field] #field-kind-tabs button{flex:1;min-height:42px;padding:5px 10px}
body[data-view=field] #field-kind-tabs button[aria-pressed=true]{background:#e1efe7;border-color:#267a5c;color:#174a37}
body[data-view=field] #field-list-count{margin:10px 0 6px;color:#597063;font-size:13px}
body[data-view=field] #field-record-list{display:grid;gap:8px}
body[data-view=field] .field-record-row{display:flex;flex-direction:column;align-items:stretch;gap:5px;width:100%;padding:12px;text-align:left;border-color:#d4dfd8;min-width:0;overflow-wrap:anywhere;color:#203b32;background:#fff}
body[data-view=field] .field-record-row[aria-pressed=true]{border-color:#267a5c;background:#f0f7f3}
body[data-view=field] .field-record-name{display:flex;align-items:baseline;gap:9px;font-weight:600;min-width:0}
body[data-view=field] .field-record-name>span:last-child{min-width:0;overflow-wrap:anywhere}
body[data-view=field] .field-record-number{flex:none;font-size:12px;color:#416353}
body[data-view=field] .field-record-summary,body[data-view=field] .field-record-meta{font-size:12px;font-weight:400;color:#526b5e}
body[data-view=field] .field-empty{font-size:14px;padding:12px 0;color:#526b5e;overflow-wrap:anywhere}
body[data-view=field] #field-edit-heading{display:flex;align-items:center;gap:10px;min-width:0}
body[data-view=field] #field-edit-heading h1{font-size:17px;margin:0;min-width:0;overflow-wrap:anywhere}
body[data-view=field] #field-back{font-size:13px;padding:8px 10px;flex:none}
body[data-view=field] #field-position-bar{padding:10px;border:1px solid #bfd3c6;background:#eaf3ed;border-radius:8px}
body[data-view=field] #field-position-bar p{font-size:14px;margin:0 0 8px}
body[data-view=field] #field-editor-host{min-width:0}
body[data-view=field] #survey{margin:0;padding:12px;border:1px solid #d3e0d7;border-radius:10px;min-width:0}
body[data-view=field] #survey>h1,body[data-view=field] #record-toolbar,body[data-view=field] #record-description{display:none}
body[data-view=field] #freshness{margin:0 0 8px;overflow-wrap:anywhere}
body[data-view=field] #freshness:empty{display:none}
body[data-view=field] #editor>.toolbar{gap:8px;margin-bottom:12px}
body[data-view=field] #editor>.toolbar label{min-width:0;flex:1 1 160px}
body[data-view=field] #editor>.toolbar button{flex:1 1 130px;font-size:14px;padding:8px}
body[data-view=field] #position-state{flex-basis:100%;font-size:13px;overflow-wrap:anywhere}
body[data-view=field] .field-grid{grid-template-columns:1fr}
body[data-view=field] .field-wide{grid-column:auto}
body[data-view=field] #photos{grid-template-columns:1fr}
body[data-view=field] .photo-slot img{height:180px}
body[data-view=field] #draft-state{font-size:14px;overflow-wrap:anywhere}
body[data-view=field] #request-info{font-size:11px;overflow-wrap:anywhere}
body[data-view=field] .save-bar{position:sticky;bottom:0;z-index:9;padding:10px 0 calc(10px + env(safe-area-inset-bottom,0px));margin-top:10px;background:#fff;border-top:1px solid #d1ded5;gap:8px}
body[data-view=field] .save-bar button{font-size:14px;padding:8px;min-width:0;flex:1 1 130px}
body[data-view=field] #save-device{background:#175b4c;color:#fff}
body[data-view=field] #device-storage{padding:12px;margin:0;border:1px solid #d2dfd6;background:#fff;border-radius:8px;font-size:12px;min-width:0;overflow-wrap:anywhere}
body[data-view=field] #device-storage summary{min-height:28px;cursor:pointer}
body[data-view=field] #field-shell [hidden]{display:none!important}
body[data-view=field]>footer{display:none}
@media(min-width:620px){body[data-view=field] #pc-toolbar{grid-template-columns:1fr 1fr}body[data-view=field] #field-preparation{grid-column:1/-1}body[data-view=field] #photos{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-height:540px) and (orientation:landscape){body[data-view=field] #field-map-host #map-pane{height:65dvh!important;min-height:240px}body[data-view=field] #field-list{max-height:none}}
