*{box-sizing:border-box}body{margin:0;background:#ececec;font-family:Arial,Helvetica,sans-serif;color:#111}
.top{height:46px;background:#050505;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 24px}
.top form{margin:0}.top button,.top a{color:#fff;background:none;border:0;text-decoration:none;font-size:10px;font-weight:900}
.brand{background:#fff;border-bottom:5px solid #b5121b;padding:18px 24px}.brand strong{font-size:24px}.brand small{display:block;color:#777;margin-top:3px}
nav{background:#171717;padding:0 24px}nav a{display:inline-block;color:#fff;padding:12px 13px;text-decoration:none;font-size:9px;font-weight:900}nav a.active{background:#b5121b}
main{max-width:1180px;margin:18px auto;padding:0 18px}.panel{background:#fff;border:1px solid #d4d4d4;margin-bottom:12px}.phead{padding:10px 12px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}.phead h2{font-size:14px;margin:0}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #eee;font-size:10px}th{font-size:8px;color:#777}.wo{font-weight:900;color:#b5121b;text-decoration:none}.badge{padding:4px 6px;background:#eee;font-size:8px;font-weight:900}.high{background:#b5121b;color:#fff}
.grid{display:grid;grid-template-columns:2fr .85fr;gap:12px}.meta{display:grid;grid-template-columns:repeat(5,1fr);background:#111;color:#fff;border-bottom:4px solid #b5121b}.meta div{padding:10px;border-right:1px solid #333}.meta span{display:block;font-size:8px;color:#aaa}.meta strong{font-size:10px}
.task{display:grid;grid-template-columns:34px 1fr 80px;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid #eee}.task form{margin:0}.task button{width:24px;height:24px}.task small{display:block;color:#777;margin-top:2px}.event{padding:9px 12px;border-bottom:1px solid #eee;font-size:10px}.event small{color:#777}.forms{padding:12px}.forms input,.forms select,.forms textarea{width:100%;padding:9px;border:1px solid #bbb;margin-bottom:8px}.forms button,.primary{background:#b5121b;color:#fff;border:0;padding:10px 12px;font-size:9px;font-weight:900}
.footer{background:#050505;color:#aaa;text-align:center;padding:18px;font-size:10px;margin-top:24px}.footer strong{color:#ddd}
.loginwrap{max-width:850px;margin:35px auto;display:grid;grid-template-columns:1fr 1fr}.loginbox,.logininfo{padding:30px;background:#fff;border:1px solid #ccc}.logininfo{background:#111;color:#fff}.logininfo p{color:#ccc}.error{background:#fee;border-left:4px solid #b5121b;padding:9px;margin-bottom:10px;font-size:10px}
@media(max-width:800px){.grid,.loginwrap{grid-template-columns:1fr}.meta{grid-template-columns:1fr 1fr}table{display:block;overflow:auto}}

/* Full-width CHR header/search */
.top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
}

.user-tools {
    flex: 0 0 auto !important;
}

.global-search {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    margin-left: 60px !important;
    display: flex !important;
    justify-content: flex-end !important;
}

.global-search input {
    width: 70% !important;
    max-width: 900px !important;
    min-width: 500px !important;
    height: 44px !important;
    font-size: 16px !important;
    padding: 0 16px !important;
}


/* CHR authenticated header final sizing */
.top {
    min-height: 62px !important;
    height: auto !important;
    display: grid !important;
    grid-template-columns: auto minmax(500px, 1fr) !important;
    column-gap: 48px !important;
    align-items: center !important;
    padding: 9px 24px !important;
}

.user-tools {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    white-space: nowrap !important;
}

.global-search {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    display: block !important;
}

.global-search input {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 44px !important;
    padding: 0 16px !important;
    font-size: 15px !important;
    border: 1px solid #777 !important;
}

.header-icon {
    width: 42px !important;
    height: 42px !important;
    font-size: 28px !important;
}

html, body {
    min-height: 100% !important;
}

body {
    min-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
}

.footer {
    margin-top: auto !important;
    width: 100% !important;
}

@media (max-width: 800px) {
    .top {
        grid-template-columns: 1fr !important;
        row-gap: 8px !important;
    }
}

.global-search {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.global-search input {
    flex: 1 1 auto !important;
}

.search-button {
    flex: 0 0 auto !important;
    height: 44px !important;
    padding: 0 20px !important;
    background: #b5121b !important;
    color: #fff !important;
    border: 0 !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.search-button:hover {
    filter: brightness(1.08);
}

/* CHR Settings v1 */
.settings-main{width:100%;max-width:1380px;margin:22px auto;padding:0 24px}
.settings-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.settings-title h1{margin:0;font-size:22px}
.settings-title p{margin:4px 0 0;color:#777;font-size:11px}
.owner-badge{background:#111;color:#fff;border-bottom:3px solid #b5121b;padding:9px 12px;font-size:9px;font-weight:900}

.settings-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px;align-items:start}

.settings-menu{background:#111;border-top:4px solid #b5121b;position:sticky;top:15px}
.settings-menu-item{display:block;color:#ddd;text-decoration:none;padding:13px 15px;border-bottom:1px solid #2b2b2b;font-size:10px;font-weight:800}
.settings-menu-item:hover,.settings-menu-item.active{background:#b5121b;color:#fff}

.settings-content{min-width:0}
.settings-card{background:#fff;border:1px solid #d3d3d3;margin-bottom:14px;padding:0 16px 16px}
.settings-card-head{margin:0 -16px 15px;padding:12px 16px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}
.settings-card-head h2{margin:0;font-size:14px}
.settings-card-head span{font-size:9px;color:#777;font-weight:700;text-transform:uppercase}

.settings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.settings-fields .wide{grid-column:1/-1}
.settings-fields label{display:block;font-size:8px;font-weight:900;color:#777;margin-bottom:5px;text-transform:uppercase}
.setting-value{border:1px solid #d5d5d5;background:#f7f7f7;padding:11px;font-size:11px;min-height:38px}
.status-good{border-left:4px solid #b5121b;font-weight:800}

.settings-action{background:#111;color:#fff;border:0;padding:10px 14px;font-size:9px;font-weight:900}
.settings-action:disabled{opacity:.45;cursor:not-allowed}

.settings-description{font-size:11px;color:#555;line-height:1.5}
.settings-row{display:flex;justify-content:space-between;align-items:center;border:1px solid #ddd;padding:13px}
.settings-row small,.integration-box small{display:block;color:#777;margin-top:4px;font-size:9px}
.status-chip{background:#111;color:#fff;padding:6px 8px;font-size:8px;font-weight:900}
.status-chip.pending{background:#777}

.integration-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.integration-box{border:1px solid #ddd;padding:14px;background:#fafafa;font-size:11px}

.security-note{margin:15px 0 0;padding:11px;background:#f3f3f3;border-left:4px solid #b5121b;font-size:10px;color:#555}

@media(max-width:900px){
  .settings-layout{grid-template-columns:1fr}
  .settings-menu{position:static}
  .settings-fields{grid-template-columns:1fr}
  .integration-grid{grid-template-columns:repeat(2,1fr)}
}