/* Oficina Portátil V47.8 — atalho de instalação Android, herdando a paleta do portal. */
.app-card.install-app-card{
  background:linear-gradient(145deg,
    color-mix(in srgb,var(--accent) 86%,#23a86f),
    color-mix(in srgb,var(--accent) 68%,#77d49d));
  color:var(--on-accent);
  order:-998;
}
.app-card.install-app-card .app-icon{
  background:color-mix(in srgb,var(--on-accent) 18%,transparent);
  color:var(--on-accent)
}
.app-card.install-app-card .op-android-icon{width:27px;height:27px;display:block;fill:currentColor}
.app-card.install-app-card .app-meta i{background:#bff5ce}
.app-card.install-app-card .card-number{letter-spacing:-.04em}
.app-grid.customizing .app-card.install-app-card{cursor:not-allowed;animation:none;outline:2px solid color-mix(in srgb,var(--on-accent) 45%,transparent)}

.op-compat-overlay{position:fixed;inset:0;z-index:2147482000;display:grid;place-items:center;padding:20px;background:rgba(5,24,22,.55);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}
.op-compat-modal{width:min(520px,calc(100vw - 28px));border:1px solid var(--line,rgba(255,255,255,.18));border-radius:26px;background:var(--panel-solid,#fff);color:var(--text,#163b36);box-shadow:0 30px 90px rgba(0,0,0,.28);padding:28px;position:relative;overflow:hidden}
.op-compat-modal:before{content:"";position:absolute;width:210px;height:210px;right:-110px;top:-125px;border-radius:50%;background:color-mix(in srgb,var(--accent,#0a8f7d) 22%,transparent)}
.op-compat-head{display:flex;gap:15px;align-items:center;position:relative}
.op-compat-icon{width:52px;height:52px;flex:0 0 52px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent,#0a8f7d) 14%,transparent);color:var(--accent,#0a8f7d)}
.op-compat-icon svg{width:29px;height:29px;fill:currentColor}
.op-compat-head span{display:grid;gap:3px}.op-compat-head strong{font-size:20px}.op-compat-head small{color:var(--muted,#6e827f)}
.op-compat-body{position:relative;margin-top:23px;padding:19px;border-radius:18px;border:1px solid var(--line,#dde8e6);background:var(--panel,#f7fbfa);line-height:1.5}
.op-compat-body strong{display:block;font-size:18px;margin-bottom:5px}.op-compat-body p{margin:0;color:var(--muted,#637a76)}
.op-compat-spinner{width:25px;height:25px;border:3px solid color-mix(in srgb,var(--accent,#0a8f7d) 18%,transparent);border-top-color:var(--accent,#0a8f7d);border-radius:50%;animation:opSpin .75s linear infinite;margin:4px 0 13px}
@keyframes opSpin{to{transform:rotate(360deg)}}
.op-compat-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:19px;position:relative}
.op-compat-actions button,.op-compat-actions a{min-height:44px;border-radius:13px;padding:0 16px;border:1px solid var(--line,#d9e4e2);background:var(--panel,#fff);color:var(--text,#163b36);font:inherit;font-weight:800;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}
.op-compat-actions .primary{border-color:transparent;background:var(--accent,#0a8f7d);color:var(--on-accent,#fff)}
.op-compat-actions [hidden]{display:none!important}
@media(max-width:620px){.op-compat-modal{padding:22px 18px;border-radius:22px}.op-compat-actions{display:grid;grid-template-columns:1fr}.op-compat-actions button,.op-compat-actions a{width:100%}}


/* V47.8 — fechamento robusto do modal inclusive em Safari/iOS. */
.op-compat-overlay[hidden]{display:none!important}
.op-compat-x{
  position:absolute;top:14px;right:14px;z-index:3;width:38px;height:38px;border:1px solid var(--line,#d9e4e2);
  border-radius:12px;background:var(--panel,#fff);color:var(--text,#163b36);font:700 25px/1 system-ui,-apple-system,sans-serif;
  display:grid;place-items:center;cursor:pointer;padding:0
}
.op-compat-x:active{transform:scale(.96)}
.op-compat-head{padding-right:46px}