/* The signed-in app's own pieces, on top of pricelist.css. */
.appbar{background:var(--surface);border-bottom:1px solid var(--line)}
.appbar .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding-top:10px;padding-bottom:10px}
.appbar .logo{font-family:var(--serif);font-size:20px;color:var(--ink);text-decoration:none;margin-right:auto}
.appbar a,.appbar .linkish{color:var(--ink-2);font-size:14px;text-decoration:none;background:none;border:0;padding:0;cursor:pointer;font-family:inherit}
.appbar a:hover,.appbar .linkish:hover{color:var(--primary)}
.appbar select{font-size:14px;padding:6px 8px;border:1px solid var(--line-2);border-radius:6px;background:var(--surface);color:var(--ink);max-width:260px}
.appbar form{margin:0;display:inline}

.card{max-width:480px;margin:56px auto;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:28px;box-shadow:var(--shadow)}
.card.wide{max-width:720px}
.card h1{font-size:30px;margin:0 0 10px}
.card p{color:var(--ink-2);line-height:1.55}
.card .field{margin:14px 0}
.card .field input,.card .field select{width:100%}
.card .btn{margin-top:6px}
.card .err{color:var(--attn);background:var(--attn-soft);padding:10px 12px;border-radius:6px}
.card .fine{font-size:13px;color:var(--ink-3)}
.card table{width:100%;border-collapse:collapse;margin:8px 0 18px}
.card td,.card th{text-align:left;padding:9px 6px;border-bottom:1px solid var(--line);font-size:14px}
.card th{font-weight:600;color:var(--ink-3);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.card h2{font-size:20px;margin:26px 0 6px}

.saved{font-size:13px;color:var(--ink-3);align-self:flex-end;padding-bottom:10px;min-width:9em}
.saved.bad{color:var(--attn)}
.copyform{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin:0}
.copyform select{font-size:14px;padding:9px 8px;border:1px solid var(--line-2);border-radius:6px;background:var(--surface);color:var(--ink)}
@media print{.appbar{display:none}}
.appbar .linkish.danger,.card .linkish.danger{color:var(--attn);background:none;border:0;padding:0;cursor:pointer;font:inherit;font-size:14px}
.card a{color:var(--primary)}
.card a.btn{text-decoration:none}
.card a.btn:not(.ghost){color:var(--on-primary)}

/* Publishing: the strip at the top of the editor, and the publishing page. */
.pubbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin-bottom:16px}
.pubbar>span{margin-right:auto;font-size:14px}
.pubbar form{margin:0}
.pubbar a:not(.btn){color:var(--primary);font-size:14px}
.pubbar a.btn{text-decoration:none}
.chip{display:inline-block;font-size:12px;font-weight:600;color:var(--attn);background:var(--attn-soft);border-radius:99px;padding:2px 9px;margin-left:6px}
.chip[hidden]{display:none}
.card .eyebrow{margin-bottom:2px}
.card h3{font-size:16px;margin:20px 0 4px}
.card .ok{color:var(--primary-ink);background:var(--primary-soft);padding:10px 12px;border-radius:6px}
.copyrow{display:flex;flex-wrap:wrap;gap:8px}
.copyrow input{flex:1 1 240px;width:auto !important}
.copyrow .btn,.card textarea+.btn{margin-top:0}
.card textarea{width:100%;font:12.5px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;padding:9px 10px;border:1px solid var(--line-2);border-radius:6px;background:var(--surface-2);color:var(--ink);resize:vertical;margin-bottom:8px}
@media print{.pubbar{display:none}}
.card .field>.btn{align-self:flex-start}