.table-summary-cards article.summary-is-coloured{background:var(--summary-tint);border-color:var(--summary-hover)}
.table-summary-cards article.summary-is-coloured:hover{background:var(--summary-hover);border-color:var(--summary-colour)}
.table-summary-cards article.summary-is-coloured.is-active{border-color:var(--summary-colour);box-shadow:inset 0 0 0 1px var(--summary-colour)}
.table-summary-cards article.summary-is-coloured strong,.table-summary-cards article.summary-is-coloured small{color:var(--summary-ink)}
.table-summary-cards article>span{color:#a5ada9;background:transparent}
.summary-colour-status{align-self:flex-start;color:var(--summary-ink);font:500 11px/1.2 Inter,sans-serif}
.summary-colour-status:before{content:'';display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--summary-colour)}
.summary-cards-modal [hidden]{display:none!important}
.summary-cards-modal{width:min(1060px,calc(100vw - 32px))}
.summary-cards-modal .summary-card-config{padding:16px;gap:14px}
.summary-cards-modal .summary-card-config label,.summary-cards-modal .summary-condition>span{font:500 12px/1.4 Inter,sans-serif}
.summary-cards-modal input,.summary-cards-modal select{font:400 13px/1.4 Inter,sans-serif}
.summary-cards-modal .summary-card-basics{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.summary-cards-modal .summary-condition-builder strong,.summary-appearance-heading strong{font:500 12px/1.4 Inter,sans-serif}
.summary-cards-modal .summary-condition-builder small{font-size:12px}
.summary-appearance{border-top:1px solid #e7ece9;padding-top:12px}
.summary-appearance-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.summary-appearance-heading>span{font:400 11px/1.5 Inter,sans-serif;color:#617168}
.summary-appearance-controls{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}
.summary-appearance-controls>label{flex:0 0 160px}
.summary-fixed-colour{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;min-width:0}
.summary-fixed-colour input[type=color]{display:block;width:44px;height:36px;padding:3px!important;border-radius:7px;cursor:pointer}
.summary-fixed-colour input[data-summary-hex]{width:110px}
.summary-palette{display:flex;gap:4px;align-items:center;min-height:36px}
.summary-palette button{display:grid;place-items:center;width:28px;height:28px;min-width:28px;padding:4px;border:1px solid transparent;border-radius:50%;background:transparent}
.summary-palette button:hover,.summary-palette button:focus-visible{border-color:#60796c}
.summary-palette span{display:block;width:18px;height:18px;border-radius:50%}
.summary-traffic{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));gap:8px 12px;flex:1}
.summary-traffic small{grid-column:1/-1;color:#64756b;font-size:11px}
.summary-colour-error{margin:8px 0 0;color:#ae3449;font-size:12px}
.summary-cards-modal #summaryCardsForm>footer{position:sticky;bottom:-24px;z-index:3;background:#fff;border-top:1px solid #e0e7e3;padding:14px 0;margin-top:14px}
@media(max-width:650px){.summary-appearance-controls{display:grid;grid-template-columns:1fr}.summary-traffic{grid-template-columns:1fr 1fr}.summary-traffic>label:first-child{grid-column:1/-1}.summary-cards-modal .summary-card-config{padding:12px}.summary-appearance-heading>span{max-width:100%}}