/* Agenda de fechamentos */
#appView .ag-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:8px 0 14px;margin-bottom:14px;border-bottom:1px solid var(--line)}
#appView .ag-head h2{margin:4px 0 2px;font-size:var(--page-title-size,30px);letter-spacing:-.04em;color:var(--text-1)}
#appView .ag-head p{margin:0;color:var(--text-3);font-size:13px}
#appView .ag-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
#appView .ag-seller select{min-width:210px}
#appView .ag-month{display:flex;align-items:center;gap:2px;height:40px;padding:0 4px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
#appView .ag-month b{min-width:136px;text-align:center;font-size:14px;color:var(--text-1)}
#appView .ag-month button{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--text-2);cursor:pointer}
#appView .ag-month button:hover{background:var(--accent-soft,#F6F9FE);color:var(--accent-text)}
#appView .ag-month svg{width:16px;height:16px}
#appView .ag-new{height:40px;display:inline-flex;align-items:center;gap:6px;padding:0 15px;border:0;border-radius:10px;background:var(--orange);color:var(--on-accent,#fff);font-weight:650;font-size:13.5px;cursor:pointer;background-image:var(--accent-grad)}
#appView .ag-new:hover{background:#1248BD}
#appView .ag-new svg{width:16px;height:16px}
#appView .ag-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 10px;font-size:12px;color:var(--text-3)}
#appView .ag-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}
#appView .ag-legend-note{margin-left:auto}
.ag-legend i.todo,.ag-ev.todo i{background:#E2A03F}
.ag-legend i.won,.ag-ev.won i{background:#0D8152}
.ag-legend i.lost,.ag-ev.lost i{background:#D2454E}
#appView .ag-cal{border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}
#appView .ag-week,#appView .ag-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
#appView .ag-week span{padding:10px 12px;font:600 10.5px var(--font-secondary);letter-spacing:.12em;color:var(--text-3);text-transform:uppercase;background:var(--surface-2);border-bottom:1px solid var(--line)}
#appView .ag-day{min-width:0;min-height:118px;padding:8px;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);cursor:pointer;display:flex;flex-direction:column;gap:4px;outline:0}
#appView .ag-day:nth-child(7n){border-right:0}
#appView .ag-day:hover,#appView .ag-day:focus-visible{background:var(--accent-soft,#FDFEFF)}
#appView .ag-day.out{background:var(--surface-2)}
#appView .ag-day-open{min-width:26px;height:26px;padding:0 4px;margin:-4px 0 0 -4px;border:0;border-radius:50%;background:none;font:inherit;font-weight:700;color:inherit;cursor:pointer;display:grid;place-items:center}
#appView .ag-day-open:focus-visible{outline:2px solid var(--orange);outline-offset:1px}
#appView .ag-day.out .ag-n .ag-day-open{color:var(--text-3);font-weight:500}
#appView .ag-n{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;color:var(--text-1)}
#appView .ag-day.today .ag-n .ag-day-open{width:26px;margin:-4px 0 0 0;background:#1042AF;color:#fff}
#appView .ag-add{opacity:0;width:22px;height:22px;display:grid;place-items:center;border-radius:6px;color:var(--orange);transition:opacity .12s}
#appView .ag-add svg{width:14px;height:14px}
#appView .ag-day:hover .ag-add,#appView .ag-day:focus-visible .ag-add{opacity:1;background:var(--accent-soft-2,#E3EBFC)}
#appView .ag-ev{width:100%;min-width:0;display:flex;align-items:center;gap:6px;padding:4px 7px;border:0;border-radius:7px;font:600 12px var(--font-primary);color:var(--text-1);text-align:left;cursor:pointer}
#appView .ag-ev span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#appView .ag-ev i{flex:none;width:7px;height:7px;border-radius:50%}
#appView .ag-ev em{flex:none;font-style:normal;font-size:9.5px;font-weight:800;color:var(--text-3)}
#appView .ag-ev small{flex:none;font-size:10.5px;font-weight:700;color:var(--text-3)}
#appView .ag-ev.todo{background:#FFF4DB}#appView .ag-ev.won{background:#E6F6EE}#appView .ag-ev.lost{background:#FDECEE}
#appView .ag-ev:hover{filter:brightness(.97)}
#appView .ag-more{font-size:11.5px;font-weight:700;color:var(--accent-text);padding-left:4px}
html[data-theme="dark"] #appView .ag-ev.todo{background:rgba(226,160,63,.16)}
html[data-theme="dark"] #appView .ag-ev.won{background:rgba(76,195,138,.16)}
html[data-theme="dark"] #appView .ag-ev.lost{background:rgba(255,123,123,.16)}

/* Janela do dia */
.modal-stage.ag-stage{width:min(100%,900px)}
.ag-modal{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);max-height:88vh;overflow:hidden;border-radius:18px;background:var(--surface);box-shadow:0 30px 70px rgba(13,30,51,.35)}
.ag-list{display:flex;flex-direction:column;gap:8px;padding:20px;background:var(--surface-2);border-right:1px solid var(--line);overflow:auto}
.ag-list h3,.ag-form h3{margin:2px 0 8px;font-size:18px;color:var(--text-1)}
.ag-k{font:600 10.5px var(--font-secondary);letter-spacing:.14em;color:var(--accent-text);text-transform:uppercase}
.ag-items{display:grid;gap:8px}
.ag-item{display:grid;gap:3px;width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);text-align:left;cursor:pointer;font-family:var(--font-primary)}
.ag-item:hover{border-color:var(--accent-line,#A8BFF0)}
.ag-item.on{border-color:var(--orange);box-shadow:0 0 0 3px rgba(19,79,208,.12)}
.ag-item b{font-size:14px;color:var(--text-1)}
.ag-item .meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-3)}
.ag-item .meta svg{width:13px;height:13px}
.ag-item .tag{justify-self:start;margin-top:5px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700}
.tag.todo{background:#FFF4DB;color:#96620F}.tag.won{background:#E6F6EE;color:#0D8152}.tag.lost{background:#FDECEE;color:#BD343D}
.ag-empty{margin:4px 0;font-size:13px;color:var(--text-3)}
.ag-add-day{width:100%;height:40px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px dashed var(--accent-line,#A8BFF0);border-radius:10px;background:transparent;color:var(--accent-text);font:650 13px var(--font-primary);cursor:pointer}
.ag-add-day.on,.ag-add-day:hover{background:var(--accent-soft,#F6F9FE)}
.ag-add-day svg{width:15px;height:15px}
.ag-form{position:relative;padding:20px;overflow:auto}
.ag-close{position:absolute;right:14px;top:14px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:var(--text-2);cursor:pointer}
.ag-close:hover{background:var(--surface-2)}
.ag-owner{display:flex;align-items:center;gap:6px;margin:-4px 0 10px;font-size:12.5px;color:var(--text-3)}
.ag-owner svg{width:14px;height:14px}
.ag-f{display:grid;gap:6px;margin-bottom:12px}
.ag-f>span{font:600 10.5px var(--font-secondary);letter-spacing:.12em;color:var(--text-3);text-transform:uppercase}
.ag-f input,.ag-f textarea{width:100%;min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text-1);font:500 14px var(--font-primary)}
.ag-f textarea{padding:10px 12px;line-height:1.45;resize:vertical}
.ag-f input:focus,.ag-f textarea:focus{outline:0;border-color:var(--orange);box-shadow:0 0 0 3px rgba(19,79,208,.12)}
.ag-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ag-phone{position:relative}
.ag-phone input{padding-right:44px}
.ag-wa{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#E6F6EE;color:#0D8152}
.ag-wa svg{width:16px;height:16px}
.ag-try{display:flex;align-items:center;gap:10px}
.ag-try .cnt{flex:none;display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.ag-try .cnt button{width:38px;height:40px;border:0;background:var(--surface-2);font-size:18px;color:var(--text-1);cursor:pointer}
.ag-try .cnt button:hover{background:var(--accent-soft,#F6F9FE);color:var(--accent-text)}
.ag-try .cnt b{min-width:40px;text-align:center;font-size:16px;color:var(--text-1)}
.ag-try .ag-note{flex:1}
.ag-hist{display:grid;gap:4px;font-size:12px;color:var(--text-3)}
.ag-hist:empty{display:none}
.ag-hist span{display:flex;gap:6px;align-items:center}
.ag-hist i{flex:none;width:6px;height:6px;border-radius:50%;background:var(--navy-40)}
.ag-seg{display:flex;gap:6px}
.ag-seg button{flex:1;height:38px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font:650 12.5px var(--font-primary);color:var(--text-2);cursor:pointer}
.ag-seg button.todo.on{border-color:#E2A03F;background:#FFF4DB;color:#96620F}
.ag-seg button.won.on{border-color:#0D8152;background:#E6F6EE;color:#0D8152}
.ag-seg button.lost.on{border-color:#D2454E;background:#FDECEE;color:#BD343D}
.ag-foot{display:flex;align-items:center;gap:8px;margin-top:6px;padding-top:14px;border-top:1px solid var(--line)}
.ag-foot>span{flex:1}
.ag-del{height:40px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:#BD343D;font:650 13.5px var(--font-primary);cursor:pointer}
.ag-del:hover{background:#FDECEE;border-color:transparent}
html[data-theme="dark"] .tag.todo,html[data-theme="dark"] .ag-seg button.todo.on{background:rgba(226,160,63,.16);color:#F3C77A}
html[data-theme="dark"] .tag.won,html[data-theme="dark"] .ag-seg button.won.on{background:rgba(76,195,138,.16);color:#7FDCAE}
html[data-theme="dark"] .tag.lost,html[data-theme="dark"] .ag-seg button.lost.on{background:rgba(255,123,123,.16);color:#FFA3A3}
@media (max-width:900px){
  #appView .ag-head{flex-direction:column;align-items:stretch}
  #appView .ag-tools{justify-content:flex-start}
  #appView .ag-legend-note{display:none}
  #appView .ag-week span{padding:8px 4px;text-align:center;letter-spacing:.04em}
  #appView .ag-day{min-height:74px;padding:5px}
  #appView .ag-ev span,#appView .ag-ev small,#appView .ag-ev em{display:none}
  #appView .ag-ev{width:auto;padding:4px}
  .ag-modal{grid-template-columns:1fr;max-height:90vh;overflow:auto}
  .ag-list{border-right:0;border-bottom:1px solid var(--line);overflow:visible}
  .ag-form{overflow:visible}
  .ag-2{grid-template-columns:1fr}
}