/* Shieldy automation foundation — UI/data-contract only. No API/network behavior. */
:root{
  --sh-auto-accent:var(--shieldy-accent,var(--account-accent,#2da44e));
  --sh-auto-border:var(--account-border,var(--gh-border,#d0d7de));
  --sh-auto-text:var(--account-text,var(--theme-text,#1f2328));
  --sh-auto-muted:var(--account-muted,var(--gh-muted,#667085));
  --sh-auto-surface:var(--account-surface,var(--gh-card,#fff));
  --sh-auto-soft:var(--account-surface-soft,var(--gh-subtle,#f6f8fa));
}
.custom-workspace-switch{grid-template-columns:repeat(3,minmax(0,1fr));}
.sh-auto-dev-badge{display:inline-flex;align-items:center;vertical-align:middle;margin-left:6px;padding:2px 7px;border:1px solid color-mix(in srgb,var(--sh-auto-accent) 30%,var(--sh-auto-border));border-radius:999px;background:color-mix(in srgb,var(--sh-auto-accent) 7%,var(--sh-auto-surface));color:var(--sh-auto-muted);font-size:10px;font-weight:700;line-height:1.35;white-space:nowrap}
.custom-workspace-tab-copy strong .sh-auto-dev-badge{position:relative;top:-1px}
.sh-auto-stage-badge{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:4px 9px;border:1px solid color-mix(in srgb,var(--sh-auto-accent) 36%,var(--sh-auto-border));border-radius:999px;background:color-mix(in srgb,var(--sh-auto-accent) 8%,var(--sh-auto-surface));color:var(--sh-auto-text);font-size:12px;font-weight:700;white-space:nowrap}
.sh-auto-stage-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sh-auto-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--sh-auto-accent) 13%,transparent)}
.sh-auto-foundation-note{display:flex;gap:12px;align-items:flex-start;padding:13px 14px;border:1px solid color-mix(in srgb,var(--sh-auto-accent) 30%,var(--sh-auto-border));border-radius:12px;background:color-mix(in srgb,var(--sh-auto-accent) 6%,var(--sh-auto-surface));margin-bottom:14px}
.sh-auto-foundation-note>span{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:9px;background:color-mix(in srgb,var(--sh-auto-accent) 13%,var(--sh-auto-surface));font-size:15px}
.sh-auto-foundation-note strong{display:block;margin-bottom:2px}.sh-auto-foundation-note p{margin:0;color:var(--sh-auto-muted);font-size:13px;line-height:1.45}
.sh-auto-shell{display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:14px;align-items:start}
.sh-auto-list-card,.sh-auto-editor-card,.sh-auto-preview-card{min-width:0}
.sh-auto-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.sh-auto-card-head h3,.sh-auto-card-head h4{margin:0}.sh-auto-card-head p{margin:4px 0 0;color:var(--sh-auto-muted);font-size:13px;line-height:1.4}
.sh-auto-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 12px}.sh-auto-stat{padding:10px 11px;border:1px solid var(--sh-auto-border);border-radius:10px;background:var(--sh-auto-soft)}.sh-auto-stat small{display:block;color:var(--sh-auto-muted);font-size:11px}.sh-auto-stat strong{display:block;margin-top:2px;font-size:15px}
.sh-auto-list{display:grid;gap:8px;max-height:520px;overflow:auto;padding-right:2px}.sh-auto-list-empty{padding:18px 12px;text-align:center;color:var(--sh-auto-muted);border:1px dashed var(--sh-auto-border);border-radius:10px;background:var(--sh-auto-soft);font-size:13px}
.sh-auto-list-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border:1px solid var(--sh-auto-border);border-radius:10px;background:var(--sh-auto-surface);color:var(--sh-auto-text);text-align:left;cursor:pointer}.sh-auto-list-item:hover{border-color:color-mix(in srgb,var(--sh-auto-accent) 50%,var(--sh-auto-border));background:color-mix(in srgb,var(--sh-auto-accent) 3%,var(--sh-auto-surface))}.sh-auto-list-item.is-active{border-color:var(--sh-auto-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--sh-auto-accent) 40%,transparent)}.sh-auto-list-item>span{min-width:0}.sh-auto-list-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sh-auto-list-item small{display:block;margin-top:2px;color:var(--sh-auto-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sh-auto-state{flex:0 0 auto;padding:3px 7px;border-radius:999px;background:color-mix(in srgb,var(--sh-auto-accent) 10%,var(--sh-auto-surface));font-size:11px;font-weight:700}.sh-auto-state.is-off{background:var(--sh-auto-soft);color:var(--sh-auto-muted)}
.sh-auto-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sh-auto-editor-grid .is-wide{grid-column:1/-1}.sh-auto-editor-grid .field{min-width:0}.sh-auto-editor-grid .field>small{display:block;margin:3px 0 6px;color:var(--sh-auto-muted);font-size:11px;line-height:1.35}
.sh-auto-section{padding:14px 0;border-top:1px solid var(--sh-auto-border)}.sh-auto-section:first-of-type{border-top:0;padding-top:0}.sh-auto-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.sh-auto-section-title h4{margin:0;font-size:14px}.sh-auto-section-title p{margin:2px 0 0;color:var(--sh-auto-muted);font-size:12px}
.sh-auto-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid var(--sh-auto-border);border-radius:10px;background:var(--sh-auto-soft)}.sh-auto-toggle-row strong{display:block;font-size:13px}.sh-auto-toggle-row small{display:block;color:var(--sh-auto-muted);font-size:11px;margin-top:2px}
.sh-auto-token-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.sh-auto-token{padding:4px 7px;border-radius:7px;background:var(--sh-auto-soft);border:1px solid var(--sh-auto-border);font-size:11px;color:var(--sh-auto-muted)}
.sh-auto-preview{padding:12px;border:1px solid var(--sh-auto-border);border-radius:12px;background:var(--sh-auto-soft);min-height:130px}.sh-auto-preview-message{display:flex;gap:9px;align-items:flex-start}.sh-auto-preview-message img{width:34px;height:34px;border-radius:50%;object-fit:cover}.sh-auto-preview-body{min-width:0;flex:1}.sh-auto-preview-author{font-size:12px;font-weight:700}.sh-auto-preview-author b{margin-left:4px;padding:1px 4px;border-radius:4px;background:#2f81f7;color:#fff;font-size:8px}.sh-auto-preview-content{margin-top:5px;font-size:13px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.sh-auto-preview-trigger{margin-top:10px;padding:8px 9px;border-left:3px solid var(--sh-auto-accent);background:var(--sh-auto-surface);border-radius:0 8px 8px 0;font-size:11px;color:var(--sh-auto-muted)}
.sh-auto-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--sh-auto-border)}.sh-auto-actions .api-form-message{margin-left:auto}
.sh-auto-disabled-action{opacity:.62;cursor:not-allowed!important}
.sh-auto-reminder-card{grid-column:1/-1}.sh-auto-reminder-card>.sh-auto-reminder-body[hidden]{display:none!important}.sh-auto-reminder-card.is-collapsed .sh-auto-reminder-body{display:none!important}.sh-auto-reminder-card .card-title{margin-bottom:0}.sh-auto-reminder-card:not(.is-collapsed) .card-title{padding-bottom:14px;border-bottom:1px solid var(--sh-auto-border);margin-bottom:14px}
.sh-auto-reminder-layout{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:14px}.sh-auto-reminder-list{display:grid;gap:8px}.sh-auto-snooze{display:flex;flex-wrap:wrap;gap:7px}.sh-auto-snooze label{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--sh-auto-border);border-radius:9px;background:var(--sh-auto-soft);font-size:12px}
.sh-auto-contract{margin-top:12px;padding:10px 11px;border:1px dashed var(--sh-auto-border);border-radius:10px;color:var(--sh-auto-muted);font-size:11px;line-height:1.45}.sh-auto-contract code{font-size:11px;color:var(--sh-auto-text)}
@media(max-width:980px){.custom-workspace-switch{grid-template-columns:1fr}.sh-auto-shell,.sh-auto-reminder-layout{grid-template-columns:1fr}.sh-auto-list{max-height:280px}}
@media(max-width:680px){.sh-auto-editor-grid{grid-template-columns:1fr}.sh-auto-editor-grid .is-wide{grid-column:auto}.sh-auto-actions{align-items:stretch}.sh-auto-actions button{flex:1 1 150px}.sh-auto-actions .api-form-message{width:100%;margin-left:0}.sh-auto-stats{grid-template-columns:1fr 1fr}}

/* r5 — trigger brain icon + typography collision guard. */
[data-custom-workspace-tab="triggers"] .sh-auto-brain-icon svg,
.sh-auto-foundation-brain svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
[data-custom-workspace-tab="triggers"] .custom-workspace-tab-copy{gap:6px}
[data-custom-workspace-tab="triggers"] .sh-auto-tab-title{display:flex!important;align-items:center;gap:7px;flex-wrap:wrap;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;line-height:1.35!important}
[data-custom-workspace-tab="triggers"] .custom-workspace-tab-copy small{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.48!important}
[data-custom-workspace-panel="triggers"] .sh-auto-card-head>div{min-width:0;flex:1}
[data-custom-workspace-panel="triggers"] .sh-auto-card-head h3{line-height:1.3}
[data-custom-workspace-panel="triggers"] .sh-auto-card-head p{margin-top:7px;line-height:1.52}
[data-custom-workspace-panel="triggers"] .sh-auto-card-head button{flex:0 0 auto}
[data-custom-workspace-panel="triggers"] .sh-auto-list-card{padding-top:18px}
@media(max-width:520px){[data-custom-workspace-panel="triggers"] .sh-auto-card-head{flex-direction:column;align-items:stretch}[data-custom-workspace-panel="triggers"] .sh-auto-card-head button{width:100%}}


/* preview-r1 — compact on-demand preview for message triggers. */
[data-custom-workspace-panel="triggers"] .sh-auto-preview-collapsible[hidden]{display:none!important}
[data-custom-workspace-panel="triggers"] .sh-auto-preview-collapsible{overflow:hidden}
[data-custom-workspace-panel="triggers"] .sh-auto-preview-toggle{white-space:nowrap}
[data-custom-workspace-panel="triggers"] .sh-auto-preview-toggle[aria-expanded="true"]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sh-auto-accent) 42%,transparent)}
[data-custom-workspace-panel="triggers"] .sh-auto-preview-card .sh-auto-card-head{margin-bottom:10px}
[data-custom-workspace-panel="triggers"] .sh-auto-preview-card .sh-auto-preview{min-height:0}
@media(max-width:680px){[data-custom-workspace-panel="triggers"] .sh-auto-actions .sh-auto-preview-toggle{order:2}[data-custom-workspace-panel="triggers"] .sh-auto-actions #sh-trigger-reset{order:3}}


/* preview-r2 — trigger quotas + explicit create-button contrast. */
[data-custom-workspace-panel="triggers"] .sh-trigger-tier-heading{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}
[data-custom-workspace-panel="triggers"] .sh-trigger-tier-heading h3{
  margin-right:2px;
}
[data-custom-workspace-panel="triggers"] #sh-trigger-add,
[data-custom-workspace-panel="triggers"] #sh-trigger-add:hover,
[data-custom-workspace-panel="triggers"] #sh-trigger-add:focus,
[data-custom-workspace-panel="triggers"] #sh-trigger-add:focus-visible,
[data-custom-workspace-panel="triggers"] #sh-trigger-add:active{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:none!important;
  font-weight:700;
}
[data-custom-workspace-panel="triggers"] #sh-trigger-add *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
[data-custom-workspace-panel="triggers"] #sh-trigger-add:disabled{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:.58;
}
@media(max-width:680px){
  [data-custom-workspace-panel="triggers"] .sh-trigger-tier-heading{
    align-items:flex-start;
  }
}

/* preview-r3 — per-trigger preview action lives in the editor header. */
[data-custom-workspace-panel="triggers"] .sh-auto-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
[data-custom-workspace-panel="triggers"] .sh-auto-head-actions .sh-auto-preview-toggle{white-space:nowrap}
[data-custom-workspace-panel="triggers"] .sh-auto-head-actions .sh-auto-preview-toggle[aria-expanded="true"]{border-color:color-mix(in srgb,var(--sh-auto-accent) 55%,var(--sh-auto-border));background:color-mix(in srgb,var(--sh-auto-accent) 8%,var(--sh-auto-surface))}
@media(max-width:680px){[data-custom-workspace-panel="triggers"] .sh-auto-card-head{align-items:flex-start}[data-custom-workspace-panel="triggers"] .sh-auto-head-actions{width:100%;justify-content:flex-start}[data-custom-workspace-panel="triggers"] .sh-auto-head-actions>button{flex:1 1 auto}}


/* preview-r8 — native top-layer dialog for the selected trigger. */
body.sh-trigger-preview-modal-open{overflow:hidden!important}
.sh-auto-preview-modal:not([open]){display:none!important}
.sh-auto-preview-modal{
  width:min(640px,calc(100vw - 32px));
  max-width:none;
  max-height:calc(100dvh - 40px);
  margin:auto;
  padding:0;
  border:0;
  border-radius:18px;
  background:transparent;
  color:var(--sh-auto-text);
  overflow:visible;
  box-shadow:none;
}
.sh-auto-preview-modal::backdrop{
  background:rgba(5,10,20,.78);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}
.sh-auto-preview-modal-dialog{
  width:100%;
  max-height:calc(100dvh - 40px);
  overflow:auto;
  border:1px solid var(--sh-auto-border);
  border-radius:18px;
  background:var(--sh-auto-surface);
  color:var(--sh-auto-text);
  box-shadow:0 28px 90px rgba(0,0,0,.34);
  padding:20px;
  outline:none;
}
.sh-auto-preview-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--sh-auto-border)}
.sh-auto-preview-modal-copy{min-width:0}
.sh-auto-preview-modal-copy .sh-auto-stage-badge{display:inline-flex;margin-bottom:8px}
.sh-auto-preview-modal-copy h3{margin:0;font-size:19px;line-height:1.3}
.sh-auto-preview-modal-copy p{margin:5px 0 0;color:var(--sh-auto-muted);font-size:12px;line-height:1.5}
.sh-auto-preview-modal-close{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid var(--sh-auto-border);border-radius:10px;background:var(--sh-auto-soft);color:var(--sh-auto-text);font:500 25px/1 Arial,sans-serif;cursor:pointer}
.sh-auto-preview-modal-close:hover,.sh-auto-preview-modal-close:focus-visible{border-color:color-mix(in srgb,var(--sh-auto-accent) 48%,var(--sh-auto-border));background:color-mix(in srgb,var(--sh-auto-accent) 7%,var(--sh-auto-surface));outline:none}
.sh-auto-preview-modal-context{margin:14px 0 10px;padding:9px 11px;border:1px solid var(--sh-auto-border);border-radius:10px;background:var(--sh-auto-soft);font-size:12px;font-weight:700;color:var(--sh-auto-text);overflow-wrap:anywhere}
.sh-auto-preview-modal .sh-auto-preview{min-height:150px;background:color-mix(in srgb,var(--sh-auto-soft) 72%,var(--sh-auto-surface))}
.sh-auto-preview-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding-top:14px;border-top:1px solid var(--sh-auto-border)}
.sh-auto-preview-modal-footer small{color:var(--sh-auto-muted);font-size:11px;line-height:1.45}
.sh-auto-preview-modal-footer button{flex:0 0 auto}
@media(max-width:600px){.sh-auto-preview-modal{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.sh-auto-preview-modal-dialog{max-height:calc(100dvh - 24px);border-radius:15px;padding:16px}.sh-auto-preview-modal-head{gap:10px}.sh-auto-preview-modal-footer{align-items:stretch;flex-direction:column}.sh-auto-preview-modal-footer button{width:100%}}
@media(prefers-reduced-motion:no-preference){.sh-auto-preview-modal[open]::backdrop{animation:shTriggerPreviewBackdropR8 .16s ease-out both}.sh-auto-preview-modal[open] .sh-auto-preview-modal-dialog{animation:shTriggerPreviewPopR8 .18s cubic-bezier(.2,.75,.25,1) both}@keyframes shTriggerPreviewBackdropR8{from{opacity:0}to{opacity:1}}@keyframes shTriggerPreviewPopR8{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}}

/* preview-r5 — custom reminder interval, local UI only. */
.sh-reminder-custom-interval[hidden]{display:none!important}
.sh-reminder-custom-interval{padding:12px 13px;border:1px solid var(--sh-auto-border);border-radius:12px;background:color-mix(in srgb,var(--sh-auto-soft) 76%,var(--sh-auto-surface));align-self:start}
.sh-reminder-custom-interval-controls{display:grid;grid-template-columns:auto minmax(88px,120px) minmax(130px,180px);align-items:center;gap:9px;margin-top:7px}
.sh-reminder-custom-interval-controls>span{font-size:12px;font-weight:700;color:var(--sh-auto-text);white-space:nowrap}
.sh-reminder-custom-interval-controls input,.sh-reminder-custom-interval-controls select{width:100%;min-width:0}
.sh-reminder-custom-interval>small{display:block;margin-top:7px;color:var(--sh-auto-muted);line-height:1.45}
@media(max-width:620px){.sh-reminder-custom-interval-controls{grid-template-columns:1fr 1fr}.sh-reminder-custom-interval-controls>span{grid-column:1/-1;white-space:normal}}