/* All controls are isolated from the passport's typography and layout. */
#passport-edit-toggle{position:fixed;top:14px;right:16px;z-index:10001;display:flex;align-items:center;gap:6px;border:1px solid #bfc8c5;border-radius:7px;background:#f8f9f5;color:#355363;padding:7px 11px;font:12px/1.5 system-ui,sans-serif;box-shadow:0 2px 8px #24384b12;cursor:pointer}
#passport-edit-toggle:hover{background:#fff}
#passport-edit-toggle[aria-pressed=true]{background:#355363;color:#fff;border-color:#355363}
#passport-editor{position:fixed;inset:0;z-index:10000;background:#edf0ed;color:#24384b;font:13px/1.5 system-ui,sans-serif;display:grid;grid-template-rows:58px minmax(0,1fr) 28px}
#passport-editor[hidden]{display:none!important}
#passport-editor button,#passport-editor select,#passport-editor input{font:inherit;color:inherit}
#passport-editor .pe-toolbar{display:flex;align-items:center;gap:10px;padding:9px 140px 9px 18px;border-bottom:1px solid #c9d1ce;background:#f9faf7}
#passport-editor .pe-toolbar strong{font-size:14px;margin-right:10px;white-space:nowrap}
#passport-editor .pe-toolbar select{max-width:210px;min-width:100px;background:#fff;border:1px solid #bcc9c6;border-radius:4px;padding:6px}
#passport-editor .pe-button{background:#fff;border:1px solid #bcc9c6;border-radius:4px;padding:6px 11px;white-space:nowrap;cursor:pointer}
#passport-editor .pe-button:hover{border-color:#355363}
#passport-editor .pe-button.primary{background:#355363;color:#fff;border-color:#355363}
#passport-editor .pe-toolbar .pe-spacer{flex:1}
#passport-editor .pe-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;min-height:0}
#passport-editor .pe-canvas{min-height:0;min-width:0;position:relative;overflow:hidden}
#passport-editor .pe-sidebar{overflow:auto;min-height:0;background:#f9faf7;border-left:1px solid #c9d1ce}
#passport-editor .pe-help{padding:13px 15px;border-bottom:1px solid #dde2df;font-size:12px;line-height:1.8;color:#586b73}
#passport-editor .pe-help p{margin:0}
#passport-editor .pe-tabs{display:flex;padding:10px 12px;gap:8px;border-bottom:1px solid #dde2df}
#passport-editor .pe-tabs button{flex:1}
#passport-editor .pe-tabs button[aria-selected=true]{background:#e4ece8;border-color:#728b85}
#passport-editor .pe-status{display:flex;align-items:center;padding:4px 14px;background:#f9faf7;border-top:1px solid #c9d1ce;color:#586b73;font-size:11px}
#passport-editor .pe-status[data-error=true]{color:#9c3634}
#passport-editor .pe-image{padding:12px 15px;border-bottom:1px solid #dde2df}
#passport-editor .pe-image label{display:block;margin-bottom:6px}
#passport-editor .pe-image input{max-width:100%;font-size:11px}
#passport-editor .gjs-one-bg{background:#f9faf7}
#passport-editor .gjs-two-color{color:#344f5c}
#passport-editor .gjs-three-bg{background:#e4ece8}
#passport-editor .gjs-four-color,#passport-editor .gjs-four-color-h:hover{color:#355e72}
#passport-editor .gjs-cv-canvas{top:0;left:0;width:100%;height:100%;background:#dde3df}
#passport-editor .gjs-field{background:#fff;border:1px solid #c9d1ce;box-shadow:none;color:#344f5c}
#passport-editor .gjs-sm-sector-title{background:#eaf0ec;font-weight:600}
#passport-editor .gjs-sm-sector{border-color:#dde2df}
#passport-editor .gjs-sm-label{font-size:12px}
#passport-editor .gjs-layer-title{background:transparent}
#passport-editor .gjs-clm-tags{display:none}
#passport-editor .gjs-sm-properties{padding:12px 10px}
#passport-editor .gjs-mdl-dialog{background:#fff;color:#344f5c}
@media(max-width:800px){
  #passport-edit-toggle{top:9px;right:9px;padding:6px 9px}
  #passport-editor{grid-template-rows:auto minmax(0,1fr) 40px}
  #passport-editor .pe-toolbar{flex-wrap:wrap;padding:9px 100px 9px 10px;gap:6px;min-height:58px}
  #passport-editor .pe-toolbar strong{display:none}
  #passport-editor .pe-toolbar select{max-width:140px}
  #passport-editor .pe-workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(220px,1fr) minmax(160px,35%)}
  #passport-editor .pe-sidebar{border-left:0;border-top:1px solid #c9d1ce}
  #passport-editor .pe-help{padding:7px 12px}
  #passport-editor .pe-button{padding:5px 8px}
  #passport-editor .pe-spacer{display:none}
}