/* Admin U8 pins / recent pages / shortcut help (admin/admin-pins.js). Storybook skin of admin/theme.css + kit.css. */
.admin-pins-ready #kit-recent{display:none!important}
.admin-pins{margin:0 0 10px;padding:6px 6px 4px;border:1px solid #dcc5a9;border-radius:8px;background:#f9ebd2e8;color:#6f503b}
.admin-pins[hidden]{display:none}
.admin-pins-group+.admin-pins-group{margin-top:4px;padding-top:4px;border-top:1px dashed #dcc5a9}
.admin-pins-title{display:flex;align-items:center;gap:6px;margin:0 0 2px;padding:0 6px;color:#7a5a3a;font-size:12px;font-weight:700}
.admin-pins-title small{font-weight:400;color:#7d6450}
.admin-recent-toggle{display:flex;align-items:center;gap:6px;width:100%;min-height:26px;margin:0 -6px;padding:0 6px;border:0;border-radius:6px;background:transparent;box-shadow:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.admin-recent-toggle:hover{background:#fff2d5}
.admin-recent-caret{margin-left:auto;font-size:11px}
.admin-pins ol,.admin-pins ul{display:flex;flex-direction:column;gap:1px;margin:0;padding:0;list-style:none}
.admin-pins ul[hidden]{display:none}
.admin-pins li{display:flex;align-items:center;gap:1px;border-radius:6px}
.admin-pins li a{display:flex;flex:1;align-items:center;gap:8px;min-width:0;min-height:34px;padding:3px 6px;border-radius:6px;color:#6f503b;font-size:13.5px;text-decoration:none}
.admin-pins li a .icon{flex:none;width:18px;height:18px;color:#86664e}
.admin-pins-dot{flex:none;width:18px;text-align:center;color:#7d6450}
.admin-pins-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-pins li a:hover,.admin-pins li a[aria-current=page]{background:#fff2d5}
.admin-pins li a[aria-current=page]{font-weight:600}
.admin-pins button{font:inherit;cursor:pointer}
.admin-pin-star{flex:none;min-width:30px;min-height:30px;padding:0;border:0;border-radius:6px;background:transparent;box-shadow:none;color:#b08d5c;font-size:16px;line-height:1}
.admin-pin-star[aria-pressed=true]{color:#d39a2a}
.admin-pin-star:hover,.admin-pin-move:hover:not(:disabled){background:#fff2d5}
.admin-pin-moves{display:flex;flex:none;flex-direction:column}
.admin-pin-move{width:22px;height:16px;min-height:0;min-width:0;padding:0;border:0;border-radius:4px;background:transparent;box-shadow:none;color:#7a5a3a;font-size:9px;line-height:1}
.admin-pin-move:disabled{opacity:.25;cursor:default}
.admin-pins li:not(:hover):not(:focus-within) .admin-pin-move:not(:disabled){opacity:.45}
.admin-pins li[draggable=true]{cursor:grab}
.admin-pins li.dragging{opacity:.5}
.admin-pins li.drop-before{box-shadow:inset 0 2px 0 #d39a2a}
.admin-pins li.drop-after{box-shadow:inset 0 -2px 0 #d39a2a}
.admin-pins-status{margin:0;padding:0 6px;font-size:11.5px;color:#7d6a4f;min-height:0}
.admin-pins-status:empty{display:none}
.admin-pins-status[data-tone=bad]{color:#a64c36}
.admin-pins button:focus-visible,.admin-pins a:focus-visible,.admin-pin-current:focus-visible,.admin-shortcuts-help button:focus-visible{outline:2px solid #b98a5c;outline-offset:1px}
/* star beside the page title (sits right after the h1 in .page-heading, which is space-between) */
.page-heading .admin-pin-current{flex:none;margin:-9px auto 0 -6px;width:36px;height:36px;padding:0;border:1px solid #d5b78c;border-radius:50%;background:#fff8ecd9;box-shadow:0 1px 2px #71533233;color:#b08d5c;font-size:19px;line-height:1;cursor:pointer}
.page-heading .admin-pin-current[aria-pressed=true]{color:#d39a2a;background:#fff3d2}
.page-heading .admin-pin-current:hover{background:#fff}
.page-heading .admin-pin-current[hidden]{display:none}
/* star that follows the hovered sidebar link */
.admin-pin-hover{position:absolute;z-index:5;width:26px;height:26px;min-height:0;padding:0;border:0;border-radius:50%;background:#fff8ecee;box-shadow:0 1px 2px #71533240;color:#b08d5c;font-size:15px;line-height:1;cursor:pointer}
.admin-pin-hover.on{color:#d39a2a}
.admin-pin-hover[hidden]{display:none}
/* "g …" hint + shortcut help */
.admin-g-hint{position:fixed;z-index:4100;left:50%;bottom:22px;transform:translateX(-50%);padding:6px 14px;border:1px solid #cfae85;border-radius:16px;background:#fffaf0f5;box-shadow:0 4px 14px #5b3d2433;color:#5d4433;font-size:13px;pointer-events:none}
.admin-g-hint[hidden]{display:none}
.admin-shortcuts-help{position:fixed;z-index:4050;top:50%;left:50%;transform:translate(-50%,-50%);width:min(440px,calc(100vw - 24px));max-height:calc(100vh - 40px);overflow:auto;box-sizing:border-box;padding:12px 16px 14px;border:1px solid #cfae85;border-radius:12px;background:linear-gradient(115deg,#fffcf5,#fff7ea);box-shadow:inset 0 0 0 3px #fff9ef,0 12px 32px #5b3d2459;color:#49382f;font-size:13px}
.admin-shortcuts-help[hidden]{display:none}
.admin-shortcuts-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}
.admin-shortcuts-head h2{margin:0;font-size:17px;font-weight:600}
.admin-shortcuts-close{min-width:36px;min-height:36px;padding:0;border:1px solid #d9bd97;border-radius:50%;background:#fff8ec;color:#6f503b;font-size:20px;line-height:1;cursor:pointer}
.admin-shortcuts-help h3{margin:10px 0 3px;font-size:12px;color:#6b5643;font-weight:600}
.admin-shortcuts-table{width:100%;border-collapse:collapse}
.admin-shortcuts-table td{padding:3px 4px;border-bottom:1px dashed #ecdbc1;vertical-align:middle}
.admin-shortcut-keys{width:116px;white-space:nowrap}
.admin-shortcut-then{color:#6b5643;font-size:11px}
.admin-shortcuts-help kbd{display:inline-block;min-width:20px;padding:1px 6px;border:1px solid #cfae85;border-bottom-width:2px;border-radius:5px;background:#fff;color:#5d4433;font:600 12px/1.4 ui-monospace,Consolas,monospace;text-align:center}
.admin-shortcuts-empty{color:#6b5643}
.admin-shortcuts-note{margin:10px 0 0;color:#6b5643;font-size:11.5px}
@media(max-width:760px){
  .admin-pins{display:flex;flex-direction:column;gap:2px;max-width:100%;margin:0 0 6px;padding:4px 6px}
  .admin-pins[hidden]{display:none}
  .admin-pins-group{display:flex;align-items:center;gap:4px;min-width:0}
  .admin-pins-group+.admin-pins-group{margin-top:2px;padding-top:2px}
  .admin-pins-title{flex:none;margin:0;padding:0 2px;font-size:11px}
  .admin-pins-title small{display:none}
  .admin-recent-toggle{width:auto;margin:0;min-height:30px}
  .admin-pins ol,.admin-pins ul{flex-direction:row;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:thin}
  .admin-pins li{flex:none;background:#fff8ecb3}
  .admin-pins li a{min-height:30px;font-size:12px;gap:5px;padding:2px 6px}
  .admin-pins li a .icon,.admin-pins-dot{width:15px;height:15px}
  .admin-pins-name{max-width:110px}
  .admin-pin-moves{flex-direction:row}
  .admin-pin-move{width:20px;height:30px;transform:rotate(-90deg)}
  .admin-pin-star{min-width:28px;min-height:30px}
  .page-heading .admin-pin-current{margin:0 auto 0 -4px;width:32px;height:32px;font-size:17px}
}