/* Settings layout, using the installed Framework7 list/input/toggle system. */
body #phone [data-xy-simplified="true"],
body #phone .xy-settings-page[hidden],body #phone .xy-settings-legacy { display:none!important; }
body #phone :is(.xy-settings-global,.xy-settings-pages) {
 --f7-list-font-size:16px; --f7-list-item-title-font-size:16px;
 --f7-list-inset-border-radius:14px; --f7-list-item-min-height:52px;
 --f7-list-item-border-color:rgba(60,60,67,.13); --f7-list-item-title-font-weight:400;
 --f7-list-item-after-font-size:14px; --f7-list-item-after-text-color:#686870;
 --f7-list-item-subtitle-font-size:13px; --f7-list-button-font-size:16px;
 --f7-list-media-item-title-font-weight:500; --f7-navbar-height:52px;
 --f7-navbar-font-size:17px; --f7-navbar-title-font-weight:600;
 background:var(--ios-group,#f2f2f7); color:var(--ios-ink,#1c1c1e);
 font-size:16px; line-height:1.45;
}
body #phone #settings-screen.xy-settings-global { position:absolute; inset:0; height:100%; overflow:hidden; }
body #phone #settings-screen.xy-settings-global > .settings-inner { height:100%; min-height:0; box-sizing:border-box; overflow:hidden; }
body #phone :is(.xy-settings-global,.xy-settings-pages) > .navbar,
body #phone .xy-settings-global .navbar { position:relative; flex-shrink:0; height:52px; margin:0; border:0; background:var(--ios-group,#f2f2f7); box-shadow:none; }
body #phone :is(.xy-settings-global,.xy-settings-pages) .navbar-bg { background:var(--ios-group,#f2f2f7); box-shadow:none; }
body #phone :is(.xy-settings-global,.xy-settings-pages) .navbar-inner { padding:0 12px; }
body #phone :is(.xy-settings-global,.xy-settings-pages) .navbar .left { background:transparent!important; box-shadow:none!important; border:0!important; border-radius:0!important; backdrop-filter:none; -webkit-backdrop-filter:none; }
body #phone :is(.xy-settings-global,.xy-settings-pages) .navbar .title { position:absolute; left:76px!important; right:76px; width:auto; margin:0; text-align:center; transform:none!important; pointer-events:none; font-size:17px; font-weight:600; }
body #phone :is(#settings-close,#chat-thread-detail-close) { display:inline-flex; align-items:center; gap:2px; width:auto; min-width:64px; min-height:44px; padding:0 4px!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; color:var(--ios-ink,#1c1c1e); font-family:inherit; font-size:16px; font-weight:400; line-height:1.4; }
body #phone :is(#settings-close,#chat-thread-detail-close) i { font-size:22px; line-height:1; }
body #phone :is(#settings-close,#chat-thread-detail-close) span { font-size:16px; }
body #phone .xy-settings-global .settings-body { display:block; flex:1 1 0%; min-height:0; overflow:auto; padding:0 0 24px; overscroll-behavior:contain; }
body #phone .xy-settings-global :is(.xy-settings-global-home,.xy-settings-global-page) { padding:4px 0 24px; }
body #phone .xy-settings-global :is(.xy-settings-global-home,.xy-settings-global-page)[hidden] { display:none!important; }
body #phone :is(.xy-settings-global,.xy-settings-pages) .list { margin:16px; border-radius:14px; box-shadow:none; }
body #phone :is(.xy-settings-global,.xy-settings-pages) .list ul::before,
body #phone :is(.xy-settings-global,.xy-settings-pages) .list ul::after { content:none; }
body #phone :is(.xy-settings-global,.xy-settings-pages) .list ul { border-radius:inherit; }
body #phone :is(.xy-settings-global,.xy-settings-pages) button.item-link { width:100%; text-align:left; border:0; border-radius:0; background:transparent; font-family:inherit; font-size:16px; line-height:1.45; }
body #phone :is(.xy-settings-global,.xy-settings-pages) .item-content { min-height:52px; }
body #phone :is(.xy-settings-global,.xy-settings-pages) .item-inner { min-width:0; }
body #phone :is(.xy-settings-global,.xy-settings-pages) .item-title { font-size:16px; line-height:1.45; white-space:normal; overflow-wrap:anywhere; }
body #phone :is(.xy-settings-global,.xy-settings-pages) .item-inner::after { background:rgba(60,60,67,.13); }
body #phone :is(.xy-settings-global,.xy-settings-pages) .item-media { min-width:24px; }
body #phone .xy-settings-global .item-media i { color:#636975; font-size:22px; }
body #phone :is(.xy-settings-global,.xy-settings-pages) .item-input .item-label { margin-bottom:4px; color:#62626b; font-size:13px; line-height:1.45; }
body #phone :is(.xy-settings-global,.xy-settings-pages) .item-input-wrap :is(input,select,textarea) { min-height:28px; font-family:inherit; font-size:16px; line-height:1.45; }
body #phone :is(.xy-settings-global,.xy-settings-pages) :is(.block-footer,.settings-ai-key-note,.chat-detail-lead) { margin:8px 20px 20px; color:#686870; font-size:13px; line-height:1.6; }
body #phone .xy-settings-global .settings-api-field { margin:16px; }
body #phone .xy-settings-global .settings-api-field:has(.list) { margin:0; }
body #phone .xy-settings-global .settings-section { margin:0; padding:0; }
body #phone .xy-settings-global :is(.settings-sec-head,.settings-masthead,.settings-ambient) { display:none; }
body #phone #chat-thread-detail-panel.xy-settings-pages .chat-detail-scroll { padding:0 0 24px; overflow:auto; overscroll-behavior:contain; }
body #phone .xy-settings-pages .xy-settings-page { min-height:100%; padding:4px 0 24px; }
body #phone .xy-settings-pages .xy-settings-identity { padding:12px 20px 0; }
body #phone .xy-settings-pages .xy-settings-name { margin:0; font-family:inherit; font-size:21px; font-weight:600; line-height:1.45; color:var(--ios-ink); overflow-wrap:anywhere; }
body #phone .xy-settings-pages .xy-settings-page > .chat-detail-field { padding:0; border:0; margin:0; }
body #phone .xy-settings-pages .xy-settings-page > .chat-detail-field > :is(.chat-detail-field-k,.chat-detail-scene-head,.chat-detail-readonly) { margin:12px 20px; }
body #phone .xy-settings-pages .xy-settings-page > .chat-detail-field > :is(.chat-detail-bg-actions,.chat-detail-theater-checklist,.chat-detail-chipbox) { margin:12px 20px; }
body #phone .xy-settings-pages .chat-detail-readonly { font-size:14px; line-height:1.55; color:#686870; }
body #phone .xy-settings-pages .xy-settings-info:empty { display:none; }
body #phone .xy-settings-pages .xy-settings-page > .chat-detail-group { background:transparent; border:0; margin:0; padding:0; }
body #phone .xy-settings-pages .xy-settings-page > .chat-detail-group > .chat-detail-slab { margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
body #phone .xy-settings-pages .xy-settings-page > .chat-detail-group > .chat-detail-slab > .chat-detail-field { margin:16px; padding:0; border:0; }
body #phone .xy-settings-pages .xy-settings-page > .chat-detail-group > .chat-detail-slab > [data-official-field] > .xy-official > .list { margin:0; }
body #phone .xy-settings-pages .chat-detail-slab { border:0; }
body #phone .xy-settings-pages .xy-settings-danger { margin-top:24px!important; }
body #phone .xy-settings-pages .xy-settings-danger .item-title { color:var(--ios-ink); }
body #phone :is(.xy-settings-global,.xy-settings-pages) :is(button,select,input,textarea):focus-visible { outline:2px solid var(--ios-blue,#007aff); outline-offset:2px; }
body #phone :is(.xy-settings-global,.xy-settings-pages) button:disabled { opacity:.45; }
body #phone .xy-settings-pages .xy-settings-page select { max-width:100%; }
body #phone .xy-settings-pages .xy-settings-switch-group { margin:16px; background:var(--ios-surface,#fff); border-radius:14px; overflow:hidden; }
body #phone .xy-settings-pages .xy-settings-switch-group > .chat-detail-field { margin:0; padding:0; border:0; }
body #phone .xy-settings-pages .xy-settings-switch-group .list { margin:0!important; border-radius:0!important; }
body #phone .xy-settings-pages .xy-settings-switch-group .list ul { border-radius:0; }
body #phone .xy-settings-pages .xy-settings-switch-group > .chat-detail-field:not(:last-child) .item-inner::after { content:""; display:block; }
body #phone .xy-settings-pages .xy-settings-switch-group .block-footer { margin:0 16px; padding:0 0 12px; }
body #phone .xy-settings-pages .xy-settings-switch-group > .chat-detail-field:has(#chat-detail-translation-options:not([hidden])) { padding-bottom:12px; }
body #phone .xy-settings-pages #chat-detail-translation-options,
body #phone .xy-settings-pages #chat-detail-group-translation-options { margin:0 16px 8px; padding:0; border:0; }
body #phone .xy-settings-pages #chat-detail-translation-options select,
body #phone .xy-settings-pages #chat-detail-group-translation-options select { width:100%; box-sizing:border-box; }
body #phone .xy-settings-pages #chat-detail-offline-meet-mode-chips { margin:12px 16px; }
body #phone .xy-settings-pages #chat-detail-wb-bind-area > :is(.chat-detail-wb-summary,.chat-detail-wb-empty,.chat-detail-wb-bind-picked,.chat-detail-wb-picker) { margin:12px 20px; }
body #phone .xy-settings-pages #chat-detail-wb-bind-area > #chat-detail-wb-bind-toggle { display:block; margin:12px auto; min-height:44px; }
body #phone .xy-settings-pages .xy-settings-media-description { margin:16px!important; }
body #phone #xy-chat-settings-media-call #chat-detail-call-illust-grid > .list { background:transparent; overflow:visible; }
body #phone #xy-chat-settings-media-call #chat-detail-call-illust-grid ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; background:transparent; }
body #phone #xy-chat-settings-media-call [data-call-illust-slot] { border-radius:14px; overflow:hidden; background:var(--ios-surface,#fff); }
body #phone #xy-chat-settings-media-call [data-call-illust-slot] .item-content { display:block; padding:14px; }
body #phone #xy-chat-settings-media-call [data-call-illust-slot] .item-inner { padding:0; }
body #phone #xy-chat-settings-media-call [data-call-illust-slot] .item-inner::after { content:none; }
body #phone #xy-chat-settings-media-call [data-call-illust-slot] .item-title { font-size:15px; font-weight:500; }
body #phone #xy-chat-settings-media-call [data-call-illust-slot] .item-subtitle { margin-top:4px; font-size:13px; color:#686870; }
body #phone #xy-chat-settings-media-call [data-call-illust-slot] .item-footer { display:flex; gap:8px; margin-top:12px; }
body #phone #xy-chat-settings-media-call [data-call-illust-slot] .button { flex:1; min-height:36px; padding:4px; border:0; border-radius:8px; background:var(--ios-group,#f2f2f7); font-size:14px; }
body #phone #xy-chat-settings-media-call [data-call-illust-slot] [hidden] { display:none!important; }
body #phone #xy-chat-settings-media-call [data-call-illust-slot] .item-media { padding:0 0 12px; }
body #phone #xy-chat-settings-media-call [data-call-illust-slot] .item-media img { width:100%; height:104px; object-fit:cover; border-radius:8px; }
body #phone .xy-settings-pages .xy-settings-clear-action .list-button { color:#b42318; }
body #phone #xy-chat-settings-appearance-backgrounds .chat-detail-slab > .chat-detail-field { margin:16px; padding:16px; border:0; border-radius:14px; background:var(--ios-surface,#fff); }
body #phone #xy-chat-settings-appearance-backgrounds .chat-detail-field .list { margin:12px 0 0; }
@media(hover:hover) {
 body #phone :is(.xy-settings-global,.xy-settings-pages) button.item-link:hover { background:rgba(60,60,67,.04); }
}