.bay-exterior-policy { margin-block: 1.25rem; padding: 1rem; border: 1px solid var(--bay-border, #ffffff30); border-radius: 1.25rem; }
.bay-exterior-policy summary { display: flex; align-items: center; gap: .7rem; min-height: 48px; cursor: pointer; }
.bay-exterior-policy summary svg { width: 22px; flex-shrink: 0; }
.bay-exterior-policy__notice { padding: .8rem; border-left: 3px solid #e4c483; background: #e4c48312; }
.bay-exterior-policy__lights { display: grid; gap: .8rem; margin-block: 1rem; }
.bay-exterior-policy__lights > details { padding: .5rem 1rem; border: 1px solid #ffffff25; border-radius: 1rem; }
.bay-exterior-policy fieldset { min-width: 0; border: 0; padding: .7rem 0; }
.bay-exterior-policy__modes { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: 1rem; margin-block: .6rem 1rem; }
.bay-exterior-policy label { display: grid; gap: .4rem; }
.bay-exterior-policy select, .bay-exterior-policy input[type=number] { min-height: 48px; max-width: 100%; padding: .6rem; border-radius: .6rem; color: inherit; background: #173641; border: 1px solid #ffffff40; font: inherit; }
.bay-exterior-policy__zones { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: .5rem; }
.bay-exterior-policy__zones label { display: flex; gap: .75rem; align-items: center; min-height: 48px; padding: .5rem; }
.bay-exterior-policy__zones input { width: 22px; height: 22px; }
.bay-exterior-policy__zones small { display: block; opacity: .7; }
.bay-exterior-policy > button { min-height: 48px; margin: .4rem .6rem .4rem 0; }