/* styles.css */
body { font-family: "Noto Sans", "Arial", sans-serif; background:#f7f7f8; color:#222; margin:0; }
.container { max-width:1100px; margin:0 auto; }
.header { text-align:center; margin-bottom:20px; }
.card { /*background:#fff; border-radius:6px;*/ /*padding:15px; box-shadow:0 1px 3px rgba(0,0,0,0.06); */}
.table { width: 100%; border-collapse:collapse; margin-bottom: 10px; border-style: solid;border-color: inherit;
    border-width: 0; }
.table th, .table td { padding:12px 10px; border:1px solid #e8e8e8; text-align:left; }
.table th { background:#9b0b0b; color:#fff; font-size:20px; }
.actions a { margin-right:8px; text-decoration:none; color:#0066cc; }
.topbar { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
.btn { display:inline-block; padding:8px 12px; border-radius:5px; background:#9b0b0b; color:#fff; text-decoration:none; border: none !important }
.form-row { margin-bottom:10px; }
label { display:block; margin-bottom:6px; }
input[type="text"] { width:100%; padding:8px; box-sizing:border-box; }
.notice { padding:10px; background:#fff3cd; border:1px solid #ffeeba; margin-bottom:12px; }
.logout { text-decoration:none; color:#9b0b0b; }
.center { text-align:center; }


.cp2 { flex:1; min-width:380px; }
.cp1 {flex:1; min-width:100%;}