/* Shared website shortcuts sit beside management, keeping the main tools visible. */
.header-links{display:flex;align-items:center;gap:6px;flex-shrink:0;min-width:0}
.header-links[hidden]{display:none}
.header-link-pins{display:none;align-items:center;gap:6px;min-width:0}
.topbar .header-link{min-width:0;max-width:128px;min-height:36px;padding:7px 8px;gap:5px;font-size:12px;font-weight:550;line-height:1.35;color:#315e80;background:#fff;border-color:#dce6ee}
.header-link-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar .header-link .icon{width:14px;height:14px;flex-shrink:0;color:#7790a4}
.topbar .header-link:hover{background:#f3f8fc;border-color:#a8c5db;color:var(--blue)}
.topbar .header-link-menu>summary{width:36px;min-height:36px;padding:8px;gap:0;background:#f7fafc;border-color:#dce6ee;color:#426d8d}
.header-link-menu>summary .icon,.header-link-menu>summary .icon-slot{width:17px;height:17px}
.header-link-menu-label,.header-link-menu>summary>.icon:last-child,.header-link-menu>summary>.icon-slot:last-child{display:none}
.topbar .header-link-menu[open]>summary,.topbar .header-link-menu>summary:hover{background:#eaf3fb;border-color:#a8c5db;color:var(--blue)}
.header-link-menu .header-link-list{width:280px;max-width:calc(100vw - 24px);padding:6px;max-height:min(440px,calc(100dvh - 95px));overflow:auto;overscroll-behavior:contain}
.header-link-item{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:10px 11px;border-radius:6px;color:#284e6c;text-decoration:none;line-height:1.4;overflow-wrap:anywhere}
.header-link-item>span{flex:1;min-width:0}
.header-link-item>.icon{width:15px;height:15px;flex-shrink:0;color:#7790a4}
.header-link-hint{padding:7px 10px;font-size:11px;color:var(--muted)}
.header-link-item:hover,.header-link-item:focus-visible{background:#edf5fc;color:var(--blue)}
.header-link-item .header-link-label,.header-link-item>span,.header-link-item>strong{display:block;font-size:13px;font-weight:600;white-space:normal;overflow-wrap:anywhere}
.header-link-item small{display:block;font-size:11px;color:#7b8c9a;margin-top:3px;font-weight:400;overflow-wrap:anywhere}
.header-link-list #manage-header-links{display:flex;align-items:center;justify-content:flex-start;gap:7px;width:100%;min-height:36px;margin-top:5px;padding:9px 10px;border:0;border-top:1px solid #e4ecf2;border-radius:0;background:#fff;font-size:12px;text-align:left;color:var(--blue);white-space:normal}
.header-link-list #manage-header-links:hover{background:#f3f8fc}
.header-link-list #manage-header-links:only-child{border-top:0;margin-top:0;border-radius:5px}
.header-link-list .hint{padding:8px 10px;white-space:normal}

@media(min-width:1600px){.header-link-pins{display:flex}}
@media(min-width:1600px) and (max-width:1799px){
 .topbar:has(.header-links:not(.hidden):not([hidden])) .quick-action-label{display:none}
 .topbar:has(.header-links:not(.hidden):not([hidden])) .quick-action-short{display:inline}
}
@media(min-width:951px) and (max-width:1100px){
 .topbar:has(.header-links:not(.hidden):not([hidden])) .quick-actions .quick-action{width:36px;padding:8px}
 .topbar:has(.header-links:not(.hidden):not([hidden])) .quick-action-label,
 .topbar:has(.header-links:not(.hidden):not([hidden])) .quick-action-short{display:none}
}
@media(max-width:620px){
 .topbar:has(.header-links:not(.hidden):not([hidden])) .brand{font-size:20px}
 .topbar:has(.header-links:not(.hidden):not([hidden])) .account>.icon-slot:last-child,
 .topbar:has(.header-links:not(.hidden):not([hidden])) .account>.icon:last-child{display:none}
 .header-link-menu .header-link-list{position:fixed;top:calc(var(--aec-topbar-height,167px) + 6px);left:12px;right:12px;width:auto;min-width:0;max-width:none;max-height:calc(100dvh - var(--aec-topbar-height,167px) - 20px)}
}
@media(max-width:360px){
 .topbar:has(.header-links:not(.hidden):not([hidden])) .management-menu>summary>.icon-slot:first-child,
 .topbar:has(.header-links:not(.hidden):not([hidden])) .management-menu>summary>.icon:first-child{display:none}
}

/* The editor is kept separate from the telesales workspace. */
#dialog:has(.quick-links-editor){width:min(1020px,calc(100vw - 30px))}
.quick-links-editor{min-width:0}
.quick-links-editor>.hint{font-size:12px;line-height:1.65;margin-bottom:16px}
.quick-link-row{display:grid;grid-template-columns:26px minmax(140px,1fr) minmax(230px,1.8fr) auto;align-items:end;gap:10px;padding:13px 0;border-bottom:1px solid #e3ebf2;min-width:0}
.quick-link-number{align-self:center;display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;font-size:11px;font-weight:600;background:#edf4fa;color:#668299}
.quick-link-row>label{min-width:0;font-size:12px;color:#597185}
.quick-link-row [data-link-label],.quick-link-row [data-link-url]{width:100%;min-width:0;min-height:38px;font-size:13px;line-height:1.45}
.quick-link-row [data-link-url]{font-variant-ligatures:none}
.quick-link-row input::placeholder{color:#9aa8b3;opacity:.8;font-weight:400}
.quick-link-row-actions{display:flex;align-items:center;gap:4px;flex-shrink:0;align-self:end}
.quick-link-row-actions button{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:38px;padding:7px;flex-shrink:0}
.quick-link-row-actions .icon{width:16px;height:16px}
.quick-link-row-actions button:disabled{cursor:default}
.quick-links-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:18px}
.quick-links-editor-actions>.button{min-height:36px}
.quick-links-editor .form-error{font-size:12px;line-height:1.6;overflow-wrap:anywhere}
@media(max-width:760px){
 .quick-link-row{grid-template-columns:25px minmax(0,1fr);align-items:start;gap:9px 10px;padding:14px 0}
 .quick-link-number{grid-column:1;grid-row:1;align-self:start;margin-top:25px}
 .quick-link-row>label,.quick-link-row>[data-link-label],.quick-link-row>[data-link-url]{grid-column:2}
 .quick-link-row-actions{grid-column:2;justify-content:flex-end}
 .quick-link-row-actions button{min-height:34px}
 .quick-links-editor-actions{align-items:stretch}
}
@media print{.header-links{display:none!important}}