/* JLJAM OS 7.15.4 | One searchable tools launcher, without extra navigation layers. */
body.clarity7140 #app #clarityToolsDialog .cl-drawer-head{
 padding-top:calc(11px + env(safe-area-inset-top))!important;
 padding-bottom:11px!important;
}
body.clarity7140 #app #clarityToolsDialog .cl-drawer-head .cl-eyebrow{font-size:12px!important;letter-spacing:.08em!important}
body.clarity7140 #app #clarityToolsDialog .cl-drawer-head h2{
 font-size:clamp(22px,4vw,29px)!important;letter-spacing:-.03em!important;margin:4px 0!important;
}
body.clarity7140 #app #clarityToolsDialog .cl-drawer-head h2 em{display:inline!important}
body.clarity7140 #app #clarityToolsDialog .cl-drawer-head h2 br{display:none!important}
body.clarity7140 #app #clarityToolsDialog .cl-drawer-head p{display:none!important}
body.clarity7140 #app #clarityToolsDialog .cl-drawer-scroll{
 padding-top:0!important;scroll-padding-top:18px!important;
}
body.clarity7140 #app #clarityToolsDialog .wf-work-launcher{
 display:grid;gap:9px;position:sticky;top:0;z-index:5;padding:12px 0 14px;
 background:linear-gradient(180deg,#24143d 85%,rgba(36,20,61,.95));
 border-bottom:1px solid #c5a0fa55;box-shadow:0 9px 16px #0d071532;
}
body.clarity7140 #app #clarityToolsDialog .wf-finder{display:grid;gap:5px}
body.clarity7140 #app #clarityToolsDialog .wf-finder-label{
 font:750 clamp(13px,calc(var(--jljam-readable-min,26px) - 11px),17px)/1.2 system-ui!important;
 color:#ead9ff!important;
}
body.clarity7140 #app #clarityToolsDialog .wf-field{display:flex;align-items:center;gap:6px;min-width:0;min-height:54px;border:1px solid #e2b9ff8c;border-radius:16px;padding:4px 10px;background:#09071891;box-sizing:border-box}
body.clarity7140 #app #clarityToolsDialog .wf-field:focus-within{outline:3px solid #d5a9ff;outline-offset:1px}
body.clarity7140 #app #clarityToolsDialog .wf-search-icon{font:600 24px/1 system-ui;color:#d8b4f8}
body.clarity7140 #app #clarityToolsDialog input.wf-input{flex:1;min-width:0;width:100%;font:500 clamp(16px,calc(var(--jljam-readable-min,26px) - 7px),21px)/1.2 system-ui!important;color:#fff!important;background:transparent!important;border:0!important;outline:0!important;padding:9px 0!important;height:44px!important;box-shadow:none!important}
body.clarity7140 #app #clarityToolsDialog .wf-input::placeholder{color:#cfbada}
body.clarity7140 #app #clarityToolsDialog button.wf-clear{min-width:42px;min-height:42px;background:#463067;border-radius:12px;color:white;border:1px solid #dbb8fa7a;font:700 25px/1 system-ui;cursor:pointer}
body.clarity7140 #app #clarityToolsDialog .wf-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
body.clarity7140 #app #clarityToolsDialog .wf-filter{min-width:0;min-height:46px;border:1px solid #c7a1f956;border-radius:12px;padding:7px 3px;color:#e3d3f4;background:#ffffff11;font:800 clamp(12px,calc(var(--jljam-readable-min,26px) - 12px),16px)/1.14 system-ui;white-space:nowrap;cursor:pointer}
body.clarity7140 #app #clarityToolsDialog .wf-filter[aria-pressed=true]{border-color:#e7c4ff;background:linear-gradient(135deg,#9155d2,#62379e);color:white}
body.clarity7140 #app #clarityToolsDialog .wf-results{font:550 13px/1.3 system-ui!important;color:#d2bddc!important}
body.clarity7140 #app #clarityToolsDialog button.wf-resume{display:flex;align-items:center;gap:10px;width:100%;min-height:54px;padding:10px 13px;border:1px solid #b8e7cb80;border-radius:14px;background:linear-gradient(110deg,#294d4670,#423068ba);font:750 clamp(15px,calc(var(--jljam-readable-min,26px) - 10px),19px)/1.2 system-ui;color:#effaf2;cursor:pointer;text-align:left}
body.clarity7140 #app #clarityToolsDialog .wf-resume-label{min-width:0;flex:1;overflow-wrap:normal}
body.clarity7140 #app #clarityToolsDialog .wf-resume-arrow{margin-left:auto}
body.clarity7140 #app #clarityToolsDialog .wf-resume[hidden],
body.clarity7140 #app #clarityToolsDialog .wf-clear[hidden],
body.clarity7140 #app #clarityToolsDialog [data-cl-action][hidden],
body.clarity7140 #app #clarityToolsDialog .cl-drawer-section[hidden],
body.clarity7140 #app #clarityToolsDialog .cl-drawer-grid[hidden],
body.clarity7140 #app #clarityToolsDialog .cl-drawer-feature[hidden],
body.clarity7140 #app #clarityToolsDialog .cl-drawer-foot[hidden],
body.clarity7140 #app #clarityToolsDialog .wf-empty[hidden]{display:none!important}
body.clarity7140 #app #clarityToolsDialog .wf-empty{padding:20px;text-align:center;color:#e5d2f4;font:600 17px/1.5 system-ui}
body.clarity7140 #app #clarityToolsDialog .wf-filter:focus-visible,
body.clarity7140 #app #clarityToolsDialog .wf-clear:focus-visible,
body.clarity7140 #app #clarityToolsDialog .wf-resume:focus-visible{outline:3px solid #f0d7ff!important;outline-offset:2px!important}
/* The keyboard gets the available space instead of fighting a fixed bottom navigation. */
@media (hover:none) and (pointer:coarse){
 body.clarity7140.studio7150.wf-keyboard-open #app .mobile-dock{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(130%)!important;transition:none!important}
 body.clarity7140.studio7150.wf-keyboard-open #app .shell{padding-bottom:calc(24px + env(safe-area-inset-bottom))!important}
}
/* Compact controls even with 32px reading size, while keeping large 46px+ touch targets. */
@media (max-width:760px){
 body.clarity7140 #app #clarityToolsDialog .wf-work-launcher{gap:7px;padding:10px 0 12px}
 body.clarity7140 #app #clarityToolsDialog .cl-drawer-head{padding-inline:15px!important}
 body.clarity7140 #app #clarityToolsDialog .cl-drawer-scroll{padding-inline:15px!important}
 body.clarity7140 #app #clarityToolsDialog .wf-filter{font-size:clamp(11px,3.1vw,15px)!important}
}
@media(max-height:660px){body.clarity7140 #app #clarityToolsDialog .wf-work-launcher{position:static}}
@media(prefers-reduced-motion:reduce){body.clarity7140.studio7150.wf-keyboard-open #app .mobile-dock{transition:none!important}}