.pf .hd .out{margin-left:8px;flex:none}
.pf h1{font:900 24px/1.3 "Noto Serif TC",serif}
.flash{background:var(--sea-tint);color:var(--sea);border-radius:var(--r-s);padding:10px 14px;margin-bottom:14px;font-weight:600}
.site-card{display:flex;flex-direction:column;gap:10px}
.site-card .top{display:flex;gap:12px;align-items:center}
.site-card .top img{width:40px;height:40px;flex:none}
.site-card .top h3{font-size:18px}
.site-card .acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:4px}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;background:var(--faint);vertical-align:middle}
.dot.go{background:var(--go)} .dot.hold{background:#d08a1a} .dot.stop{background:var(--stop)}
.chk{list-style:none;margin:0;padding:0;font-size:14px}
.chk li{display:flex;gap:8px;align-items:center;padding:5px 0;border-top:1px solid var(--line)}
.chk li:first-child{border-top:0}
.chk li span:last-child{margin-left:auto;color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:13px;white-space:nowrap}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0 4px}
.tabs a{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line);text-decoration:none;color:var(--muted);background:var(--raised);font-weight:600;font-size:14px}
.tabs a.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.form{display:grid;gap:14px;max-width:720px}
.form label{display:grid;gap:6px;font-size:14px;font-weight:600}
.form input[type=text],.form input[type=date],.form input[type=url],.form input[type=password],.form textarea,.form select{font:inherit;font-weight:400;padding:8px 10px;border:1px solid var(--line-strong);border-radius:var(--r-s);background:#fff;min-height:36px;width:100%}
.form textarea{min-height:140px;resize:vertical}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:560px){.form .row{grid-template-columns:1fr}}
.form .inline{display:flex;gap:8px;align-items:center;font-weight:500}
.bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}
.bar .sp{flex:1}
.ptbl td .tag{margin-right:4px}
.ptbl tr.off td{color:var(--faint)}
.login{max-width:380px;margin:8vh auto 0}
.login .card{padding:24px}
.login .brand{margin-bottom:16px}
.err{color:var(--stop);font-weight:600;font-size:14px}