.hsm-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 18px;font-family:inherit;direction:rtl;color:#193c59}
.hsm-toolbar [hidden],.hsm-list [hidden]{display:none!important}
.hsm-save{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 14px;border:1px solid #bed3e7;border-radius:9px;background:#f1f7ff;color:#075fa5;font-family:inherit;font-size:14px;font-weight:700;line-height:1.5;cursor:pointer;margin:0;box-shadow:none}
.hsm-save svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;flex:0 0 auto}
.hsm-save.is-saved{background:#eaf4ff;border-color:#0866b3;color:#07528c}.hsm-save.is-saved svg{fill:#ffa51c;stroke:#075fa5}
.hsm-save:hover{background:#e6f0fb}.hsm-save:disabled{cursor:not-allowed;opacity:.65}
.hsm-toolbar .hsm-list-link{color:#075fa5;font-size:14px;text-decoration:underline;line-height:1.9}
.hsm-status{font-size:13px!important;line-height:1.8!important;color:#456075;margin:0!important;overflow-wrap:anywhere}
.hsm-toolbar .hsm-status{flex:1 1 220px}
.hsm-note{font-size:14px!important;line-height:1.9!important;color:#526d81;margin:0 0 17px!important}
.hsm-list{direction:rtl;color:#193c59;font-family:inherit;margin:15px 0 25px;padding:22px;border:1px solid #d9e5ef;border-radius:14px;background:#f8fbff;box-sizing:border-box}
.hsm-list *{box-sizing:border-box}
.hsm-controls{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:14px;margin:14px 0}
.hsm-controls label{display:block;color:#193c59;font-size:14px!important;font-weight:600}
.hsm-controls input,.hsm-controls select{display:block;width:100%;min-height:44px;margin-top:6px;padding:9px 12px;border:1px solid #bdcfe0;border-radius:9px;background:#fff;color:#193c59;font-size:15px;font-family:inherit;box-shadow:none}
.hsm-list-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;font-size:14px;color:#193c59;flex-wrap:wrap}
.hsm-clear,.hsm-remove{border:1px solid #c5d6e5;border-radius:8px;background:white;color:#425f75;padding:7px 12px;font-size:13px;line-height:1.6;font-family:inherit;cursor:pointer;box-shadow:none;margin:0}
.hsm-clear:hover,.hsm-remove:hover{border-color:#8baecb;background:#f0f6fc;color:#173f61}
.hsm-items{display:grid;gap:11px;margin-top:15px}
.hsm-item{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0;padding:14px 16px;border:1px solid #dbe6f0;border-radius:10px;background:#fff;box-shadow:none}
.hsm-item h3{margin:0!important;padding:0!important;border:0!important;background:transparent!important;font-size:16px!important;line-height:1.9!important;min-width:0}
.hsm-item h3 a{color:#075fa5!important;text-decoration:none;overflow-wrap:anywhere}.hsm-item h3 a:hover{text-decoration:underline}
.hsm-remove{flex:0 0 auto}
.hsm-empty{padding:25px 18px!important;margin:0!important;border:1px dashed #bfd2e2;border-radius:10px;background:#fff;color:#526d81;font-size:15px!important;line-height:1.9!important;text-align:center}
.hsm-toolbar button:focus-visible,.hsm-toolbar a:focus-visible,.hsm-list button:focus-visible,.hsm-list a:focus-visible,.hsm-list input:focus-visible,.hsm-list select:focus-visible{outline:3px solid #ffb237;outline-offset:3px}
@media(max-width:600px){.hsm-list{padding:15px 13px}.hsm-controls{grid-template-columns:1fr}.hsm-item{padding:12px;gap:10px;align-items:flex-start}.hsm-item h3{font-size:14px!important}.hsm-toolbar{gap:10px}.hsm-toolbar .hsm-status{flex-basis:100%}.hsm-remove{padding:7px 9px}.hsm-list-bar{align-items:flex-start}}

/* Compact article actions: stable placement, no floating overlay. */
.hsm-toolbar.hsm-toolbar--compact{display:block;margin:10px 0 18px;padding:0;border:0;background:transparent;box-shadow:none;text-align:start;clear:both}
.hsm-toolbar--compact .hsm-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hsm-toolbar--compact .hsm-save{min-height:44px;padding:10px 15px;border:1px solid #abc8e3;border-radius:9px;background:#f1f7ff;color:#075fa5;font-size:14px;line-height:1.5}
.hsm-toolbar--compact .hsm-save.is-saved{background:#e5f1ff;border-color:#075fa5;color:#064b82}
.hsm-toolbar--compact .hsm-save:hover{background:#e6f0fb}
.hsm-toolbar--compact .hsm-list-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:9px 13px;border:1px solid #d6e1ec;border-radius:9px;background:#fff;color:#075fa5;font-size:14px;font-weight:600;line-height:1.5;text-decoration:none}
.hsm-toolbar--compact .hsm-list-link:hover{background:#f5f9ff;border-color:#abc8e3;color:#064b82}
.hsm-toolbar--compact .hsm-list-count{font-size:12px;font-variant-numeric:tabular-nums}
.hsm-toolbar--compact .hsm-status{display:block;margin:7px 0 0!important;line-height:1.6!important}
.hsm-toolbar--compact .hsm-status:empty{display:none}
/* Equal-size controls in both saved and unsaved states. */
.hsm-toolbar--compact .hsm-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:360px}
.hsm-toolbar--compact .hsm-actions>.hsm-save,.hsm-toolbar--compact .hsm-actions>.hsm-list-link{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:100%;height:46px;min-height:46px;margin:0;padding:0 10px;font-family:inherit;font-size:14px;font-weight:700;line-height:1.5;white-space:nowrap}
.hsm-toolbar--compact .hsm-save [data-hsm-label]{display:inline-block;min-width:92px;text-align:center}
@media(max-width:600px){.hsm-toolbar.hsm-toolbar--compact{margin:10px 0 15px}.hsm-toolbar--compact .hsm-actions{gap:8px;max-width:none}.hsm-toolbar--compact .hsm-status{font-size:12px!important}}