/* utono v2.0.20 production foundations */
.utono-v220-quick-actions{display:flex;gap:6px;margin:6px 0 12px;align-items:center;flex-wrap:wrap}
.utono-v220-quick-actions button{appearance:none;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border,#d7d9d2);border-radius:11px;background:var(--panel,var(--surface,#fff));color:var(--text,#1d2622);padding:7px 9px;font-size:11px;cursor:pointer;min-height:34px}
.utono-v220-quick-actions button:hover,.utono-v220-quick-actions button:focus-visible{background:var(--hover,#e8efe9);outline-offset:2px}
.utono-v220-quick-actions .ico{width:14px;height:14px;flex-shrink:0}
.utono-v220-templates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:min(52vh,470px);overflow:auto;margin:14px 0;padding:2px}
.utono-v220-template{display:flex;position:relative;gap:12px;padding:14px;border:1px solid var(--border,#d8ddd8);background:var(--panel,#fff);border-radius:13px;cursor:pointer;min-width:0;color:var(--text,#1e2421)}
.utono-v220-template:has(input:checked){outline:2px solid var(--accent,#54715b);outline-offset:-2px;background:var(--hover,#eaf1ec)}
.utono-v220-template input{flex:0 0 auto;accent-color:#4e7058;margin-top:3px}
.utono-v220-template span{display:flex;gap:4px;flex-direction:column;min-width:0}
.utono-v220-template small{text-transform:uppercase;letter-spacing:.08em;color:var(--subtle,#69746a);font-size:9px}
.utono-v220-template strong{font-size:14px;line-height:1.35}
.utono-v220-template em{font-style:normal;font-size:11px;line-height:1.5;color:var(--muted,#5a655d)}
.utono-v220-import-summary{font-size:13px;color:var(--text,#1b2720)}
.utono-v220-import-summary>strong{display:block;margin:12px 0 6px}
.utono-v220-import-list{display:grid;gap:5px;max-height:180px;overflow:auto;padding:7px 0}
.utono-v220-import-list>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border,#ddd);padding:6px 0}
.utono-v220-import-list small{color:var(--muted,#667269);white-space:nowrap}
.utono-v220-warning{color:#bb7843}
.utono-v220-import-summary details{padding:8px;margin:10px 0;border:1px solid var(--border,#ddd);border-radius:10px;max-height:200px;overflow:auto}
.utono-v220-import-summary summary{cursor:pointer}
.utono-v220-import-summary li{overflow-wrap:anywhere;padding:3px 0}
@media(max-width:620px){.utono-v220-templates{grid-template-columns:1fr;max-height:46vh}.utono-v220-quick-actions{margin-bottom:9px}.utono-v220-quick-actions button{font-size:10px}}