/* 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}
/* Small phones: the 74 px label column (rule above) was out-ranked by the 1100 px stack rule, so the menus took two rows each. */
@media (max-width: 420px) {
  body#writing-app #sk-doc-browser#sk-doc-browser .sk-doc-controls-row .sk-doc-sort-label { display: grid; grid-template-columns: 74px minmax(0, 1fr); align-items: center; gap: 8px; }
}
/* Wide screens: the category pills share their row with the menus, so their own bottom line stopped halfway. */
@media (min-width: 1101px) {
  body#writing-app#writing-app #sk-doc-browser#sk-doc-browser .sk-doc-filter-pills { border-bottom: 0 !important; }
}
/* Device/sort menus use the app's own chevron (as in the word-suggestion settings), not the browser's solid triangle. */
@supports (appearance: base-select) {
  body#writing-app #sk-doc-browser :is(#sk-doc-origin, #sk-doc-sort)::picker-icon { content: ""; width: 7px; height: 7px; margin-right: 4px; margin-block: auto; border-right: 1.75px solid; border-bottom: 1.75px solid; transform: rotate(45deg); }
  body#writing-app #sk-doc-browser :is(#sk-doc-origin, #sk-doc-sort):open::picker-icon { transform: rotate(225deg); }
}
/* Phones: "Ny tekst" spans the row under the search instead of sitting alone at the left. */
@media (max-width: 767px) {
  body#writing-app #sk-doc-browser#sk-doc-browser .sk-doc-new-btn { width: 100%; justify-content: center; }
}

/* Round like skrivsikkert.dk and Prompts (operator 2 Nov 2026: "Yes, round it off"): pill controls, 14 px cards, 16 px menus. */
body#writing-app#writing-app #sk-doc-browser#sk-doc-browser :is(#sk-doc-search, #sk-doc-new-btn, .sk-doc-filter-pill, .sk-doc-filter-add, #sk-doc-origin, #sk-doc-sort, .sk-doc-card-pin-btn) { border-radius: 999px !important; }
body#writing-app#writing-app #sk-doc-browser#sk-doc-browser :is(.sk-doc-card, .sk-doc-skeleton):not(#x) { border-radius: 14px !important; }
body#writing-app#writing-app#writing-app:has(.sk-doc-browser-mode) :is(.sk-doc-ctx-menu, .sk-doc-tag-editor) { border-radius: 16px !important; }
body#writing-app#writing-app#writing-app:has(.sk-doc-browser-mode) .sk-doc-ctx-item { border-radius: 10px !important; }
@supports (appearance: base-select) {
  body#writing-app#writing-app #sk-doc-browser#sk-doc-browser :is(#sk-doc-origin, #sk-doc-sort)::picker(select) { border-radius: 12px; }
}