/* FOURMI THINK — Professor: modelos de pacote (teacher-pack-templates.js). Verde #053d2e, dourado #d4a853. */
/* Serviços → Pacotes de aulas → Meus modelos */
.tpt-sec{display:flex;flex-direction:column;gap:8px;margin:4px 0 6px}
.tpt-sec-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.tpt-sec-head>span,.tpt-sub-label{margin:0;color:#5d6b65;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.tpt-sub-label{margin-top:6px}
.tpt-new{min-height:36px;padding:0 14px;border:0;border-radius:999px;background:#053d2e;color:#e8cf95;font:inherit;font-size:.82rem;font-weight:800;cursor:pointer}
.tpt-empty{margin:0;padding:12px;border:1px dashed #d9c48f;border-radius:14px;background:#fffdf8;color:#5d6b65;font-size:.85rem;line-height:1.45}
.tpt-camp{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid #e9e1cf;border-radius:16px;background:#fff;color:#13261f}
.tpt-camp.is-dated{border-color:#1b1b1b;background:linear-gradient(160deg,#1d1d1b,#0e0e0d);color:#fffdf8}
.tpt-camp-head{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.tpt-camp-head strong{font-family:Literata,Georgia,serif;font-size:1.05rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tpt-pill{flex:none;padding:3px 9px;border-radius:999px;background:#f6ead0;color:#7a5a17;font-size:.7rem;font-weight:800;border:1px solid #e7cf93}
.tpt-opts{display:flex;flex-direction:column;gap:4px}
.tpt-o{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:10px;background:#f7f3ea;font-size:.82rem}
.tpt-o b{color:#053d2e;font-variant-numeric:tabular-nums;white-space:nowrap}
.tpt-camp.is-dated .tpt-o{background:rgba(255,255,255,.08)}
.tpt-camp.is-dated .tpt-o b{color:#d4a853}
.tpt-camp-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}
.tpt-camp-foot small{color:#5d6b65;font-size:.75rem}
.tpt-camp.is-dated .tpt-camp-foot small{color:#c9bfa6}
.tpt-link{min-height:36px;padding:0 4px;border:0;background:none;color:#8a6a24;font:inherit;font-size:.82rem;font-weight:800;cursor:pointer}
.tpt-camp.is-dated .tpt-link{color:#e8cf95}
.tpt-ended{border:1px solid #e9e1cf;border-radius:14px;background:#fff;padding:0 12px}
.tpt-ended summary{min-height:44px;display:flex;align-items:center;color:#5d6b65;font-size:.85rem;font-weight:700;cursor:pointer}
.tpt-ended-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid #efe9db}
.tpt-ended-row strong{display:block;font-size:.9rem}.tpt-ended-row small{color:#5d6b65;font-size:.75rem}
.tpt-new:focus-visible,.tpt-link:focus-visible,.tpt-camp-head:focus-visible,.tpt-ended summary:focus-visible{outline:3px solid #d4a853;outline-offset:2px}
/* Editor (#tpt-dialog usa a folha premium) */
.tpt-body{gap:8px}
.tpt-input{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--tsh-line);border-radius:14px;background:#fff;color:var(--tsh-ink);font:inherit;font-size:1rem}
.tpt-input:focus{outline:none;border-color:var(--tsh-gold);box-shadow:0 0 0 3px rgba(212,168,83,.25)}
.tpt-chips{display:flex;flex-wrap:wrap;gap:6px}
.tpt-chip{min-height:38px;padding:0 14px;border:1px solid var(--tsh-line,#e9e1cf);border-radius:999px;background:#fff;color:#13261f;font:inherit;font-size:.85rem;font-weight:700;cursor:pointer}
.tpt-chip[aria-pressed="true"]{background:#053d2e;border-color:#053d2e;color:#d4a853}
.tpt-optlist{display:flex;flex-direction:column;gap:8px}
.tpt-opt{position:relative;display:grid;grid-template-columns:32px minmax(0,.8fr) minmax(0,1.2fr);gap:8px;align-items:end;padding:10px 12px;border:1px solid var(--tsh-line);border-radius:16px;background:#fff}
.tpt-l{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#053d2e;color:#d4a853;font-weight:800;align-self:center}
.tpt-f{display:flex;flex-direction:column;gap:3px;min-width:0}
.tpt-f small{color:var(--tsh-muted);font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.tpt-f input,.tpt-f select{width:100%;min-height:42px;padding:8px 10px;border:1px solid var(--tsh-line);border-radius:12px;background:#fffdf8;color:var(--tsh-ink);font:inherit;font-size:1rem;min-width:0}
.tpt-f input:focus,.tpt-f select:focus{outline:none;border-color:var(--tsh-gold);box-shadow:0 0 0 3px rgba(212,168,83,.25)}
.tpt-money{display:flex;align-items:center;gap:6px}
.tpt-money>span{color:var(--tsh-green);font-weight:800;white-space:nowrap}
.tpt-f.is-valid{grid-column:2/4}
.tpt-per{grid-column:2/4;color:#8a6a24;font-size:.78rem;font-weight:800;min-height:1em}
.tpt-rm{position:absolute;top:6px;right:6px;width:32px;height:32px;border:0;border-radius:50%;background:#f7f3ea;color:#a3341f;font-size:1.1rem;cursor:pointer}
.tpt-opt:has(.tpt-rm){padding-right:44px}
.tpt-add{min-height:44px}
.tpt-err{margin:0;color:#a3341f;font-size:.85rem;font-weight:700;min-height:1em}
.tpt-err:empty{display:none}
.tpt-chip:focus-visible,.tpt-rm:focus-visible{outline:3px solid #d4a853;outline-offset:2px}
/* Folha "Pacote para …": modelo ou personalizado */
.tpt-picklist{display:flex;flex-direction:column;gap:8px}
.tpt-pick{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:10px 12px;border:1px solid var(--tsh-line);border-radius:16px;background:#fff;color:var(--tsh-ink);font:inherit;text-align:left;cursor:pointer}
.tpt-pick-main strong{display:block;font-size:.95rem}
.tpt-pick-main small,.tpt-pick-v small{display:block;color:var(--tsh-muted);font-size:.75rem}
.tpt-pick-v{text-align:right}
.tpt-pick-v b{color:var(--tsh-green);font-variant-numeric:tabular-nums}
.tpt-pick:hover,.tpt-pick:focus-visible{border-color:var(--tsh-gold);box-shadow:0 0 0 3px rgba(212,168,83,.22);outline:none}
.tpt-or{display:flex;align-items:center;gap:8px;margin:2px 0 0;color:var(--tsh-muted);font-size:.8rem;font-weight:700}
.tpt-or::before,.tpt-or::after{content:"";flex:1;height:1px;background:var(--tsh-line)}
/* Atalho "Criar modelo sem aluno" na folha Criar pacote */
.tpt-tplrow{border-style:dashed;border-color:#d9c48f;background:#fffaf0;margin-bottom:8px}
.tpt-tplrow .tpe-av{background:#053d2e;color:#d4a853;font-size:1.2rem}
/* Enviar oferta */
.tpt-msg{padding:10px 12px;border:1px solid #bfe3cb;border-radius:14px;background:#e9f7ee;color:#1d3b2c;font-size:.85rem;line-height:1.45}
.tpt-offer-row{cursor:default}
.tpt-wa{flex:none;display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:#053d2e;color:#d4a853;font-size:.82rem;font-weight:800;text-decoration:none}
.tpt-wa.is-sent{background:#e4f3ea;color:#0a7a52}
.tpt-wa:focus-visible{outline:3px solid #d4a853;outline-offset:2px}