/* Fermag Platform – Alkalmazások (6-alkalmazasok.js) */
.apbody{display:grid;gap:26px}
.apsec{display:grid;gap:12px}
.aph{margin:0;font-size:15px;font-weight:700;letter-spacing:.2px;display:flex;align-items:center;gap:8px;color:var(--text)}
.aph svg{width:16px;height:16px;color:var(--gold);fill:var(--gold)}
.aph .muted{font-weight:500}
.aphint{font-size:13px;background:var(--hl);border:1px solid var(--hl-line);border-radius:var(--r-sm);padding:9px 12px;color:var(--text-2)}
.apgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}

.aptile{position:relative;min-width:0}
.apgo{width:100%;height:100%;min-height:150px;display:grid;justify-items:center;align-content:start;gap:6px;text-align:center;padding:20px 12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);color:var(--text);text-decoration:none;cursor:pointer;font:inherit;transition:border-color .18s,box-shadow .18s,transform .18s}
.apgo:hover{border-color:var(--mint);box-shadow:0 0 0 3px var(--ring);transform:translateY(-2px)}
.apgo:focus-visible{outline:none;border-color:var(--mint);box-shadow:0 0 0 3px var(--ring)}
.apgo .chipico{width:52px;height:52px;border-radius:14px;margin-bottom:4px}
.apgo .chipico svg{width:26px;height:26px}
.apgo b{font-size:15px;font-weight:700;line-height:1.2;overflow-wrap:anywhere}
.apdesc{font-size:12.5px;color:var(--muted);line-height:1.3}
.apgo .badge{margin-top:4px;white-space:normal;text-align:center}
.apext{position:absolute;left:10px;top:10px;color:var(--muted);opacity:0;transition:opacity .15s}
.apext svg{width:14px;height:14px;display:block}
.apgo:hover .apext{opacity:1}
.apstar{position:absolute;right:6px;top:6px;width:32px;height:32px;border:0;background:transparent;border-radius:var(--r-sm);display:grid;place-items:center;cursor:pointer;color:var(--fog)}
.apstar svg{width:18px;height:18px}
.apstar:hover{background:var(--tint);color:var(--gold)}
.apstar.on{color:var(--gold)}
.apstar.on svg{fill:var(--gold)}
.aptile.editing .apgo{border-style:dashed}
.aptools{position:absolute;right:4px;top:4px;display:flex}
.aptools .iconbtn{width:30px;height:30px}
.aptools .iconbtn svg{width:16px;height:16px}

.chipico.sm{width:36px;height:36px;border-radius:10px}
.chipico.sm svg{width:18px;height:18px}
.apdot{width:14px;height:14px;border-radius:4px;display:inline-block}
.apchoice button{padding:8px}
.apchoice button svg{width:20px;height:20px}
.choice button[aria-pressed="true"]{border-color:var(--accent);background:var(--tint);color:var(--accent)}

/* felső sáv gyorsmenü */
.appspanel{position:absolute;top:calc(100% + 8px);right:max(16px,env(safe-area-inset-right,0px));width:min(380px,calc(100vw - 32px));max-height:72vh;overflow:auto;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:0 24px 60px rgba(7,20,13,.28);z-index:40;padding-bottom:10px}
.aphead{padding:10px 12px;border-bottom:1px solid var(--line)}
.aplab{display:block;font-family:var(--f-mono);font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);padding:12px 14px 4px}
.apminis{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:0 6px}
.apminis.row1{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));padding:0;gap:6px}
.apmini{display:grid;justify-items:center;gap:6px;padding:10px 4px;border-radius:var(--r-sm);color:var(--text);text-decoration:none;font-size:12.5px;font-weight:600;text-align:center;line-height:1.2;transition:background .15s}
.apmini:hover,.apmini:focus-visible{background:var(--tint);outline:none}
.apmini span:last-child{overflow-wrap:anywhere}
.apquick h3{margin:0}

@media (max-width: 820px){
  .apgrid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
  .apgo{min-height:132px;padding:18px 8px 12px}
  #apQ{width:100%!important}
  .crm-head .row{width:100%}
}