/* Signal builder: layout only. Components, colours and type come from
   Oracle JET Redwood (oj-* components, oj-panel, oj-badge, oj-typography). */
.signal-builder{max-width:1180px;margin:0 auto;padding:0 0 36px}
/* The app styles every <header>/<footer> as page chrome; builder ones are content. */
.signal-builder header,.signal-builder footer{height:auto;position:static;z-index:auto;box-shadow:none;max-width:none;margin:0;background:none;padding:0;border:0;min-height:0}
.signal-builder nav{display:block;background:none;border:0;padding:0}
.signal-builder h2,.signal-builder h3,.signal-builder h4,.signal-builder p{margin-top:0}
.builder-header{display:grid !important;grid-template-columns:minmax(170px,1fr) minmax(0,3.2fr) auto;grid-template-rows:auto;align-items:center;column-gap:20px;padding:16px 28px !important}
.builder-header{background:#fff!important;border-bottom:1px solid #e1dedb!important}
.builder-header>div:first-child{grid-column:1;grid-row:1;min-width:0}
.signal-builder .builder-header h2{margin:0!important;color:#161513;font-size:1.65rem!important;line-height:1.25}
.builder-eyebrow{margin:0 0 4px;letter-spacing:normal;text-transform:none!important}
.builder-status-line{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 0}
.builder-header-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.builder-overflow-toggle{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #77716b;border-radius:4px;background:#fff;color:#252321;font-size:26px;line-height:1;cursor:pointer}
.builder-overflow-toggle:hover,.builder-overflow-toggle:focus-visible{background:#f4f2f0;border-color:#252321}
.builder-overflow-menu{position:absolute;z-index:20;top:calc(100% + 6px);right:0;display:grid;min-width:190px;gap:2px;padding:6px;border:1px solid #d9d6d2;border-radius:4px;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.16)}
.builder-overflow-menu[hidden]{display:none}
.builder-overflow-menu>*{display:flex;align-items:center;min-height:40px;padding:8px 10px;text-align:left;text-decoration:none;color:#252321}
.builder-overflow-menu>*:hover,.builder-overflow-menu>*:focus-visible{background:#f4f2f0}
.builder-header-actions{position:relative}
.builder-steps{grid-column:2;grid-row:1;min-width:0;padding:0}
.builder-steps-wide,.builder-steps-wide oj-train{display:block;width:100%;min-width:0}
.builder-steps-narrow{display:none;max-width:320px}
.builder-ai-note{margin:0 28px 12px}
.builder-live{margin:0;padding:0 28px;min-height:20px}
.builder-step{padding:12px 28px 0}
.signal-builder .builder-step .oj-panel{border:1px solid #d9d6d2;border-radius:2px;background:#fff;box-shadow:none}
.builder-step>*+*,.builder-describe>*+*,.builder-create>*+*{margin-top:12px}
.builder-loading{padding:28px}
.builder-preview-loading{display:flex;align-items:center;gap:10px;min-height:42px;margin:12px 0;padding:0 14px;border:1px solid #d8d5d2;border-radius:2px;background:#faf9f8;color:#625f5c;font-size:1rem}
.builder-preview-spinner{width:18px;height:18px;box-sizing:border-box;border:2px solid #c8d6d9;border-top-color:#00688f;border-radius:50%;animation:builder-preview-spin .8s linear infinite}
@keyframes builder-preview-spin{to{transform:rotate(360deg)}}
.builder-unsaved-note{margin:4px 0;padding:8px 12px;border-left:3px solid #b97822;background:#fff8ed;color:#625f5c;font-size:.9rem}
.builder-conditions{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:12px}
.builder-condition-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}
.builder-field{width:240px;max-width:100%}
.builder-field--narrow{width:150px}
.builder-field--wide{width:100%}
.builder-values{flex-basis:100%;display:grid;gap:8px}
.builder-values .builder-checks{width:100%;max-width:none}
.builder-values .builder-checks .oj-checkboxset-wrapper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}
.builder-values .builder-checks .oj-choice-item{min-width:0;border-bottom:0}
.builder-values .builder-checks .oj-checkbox-label,.builder-values .builder-checks .oj-radiocheckbox-label-text{min-width:0;overflow-wrap:anywhere}
.builder-groups,.builder-insert,.builder-group-actions,.builder-template-actions,.builder-footer-actions,.builder-gallery-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.builder-condition-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px}
.builder-group{display:grid;gap:12px}
.builder-group+.builder-group,.builder-mode+.builder-group,.builder-add-group{margin-top:14px}
.builder-step-footer{display:flex !important;justify-content:space-between;align-items:center;gap:12px;margin-top:24px !important}
.builder-metrics{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center}
.builder-metrics p{margin:0}
.builder-check-result{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"count recalc" "recipients recalc";align-items:center;gap:4px 24px;min-height:132px;background:#f7faf9!important;border-left:0!important}
.builder-check-count{grid-area:count;display:flex;align-items:baseline;gap:12px;margin:0;font-size:1.1rem}
.builder-check-count strong{font-size:3rem;line-height:1;color:#214d35}
.builder-check-count span{font-size:1.3rem}
.builder-check-count span,.builder-check-recipients{color:#625f5c}
.builder-check-recipients{grid-area:recipients;margin:0}
.builder-check-result oj-button{grid-area:recalc}
.builder-check-details{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.builder-check-change{margin:8px 0;color:#625f5c}
.builder-publish-warning{display:flex;align-items:center;gap:10px;margin:12px 0;padding:12px 16px;border-left:3px solid #a45a08;background:#fff8ed;color:#4d3b26;font-size:1rem;line-height:1.4}
.builder-publish-warning p{margin:0;font-size:inherit;line-height:inherit}
.builder-publish-warning>span{flex:0 0 auto;color:#9a5100;font-size:1.05rem}
.builder-check-dialog .modal-form{display:block;overflow:auto;padding:20px 24px;background:#fff}
.builder-check-dialog .jet-table{margin:0}
.builder-check-dialog .jet-table+*{margin-top:16px}
.builder-reasons{margin:0;padding-left:18px}
.builder-guidance{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:24px;align-items:start}
.builder-guidance-form{display:grid;gap:12px}
.builder-guidance.is-editing{grid-template-columns:minmax(0,1fr)}
.builder-guidance.is-editing .builder-guidance-form{max-width:780px}
.builder-cards,#builder-card-list{display:grid;gap:12px}
.builder-card,.builder-template{display:grid;gap:6px}
.builder-card p,.builder-template p{margin:0}
.builder-card-header{display:flex !important;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
.builder-templates{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:20px}
.builder-setup-steps{display:grid;gap:12px;padding-left:20px}
.builder-delivery{display:grid;gap:14px}
.builder-advanced{margin:0;border:1px solid #d9d6d2;border-radius:2px;background:#fff}
.builder-advanced-section{padding:8px 0}
.builder-advanced-section h4{margin:0 0 8px;font-size:1rem!important}
.builder-task-preview{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0}
.builder-task-preview>p{margin:0}
.builder-owner-preview{flex-basis:100%}
#app .signal-builder .builder-step>h3{margin:0 0 4px;font-size:1.5rem!important;line-height:1.25}
.signal-builder .builder-step h4{font-size:1.15rem!important;line-height:1.35}
.signal-builder .builder-step oj-collapsible>h4[slot="header"]{margin:0}
.signal-builder .builder-delivery .builder-group{border:1px solid #d9d6d2;border-radius:2px;background:#fff;box-shadow:none}
.builder-delivery-switch{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:16px 0}
.builder-delivery-switch p{margin:0;flex:1}
.builder-narrow-select{max-width:280px}
.jet-table{width:100%;margin-bottom:16px}
@media (max-width:760px){
  .builder-header{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;row-gap:12px;padding:16px !important}
  .builder-header>div:first-child{grid-column:1;grid-row:1}
  .builder-header-actions{grid-column:2;grid-row:1}
  .builder-header>.builder-steps{grid-column:1/-1;grid-row:2;padding:0}
  .builder-live,.builder-step{padding-left:16px !important;padding-right:16px !important}
  .builder-ai-note{margin:0 16px 12px}
  .builder-steps-wide{display:none}
  .builder-steps-narrow{display:block}
  .builder-guidance{grid-template-columns:minmax(0,1fr)}
  .builder-field,.builder-field--narrow{width:100%}
  .builder-check-result{grid-template-columns:1fr;grid-template-areas:"count" "recipients" "recalc";align-items:start;min-height:0}
  .builder-check-dialog{width:100vw!important}
  .builder-values .builder-checks .oj-checkboxset-wrapper{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
}
@media(max-width:520px){.builder-values .builder-checks .oj-checkboxset-wrapper{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.builder-preview-spinner{animation:none;border-top-color:#00688f}}
