/* USB Apache — ilustrasi hero sahaja. Susun atur, menu, changelog, lesen & admin: /shared/desktop-app.css */
.ua-console{border:1px solid var(--border-strong);border-radius:22px;background:var(--surface);box-shadow:0 40px 80px -40px rgba(15,23,42,.45),0 2px 6px rgba(15,23,42,.06);overflow:hidden;transform:rotate(1deg)}
.ua-console-top{display:flex;align-items:center;gap:10px;padding:17px 22px;border-bottom:1px solid var(--border);font-size:14px}
.ua-app-icon{display:grid;place-items:center;background:linear-gradient(135deg,var(--app,#e2531d),var(--app-2,#b91c1c));color:#fff;width:30px;height:30px;border-radius:9px;font-weight:800}
.ua-console-label{margin-left:auto;font-size:9px;letter-spacing:.1em;color:var(--text-faint)}
.ua-console-body{padding:28px}
.ua-mono{font:11px ui-monospace,monospace;color:var(--text-faint)}
.ua-console-title{font:700 29px/1.25 var(--font-display);letter-spacing:-.02em;margin:13px 0 22px}
.ua-services{display:grid;gap:12px}
.ua-services>div{display:flex;align-items:center;gap:12px;border:1px solid var(--border);padding:13px;border-radius:12px;background:var(--surface-2);font-size:13px;font-weight:700}
.ua-services small{display:block;font-size:11px;color:var(--text-muted);font-weight:400;margin-top:2px}
.ua-service-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--brand-soft);color:var(--app-ink,var(--brand));font:800 21px var(--font-display)}
.ua-php{color:#7c3aed;font:italic 700 15px var(--font-body)}
.ua-service-dot{width:7px;height:7px;border-radius:50%;background:#16a34a;margin-left:auto}
.ua-local{display:flex;gap:10px;align-items:center;margin-top:22px;color:var(--app-ink,var(--brand-ink));font-size:12px}
.ua-local>span:last-child{margin-left:auto;color:var(--text-faint)}
@media(max-width:1000px){.ua-console{transform:none;max-width:560px;width:100%}}
@media(max-width:680px){.ua-console-body{padding:20px}.ua-console-title{font-size:24px}}