/* Copyright © 2026 Baka Attila Tamás. Minden jog fenntartva / All rights reserved. Lásd / see: LICENSE */
/* ============================================================
   The 1985 look (v167; themes.php): sunset stripes, a black box at night
   ("Fekete doboz", dark) and a cream manual by day ("Krémszínű kézikönyv",
   light). Archivo Black for names of things, IBM Plex Mono for data, IBM
   Plex Sans for the rest. Square corners; by day, ink outlines and hard
   offset shadows.

   Everything here is under html[data-skin="1985"], so it does nothing in
   any other look. The tokens of style.css are all set again (light, then
   dark), then the shapes that differ.
   ============================================================ */

/* The faces (SIL OFL 1.1 — see THIRD-PARTY-NOTICES.md), self-hosted and
   unmodified: IBM's own split files, Latin 1 and Latin 2 (ő, ű) each, with
   the ranges IBM gives them; Archivo Black whole. Fetched only while this
   look is on (a face is downloaded when text uses it). */
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('fonts/IBMPlexSans-Regular-Latin1.woff2') format('woff2');
  unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02; }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('fonts/IBMPlexSans-Regular-Latin2.woff2') format('woff2');
  unicode-range: U+0100-0101, U+0104-0130, U+0132-0151, U+0154-017F, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01FA-01FF, U+0218-021B, U+0237, U+0259, U+1E80-1E85, U+1E9E, U+20A1, U+20A4, U+20A6, U+20A8-20AA, U+20AD-20AE, U+20B1-20B2, U+20B4-20B5, U+20B8-20BA, U+20BD, U+20BF; }
@font-face { font-family: 'IBM Plex Sans'; font-style: italic; font-weight: 400; font-display: swap;
  src: url('fonts/IBMPlexSans-Italic-Latin1.woff2') format('woff2');
  unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02; }
@font-face { font-family: 'IBM Plex Sans'; font-style: italic; font-weight: 400; font-display: swap;
  src: url('fonts/IBMPlexSans-Italic-Latin2.woff2') format('woff2');
  unicode-range: U+0100-0101, U+0104-0130, U+0132-0151, U+0154-017F, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01FA-01FF, U+0218-021B, U+0237, U+0259, U+1E80-1E85, U+1E9E, U+20A1, U+20A4, U+20A6, U+20A8-20AA, U+20AD-20AE, U+20B1-20B2, U+20B4-20B5, U+20B8-20BA, U+20BD, U+20BF; }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('fonts/IBMPlexSans-SemiBold-Latin1.woff2') format('woff2');
  unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02; }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('fonts/IBMPlexSans-SemiBold-Latin2.woff2') format('woff2');
  unicode-range: U+0100-0101, U+0104-0130, U+0132-0151, U+0154-017F, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01FA-01FF, U+0218-021B, U+0237, U+0259, U+1E80-1E85, U+1E9E, U+20A1, U+20A4, U+20A6, U+20A8-20AA, U+20AD-20AE, U+20B1-20B2, U+20B4-20B5, U+20B8-20BA, U+20BD, U+20BF; }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('fonts/IBMPlexSans-Bold-Latin1.woff2') format('woff2');
  unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02; }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('fonts/IBMPlexSans-Bold-Latin2.woff2') format('woff2');
  unicode-range: U+0100-0101, U+0104-0130, U+0132-0151, U+0154-017F, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01FA-01FF, U+0218-021B, U+0237, U+0259, U+1E80-1E85, U+1E9E, U+20A1, U+20A4, U+20A6, U+20A8-20AA, U+20AD-20AE, U+20B1-20B2, U+20B4-20B5, U+20B8-20BA, U+20BD, U+20BF; }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('fonts/IBMPlexMono-Regular-Latin1.woff2') format('woff2');
  unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02; }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('fonts/IBMPlexMono-Regular-Latin2.woff2') format('woff2');
  unicode-range: U+0100-0101, U+0104-0130, U+0132-0151, U+0154-017F, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01FA-01FF, U+0218-021B, U+0237, U+0259, U+1E80-1E85, U+1E9E, U+20A1, U+20A4, U+20A6, U+20A8-20AA, U+20AD-20AE, U+20B1-20B2, U+20B4-20B5, U+20B8-20BA, U+20BD, U+20BF; }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('fonts/IBMPlexMono-SemiBold-Latin1.woff2') format('woff2');
  unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02; }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('fonts/IBMPlexMono-SemiBold-Latin2.woff2') format('woff2');
  unicode-range: U+0100-0101, U+0104-0130, U+0132-0151, U+0154-017F, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01FA-01FF, U+0218-021B, U+0237, U+0259, U+1E80-1E85, U+1E9E, U+20A1, U+20A4, U+20A6, U+20A8-20AA, U+20AD-20AE, U+20B1-20B2, U+20B4-20B5, U+20B8-20BA, U+20BD, U+20BF; }
@font-face { font-family: 'Archivo Black'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('fonts/ArchivoBlack-Regular.woff2') format('woff2'); }

/* ---------- tokens: the cream manual (light) ----------
   Text contrasts, all at least 4.5:1: ink 17.4, muted 7.7 (6.5 on the
   board), the brick-red links 6.5 (5.5 on the board), red text 6.3, Sürgős
   5.1, Magas 11.3, the orange buttons' ink 7.5. */
html[data-skin="1985"] {
  --bg:        #ede5d0;
  --surface:   #fbf7ee;
  --ink:       #16120e;
  --ink-2:     #3a3026;
  --muted:     #5a4d3e;
  --line:      #d9cfba;
  --line-strong: #16120e;
  --accent:    #f38a1d;   /* the orange of the buttons and of what is selected */
  --accent-hi: #f59b3e;
  --accent-text: #a72c1d; /* links, project names: brick red */
  --accent-soft: rgba(243, 138, 29, .2);
  --danger:    #a8321f;
  --danger-solid: #c0391b;
  --stripe-none: transparent;   /* no deadline coming up: no stripe at all */
  --ok:        #3f6b1f;
  --dl-late:   #e0471f;
  --dl-soon:   #f5c343;
  --dl-done:   #7e9a4c;
  --urgent-bg: #c0391b;
  --urgent-ink: #fbf7ee;
  --high:      #16120e;
  --prio3-bg:  #f5c343;
  --low:       #16120e;
  --hover:     #f3ecdc;
  --soft:      #e2dbca;
  --count-bg:  #16120e;
  --count-ink: #fbf7ee;
  --hl-bg:     #f5c343;
  --hl-ink:    #16120e;
  --soft2:     #f3ecdc;
  --panel:     #f3ecdc;
  --filter-bar: #ede5d0;
  --desc-bg:   #ede5d0;
  --input-bg:  #fffdf7;
  --on-accent: #16120e;
  --warn-bg:   #fbe9c6;
  --warn-line: #e6c98a;
  --danger-soft: #f6d9cf;
  --danger-chip: #a8321f;
  --scroll:    #cfc4ab;
  --scroll-hi: #b3a688;
  --scroll-board: #c2b699;
  --ghost-hover: rgba(22, 18, 14, .07);
  --overlay:   rgba(22, 18, 14, .45);
  --radius:    3px;
  --shadow:    none;
  --shadow-up: 4px 4px 0 #16120e;
  --shadow-modal: 8px 8px 0 #16120e;
  --font:         'IBM Plex Sans', 'Geist', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: 'Archivo Black', 'IBM Plex Sans', 'Geist', system-ui, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* This look's own */
  --header-bg: #f6f2e6;
  --hard:      #16120e;   /* the outlines and offset shadows */
  --box-line:  2px solid #16120e;
  --focus:     #16120e;
  --sun-1: #f5c343; --sun-2: #f3891f; --sun-3: #e0481e; --sun-4: #b82717; --sun-5: #2a120c;
  --check:     #e0471f;
  /* The swatches (v167; themes.php): muted, print-like chips (6.6:1 or more). */
  --sw1-bg: #ffcbc5; --sw1-fg: #732927;  --sw2-bg: #f9cfb4; --sw2-fg: #6a3402;  --sw3-bg: #ebd7ac; --sw3-fg: #584102;
  --sw4-bg: #d4e0b3; --sw4-fg: #3f4c02;  --sw5-bg: #bee5c5; --sw5-fg: #045424;  --sw6-bg: #aee7da; --sw6-fg: #055146;
  --sw7-bg: #ace4f2; --sw7-fg: #004e5c;  --sw8-bg: #c1dcfe; --sw8-fg: #17457c;  --sw9-bg: #d4d5ff; --sw9-fg: #413a7a;
  --sw10-bg: #ebcdf2; --sw10-fg: #5d2f67;  --sw11-bg: #f9cadf; --sw11-fg: #6c294d;  --sw12-bg: #e2d7cb; --sw12-fg: #53412d;
}

/* ---------- tokens: the black box (dark) ----------
   Ink 13.9, muted 7.2 (8.0 on the board), the orange links 8.0, red text
   6.8, Sürgős 5.1. */
html[data-skin="1985"][data-theme="dark"] {
  --bg:        #15110e;
  --surface:   #221d19;
  --ink:       #f1eada;
  --ink-2:     #d9cfbd;
  --muted:     #b4a897;
  --line:      #342c25;
  --line-strong: #5a4e42;
  --accent:    #f38a1d;
  --accent-hi: #f59b3e;
  --accent-text: #f0a35e;
  --accent-soft: rgba(243, 138, 29, .16);
  --danger:    #f08a6c;
  --danger-solid: #c0391b;
  --stripe-none: transparent;
  --ok:        #a3c86a;
  --dl-late:   #e0471f;
  --dl-soon:   #f5c343;
  --dl-done:   #7e9a4c;
  --urgent-bg: #c0391b;
  --urgent-ink: #fbf7ee;
  --high:      #16120e;
  --prio3-bg:  #f5c343;
  --low:       #f1eada;
  --hover:     #2b241f;
  --soft:      #332a21;
  --count-bg:  #332a21;
  --count-ink: #f1eada;
  --hl-bg:     #f5c343;
  --hl-ink:    #16120e;
  --soft2:     #2b241f;
  --panel:     #1b1612;
  --filter-bar: #1b1612;
  --desc-bg:   #15110e;
  --input-bg:  #15110e;
  --on-accent: #16120e;
  --warn-bg:   #3a2a14;
  --warn-line: #5c4422;
  --danger-soft: #3a201a;
  --danger-chip: #f08a6c;
  --scroll:    #3d342b;
  --scroll-hi: #4f443a;
  --scroll-board: #463c33;
  --ghost-hover: rgba(255, 240, 220, .07);
  --overlay:   rgba(5, 4, 3, .72);
  --shadow:    none;
  --shadow-up: 0 6px 18px rgba(0, 0, 0, .55);
  --shadow-modal: 0 14px 44px rgba(0, 0, 0, .7);

  --header-bg: #0b0a08;
  --hard:      #000;
  --box-line:  1px solid #342c25;
  --focus:     #f5c343;
  --sun-5: #230e0a;
  --sw1-bg: #4f2926; --sw1-fg: #febfb9;  --sw2-bg: #4c2d16; --sw2-fg: #ffc29a;  --sw3-bg: #43330c; --sw3-fg: #eccd8c;
  --sw4-bg: #323a15; --sw4-fg: #c9da97;  --sw5-bg: #1d3e25; --sw5-fg: #a7e2b2;  --sw6-bg: #033f36; --sw6-fg: #8ce5d3;
  --sw7-bg: #013d48; --sw7-fg: #88e0f6;  --sw8-bg: #203653; --sw8-fg: #b3d4ff;  --sw9-bg: #323152; --sw9-fg: #cbcbfe;
  --sw10-bg: #432b48; --sw10-fg: #ecbef6;  --sw11-bg: #4b283a; --sw11-fg: #febad9;  --sw12-bg: #3c342a; --sw12-fg: #e3cdb5;
}

/* ---------- the header: a black (or cream) band over the sunset ---------- */
html[data-skin="1985"] .toolbar {
  background: linear-gradient(to bottom, var(--sun-1) 0 3px, var(--sun-2) 3px 6px, var(--sun-3) 6px 9px, var(--sun-4) 9px 12px, var(--sun-5) 12px 13px)
              bottom / 100% 13px no-repeat, var(--header-bg);
  border-bottom: 0;
  padding-bottom: calc(11px + 13px);
}
html[data-skin="1985"] .toolbar .filter-bar { background: var(--filter-bar); border-top-color: var(--line); }
html[data-skin="1985"] .toolbar .brand { font-size: 21px; font-weight: 400; letter-spacing: -.01em; }
html[data-skin="1985"] .toolbar .brand::before,
html[data-skin="1985"] .login h1::before { background: url("1985-sun.svg") center / 28px 28px no-repeat; }
html[data-skin="1985"] .toolbar .icon-btn { border-radius: 3px; color: var(--ink); }
html[data-skin="1985"] .toolbar .icon-btn.dim { color: var(--muted); }
html[data-skin="1985"] .user-btn { border-radius: 3px; border: var(--box-line); background: transparent; }
html[data-skin="1985"][data-theme="dark"] .user-btn { border-color: var(--line-strong); }
html[data-skin="1985"] .presence.crowd .pav { box-shadow: 0 0 0 2px var(--header-bg); }
@media (max-width: 640px) {
  html[data-skin="1985"] .toolbar { padding-bottom: calc(8px + 13px); }
  html[data-skin="1985"] .filters.open { border-bottom: var(--box-line); }
}

/* ---------- type ---------- */
html[data-skin="1985"] .col-head h2, html[data-skin="1985"] .agenda-group h2, html[data-skin="1985"] .lane-label,
html[data-skin="1985"] .settings-h {
  font-weight: 400; text-transform: uppercase; letter-spacing: .06em;
}
html[data-skin="1985"] .col-head h2 { font-size: 14px; }
html[data-skin="1985"] .agenda-group h2 { font-size: 15px; }
html[data-skin="1985"] .settings-h { font-size: 13px; margin-top: 22px; }
html[data-skin="1985"] .detail-head + .settings-h, html[data-skin="1985"] .push-box .settings-h { margin-top: 0; }
html[data-skin="1985"] .modal h3, html[data-skin="1985"] .login h1, html[data-skin="1985"] .chk-head strong,
html[data-skin="1985"] .att-head strong, html[data-skin="1985"] .bell-head strong, html[data-skin="1985"] .rich .md-h,
html[data-skin="1985"] .detail-tab { font-weight: 400; }
html[data-skin="1985"] .card-view .detail-head h3 { font-size: 23px; letter-spacing: -.01em; }
html[data-skin="1985"] .chk-head strong, html[data-skin="1985"] .att-head strong { font-size: 15px; }
html[data-skin="1985"] .card .title, html[data-skin="1985"] .agenda-title { font-weight: 600; }
html[data-skin="1985"] .rich code { font-family: var(--font-mono); }
/* The data in mono runs wider: a step smaller. */
html[data-skin="1985"] .card .meta, html[data-skin="1985"] .agenda-date { font-size: 11.5px; }
html[data-skin="1985"] .tag { font-size: 11px; }

/* ---------- buttons and fields: square, the main ones orange ---------- */
html[data-skin="1985"] .btn { border-radius: 3px; }
html[data-skin="1985"] .btn.primary {
  font-weight: 400; text-transform: uppercase; letter-spacing: .08em; font-size: 12.5px;
  border: 0; box-shadow: 3px 3px 0 var(--hard);
}
html[data-skin="1985"] .btn.primary:active:not(:disabled) { transform: translate(2px, 2px); box-shadow: 1px 1px 0 var(--hard); }
html[data-skin="1985"] .btn.tiny.primary { letter-spacing: .05em; box-shadow: 2px 2px 0 var(--hard); }
html[data-skin="1985"] .att-add { background: var(--accent); border-color: var(--accent); color: var(--on-accent); font-weight: 600; box-shadow: 2px 2px 0 var(--hard); }
html[data-skin="1985"] .att-add:hover { background: var(--accent-hi); }
/* The round + keeps its shape (the square corners above would win over .fab's). */
html[data-skin="1985"] .fab { border-radius: 50%; border: 2px solid var(--hard); box-shadow: 4px 4px 0 var(--hard); }
html[data-skin="1985"] input[type=text], html[data-skin="1985"] input[type=email], html[data-skin="1985"] input[type=password],
html[data-skin="1985"] input[type=date], html[data-skin="1985"] input[type=search], html[data-skin="1985"] select,
html[data-skin="1985"] textarea { border-radius: 2px; border-color: var(--line-strong); }
html[data-skin="1985"] input:focus, html[data-skin="1985"] select:focus, html[data-skin="1985"] textarea:focus,
html[data-skin="1985"] .btn:focus-visible { outline-color: var(--focus); border-color: var(--focus); }
html[data-skin="1985"] input[type=checkbox], html[data-skin="1985"] input[type=radio] { accent-color: var(--check); }
html[data-skin="1985"] .chk-item .item-check { accent-color: var(--check); }

/* ---------- the board ---------- */
html[data-skin="1985"] .col-head .count, html[data-skin="1985"] .agenda-group h2 .count,
html[data-skin="1985"] .lane-label .lane-count, html[data-skin="1985"] .detail-tab .tab-count {
  border-radius: 2px; font-weight: 600; background: var(--count-bg); color: var(--count-ink);
}
html[data-skin="1985"] .col-head .add { color: var(--ink); }
html[data-skin="1985"] .lane-label { font-size: 12px; color: var(--ink); padding-bottom: 5px; border-bottom: 2px solid var(--line-strong); }
html[data-skin="1985"] .lane-label .tag { text-transform: none; letter-spacing: 0; }
html[data-skin="1985"] .cards.lane { border-radius: 2px; }
html[data-skin="1985"] .cards.lane:empty { border-color: var(--line); }

/* A card: by day an ink box with a hard shadow, by night a dark box; the
   deadline's colour is a band along the top (none when nothing is due),
   not down the left side. */
html[data-skin="1985"] .card {
  border: var(--box-line); border-radius: 3px;
  box-shadow: inset 0 4px 0 var(--card-color, transparent), 4px 4px 0 var(--hard);
  padding: 13px 12px 11px 12px;
}
html[data-skin="1985"] .card:hover { box-shadow: inset 0 4px 0 var(--card-color, transparent), 6px 6px 0 var(--hard); }
html[data-skin="1985"][data-theme="dark"] .card { box-shadow: inset 0 4px 0 var(--card-color, transparent); }
html[data-skin="1985"][data-theme="dark"] .card:hover { border-color: var(--line-strong); box-shadow: inset 0 4px 0 var(--card-color, transparent), var(--shadow-up); }
html[data-skin="1985"] .card .ticket-link { top: 16px; }
html[data-skin="1985"] .card .project-link { font-size: 12.5px; }
html[data-skin="1985"] .card.sortable-drag { box-shadow: inset 0 4px 0 var(--card-color, transparent), 8px 8px 0 var(--hard); }

/* The calendar (v171): each group's panel is the box, its rows lines in it
   with the colour down the left side (none when nothing is due). */
html[data-skin="1985"] .agenda-panel { border: var(--box-line); border-radius: 3px; box-shadow: 4px 4px 0 var(--hard); }
html[data-skin="1985"][data-theme="dark"] .agenda-panel { box-shadow: none; }
/* The header row gets the same border, unseen, so its columns stay over the rows'. */
html[data-skin="1985"] .agenda-head { border-left: var(--box-line); border-right: var(--box-line); border-color: transparent; }

/* Chips: square. Sürgős solid red, Magas solid yellow, Alacsony an outline. */
html[data-skin="1985"] .prio, html[data-skin="1985"] .tag, html[data-skin="1985"] .tag.tag-x-chip,
html[data-skin="1985"] .tag.project, html[data-skin="1985"] .assign-btn, html[data-skin="1985"] .obs-chip,
html[data-skin="1985"] .obs-add, html[data-skin="1985"] .obs-x, html[data-skin="1985"] .admin-badge,
html[data-skin="1985"] mark.hl, html[data-skin="1985"] .tags-badge, html[data-skin="1985"] .link-rel-btn,
html[data-skin="1985"] .tag-chip, html[data-skin="1985"] .selected-tags .tag-chip.on { border-radius: 2px; }
html[data-skin="1985"] .prio { font-weight: 600; }
html[data-skin="1985"] .prio.p1 { background: transparent; color: var(--low); box-shadow: inset 0 0 0 1.5px var(--low); }
html[data-skin="1985"] .tag { color: var(--ink); }
html[data-skin="1985"] .detail-info .pick-trigger.pp4, html[data-skin="1985"] .detail-info .pick-trigger.pp3 { font-weight: 600; border-color: transparent; }
html[data-skin="1985"] .detail-info .pick-trigger.pp1 { background: transparent; color: var(--low); border-color: var(--low); }
html[data-skin="1985"] .bell-badge { border-radius: 2px; }

/* People: rounded squares, not circles; by day a thin edge, so yellow and
   tan show on the cream. */
html[data-skin="1985"] .uav, html[data-skin="1985"] .pav, html[data-skin="1985"] .uav.uav-img,
html[data-skin="1985"] .pav-img, html[data-skin="1985"] .avatar-preview { border-radius: 3px; }
html[data-skin="1985"] .uav, html[data-skin="1985"] .pav { font-weight: 600; letter-spacing: 0; }
html[data-skin="1985"]:not([data-theme="dark"]) .uav:not(.none):not(.uav-img),
html[data-skin="1985"]:not([data-theme="dark"]) .pav:not(.pav-img) { box-shadow: inset 0 0 0 1px rgba(22, 18, 14, .3); }
html[data-skin="1985"] .uav.none { border-radius: 3px; }

/* ---------- pop-ups and dialogs ---------- */
html[data-skin="1985"] .menu, html[data-skin="1985"] .bell-panel, html[data-skin="1985"] .filters.open,
html[data-skin="1985"] .detail-pick, html[data-skin="1985"] .assign-pop, html[data-skin="1985"] .mention-pop,
html[data-skin="1985"] .link-pick {
  border-radius: 3px; border: var(--box-line); box-shadow: var(--shadow-up);
}
html[data-skin="1985"][data-theme="dark"] .menu, html[data-skin="1985"][data-theme="dark"] .bell-panel,
html[data-skin="1985"][data-theme="dark"] .filters.open, html[data-skin="1985"][data-theme="dark"] .detail-pick,
html[data-skin="1985"][data-theme="dark"] .assign-pop, html[data-skin="1985"][data-theme="dark"] .mention-pop {
  border-color: var(--line-strong);
}
html[data-skin="1985"] .menu button, html[data-skin="1985"] .detail-pick button, html[data-skin="1985"] .assign-pop button { border-radius: 2px; }
html[data-skin="1985"] .toast { border-radius: 3px; }

/* A dialog: a box with the sunset across its top (a card's view and editor:
   the card's own band instead). The title row starts under the band. */
html[data-skin="1985"] .modal, html[data-skin="1985"] .login {
  border-radius: 3px; border: var(--box-line);
  box-shadow: inset 0 2px 0 var(--sun-1), inset 0 4px 0 var(--sun-2), inset 0 6px 0 var(--sun-3), var(--shadow-modal);
}
html[data-skin="1985"][data-theme="dark"] .modal, html[data-skin="1985"][data-theme="dark"] .login { border-color: var(--line-strong); }
html[data-skin="1985"] .modal > .detail-head { margin-top: -14px; padding-top: 14px; border-radius: 0; }
html[data-skin="1985"] .modal.card-view, html[data-skin="1985"] .modal.card-edit {
  border-left: var(--box-line);
  box-shadow: inset 0 5px 0 var(--card-color, transparent), var(--shadow-modal);
}
html[data-skin="1985"][data-theme="dark"] .modal.card-view, html[data-skin="1985"][data-theme="dark"] .modal.card-edit { border-left-color: var(--line-strong); }
html[data-skin="1985"] .modal.card-view > .detail-head, html[data-skin="1985"] .modal.card-edit > .detail-head { margin-top: -15px; padding-top: 15px; }
html[data-skin="1985"] .detail-info .info-pill { border-radius: 2px; border-color: var(--line-strong); }
html[data-skin="1985"] .detail-info .pick-assignee, html[data-skin="1985"] .detail-info .epick-assignee { padding-left: 3px; }
html[data-skin="1985"] .detail-desc { border-radius: 2px; }
html[data-skin="1985"] .rich blockquote { border-left-color: var(--accent); }
html[data-skin="1985"] .detail-tab { border-radius: 2px 2px 0 0; }
html[data-skin="1985"] .att, html[data-skin="1985"] .admin-user-form, html[data-skin="1985"] .admin-col-delete { border-radius: 2px; }

/* The checklist's bar: a block per item, the done ones yellow and orange in
   turn (one plain bar past 20 items, when the blocks would be slivers). */
html[data-skin="1985"] .chk-bar { height: 9px; border-radius: 0; background: none; gap: 3px; }
html[data-skin="1985"] .chk-bar i { background: var(--soft); }
html[data-skin="1985"] .chk-bar i.on { background: var(--sun-1); }
html[data-skin="1985"] .chk-bar i.on:nth-child(even) { background: var(--sun-2); }
html[data-skin="1985"] .chk-bar.many { gap: 0; }
html[data-skin="1985"] .chk-bar.many i.on { background: var(--sun-2); }

/* Beállítások: the looks' cards */
html[data-skin="1985"] .swatch-opt, html[data-skin="1985"] .swatch-dot, html[data-skin="1985"] .swatch-opt.project { border-radius: 2px; }
html[data-skin="1985"] .theme-card { border-radius: 3px; }
html[data-skin="1985"] .theme-card.on { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent); }
html[data-skin="1985"] .theme-swatch { border-radius: 0; border-color: var(--line-strong); }
html[data-skin="1985"] .theme-card:focus-within { outline-color: var(--focus); }

/* Text and icons that style.css paints in the accent (v168): this look's
   accent is a fill, too light to read as text by day (its orange on the cream is 2.3:1), so they
   take the link colour, 4.7:1 or better in both variants. */
html[data-skin="1985"] .about a,
html[data-skin="1985"] .edit-pick .pick-add,
html[data-skin="1985"] .card-tag-pick .tag-new,
html[data-skin="1985"] .detail-pick .pick-check,
html[data-skin="1985"] .toolbar .view-btn.on,
html[data-skin="1985"] .toolbar .view-btn.on:hover,
html[data-skin="1985"] .card .ticket-link:hover,
html[data-skin="1985"] .btn.icon-link.copied,
html[data-skin="1985"] .btn.icon-link.copied:hover,
html[data-skin="1985"] .view-row .view-star.on,
html[data-skin="1985"] .project-link-copy:hover,
html[data-skin="1985"] .project-link-copy:focus-visible,
html[data-skin="1985"] .btn.project-link-copy.copied,
html[data-skin="1985"] .btn.project-link-copy.copied:hover,
html[data-skin="1985"] .detail-url a:hover { color: var(--accent-text); }