/* Um ponto por cor; o nome permanece acessível e a seleção aparece abaixo. */
.tdt-ui .tdt-color-panel .tdt-color-grid,.tdt-admin .tdt-color-panel .tdt-color-grid{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.tdt-ui .tdt-color-panel .tdt-color-grid label.tdt-color-dot,.tdt-admin .tdt-color-panel .tdt-color-grid label.tdt-color-dot{position:relative;display:inline-flex!important;align-items:center;justify-content:center;width:38px;height:38px;min-height:38px;flex:0 0 38px;padding:3px!important;border:2px solid transparent;border-radius:50%;background:transparent;cursor:pointer;margin:0;box-sizing:border-box}
.tdt-ui .tdt-color-panel .tdt-color-dot .tdt-color-swatch,.tdt-admin .tdt-color-panel .tdt-color-dot .tdt-color-swatch{width:28px;height:28px;min-width:28px;border:1px solid #b9afc3;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff50}
.tdt-color-panel .tdt-color-dot>span:last-child{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.tdt-color-panel .tdt-color-dot input[type=checkbox]{position:absolute;width:1px!important;height:1px!important;min-width:1px!important;min-height:1px!important;opacity:0;padding:0!important}
.tdt-ui .tdt-color-panel .tdt-color-dot:has(input:checked),.tdt-admin .tdt-color-panel .tdt-color-dot:has(input:checked){border-color:#644075;background:#fff;box-shadow:0 0 0 2px #eadfed}
.tdt-color-panel .tdt-color-dot:has(input:checked)::after{content:'✓';position:absolute;right:-3px;bottom:-3px;width:15px;height:15px;display:grid;place-items:center;background:#644075;color:#fff;border:2px solid #fff;border-radius:50%;font:bold 10px Arial;line-height:1}
.tdt-color-panel .tdt-color-dot:has(input:focus-visible){outline:3px solid #9672a2;outline-offset:3px}
.tdt-ui .tdt-color-panel .tdt-color-grid label.tdt-color-unspecified,.tdt-admin .tdt-color-panel .tdt-color-grid label.tdt-color-unspecified{width:auto;flex-basis:auto;border-radius:20px;padding:7px 12px!important;font-size:11px!important;color:#614e6d;background:#f4eff7;gap:0!important}
.tdt-color-panel .tdt-color-unspecified>span:last-child{position:static;clip-path:none;width:auto;height:auto;white-space:normal;max-width:140px}
.tdt-color-panel .tdt-color-unspecified .tdt-color-swatch{display:none}
.tdt-ui input[type=color],.tdt-admin input[type=color],.hub-native-editor input[type=color]{appearance:none;-webkit-appearance:none;display:inline-block!important;width:36px!important;max-width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:3px!important;border:1px solid #cfc2d8!important;border-radius:50%!important;background:white!important;box-shadow:0 2px 6px #43284112;cursor:pointer;vertical-align:middle;overflow:hidden;flex:none}
.tdt-ui input[type=color]::-webkit-color-swatch-wrapper,.tdt-admin input[type=color]::-webkit-color-swatch-wrapper,.hub-native-editor input[type=color]::-webkit-color-swatch-wrapper{padding:0;border-radius:50%}
.tdt-ui input[type=color]::-webkit-color-swatch,.tdt-admin input[type=color]::-webkit-color-swatch,.hub-native-editor input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}
.tdt-ui input[type=color]::-moz-color-swatch,.tdt-admin input[type=color]::-moz-color-swatch{border:0;border-radius:50%}
.tdt-color-reference{position:relative;display:flex;gap:9px;align-items:center;flex-wrap:wrap;min-height:46px;font-size:12px;font-weight:400}
.tdt-color-reference>button{background:#f5eff9;border:1px solid #e2d6eb;border-radius:20px;padding:7px 12px;color:#56375f;cursor:pointer;font-family:inherit;font-weight:600;font-size:12px}
.tdt-color-reference .tdt-reference-options{position:absolute;display:flex;flex-wrap:wrap;gap:12px;top:100%;left:0;width:270px;max-width:80vw;padding:16px;background:white;border:1px solid #e1d5eb;border-radius:15px;box-shadow:0 10px 30px #43284120;z-index:20;box-sizing:border-box}
.tdt-color-reference .tdt-reference-options[hidden]{display:none}
.tdt-color-reference .tdt-reference-options button{width:30px;height:30px;min-height:30px;padding:0;border:1px solid #b9afc3;border-radius:50%;cursor:pointer;box-shadow:0 0 0 3px white}
.tdt-color-reference .tdt-reference-options button:hover,.tdt-color-reference .tdt-reference-options button:focus-visible{outline:2px solid #80528d;outline-offset:3px}
.tdt-reference-name{font-size:12px;color:#74647e}
.tdt-palette-library{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 32px;padding:20px;border:1px solid #e8dfef;border-radius:18px;background:#fcfafE}
.tdt-palette-library button.tdt-palette-edit{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e6ddeb;border-radius:22px;background:#fff;color:#44334e;font-size:12px;cursor:pointer}
.tdt-palette-edit>span{width:24px;height:24px;border:1px solid #c7bdce;border-radius:50%}
.hub-native-editor .tdt-form-row>label{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin:0;font-size:13px;color:#44384e}
.hub-native-editor .tdt-form-row>label>input:not([type=checkbox]):not([type=color]),.hub-native-editor .tdt-form-row>label>select{min-height:46px;border-radius:10px;background:#faf8fc}
.hub-native-editor .tdt-form-row>label:has(>input[type=checkbox]){flex-direction:row;align-items:center;padding-top:30px}
.tdt-form-row label>.tdt-color-reference{display:flex}