/* Mine tekster: presentation only, on the existing Writing components. */
body#writing-app#writing-app #sk-doc-browser {
  padding-top:32px!important;
}
body#writing-app#writing-app #sk-doc-browser .sk-doc-browser-header {
  gap:22px!important;margin-bottom:18px!important;
}
body#writing-app#writing-app #sk-doc-browser .sk-doc-browser-title {
  font-size:28px!important;line-height:1.25!important;font-weight:650!important;letter-spacing:-.025em!important;
}
body#writing-app#writing-app #sk-doc-browser :is(.sk-doc-search,.sk-doc-gdocs-btn,.sk-doc-new-btn,.sk-doc-load-more) {
  border-radius:8px!important;box-shadow:none!important;
}
body#writing-app#writing-app #sk-doc-browser .sk-doc-search {
  font-size:15px!important;border-color:var(--ss-border)!important;
}
body#writing-app#writing-app #sk-doc-browser .sk-doc-search-icon,
body#writing-app#writing-app #sk-doc-browser .sk-doc-search::placeholder {color:var(--ss-muted)!important}
body#writing-app#writing-app #sk-doc-browser .sk-doc-search:focus-visible {border-color:var(--ss-focus)!important}
body#writing-app#writing-app #sk-doc-browser .sk-doc-new-btn {
  padding-inline:18px!important;font-weight:600!important;background:var(--ss-action)!important;transform:none!important;
}
body#writing-app#writing-app #sk-doc-browser .sk-doc-new-btn:hover {background:var(--ss-action-hover)!important}
body#writing-app#writing-app #sk-doc-browser .sk-doc-browser-filters {margin-bottom:18px!important}
body#writing-app#writing-app #sk-doc-browser .sk-doc-filter-pills {
  gap:6px!important;padding:3px 0 7px!important;border-bottom:1px solid var(--ss-border)!important;
}
body#writing-app#writing-app #sk-doc-browser :is(.sk-doc-filter-pill,.sk-doc-filter-add,.sk-doc-newcat) {
  border-radius:6px!important;min-height:44px!important;box-shadow:none!important;
}
body#writing-app#writing-app #sk-doc-browser .sk-doc-filter-pill {
  border:1px solid transparent!important;background:transparent!important;font-size:14px!important;padding-inline:14px!important;
}
body#writing-app#writing-app #sk-doc-browser .sk-doc-filter-pill:hover {background:var(--ss-hover)!important}
body#writing-app#writing-app #sk-doc-browser .sk-doc-filter-pill--active {
  background:var(--ss-selected)!important;color:var(--ss-on-selected)!important;border-color:var(--ss-border)!important;
}
body#writing-app#writing-app #sk-doc-browser .sk-doc-filter-add {border:1px solid transparent!important;color:var(--ss-muted)!important;background:transparent!important}
body#writing-app#writing-app #sk-doc-browser .sk-doc-filter-add:hover {background:var(--ss-hover)!important}
body#writing-app#writing-app #sk-doc-browser .sk-doc-list {gap:14px 16px!important}
body#writing-app#writing-app #sk-doc-browser .sk-doc-group-header {
  padding:18px 0 0!important;margin:0!important;border-bottom:0!important;font-size:13px!important;line-height:20px!important;font-weight:600!important;color:var(--ss-muted)!important;
}
body#writing-app#writing-app #sk-doc-browser .sk-doc-group-header:first-child {padding-top:0!important}
body#writing-app#writing-app #sk-doc-browser .sk-doc-card {
  border-radius:8px!important;padding:18px!important;min-height:166px!important;gap:10px!important;
  border-color:var(--ss-border)!important;background:var(--ss-surface)!important;
  box-shadow:none!important;backdrop-filter:none!important;transform:none!important;
}
body#writing-app#writing-app #sk-doc-browser .sk-doc-card:hover {
  background:var(--ss-surface)!important;border-color:var(--ss-control-border)!important;
  box-shadow:0 2px 6px #00000008!important;
}
body#writing-app#writing-app #sk-doc-browser .sk-doc-card-top {min-height:24px!important;align-items:flex-start!important}
body#writing-app#writing-app #sk-doc-browser .sk-doc-card-title {
  font-size:15px!important;line-height:21px!important;font-weight:600!important;letter-spacing:-.01em!important;
}
body#writing-app#writing-app #sk-doc-browser .sk-doc-card-summary {
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
  white-space:normal!important;overflow:hidden!important;max-height:42px!important;min-height:42px!important;
  margin:0!important;font-size:13px!important;line-height:21px!important;color:var(--ss-muted)!important;
}
body#writing-app#writing-app #sk-doc-browser .sk-doc-card-meta {
  border-top:0!important;padding-top:2px!important;margin-top:auto!important;font-size:12px!important;line-height:18px!important;color:var(--ss-muted)!important;
}
body#writing-app#writing-app #sk-doc-browser .sk-doc-card-pin-btn {width:28px!important;height:28px!important;min-width:28px!important;margin:-3px -5px 0 0!important;border-radius:5px!important;color:var(--ss-muted)!important}
body#writing-app#writing-app #sk-doc-browser .sk-doc-card-pin-btn[aria-pressed=true] {color:var(--ss-on-selected)!important}
body#writing-app#writing-app #sk-doc-browser :is(.sk-doc-tag-pill,.sk-doc-card-badge) {
  border-radius:4px!important;background:var(--ss-selected)!important;color:var(--ss-on-selected)!important;font-weight:500!important;
}
body#writing-app#writing-app #sk-doc-browser .sk-doc-card--selected {background:var(--ss-selected)!important;border-color:var(--ss-on-selected)!important}
body#writing-app#writing-app #sk-doc-browser :is(button,.sk-doc-card):focus-visible {outline:none!important;background:var(--ss-hover)!important}
body#writing-app#writing-app #sk-doc-browser .sk-doc-load-more {background:var(--ss-surface)!important;color:var(--ss-text)!important;border-color:var(--ss-border)!important;min-height:44px!important}
body#writing-app#writing-app #sk-doc-selection-bar {border-radius:10px!important;box-shadow:var(--ss-shadow)!important;border-color:var(--ss-border)!important}
body#writing-app#writing-app:has(.sk-doc-browser-mode) :is(.sk-doc-ctx-menu,.sk-doc-tag-editor) {border-radius:10px!important;background:var(--ss-surface)!important;color:var(--ss-text)!important;border-color:var(--ss-border)!important;box-shadow:var(--ss-shadow)!important}
body#writing-app#writing-app:has(.sk-doc-browser-mode) .sk-doc-ctx-item {border-radius:5px!important;color:var(--ss-text)!important}
body#writing-app#writing-app:has(.sk-doc-browser-mode) .sk-doc-ctx-item:is(:hover,:focus-visible) {background:var(--ss-hover)!important}
body#writing-app#writing-app:has(.sk-doc-browser-mode) .sk-doc-ctx-item--danger {color:var(--color-danger,#c0443b)!important}
body#writing-app#writing-app #sk-doc-browser .sk-doc-skeleton {border-radius:8px!important;min-height:166px!important}
body#writing-app#writing-app:has(.sk-doc-browser-mode) :is(.sk-doc-preview-panel,.sk-doc-qs-panel) {border-radius:12px!important;background:var(--ss-surface)!important;border-color:var(--ss-border)!important;box-shadow:var(--ss-shadow)!important}
body#writing-app#writing-app:has(.sk-doc-browser-mode) :is(.sk-doc-preview-title,.sk-doc-preview-text,.sk-doc-qs-item) {color:var(--ss-text)!important}
body#writing-app#writing-app:has(.sk-doc-browser-mode) :is(.sk-doc-preview-kicker,.sk-doc-preview-meta,.sk-doc-ctx-item svg) {color:var(--ss-muted)!important}
body#writing-app#writing-app:has(.sk-doc-browser-mode) :is(.sk-doc-preview-open,.sk-doc-preview-write) {border-color:var(--ss-action)!important;background:var(--ss-action)!important;color:var(--ss-on-action)!important;border-radius:8px!important;min-height:44px!important}
body#writing-app#writing-app:has(.sk-doc-browser-mode) :is(.sk-doc-preview-cancel,.sk-doc-preview-chat,.sk-doc-preview-close) {border-color:var(--ss-border)!important;background:var(--ss-surface)!important;color:var(--ss-text)!important;border-radius:8px!important;min-height:44px!important}
body#writing-app#writing-app:has(.sk-doc-browser-mode) .sk-doc-preview-close {min-width:44px!important}
body#writing-app#writing-app:has(.sk-doc-browser-mode) :is(.sk-doc-preview-modal,.sk-doc-qs-overlay) {background:var(--ss-overlay)!important}
body#writing-app#writing-app:has(.sk-doc-browser-mode) :is(.sk-doc-preview-panel,.sk-doc-ctx-menu,.sk-doc-tag-editor) button:focus-visible {outline:none!important;background:var(--ss-hover)!important}
@media(max-width:767px) {
  body#writing-app#writing-app #sk-doc-browser {padding-top:24px!important;padding-inline:20px!important}
  body#writing-app#writing-app #sk-doc-browser .sk-doc-browser-title {font-size:25px!important}
  body#writing-app#writing-app #sk-doc-browser .sk-doc-browser-header {gap:18px!important}
  body#writing-app#writing-app #sk-doc-browser .sk-doc-card {padding:16px!important}
  body#writing-app#writing-app #sk-doc-browser .sk-doc-card-pin-btn {width:44px!important;height:44px!important;min-width:44px!important;margin:-10px -10px -6px 0!important}
}
@media(prefers-reduced-motion:reduce) {
  body#writing-app#writing-app #sk-doc-browser * {transition:none!important}
}
@media(pointer:coarse) {
  body#writing-app#writing-app:has(.sk-doc-browser-mode) .sk-doc-ctx-item {min-height:44px!important;font-size:14px!important}
}

/* Documents audit fixes: reuse native controls, keep navigation unchanged. */
body#writing-app#writing-app:has(.sk-doc-browser-mode) :is(#user-avatar,#sk-doc-browser button,#sk-doc-browser input,#sk-doc-browser select,.sk-doc-card,.sk-doc-ctx-item,.sk-doc-tag-editor button,.sk-doc-tag-editor input,.sk-confirm-card button,.sk-confirm-card input) {
  outline:none!important;text-decoration:none!important;
}
body#writing-app#writing-app:has(.sk-doc-browser-mode) #user-avatar:focus-visible,
body#writing-app#writing-app #sk-doc-browser .sk-doc-card--focused {
  background:var(--ss-hover)!important;
}
body#writing-app#writing-app #sk-doc-browser .sk-doc-list--selecting .sk-doc-card {
  padding-inline-start:74px!important;
}
body#writing-app#writing-app #sk-doc-selection-bar {
  background:var(--ss-surface)!important;color:var(--ss-text)!important;
}
body#writing-app#writing-app #sk-doc-selection-bar .sk-doc-sel-actions {flex-wrap:wrap!important}
body#writing-app#writing-app #sk-doc-selection-bar .sk-doc-sel-btn {white-space:nowrap!important}
@media(max-width:767px) {
  body#writing-app#writing-app #sk-doc-selection-bar {
    bottom:calc(var(--mn-bar-height,60px) + 12px)!important;
    left:10px!important;right:10px!important;transform:none!important;
    flex-direction:column!important;align-items:stretch!important;
    max-height:calc(100dvh - var(--mn-bar-height,60px) - 24px)!important;overflow-y:auto!important;
  }
  body#writing-app#writing-app #sk-doc-selection-bar .sk-doc-sel-btn {flex:1 1 auto!important;min-height:44px!important;justify-content:center!important}
  body#writing-app#writing-app #sk-doc-browser:has(.sk-doc-list--selecting) {padding-bottom:200px!important}
}

body#writing-app#writing-app:has(.sk-doc-browser-mode) .sk-doc-tag-editor {max-height:calc(100dvh - 16px);overflow-y:auto}
body#writing-app#writing-app:has(.sk-doc-browser-mode) :is(.sk-doc-tag-option,.sk-doc-tag-editor-input) {background:var(--ss-surface)!important;color:var(--ss-text)!important;border-color:var(--ss-border)!important}
body#writing-app#writing-app:has(.sk-doc-browser-mode) .sk-doc-tag-option--active {background:var(--ss-action)!important;color:var(--ss-on-action)!important}
@media(max-width:767px) {body#writing-app#writing-app:has(.sk-doc-browser-mode) .sk-doc-tag-editor {max-height:calc(100dvh - var(--mn-bar-height,60px) - 16px)}}

/* The shared writing skin has a later focus rule; scope this override to Documents. */
body#writing-app#writing-app[data-writing-design]:has(.sk-doc-browser-mode) :is(#user-avatar,#sk-doc-browser button,#sk-doc-browser input,#sk-doc-browser select,.sk-doc-card,.sk-doc-ctx-item,.sk-doc-tag-editor button,.sk-doc-tag-editor input,.sk-confirm-card button,.sk-confirm-card input):is(:focus,:focus-visible) {outline:none!important;outline-offset:0!important;text-decoration:none!important}

/* Native sorting, styled where supported; older browsers retain their native picker. */
@supports (appearance:base-select) {
  body#writing-app#writing-app #sk-doc-sort,
  body#writing-app#writing-app #sk-doc-sort::picker(select) {appearance:base-select}
  body#writing-app#writing-app #sk-doc-sort {
    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-sort::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-sort 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-sort option:checked {
    background:var(--ss-selected);color:var(--ss-on-selected);font-weight:600;
  }
  body#writing-app#writing-app #sk-doc-sort option:not(:checked):is(:hover,:focus-visible),
  body#writing-app#writing-app #sk-doc-sort:focus-visible {background:var(--ss-hover)!important}
  body#writing-app#writing-app #sk-doc-sort option::checkmark {display:none}
  body#writing-app#writing-app #sk-doc-sort::picker-icon {color:var(--ss-muted)}
}

/* Existing category colour doubles as the native drag destination cue. */
body#writing-app#writing-app #sk-doc-browser .sk-doc-filter-pill.sk-doc-drop-target {
  background:var(--ss-selected)!important;color:var(--ss-on-selected)!important;
}

/* PDF preview: the document and its actions are sufficient; omit incidental metadata. */
body#writing-app .sk-doc-preview-panel--pdf .sk-doc-preview-meta{display:none!important}