.apps-hero{display:flex;align-items:center;gap:22px;padding:28px 32px;background:linear-gradient(120deg,var(--green),#255e6b);color:#fff;border-radius:20px;margin-bottom:24px}.apps-hero>.icon{width:44px;height:44px;flex-shrink:0}.apps-hero h2{font-size:24px;letter-spacing:-.5px;margin:0 0 7px}.apps-hero p{margin:0;opacity:.85}.apps-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.apps-toolbar input,.apps-toolbar select{border:1px solid var(--line);border-radius:9px;background:var(--white);padding:11px 13px;color:var(--ink)}.apps-toolbar input{flex:1;min-width:200px}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:18px}.app-tile{border:1px solid var(--line);border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;background:var(--white)}.app-tile h3,.app-tile p{margin:0}.app-tile p{line-height:1.5;font-size:13px;flex:1}.app-monogram{width:48px;height:48px;border-radius:14px;background:var(--bg);color:var(--green);font-size:26px;display:grid;place-items:center;font-weight:700}.app-monogram[data-app=wordpress]{background:#e5f2fa;color:#21759b}.app-monogram[data-app=dokuwiki]{background:#e9f7e4;color:#4d7c28}.app-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:28px}.app-meta small{color:var(--muted)}.app-tile>.primary{width:100%;justify-content:center}.apps-detail{display:grid;gap:14px}.apps-detail>.text-link{display:inline-flex}.apps-url{grid-column:1/-1;border-radius:10px;padding:13px 16px;background:var(--bg);color:var(--green);word-break:break-all}.zone-dialog .apps-detail+.form-grid{margin-top:24px}
.apps-availability{grid-column:1/-1}.apps-allowlist{max-height:42vh;overflow:auto;border:1px solid var(--line);border-radius:12px}.apps-allow-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}.apps-allow-row:last-child{border-bottom:0}.apps-allow-row .field{margin:0}.apps-allow-row small{text-align:right}.apps-allow-row .checkbox{cursor:pointer}
.app-monogram[data-app=joomla]{background:#e8eefb;color:#3265a9}.app-monogram[data-app=grav]{background:#f0e8fb;color:#7850b5}.app-monogram[data-app=mediawiki]{background:#fbebdd;color:#a56426}.app-monogram[data-app=kanboard]{background:#e5f2ef;color:#327869}.app-monogram[data-app=freshrss]{background:#fbeee2;color:#ab7134}