/* Scoped to the Mobile People screen; native form events and datasource stay intact. */
.x-fullscreen:has(.gw-people-screen) { background:#f3f8fd; font-family:'Segoe UI',Roboto,Arial,sans-serif; }
.x-fullscreen:has(.gw-people-screen) > .x-dock > .x-toolbar { background:#0c478f; border:0; }
.x-fullscreen:has(.gw-people-screen) > .x-dock > .x-toolbar .x-title { color:#fff; font-weight:600; }
.x-fullscreen:has(.gw-people-screen) > .x-dock > .x-toolbar .x-button { background:rgba(255,255,255,.94); border:0; border-radius:8px; }
.x-formpanel:has(.gw-people-screen) > .x-body-wrap-el > .x-body-el,.x-formpanel:has(.gw-people-screen) > .x-body-wrap-el > .x-dock > .x-body-el { padding:0 !important; }
.gw-people-company { height:auto !important; background:#fff; border-radius:14px; border:1px solid #e5eef6; box-shadow:0 4px 14px rgba(25,73,120,.04); }
.gw-people-company-name { height:auto !important; font:700 14px/20px 'Segoe UI',Roboto,Arial,sans-serif; color:#10285b; }
.gw-people-company-name .x-innerhtml { white-space:normal; overflow-wrap:anywhere; }
.gw-people-company-doc { font:400 13px/22px 'Segoe UI',Roboto,Arial,sans-serif; color:#607a98; }
.gw-people-heading { background:transparent; }
.gw-people-title { font:700 23px/32px 'Segoe UI',Roboto,Arial,sans-serif; color:#10285b; }
.gw-people-screen { background:#f3f8fd; }
.gw-people-search-panel,.gw-people-actions { height:auto !important; }
.gw-people-search { background:#fff; border:1px solid #d5e3ef; border-radius:12px; overflow:hidden; }
.gw-people-search .x-component-outer,.gw-people-search .x-field-input,.gw-people-search .x-input-el { background:transparent; border:0; }
.gw-people-search .x-input-el { padding:0 14px; min-height:49px; color:#10285b; font:400 16px 'Segoe UI',Roboto,Arial,sans-serif; }
.gw-people-search:focus-within { border-color:#2583d9; box-shadow:0 0 0 3px rgba(37,131,217,.12); }
.gw-people-actions > .x-body-el { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; height:auto !important; }
.gw-people-find,.gw-people-new { width:auto !important; height:46px !important; margin:0 !important; border-radius:10px; position:relative !important; min-width:0; }
.gw-people-find { background:linear-gradient(115deg,#1685f0,#0764ce); color:#fff; border:1px solid #0764ce; }
.gw-people-new { background:#fff; color:#0c478f; border:1px solid #bed9ef; }
.gw-people-find .x-inner-el,.gw-people-new .x-inner-el { background:transparent; padding:0 9px; }
.gw-people-find .x-text-el,.gw-people-new .x-text-el { font:600 13px 'Segoe UI',Roboto,Arial,sans-serif; text-transform:none; }
.gw-people-find .x-text-el,.gw-people-find .x-icon-el { color:#fff; }
.gw-people-new .x-text-el,.gw-people-new .x-icon-el { color:#0c478f; }
.gw-people-find .x-icon-el,.gw-people-new .x-icon-el { font-size:16px; margin-right:7px; }
.gw-people-find:focus-within,.gw-people-new:focus-within { outline:3px solid #86c8ff; outline-offset:-3px; }
.gw-people-results { background:transparent; }
.gw-people-results .x-listitem,.gw-people-results .x-list-item { background:transparent; border:0; }
.gw-people-results .x-listitem-inner,.gw-people-results .x-list-item-body { padding:0; }
.gw-people-results .x-emptytext { color:#607a98; padding:24px 12px; font:400 14px/22px 'Segoe UI',Roboto,Arial,sans-serif; text-align:center; white-space:normal; }
.gw-person-card { width:100%; box-sizing:border-box; padding:15px; margin-bottom:12px; border-radius:14px; border:1px solid #e0ebf5; background:#fff; box-shadow:0 3px 12px rgba(25,73,120,.035); color:#10285b; white-space:normal; }
.gw-person-top { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:8px; }
.gw-person-code { color:#6a809b; font-size:12px; line-height:18px; }
.gw-person-edit { flex:none; border:1px solid #c6e1f5; border-radius:9px; background:#eaf5ff; color:#0b5ca6; min-height:40px; min-width:78px; padding:8px 10px; font:600 12px 'Segoe UI',Roboto,Arial,sans-serif; cursor:pointer; }
.gw-person-edit:focus-visible { outline:3px solid #86c8ff; outline-offset:2px; }
.gw-person-name { font-size:16px; font-weight:650; line-height:22px; overflow-wrap:anywhere; }
.gw-person-doc,.gw-person-city { font-size:13px; line-height:21px; color:#536f90; overflow-wrap:anywhere; }
.gw-person-group { margin-top:8px; color:#607a98; font-size:11px; line-height:17px; overflow-wrap:anywhere; }
.gw-people-selected .gw-person-card { border-color:#5aade9; background:#eef7ff; box-shadow:0 0 0 1px #5aade9; }
@media(max-width:350px) { .gw-people-find .x-text-el,.gw-people-new .x-text-el { font-size:12px; } .gw-people-find .x-icon-el,.gw-people-new .x-icon-el { margin-right:5px; font-size:14px; } }
.gw-people-results .x-listitem-inner-el { padding:0 !important; }
.gw-people-results .x-listitem-inner-el > .x-innerhtml { width:100%; min-width:0; flex:1; }
.x-formpanel:has(.gw-people-screen) > .x-body-wrap-el > .x-dock > .x-toolbar { background:#0c478f; border:0; }
.x-formpanel:has(.gw-people-screen) > .x-body-wrap-el > .x-dock > .x-toolbar .x-title { color:#fff; font-weight:600; }
.x-formpanel:has(.gw-people-screen) > .x-body-wrap-el > .x-dock > .x-toolbar .x-button { background:rgba(255,255,255,.94); border:0; border-radius:8px; }
.gw-people-find .x-inner-el,.gw-people-new .x-inner-el { padding:0 7px !important; }
.gw-people-find .x-text-el,.gw-people-new .x-text-el { white-space:normal; text-overflow:clip; overflow:visible; line-height:16px; }
@media (max-height:480px) and (min-width:600px) {
  .gw-people-company { min-height:0 !important; margin:8px 14px !important; }
  .gw-people-company .x-panel-body-el { padding:10px 16px !important; }
  .gw-people-company-name,.gw-people-company-doc { min-height:20px !important; line-height:20px; }
  .gw-people-search-panel > .x-body-el { display:grid !important; grid-template-columns:minmax(0,1fr) 270px; gap:10px; align-items:center; }
  .gw-people-search { margin:0 !important; }
}

/* Same three-line company card as the home screen; module replaces city. */
.gw-people-company .gw-people-heading { height:auto !important; min-height:20px !important; position:relative; }
.gw-people-company .gw-people-heading::before { content:none; }
.gw-people-company::before { content:'\f0c0'; position:absolute; left:14px; top:14px; z-index:2; display:flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:12px; color:#fff; background:linear-gradient(145deg,#4c92ff,#1463ee); font:25px FontAwesome; box-shadow:0 3px 8px rgba(32,100,190,.12); }
.gw-people-company .gw-people-title { height:auto !important; min-height:20px !important; font:700 13px/20px 'Segoe UI',Roboto,Arial,sans-serif; color:#10285b; }
.gw-people-company .gw-people-title .x-innerhtml { min-height:20px; white-space:normal; overflow-wrap:anywhere; }

/* Native Mobile People editor. All datasource and Delphi events are retained. */
.gw-person-editor { background:#f3f8fd; font-family:'Segoe UI',Roboto,Arial,sans-serif; }
.gw-person-editor .gw-person-field-label { background:transparent !important; color:#24466d; font:600 13px/23px 'Segoe UI',Roboto,Arial,sans-serif; padding-left:12px; }
.gw-person-editor .x-field { background:#fff; border:1px solid #d4e2ee !important; border-radius:10px; overflow:hidden; }
.gw-person-editor .x-field:focus-within { border-color:#2487df !important; box-shadow:inset 0 0 0 1px #2487df; }
.gw-person-editor .x-field .x-input-el { font:400 16px 'Segoe UI',Roboto,Arial,sans-serif; color:#10285b; padding-left:12px; padding-right:12px; background:transparent; }
.gw-person-editor .x-field .x-input-wrap-el,.gw-person-editor .x-field .x-input-el { border:0 !important; }
.gw-person-editor .x-checkboxfield { background:transparent; border:0 !important; color:#24466d; }
.gw-person-editor-actions { background:#f3f8fd; border-top:1px solid #dce8f2; }
.gw-person-editor-actions .x-button { border-radius:10px !important; border:0 !important; }
.gw-person-editor-actions .gw-person-save { background:linear-gradient(120deg,#1685f0,#0764ce) !important; }
.gw-person-editor-actions .gw-person-cancel { background:#008779 !important; }
.gw-person-editor-actions .gw-person-delete { background:#ec3745 !important; }
.gw-person-editor-actions .x-button .x-inner-el { background:transparent !important; padding:5px !important; }
.gw-person-editor-actions .x-button .x-text-el { color:#fff !important; font:600 12px/17px 'Segoe UI',Roboto,Arial,sans-serif !important; text-transform:none; }
.gw-person-editor-actions .x-button .x-icon-el { color:#fff !important; font-size:21px; }
/* Keep the native docked fields inset without changing their order or data binding. */
.gw-person-editor { margin:0 14px 12px !important; width:calc(100% - 28px) !important; }
.gw-person-editor-actions { margin:0 14px 10px !important; width:calc(100% - 28px) !important; border:0; }
.gw-person-editor-actions .x-button { margin:3px !important; }
.gw-person-editor-actions .x-button .x-inner-el { box-shadow:none !important; border:0 !important; }
.gw-person-editor-actions .x-button .x-icon-el { background-image:none !important; font-family:FontAwesome !important; }
.gw-person-save .x-icon-el::before { content:'\f00c'; }
.gw-person-cancel .x-icon-el::before { content:'\f00d'; }
.gw-person-delete .x-icon-el::before { content:'\f1f8'; }
.gw-person-editor > .x-body-el > .x-container { width:100% !important; }
.gw-person-editor-actions > .x-body-el { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; padding:4px 0; }
.gw-person-editor-actions .x-button { width:auto !important; min-width:0; height:55px !important; margin:0 !important; }
.gw-person-editor .x-field:not(.x-checkboxfield) { min-height:47px; }
.gw-person-editor > .x-body-el > .x-container { height:auto !important; flex:none; }
.gw-person-editor > .x-body-el > .x-container > .x-dock { height:auto !important; }
.gw-person-editor > .x-body-el > .x-container > .x-dock > .x-body-el { flex:none !important; height:12px !important; min-height:0; }
/* Give the native Simples Nacional checkbox a complete, readable side label. */
.gw-person-editor .x-checkboxfield { min-height:47px; overflow:visible; }
.gw-person-editor .x-checkboxfield > .x-label-el { width:auto !important; max-width:none !important; flex:1 1 auto; min-width:0; padding:8px 12px !important; }
.gw-person-editor .x-checkboxfield .x-label-text-el { font:600 13px/20px 'Segoe UI',Roboto,Arial,sans-serif !important; white-space:normal !important; overflow:visible !important; text-overflow:clip !important; color:#24466d; }
.gw-person-editor .x-checkboxfield > .x-body-wrap-el { flex:0 0 44px; width:44px; min-width:44px; }
.gw-person-editor .x-checkboxfield .x-box-el { color:#0764ce; }