@import url('/assets/sim/windows/desk.css');
/* Islora Search (AdaSearch.swift AdaSearchView: 820 wide, field 58, chips 42, list 440, footer 30, radius 20) and
   Batch Search in the island's Search tab (BatchView.swift). Sıvı cam theme (Islora's default): grey glass,
   accent = Berrak tint lifted toward white (#b5bfcf); the text caret uses the system accent. */
[data-sim="search"] .cv { --acc: #b5bfcf; --sec: rgba(255,255,255,.58); --ter: rgba(255,255,255,.34); --mono: "SF Mono", Menlo, monospace; --sys: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif; }
[data-sim="search"] .scene { position: absolute; inset: 0; transition: opacity .35s ease; }
[data-sim="search"] .scene.off { opacity: 0; pointer-events: none; }
[data-sim="search"] button { border: 0; background: none; padding: 0; cursor: pointer; font: inherit; color: inherit; }

/* ---------- the panel ---------- */
[data-sim="search"] .sr { position: absolute; left: 90px; top: 52px; width: 820px; height: 58px; border-radius: 20px; overflow: hidden;
  background: var(--glass-bg); -webkit-backdrop-filter: blur(34px) saturate(1.3); backdrop-filter: blur(34px) saturate(1.3);
  box-shadow: inset 0 0 0 .8px rgba(255,255,255,.14), 0 8px 36px rgba(0,0,0,.35);
  transition: height .42s cubic-bezier(.3,1.15,.4,1), opacity .22s ease, transform .22s ease; }
[data-sim="search"] .sr.closing { opacity: 0; transform: scale(.985); }
[data-sim="search"] .sr .field { height: 58px; padding: 0 18px; display: flex; align-items: center; gap: 12px; }
[data-sim="search"] .sr .field .lead { width: 22px; height: 22px; display: grid; place-items: center; flex: none; }
[data-sim="search"] .sr .field .lead img { height: 17px; opacity: .55; }
[data-sim="search"] .sr .field .lead.listen img { opacity: 1; filter: drop-shadow(0 0 0 transparent); }
[data-sim="search"] .sr .q { position: relative; flex: 1; min-width: 0; height: 30px; }
[data-sim="search"] .sr .q input { position: absolute; inset: 0; width: 100%; border: 0; outline: 0; background: transparent; color: #fff; font: 400 20px/30px var(--sys); padding: 0; caret-color: #0a84ff; }
[data-sim="search"] .sr .q .hint { position: absolute; left: 0; top: 0; height: 30px; display: flex; align-items: center; gap: 1px; font: 400 20px/30px var(--sys); color: rgba(255,255,255,.35); white-space: nowrap; pointer-events: none; }
[data-sim="search"] .sr .q .hint i { width: 2px; height: 22px; border-radius: 1px; background: #0a84ff; transition: opacity .12s; }
[data-sim="search"] .sr .q .hint i.off { opacity: 0; }
[data-sim="search"] .sr .status { font-size: 10.5px; color: var(--ter); white-space: nowrap; }
[data-sim="search"] .sr .mic { position: relative; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; flex: none; }
[data-sim="search"] .sr .mic > img { height: 14px; opacity: .55; }
[data-sim="search"] .sr .mic .ring { position: absolute; inset: 0; border-radius: 50%; background: rgba(181,191,207,.22); transform: scale(var(--lv, 1)); transition: transform .12s ease-out; display: none; }
[data-sim="search"] .sr .mic .bars { position: absolute; inset: 0; display: none; align-items: center; justify-content: center; gap: 2px; }
[data-sim="search"] .sr .mic .bars i { width: 2.5px; border-radius: 2px; background: var(--acc); height: 4px; transition: height .12s ease-out; }
[data-sim="search"] .sr .mic.on > img { display: none; }
[data-sim="search"] .sr .mic.on .ring, [data-sim="search"] .sr .mic.on .bars { display: flex; }
[data-sim="search"] .sr .set { width: 26px; height: 26px; display: grid; place-items: center; flex: none; }
[data-sim="search"] .sr .set img { height: 12px; opacity: .55; }

/* chips (adaGlass capsule, 26 high) */
[data-sim="search"] .sr .chips { height: 42px; padding: 0 14px; display: flex; gap: 6px; align-items: flex-start; overflow-x: auto; scrollbar-width: none; }
[data-sim="search"] .sr .chips::-webkit-scrollbar { display: none; }
[data-sim="search"] .chip { flex: none; height: 26px; padding: 0 10px; border-radius: 13px; display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; white-space: nowrap;
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.045)); box-shadow: inset 0 0 0 .7px rgba(255,255,255,.15); }
[data-sim="search"] .chip img { height: 10px; opacity: .9; }
[data-sim="search"] .chip.on { font-weight: 600; background: linear-gradient(180deg, rgba(255,255,255,.17), rgba(255,255,255,.085)); box-shadow: inset 0 0 0 .7px rgba(255,255,255,.28), 0 2px 5px rgba(0,0,0,.2); }
[data-sim="search"] .chips .div { flex: none; width: .5px; height: 18px; margin: 4px 4px 0; background: rgba(255,255,255,.12); }
[data-sim="search"] .hair { height: .5px; background: rgba(255,255,255,.08); }

/* results */
[data-sim="search"] .sr .area { display: flex; height: 440px; transition: height .3s cubic-bezier(.3,1,.4,1); }
[data-sim="search"] .sr .list { flex: 1; min-width: 0; overflow-y: auto; padding: 0 8px 10px; scrollbar-width: none; }
[data-sim="search"] .sr .list::-webkit-scrollbar { display: none; }
[data-sim="search"] .sr .tips { flex: 1; display: grid; place-items: center; padding: 0 20px; font-size: 11px; color: var(--sec); text-align: center; }
[data-sim="search"] .sec { font-size: 9.5px; font-weight: 600; letter-spacing: 1px; color: var(--ter); text-transform: uppercase; padding: 12px 10px 3px; }
[data-sim="search"] .sec.first { padding-top: 8px; }
[data-sim="search"] .row { height: 42px; padding: 0 10px; margin-bottom: 1px; border-radius: 10px; display: flex; align-items: center; gap: 11px; cursor: default; }
[data-sim="search"] .row.on { background: rgba(181,191,207,.22); }
[data-sim="search"] .row.pulse { animation: sr-pulse .3s ease; }
@keyframes sr-pulse { 50% { background: rgba(181,191,207,.42); } }
[data-sim="search"] .row .ico { width: 28px; height: 28px; flex: none; display: grid; place-items: center; }
[data-sim="search"] .row .ico > img { width: 28px; height: 28px; display: block; }
[data-sim="search"] .tile { width: 26px; height: 26px; border-radius: 7px; display: grid; place-items: center; position: relative;
  background: linear-gradient(180deg, var(--t), color-mix(in srgb, var(--t) 72%, #000)); box-shadow: inset 0 0 0 .6px rgba(255,255,255,.3), 0 2px 4px color-mix(in srgb, var(--t) 35%, transparent); }
[data-sim="search"] .tile::after { content: ""; position: absolute; inset: .6px; border-radius: 6.4px; background: linear-gradient(180deg, rgba(255,255,255,.3), transparent 50%); }
[data-sim="search"] .tile img { height: 13px; position: relative; z-index: 1; }
[data-sim="search"] .row .tx { flex: 1; min-width: 0; }
[data-sim="search"] .row .t { font-size: 13px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-sim="search"] .row .s { font-size: 10.5px; color: var(--sec); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; direction: ltr; }
[data-sim="search"] .row .d { flex: none; font-size: 10.5px; color: var(--sec); white-space: nowrap; }
[data-sim="search"] .row .n { flex: none; font: 500 9.5px var(--sys); color: var(--ter); opacity: .6; }
[data-sim="search"] .row.on .n { opacity: 1; }

/* preview (300 wide) */
[data-sim="search"] .pv { flex: none; width: 300px; border-left: .5px solid rgba(255,255,255,.08); padding: 14px; display: flex; flex-direction: column; gap: 10px; overflow: hidden; }
[data-sim="search"] .pv .ql { height: 300px; border-radius: 12px; overflow: hidden; display: grid; place-items: center; flex: none; }
[data-sim="search"] .pv .ql img.photo { max-width: 100%; max-height: 100%; display: block; border-radius: 6px; box-shadow: 0 6px 18px rgba(0,0,0,.3); }
[data-sim="search"] .pv .ql img.big { width: 128px; height: 128px; }
[data-sim="search"] .pv .nm { flex: none; font-size: 13px; font-weight: 600; line-height: 1.25; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }
[data-sim="search"] .pv .info { flex: none; display: grid; grid-template-columns: 72px 1fr; gap: 4px 8px; font-size: 10.5px; }
[data-sim="search"] .pv .info b { font-weight: 400; color: var(--ter); }
[data-sim="search"] .pv .info span { color: var(--sec); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* a PDF's first page, as Quick Look draws it */
[data-sim="search"] .page { width: 212px; height: 300px; background: #fff; color: #222; border-radius: 2px; box-shadow: 0 6px 18px rgba(0,0,0,.35); padding: 22px 20px; font: 6.5px/1.45 Helvetica, Arial, sans-serif; text-align: left; overflow: hidden; }
[data-sim="search"] .page h4 { margin: 0 0 2px; font-size: 13px; letter-spacing: .04em; }
[data-sim="search"] .page .mut { color: #888; }
[data-sim="search"] .page .ln { display: flex; justify-content: space-between; border-bottom: .5px solid #e3e3e3; padding: 3px 0; }
[data-sim="search"] .page .tot { display: flex; justify-content: space-between; font-weight: 700; font-size: 8px; padding-top: 6px; }
[data-sim="search"] .page .bar { height: 3px; background: #2f7d6d; margin: 10px 0 12px; width: 40px; }

/* footer */
[data-sim="search"] .sr .foot { height: 30px; padding: 0 16px; display: flex; align-items: center; gap: 14px; white-space: nowrap; overflow: hidden; }
[data-sim="search"] .sr .foot .k { display: flex; align-items: center; gap: 4px; font-size: 10.5px; color: var(--sec); }
[data-sim="search"] .sr .foot kbd { font: 600 10px var(--sys); padding: 0 5px; height: 17px; line-height: 17px; border-radius: 4px; background: rgba(255,255,255,.08); color: #fff; }
[data-sim="search"] .sr .foot .brand { margin-left: auto; font-size: 10px; font-weight: 600; color: var(--ter); }

/* a native menu (Tarih / Konum) */
[data-sim="search"] .menu { position: absolute; z-index: 50; min-width: 160px; padding: 5px; border-radius: 10px; background: rgba(36,37,42,.86); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px);
  box-shadow: inset 0 0 0 .5px rgba(255,255,255,.18), 0 12px 30px rgba(0,0,0,.4); font: 13px var(--sys); }
[data-sim="search"] .menu button { display: flex; align-items: center; gap: 6px; width: 100%; height: 22px; padding: 0 10px 0 6px; border-radius: 5px; text-align: left; white-space: nowrap; }
[data-sim="search"] .menu button:hover { background: #2f6fe8; }
[data-sim="search"] .menu button .ck { width: 12px; font-size: 11px; }

/* ---------- Batch Search in the island ---------- */
[data-sim="search"] .isd-island.open { --h: 558px; }
[data-sim="search"] .bt { position: absolute; left: 56px; right: 56px; top: 96px; bottom: 22px; display: flex; flex-direction: column; gap: 13px; }
[data-sim="search"] .bt .hd { display: flex; align-items: flex-start; gap: 10px; }
[data-sim="search"] .act { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 11px; border-radius: 10px; font-size: 10px; font-weight: 500; white-space: nowrap; color: rgba(255,255,255,.9);
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.045)); box-shadow: inset 0 0 0 .7px rgba(255,255,255,.17); }
[data-sim="search"] .act img { height: 10px; }
[data-sim="search"] .act.big { font-size: 11px; }
[data-sim="search"] .bt h3 { margin: 0; font-size: 20px; font-weight: 600; line-height: 1.1; }
[data-sim="search"] .bt .sub { font-size: 11px; color: var(--sec); margin-top: 3px; }
[data-sim="search"] .bt .cnt { margin-left: auto; height: 26px; padding: 0 10px; border-radius: 13px; display: flex; align-items: center; gap: 6px; font-size: 10px; font-weight: 600;
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.045)); box-shadow: inset 0 0 0 .7px rgba(255,255,255,.15); }
[data-sim="search"] .bt .cnt img { height: 10px; }
[data-sim="search"] .seg { flex: none; display: flex; gap: 4px; padding: 3px; border-radius: 22px; background: rgba(0,0,0,.2); box-shadow: inset 0 0 0 .7px rgba(255,255,255,.07), inset 0 1px 1px rgba(0,0,0,.2); }
[data-sim="search"] .seg span { flex: 1; text-align: center; padding: 10px 0; border-radius: 19px; font-size: 12px; font-weight: 600; }
[data-sim="search"] .seg span.on { background: linear-gradient(180deg, rgba(255,255,255,.17), rgba(255,255,255,.085)); box-shadow: inset 0 0 0 .7px rgba(255,255,255,.26), 0 2px 5px rgba(0,0,0,.2); }
[data-sim="search"] .inbox { flex: none; padding: 14px; border-radius: 17px; background: rgba(255,255,255,.025); box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); display: flex; flex-direction: column; gap: 10px; }
[data-sim="search"] .inbox textarea { height: 112px; resize: none; border: 0; outline: 0; border-radius: 13px; padding: 10px; color: #fff; font: 12px/1.45 var(--mono);
  background: rgba(0,0,0,.26); box-shadow: inset 0 1px 0 rgba(0,0,0,.3), inset 0 0 0 1px rgba(0,0,0,.18); }
[data-sim="search"] .inbox textarea:focus { box-shadow: inset 0 1px 0 rgba(0,0,0,.3), inset 0 0 0 1.2px rgba(181,191,207,.55); }
[data-sim="search"] .inbox .ctl { display: flex; align-items: center; gap: 8px; }
[data-sim="search"] .inbox .vol { display: flex; align-items: center; gap: 7px; font-size: 11px; font-weight: 500; padding: 0 6px; }
[data-sim="search"] .inbox .vol img { height: 12px; }
[data-sim="search"] .cv .prim { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 28px; border-radius: 21px; color: #000; font-size: 13px; font-weight: 600;
  background: linear-gradient(180deg, #fff, #dbdbdb); box-shadow: inset 0 0 0 .6px rgba(255,255,255,.6), 0 2px 6px rgba(0,0,0,.25); transition: transform .1s; }
[data-sim="search"] .cv .prim img { height: 12px; filter: invert(1); }
[data-sim="search"] .prim:active { transform: scale(.97); }
[data-sim="search"] .prim[disabled] { opacity: .45; cursor: default; }
[data-sim="search"] .bt .prog { font-size: 11px; color: var(--sec); display: flex; align-items: center; gap: 8px; min-height: 14px; }
[data-sim="search"] .spin { width: 12px; height: 12px; border-radius: 50%; border: 1.5px solid rgba(255,255,255,.2); border-top-color: rgba(255,255,255,.8); animation: sr-spin .8s linear infinite; }
@keyframes sr-spin { to { transform: rotate(360deg); } }
[data-sim="search"] .bt .empty { display: flex; align-items: center; gap: 14px; padding: 16px; border-radius: 15px; background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.045)); box-shadow: inset 0 0 0 .7px rgba(255,255,255,.15); }
[data-sim="search"] .bt .empty img { height: 22px; opacity: .85; }
[data-sim="search"] .bt .empty b { display: block; font-size: 14px; font-weight: 600; }
[data-sim="search"] .bt .empty span { font-size: 11px; color: var(--sec); }
[data-sim="search"] .bt .all { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 500; }
[data-sim="search"] .bt .all .grow { flex: 1; }
[data-sim="search"] .bt .scroll { flex: 1; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 12px; padding-right: 4px; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.25) transparent; }
[data-sim="search"] .card { flex: none; padding: 16px; border-radius: 16px; background: rgba(255,255,255,.035); box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); display: flex; flex-direction: column; gap: 12px; animation: sr-in .35s ease; }
@keyframes sr-in { from { opacity: 0; transform: translateY(6px); } }
[data-sim="search"] .card .top { display: flex; align-items: center; }
[data-sim="search"] .card .term { font: 600 12px var(--mono); color: var(--acc); }
[data-sim="search"] .card .st { margin-left: auto; font-size: 10px; color: var(--sec); }
[data-sim="search"] .card .grp { display: flex; gap: 8px; }
[data-sim="search"] .card .f { display: flex; align-items: center; gap: 10px; }
[data-sim="search"] .card .f .th { width: 44px; height: 48px; flex: none; display: grid; place-items: center; }
[data-sim="search"] .card .f .th img { max-width: 44px; max-height: 48px; display: block; }
[data-sim="search"] .card .f .th .ph { width: 44px; height: 33px; border-radius: 3px; background: center / cover; box-shadow: 0 0 0 .5px rgba(255,255,255,.2), 0 2px 4px rgba(0,0,0,.3); }
[data-sim="search"] .card .f .tx { flex: 1; min-width: 0; }
[data-sim="search"] .card .f .nm { font-size: 12px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-sim="search"] .card .f .pa { font-size: 10px; color: var(--sec); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-sim="search"] .card .f .act { width: 30px; padding: 0; justify-content: center; }
[data-sim="search"] .card .more { font-size: 11px; color: var(--acc); align-self: flex-start; }
[data-sim="search"] .bt .note { flex: none; font-size: 10px; color: var(--sec); }

/* scene switch (site control, not app UI) */
[data-sim="search"] .scenes { position: absolute; z-index: 45; left: 22px; bottom: 22px; display: flex; gap: 4px; padding: 4px; border-radius: 20px; background: rgba(0,0,0,.45); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); box-shadow: inset 0 0 0 .7px rgba(255,255,255,.14); }
[data-sim="search"] .scenes button { height: 30px; padding: 0 14px; border-radius: 15px; font-size: 13.5px; font-weight: 600; color: rgba(255,255,255,.7); }
[data-sim="search"] .scenes button.on { background: rgba(255,255,255,.16); color: #fff; }
[data-sim="search"] .try { left: auto; right: 22px; transform: none; }
/* phone canvas (460 × 780): the panel alone at the canvas width, no preview column */
[data-sim="search"] .cv.phone .sr { left: 10px; top: 14px; width: 440px; }
[data-sim="search"] .cv.phone .sr .status, [data-sim="search"] .cv.phone .sr .foot .k:nth-child(n+3) { display: none; }
[data-sim="search"] .cv.phone .sr .row .n { display: none; }
[data-sim="search"] .cv.phone .isd-island.open { width: 460px; --ear-r: 0px; }
[data-sim="search"] .cv.phone .isd-island .body { padding: 47.5px 12px 0; }
[data-sim="search"] .cv.phone .isd-track.right { display: none; }
[data-sim="search"] .cv.phone .bt { left: 14px; right: 14px; bottom: 18px; }
[data-sim="search"] .cv.phone .bt .hd { flex-wrap: wrap; }
[data-sim="search"] .cv.phone .bt .cnt { display: none; }
[data-sim="search"] .cv.phone .cv .prim, [data-sim="search"] .cv.phone .prim { padding: 0 18px; }
[data-sim="search"] .cv.phone .inbox .vol { display: none; }
[data-sim="search"] .cv.phone .bt .all { flex-wrap: wrap; }
[data-sim="search"] .cv.phone .card .grp { flex-wrap: wrap; }
[data-sim="search"] .cv.phone .card .f .act { display: none; }
[data-sim="search"] .cv.phone .scenes { left: 12px; bottom: 12px; }
[data-sim="search"] .cv.phone .try { left: 12px; right: 12px; bottom: 64px; white-space: normal; text-align: center; line-height: 1.5; }
[data-sim="search"] .cv.phone .isd-island { transition: none; }