/* Server interface additions. Uses the JEWAN tokens from jewan-style.css (teal, deep, gold, smoke, ink, line). */
body.srv,body.pub{display:flex;flex-direction:column;min-height:100vh;background:#f5f7f6}
.srv-top,.pub-top{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:12px 24px;background:var(--white);border-bottom:1px solid var(--line)}
.srv-brand img,.pub-brand img{display:block;height:34px;width:auto}
.srv-nav,.pub-nav{display:flex;gap:6px;flex-wrap:wrap;flex:1}
.srv-nav a,.pub-nav a{padding:6px 10px;border-radius:8px;text-decoration:none;color:var(--deep);font-weight:600}
.srv-nav a[aria-current=page],.pub-nav a[aria-current=page]{background:var(--soft)}
.srv-who{color:var(--muted);display:flex;gap:10px;align-items:center}
.srv-main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:28px 24px}
.srv-main:focus{outline:none}
.srv-foot,.pub-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 24px;color:var(--muted);border-top:1px solid var(--line);background:var(--white)}
.srv-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin:0 0 18px}
.srv-narrow{max-width:440px;margin:40px auto}
.srv-muted{color:var(--muted)}
.srv-form label{display:block;font-weight:600;margin:12px 0 4px}
.srv-form input,.srv-form select,.srv-form textarea{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:var(--white)}
.srv-form textarea{min-height:90px}
.srv-form textarea.srv-code{font:12px/1.5 Consolas,monospace;min-height:160px}
.srv-check{display:flex;gap:8px;align-items:center;font-weight:400}
.srv-check input{width:auto}
.srv-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.srv-btn{border:1px solid var(--teal);background:var(--teal);color:var(--white);padding:9px 16px;border-radius:8px;font-weight:600}
.srv-btn.secondary{background:var(--white);color:var(--teal)}
.srv-btn.danger{background:var(--danger);border-color:var(--danger)}
.srv-link{background:none;border:0;color:var(--teal);text-decoration:underline;padding:0;font-weight:600}
.srv-table{width:100%;border-collapse:collapse}
.srv-table th,.srv-table td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.srv-table th{color:var(--muted);font-weight:600;font-size:12px}
.srv-badge{display:inline-block;padding:2px 8px;border-radius:99px;background:var(--smoke);font-size:11px;font-weight:600}
.srv-badge.ok{background:#e3f1ec;color:var(--deep)}
.srv-badge.warn{background:#fff3cf;color:#6b5400}
.srv-badge.bad{background:#f7e1e1;color:var(--danger)}
.srv-error{color:var(--danger);font-weight:600;margin-top:10px}
.srv-toast{position:fixed;right:18px;bottom:18px;max-width:420px;background:var(--deep);color:var(--white);padding:12px 16px;border-radius:10px;display:none}
.srv-toast.show{display:block}
.srv-toast.bad{background:var(--danger)}
.srv-section{border:1px solid var(--line);border-radius:10px;padding:14px;margin:12px 0;background:#fbfcfc}
.srv-section h4{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:0 0 8px}
.srv-codes{font:14px/1.8 Consolas,monospace;columns:2}
.srv-secret{font:14px Consolas,monospace;word-break:break-all;background:var(--smoke);padding:10px;border-radius:8px}
/* public site */
.pub-main{flex:1}
.pub-hero{background:var(--deep);color:var(--white);padding:56px 24px}
.pub-hero h1{color:var(--white)}
.pub-wrap{max-width:1040px;margin:0 auto;padding:0 24px}
.pub-section{padding:36px 0}
.pub-section.bg-soft{background:var(--soft)}
.pub-figures{background:var(--white);border-bottom:1px solid var(--line);padding:18px 0}
.pub-figures ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}
.pub-figures li{text-align:center}
.pub-figures strong{display:block;font-size:26px;color:var(--deep)}
.pub-figures a{font-size:12px}
.pub-notice{background:#fff3cf;color:#6b5400;padding:10px 24px;text-align:center;font-weight:600}
.pub-faq dt{font-weight:600;margin-top:12px}
.pub-hide-mobile{}
@media (max-width:720px){.pub-figures ul{grid-template-columns:repeat(2,minmax(0,1fr))}.pub-hide-mobile{display:none}.srv-main{padding:20px 16px}.srv-top,.pub-top{padding:10px 16px}}
@media (min-width:721px) and (max-width:1024px){.pub-hide-tablet{display:none}}
@media (min-width:1025px){.pub-hide-desktop{display:none}}