.header.brand {
    display: flex; align-items: center; gap: 20px; box-sizing: border-box;
    width: 1050px; padding: 0 28px; background-image: none;
    font: bold 28px/1.25 sans-serif; letter-spacing: normal;
    text-align: left; text-shadow: none; text-decoration: none;
}
.brand img { max-width: 240px; max-height: 70px; object-fit: contain; }
.settings-panel { font-size: 14px; }
.settings-panel h1 { font-size: 26px; margin: 0 0 8px; }
.settings-intro { margin-bottom: 28px; color: #555; }
.settings-panel fieldset { border: 1px solid #ddd; border-radius: 8px; padding: 20px; margin: 0 0 24px; }
.settings-panel legend { font-size: 18px; font-weight: bold; padding: 0 8px; }
.settings-panel label { display: block; font-weight: bold; margin: 0 0 6px; }
.settings-panel label span, .settings-help { font-weight: normal; color: #555; }
.settings-panel input[type=text] { box-sizing: border-box; display: block; width: 100%; max-width: 610px; padding: 10px; margin: 0 0 18px; border: 1px solid #aaa; border-radius: 4px; font-size: 14px; }
.settings-help { font-size: 13px; margin: -8px 0 16px; }
.settings-color-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px 24px; }
.settings-panel .settings-color { display: flex; flex-direction: column; gap: 8px; }
.settings-color input { width: 64px; height: 40px; padding: 2px; border: 1px solid #aaa; background: white; cursor: pointer; }
.settings-actions { display: flex; align-items: center; gap: 20px; }
.settings-actions button { background: #222; color: white; border: 0; border-radius: 5px; padding: 12px 20px; font-size: 14px; cursor: pointer; }
.settings-message { border-radius: 4px; padding: 12px 16px; }
.settings-message.success { background: #e7f4e7; color: #194619; }
.settings-message.error { background: #fce9e9; color: #7c2020; }

/* Logo previews fit both wide brand marks and narrow mobile settings forms. */
.settings-logo-preview{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:16px 0 24px;padding:16px;background:#eef2f5;border-radius:8px}
.settings-logo-preview img{display:block;max-width:min(100%,320px);max-height:120px;object-fit:contain}
.settings-logo-preview span{font-size:13px;color:#53647a}

/* Job-color controls use the same section forms without squeezing long state names. */
.settings-status-colors{display:grid;gap:18px;margin:20px 0}
.settings-panel .settings-status-color{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.settings-status-color>span:first-child{flex:1 1 210px;font-weight:600}
.settings-status-color input[type=color]{width:64px;min-height:44px;margin:0;padding:3px}
.settings-status-sample{padding:7px 12px;border-radius:8px;font-size:13px;font-weight:600;overflow-wrap:anywhere}