/* Auto-replies (autoreply.js). The Desk's own colours and type; phone to wide screens. */
.ar-h{font:600 15px/1.2 var(--sans);margin:22px 2px 10px;color:var(--ink)}
.ar-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-bottom:8px}
.ar-card{margin:0;min-width:0}
.ar-card .panel-body{display:flex;flex-direction:column;gap:8px}
.ar-card p{margin:0}
.ar-later{opacity:.8}
.ar-steps{border:1px solid var(--line);background:var(--gold-wash);border-radius:var(--r);padding:8px 10px}
.ar-steps p{margin:0 0 4px}
.ar-steps ul,.ar-soon ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:3px}
.ar-soon summary{cursor:pointer;color:var(--ink-soft)}
.ar-login{border-top:1px solid var(--line);padding-top:8px;display:flex;flex-direction:column;gap:5px;min-width:0}
.ar-login-head{display:flex;align-items:center;gap:8px;justify-content:space-between;min-width:0}
.ar-login-head b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ar-accts{margin:0;padding-left:18px;font-size:13.5px}
.ar-btns{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:4px}
.ar-note{color:var(--ink-soft);background:var(--green-wash);border-radius:8px;padding:6px 9px;margin:0 0 8px}
.ar-bad{color:var(--red)}
.ar-mode .ar-mode-body{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ar-mode .ar-mode-body > div:not(.ar-cap){flex:1 1 260px;min-width:0}
.ar-mode p{margin:2px 0 0}
.ar-mode.on{border-color:var(--gold)}
.ar-cap{margin:0;width:190px}
.ar-cap input{width:90px}
.ar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.ar-inline{display:flex;align-items:center;gap:8px}
.ar-inline input{width:90px}
.ar-pubs,.ar-editor fieldset{border:0;padding:0;margin:0 0 14px;min-width:0}
.ar-editor legend{font-weight:600;font-size:14px;margin-bottom:6px;padding:0}
.ar-pub{display:flex;gap:8px;align-items:flex-start;margin-bottom:6px}
.ar-pub textarea{flex:1;min-width:0}
.ar-buttons{display:flex;flex-direction:column;gap:6px;margin:8px 0}
.ar-btnrow{gap:6px}
.ar-posts{display:flex;flex-direction:column;gap:4px;margin-top:6px;max-height:220px;overflow:auto}
.ar-suggest{border:1px dashed var(--line-strong);border-radius:var(--r);padding:8px 10px;margin-top:8px}
.ar-suggest p{margin:0 0 6px}
.ar-sug{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:3px 0}
.ar-rule{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center}
.ar-rule-main{display:flex;flex-direction:column;gap:2px;min-width:0}
.ar-log{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:10px;align-items:start}
.ar-what{display:flex;flex-direction:column;gap:3px;min-width:0;overflow-wrap:anywhere}
.ar-what p{margin:0}
.ar-what q{color:var(--ink-soft)}
.ar-approve{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.ar-result{border-radius:var(--r);padding:10px 12px;background:var(--card-2);margin-top:10px}
.ar-result.ok{background:var(--green-wash)}
.ar-result p{margin:0 0 4px}
.ar-test .chips,.ar-log .chips{flex-wrap:wrap}
@media (max-width:640px){
  .ar-grid{grid-template-columns:minmax(0,1fr)}
  .ar-rule{grid-template-columns:minmax(0,1fr) auto}
  .ar-rule .ar-btns{grid-column:1 / -1}
  .ar-log{grid-template-columns:minmax(0,1fr) auto}
  .ar-log .ar-when{grid-column:1 / -1}
  .ar-cap{width:100%}
  .ar-cards{grid-template-columns:minmax(0,1fr)}
}