/* Outils prives (/code-premium) : en-tete compte, cartes d'outils, formulaire SMS. */
.private { max-width: 640px; }
.private > h1 { font-size: clamp(30px, 4vw, 44px); margin-bottom: 12px; }
.private__bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;
  margin-bottom: 28px; }
.private__bar p { margin: 0; color: var(--muted); font-size: 15px; overflow-wrap: anywhere; }
.private__bar .btn--ghost { padding: 9px 16px; font-size: 14px; }
.private__bar .btn[hidden] { display: none; }
.tool-card { border: 1px solid var(--line); border-radius: var(--radius); padding: 22px; margin: 0 0 20px;
  background: var(--bg); }
.tool-card h2 { font-size: 22px; letter-spacing: -.02em; margin: 0 0 4px; }
.tool-card__sub { margin: 0 0 16px; color: var(--muted); font-size: 14px; }
.sms-form__head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 6px; }
.sms-form__head label { font-weight: 650; font-size: 15px; }
.sms-form__count { color: var(--muted); font-size: 13px; font-variant-numeric: tabular-nums; }
.sms-form textarea { display: block; width: 100%; min-height: 110px; padding: 12px 14px; resize: vertical;
  border: 1px solid var(--line); border-radius: 12px; background: var(--bg-alt); color: var(--ink);
  font: inherit; font-size: 16px; line-height: 1.45; }
.sms-form__field { position: relative; }
.sms-form__field textarea { padding-right: 44px; }
.sms-form__clear { position: absolute; top: 8px; right: 8px; width: 28px; height: 28px; padding: 0; border: 0;
  border-radius: 50%; background: var(--line); color: var(--muted); font-size: 18px; line-height: 1; cursor: pointer; }
.sms-form__clear[hidden] { display: none; }
.sms-form textarea:focus { outline: 2px solid var(--green); outline-offset: 1px; }
.sms-form__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 14px; }
.sms-form__actions .btn { width: 100%; padding: 13px 12px; }
.sms-form__actions .btn:disabled { opacity: .55; }
.sms-form__status { min-height: 1.4em; margin: 12px 0 0; font-size: 15px; color: var(--muted); }
.sms-form__status:empty { display: none; }
.tool-links { list-style: none; padding: 0; margin: 0; }
.tool-links li + li { border-top: 1px solid var(--line); }
.tool-links a { display: block; padding: 12px 0; }
.tool-links small { display: block; color: var(--muted); }