@media screen {
  #hy-magic{box-sizing:border-box;width:min(620px,calc(100vw - 24px));max-height:88dvh;padding:0;border:1px solid #cbd5e1;border-radius:18px;background:#fff;color:#182b49;box-shadow:0 24px 80px #0c1c3a55;font-family:inherit;overflow:auto}
  #hy-magic::backdrop{background:#0b193b99}
  #hy-magic header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;background:#142b50;color:#fff}
  #hy-magic h2{margin:0;font-size:20px}#hy-magic header p{margin:7px 0 0;font-size:12px;color:#dbe7fa;line-height:1.9}
  #hy-magic header button{color:#fff;flex:none}
  #hy-magic>label{display:block;margin:16px 18px 8px;font-size:13px;font-weight:700}
  #hy-magic-search{box-sizing:border-box;width:calc(100% - 36px);margin:0 18px 12px;min-height:48px;border:1px solid #a9b9d1;border-radius:9px;padding:10px;font-family:inherit}
  #hy-magic-results{display:grid;gap:7px;max-height:40dvh;overflow:auto;padding:0 18px}
  #hy-magic-results button{font:inherit;min-height:48px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#142b50;text-align:right;padding:10px 14px;cursor:pointer}
  #hy-magic-results button[data-active=true]{background:#eaf1ff;border-color:#315bd6;box-shadow:inset -4px 0 #315bd6}
  #hy-magic-notice{margin:14px 18px;color:#64460b;font-size:12px;line-height:1.9}
  #hy-magic footer{padding:12px 18px;background:#f1f5fb;font-size:11px;line-height:1.9;color:#40536f}
  .magic-relation-control{display:flex;align-items:center;gap:5px;min-width:0;width:100%}
  .magic-relation-control>select{flex:1 1 0;min-width:0!important;width:0!important}
  .magic-plus{flex:none;min-width:38px;min-height:42px;border:1px solid #a8bbdb;border-radius:8px;background:#eaf1ff;color:#163c80;font:700 17px inherit;cursor:pointer;padding:5px 8px}
  .magic-plus[data-magic-source="معرفی خدمات"]{font-size:11px;white-space:nowrap}
  .magic-plus:focus-visible{outline:3px solid #315bd6;outline-offset:2px}
  .magic-trigger{white-space:nowrap;min-height:42px!important;flex:none}
  #modal .modal-head{flex-wrap:wrap}#modal .modal-head .magic-trigger{margin-inline-start:auto}
  .magic-return{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:9px 18px;background:#eaf1ff;border-bottom:1px solid #cbd9f2;color:#233f6b;font-size:12px}
  .magic-return .btn{min-height:42px}.magic-trigger:focus-visible,#hy-magic button:focus-visible{outline:3px solid #315bd6;outline-offset:2px}
  @media(max-width:600px){.top-actions>.magic-trigger{font-size:11px!important;padding:7px!important;min-width:0}.top-actions{flex-wrap:wrap}#modal .modal-head .magic-trigger{font-size:12px}#hy-magic h2{font-size:18px}}
}