#kvArticleUsageHeader{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;font-size:12px;font-weight:400;color:#607489}#kvArticleUsageHeader[hidden],.kv-usage-entry[hidden]{display:none!important}.kv-usage-header-action{border:1px solid #dce5ec;border-radius:7px;background:#f6f9fc;color:#425c75;padding:6px 9px;font:inherit;cursor:pointer;white-space:nowrap}.kv-usage-counts{font-weight:400;line-height:1.4}.kv-usage-counts.is-unknown{color:#9d6b25}.kv-usage-counts.is-loading{color:#7e8b98}.kv-usage-dialog{box-sizing:border-box;width:min(760px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:0;border:1px solid #dbe4ec;border-radius:14px;color:#233446;background:#fff;overflow:auto}.kv-usage-dialog::backdrop{background:#26394c55}.kv-usage-shell{min-width:0}.kv-usage-shell>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid #e7edf3;position:sticky;top:0;background:white;z-index:1}.kv-usage-shell h2{font-size:20px;font-weight:500;margin:4px 0}.kv-usage-shell small{font-size:11px;color:#667c90}.kv-usage-shell main{padding:18px 20px;font-size:14px;line-height:1.5}.kv-usage-shell p{margin:0 0 14px}.kv-usage-identity{font-weight:500;overflow-wrap:anywhere}.kv-usage-status{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.kv-usage-status>div{border-bottom:1px solid #e5ecf2;padding:9px 0;display:flex;gap:12px;justify-content:space-between}.kv-usage-status dt{color:#607589}.kv-usage-status dd{margin:0;font-weight:500}.kv-usage-blocking{background:#fff9ef;border-left:3px solid #cfa663;padding:10px 12px;margin:14px 0;font-size:13px}.kv-usage-blocking ul{margin:7px 0;padding-left:18px}.kv-usage-warning{color:#936725;background:#fff9ef;padding:10px;border-radius:7px}.kv-usage-hint{font-size:12px;color:#718395}.kv-usage-shell label{display:flex;flex-direction:column;gap:6px;font-size:13px}.kv-usage-shell textarea,.kv-usage-shell input{box-sizing:border-box;border:1px solid #d4dfe9;border-radius:8px;padding:10px;font:inherit;max-width:100%;width:100%}.kv-usage-actions,.kv-usage-pages{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap}.kv-usage-search{display:flex;align-items:end;gap:8px;margin:18px 0}.kv-usage-search label{flex:1;min-width:0}.kv-usage-catalog>article{display:grid;grid-template-columns:minmax(0,1fr) 130px 150px;gap:12px;padding:14px 0;border-bottom:1px solid #e8eef3;align-items:center}.kv-usage-catalog p{margin:3px 0}.kv-usage-catalog strong,.kv-usage-catalog p{overflow-wrap:anywhere}.kv-usage-catalog span{font-size:12px;color:#607589}.kv-usage-pages span{font-size:12px}.kv-usage-dialog button{font-weight:400;font-size:13px;min-height:36px}.kv-usage-dialog button:focus-visible,.kv-usage-header-action:focus-visible{outline:2px solid #477496;outline-offset:2px}
@media(max-width:736px){#kvArticleUsageHeader{width:100%;justify-content:flex-end;font-size:11px}.kv-usage-shell>header,.kv-usage-shell main{padding:14px}.kv-usage-shell h2{font-size:18px}.kv-usage-status{grid-template-columns:1fr}.kv-usage-catalog>article{grid-template-columns:minmax(0,1fr) auto}.kv-usage-catalog span{grid-column:1}.kv-usage-catalog button{grid-column:2;grid-row:1/3;max-width:120px;white-space:normal}.kv-usage-actions button{flex:1}.kv-usage-dialog button{min-height:40px}.kv-usage-pages{justify-content:center}}
@media(max-width:390px){.kv-usage-dialog{width:calc(100vw - 12px);max-width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}.kv-usage-catalog>article{grid-template-columns:1fr}.kv-usage-catalog button{grid-column:1;grid-row:auto;max-width:none;justify-self:start}.kv-usage-counts{max-width:100%;overflow-wrap:anywhere}.kv-usage-actions{flex-direction:column;align-items:stretch}.kv-usage-pages span{order:3;flex-basis:100%;text-align:center}}
@media(max-width:736px){.kv-usage-header-action{min-height:40px}}
@media(max-width:390px){.kv-usage-search{flex-direction:column;align-items:stretch}.kv-usage-search button{align-self:flex-end}}
/* Header tools are rerendered independently. Keep this sibling inside the real flexible header. */
.kv145 #appView>.topbar:has(#kvArticleUsageHeader:not([hidden])){height:auto!important;max-height:none!important}
.kv145 #appView>.topbar .userbox:has(#kvArticleUsageHeader:not([hidden])){flex:1 1 auto!important;min-width:0}
.kv145 #appView>.topbar #kv145HeaderActions:has(#kvArticleUsageHeader:not([hidden])){min-width:0;max-width:100%;flex:1 1 auto!important;flex-wrap:wrap!important;justify-content:flex-end}
.kv145 #kv145HeaderActions>#kvArticleUsageHeader{order:10;justify-content:flex-end;flex-basis:100%;font-size:11px}
@media(max-width:699px){.kv145 #appView>.topbar:has(#kvArticleUsageHeader:not([hidden])){flex-wrap:wrap!important}.kv145 #appView>.topbar .userbox:has(#kvArticleUsageHeader:not([hidden])){flex:1 1 auto!important;min-width:0;width:auto!important}.kv145 #kv145HeaderActions:has(#kvArticleUsageHeader:not([hidden])){min-width:0;flex:1 1 auto!important}.kv145 #kvArticleUsageHeader{justify-content:flex-end;gap:5px;flex-basis:100%}}
#kvArticleUsageHeader .kv-usage-header-action{border:1px solid #dce5ec;border-radius:7px;background:#f6f9fc;color:#425c75;padding:6px 9px;font:inherit;font-weight:400;min-height:28px;white-space:nowrap;box-shadow:none}
@media(max-width:736px){#kvArticleUsageHeader .kv-usage-header-action{min-height:40px}}