#view-settings .settings-smart-home{display:block;margin:4px 0 24px}
#view-settings .settings-smart-home.hidden,#view-settings .settings-simple-subhead.hidden{display:none!important}
#view-settings .settings-smart-status{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px 16px;border-radius:20px;border:1px solid rgba(25,29,38,.08);background:linear-gradient(145deg,#fff,#fafaf8);box-shadow:0 14px 36px -30px rgba(27,31,42,.55);margin-bottom:12px}
#view-settings .settings-smart-status[data-tone="good"] .settings-smart-status-icon{background:#eaf8ef;color:#1b7d45}
#view-settings .settings-smart-status[data-tone="attention"] .settings-smart-status-icon{background:#fff3df;color:#9b6200}
#view-settings .settings-smart-status-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-weight:900;font-size:16px}
#view-settings .settings-smart-status small{display:block;font-size:8px;letter-spacing:.15em;color:#8a8f97;font-weight:800;margin-bottom:3px}
#view-settings .settings-smart-status strong{display:block;font-size:15px;letter-spacing:-.25px;color:#1b1e25}
#view-settings .settings-smart-status p{margin:3px 0 0;color:#70757d;font-size:11px;line-height:1.4}
#view-settings .settings-smart-status>button{appearance:none;border:0;background:transparent;color:#5d61d9;font:inherit;font-size:11px;font-weight:750;cursor:pointer;padding:8px}
#view-settings .settings-smart-pulse{animation:settingsPulse .42s ease}
@keyframes settingsPulse{50%{transform:scale(.995);box-shadow:0 0 0 4px rgba(91,92,246,.07)}}
#view-settings .settings-smart-search-wrap{height:54px;border:1px solid rgba(25,29,38,.09);border-radius:18px;background:#fff;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 14px;box-shadow:0 8px 26px -24px rgba(28,32,42,.45);position:relative;z-index:3}
#view-settings .settings-smart-search-wrap>span{font-size:20px;color:#747982;transform:translateY(-1px)}
#view-settings .settings-smart-search-wrap input{border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;width:100%;font:inherit;font-size:14px;color:#20232a;padding:0!important;min-height:0!important}
#view-settings .settings-smart-search-wrap input::placeholder{color:#8d9299}
#view-settings .settings-smart-search-wrap kbd{font-family:inherit;font-size:9px;color:#969ba2;background:#f3f3f1;border:1px solid #e7e7e4;border-radius:7px;padding:4px 6px}
#view-settings .settings-smart-search-results{margin-top:7px;border:1px solid rgba(25,29,38,.08);border-radius:17px;background:#fff;padding:6px;box-shadow:0 18px 42px -24px rgba(21,25,35,.35);position:relative;z-index:4}
#view-settings .settings-smart-search-results.hidden{display:none!important}
#view-settings .settings-smart-search-results>button{appearance:none;border:0;background:transparent;width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;padding:10px;border-radius:12px;font:inherit;color:#20232a;cursor:pointer}
#view-settings .settings-smart-search-results>button:hover,#view-settings .settings-smart-search-results>button:focus-visible{background:#f6f6f3;outline:none}
#view-settings .settings-smart-search-results>button>span{width:32px;height:32px;border-radius:10px;background:#f0f1ff;display:grid;place-items:center}
#view-settings .settings-smart-search-results strong{display:block;font-size:12px;line-height:1.3}
#view-settings .settings-smart-search-results small{display:block;color:#8a8f96;font-size:9px;margin-top:2px}
#view-settings .settings-smart-search-results b{font-size:20px;font-weight:400;color:#aaaeb4}
#view-settings .settings-smart-empty{padding:14px 12px}
#view-settings .settings-smart-empty strong{font-size:12px}.settings-smart-empty small{display:block!important;margin-top:4px!important;line-height:1.45!important}
#view-settings .settings-smart-suggestions{display:flex;gap:7px;overflow:auto;scrollbar-width:none;padding:9px 1px 2px;margin-bottom:10px}
#view-settings .settings-smart-suggestions::-webkit-scrollbar{display:none}
#view-settings .settings-smart-suggestions button{appearance:none;white-space:nowrap;border:1px solid rgba(25,29,38,.08);background:rgba(255,255,255,.7);border-radius:999px;padding:7px 10px;color:#656a72;font:inherit;font-size:10px;font-weight:680;cursor:pointer}
#view-settings .settings-simple-home{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:4px 0 10px}
#view-settings .settings-simple-tile,#view-settings .settings-simple-more{appearance:none;border:1px solid rgba(20,22,28,.08);background:#fff;color:#1a1d24;border-radius:18px;cursor:pointer;font:inherit;text-align:left;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}
#view-settings .settings-simple-tile{min-height:84px;padding:15px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;box-shadow:0 8px 25px -22px rgba(20,22,28,.45)}
#view-settings .settings-simple-tile:hover{border-color:rgba(91,92,246,.28);box-shadow:0 12px 30px -20px rgba(91,92,246,.28);transform:translateY(-1px)}
#view-settings .settings-simple-tile:focus-visible,#view-settings .settings-simple-more:focus-visible,#view-settings .settings-simple-back:focus-visible,#view-settings .settings-smart-toggle:focus-visible{outline:3px solid rgba(91,92,246,.2);outline-offset:2px}
#view-settings .settings-simple-icon{width:40px;height:40px;border-radius:13px;background:#f0f1ff;display:grid;place-items:center;font-size:16px}
#view-settings .settings-simple-tile strong{display:block;font-size:14px;letter-spacing:-.2px;margin-bottom:3px}
#view-settings .settings-simple-tile small{display:block;color:#747982;font-size:10px;line-height:1.35}
#view-settings .settings-simple-tile b,#view-settings .settings-simple-more b{font-size:21px;font-weight:400;color:#a4a8af}
#view-settings .settings-simple-more{grid-column:1/-1;min-height:48px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;color:#656a72;font-weight:650;font-size:11px;background:rgba(255,255,255,.58)}
#view-settings .settings-smart-defaults{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 13px;margin-top:10px;border-radius:16px;background:rgba(93,97,217,.055);border:1px solid rgba(93,97,217,.09)}
#view-settings .settings-smart-defaults>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#ececff;color:#5d61d9}
#view-settings .settings-smart-defaults strong{display:block;font-size:11px}.settings-smart-defaults small{display:block!important;font-size:9px!important;line-height:1.35!important;color:#7b8088!important;margin-top:2px!important}
#view-settings .settings-smart-defaults button{appearance:none;border:0;background:transparent;color:#5d61d9;font:inherit;font-size:10px;font-weight:750;cursor:pointer;padding:6px}
#view-settings .settings-simple-subhead{display:flex;align-items:flex-start;gap:11px;margin:6px 0 14px}
#view-settings .settings-simple-subhead>div{padding-top:2px}
#view-settings .settings-simple-subhead small{display:block;font-size:8px;letter-spacing:.16em;color:#8b8f96;font-weight:800;margin-bottom:2px}
#view-settings .settings-simple-subhead h2{margin:0;font-size:21px;letter-spacing:-.5px}
#view-settings .settings-simple-subhead p{margin:3px 0 0;color:#7b8088;font-size:10px;line-height:1.35}
#view-settings .settings-simple-back{appearance:none;width:40px;height:40px;flex:0 0 40px;border-radius:13px;border:1px solid rgba(20,22,28,.1);background:#fff;color:#202228;font-size:27px;line-height:1;cursor:pointer;display:grid;place-items:center}
#view-settings .settings-grid.settings-simple-grid-hidden{display:none!important}
#view-settings .settings-grid:not(.settings-simple-grid-hidden){display:block!important}
#view-settings .settings-grid:not(.settings-simple-grid-hidden)>.settings-card{display:none!important;margin:0 0 8px!important}
#view-settings .settings-grid:not(.settings-simple-grid-hidden)>.settings-card.settings-simple-card-visible{display:block!important}
#view-settings .settings-grid>.settings-card.settings-simple-card-visible{padding:0!important;overflow:hidden;border-radius:17px!important;border:1px solid rgba(24,28,36,.08)!important;box-shadow:none!important;background:#fff!important}
#view-settings .settings-smart-toggle{appearance:none;width:100%;min-height:64px;border:0;background:#fff;color:#1c1f26;font:inherit;text-align:left;display:grid;grid-template-columns:minmax(0,1fr) auto 16px;align-items:center;gap:10px;padding:12px 14px;cursor:pointer}
#view-settings .settings-smart-toggle-copy small{display:block!important;margin:0 0 2px!important;font-size:7px!important;letter-spacing:.13em!important;color:#969aa1!important;font-weight:800!important}
#view-settings .settings-smart-toggle-copy strong{display:block;font-size:12px;line-height:1.3;letter-spacing:-.1px}
#view-settings .settings-smart-state{font-size:9px;color:#777c84;background:#f4f4f1;border-radius:999px;padding:5px 7px;white-space:nowrap}
#view-settings .settings-smart-toggle>b{font-size:19px;font-weight:400;color:#a7abb1;transition:transform .16s ease}
#view-settings .settings-card:not(.settings-smart-collapsed)>.settings-smart-toggle>b{transform:rotate(90deg)}
#view-settings .settings-card.settings-smart-collapsed>:not(.settings-smart-toggle){display:none!important}
#view-settings .settings-card:not(.settings-smart-collapsed)>:not(.settings-smart-toggle){margin-left:15px!important;margin-right:15px!important}
#view-settings .settings-card:not(.settings-smart-collapsed)>:last-child{margin-bottom:15px!important}
#view-settings .settings-card:not(.settings-smart-collapsed)>.settings-smart-toggle{border-bottom:1px solid rgba(24,28,36,.065)}
#view-settings .settings-card.settings-smart-target{box-shadow:0 0 0 3px rgba(91,92,246,.12)!important;border-color:rgba(91,92,246,.25)!important}
#view-settings .settings-card>.settings-icon{margin-top:14px!important}
#view-settings .settings-card>.settings-smart-toggle+ .settings-icon+small{margin-top:0!important}
body.dark-app #view-settings .settings-smart-status,body.dark-app #view-settings .settings-smart-search-wrap,body.dark-app #view-settings .settings-smart-search-results,body.dark-app #view-settings .settings-simple-tile,body.dark-app #view-settings .settings-simple-more,body.dark-app #view-settings .settings-simple-back,body.dark-app #view-settings .settings-grid>.settings-card.settings-simple-card-visible,body.dark-app #view-settings .settings-smart-toggle{background:#1a1c20;color:#e8eaec;border-color:#303238}
body.dark-app #view-settings .settings-smart-status strong,body.dark-app #view-settings .settings-smart-search-wrap input{color:#eceef0}
body.dark-app #view-settings .settings-simple-icon,body.dark-app #view-settings .settings-smart-search-results>button>span{background:#27283a}
body.dark-app #view-settings .settings-simple-tile small,body.dark-app #view-settings .settings-smart-status p{color:#a0a4aa}
body.dark-app #view-settings .settings-smart-search-results>button:hover{background:#23262b}
body.dark-app #view-settings .settings-smart-state{background:#282b30;color:#b9bdc3}
@media(max-width:720px){
  #view-settings .settings-smart-status{grid-template-columns:38px minmax(0,1fr) auto;padding:13px;gap:10px;border-radius:17px}
  #view-settings .settings-smart-status-icon{width:38px;height:38px;border-radius:12px}
  #view-settings .settings-smart-status p{font-size:10px}
  #view-settings .settings-smart-search-wrap{height:50px;border-radius:16px;padding:0 12px}
  #view-settings .settings-smart-search-wrap kbd{display:none}
  #view-settings .settings-simple-home{grid-template-columns:1fr;gap:8px}
  #view-settings .settings-simple-more{grid-column:1}
  #view-settings .settings-simple-tile{min-height:68px;padding:11px 13px;grid-template-columns:36px 1fr auto}
  #view-settings .settings-simple-icon{width:36px;height:36px;border-radius:11px}
  #view-settings .settings-smart-defaults{grid-template-columns:32px minmax(0,1fr) auto;padding:11px 12px}
  #view-settings .settings-smart-toggle{min-height:60px;padding:11px 12px}
}
#view-settings .settings-smart-search-results>button.settings-smart-action{background:linear-gradient(135deg,rgba(93,97,217,.07),rgba(93,97,217,.02));border:1px solid rgba(93,97,217,.08);margin-bottom:4px}
#view-settings .settings-smart-search-results>button.settings-smart-action>span{background:#e9eaff;color:#5d61d9;font-weight:900}
#view-settings .settings-smart-search-results>button.settings-smart-action small{color:#666bd0}
body.dark-app #view-settings .settings-smart-search-results>button.settings-smart-action{background:rgba(93,97,217,.12);border-color:rgba(120,124,255,.15)}

/* ===== V20.7.7 – Settings motion polish ===== */
#view-settings .settings-simple-tile,#view-settings .settings-simple-more,#view-settings .settings-simple-back,#view-settings .settings-smart-toggle,#view-settings .settings-smart-search-results>button,#view-settings .settings-smart-suggestions button,#view-settings .settings-smart-status>button,#view-settings .settings-smart-defaults button{
  transition:transform 140ms var(--dd-ease-out,cubic-bezier(.23,1,.32,1)),background-color 150ms ease,border-color 150ms ease,box-shadow 170ms ease!important;
}
@media(hover:hover) and (pointer:fine){
  #view-settings .settings-simple-tile:hover{transform:none!important}
}
#view-settings .settings-simple-tile:active,#view-settings .settings-simple-more:active,#view-settings .settings-simple-back:active,#view-settings .settings-smart-toggle:active,#view-settings .settings-smart-search-results>button:active,#view-settings .settings-smart-suggestions button:active,#view-settings .settings-smart-status>button:active,#view-settings .settings-smart-defaults button:active{transform:scale(.98)!important}
#view-settings .settings-smart-pulse{animation-duration:220ms!important;animation-timing-function:var(--dd-ease-out,cubic-bezier(.23,1,.32,1))!important}