
#ln-pendencias {
  --ln-bg: light-dark(oklch(98% .006 260), oklch(19% .008 260));
  --ln-surface: light-dark(oklch(99.7% .002 260), oklch(23% .008 260));
  --ln-soft: light-dark(oklch(96% .007 260), oklch(27% .01 260));
  --ln-ink: light-dark(oklch(25% .037 260), oklch(94% .006 260));
  --ln-sub: light-dark(oklch(47% .028 260), oklch(74% .015 260));
  --ln-line: light-dark(oklch(89% .013 260), oklch(36% .015 260));
  --ln-accent: light-dark(oklch(48% .24 275), oklch(72% .15 275));
  --ln-accent-soft: light-dark(oklch(95% .026 275), oklch(30% .05 275));
  --ln-on-accent: light-dark(oklch(99% .002 260), oklch(20% .015 275));
  --ln-good: light-dark(oklch(40% .105 163), oklch(79% .13 163));
  --ln-good-soft: light-dark(oklch(96% .023 163), oklch(27% .035 163));
  --ln-warn: light-dark(oklch(43% .10 65), oklch(80% .12 65));
  --ln-warn-soft: light-dark(oklch(97% .025 75), oklch(28% .035 75));
  --ln-error: light-dark(oklch(47% .17 25), oklch(77% .13 25));
  --ln-gap: 12px;
  color: var(--ln-ink); background: var(--ln-bg); border: 1px solid var(--ln-line);
  border-radius: 12px; font: 14px/1.5 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  position: relative; isolation: isolate; overflow-wrap: anywhere;
}
#ln-pendencias * { box-sizing: border-box; }
#ln-pendencias [hidden] { display: none !important; }
#ln-pendencias button, #ln-pendencias input, #ln-pendencias textarea, #ln-pendencias select { font: inherit; color: inherit; }
#ln-pendencias button, #ln-pendencias a { touch-action: manipulation; }
#ln-pendencias button { border: 1px solid var(--ln-line); border-radius: 6px; background: var(--ln-soft); padding: 8px 12px; }
#ln-pendencias button:hover { background: var(--ln-accent-soft); }
#ln-pendencias button:disabled { opacity: .5; }
#ln-pendencias .ln-primary { background: var(--ln-accent); color: var(--ln-on-accent); border-color: var(--ln-accent); }
#ln-pendencias .ln-primary:hover { opacity: .9; background: var(--ln-accent); }
#ln-pendencias input:not([type=checkbox]), #ln-pendencias select, #ln-pendencias textarea { width: 100%; min-width: 0; border: 1px solid var(--ln-line); border-radius: 6px; background: var(--ln-surface); padding: 9px 10px; }
#ln-pendencias textarea { resize: vertical; min-height: 92px; }
#ln-pendencias input[type=checkbox] { width: 16px; height: 16px; accent-color: var(--ln-accent); flex-shrink: 0; }
#ln-pendencias input::placeholder, #ln-pendencias textarea::placeholder { color: var(--ln-sub); opacity: .85; }
#ln-pendencias h1, #ln-pendencias h2, #ln-pendencias h3, #ln-pendencias p { margin: 0; }
#ln-pendencias h1 { font-size: 24px; line-height: 1.3; font-weight: 650; letter-spacing: -.4px; }
#ln-pendencias h2 { font-size: 19px; line-height: 1.35; font-weight: 600; }
#ln-pendencias h3 { font-size: 14px; font-weight: 600; }
#ln-pendencias a { color: var(--ln-accent); text-decoration: underline; }
#ln-pendencias code { font: 12px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; }
#ln-pendencias .ln-muted { color: var(--ln-sub); }
#ln-pendencias .ln-small { font-size: 12px; }
#ln-pendencias .ln-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
#ln-pendencias .ln-between { justify-content: space-between; }
#ln-pendencias .ln-stack { display: grid; gap: 14px; min-width: 0; }
#ln-pendencias .ln-top { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 18px 110px 18px 24px; background: var(--ln-surface); border-bottom: 1px solid var(--ln-line); border-radius: 12px 12px 0 0; }
#ln-pendencias .ln-mark { color: var(--ln-accent); font-size: 22px; font-weight: 750; letter-spacing: -1px; }
#ln-pendencias .ln-divider { width: 1px; height: 20px; background: var(--ln-line); }
#ln-pendencias .ln-personal { margin-left: auto; display: flex; align-items: center; gap: 6px; color: var(--ln-sub); font-size: 12px; }
#ln-pendencias .ln-demo { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 8px 24px; font-size: 12px; color: var(--ln-sub); background: var(--ln-soft); border-bottom: 1px solid var(--ln-line); }
#ln-pendencias .ln-demo b { color: var(--ln-ink); font-weight: 600; }
#ln-pendencias .ln-nav { display: flex; flex-wrap: wrap; gap: 6px; padding: 14px 24px 0; }
#ln-pendencias .ln-nav button { background: transparent; border-color: transparent; }
#ln-pendencias .ln-nav button[aria-selected=true] { background: var(--ln-accent-soft); color: var(--ln-accent); }
#ln-pendencias .ln-page { padding: 20px 24px 24px; }
#ln-pendencias .ln-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 20px; }
#ln-pendencias .ln-heading p { margin-top: 4px; color: var(--ln-sub); }
#ln-pendencias .ln-toolbar { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin-bottom: 20px; }
#ln-pendencias .ln-search { flex: 1 1 240px; min-width: 0; }
#ln-pendencias .ln-filter { flex: 0 1 174px; }
#ln-pendencias .ln-toolbar label { display: grid; gap: 4px; font-size: 12px; color: var(--ln-sub); }
#ln-pendencias .ln-board { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--ln-gap); align-items: start; }
#ln-pendencias .ln-lane { min-width: 0; background: var(--ln-soft); border-radius: 8px; padding: 10px 8px; min-height: 330px; }
#ln-pendencias .ln-lane-title { display: flex; justify-content: space-between; align-items: start; gap: 6px; padding: 3px 2px 12px; font-size: 12px; font-weight: 600; }
#ln-pendencias .ln-stage-title { display: flex; align-items: center; gap: 6px; }
#ln-pendencias .ln-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--ln-sub); flex-shrink: 0; }
#ln-pendencias .ln-dot[data-stage="2"] { background: var(--ln-accent); }
#ln-pendencias .ln-dot[data-stage="3"] { background: var(--ln-warn); }
#ln-pendencias .ln-dot[data-stage="4"] { background: var(--ln-good); }
#ln-pendencias .ln-count { background: var(--ln-surface); color: var(--ln-sub); border-radius: 4px; padding: 0 6px; font-weight: 400; }
#ln-pendencias .ln-cards { display: grid; gap: var(--ln-gap); }
#ln-pendencias .ln-case { display: block; width: 100%; text-align: left; background: var(--ln-surface); border: 1px solid var(--ln-line); border-radius: 7px; padding: 12px 10px; min-width: 0; }
#ln-pendencias .ln-case:hover { background: var(--ln-surface); border-color: var(--ln-accent); }
#ln-pendencias .ln-case-title { display: block; font-weight: 600; margin: 9px 0 11px; font-size: 13px; line-height: 1.45; }
#ln-pendencias .ln-case-code { font-size: 11px; color: var(--ln-sub); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
#ln-pendencias .ln-priority { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; color: var(--ln-sub); }
#ln-pendencias .ln-priority[data-priority=Alta], #ln-pendencias .ln-priority[data-priority=Crítica] { color: var(--ln-error); }
#ln-pendencias .ln-tags { display: flex; flex-wrap: wrap; gap: 4px; }
#ln-pendencias .ln-tag { padding: 2px 6px; border-radius: 4px; background: var(--ln-soft); color: var(--ln-sub); font-size: 11px; }
#ln-pendencias .ln-tag.ln-env { color: var(--ln-accent); background: var(--ln-accent-soft); }
#ln-pendencias .ln-card-footer { display: flex; align-items: center; justify-content: space-between; gap: 6px; border-top: 1px solid var(--ln-line); margin-top: 12px; padding-top: 10px; color: var(--ln-sub); font-size: 11px; }
#ln-pendencias .ln-signal { margin-top: 8px; font-size: 11px; color: var(--ln-warn); }
#ln-pendencias .ln-empty { padding: 16px 4px; color: var(--ln-sub); font-size: 12px; }
#ln-pendencias .ln-toolbar .ln-mobile-stage { display: none; }
#ln-pendencias .ln-bottom { margin-top: 18px; padding-top: 12px; border-top: 1px solid var(--ln-line); font-size: 12px; color: var(--ln-sub); display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
#ln-pendencias .ln-form-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px 24px; }
#ln-pendencias .ln-field { display: grid; gap: 6px; min-width: 0; }
#ln-pendencias .ln-field > span, #ln-pendencias legend { font-weight: 550; }
#ln-pendencias .ln-field .ln-muted { font-weight: 400; }
#ln-pendencias .ln-full { grid-column: 1 / -1; }
#ln-pendencias fieldset { min-width: 0; border: 0; padding: 0; margin: 0; }
#ln-pendencias legend { padding: 0 0 8px; font-size: 14px; }
#ln-pendencias .ln-checks { display: flex; flex-wrap: wrap; gap: 6px; }
#ln-pendencias .ln-check { display: inline-flex; align-items: center; gap: 7px; padding: 7px 9px; border-radius: 6px; border: 1px solid var(--ln-line); background: var(--ln-surface); font-size: 12px; }
#ln-pendencias .ln-check:has(input:checked) { color: var(--ln-accent); background: var(--ln-accent-soft); border-color: color-mix(in oklch, var(--ln-accent), var(--ln-line) 60%); }
#ln-pendencias .ln-multiselect { display: grid; gap: 8px; min-width: 0; }
#ln-pendencias .ln-ms-trigger { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 42px; text-align: left; background: var(--ln-surface); }
#ln-pendencias .ln-ms-trigger[aria-expanded=true] { border-color: var(--ln-accent); }
#ln-pendencias .ln-ms-panel { background: var(--ln-surface); border: 1px solid var(--ln-line); border-radius: 7px; padding: 10px; display: grid; gap: 8px; }
#ln-pendencias .ln-ms-options { display: grid; gap: 2px; }
#ln-pendencias .ln-ms-options .ln-check { width: 100%; border: 0; background: transparent; padding: 8px; font-size: 13px; }
#ln-pendencias .ln-ms-options .ln-check:hover { background: var(--ln-soft); }
#ln-pendencias .ln-ms-options .ln-check:has(input:checked) { background: var(--ln-accent-soft); }
#ln-pendencias .ln-ms-selected { display: flex; flex-wrap: wrap; gap: 5px; }
#ln-pendencias .ln-ms-chip { display: inline-flex; align-items: center; gap: 6px; background: var(--ln-accent-soft); color: var(--ln-accent); border: 0; font-size: 12px; padding: 4px 8px; }
#ln-pendencias .ln-ms-bottom { display: flex; gap: 8px; justify-content: space-between; align-items: center; flex-wrap: wrap; border-top: 1px solid var(--ln-line); padding-top: 8px; }
#ln-pendencias .ln-ms-bottom button { padding: 5px 8px; font-size: 12px; }
#ln-pendencias .ln-context { display: grid; gap: 12px; border-top: 1px solid var(--ln-line); padding-top: 16px; }
#ln-pendencias .ln-context pre { min-width: 0; max-width: 100%; white-space: pre-wrap; overflow-wrap: anywhere; background: var(--ln-surface); border: 1px solid var(--ln-line); border-radius: 6px; padding: 12px; margin: 8px 0 0; font-size: 12px; }
#ln-pendencias .ln-case-tabs { display: flex; flex-wrap: wrap; gap: 6px; border-bottom: 1px solid var(--ln-line); margin-bottom: 22px; padding-bottom: 10px; }
#ln-pendencias .ln-case-tabs button { background: transparent; border-color: transparent; }
#ln-pendencias .ln-case-tabs button[aria-selected=true] { color: var(--ln-accent); background: var(--ln-accent-soft); }
#ln-pendencias .ln-case-tab-panel { display: grid; gap: 20px; min-width: 0; }
#ln-pendencias .ln-case-tab-panel .ln-section { border-bottom: 0; }
#ln-pendencias .ln-publication-summary { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 12px; padding: 14px 0 18px; border-bottom: 1px solid var(--ln-line); }
#ln-pendencias .ln-publication-summary span { display: block; color: var(--ln-sub); font-size: 12px; margin-bottom: 4px; }
#ln-pendencias .ln-publication-summary strong { font-weight: 600; }
#ln-pendencias #ln-case-panel-publication #ln-evidence-form { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 16px; }
#ln-pendencias #ln-case-panel-publication #ln-evidence-form > fieldset { grid-column: 1 / -1; }
@media(max-width:620px) { #ln-pendencias .ln-publication-summary, #ln-pendencias #ln-case-panel-publication #ln-evidence-form { grid-template-columns: minmax(0,1fr); } }
#ln-pendencias .ln-steps { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 24px; padding: 0; list-style: none; }
#ln-pendencias .ln-steps li { color: var(--ln-sub); padding: 6px 0; border-bottom: 2px solid transparent; }
#ln-pendencias .ln-steps li[aria-current=step] { color: var(--ln-accent); border-color: var(--ln-accent); }
#ln-pendencias .ln-form-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 24px; border-top: 1px solid var(--ln-line); padding-top: 16px; }
#ln-pendencias .ln-message { background: var(--ln-accent-soft); color: var(--ln-accent); border-radius: 6px; padding: 10px 12px; font-size: 13px; }
#ln-pendencias .ln-error { color: var(--ln-error); font-size: 13px; margin-top: 12px; }
#ln-pendencias .ln-detail-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 30px; }
#ln-pendencias .ln-section { border-bottom: 1px solid var(--ln-line); padding-bottom: 20px; }
#ln-pendencias .ln-section h3 { margin-bottom: 12px; }
#ln-pendencias .ln-meta { display: grid; grid-template-columns: 112px minmax(0,1fr); gap: 10px 14px; margin: 0; }
#ln-pendencias .ln-meta dt { color: var(--ln-sub); }
#ln-pendencias .ln-meta dd { margin: 0; }
#ln-pendencias .ln-history { margin: 0; padding: 0; list-style: none; }
#ln-pendencias .ln-history li { display: grid; grid-template-columns: 126px minmax(0,1fr); gap: 12px; padding: 11px 0; border-top: 1px solid var(--ln-line); }
#ln-pendencias .ln-history time { color: var(--ln-sub); font-size: 12px; }
#ln-pendencias .ln-note { white-space: pre-wrap; }
#ln-pendencias .ln-good { color: var(--ln-good); background: var(--ln-good-soft); }
#ln-pendencias .ln-plan { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); gap: 28px; }
#ln-pendencias .ln-roadmap { margin: 0; padding: 0; list-style: none; }
#ln-pendencias .ln-roadmap li { display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 12px; padding: 18px 0; border-top: 1px solid var(--ln-line); }
#ln-pendencias .ln-number { background: var(--ln-soft); border-radius: 5px; width: 26px; height: 26px; display: grid; place-items: center; color: var(--ln-sub); }
#ln-pendencias .ln-roadmap p { margin-top: 4px; color: var(--ln-sub); font-size: 13px; }
#ln-pendencias .ln-flow { display: grid; gap: 10px; }
#ln-pendencias .ln-flow-item { padding: 12px 0; border-bottom: 1px solid var(--ln-line); }
#ln-pendencias .ln-flow-item p { color: var(--ln-sub); font-size: 13px; margin-top: 4px; }
#ln-pendencias .ln-prompt { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 12px; border: 1px solid var(--ln-line); border-radius: 6px; background: var(--ln-surface); }
#ln-pendencias .ln-security { max-width: 780px; }
#ln-pendencias .ln-policy { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 14px; padding: 18px 0; border-bottom: 1px solid var(--ln-line); }
#ln-pendencias .ln-policy p { color: var(--ln-sub); font-size: 13px; }
#ln-pendencias .ln-entry { max-width: 420px; margin: 24px auto 30px; padding: 28px; border: 1px solid var(--ln-line); border-radius: 9px; background: var(--ln-surface); display: grid; gap: 16px; }
#ln-pendencias .ln-entry i { color: var(--ln-accent); }
#ln-pendencias .ln-icon { display: inline-flex; align-items: center; gap: 6px; }
#ln-pendencias svg { flex-shrink: 0; }
#ln-pendencias .ln-compact .ln-case { padding: 8px; }
#ln-pendencias .ln-compact .ln-case-title { margin: 6px 0; }
#ln-pendencias .ln-compact .ln-card-footer { margin-top: 8px; padding-top: 6px; }
@media (max-width: 900px) { #ln-pendencias .ln-board { grid-template-columns: repeat(3,minmax(0,1fr)); } #ln-pendencias .ln-lane { min-height: 260px; } }
@media (max-width: 620px) {
  #ln-pendencias .ln-top { padding: 18px 102px 18px 16px; gap: 8px; }
  #ln-pendencias .ln-personal { width: 100%; margin-left: 0; }
  #ln-pendencias .ln-page { padding: 18px 16px; }
  #ln-pendencias .ln-demo, #ln-pendencias .ln-nav { padding-left: 16px; padding-right: 16px; }
  #ln-pendencias .ln-nav { gap: 2px; } #ln-pendencias .ln-nav button { padding: 8px; font-size: 13px; }
  #ln-pendencias .ln-board { grid-template-columns: minmax(0,1fr); }
  #ln-pendencias .ln-lane { min-height: 200px; }
  #ln-pendencias .ln-lane:not(.ln-mobile-visible) { display: none; }
  #ln-pendencias .ln-toolbar .ln-mobile-stage { display: grid; width: 100%; }
  #ln-pendencias .ln-form-grid, #ln-pendencias .ln-detail-grid, #ln-pendencias .ln-plan { grid-template-columns: minmax(0,1fr); }
  #ln-pendencias .ln-detail-grid { gap: 20px; }
  #ln-pendencias .ln-policy { grid-template-columns: 1fr; gap: 4px; }
  #ln-pendencias .ln-history li { grid-template-columns: minmax(0,1fr); gap: 3px; }
  #ln-pendencias input:not([type=checkbox]), #ln-pendencias select, #ln-pendencias textarea { font-size: 16px; }
  #ln-pendencias .ln-heading h1 { font-size: 22px; }
  #ln-pendencias .ln-filter { flex: 1 1 100%; }
  #ln-pendencias .ln-meta { grid-template-columns: 92px minmax(0,1fr); }
  #ln-pendencias .ln-entry { padding: 20px; }
}
@media (pointer: coarse) { #ln-pendencias button, #ln-pendencias .ln-check { min-height: 44px; } }

html { color-scheme: light dark; background: light-dark(#f7f8fb,#27292e); }
body { margin: 0; padding: 12px; }
#ln-pendencias { box-sizing: border-box; max-width: none; width: 100%; margin: 0; min-height: calc(100dvh - 24px); display: flex; flex-direction: column; border-width: 2px; }
#ln-pendencias .ln-top { padding-right: 24px; }
#ln-pendencias button { cursor: pointer; }
#ln-pendencias button:disabled { cursor: wait; }
#ln-pendencias :focus-visible { outline: 3px solid var(--ln-accent); outline-offset: 3px; }
#ln-pendencias .ln-notice { margin: 18px 24px 0; padding: 12px 14px; border: 1px solid var(--ln-line); border-radius: 7px; background: var(--ln-soft); }
#ln-pendencias .ln-notice[data-kind=error] { color: var(--ln-error); }
#ln-pendencias .ln-notice[data-kind=success] { color: var(--ln-good); }
#ln-pendencias .ln-auth { margin: 24px; max-width: 600px; }
#ln-pendencias .ln-auth p { margin: 8px 0 16px; }
#ln-pendencias .ln-ms-options { max-height: 220px; overflow-y: auto; }
#ln-pendencias .ln-lookup { position: relative; }
#ln-pendencias .ln-lookup-results { display: grid; gap: 4px; max-height: 210px; overflow-y: auto; padding: 8px; border: 1px solid var(--ln-line); border-radius: 7px; background: var(--ln-surface); }
#ln-pendencias .ln-lookup-results button { text-align: left; background: transparent; }
#ln-pendencias .ln-destinations { display: grid; gap: 18px; }
#ln-pendencias .ln-destination { border: 1px solid var(--ln-line); border-radius: 8px; padding: 16px; background: var(--ln-surface); }
#ln-pendencias .ln-destination legend { padding: 0 8px; }
#ln-pendencias .ln-readonly { padding: 14px; border: 1px solid var(--ln-line); border-radius: 7px; background: var(--ln-soft); }
#ln-pendencias .ln-status { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; color: var(--ln-sub); font-size: 12px; }
#ln-pendencias .ln-pr-link { font-size: 17px; font-weight: 600; }
#ln-pendencias .ln-conflict { display: grid; gap: 10px; margin-bottom: 20px; padding: 14px; border: 1px solid var(--ln-warn); background: var(--ln-warn-soft); border-radius: 7px; color: var(--ln-warn); }
#ln-pendencias .ln-context-code { white-space: pre-wrap; overflow-wrap: anywhere; padding: 12px; border: 1px solid var(--ln-line); border-radius: 7px; background: var(--ln-soft); font: 12px/1.6 ui-monospace,monospace; margin: 0; }
#ln-pendencias .ln-heading h1 { overflow-wrap: anywhere; }
#ln-pendencias .ln-card-repo { display: block; font-size: 11px; color: var(--ln-accent); margin-top: 10px; }
#ln-pendencias .ln-card-pr { display: block; font-size: 12px; font-weight: 600; margin-top: 4px; }
#ln-pendencias .ln-lookup-selected { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 12px; color: var(--ln-accent); }
#ln-pendencias .ln-inline-error { color: var(--ln-error); font-size: 13px; margin-top: 8px; }
#ln-pendencias .ln-publication-form { display: grid; gap: 22px; }
#ln-pendencias .ln-saved { color: var(--ln-good); font-size: 12px; }
@media(max-width:620px) { body { padding: 0; } #ln-pendencias { border-radius: 0; border: 0; min-height: 100vh; } #ln-pendencias .ln-top { padding: 18px 16px; border-radius: 0; } #ln-pendencias .ln-notice { margin: 16px 16px 0; } }

#ln-pendencias .ln-auth { border: 1px solid var(--ln-line); border-radius: 9px; padding: 24px; background: var(--ln-surface); margin: 24px auto; }
#ln-pendencias .ln-auth input { max-width: 100%; }
#ln-pendencias .ln-auth .ln-stack { gap: 14px; }
#ln-pendencias #ln-logout { font-size: 12px; padding: 6px 10px; }
@media(max-width:620px) { #ln-pendencias .ln-auth { margin: 20px 16px; padding: 18px; } #ln-pendencias .ln-personal { width: auto; } }

#ln-pendencias .ln-destination-help { margin: 0 0 14px; }
#ln-pendencias .ln-destination .ln-publication-summary { margin-bottom: 14px; padding-top: 0; }

#ln-pendencias main { display: flex; flex-direction: column; flex: 1; min-width: 0; }
#ln-pendencias .ln-page { padding: 20px 16px 16px; }
#ln-pendencias #ln-view-board { display: flex; flex-direction: column; flex: 1; }
#ln-pendencias .ln-board { flex: 1; align-items: stretch; grid-auto-rows: minmax(260px,1fr); min-height: 400px; }
#ln-pendencias .ln-lane { min-height: 0; border: 2px solid var(--ln-line); padding: 12px 10px; }
#ln-pendencias .ln-heading { margin-bottom: 16px; }
#ln-pendencias .ln-toolbar { margin-bottom: 16px; }
#ln-pendencias .ln-bottom { margin-top: 16px; }
#ln-pendencias button, #ln-pendencias .ln-case, #ln-pendencias input:not([type=checkbox]), #ln-pendencias select, #ln-pendencias textarea, #ln-pendencias .ln-readonly, #ln-pendencias .ln-destination, #ln-pendencias .ln-ms-panel { border-width: 2px; }
#ln-pendencias .ln-attachments { display: grid; gap: 12px; }
#ln-pendencias .ln-dropzone { display: grid; gap: 12px; padding: 20px; border: 2px dashed var(--ln-line); border-radius: 8px; background: var(--ln-surface); }
#ln-pendencias .ln-dropzone button { justify-self: start; }
#ln-pendencias .ln-dropzone[data-dragging=true] { background: var(--ln-accent-soft); border-color: var(--ln-accent); }
#ln-pendencias .ln-attachment-list, #ln-pendencias .ln-case-images { display: grid; grid-template-columns: repeat(auto-fill,minmax(min(240px,100%),1fr)); gap: 12px; padding: 0; margin: 0; list-style: none; }
#ln-pendencias .ln-attachment-item, #ln-pendencias .ln-case-image { display: grid; align-content: start; gap: 10px; padding: 12px; min-width: 0; border: 2px solid var(--ln-line); border-radius: 8px; background: var(--ln-surface); }
#ln-pendencias .ln-attachment-item img, #ln-pendencias .ln-case-image img { width: 100%; height: 160px; object-fit: contain; background: var(--ln-soft); border-radius: 4px; }
#ln-pendencias .ln-attachment-item progress { width: 100%; accent-color: var(--ln-accent); }
#ln-pendencias .ln-attachment-name { font-weight: 550; font-size: 13px; }
#ln-pendencias .ln-attachment-status { font-size: 12px; color: var(--ln-sub); }
#ln-pendencias .ln-attachment-item[data-status=error] { border-color: var(--ln-error); }
#ln-pendencias .ln-attachment-item[data-status=error] .ln-attachment-status { color: var(--ln-error); }
#ln-pendencias .ln-attachment-actions { display: flex; flex-wrap: wrap; gap: 8px; }
#ln-pendencias .ln-attachment-actions button { font-size: 12px; padding: 6px 10px; }
#ln-pendencias .ln-case-images-section { display: grid; gap: 12px; }
@media (min-width: 901px) { #ln-pendencias .ln-board { min-height: 460px; } }
@media (max-width: 620px) {
  body { padding: 0; }
  #ln-pendencias { min-height: 100dvh; width: 100%; border: 0; }
  #ln-pendencias .ln-page { padding: 18px 16px 16px; }
  #ln-pendencias .ln-board { min-height: 420px; }
  #ln-pendencias .ln-lane { min-height: 420px; }
  #ln-pendencias .ln-dropzone { padding: 16px; }
}
