/* Capas: ficha, propuesta, buscador, menús, avisos y hoja móvil. */
dialog { padding: 0; border: 0; margin: 0; color: var(--fg1); background: transparent; max-width: none; max-height: none; overflow: hidden; }
dialog::backdrop { background: rgba(2, 8, 20, .55); opacity: 0; transition: opacity .2s; }
dialog.in::backdrop { opacity: 1; }

/* ---------- Ficha ---------- */
.drawer {
  position: fixed; inset: 0 0 0 auto; width: min(640px, 100vw); height: 100dvh;
  background: var(--n1); border-left: 1px solid var(--line-2);
  opacity: 0; transform: translateX(26px);
  transition: transform .2s var(--ease-out), opacity .16s;
}
.drawer.in { opacity: 1; transform: none; transition: transform .3s var(--ease-drawer), opacity .18s; }
.dr-wrap { display: flex; flex-direction: column; height: 100%; }
.dr-head { flex: none; padding: 8px 16px 12px; background: var(--n2); }
.dr-bar { display: flex; justify-content: space-between; align-items: center; margin: 0 -6px 4px; }
.dr-step { display: flex; align-items: center; gap: 2px; }
.dr-step .small { margin-left: 6px; }
.dr-head h2 { font: 800 22px/1.15 var(--display); font-stretch: 104%; letter-spacing: -.015em; outline: none; }
.dr-sub { margin-top: 2px; color: var(--fg2); }
.dr-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin-top: 10px; }
.follow { display: inline-flex; align-items: center; gap: 7px; margin-top: 10px; padding: 6px 10px; border-radius: var(--r-m); background: var(--amber-soft); color: var(--amber); font-size: 13px; font-weight: 600; }
.follow.late { background: rgba(240, 113, 122, .12); color: var(--red); }
.dr-tabs { flex: none; padding: 0 8px; background: var(--n2); }
.dr-body { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 12px 16px 20px; display: grid; gap: 10px; align-content: start; }
.card { background: var(--n2); border: 1px solid var(--line); border-radius: var(--r-l); padding: 14px; min-width: 0; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03); }
.card-sub { margin-top: 2px; color: var(--fg3); font-size: 12.5px; }
.card-sub.gap { margin-top: 8px; color: var(--fg2); font-size: 13.5px; }
.study { display: grid; gap: 11px; margin-top: 12px; }
.study-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 5px 12px; align-items: baseline; color: var(--fg2); }
.study-row b { color: var(--fg1); font-weight: 600; font-size: 13px; }
.study-bar { grid-column: 1 / -1; position: relative; height: 6px; border-radius: 3px; background: rgba(150, 182, 228, .08); overflow: hidden; }
.study-bar i { position: absolute; inset: 0; border-radius: 3px; background: linear-gradient(90deg, #d98f12, var(--amber-hi)); transform-origin: left; transition: transform .45s var(--ease-out); }
.study-total { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 12px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line); }
.study-total span { margin-right: auto; font-weight: 600; }
.study-total small { color: var(--fg2); font-size: 12.5px; }
.cups { display: flex; align-items: center; gap: 6px; }
.cups code { font: 500 12.5px/1.3 var(--mono); }
.note-form { display: flex; gap: 8px; }
.timeline { position: relative; margin-top: 12px; }
.timeline::before { content: ""; position: absolute; left: 5px; top: 6px; bottom: 6px; width: 1px; background: var(--line-2); }
.timeline li { position: relative; padding: 0 0 13px 22px; font-size: 13px; }
.timeline li:last-child { padding-bottom: 0; }
.timeline li::before { content: ""; position: absolute; left: 0; top: 4px; width: 11px; height: 11px; border-radius: 50%; background: var(--n2); border: 2px solid var(--fg3); }
.timeline li.k-firma::before, .timeline li.k-envio::before { border-color: var(--amber); }
.timeline li.k-note::before { border-color: var(--blue); }
.timeline li.future { color: var(--amber); }
.timeline li.future::before { border-style: dashed; border-color: var(--amber); }
.timeline b { display: block; font-weight: 600; }
.timeline small { color: var(--fg3); font-size: 12px; }
.timeline li.new::after { content: ""; position: absolute; inset: -4px -8px 8px 16px; border-radius: var(--r-m); background: var(--amber-soft); z-index: -1; animation: fresh 2.8s var(--ease-out) forwards; }
.timeline { isolation: isolate; }
@keyframes fresh { 0%, 45% { opacity: 1; } 100% { opacity: 0; } }
.docs { margin-top: 10px; display: grid; gap: 2px; }
.doc { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px; border-radius: var(--r-m); text-align: left; transition: background-color .12s; }
.doc:hover { background: var(--n3); }
.doc > .i:first-child { width: 20px; height: 20px; color: var(--fg2); }
.doc span { flex: 1; min-width: 0; }
.doc b { display: block; font: 500 12.5px/1.3 var(--mono); overflow-wrap: anywhere; }
.doc small { color: var(--fg3); font-size: 12px; }
.doc-lock { width: 13px; height: 13px; color: var(--fg3); }
.dr-foot { flex: none; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--line); background: var(--n2); }
.dr-foot:empty { display: none; }
.foot-note { color: var(--fg3); font-size: 12.5px; }
@media (max-width: 639px) { .dr-foot .btn-lg { flex: 1; } }

/* ---------- Diálogos centrados ---------- */
.modal {
  position: fixed; inset: 0; margin: auto; width: 100vw; height: 100dvh; background: var(--n1);
  opacity: 0; transform: translateY(10px) scale(.985);
  transition: transform .18s var(--ease-out), opacity .14s;
}
.modal.in { opacity: 1; transform: none; transition: transform .26s var(--ease-out), opacity .18s; }
@media (min-width: 760px) {
  .modal { width: min(980px, calc(100vw - 48px)); height: min(740px, calc(100dvh - 48px)); border-radius: var(--r-l); border: 1px solid var(--line-2); box-shadow: var(--shadow-pop); }
  .modal.small { width: min(560px, calc(100vw - 48px)); height: fit-content; max-height: calc(100dvh - 48px); }
  .modal.is-done { width: min(480px, calc(100vw - 48px)); height: fit-content; }
}
.pr-wrap { display: flex; flex-direction: column; height: 100%; }
.pr-head { flex: none; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; background: var(--n2); border-bottom: 1px solid var(--line); }
.pr-head h2 { font-size: 16px; font-weight: 700; }
.pr-head p { color: var(--fg3); font-size: 12.5px; }
.pr-body { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; display: grid; gap: 16px; padding: 16px; align-content: start; }
@media (min-width: 760px) {
  .pr-body { grid-template-columns: minmax(0, 1fr) 320px; overflow: hidden; align-content: stretch; }
  .pr-prev, .pr-side { overflow-y: auto; min-height: 0; }
  .pr-prev { padding-right: 4px; }
}
.pr-file { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; color: var(--fg2); font-size: 12.5px; }
.pr-file b { font: 500 12.5px/1.3 var(--mono); color: var(--fg1); overflow-wrap: anywhere; }
.pr-side { display: grid; gap: 14px; align-content: start; }
.pr-side legend { font-size: 12.5px; font-weight: 600; color: var(--fg2); margin-bottom: 6px; padding: 0; }
.channels { display: grid; gap: 6px; }
.channels input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.channels label { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0 10px; align-items: center; padding: 9px 11px; border-radius: var(--r-m); cursor: pointer; background: var(--n2); box-shadow: inset 0 0 0 1px var(--line-2); transition: background-color .12s, box-shadow .12s; }
.channels label .i { grid-row: span 2; width: 18px; height: 18px; color: var(--fg2); }
.channels label b { font-weight: 600; }
.channels label small { color: var(--fg3); font-size: 12px; overflow-wrap: anywhere; }
.channels input:checked + label { box-shadow: inset 0 0 0 1.5px var(--amber); background: rgba(255, 176, 32, .06); }
.channels input:checked + label .i { color: var(--amber); }
.channels input:focus-visible + label { outline: 2px solid var(--amber); outline-offset: 2px; }
.cc { display: flex; gap: 9px; align-items: flex-start; color: var(--fg2); font-size: 12.5px; cursor: pointer; }
.cc input { width: 16px; height: 16px; margin: 1px 0 0; accent-color: var(--amber); flex: none; }
.pr-auto { display: flex; gap: 7px; color: var(--fg3); font-size: 12.5px; }
.pr-auto .i { width: 14px; height: 14px; margin-top: 2px; color: var(--amber); }
.pr-foot { flex: none; display: flex; align-items: center; justify-content: flex-end; gap: 8px; padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px)); background: var(--n2); border-top: 1px solid var(--line); }
.pr-foot .foot-note { margin-right: auto; }
.pr-go { position: relative; overflow: hidden; min-width: 190px; }
.pr-bar { position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--amber-ink); opacity: .55; transform: scaleX(0); transform-origin: left; }
@media (max-width: 759px) { .pr-foot .btn-lg { flex: 1; min-width: 0; } }

/* Papel de la propuesta */
.pdf { max-width: 540px; margin: 0 auto; padding: 26px 24px; background: var(--paper); color: var(--ink); border-radius: 3px; font-size: 12px; line-height: 1.5; box-shadow: 0 18px 40px -18px rgba(0, 0, 0, .75); transform-origin: 50% 0; }
.pdf-h { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding-bottom: 12px; border-bottom: 2px solid #0a1f3d; font-size: 11px; color: var(--ink-2); text-align: right; }
.pdf-h strong { display: block; color: var(--ink); font-size: 12px; font-weight: 600; }
.pdf .logo { color: #0a1f3d; font-size: 23px; }
.pdf .logo span { color: #e08e00; }
.pdf h3 { margin-top: 16px; font: 800 19px/1.2 var(--display); font-stretch: 104%; color: #0a1f3d; }
.pdf-to { color: var(--ink-2); }
.pdf-hero { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 8px; margin: 14px 0; padding: 13px 15px; border-radius: 6px; background: #0a1f3d; color: #fff; }
.pdf-hero span { font-size: 11.5px; color: #b8c8e0; font-weight: 500; }
.pdf-hero b { display: block; font: 850 27px/1.05 var(--display); font-stretch: 108%; color: #ffb020; font-variant-numeric: tabular-nums; }
.pdf-hero small { font: 500 12px/1 var(--mono); color: #dbe5f3; }
.pdf table { width: 100%; border-collapse: collapse; }
.pdf th { padding: 5px 0; font-size: 10.5px; font-weight: 600; text-align: left; color: var(--ink-2); border-bottom: 1px solid var(--rule-paper); }
.pdf td { padding: 6px 8px 6px 0; border-bottom: 1px solid var(--rule-paper); }
.pdf .r { text-align: right; padding-right: 0; white-space: nowrap; }
.pdf ul { margin-top: 12px; padding-left: 16px; list-style: disc; color: var(--ink-2); }
.pdf-f { display: flex; justify-content: space-between; gap: 12px; margin-top: 18px; padding-top: 9px; border-top: 1px solid var(--rule-paper); font-size: 10.5px; color: var(--ink-2); }

/* Confirmación */
.pr-done { display: grid; justify-items: center; align-content: center; gap: 14px; height: 100%; padding: 36px 24px; text-align: center; }
.pr-ok { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: var(--amber); color: var(--amber-ink); }
.pr-ok .i { width: 30px; height: 30px; }
.pr-done h2 { font: 800 23px/1.15 var(--display); font-stretch: 104%; }
.pr-steps { display: grid; gap: 7px; text-align: left; }
.pr-steps li { display: flex; gap: 8px; align-items: flex-start; color: var(--fg2); }
.pr-steps .i { width: 15px; height: 15px; margin-top: 2px; color: var(--green); }

/* Envío múltiple */
.bulk-list { padding: 6px 16px; overflow-y: auto; max-height: 50dvh; }
.bulk-list li { display: grid; grid-template-columns: 26px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 9px 0; border-top: 1px solid var(--line); }
.bulk-list li:first-child { border-top: 0; }
.bulk-check { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--n3); color: var(--fg2); }
.bulk-check .i { width: 14px; height: 14px; }
.bulk-list li.sent .bulk-check { background: var(--green); color: #062414; animation: row-in .3s var(--ease-out); }
.bulk-t b { display: block; font-weight: 600; }
.bulk-t small { color: var(--fg3); font-size: 12px; overflow-wrap: anywhere; }
.bulk-list .num { font-size: 12.5px; font-weight: 600; white-space: nowrap; }
#bulk { flex-direction: column; }
#bulk[open] { display: flex; }

/* ---------- Atajos ---------- */
.help { padding: 0; }
.help[open] { display: flex; flex-direction: column; }
@media (min-width: 760px) { .modal.help { width: min(700px, calc(100vw - 48px)); } }
.help-head { flex: none; display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: var(--n2); border-bottom: 1px solid var(--line); }
.help-head h2 { font-size: 16px; font-weight: 700; }
.help-grid { display: grid; gap: 18px 28px; padding: 16px; overflow-y: auto; }
@media (min-width: 640px) { .help-grid { grid-template-columns: 1fr 1fr; } }
.help-grid h3 { font-size: 12.5px; font-weight: 600; color: var(--fg3); margin-bottom: 6px; }
.help-grid dl > div { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 5px 0; }
.help-grid dt { color: var(--fg2); }

/* ---------- Buscador ---------- */
.palette {
  position: fixed; top: max(8dvh, 12px); left: 50%; margin: 0; width: min(740px, calc(100vw - 20px));
  transform: translateX(-50%); background: var(--n2); border: 1px solid var(--line-2); border-radius: 14px; box-shadow: var(--shadow-pop);
}
.palette::backdrop { transition: none; }
.pal { display: flex; flex-direction: column; max-height: min(600px, 78dvh); }
.pal-search { flex: none; display: flex; align-items: center; gap: 10px; height: 50px; padding: 0 14px; border-bottom: 1px solid var(--line); }
.pal-search > .i { width: 18px; height: 18px; color: var(--fg3); }
.pal-search input { flex: 1; min-width: 0; height: 100%; background: none; border: 0; outline: none; color: var(--fg1); font-size: 15.5px; }
.pal-search input::placeholder { color: var(--fg3); }
.pal-main { flex: 1; min-height: 0; display: flex; }
.pal-list { flex: 1; min-width: 0; overflow-y: auto; padding: 6px; scroll-padding-block: 30px; overscroll-behavior: contain; }
.pal-head { padding: 8px 8px 4px; font-size: 12px; font-weight: 600; color: var(--fg3); }
.pal-row { display: flex; align-items: center; gap: 10px; min-height: 36px; padding: 6px 8px; border-radius: 7px; cursor: pointer; color: var(--fg1); }
.pal-row[aria-selected="true"] { background: var(--n4); }
.pal-row > .i { width: 17px; height: 17px; color: var(--fg3); }
.pal-row[aria-selected="true"] > .i { color: var(--amber); }
.pal-label { flex: 1; min-width: 0; display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.pal-name { font-weight: 500; }
.pal-label small { color: var(--fg3); font-size: 12.5px; }
mark { background: none; color: var(--amber); font-weight: 700; }
.pal-empty { padding: 28px 16px; text-align: center; color: var(--fg2); }
.pal-preview { display: none; }
@media (min-width: 760px) {
  .pal-preview { display: grid; align-content: start; gap: 8px; width: 240px; flex: none; padding: 14px; border-left: 1px solid var(--line); overflow-y: auto; }
}
.pal-preview h3 { font: 800 16px/1.2 var(--display); font-stretch: 104%; }
.pal-prev-sub { color: var(--fg3); font-size: 12.5px; }
.pal-preview dl { display: grid; gap: 9px; margin-top: 6px; }
.pal-preview dt { font-size: 12px; color: var(--fg3); }
.pal-preview dd { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-weight: 500; }
.pal-preview dd small { width: 100%; color: var(--fg3); font-weight: 400; font-size: 12px; }
.pal-foot { flex: none; display: none; align-items: center; gap: 14px; height: 34px; padding: 0 14px; border-top: 1px solid var(--line); color: var(--fg3); font-size: 12px; }
.pal-foot span { display: inline-flex; align-items: center; gap: 4px; }
.pal-foot-r { margin-left: auto; }
@media (min-width: 760px) { .pal-foot { display: flex; } }

/* ---------- Hoja móvil ---------- */
.sheet {
  position: fixed; inset: auto 0 0 0; width: 100%; max-height: 84dvh; background: var(--n2);
  border-radius: 16px 16px 0 0; border-top: 1px solid var(--line-2);
  transform: translateY(100%); transition: transform .22s var(--ease-out);
}
.sheet[open] { display: flex; flex-direction: column; }
.sheet.in { transform: none; transition: transform .34s var(--ease-drawer); }
.sheet-grab { flex: none; position: relative; height: 26px; touch-action: none; cursor: grab; }
.sheet-grab::before { content: ""; position: absolute; left: 50%; top: 10px; width: 38px; height: 4px; margin-left: -19px; border-radius: 2px; background: var(--line-2); }
.sheet-body { flex: 1; min-height: 0; overflow-y: auto; padding: 0 10px calc(14px + env(safe-area-inset-bottom, 0px)); overscroll-behavior: contain; }
.sheet-head { padding: 12px 8px 4px; font-size: 12px; font-weight: 600; color: var(--fg3); }
.sheet-item { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 44px; padding: 0 8px; border-radius: var(--r-m); font-size: 14.5px; font-weight: 500; text-align: left; }
.sheet-item:active { background: var(--n3); }
.sheet-item .i { width: 20px; height: 20px; color: var(--fg2); }
.sheet-item span { flex: 1; min-width: 0; }
.sheet-item b { font-size: 12.5px; color: var(--fg3); font-weight: 500; }

/* ---------- Menús ---------- */
.menu {
  position: fixed; min-width: 216px; max-width: min(340px, calc(100vw - 16px)); max-height: min(72dvh, 600px); overflow-y: auto; padding: 5px;
  background: var(--n3); border: 1px solid var(--line-2); border-radius: 10px; box-shadow: var(--shadow-pop);
}
.menu-item { display: flex; align-items: center; gap: 9px; width: 100%; min-height: 30px; padding: 4px 8px; border-radius: var(--r-s); text-align: left; font-size: 13.5px; font-weight: 500; color: var(--fg1); }
.menu-item:hover, .menu-item:focus-visible { background: var(--n5); outline: none; }
.menu-item .i { width: 16px; height: 16px; color: var(--fg2); }
.menu-label { flex: 1; min-width: 0; display: flex; justify-content: space-between; gap: 10px; }
.menu-label small { color: var(--fg3); font-size: 12px; font-weight: 400; }
.menu-check { color: var(--amber) !important; }
.menu-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 6px 8px 4px; font-size: 12px; font-weight: 600; color: var(--fg3); }
.menu-sep { height: 1px; margin: 5px 0; background: var(--line); }
.menu-user { width: 268px; }
.menu-account { display: flex; align-items: center; gap: 10px; padding: 6px 8px; }
.menu-account b { display: block; font-size: 13.5px; font-weight: 600; }
.menu-account small { color: var(--fg3); font-size: 12px; overflow-wrap: anywhere; }
.menu-notif { width: min(400px, calc(100vw - 16px)); max-width: none; padding: 0; overflow: hidden; display: none; flex-direction: column; }
.menu-notif:popover-open { display: flex; }
.menu-notif .menu-head { padding: 10px 12px 8px; border-bottom: 1px solid var(--line); font-size: 13px; color: var(--fg1); }
.notif-list { overflow-y: auto; max-height: min(60dvh, 460px); padding: 4px; }
.notif { position: relative; display: grid; grid-template-columns: 26px minmax(0, 1fr) auto; gap: 9px; width: 100%; padding: 8px; border-radius: var(--r-s); text-align: left; }
.notif:hover, .notif:focus-visible { background: var(--n4); outline: none; }
.notif-ico { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 7px; background: var(--n4); color: var(--fg2); }
.notif-ico .i { width: 14px; height: 14px; }
.notif-ico.k-send { background: var(--amber-soft); color: var(--amber); }
.notif-ico.k-review { background: rgba(240, 113, 122, .13); color: var(--red); }
.notif-ico.k-pay { background: rgba(240, 113, 122, .13); color: var(--red); }
.notif-ico.k-call { background: rgba(110, 168, 255, .13); color: var(--blue); }
.notif-ico.k-renew { background: rgba(63, 208, 201, .12); color: var(--teal); }
.notif-t b { display: block; font-weight: 500; font-size: 13px; line-height: 1.3; color: var(--fg2); }
.notif.unread .notif-t b { font-weight: 600; color: var(--fg1); }
.notif-t small { display: block; color: var(--fg3); font-size: 12px; line-height: 1.35; }
.notif time { color: var(--fg3); font-size: 11.5px; white-space: nowrap; }

/* ---------- Aviso, ayuda y secuencia de teclas ---------- */
.toast {
  position: fixed; left: 50%; bottom: calc(var(--tab-h) + env(safe-area-inset-bottom, 0px) + 10px);
  display: none; align-items: center; gap: 10px; width: max-content; max-width: calc(100vw - 20px);
  padding: 8px 8px 8px 12px; border-radius: 10px; background: var(--n4); box-shadow: var(--shadow-pop), inset 0 0 0 1px var(--line-2);
  font-size: 13px; font-weight: 500;
  transform: translate(-50%, 14px); opacity: 0; transition: transform .28s var(--ease-drawer), opacity .18s;
}
.toast:popover-open { display: flex; }
.toast.show { transform: translate(-50%, 0); opacity: 1; }
.toast-t { padding-block: 3px; }
.toast-ico.ok { color: var(--green); }
.toast-ico.warn { color: var(--amber); }
@media (min-width: 960px) { .toast { bottom: 22px; } }
dialog .toast { bottom: calc(66px + env(safe-area-inset-bottom, 0px)); }

.tip {
  position: fixed; display: none; align-items: center; gap: 8px; padding: 4px 8px; border-radius: var(--r-s); pointer-events: none;
  background: #1a3a6a; box-shadow: 0 8px 20px -8px rgba(0, 0, 0, .8), inset 0 0 0 1px var(--line-2);
  font-size: 12px; font-weight: 500; color: var(--fg1); white-space: nowrap;
  opacity: 0; transition: opacity .12s; max-width: 320px;
}
.tip:popover-open { display: inline-flex; }
.tip.show { opacity: 1; }
.tip.instant { transition: none; }
.tip kbd { background: rgba(255, 255, 255, .08); border-color: transparent; color: var(--fg2); }

.seq-hud {
  position: fixed; z-index: 400; right: 16px; bottom: 16px; padding: 4px 10px; border-radius: var(--r-s); background: var(--n4);
  box-shadow: var(--shadow-pop), inset 0 0 0 1px var(--line-2); font: 600 13px/1.4 var(--mono); opacity: 0; pointer-events: none;
}
.seq-hud.on { opacity: 1; }

.menu span.only-desk { display: none; }
@media (min-width: 960px) { .menu span.only-desk { display: block; } }