.grid-variant-control{min-height:32px;min-width:0;max-width:100%;display:flex;align-items:center;gap:4px;border:1px solid var(--line);background:#fff;padding:2px 3px 2px 8px}
.grid-variant-leading{width:14px;height:14px;color:var(--muted);flex:0 0 auto}
.grid-variant-picker{display:flex;align-items:center;min-width:0}
.grid-variant-picker select{width:168px;height:26px;border:0;background:#fff;color:var(--navy);font-size:9px;font-weight:700;padding:0 25px 0 5px;cursor:pointer;text-overflow:ellipsis}
.grid-variant-picker select:focus{outline:1px solid var(--blue);outline-offset:1px}
.grid-variant-state{display:block;width:7px;height:7px;overflow:hidden;border-radius:50%;flex:0 0 7px;line-height:0}
.grid-variant-state.is-dirty{background:#B76B00;box-shadow:0 0 0 3px #FFF1D6}
.grid-variant-control .compact-icon{width:28px;height:28px;border:0}
.grid-variant-control .compact-icon:disabled{opacity:.35;cursor:not-allowed;background:transparent}
.grid-variant-control [data-grid-variant-default].is-active{color:#B76B00;background:#FFF5DE}
.grid-variant-control [data-grid-variant-default].is-active svg{fill:currentColor}
.grid-variant-dialog{width:min(460px,calc(100vw - 28px));border:0;border-radius:6px;padding:0;box-shadow:0 24px 70px rgba(15,22,71,.28)}
.grid-variant-dialog::backdrop{background:rgba(15,22,71,.62)}
.grid-variant-body{padding:18px;display:grid;gap:15px}
.grid-variant-field{display:grid;gap:7px;color:var(--navy)}
.grid-variant-field>span{font-size:9px;font-weight:800;text-transform:uppercase}
.grid-variant-field input[type="text"]{width:100%;height:40px;border:1px solid var(--line-strong);padding:0 11px;color:var(--ink);font-size:11px}
.grid-variant-field input[type="text"]:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 2px rgba(36,99,235,.12)}
.grid-variant-default-field{min-height:42px;border:1px solid var(--line);background:#F8F9FC;padding:10px 12px;display:flex;align-items:center;gap:10px;color:var(--navy);font-size:10px;font-weight:700;cursor:pointer}
.grid-variant-default-field input{accent-color:var(--navy)}
.grid-variant-note{margin:0;color:var(--muted);font-size:9px;line-height:1.5}
.grid-variant-delete-copy{margin:0;color:var(--ink);font-size:11px;line-height:1.55}
.grid-variant-delete-copy strong{color:var(--navy)}
.danger-button{background:#A61B34;color:#fff;border-color:#A61B34}
.danger-button:hover{background:#871329;border-color:#871329}
@media(max-width:820px){.grid-variant-control{max-width:100%}.grid-variant-picker select{width:145px}}
@media(max-width:520px){.grid-variant-control{width:100%;order:3;padding-left:5px}.grid-variant-leading{display:none}.grid-variant-picker{flex:1}.grid-variant-picker select{width:100%;min-width:0}.grid-variant-control .compact-icon{width:30px;height:30px}.grid-variant-dialog{width:calc(100vw - 18px)}}