/* All presentation overrides are scoped; compact and game retain their layouts. */
#simpleRoot{display:none}.simple-edit-fields{display:contents}
body.simple-ui:not(.game-mode-active)>.app{display:none}
body.simple-ui:not(.game-mode-active) #simpleRoot{display:block}
/* Unlike hidden, clip does not create a non-scrolling ancestor for sticky. */
html:has(>body.simple-ui:not(.game-mode-active)),body.simple-ui:not(.game-mode-active){overflow-x:clip}
#simpleRoot{font:20px/1.5 system-ui,sans-serif;color:#182333;background:#f4f6f9;min-height:100dvh}
#simpleRoot *{box-sizing:border-box}
#simpleRoot button,#simpleDialog button{font:650 20px/1.4 system-ui,sans-serif;min-height:52px;padding:8px 10px;background:white;border:1px solid #bdc8d6;border-radius:12px;color:#182333;cursor:pointer}
#simpleRoot button:disabled,#simpleDialog button:disabled{opacity:.4;cursor:default}
#simpleRoot button:focus-visible,#simpleDialog button:focus-visible{outline:3px solid #2165cb;outline-offset:2px}
.simple-header{padding:12px;max-width:874px;margin:auto;background:white}
.simple-header h1{font-size:22px;margin:0 0 10px}
.simple-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
#simpleRoot .simple-tools button{padding:8px 3px}
#simpleRoot #simpleShare{background:#e60012;color:white;border-color:#e60012}
#simpleRoot #simpleCompose,#simpleRoot #simpleExecute{background:#a8410a;color:white;border-color:#a8410a}
#simpleRoot #simpleCompose[aria-pressed=true]{outline:3px solid #efb071;outline-offset:1px}
#simpleRoot #simpleSettings{background:#dde0e5;border-color:#b4bbc5}
.simple-station{background:#e5eaf0;border-bottom:3px solid #9bacbf;margin-top:10px;padding:5px 6px 0}
.simple-station-top{position:relative;display:flex;align-items:center;justify-content:center;min-height:66px;padding:4px 138px 10px 8px}
#simpleTabName{position:relative;z-index:3;display:block;min-width:120px;max-width:100%;padding:10px 18px;text-align:center;font-size:21px;line-height:1.3;overflow-wrap:anywhere;background:#d3dce7;border:4px solid #8ea2b8;border-radius:15px;box-shadow:0 3px 0 #9bacbf55}
#simpleTabName::before,#simpleTabName::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:0;height:0;pointer-events:none}
#simpleTabName::before{bottom:-18px;border-left:16px solid transparent;border-right:16px solid transparent;border-top:18px solid #8ea2b8}
#simpleTabName::after{bottom:-11px;border-left:11px solid transparent;border-right:11px solid transparent;border-top:13px solid #d3dce7}
#simpleRoot #simpleTabEdit{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:18px;padding:6px 10px;z-index:4}
#simpleTabs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px;min-height:55px;padding-top:8px}
#simpleRoot #simpleTabs button{border:0;border-radius:12px 12px 0 0;background:#d3dce7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#simpleBatch{position:sticky;top:calc(env(safe-area-inset-top,0px) + 6px);z-index:25;background:#fff7ed;padding:10px;display:flex;gap:8px;flex-wrap:wrap;border-bottom:2px solid #c56831}
#simpleBatch::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:calc(env(safe-area-inset-top,0px) + 6px);background:#fff7ed;pointer-events:none}
#simpleRoot #simpleBatch button{font-size:18px}
#simpleList{max-width:874px;margin:auto;padding:0 10px calc(240px + 30dvh);touch-action:pan-y}
.simple-item{display:grid;grid-template-columns:70px minmax(0,1fr) 76px;gap:6px;align-items:center;background:white;border:2px solid transparent;border-bottom-color:#d9dfe7;padding:12px 6px;min-height:94px;scroll-margin-top:90px}
.simple-item.selected{border-color:#175abc;background:#eaf2ff;border-radius:12px}
.simple-item.simple-choosing{grid-template-columns:42px 70px minmax(0,1fr)}
.simple-kind-icon{display:flex;align-items:center;justify-content:center;font-size:25px;line-height:1;user-select:none}
#simpleRoot .simple-name{border:0;background:transparent;text-align:left;overflow-wrap:anywhere;font-size:23px;padding:7px 3px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
#simpleRoot .simple-name-cell{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px;align-items:center}
#simpleRoot .simple-name-cell .simple-name{min-width:0;width:100%}
#simpleRoot .simple-image-mail{min-width:42px;padding:5px 7px;font-size:18px;line-height:1.1}
#simpleRoot .simple-peek{font-size:16px;padding:4px;line-height:1.25}
#simpleRoot .simple-peek.composed{background:#dceeff;border-color:#a9cdec;color:#174c76}
#simpleRoot .simple-item-copy{font-size:17px;padding:5px}
#simpleRoot .simple-number{color:#175abc;font-size:23px;font-weight:800}
.simple-footer{position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid #cad4e0;padding:10px 12px max(12px,env(safe-area-inset-bottom));box-shadow:0 -4px 15px #18233312;z-index:30}
.simple-footer>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:850px;margin:0 auto 8px}
#simpleRoot .simple-footer button{font-size:18px;padding:8px 4px}
#simpleRoot #simpleReceive{font-size:23px;border:3px solid #175abc}
#simpleRoot #simpleAdd{background:#175abc;color:white;border-color:#175abc}
#simpleRoot #simpleDelete{background:#fff0f0;color:#bd2727;border-color:#e2aaaa}
body.simple-ui.simple-drag-active{overscroll-behavior:none}
body.simple-ui.simple-drag-active #simpleList{overscroll-behavior:none}
.simple-item.simple-dragging{position:relative;z-index:24;opacity:.72;box-shadow:0 8px 22px #18233344;border-color:#175abc;transform:scale(1.015)}
.simple-drag-ghost{position:fixed;z-index:120;width:240px;max-width:calc(100vw - 16px);padding:11px 14px;border:3px solid #175abc;border-radius:14px;background:#eaf2ff;color:#182333;font:800 20px/1.35 system-ui,sans-serif;box-shadow:0 8px 24px #18233355;pointer-events:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.simple-item.simple-drop-target{border-top:6px solid #175abc}
#simpleTabs .simple-drop-target{outline:4px solid #175abc;outline-offset:-4px;background:#eaf2ff!important}
body.simple-ui:not(.game-mode-active) #toast.simple-toast-left{left:18px;right:auto;transform:translateY(12px);text-align:left}
body.simple-ui:not(.game-mode-active) #toast.simple-toast-left.show{transform:translateY(0)}
body.simple-ui:not(.game-mode-active) #toast.simple-toast-right{left:auto;right:18px;transform:translateY(12px);text-align:right}
body.simple-ui:not(.game-mode-active) #toast.simple-toast-right.show{transform:translateY(0)}
#simpleDialog{width:min(94vw,540px);max-height:85dvh;border:0;border-radius:18px;padding:20px;overflow:auto;color:#182333;background:white}
#simpleDialog::backdrop{background:#18233380}
#simpleDialog h2{font-size:24px;margin:0 0 16px}#simpleDialog p{font-size:20px;line-height:1.5}
#simpleDialog .simple-body{white-space:pre-wrap;overflow-wrap:anywhere}
.simple-menu{display:grid;gap:10px}.simple-menu button{text-align:left}
.simple-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.simple-tab-menu{grid-template-columns:1fr 1fr}.simple-tab-menu button{grid-column:1/-1}.simple-tab-menu button:nth-child(2),.simple-tab-menu button:nth-child(3){grid-column:auto}
#simpleDialog input,#simpleDialog textarea{font:20px/1.5 system-ui;width:100%;padding:12px;border:1px solid #b5c2d1;border-radius:10px;margin:8px 0 12px;box-sizing:border-box}
#simpleDialog textarea{min-height:150px}#simpleClose{width:100%;margin-top:18px}
.simple-settings-entry{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
body.simple-ui:not(.game-mode-active) dialog:not(#simpleDialog){max-height:85dvh}
body.simple-ui:not(.game-mode-active) dialog .modal{font-size:20px}
body.simple-ui:not(.game-mode-active) dialog button{min-height:48px;font-size:18px}
body.simple-ui:not(.game-mode-active) dialog input,body.simple-ui:not(.game-mode-active) dialog textarea,body.simple-ui:not(.game-mode-active) dialog select{font-size:20px}
body.simple-ui:not(.game-mode-active) #itemDialog[open]{display:flex;position:fixed;top:var(--simple-edit-top,8px);bottom:auto;margin:0 auto;width:min(94vw,540px);max-height:var(--simple-edit-height,85dvh);overflow:hidden}
body.simple-ui:not(.game-mode-active) #itemForm{display:flex;flex-direction:column;min-height:0;max-height:inherit;width:100%;overflow:hidden;box-sizing:border-box}
body.simple-ui:not(.game-mode-active) .item-dialog-head{flex-shrink:0}
body.simple-ui:not(.game-mode-active) .item-dialog-head h2{text-align:left;margin:0}
body.simple-ui:not(.game-mode-active) .item-dialog-actions{display:none}
body.simple-ui:not(.game-mode-active) .simple-edit-fields{display:block;overflow:auto;min-height:0;padding-bottom:18px}
body.simple-ui:not(.game-mode-active) .item-dialog-foot{position:sticky;top:auto;bottom:0;flex-shrink:0;display:flex;gap:6px;background:white;border-top:1px solid #cad4e0;padding:10px 0 0;z-index:2}
body.simple-ui:not(.game-mode-active) .item-dialog-foot button{flex:1}
body.simple-ui:not(.game-mode-active) #toast{bottom:185px}
body.simple-ui:not(.game-mode-active) #mdSettingsDialog label,
body.simple-ui:not(.game-mode-active) #mdSettingsDialog .modal>div{font-size:18px!important}
body.simple-ui:not(.game-mode-active) #mdSettingsDialog p{font-size:16px!important}
.simple-qr-actions{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);align-items:center;gap:6px;margin-top:12px;font-size:18px;white-space:nowrap}
#simpleDialog .simple-qr-actions button{font-size:18px;padding:8px 6px}
#selectionComposeBtn,#selectionCopyComposeBtn{background:#a8410a;color:white;border:1px solid #a8410a;border-radius:10px;font-weight:800;min-height:44px;padding:8px 14px}
#selectionComposeBtn:focus-visible,#selectionCopyComposeBtn:focus-visible{outline:3px solid #efb071;outline-offset:2px}
#selectionComposeActions{display:inline-flex;gap:8px;flex-wrap:wrap;vertical-align:middle}
body:not(.game-mode-active) dialog{overscroll-behavior:contain}
body:not(.game-mode-active) dialog .modal,body:not(.game-mode-active) .simple-edit-fields{overscroll-behavior:contain}
#simpleEditorOverview{display:none}
body.simple-ui:not(.game-mode-active) #itemDialog.simple-body-focus{height:var(--simple-edit-height,85dvh)}
body.simple-ui:not(.game-mode-active) .simple-body-focus #itemForm{flex:1}
body.simple-ui:not(.game-mode-active) .simple-body-focus #simpleEditorOverview{display:block;margin-left:auto;font-size:16px}
body.simple-ui:not(.game-mode-active) .simple-body-focus .simple-edit-fields{display:flex;flex-direction:column;flex:1;padding-bottom:0;overflow:hidden}
body.simple-ui:not(.game-mode-active) .simple-body-focus .simple-edit-fields>.type-switch,
body.simple-ui:not(.game-mode-active) .simple-body-focus .simple-edit-fields>.field:not(#textField){display:none}
body.simple-ui:not(.game-mode-active) .simple-body-focus #textField{display:flex;flex-direction:column;flex:1;min-height:0;margin:0}
body.simple-ui:not(.game-mode-active) .simple-body-focus #textField label{display:none}
body.simple-ui:not(.game-mode-active) .simple-body-focus #itemBody{flex:1;min-height:0;height:100%;resize:none;box-sizing:border-box;overflow:auto}

/* v114: contact is a group action, not an item action */
.simple-group-action{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#f5f7fa;border-bottom:1px solid #d9dfe7}
.simple-group-action strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:auto;font-size:16px}
#simpleRoot .simple-group-action button{font-size:16px;padding:7px 10px}

@media (max-width:560px){
  .simple-station-top{padding-right:118px}
  #simpleTabName{font-size:20px;padding:9px 12px}
  #simpleRoot #simpleTabEdit{font-size:16px;padding:6px 8px}
}