/* ---------------------------------------------------------------
   My documents, and the public check
   --------------------------------------------------------------- */
.doc-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:0 0 1.4rem}
.doc-tabs a{padding:.45rem 1rem;border:1px solid var(--border);border-radius:99px;
  text-decoration:none;color:var(--secondary);font-size:.88rem;background:#fff}
.doc-tabs a.on{background:var(--secondary);border-color:var(--secondary);color:#fff}
.doc-tabs a b{color:var(--primary-dark);margin-left:.2rem}
.doc-tabs a.on b{color:#ff9b9b}

.doc-list{display:grid;gap:.9rem}
.doc{background:#fff;border:1px solid var(--border);border-radius:.9rem;padding:1.1rem 1.3rem}
.doc.is-withdrawn{opacity:.72;background:#fafbfc}
.doc.is-old{opacity:.72}
.doc-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;flex-wrap:wrap}
.doc h2{font-size:1.05rem;margin:0 0 .2rem}
.doc h2 .v{font:600 .72rem var(--font);color:var(--muted-fg);margin-left:.4rem}
.doc .meta{margin:0;color:var(--muted-fg);font-size:.84rem}
.doc .meta code{background:var(--muted);padding:1px 6px;border-radius:4px;font-size:.8rem}
.doc .badge{background:#eef6ff;color:#1d4ed8;padding:1px 8px;border-radius:99px;font-size:.76rem}
.status{font:700 10px ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;
  padding:3px 10px;border-radius:99px;background:var(--muted);color:var(--muted-fg);white-space:nowrap}
.status.s-issued{background:#ecfdf5;color:#047857}
.status.s-withdrawn{background:#fef2f2;color:#b91c1c}
.status.s-superseded{background:#fffbeb;color:#b45309}
.withdrawn-note{margin:.7rem 0 0;font-size:.88rem;color:#b91c1c}
.doc-acts{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-top:.9rem}
.doc-acts .withdraw summary{cursor:pointer;color:var(--muted-fg);font-size:.84rem;
  padding:.35rem .7rem;border:1px solid var(--border);border-radius:.4rem;list-style:none}
.doc-acts .withdraw[open] summary{color:var(--primary-dark)}
.doc-acts .withdraw form{margin-top:.7rem;max-width:34rem}
.doc-acts .withdraw input[type=text]{width:100%;padding:.5rem .7rem;border:1px solid var(--border);
  border-radius:.4rem;margin-bottom:.5rem;font-size:.9rem}

.mailbox{position:fixed;inset:0;background:rgba(2,8,23,.55);display:flex;align-items:center;
  justify-content:center;padding:1.2rem;z-index:400}
.mailbox[hidden]{display:none}
.mailbox-inner{background:#fff;border-radius:1rem;padding:1.6rem;max-width:30rem;width:100%;
  max-height:90vh;overflow:auto}
.mailbox-inner h2{margin:0 0 .3rem;font-size:1.15rem}
.mailbox-inner label{display:block;margin:.9rem 0 0;font-size:.9rem;font-weight:600}
.mailbox-inner .opt{font-weight:400;color:var(--muted-fg)}
.mailbox-inner input,.mailbox-inner textarea{width:100%;padding:.6rem .8rem;margin-top:.25rem;
  border:1px solid var(--border);border-radius:.45rem;font:.93rem var(--font)}
.mailbox-acts{display:flex;gap:.6rem;margin-top:1.2rem}

.verify-form{display:flex;gap:.6rem;flex-wrap:wrap;margin:0 0 1.6rem}
.verify-form input{flex:1;min-width:200px;padding:.75rem 1rem;border:1px solid var(--border);
  border-radius:.5rem;font:600 1rem ui-monospace,Menlo,monospace;text-transform:uppercase}
.vresult{border-radius:.9rem;padding:1.4rem 1.6rem;margin:0 0 1.2rem;border:1px solid}
.vresult h2{margin:0 0 .5rem;font-size:1.2rem}
.vresult.good{background:#ecfdf5;border-color:#a7f3d0} .vresult.good h2{color:#047857}
.vresult.warn{background:#fffbeb;border-color:#fde68a} .vresult.warn h2{color:#b45309}
.vresult.bad{background:#fef2f2;border-color:#fecaca}  .vresult.bad h2{color:#b91c1c}
.vresult dl{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1.2rem;margin:.8rem 0 0}
.vresult dt{color:var(--muted-fg);font-size:.88rem}
.vresult dd{margin:0;font-weight:600}