/* Arauto V13 — Seleção, notas e cores. A identidade original é mantida. */
.ar-tagpick-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px;color:var(--ink)}
.ar-tagpick-heading strong{font-size:14px;font-weight:800}
.ar-tagpick-heading small{color:var(--muted);font-size:11px}
.ar-tag-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:4px}
.ar-tag-card{--c:var(--blue);cursor:pointer;display:flex;min-height:68px;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:color-mix(in srgb,var(--c) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--c) 23%,var(--line));border-radius:13px;padding:7px 3px;color:var(--c);font-family:var(--sans);font-size:10.5px;font-weight:700;line-height:1.15;text-align:center}
.ar-tag-card .ar-tag-outline{width:20px;height:20px;stroke:currentColor;stroke-width:1.8px}
.ar-tag-card span{color:var(--ink)}
.ar-tag-card.is-on{background:color-mix(in srgb,var(--c) 15%,var(--surface));border-color:var(--c);box-shadow:inset 0 0 0 1px var(--c)}
.ar-tag-card.is-on span{color:var(--c)}
.ar-tag-card:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.ar-tagdot{border-radius:7px!important;border:1px solid currentColor}
.ar-tagdot .ar-tag-outline{stroke:currentColor;display:block}
.vmark--tags .ar-tagdot{box-shadow:none}
.ar-attach-note{width:100%;display:flex;align-items:center;justify-content:space-between;gap:9px;padding:10px 12px;color:var(--blue);background:color-mix(in srgb,var(--blue) 6%,var(--surface));border:1px solid color-mix(in srgb,var(--blue) 20%,var(--line));border-radius:12px;text-align:left;font:700 12px var(--sans);cursor:pointer}
.bar__actions button .ic{width:18px;height:18px;color:var(--blue);stroke-width:1.8px}
.ar-attach-note .ic{width:17px;height:17px}
.ar-attach-note .ic:last-child{margin-left:auto}
.ar-attach-note:hover{background:color-mix(in srgb,var(--blue) 12%,var(--surface))}
.ar-selected-note-quote{font-family:var(--serif);font-size:15px;line-height:1.5;color:var(--ink);border:1px solid var(--line);border-radius:13px;padding:12px;background:var(--surface-2);margin:0}
.ar-word-note{vertical-align:middle;display:inline-flex;align-items:center;justify-content:center;padding:1px 2px;margin:0 3px 0 2px;border:0;border-radius:4px;background:color-mix(in srgb,var(--blue) 9%,var(--surface));color:var(--blue);cursor:pointer;position:relative;z-index:2}
.ar-word-note .ic{width:12px;height:12px}
.ar-word-note:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.ar-cp{gap:11px}.ar-cp-mode{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:4px;background:var(--surface-2);border-radius:12px;border:1px solid var(--line)}
.ar-cp-mode button{cursor:pointer;border:0;background:transparent;color:var(--muted);font:700 13px var(--sans);padding:9px 12px;border-radius:9px}
.ar-cp-mode button[aria-pressed=true]{background:var(--surface);color:var(--blue);box-shadow:0 1px 6px #0b16261a}
.ar-cp-tip{font-size:12px;color:var(--muted);margin:0}
.ar-cp-pastel{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
.ar-cp-pastel button{height:29px;border:1px solid var(--line);border-radius:9px;cursor:pointer}
.ar-cp-pastel button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.ar-cp-rgb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ar-cp-rgb label{display:flex;align-items:center;gap:6px;min-width:0;padding:6px 9px;border:1px solid var(--line);border-radius:11px;font:700 13px var(--sans);color:var(--ink)}
.ar-cp-rgb input{min-width:0;max-width:100%;width:100%;background:transparent;border:0;outline:none;font:600 14px var(--sans);color:var(--ink)}
.ar-cp .cp__sv{height:172px}
.ar-cp .cp__hue{height:21px}
.ar-cp .cp__hex{min-width:120px}
@media(min-width:530px){.ar-tag-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:380px){.ar-tag-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ar-cp .cp__sv{height:145px}}