/* Apps dropdown — modernized mega dropdown (icons, categories, search) */
/* Trigger stays in its original nav position; opening behavior/hamburger nav is unchanged. */
/* Sizing is fluid (clamp + auto-fit) rather than stepped breakpoints, so it scales smoothly
   with viewport width / browser zoom instead of jumping between fixed layouts. */

.pd-apps{position:relative;display:inline-block}

.pd-apps-trigger{
  display:inline-flex;align-items:center;gap:6px;width:100%;
  border:none;background:none;cursor:pointer;padding:0;
  font:inherit;color:inherit;
}
.pd-apps-trigger .arrow{width:.9em;height:.9em;flex:0 0 auto;transition:transform .25s ease}
.pd-apps-trigger.open .arrow{transform:rotate(180deg)}

.pd-apps-panel{
  position:absolute;top:calc(100% + 10px);left:0;
  box-sizing:border-box;
  width:clamp(320px,72vw,760px);
  max-width:calc(100vw - 24px);
  max-height:min(78vh,640px);
  background:#fff;border-radius:16px;border:1px solid #e3e8ee;
  box-shadow:0 24px 60px rgba(10,37,64,.18);
  opacity:0;transform:translateY(-8px);pointer-events:none;
  transition:opacity .18s ease,transform .18s ease;
  z-index:50;display:flex;flex-direction:column;overflow:hidden;
  text-align:left;color:#0a2540;
}
#dropdown-menu.apps-menu{opacity:1;transform:translateY(0);pointer-events:auto}

.pd-apps-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px 10px}
.pd-apps-head-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.pd-apps-title{font:800 18px/1.1 "Roboto",sans-serif;color:#0a2540}
.pd-apps-subtitle{font-size:12.5px;color:#75808c}

.pd-apps-search{position:relative;display:flex;align-items:center;margin:0 20px 12px;flex:0 0 auto}
.pd-apps-search svg{position:absolute;left:13px;width:17px;height:17px;color:#8a97a6;pointer-events:none}
.pd-apps-search input{
  width:100%;height:42px;border:1px solid #dde3ea;border-radius:10px;box-sizing:border-box;
  padding:0 12px 0 38px;font:400 14.5px "Roboto",sans-serif;color:#0a2540;
  background:#f7f9fb;outline:none;transition:border-color .15s ease,background .15s ease;
}
.pd-apps-search input:focus{border-color:var(--secondary-color);background:#fff}
.pd-apps-search input::placeholder{color:#9aa5b1}

.pd-apps-body{
  flex:1;overflow:auto;padding:2px 20px 18px;box-sizing:border-box;
  column-width:220px;column-gap:24px;
}

.pd-apps-cat{margin-bottom:14px;min-width:0;break-inside:avoid}
.pd-apps-cat-label{font:700 11.5px "Roboto",sans-serif;letter-spacing:.7px;text-transform:uppercase;color:var(--secondary-color);opacity:.85;margin:0 0 8px 8px}
.pd-apps-cat-grid{display:flex;flex-direction:column;gap:2px}

.pd-apps-item{
  display:flex;flex-direction:row;align-items:center;gap:13px;
  text-align:left;padding:10px;border-radius:12px;color:#0a2540;
  text-decoration:none;transition:background .15s ease,color .15s ease;
}
.pd-apps-item:hover,.pd-apps-item:focus-visible{background:#eef3f9;color:var(--secondary-color)}
.pd-apps-icon{
  flex:0 0 auto;width:46px;height:46px;border-radius:13px;background:#eef3f9;
  display:flex;align-items:center;justify-content:center;
}
.pd-apps-icon svg{width:21px;height:21px}
.pd-apps-item-text{display:flex;flex-direction:column;gap:1px;min-width:0}
.pd-apps-item-name{font:600 14.5px/1.3 "Roboto",sans-serif}
.pd-apps-item-desc{font-size:12.5px;color:#7c8794;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pd-apps-glyph{font:800 17px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.pd-apps-glyph.pd-sm{font-size:12px}
.pd-apps-glyph.pd-xs{font-size:10.5px}

.pd-apps-item[hidden],.pd-apps-cat[hidden]{display:none!important}

.pd-apps-empty{column-span:all;padding:32px 10px;text-align:center;color:#8a97a6;font-size:14px}

.pd-apps-foot{
  display:flex;align-items:center;justify-content:center;gap:12px;
  padding:12px 20px;border-top:1px solid #eef1f5;flex:0 0 auto;
}
.pd-apps-foot-link{
  display:inline-flex;align-items:center;gap:6px;font:600 14px "Roboto",sans-serif;
  color:var(--secondary-color);text-decoration:none;
}
.pd-apps-foot-link svg{width:15px;height:15px}