.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}

/* Keep native logo uploads visible while the browser waits for the save response. */
.logo-upload-status:not([hidden]){display:flex;align-items:center;gap:12px;padding:16px;margin:16px 0;border:1px solid #a5ccd0;border-radius:10px;background:#f0fafb;color:#24434b}.logo-upload-status progress{width:100px;max-width:30%;accent-color:var(--primary-color,#087986)}[data-logo-upload-form][aria-busy="true"] button[type="submit"]{opacity:.75;cursor:wait}
/* Settings actions are quiet text links, with the primary save on the right. */
body.dusty-theme .settings-actions{display:flex;justify-content:flex-end;align-items:center;gap:24px;padding:8px 0;margin:12px 0;background:transparent!important;border:0;box-shadow:none}
body.dusty-theme .settings-actions :is(a,button){display:inline-flex;align-items:center;gap:7px;min-height:44px;margin:0;padding:6px 0!important;background:transparent!important;border:0!important;border-radius:0;box-shadow:none;color:var(--dusty-link,#157687)!important;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none}
body.dusty-theme .settings-actions :is(a,button):hover:not(:disabled){text-decoration:underline;text-underline-offset:3px}
html[data-theme=dark] body.dusty-theme .settings-actions :is(a,button){color:#83d8e3!important;background:transparent!important}

/* Text actions stay flat through shared layout overrides; unavailable controls remain readable. */
body.dusty-theme .admin-layout.settings-panel .settings-actions :is(a,button){box-shadow:none!important;text-shadow:none!important;border-radius:0!important;filter:none!important}
body.dusty-theme .admin-layout.settings-panel .settings-actions button:disabled{opacity:1!important;color:#596970!important;cursor:not-allowed;text-decoration:none}
html[data-theme=dark] body.dusty-theme .admin-layout.settings-panel .settings-actions button:disabled{color:#b0c0c8!important}