/* Scoped addition. Existing library/card typography and colors remain native. */
.sk-doc-origin-filter{margin-inline-start:auto}
.sk-doc-origin-filter select{max-width:150px}
/* Origin is informational; keep it in the native metadata row, clear of card actions. */
#sk-doc-browser .sk-doc-card-meta--origin{position:relative;padding-right:26px;min-height:18px}
#sk-doc-browser .sk-doc-card-meta .sk-doc-origin{position:absolute;right:0;bottom:0;width:18px;height:18px;color:inherit;flex:none}
@media(max-width:640px){
  .sk-doc-controls-row .sk-doc-browser-filters{flex-basis:100%}
  .sk-doc-controls-row .sk-doc-origin-filter{margin-inline-start:0}
  .sk-doc-controls-row{gap:12px}
}

/* Reuse the existing Sort control rules verbatim for the origin picker. */
body#writing-app#writing-app #sk-doc-origin {font:inherit;color:var(--ss-text);background:var(--ss-surface);border:1px solid var(--ss-border);border-radius:8px;min-height:44px;padding:8px 30px 8px 12px;max-width:100%}
@supports (appearance:base-select) {
  body#writing-app#writing-app #sk-doc-origin,
  body#writing-app#writing-app #sk-doc-origin::picker(select) {appearance:base-select}
  body#writing-app#writing-app #sk-doc-origin {
    min-inline-size:176px;min-block-size:44px;gap:16px;
    padding:10px 14px!important;border-radius:8px!important;
    font:inherit!important;font-size:14px!important;line-height:22px!important;
    background:var(--ss-surface)!important;color:var(--ss-text)!important;
    border:1px solid var(--ss-border)!important;white-space:nowrap;
  }
  body#writing-app#writing-app #sk-doc-origin::picker(select) {
    margin-block-start:6px;padding:6px;border-radius:10px;
    background:var(--ss-surface);color:var(--ss-text);
    border:1px solid var(--ss-border);box-shadow:var(--ss-shadow);
    min-inline-size:anchor-size(width);max-inline-size:calc(100vw - 20px);
    max-block-size:min(240px,calc(100dvh - 24px));overflow:auto;
  }
  body#writing-app#writing-app #sk-doc-origin option {
    display:flex;align-items:center;min-block-size:44px;box-sizing:border-box;
    padding:10px 12px;border:0;border-radius:6px;
    font:inherit;line-height:22px;white-space:nowrap;
    background:var(--ss-surface);color:var(--ss-text);
    outline:none!important;text-decoration:none!important;
  }
  body#writing-app#writing-app #sk-doc-origin option:checked {
    background:var(--ss-selected);color:var(--ss-on-selected);font-weight:600;
  }
  body#writing-app#writing-app #sk-doc-origin option:not(:checked):is(:hover,:focus-visible),
  body#writing-app#writing-app #sk-doc-origin:focus-visible {background:var(--ss-hover)!important}
  body#writing-app#writing-app #sk-doc-origin option::checkmark {display:none}
  body#writing-app#writing-app #sk-doc-origin::picker-icon {color:var(--ss-muted)}
}
body#writing-app#writing-app #sk-doc-origin{min-inline-size:140px;max-width:100%}
@media(max-width:640px){
  body#writing-app#writing-app .sk-doc-controls-row .sk-doc-sort-label{flex:1 1 0;min-width:0;flex-direction:column;align-items:stretch;gap:6px}
  body#writing-app#writing-app .sk-doc-controls-row :is(#sk-doc-origin,#sk-doc-sort){width:100%;min-inline-size:0;max-width:100%;font-size:16px!important}
}
@media(max-width:420px){
  body#writing-app#writing-app .sk-doc-controls-row .sk-doc-sort-label{flex-basis:100%;display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:8px}
}

/* Keep the native device/sort controls equal, including longer translations. */
body#writing-app #sk-doc-browser#sk-doc-browser .sk-doc-controls-row :is(#sk-doc-origin,#sk-doc-sort){font-size:15px!important;line-height:1.5!important}
body#writing-app #sk-doc-browser#sk-doc-browser .sk-doc-controls-row #sk-doc-filters{margin-bottom:0}
@media(max-width:1100px){
  body#writing-app #sk-doc-browser#sk-doc-browser .sk-doc-controls-row{gap:16px}
  body#writing-app #sk-doc-browser#sk-doc-browser .sk-doc-controls-row #sk-doc-filters{flex-basis:100%}
  body#writing-app #sk-doc-browser#sk-doc-browser .sk-doc-controls-row .sk-doc-sort-label{display:flex;flex:1 1 0;min-width:0;flex-direction:column;align-items:stretch;gap:6px;margin:0}
  body#writing-app #sk-doc-browser#sk-doc-browser .sk-doc-controls-row :is(#sk-doc-origin,#sk-doc-sort){width:100%;min-inline-size:0;max-width:100%;font-size:16px!important}
}
@media(max-width:540px){
  body#writing-app #sk-doc-browser#sk-doc-browser .sk-doc-controls-row .sk-doc-sort-label{flex-basis:100%}
}

/* Quiet unselected stars, with the existing selected and interaction emphasis. */
body#writing-app#writing-app #sk-doc-browser .sk-doc-card-pin-btn[aria-pressed="false"] .sk-doc-card-pin{opacity:.7}
body#writing-app#writing-app #sk-doc-browser .sk-doc-card-pin-btn[aria-pressed="false"]:is(:hover,:focus-visible) .sk-doc-card-pin{opacity:1}
/* A valid 30-character category must fit even when it has no word breaks. */
body#writing-app#writing-app #sk-doc-browser .sk-doc-tag-pill{min-width:0;max-width:100%;box-sizing:border-box;white-space:normal!important;overflow-wrap:anywhere}