/* ============================================================
   EditorHQ Desk — desktop environment styles
   Consumes tokens.css only (no raw hex here).
   ============================================================ */

/* ---- App shell ---- */
.desk-body { overflow: hidden; }

.wall {
  position: fixed; inset: 0; z-index: var(--z-wall);
  background:
    radial-gradient(1200px 800px at 85% -10%, rgba(184, 92, 26, 0.07), transparent 60%),
    radial-gradient(900px 700px at -10% 110%, rgba(59, 91, 146, 0.05), transparent 55%),
    linear-gradient(180deg, var(--paper) 0%, var(--paper-sink) 100%);
}
.wall::before {
  /* fine engineering grid */
  content: ""; position: absolute; inset: 0;
  background-image:
    linear-gradient(var(--hairline-soft) 1px, transparent 1px),
    linear-gradient(90deg, var(--hairline-soft) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: radial-gradient(75% 60% at 50% 40%, #000 30%, transparent 100%);
}
.wall::after {
  /* giant Bengali watermark — the morning desk */
  content: "সকাল";
  position: absolute; right: -1%; bottom: -6%;
  font-family: var(--ff-bn); font-weight: 700;
  font-size: clamp(180px, 32vw, 460px); line-height: 1;
  color: transparent;
  -webkit-text-stroke: 1px rgba(42, 38, 32, 0.07);
  pointer-events: none; user-select: none;
}

/* ============ Top bar ============ */
.topbar {
  position: fixed; top: 0; left: 0; right: 0; z-index: var(--z-top);
  height: var(--topbar-h);
  display: grid; grid-template-columns: 1fr minmax(280px, 560px) 1fr;
  align-items: center; gap: var(--s4);
  padding: 0 var(--s5);
  background: color-mix(in srgb, var(--paper-raise) 86%, transparent);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--hairline);
}
.brand { display: inline-flex; align-items: center; gap: 10px; min-width: 0; }
.brand .mark {
  width: 30px; height: 30px; border-radius: 8px;
  display: grid; place-items: center;
  background: var(--amber); color: var(--paper-raise);
  font: 700 15px/1 var(--ff-body); letter-spacing: -0.02em;
  box-shadow: inset 0 -2px 0 rgba(26,24,20,0.18);
}
.brand .name { font: 600 var(--text-md)/1.2 var(--ff-body); color: var(--ink-deep); white-space: nowrap; }
.brand .edition { display: block; font: 500 var(--text-2xs)/1.2 var(--ff-mono); color: var(--ink-mute); letter-spacing: 0.06em; }

.clock { justify-self: end; text-align: right; line-height: 1.25; }
.clock .time { font: 600 var(--text-md)/1.2 var(--ff-mono); color: var(--ink-deep); font-variant-numeric: tabular-nums; }
.clock .date { font-size: var(--text-2xs); color: var(--ink-mute); }

/* user chip + menu */
.userwrap { position: relative; justify-self: end; }
.userbtn {
  display: inline-flex; align-items: center; gap: 9px;
  min-height: 38px; padding: 3px 10px 3px 4px;
  background: transparent; border: 1px solid transparent; border-radius: var(--r-full);
  cursor: pointer; transition: background var(--t-fast), border-color var(--t-fast);
}
.userbtn:hover { background: var(--amber-wash); border-color: var(--hairline-soft); }
.avatar {
  width: 30px; height: 30px; border-radius: 50%;
  display: grid; place-items: center;
  background: var(--ink); color: var(--paper);
  font: 600 12px/1 var(--ff-body);
  border: 1.5px solid var(--paper-edge);
}
.userbtn .uname { font: 500 var(--text-sm)/1.2 var(--ff-body); color: var(--ink); max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.userbtn .caret { width: 14px; height: 14px; color: var(--ink-mute); }

.menu {
  position: absolute; top: calc(100% + 8px); right: 0;
  min-width: 230px; padding: 6px;
  background: var(--paper-raise); border: 1px solid var(--hairline);
  border-radius: var(--r-md); box-shadow: var(--sh-pop);
  z-index: var(--z-menu);
  opacity: 0; transform: translateY(-6px) scale(0.98); pointer-events: none;
  transition: opacity var(--t-fast), transform var(--t-fast);
}
.menu.open { opacity: 1; transform: none; pointer-events: auto; }
.menu .seam { height: 1px; background: var(--hairline-soft); margin: 6px 4px; }
.menu .mi {
  display: flex; align-items: center; gap: 10px; width: 100%;
  min-height: 38px; padding: 8px 10px;
  background: none; border: 0; border-radius: var(--r-sm);
  font: 500 var(--text-md)/1.2 var(--ff-body); color: var(--ink);
  cursor: pointer; text-align: left;
}
.menu .mi:hover { background: var(--amber-wash); }
.menu .mi svg { width: 16px; height: 16px; color: var(--ink-soft); flex: none; }
.menu .mi .who { display: grid; line-height: 1.3; }
.menu .mi .who .mail { font: 400 var(--text-xs)/1.3 var(--ff-mono); color: var(--ink-mute); }

/* ============ Search ============ */
.searchwrap { position: relative; }
.searchbar {
  display: flex; align-items: center; gap: 10px;
  height: 44px; padding: 0 14px;
  background: var(--paper-raise);
  border: 1px solid var(--hairline-strong);
  border-radius: var(--r-full);
  box-shadow: var(--sh-sub);
  transition: box-shadow var(--t-med), border-color var(--t-med);
}
.searchbar:focus-within { border-color: var(--amber); box-shadow: 0 0 0 4px var(--amber-wash); }
.searchbar > svg { width: 18px; height: 18px; color: var(--ink-mute); flex: none; }
.searchbar input {
  flex: 1; min-width: 0; border: 0; background: transparent;
  font: 400 var(--text-base)/1.2 var(--ff-body); color: var(--ink-deep);
}
.searchbar input:focus { outline: none; }
.searchbar input::placeholder { color: var(--ink-mute); }
.searchbar .kbd {
  flex: none; font: 500 11px/1 var(--ff-mono); color: var(--ink-mute);
  border: 1px solid var(--hairline); border-bottom-width: 2px;
  border-radius: 5px; padding: 3px 6px; background: var(--paper);
}
.results {
  position: absolute; top: calc(100% + 8px); left: 0; right: 0;
  background: var(--paper-raise); border: 1px solid var(--hairline);
  border-radius: var(--r-md); box-shadow: var(--sh-pop);
  padding: 6px; z-index: var(--z-menu);
  display: none; max-height: 56vh; overflow: auto;
}
.results.open { display: block; }
.results .rgroup { padding: 8px 10px 4px; font: 600 var(--text-2xs)/1 var(--ff-body); letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-mute); }
.results .ri {
  display: flex; align-items: center; gap: 11px; width: 100%;
  min-height: var(--tap); padding: 8px 10px;
  background: none; border: 0; border-radius: var(--r-sm);
  font: 500 var(--text-md)/1.3 var(--ff-body); color: var(--ink);
  cursor: pointer; text-align: left;
}
.results .ri:hover, .results .ri.active { background: var(--amber-wash); }
.results .ri .ric {
  width: 32px; height: 32px; flex: none; border-radius: 8px;
  display: grid; place-items: center;
  background: var(--paper-sink); color: var(--ink-soft);
  border: 1px solid var(--hairline-soft);
}
.results .ri .ric svg { width: 16px; height: 16px; }
.results .ri .rt { display: grid; min-width: 0; }
.results .ri .rt .sub { font-size: var(--text-xs); color: var(--ink-mute); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.results .ri mark { background: var(--amber-wash); color: var(--amber-deep); border-radius: 3px; padding: 0 1px; }
.results .none { padding: 14px; text-align: center; color: var(--ink-mute); font-size: var(--text-sm); }

/* ============ Desktop icons ============ */
.deskicons {
  position: fixed; top: calc(var(--topbar-h) + var(--s5)); left: var(--s5);
  display: grid; gap: var(--s2); width: 96px; z-index: var(--z-desk);
}
.dicon {
  display: grid; justify-items: center; gap: 6px;
  padding: 10px 4px; border-radius: var(--r-md);
  background: none; border: 1px solid transparent; cursor: pointer;
  transition: background var(--t-fast), border-color var(--t-fast);
}
.dicon:hover { background: rgba(251, 249, 242, 0.6); border-color: var(--hairline-soft); }
.dicon:active { transform: scale(0.97); }
.dicon .ic {
  width: 46px; height: 46px; border-radius: 12px;
  display: grid; place-items: center;
  background: var(--paper-raise); border: 1px solid var(--hairline);
  box-shadow: var(--sh-sub); color: var(--amber-deep);
}
.dicon .ic svg { width: 22px; height: 22px; }
.dicon .lb {
  font: 500 11.5px/1.25 var(--ff-body); color: var(--ink);
  text-align: center; text-shadow: 0 1px 0 rgba(251,249,242,0.8);
}
.dicon .lb .cnt { color: var(--ink-mute); }

/* ============ Dock ============ */
.dock {
  position: fixed; left: 50%; bottom: 12px; transform: translateX(-50%);
  z-index: var(--z-dock);
  display: flex; align-items: center; gap: 4px;
  padding: 6px;
  background: color-mix(in srgb, var(--paper-raise) 92%, transparent);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  border: 1px solid var(--hairline); border-radius: var(--r-lg);
  box-shadow: var(--sh-pop);
  max-width: calc(100vw - 16px); overflow-x: auto;
}
.dock .db {
  display: grid; place-items: center; gap: 2px;
  width: 52px; height: 48px; flex: none;
  background: none; border: 1px solid transparent; border-radius: var(--r-md);
  cursor: pointer; color: var(--ink-soft); position: relative;
  transition: background var(--t-fast), color var(--t-fast);
}
.dock .db:hover { background: var(--amber-wash); color: var(--amber-deep); }
.dock .db:active { transform: translateY(1px); }
.dock .db svg { width: 20px; height: 20px; }
.dock .db .dl { font: 500 9.5px/1 var(--ff-body); letter-spacing: 0.02em; }
.dock .db .pip {
  position: absolute; top: 5px; right: 7px;
  min-width: 15px; height: 15px; padding: 0 4px;
  display: grid; place-items: center;
  font: 700 9px/1 var(--ff-mono);
  background: var(--amber); color: #fff; border-radius: var(--r-full);
  border: 1.5px solid var(--paper-raise);
}
.dock .db.active { background: var(--amber-wash); color: var(--amber-deep); border-color: var(--hairline-soft); }
.dock .sep { width: 1px; height: 30px; background: var(--hairline); margin: 0 4px; flex: none; }

/* ============ Windows ============ */
.win {
  position: fixed; z-index: var(--z-win);
  display: flex; flex-direction: column;
  width: min(720px, calc(100vw - 32px)); height: min(560px, calc(100vh - var(--topbar-h) - var(--dock-h) - 40px));
  left: 50%; top: calc(var(--topbar-h) + 24px);
  transform: translateX(-50%);
  background: var(--paper-raise);
  border: 1px solid var(--hairline-strong);
  border-radius: var(--r-lg);
  box-shadow: var(--sh-win);
  overflow: hidden;
  opacity: 0; scale: 0.98; pointer-events: none;
  transition: opacity var(--t-pop), scale var(--t-pop);
}
.win.open { opacity: 1; scale: 1; pointer-events: auto; }
.win.focused { z-index: var(--z-win-focus); box-shadow: var(--sh-pop); border-color: var(--hairline-strong); }

.win-head {
  display: flex; align-items: center; gap: 10px;
  height: 46px; padding: 0 10px 0 var(--s4); flex: none;
  background: var(--paper); border-bottom: 1px solid var(--hairline);
  cursor: grab; user-select: none; touch-action: none;
}
.win-head:active { cursor: grabbing; }
.win-head .wt { font: 600 var(--text-lg)/1.2 var(--ff-body); color: var(--ink-deep); display: flex; align-items: center; gap: 8px; min-width: 0; }
.win-head .wt svg { width: 16px; height: 16px; color: var(--amber-deep); flex: none; }
.win-head .wt .t { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.win-ctl { margin-left: auto; display: flex; gap: 2px; }
.win-ctl .btn--icon { width: 32px; min-height: 32px; border-color: transparent; background: transparent; }
.win-ctl .btn--icon:hover { background: var(--paper-sink); border-color: var(--hairline-soft); }
.win-body { flex: 1; min-height: 0; display: flex; overflow: hidden; }

/* ============ PA chat (WhatsApp-style) ============ */
.chat { display: flex; flex-direction: column; width: 100%; }
.chat-scroll { flex: 1; overflow-y: auto; padding: var(--s4) var(--s4) var(--s2); display: flex; flex-direction: column; gap: 10px; }
.chat-scroll .day {
  align-self: center; padding: 3px 12px; border-radius: var(--r-full);
  background: var(--paper-sink); border: 1px solid var(--hairline-soft);
  font: 500 var(--text-2xs)/1.6 var(--ff-body); color: var(--ink-soft);
}
.msg { display: flex; gap: 8px; max-width: 86%; }
.msg .mav {
  width: 28px; height: 28px; border-radius: 50%; flex: none; margin-top: auto;
  display: grid; place-items: center;
  background: var(--amber); color: var(--paper-raise);
}
.msg .mav svg { width: 15px; height: 15px; }
.msg .bub {
  padding: 8px 12px 6px; border-radius: 12px;
  background: var(--paper); border: 1px solid var(--hairline-soft);
  font-size: var(--text-base); line-height: 1.55; color: var(--ink-deep);
  overflow-wrap: anywhere;
}
.msg .bub .meta {
  display: flex; justify-content: flex-end; gap: 5px; margin-top: 2px;
  font: 400 var(--text-2xs)/1 var(--ff-mono); color: var(--ink-mute);
}
.msg.out { margin-left: auto; flex-direction: row-reverse; }
.msg.out .bub { background: #ecdfc8; border-color: rgba(184, 92, 26, 0.22); }
.msg .bub ul { margin: 6px 0 2px; padding-left: 18px; }
.msg .bub li { margin: 3px 0; }
.msg .bub .ptitle { font-weight: 600; }
.typing { display: inline-flex; gap: 4px; padding: 10px 12px; }
.typing i { width: 6px; height: 6px; border-radius: 50%; background: var(--ink-mute); animation: tp 1s infinite; }
.typing i:nth-child(2) { animation-delay: 0.15s; } .typing i:nth-child(3) { animation-delay: 0.3s; }
@keyframes tp { 40% { transform: translateY(-4px); opacity: 0.6; } }

.chips { display: flex; gap: 6px; padding: 4px var(--s4) 8px; flex-wrap: wrap; }
.chip {
  min-height: 30px; padding: 4px 12px; border-radius: var(--r-full);
  font: 500 var(--text-sm)/1.4 var(--ff-body); color: var(--amber-deep);
  background: var(--amber-wash); border: 1px solid rgba(184, 92, 26, 0.25);
  cursor: pointer; transition: background var(--t-fast);
}
.chip:hover { background: rgba(184, 92, 26, 0.16); }
.chip:active { transform: translateY(1px); }

.chat-bar { display: flex; gap: 8px; padding: 10px var(--s4) var(--s4); border-top: 1px solid var(--hairline-soft); background: var(--paper); }
.chat-bar .input { flex: 1; }

/* ============ Tasks app ============ */
.tasks { display: grid; grid-template-columns: 208px 1fr; width: 100%; }
.tside { border-right: 1px solid var(--hairline); background: var(--paper); display: flex; flex-direction: column; min-height: 0; }
.tside .ph { padding: var(--s3) var(--s3) 6px; font: 600 var(--text-2xs)/1 var(--ff-body); letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-mute); }
.tside .plist { flex: 1; overflow-y: auto; padding: 0 6px 6px; display: grid; gap: 2px; align-content: start; }
.tside .pi {
  display: flex; align-items: center; gap: 8px; width: 100%;
  min-height: 38px; padding: 6px 9px; border-radius: var(--r-sm);
  background: none; border: 0; cursor: pointer; text-align: left;
  font: 500 var(--text-md)/1.3 var(--ff-body); color: var(--ink);
}
.tside .pi:hover { background: var(--amber-wash); }
.tside .pi.active { background: var(--paper-sink); box-shadow: inset 2px 0 0 var(--amber); }
.tside .pi .pdot { width: 9px; height: 9px; border-radius: 3px; flex: none; }
.tside .pi .pn { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tside .pi .pc { font: 600 10.5px/1 var(--ff-mono); color: var(--ink-mute); }
.tside .padd { margin: 0 6px 8px; }

.tmain { display: flex; flex-direction: column; min-width: 0; min-height: 0; }
.thead { padding: var(--s4) var(--s4) 10px; border-bottom: 1px solid var(--hairline-soft); display: grid; gap: 4px; }
.thead .tt { font: 600 var(--text-lg)/1.3 var(--ff-body); color: var(--ink-deep); display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.thead .td { font-size: var(--text-sm); color: var(--ink-soft); }
.tlist { flex: 1; overflow-y: auto; padding: 8px var(--s3) var(--s3); display: grid; gap: 2px; align-content: start; }
.titem {
  display: flex; align-items: flex-start; gap: 10px;
  padding: 8px 10px; border-radius: var(--r-sm);
  transition: background var(--t-fast);
}
.titem:hover { background: var(--paper); }
.titem .check { margin-top: 2px; }
.titem .tt2 { flex: 1; min-width: 0; display: grid; gap: 2px; }
.titem .tt2 .tx { font-size: var(--text-md); line-height: 1.45; overflow-wrap: anywhere; }
.titem.done .tt2 .tx { color: var(--ink-mute); text-decoration: line-through; text-decoration-color: var(--hairline-strong); }
.titem .tmeta { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.titem .del { opacity: 0; }
.titem:hover .del, .titem:focus-within .del { opacity: 1; }
.tadd { display: flex; gap: 8px; padding: 10px var(--s4) var(--s4); border-top: 1px solid var(--hairline-soft); background: var(--paper); }
.tadd .input { flex: 1; }
.tempty { text-align: center; color: var(--ink-mute); padding: 32px 16px; display: grid; gap: 8px; justify-items: center; }
.tempty svg { width: 28px; height: 28px; color: var(--paper-edge); }

/* ============ Project home ============ */
.proj { display: flex; flex-direction: column; width: 100%; overflow-y: auto; }
.proj .hero { padding: var(--s5) var(--s5) var(--s4); border-bottom: 1px solid var(--hairline-soft); display: grid; gap: 6px; }
.proj .hero .ph-t { font: 600 var(--text-xl)/1.25 var(--ff-body); color: var(--ink-deep); display: flex; gap: 10px; align-items: center; }
.proj .hero .pdot { width: 12px; height: 12px; border-radius: 4px; flex: none; }
.proj .hero .ph-d { color: var(--ink-soft); font-size: var(--text-md); }
.proj .stats { display: flex; gap: var(--s3); padding: var(--s4) var(--s5); flex-wrap: wrap; }
.proj .stat { display: grid; gap: 2px; padding: 10px 14px; border-radius: var(--r-md); background: var(--paper); border: 1px solid var(--hairline-soft); min-width: 92px; }
.proj .stat .sv { font: 600 20px/1.1 var(--ff-mono); color: var(--ink-deep); font-variant-numeric: tabular-nums; }
.proj .stat .sl { font-size: var(--text-2xs); color: var(--ink-mute); letter-spacing: 0.04em; text-transform: uppercase; }
.proj .plist2 { padding: 0 var(--s5) var(--s5); display: grid; gap: 8px; }
.proj .open-in-tasks { margin: 0 var(--s5) var(--s5); justify-self: start; }

/* ============ Team matrix (CP stand-in) ============ */
#team-matrix { border: 1px solid var(--hairline); border-radius: var(--r-md); overflow: hidden; }
.mrow { display: grid; grid-template-columns: minmax(180px, 1.2fr) repeat(auto-fit, minmax(140px, 1fr)); border-bottom: 1px solid var(--hairline-soft); background: var(--paper-raise); }
.mrow:last-child { border-bottom: 0; }
.mhead { background: var(--paper-sink); }
.mhead .mproj { font: 600 var(--text-xs)/1.3 var(--ff-body); color: var(--ink-soft); text-transform: uppercase; letter-spacing: 0.05em; display: flex; align-items: center; gap: 6px; }
.mcell { padding: 10px 12px; display: flex; align-items: center; gap: 8px; min-height: 52px; }
.mcell.muser { font: 500 var(--text-md)/1.3 var(--ff-body); color: var(--ink); }
.mcell .mu { display: grid; line-height: 1.25; }
.mcell .mu .mail { font: 400 10.5px/1.3 var(--ff-mono); color: var(--ink-mute); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 150px; }
.mcell.mproj { justify-content: center; }
.mcell .check input { width: 20px; height: 20px; }

/* assignee chip */
.asg {
  width: 20px; height: 20px; border-radius: 50%; flex: none;
  display: inline-grid; place-items: center;
  background: var(--paper-sink); color: var(--ink-soft);
  border: 1px solid var(--hairline-soft);
  font: 600 10px/1 var(--ff-body);
}
.avatar.asw { border-color: var(--hairline); }
.menu .acct.current { background: var(--amber-wash); }
.menu .acct.current::after { content: "✓"; margin-left: auto; color: var(--amber-deep); font-weight: 700; }
.menu .acct-head { font: 600 var(--text-2xs)/1 var(--ff-body); letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-mute); }

/* ============ Sign-out overlay ============ */
.gate {
  position: fixed; inset: 0; z-index: 90;
  display: grid; place-items: center;
  background: color-mix(in srgb, var(--paper) 80%, transparent);
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
}
.gate .gcard { width: min(400px, calc(100vw - 32px)); padding: var(--s6); display: grid; gap: var(--s4); text-align: center; }
.gate .gcard form { display: grid; gap: var(--s4); text-align: left; }
.gate .gcard .gt { font: 600 var(--text-xl)/1.3 var(--ff-body); }
.gate .gcard .gd { color: var(--ink-soft); font-size: var(--text-md); }

/* ============ Toast host & skip link ============ */
.skiplink {
  position: fixed; top: -48px; left: 12px; z-index: 99;
  padding: 8px 14px; background: var(--ink-deep); color: var(--paper);
  border-radius: var(--r-sm); font-size: var(--text-sm); transition: top var(--t-fast);
}
.skiplink:focus { top: 10px; }

/* ============ Responsive ============ */
@media (max-width: 1023px) {
  .deskicons { display: none; }
  .topbar { grid-template-columns: auto 1fr auto; padding: 0 var(--s3); }
  .win { height: calc(100dvh - var(--topbar-h) - 12px); top: var(--topbar-h); border-radius: var(--r-lg) var(--r-lg) 0 0; }
}
@media (max-width: 767px) {
  :root { --topbar-h: 54px; }
  .brand .name .long { display: none; }
  .clock { display: none; }
  .searchbar { height: 40px; }
  .searchbar .kbd { display: none; }
  .userbtn .uname { display: none; }
  .win {
    left: 0 !important; right: 0; bottom: 0; top: var(--topbar-h) !important;
    transform: none !important; width: 100% !important; height: auto;
    border-radius: 0; border-left: 0; border-right: 0; border-bottom: 0;
  }
  .win-head { cursor: default; }
  .tasks { grid-template-columns: 1fr; }
  .tside { display: none; }
  .tside.mobile-open { display: flex; position: absolute; inset: 0; z-index: 5; }
  .tmain { position: relative; }
  .msg { max-width: 94%; }
  .dock { bottom: 8px; }
  .dock .db { width: 56px; }
  .wall::after { font-size: 55vw; bottom: -4%; }
}
@media (max-width: 479px) {
  .dock .db .dl { display: none; }
  .dock .db { height: 44px; }
}

/* Drag ghost while moving a window */
.win.dragging { transition: none; user-select: none; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}