@import url('/css/client-premium-v43.css');
@import url('/css/client-premium-v43-runtime.css');

/* Uai Agendei — componentes auxiliares do app.
   As camadas Premium V43 adicionam o acabamento visual comercial do app.
   Esta folha mantém componentes funcionais auxiliares e estados globais. */

/* Bottom sheet usado pelo menu complementar do app. */
.app-premium-backdrop{
  position:fixed;inset:0;z-index:80;
  background:rgba(17,18,19,.42);
  opacity:0;pointer-events:none;
  transition:opacity .18s ease;
  backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)
}
.app-premium-sheet{
  position:fixed;z-index:81;left:50%;bottom:0;
  width:min(560px,100%);max-height:min(78dvh,720px);
  transform:translate(-50%,105%);
  padding:10px 14px calc(16px + env(safe-area-inset-bottom));
  overflow:auto;overscroll-behavior:contain;
  background:#fff;color:#111213;
  border:1px solid #ececea;border-bottom:0;
  border-radius:20px 20px 0 0;
  box-shadow:0 -12px 34px rgba(17,18,19,.10);
  transition:transform .2s cubic-bezier(.2,.75,.25,1)
}
.app-more-open .app-premium-backdrop{opacity:1;pointer-events:auto}
.app-more-open .app-premium-sheet{transform:translate(-50%,0)}
.app-premium-sheet__grab{width:38px;height:4px;border-radius:99px;background:#d8dad6;margin:2px auto 14px}
.app-premium-sheet__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.app-premium-sheet__head h2{margin:0;color:#111213;font-size:20px;line-height:1.15;letter-spacing:-.03em}
.app-premium-sheet__head p{margin:4px 0 0;color:#74797b;font-size:12px;line-height:1.45}
.app-premium-sheet__close{
  appearance:none;width:42px;height:42px;display:grid;place-items:center;
  flex:0 0 42px;border:1px solid #e3e5e1;border-radius:12px;
  background:#fff;color:#111213;font:inherit;font-size:20px;cursor:pointer
}
.app-premium-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.app-premium-action{
  min-width:0;min-height:76px;padding:13px;
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;
  border:1px solid #e6e8e4;border-radius:14px;background:#fff;color:#222627;
  text-align:left;text-decoration:none;cursor:pointer;box-shadow:none
}
.app-premium-action:hover{border-color:#c7cac5;background:#fafbf9}
.app-premium-action b{color:#111213;font-size:13px;line-height:1.25}
.app-premium-action small{color:#777c7e;font-size:11px;line-height:1.35}
.app-premium-action--primary{background:#111213;color:#fff;border-color:#111213}
.app-premium-action--primary:hover{background:#282a2b;border-color:#282a2b}
.app-premium-action--primary b,.app-premium-action--primary small{color:#fff}
.app-premium-action--primary small{opacity:.72}

/* Instalação contextual: o momento de exibição é controlado por client-app.js. */
.app-premium-tip{
  margin:0;padding:14px 15px;
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;
  border:1px solid #e6e8e4;border-radius:15px;background:#fff;color:#111213;box-shadow:none
}
.app-premium-tip>div{min-width:0}
.app-premium-tip b{display:block;color:#111213;font-size:13px}
.app-premium-tip p{margin:4px 0 0;color:#74797b;font-size:11px;line-height:1.45}
.app-premium-tip__actions{display:flex;align-items:center;gap:7px}
.app-premium-tip__actions>*{min-height:44px}

/* Estado de conectividade e atualização. */
.app-network-banner{
  position:fixed;z-index:95;left:50%;top:max(10px,env(safe-area-inset-top));
  transform:translate(-50%,-140%);
  width:min(520px,calc(100% - 24px));padding:10px 13px;
  border:1px solid #f0dfb4;border-radius:12px;
  background:#fff8e8;color:#80550f;font-size:12px;font-weight:720;text-align:center;
  box-shadow:0 8px 24px rgba(17,18,19,.08);transition:transform .18s ease
}
.app-network-banner.is-visible{transform:translate(-50%,0)}
.app-premium-toast{
  position:fixed;z-index:96;left:50%;bottom:calc(104px + env(safe-area-inset-bottom));
  transform:translate(-50%,16px);
  width:min(520px,calc(100% - 24px));padding:12px 13px;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  border:1px solid #e2e4e0;border-radius:13px;
  background:#fff;color:#111213;box-shadow:0 12px 32px rgba(17,18,19,.10);
  opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease
}
.app-premium-toast.is-visible{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.app-premium-toast span{font-size:12px;line-height:1.4}
.app-premium-toast button{min-height:40px;padding:8px 11px;border:1px solid #e2e4e0;border-radius:10px;background:#fff;color:#111213;font-weight:750;cursor:pointer}

/* Standalone: somente comportamento específico de instalação, sem redefinir o shell. */
.app-body.is-app-standalone .app-instalar,
.app-body.is-app-standalone .app-instalar-dica{display:none!important}

@media(max-width:520px){
  .app-premium-actions{grid-template-columns:1fr}
  .app-premium-action{min-height:68px}
  .app-premium-tip{grid-template-columns:1fr;align-items:stretch;gap:11px}
  .app-premium-tip__actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .app-premium-tip__actions>*{width:100%;min-width:0}
}
@media(max-width:360px){
  .app-premium-tip__actions{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .app-premium-backdrop,.app-premium-sheet,.app-network-banner,.app-premium-toast{transition:none!important}
}