.wa-app-sheet:has(.wa-auto-sheet-card) { align-items:center; justify-content:center; padding:24px; }
.wa-auto-sheet-card { width:min(1240px,calc(100vw - 48px)); max-width:1240px !important; max-height:min(92vh,900px); border-radius:18px; position:relative; }
.wa-auto-sheet-card .wa-app-sheet-body { padding: 0; background: #eef2f7; }
.wa-auto { color: #0d1f4e; font-family: inherit; padding-bottom: 78px; }
.wa-auto-hero { display:flex; justify-content:space-between; gap:24px; padding:25px 28px; background:linear-gradient(125deg,#07152d 0%,#0d2854 68%,#163d76 100%); color:#fff; }
.wa-auto-hero-copy { max-width:660px; }
.wa-auto-kicker,.wa-auto-history-head span { display:block; font-size:9px; line-height:1; letter-spacing:1.4px; font-weight:900; color:#d6b878; margin-bottom:8px; }
.wa-auto-hero h2 { margin:0; font-size:25px; line-height:1.15; letter-spacing:-.4px; }
.wa-auto-hero p { margin:8px 0 14px; max-width:620px; color:#c7d2e5; font-size:12px; line-height:1.55; }
.wa-auto-status { display:inline-flex; align-items:center; gap:7px; padding:6px 10px; border-radius:999px; font-size:10px; font-weight:800; background:rgba(255,255,255,.1); }
.wa-auto-status i { width:7px; height:7px; border-radius:50%; background:#94a3b8; }
.wa-auto-status.is-live i { background:#4ade80; box-shadow:0 0 0 4px rgba(74,222,128,.12); }
.wa-auto-master { width:min(340px,36%); padding:14px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); border-radius:15px; align-self:center; }
.wa-auto-master>label:first-child { display:block; font-size:9px; text-transform:uppercase; font-weight:800; letter-spacing:.6px; color:#aebbd0; }
.wa-auto-master input[type=text],.wa-auto-master>label:first-child input { display:block; width:100%; box-sizing:border-box; margin-top:6px; background:rgba(3,12,28,.45); border:1px solid rgba(255,255,255,.17); color:#fff; border-radius:9px; padding:9px 10px; font:700 12px inherit; outline:none; }
.wa-auto-master-toggle { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:13px; cursor:pointer; }
.wa-auto-master-toggle b,.wa-auto-master-toggle small { display:block; }
.wa-auto-master-toggle b { font-size:12px; }.wa-auto-master-toggle small { color:#9fb0c9; font-size:9px; margin-top:2px; }
.wa-auto-master-toggle input { position:absolute; opacity:0; }.wa-auto-master-toggle i,.wa-auto-switch span { width:40px; height:23px; border-radius:999px; background:#637187; position:relative; transition:.2s; flex-shrink:0; }
.wa-auto-master-toggle i:after,.wa-auto-switch span:after { content:""; width:17px; height:17px; background:#fff; border-radius:50%; position:absolute; left:3px; top:3px; transition:.2s; box-shadow:0 2px 5px rgba(0,0,0,.2); }
.wa-auto-master-toggle input:checked+i,.wa-auto-switch input:checked+span { background:#b9975b; }.wa-auto-master-toggle input:checked+i:after,.wa-auto-switch input:checked+span:after { transform:translateX(17px); }
.wa-auto-layout { display:grid; grid-template-columns:245px minmax(0,1fr); min-height:520px; margin:18px; background:#fff; border:1px solid #e0e6ef; border-radius:17px; overflow:hidden; box-shadow:0 10px 35px rgba(15,31,62,.05); }
.wa-auto-sidebar { border-right:1px solid #e7ebf1; background:#f8fafc; padding:15px 11px; }
.wa-auto-side-head { display:flex; align-items:center; justify-content:space-between; padding:2px 7px 12px; }
.wa-auto-side-head b,.wa-auto-side-head small { display:block; }.wa-auto-side-head b { font-size:12px; }.wa-auto-side-head small { font-size:9px; color:#8a97aa; margin-top:2px; }
.wa-auto-side-head>button { width:28px; height:28px; border:1px solid #dfe5ed; border-radius:8px; background:#fff; color:#0d2854; font-size:18px; cursor:pointer; }
.wa-auto-rules { display:flex; flex-direction:column; gap:5px; }
.wa-auto-rule { width:100%; border:1px solid transparent; background:transparent; border-radius:11px; padding:9px; display:flex; align-items:center; gap:9px; text-align:left; color:#162743; cursor:pointer; font-family:inherit; }
.wa-auto-rule:hover { background:#fff; }.wa-auto-rule.is-on { background:#fff; border-color:#dce4ef; box-shadow:0 5px 13px rgba(15,31,62,.06); }
.wa-auto-rule-icon { width:32px; height:32px; border-radius:9px; display:flex; align-items:center; justify-content:center; background:#e7eef8; color:#244c85; flex-shrink:0; }.wa-auto-rule-icon.is-proprietario { background:#f5ead6; color:#8a672c; }.wa-auto-rule-icon.is-inquilino { background:#e4f2ec; color:#20705a; }.wa-auto-rule-icon.is-lead { background:#e6ecff; color:#3856a8; }
.wa-auto-rule-copy { min-width:0; flex:1; }.wa-auto-rule-copy strong,.wa-auto-rule-copy small { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }.wa-auto-rule-copy strong { font-size:10.5px; }.wa-auto-rule-copy small { font-size:8.5px; color:#8390a4; margin-top:3px; }
.wa-auto-dot { width:7px; height:7px; border-radius:50%; background:#cbd5e1; }.wa-auto-dot.is-on { background:#22a06b; box-shadow:0 0 0 3px #e1f6ed; }
.wa-auto-add { display:flex; align-items:center; justify-content:center; gap:6px; width:calc(100% - 8px); margin:12px 4px 0; border:1px dashed #bdc8d7; background:transparent; color:#4b5e78; border-radius:10px; padding:9px; font:800 10px inherit; cursor:pointer; }
.wa-auto-main { min-width:0; }.wa-auto-editor { padding:21px 23px 14px; }
.wa-auto-editor-head { display:flex; justify-content:space-between; align-items:center; gap:18px; padding-bottom:16px; border-bottom:1px solid #edf0f4; }
.wa-auto-editor-head>div { flex:1; min-width:0; }.wa-auto-editor-head>div>span { display:block; font-size:8px; letter-spacing:1.1px; font-weight:900; color:#9b7a3f; margin-bottom:4px; }.wa-auto-editor-head input { width:100%; border:0; padding:0; outline:0; color:#10213e; font:800 18px inherit; background:transparent; }
.wa-auto-switch { display:flex; align-items:center; gap:8px; cursor:pointer; }.wa-auto-switch input { position:absolute; opacity:0; }.wa-auto-switch b { font-size:10px; min-width:37px; }
.wa-auto-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:17px 0; }
.wa-auto-field>span,.wa-auto-compose-main>label { display:block; font-size:9px; font-weight:900; color:#40516a; margin-bottom:6px; text-transform:uppercase; letter-spacing:.35px; }
.wa-auto-field select,.wa-auto-field input { width:100%; box-sizing:border-box; border:1px solid #dce3ec; border-radius:9px; background:#fff; color:#172a47; padding:9px 10px; font:700 11px inherit; outline:none; min-height:36px; }
.wa-auto-field select:focus,.wa-auto-field input:focus,.wa-auto-compose textarea:focus { border-color:#9e7d42; box-shadow:0 0 0 3px rgba(185,151,91,.11); }
.wa-auto-field small { display:block; color:#8c98a9; font-size:8.5px; line-height:1.35; margin-top:5px; }.wa-auto-suffix { display:flex; }.wa-auto-suffix input { border-radius:9px 0 0 9px; }.wa-auto-suffix b { display:flex; align-items:center; padding:0 9px; border:1px solid #dce3ec; border-left:0; border-radius:0 9px 9px 0; background:#f6f8fb; color:#6e7d91; font-size:9px; }
.wa-auto-compose { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr); border:1px solid #e0e6ee; border-radius:13px; overflow:hidden; }
.wa-auto-compose-main { padding:15px; }.wa-auto-compose textarea { width:100%; min-height:154px; resize:vertical; box-sizing:border-box; border:1px solid #dbe2eb; border-radius:10px; padding:12px; outline:none; color:#172a47; font:500 12px/1.55 inherit; }
.wa-auto-vars { display:flex; flex-wrap:wrap; gap:5px; margin-top:9px; }.wa-auto-vars>span { width:100%; color:#8b96a7; font-size:8px; text-transform:uppercase; font-weight:800; }.wa-auto-vars button { border:1px solid #dfe4ec; background:#f7f9fb; color:#53657d; border-radius:6px; padding:4px 6px; font:700 8px/1 inherit; cursor:pointer; }.wa-auto-vars button:hover { border-color:#b9975b; color:#7c5d28; }
.wa-auto-preview { background:#f3f6f9; border-left:1px solid #e0e6ee; min-width:0; }.wa-auto-phone-head { height:43px; display:flex; align-items:center; gap:8px; padding:0 13px; background:#fff; border-bottom:1px solid #e5e9ef; }.wa-auto-phone-head span { width:25px; height:25px; border-radius:50%; background:linear-gradient(145deg,#183665,#b9975b); }.wa-auto-phone-head b { font-size:9px; color:#4b5d76; }
.wa-auto-wall { min-height:197px; padding:20px 12px; background-color:#e9e3da; background-image:radial-gradient(rgba(82,67,48,.05) 1px,transparent 1px); background-size:11px 11px; }.wa-auto-bubble { margin-left:auto; max-width:86%; background:#d9fdd3; color:#1b2a24; padding:9px 10px 6px; border-radius:10px 3px 10px 10px; font-size:10.5px; line-height:1.45; white-space:normal; box-shadow:0 1px 2px rgba(0,0,0,.09); }.wa-auto-bubble time { display:block; text-align:right; color:#6b7f71; font-size:7px; margin-top:4px; }
.wa-auto-editor-foot { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:12px; }.wa-auto-editor-foot>span { color:#8b97a8; font-size:8.5px; }.wa-auto-delete { display:flex; align-items:center; gap:6px; border:0; background:transparent; color:#b04444; padding:6px; font:800 9px inherit; cursor:pointer; }
.wa-auto-history { margin:0 18px 18px; background:#fff; border:1px solid #e0e6ef; border-radius:15px; padding:17px 19px; }.wa-auto-history-head { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-bottom:11px; }.wa-auto-history-head span { margin-bottom:4px; }.wa-auto-history-head h3 { margin:0; font-size:14px; }.wa-auto-history-head>small { color:#8b97a8; font-size:9px; }
.wa-auto-history-empty { padding:16px; border:1px dashed #d9e0e9; border-radius:10px; color:#8995a7; font-size:9px; text-align:center; }.wa-auto-history-list { display:flex; flex-direction:column; }.wa-auto-history-row { display:grid; grid-template-columns:27px 1fr auto; gap:9px; align-items:center; padding:8px 2px; border-top:1px solid #f0f2f5; }.wa-auto-history-row>span { width:22px; height:22px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#eff3f7; font-size:10px; font-weight:900; }.wa-auto-history-row>span.is-ok { color:#13835b; background:#e7f7f0; }.wa-auto-history-row>span.is-error { color:#bd3c3c; background:#fdecec; }.wa-auto-history-row strong,.wa-auto-history-row small { display:block; }.wa-auto-history-row strong { font-size:10px; }.wa-auto-history-row small { color:#8793a5; font-size:8px; margin-top:2px; }.wa-auto-history-row time { color:#8793a5; font-size:8px; }
.wa-auto-block { margin:0 18px 18px; background:#fff; border:1px solid #e0e6ef; border-radius:15px; padding:17px 19px; }
.wa-auto-block-head { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-bottom:6px; }
.wa-auto-block-head span { display:block; font-size:9px; line-height:1; letter-spacing:1.4px; font-weight:900; color:#d6b878; margin-bottom:6px; }
.wa-auto-block-head h3 { margin:0; font-size:14px; color:#0d1f4e; }
.wa-auto-block-head>small { color:#8b97a8; font-size:9px; font-weight:700; }
.wa-auto-block-lead { margin:0 0 12px; color:#6d7d92; font-size:11px; line-height:1.45; }
.wa-auto-block-search { display:flex; align-items:center; gap:8px; border:1px solid #dce3ec; border-radius:11px; padding:0 12px; background:#f8fafc; color:#64748b; }
.wa-auto-block-search:focus-within { border-color:#9e7d42; box-shadow:0 0 0 3px rgba(185,151,91,.11); background:#fff; }
.wa-auto-block-search input { flex:1; min-width:0; border:0; background:transparent; outline:0; padding:11px 0; font:700 12px inherit; color:#172a47; }
.wa-auto-block-results { margin-top:8px; max-height:240px; overflow:auto; border:1px solid #e7edf4; border-radius:12px; background:#fff; }
.wa-auto-block-hint { padding:14px 12px; color:#8b97a8; font-size:10px; text-align:center; }
.wa-auto-block-opt { width:100%; display:flex; align-items:center; gap:10px; border:0; border-bottom:1px solid #f1f4f8; background:#fff; padding:9px 12px; text-align:left; cursor:pointer; font-family:inherit; color:#162743; }
.wa-auto-block-opt:last-child { border-bottom:0; }
.wa-auto-block-opt:hover { background:#f8fafc; }
.wa-auto-block-opt.is-phone { background:#fbf8f2; }
.wa-auto-block-av { width:30px; height:30px; border-radius:50%; background:#e7eef8; color:#244c85; display:flex; align-items:center; justify-content:center; font:800 11px inherit; flex-shrink:0; }
.wa-auto-block-copy { min-width:0; flex:1; }
.wa-auto-block-copy strong,.wa-auto-block-copy small { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.wa-auto-block-copy strong { font-size:11px; }
.wa-auto-block-copy small { font-size:9px; color:#8390a4; margin-top:2px; }
.wa-auto-block-tag { display:inline-flex; margin-left:auto; padding:3px 6px; border-radius:999px; background:#eef2f7; color:#4b5e78; font:800 8px inherit; text-transform:uppercase; letter-spacing:.2px; }
.wa-auto-block-empty { padding:16px; border:1px dashed #d9e0e9; border-radius:10px; color:#8995a7; font-size:9px; text-align:center; margin-top:10px; }
.wa-auto-block-chips { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.wa-auto-block-chip { display:flex; align-items:center; gap:8px; padding:7px 8px 7px 11px; border-radius:11px; background:#f8eaea; border:1px solid #f0d4d4; color:#7a2d2d; }
.wa-auto-block-chip strong,.wa-auto-block-chip small { display:block; }
.wa-auto-block-chip strong { font-size:10px; }
.wa-auto-block-chip small { font-size:8px; color:#a15b5b; margin-top:1px; }
.wa-auto-block-chip button { width:22px; height:22px; border:0; border-radius:6px; background:transparent; color:#9b4545; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.wa-auto-block-chip button:hover { background:#f3d4d4; }
.wa-auto-block-chip.is-pessoal { background:#f5f3ff; border-color:#ddd6fe; color:#5b21b6; }
.wa-auto-block-chip.is-pessoal small { color:#7c3aed; }
.wa-auto-block-chip.is-pessoal em { font-size:8px; font-style:normal; font-weight:800; letter-spacing:.4px; text-transform:uppercase; color:#6d28d9; flex-shrink:0; padding:3px 6px; border-radius:6px; background:#ede9fe; }
.wa-auto-block-chip.is-pessoal.is-off { background:#f8f7fb; border-color:#e8e4f4; color:#6b6380; }
.wa-auto-block-chip.is-pessoal.is-off small { color:#8b83a0; }
.wa-auto-block-chip .wa-auto-switch { margin-left:2px; position:relative; }
.wa-auto-block-chip .wa-auto-switch span { width:34px; height:20px; }
.wa-auto-block-chip .wa-auto-switch span:after { width:14px; height:14px; }
.wa-auto-block-chip .wa-auto-switch input:checked+span:after { transform:translateX(14px); }
.wa-auto-savebar { position:absolute; z-index:4; left:0; right:0; bottom:0; display:flex; align-items:center; justify-content:space-between; gap:10px; background:rgba(255,255,255,.96); backdrop-filter:blur(10px); border-top:1px solid #dfe5ed; padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px)); }.wa-auto-savebar>span { display:flex; align-items:center; gap:7px; color:#6d7d92; font-size:9px; font-weight:700; }.wa-auto-savebar button { border:0; background:#0d2854; color:#fff; border-radius:9px; padding:10px 18px; font:800 10px inherit; cursor:pointer; box-shadow:0 5px 12px rgba(13,40,84,.2); }.wa-auto-savebar button.has-change { background:#9b7435; }.wa-auto-savebar button:disabled { opacity:.6; cursor:wait; }
.wa-auto-silence { margin:0 18px 18px; background:#fff; border:1px solid #e0e6ef; border-radius:15px; padding:17px 19px; }
.wa-auto-silence-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:6px; }
.wa-auto-silence-head span { display:block; font-size:9px; line-height:1; letter-spacing:1.4px; font-weight:900; color:#d6b878; margin-bottom:6px; }
.wa-auto-silence-head h3 { margin:0; font-size:14px; color:#0d1f4e; }
.wa-auto-silence-lead { margin:0 0 12px; color:#6d7d92; font-size:11px; line-height:1.45; }
.wa-auto-silence-field { max-width:280px; }
.wa-auto-silence-note { padding:12px; border:1px dashed #d9e0e9; border-radius:10px; color:#8995a7; font-size:10px; line-height:1.45; }
.wa-auto-loading,.wa-auto-error,.wa-auto-empty { min-height:300px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:7px; color:#213552; }.wa-auto-loading small,.wa-auto-error p,.wa-auto-empty p { color:#7c899d; font-size:10px; margin:0; }.wa-auto-spinner { width:25px; height:25px; border:3px solid #dae1e9; border-top-color:#b9975b; border-radius:50%; animation:waAutoSpin .8s linear infinite; }.wa-auto-error button,.wa-auto-empty button { border:0; background:#0d2854; color:#fff; border-radius:8px; padding:8px 12px; cursor:pointer; font-weight:800; }
@keyframes waAutoSpin { to { transform:rotate(360deg); } }
@media(max-width:780px){
  .wa-app-sheet:has(.wa-auto-sheet-card) { align-items:flex-end; padding:0; }
  .wa-auto-sheet-card { width:100%; max-height:92dvh; border-radius:22px 22px 0 0; }
  .wa-auto-hero { display:block; padding:20px 16px; }.wa-auto-hero h2 { font-size:21px; }.wa-auto-master { width:auto; margin-top:16px; }
  .wa-auto-layout { display:block; margin:10px; }.wa-auto-sidebar { border-right:0; border-bottom:1px solid #e7ebf1; }.wa-auto-rules { display:flex; flex-direction:row; overflow-x:auto; padding-bottom:4px; }.wa-auto-rule { min-width:205px; background:#fff; border-color:#e3e8ef; }.wa-auto-add { width:100%; margin:8px 0 0; }
  .wa-auto-editor { padding:16px 13px 12px; }.wa-auto-editor-head input { font-size:15px; }.wa-auto-grid { grid-template-columns:1fr; gap:10px; }.wa-auto-compose { grid-template-columns:1fr; }.wa-auto-preview { border-left:0; border-top:1px solid #e0e6ee; }.wa-auto-wall { min-height:130px; }.wa-auto-history,.wa-auto-block,.wa-auto-silence { margin:0 10px 12px; }.wa-auto-history-head>small,.wa-auto-block-head>small,.wa-auto-editor-foot>span,.wa-auto-savebar>span { display:none; }.wa-auto-history-row { grid-template-columns:27px 1fr; }.wa-auto-history-row time { grid-column:2; }.wa-auto-savebar button { width:100%; }.wa-auto { padding-bottom:67px; }
}