/* CRM/panel/public/styles.css — functional QA UI (plain, big-button) */
body{font-family:Arial,Helvetica,sans-serif;max-width:880px;margin:0 auto;padding:1rem;color:#222;line-height:1.4}
header{display:flex;gap:.6rem;align-items:center;border-bottom:1px solid #ddd;padding-bottom:.5rem;margin-bottom:1rem}
nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}
h2,h3,h4{margin:.4rem 0}
button{font-size:.92rem;padding:9px 14px;border:0;border-radius:6px;background:#e8eefc;color:#1a3a7a;cursor:pointer;margin:3px}
button:hover{filter:brightness(.97)}
.big{font-size:1.05rem;padding:13px 20px;background:#1a73e8;color:#fff}
.link{background:none;color:#1a73e8;text-decoration:underline;padding:0;margin:0}
.card{border:1px solid #e3e3e3;border-radius:10px;padding:14px;margin:10px 0;background:#fafbff}
label{display:block;margin:.45rem 0;font-size:.9rem}
input,select,textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:.95rem}
textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}
.badge{display:inline-block;padding:2px 9px;border-radius:10px;font-size:.78rem;background:#eef1f6;margin-left:5px}
.error{color:#b00020}
.hint{color:#888;font-size:.85rem}
.msg{font-size:.85rem;margin-left:6px}
.b-red{color:#b00020;font-weight:bold}
.b-amber{color:#b06f00;font-weight:bold}
iframe#pv{width:100%;height:340px;border:1px solid #ccc;border-radius:6px;background:#fff;margin-top:8px}
pre{background:#f3f4f6;padding:8px;border-radius:6px;overflow:auto;font-size:.8rem;white-space:pre-wrap}
ul{padding-left:1.2rem}
li{margin:.3rem 0}