/**
 * Phorge UI Skin — Notion-inspired polish
 * T493: Applied via nginx sub_filter injection
 *
 * Design tokens adapted from mock/styles.css.
 * Targets Phorge's PHUI component classes.
 * Does NOT replace Phorge CSS — overrides on top.
 */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=JetBrains+Mono:wght@400;500&display=swap');

/* ─── Design Tokens ─── */
:root {
  --skin-font: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --skin-mono: 'JetBrains Mono', 'SFMono-Regular', Consolas, monospace;
  --skin-bg: #FFFFFF;
  --skin-bg-secondary: #EDF2F7;
  --skin-bg-smoke: #F4F7FA;
  --skin-text: #111319;
  --skin-text-secondary: #394351;
  --skin-text-muted: #66778F;
  --skin-accent: #0366D6;
  --skin-accent-hover: #024EA4;
  --skin-border: #DAE1E9;
  --skin-radius: 8px;
  --skin-radius-lg: 12px;
  --skin-radius-pill: 100px;
  --skin-shadow-sm: 0 1px 3px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.06);
  --skin-shadow-md: 0 2px 4px rgba(0,0,0,0.04), 0 2px 6px rgba(0,0,0,0.04);
  --skin-shadow-lg: 0 4px 12px rgba(0,0,0,0.05), 0 20px 40px rgba(0,0,0,0.06);

  /* Status colors matching Mattermost theme */
  --skin-status-open: #0366D6;
  --skin-status-review: #9E5CF7;
  --skin-status-stalled: #ED2651;
  --skin-status-resolved: #3AD984;
  --skin-status-closed: #66778F;

  /* Priority colors */
  --skin-pri-crit: #ED2651;
  --skin-pri-high: #F08A24;
  --skin-pri-normal: #0366D6;
  --skin-pri-low: #66778F;
  --skin-pri-wish: #DAE1E9;
}

/* ─── Animations ─── */
@keyframes skinFadeIn {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes skinPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}

/* ─── Global Typography ─── */
body,
.phabricator-standard-page {
  font-family: var(--skin-font) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--skin-text);
  background: var(--skin-bg);
}

/* Monospace elements */
.remarkup-code,
.remarkup-code-block pre,
pre, code, tt,
.phui-tag-core .phui-tag-type-object,
.diffusion-source code {
  font-family: var(--skin-mono) !important;
}

/* ─── Top Navigation Bar ─── */
.phabricator-main-menu {
  background: var(--skin-bg) !important;
  border-bottom: 1px solid var(--skin-border) !important;
  box-shadow: none !important;
  height: 54px !important;
}

.phabricator-main-menu-background {
  background: var(--skin-bg) !important;
}

.phabricator-wordmark {
  color: var(--skin-text) !important;
  font-family: var(--skin-font) !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
}

/* Search bar */
.phabricator-main-menu-search input[type="text"],
.phabricator-main-menu-search .phabricator-main-menu-search-container input {
  font-family: var(--skin-font) !important;
  font-size: 14px !important;
  border-radius: 10px !important;
  background: var(--skin-bg-secondary) !important;
  border: 1px solid transparent !important;
  padding: 8px 16px !important;
  color: var(--skin-text) !important;
  transition: all 200ms ease;
}

.phabricator-main-menu-search input[type="text"]:focus {
  border-color: var(--skin-accent) !important;
  background: var(--skin-bg) !important;
  box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.15) !important;
}

/* Menu items */
.phabricator-main-menu a,
.core-menu-item a {
  color: var(--skin-text-secondary) !important;
  font-family: var(--skin-font) !important;
}

.phabricator-main-menu a:hover {
  color: var(--skin-text) !important;
}

/* ─── Breadcrumbs ─── */
.phui-crumbs-view {
  background: var(--skin-bg) !important;
  border-bottom: 1px solid var(--skin-border) !important;
  padding: 8px 24px !important;
}

.phui-crumb-name {
  font-family: var(--skin-font) !important;
  font-size: 14px !important;
  color: var(--skin-text-muted) !important;
}

.phui-crumb-view:hover .phui-crumb-name {
  color: var(--skin-accent) !important;
}

/* ─── Page Headers ─── */
.phui-header-header {
  font-family: var(--skin-font) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: var(--skin-text) !important;
  letter-spacing: -0.02em;
}

.phui-header-shell {
  border: none !important;
  padding: 20px 0 16px !important;
}

.phui-header-subheader {
  font-family: var(--skin-font) !important;
  color: var(--skin-text-muted) !important;
  font-size: 14px !important;
}

/* ─── Object List (Task Lists) ─── */
.phui-oi-list-view {
  margin: 0 !important;
  padding: 0 !important;
}

.phui-oi {
  border: 1px solid var(--skin-border) !important;
  border-radius: var(--skin-radius) !important;
  margin-bottom: 8px !important;
  padding: 14px 16px !important;
  background: var(--skin-bg) !important;
  box-shadow: var(--skin-shadow-sm) !important;
  transition: box-shadow 200ms ease, transform 200ms ease !important;
  animation: skinFadeIn 0.3s ease both;
}

.phui-oi:hover {
  box-shadow: var(--skin-shadow-lg) !important;
  transform: translateY(-1px);
}

/* Stagger animation */
.phui-oi:nth-child(1) { animation-delay: 0.02s; }
.phui-oi:nth-child(2) { animation-delay: 0.04s; }
.phui-oi:nth-child(3) { animation-delay: 0.06s; }
.phui-oi:nth-child(4) { animation-delay: 0.08s; }
.phui-oi:nth-child(5) { animation-delay: 0.1s; }
.phui-oi:nth-child(6) { animation-delay: 0.12s; }
.phui-oi:nth-child(7) { animation-delay: 0.14s; }
.phui-oi:nth-child(8) { animation-delay: 0.16s; }

/* Priority color bar (left border) */
.phui-oi-bar-color-red { border-left: 3px solid var(--skin-pri-crit) !important; }
.phui-oi-bar-color-orange { border-left: 3px solid var(--skin-pri-high) !important; }
.phui-oi-bar-color-yellow { border-left: 3px solid var(--skin-pri-high) !important; }
.phui-oi-bar-color-blue { border-left: 3px solid var(--skin-pri-normal) !important; }
.phui-oi-bar-color-grey { border-left: 3px solid var(--skin-pri-low) !important; }
.phui-oi-bar-color-indigo { border-left: 3px solid var(--skin-pri-normal) !important; }
.phui-oi-bar-color-violet { border-left: 3px solid #9E5CF7 !important; }

/* Task names */
.phui-oi-name {
  font-family: var(--skin-font) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: var(--skin-text) !important;
  line-height: 1.45 !important;
}

.phui-oi-link {
  color: var(--skin-text) !important;
}

.phui-oi-link:hover {
  color: var(--skin-accent) !important;
  text-decoration: none !important;
}

/* Task ID */
.phui-oi-objname {
  font-family: var(--skin-mono) !important;
  font-size: 13px !important;
  color: var(--skin-text-muted) !important;
  font-weight: 500 !important;
}

/* Task attributes (assignee, date, etc.) */
.phui-oi-attribute {
  font-family: var(--skin-font) !important;
  font-size: 13px !important;
  color: var(--skin-text-muted) !important;
}

/* ─── Tags / Labels ─── */
.phui-tag-core {
  font-family: var(--skin-font) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  border-radius: var(--skin-radius-pill) !important;
  padding: 3px 10px !important;
  line-height: 1.4 !important;
}

.phui-tag-type-shade {
  border: none !important;
}

/* Project tags */
.phui-tag-color-blue .phui-tag-core { background: rgba(3, 102, 214, 0.1) !important; color: #0366D6 !important; }
.phui-tag-color-violet .phui-tag-core { background: rgba(158, 92, 247, 0.1) !important; color: #9E5CF7 !important; }
.phui-tag-color-green .phui-tag-core { background: rgba(58, 217, 132, 0.1) !important; color: #2a9d65 !important; }
.phui-tag-color-orange .phui-tag-core { background: rgba(240, 138, 36, 0.1) !important; color: #c47020 !important; }
.phui-tag-color-grey .phui-tag-core { background: var(--skin-bg-secondary) !important; color: var(--skin-text-muted) !important; }
.phui-tag-color-red .phui-tag-core { background: rgba(237, 38, 81, 0.1) !important; color: #ED2651 !important; }
.phui-tag-color-yellow .phui-tag-core { background: rgba(245, 190, 49, 0.1) !important; color: #b08a1a !important; }
.phui-tag-color-indigo .phui-tag-core { background: rgba(75, 0, 130, 0.1) !important; color: #4B0082 !important; }

/* Status tags — state type */
.phui-tag-type-state .phui-tag-core {
  font-weight: 600 !important;
  padding: 4px 12px !important;
}

/* ─── Object Box (Content Panels) ─── */
.phui-object-box {
  border: 1px solid var(--skin-border) !important;
  border-radius: var(--skin-radius-lg) !important;
  box-shadow: none !important;
  margin-bottom: 20px !important;
  overflow: hidden;
}

.phui-object-box .phui-header-shell {
  background: var(--skin-bg-smoke) !important;
  padding: 14px 20px !important;
  border-bottom: 1px solid var(--skin-border) !important;
}

/* ─── Two-Column Layout (Task Detail) ─── */
.phui-two-column-view {
  max-width: 1200px !important;
}

.phui-two-column-content {
  padding: 20px !important;
}

/* Curtain (right sidebar on detail pages) */
.phui-curtain-panel {
  border: 1px solid var(--skin-border) !important;
  border-radius: var(--skin-radius) !important;
  margin-bottom: 16px !important;
  background: var(--skin-bg) !important;
  box-shadow: var(--skin-shadow-sm) !important;
}

.phui-curtain-panel-header {
  font-family: var(--skin-font) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: var(--skin-text-muted) !important;
  padding: 14px 16px 10px !important;
}

.phui-curtain-panel-body {
  padding: 0 16px 14px !important;
}

/* ─── Property Lists ─── */
.phui-property-list-key {
  font-family: var(--skin-font) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--skin-text-muted) !important;
}

.phui-property-list-value {
  font-family: var(--skin-font) !important;
  font-size: 14px !important;
  color: var(--skin-text) !important;
}

/* ─── Timeline (Comments / Activity) ─── */
.phui-timeline-view {
  padding: 0 !important;
}

.phui-timeline-event-view {
  border: 1px solid var(--skin-border) !important;
  border-radius: var(--skin-radius) !important;
  margin-bottom: 12px !important;
  background: var(--skin-bg) !important;
}

.phui-timeline-title {
  font-family: var(--skin-font) !important;
  font-size: 14px !important;
  color: var(--skin-text-secondary) !important;
  padding: 10px 16px !important;
  background: var(--skin-bg-smoke) !important;
  border-bottom: 1px solid var(--skin-border) !important;
}

.phui-timeline-core-content {
  font-family: var(--skin-font) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  color: var(--skin-text) !important;
  padding: 14px 16px !important;
}

.phui-timeline-image {
  border-radius: 50% !important;
}

/* ─── Buttons ─── */
button,
.button,
a.button,
.aphront-dialog-tail button {
  font-family: var(--skin-font) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: var(--skin-radius) !important;
  padding: 8px 16px !important;
  transition: all 120ms ease !important;
  line-height: 20px !important;
}

/* Primary buttons (green / blue actions) */
button[name="__submit__"],
.button-green,
.button.button-green {
  background: var(--skin-accent) !important;
  border-color: var(--skin-accent) !important;
  color: #FFFFFF !important;
  box-shadow: var(--skin-shadow-sm) !important;
}

button[name="__submit__"]:hover,
.button-green:hover {
  background: var(--skin-accent-hover) !important;
  border-color: var(--skin-accent-hover) !important;
}

/* Secondary / grey buttons */
.button-grey {
  background: var(--skin-bg) !important;
  border: 1px solid var(--skin-border) !important;
  color: var(--skin-text-secondary) !important;
}

.button-grey:hover {
  background: var(--skin-bg-smoke) !important;
  border-color: var(--skin-text-muted) !important;
}

/* ─── Forms ─── */
.aphront-form-input input[type="text"],
.aphront-form-input input[type="password"],
.aphront-form-input input[type="email"],
.aphront-form-input textarea,
.aphront-form-input select {
  font-family: var(--skin-font) !important;
  font-size: 14px !important;
  border: 1px solid var(--skin-border) !important;
  border-radius: var(--skin-radius) !important;
  padding: 8px 12px !important;
  background: var(--skin-bg) !important;
  color: var(--skin-text) !important;
  transition: border-color 150ms, box-shadow 150ms !important;
}

.aphront-form-input input:focus,
.aphront-form-input textarea:focus {
  outline: none !important;
  border-color: var(--skin-accent) !important;
  box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.15) !important;
}

.aphront-form-label {
  font-family: var(--skin-font) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--skin-text) !important;
}

/* ─── Dialog / Modal ─── */
.aphront-dialog-view {
  border-radius: var(--skin-radius-lg) !important;
  box-shadow: var(--skin-shadow-lg) !important;
  border: 1px solid var(--skin-border) !important;
  overflow: hidden;
}

.aphront-dialog-head {
  background: var(--skin-bg) !important;
  padding: 20px 24px 12px !important;
}

.aphront-dialog-body {
  padding: 12px 24px !important;
}

.aphront-dialog-tail {
  padding: 12px 24px 20px !important;
  background: var(--skin-bg-smoke) !important;
  border-top: 1px solid var(--skin-border) !important;
}

/* ─── Workboard (Kanban) ─── */
.project-board-nav {
  background: var(--skin-bg) !important;
  border-bottom: 1px solid var(--skin-border) !important;
}

/* ─── Links ─── */
a {
  color: var(--skin-accent);
  text-decoration: none;
}

a:hover {
  color: var(--skin-accent-hover);
}

/* ─── Remarkup (Wiki / Description Content) ─── */
.phabricator-remarkup {
  font-family: var(--skin-font) !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: var(--skin-text) !important;
}

.phabricator-remarkup h1 {
  font-size: 26px !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
  margin: 32px 0 12px !important;
}

.phabricator-remarkup h2 {
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
  margin: 28px 0 10px !important;
}

.phabricator-remarkup h3 {
  font-size: 17px !important;
  font-weight: 600 !important;
  margin: 24px 0 8px !important;
}

.phabricator-remarkup p {
  margin-bottom: 16px !important;
}

.phabricator-remarkup code {
  font-family: var(--skin-mono) !important;
  font-size: 13px !important;
  background: var(--skin-bg-secondary) !important;
  padding: 2px 7px !important;
  border-radius: 5px !important;
}

.phabricator-remarkup pre {
  font-family: var(--skin-mono) !important;
  font-size: 13px !important;
  background: var(--skin-bg-smoke) !important;
  border: 1px solid var(--skin-border) !important;
  border-radius: var(--skin-radius) !important;
  padding: 14px 16px !important;
  line-height: 1.5 !important;
}

.phabricator-remarkup table {
  border-collapse: collapse !important;
  width: 100% !important;
  margin: 16px 0 !important;
}

.phabricator-remarkup table th,
.phabricator-remarkup table td {
  font-family: var(--skin-font) !important;
  font-size: 14px !important;
  padding: 10px 14px !important;
  border: 1px solid var(--skin-border) !important;
}

.phabricator-remarkup table th {
  background: var(--skin-bg-smoke) !important;
  font-weight: 600 !important;
  color: var(--skin-text) !important;
}

/* ─── Feed (Activity / Home) ─── */
.phui-feed-story {
  border: 1px solid var(--skin-border) !important;
  border-radius: var(--skin-radius) !important;
  margin-bottom: 10px !important;
  padding: 14px 16px !important;
  background: var(--skin-bg) !important;
}

.phui-feed-story-head {
  font-family: var(--skin-font) !important;
  font-size: 14px !important;
}

/* ─── Page Body ─── */
.phabricator-standard-page-body {
  background: var(--skin-bg) !important;
}

#phabricator-standard-page-body {
  background: var(--skin-bg) !important;
}

/* ─── Filter / Query Bar ─── */
.aphront-list-filter-view {
  background: var(--skin-bg) !important;
  border: 1px solid var(--skin-border) !important;
  border-radius: var(--skin-radius-lg) !important;
  margin-bottom: 20px !important;
  box-shadow: none !important;
}

/* ─── Phriction (Wiki) ─── */
.phui-document-view {
  max-width: 900px !important;
}

.phui-document-content {
  font-family: var(--skin-font) !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
}

/* ─── Icon polish ─── */
.phui-icon-view.phui-font-fa {
  color: var(--skin-text-muted);
}

/* ─── Remove Phorge-specific visual noise ─── */
/* Remove the thick blue bar at very top */
.phui-theme-blindigo .phabricator-main-menu-background {
  background: var(--skin-bg) !important;
}

/* Remove gratuitous box shadows from default theme */
.phui-object-box {
  box-shadow: none !important;
}

/* Soften hard borders */
.phui-object-box-flush {
  border: 1px solid var(--skin-border) !important;
  border-radius: var(--skin-radius-lg) !important;
}

/* ─── Scrollbar polish ─── */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: var(--skin-border);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--skin-text-muted);
}

/* ─── Selection color ─── */
::selection {
  background: rgba(3, 102, 214, 0.2);
}

/* ─── Dashboard Panels ─── */
.dashboard-panel {
  border: 1px solid var(--skin-border) !important;
  border-radius: var(--skin-radius-lg) !important;
  margin-bottom: 20px !important;
  background: var(--skin-bg) !important;
  overflow: hidden;
}

/* Dashboard tab panels — Notion-style tab bar */
.phui-tab-group-view .phui-list-sidenav {
  border-bottom: 1px solid var(--skin-border) !important;
  background: var(--skin-bg-smoke) !important;
  padding: 0 16px !important;
}

.phui-tab-group-view .phui-list-item-href {
  font-family: var(--skin-font) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--skin-text-muted) !important;
  padding: 10px 16px !important;
  border-bottom: 2px solid transparent !important;
  transition: all 150ms ease !important;
}

.phui-tab-group-view .phui-list-item-selected .phui-list-item-href {
  color: var(--skin-text) !important;
  font-weight: 600 !important;
  border-bottom-color: var(--skin-accent) !important;
}

.phui-tab-group-view .phui-list-item-href:hover {
  color: var(--skin-text) !important;
  background: rgba(3, 102, 214, 0.04) !important;
}

/* ─── Sidebar (Home Profile Menu) ─── */
.phui-profile-menu {
  background: var(--skin-bg) !important;
  border-right: 1px solid var(--skin-border) !important;
}

.phui-profile-menu .phui-list-item-href {
  font-family: var(--skin-font) !important;
  font-size: 14px !important;
  color: var(--skin-text-secondary) !important;
  padding: 8px 16px !important;
  border-radius: 6px !important;
  margin: 1px 8px !important;
  transition: all 120ms ease !important;
}

.phui-profile-menu .phui-list-item-href:hover {
  background: var(--skin-bg-secondary) !important;
  color: var(--skin-text) !important;
}

.phui-profile-menu .phui-list-item-selected .phui-list-item-href {
  background: rgba(3, 102, 214, 0.08) !important;
  color: var(--skin-accent) !important;
  font-weight: 600 !important;
}

/* Sidebar section labels */
.phui-profile-menu .phui-list-item-type-label .phui-list-item-name {
  font-family: var(--skin-font) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  color: var(--skin-text-muted) !important;
  padding: 16px 16px 6px !important;
}

/* Sidebar divider */
.phui-profile-menu .phui-divider {
  border-top: 1px solid var(--skin-border) !important;
  margin: 8px 16px !important;
}

/* Sidebar icons */
.phui-profile-menu .phui-icon-view {
  color: var(--skin-text-muted) !important;
  margin-right: 10px !important;
  width: 18px !important;
  text-align: center !important;
}

.phui-profile-menu .phui-list-item-selected .phui-icon-view {
  color: var(--skin-accent) !important;
}

/* ─── Custom Status Badges ─── */
/* Open status */
.phui-tag-color-blue.phui-tag-type-state .phui-tag-core {
  background: rgba(3, 102, 214, 0.1) !important;
  color: var(--skin-status-open) !important;
}

/* In Progress status (shown as blue in Phorge) */
.phui-tag-icon-fa-play-circle .phui-tag-core {
  background: rgba(3, 102, 214, 0.12) !important;
  color: var(--skin-status-open) !important;
}

/* Blocked status (red) */
.phui-tag-icon-fa-minus-circle .phui-tag-core {
  background: rgba(237, 38, 81, 0.1) !important;
  color: var(--skin-status-stalled) !important;
}

/* Review status (violet) */
.phui-tag-icon-fa-eye .phui-tag-core {
  background: rgba(158, 92, 247, 0.1) !important;
  color: var(--skin-status-review) !important;
}

/* Closed/Resolved status (green) */
.phui-tag-icon-fa-check-circle .phui-tag-core {
  background: rgba(58, 217, 132, 0.1) !important;
  color: var(--skin-status-resolved) !important;
}

/* Duplicate status */
.phui-tag-icon-fa-files-o .phui-tag-core {
  background: var(--skin-bg-secondary) !important;
  color: var(--skin-text-muted) !important;
}

/* ─── Workboard Columns ─── */
.phui-workboard-column {
  background: var(--skin-bg-smoke) !important;
  border-radius: var(--skin-radius-lg) !important;
  margin: 0 6px !important;
}

.phui-workboard-column-header {
  font-family: var(--skin-font) !important;
  padding: 12px 14px 8px !important;
}

.phui-workboard-column-header-name {
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  color: var(--skin-text-muted) !important;
}

/* Card count badges on columns */
.phui-workboard-column-header .phui-header-col3 {
  font-size: 12px !important;
  color: var(--skin-text-muted) !important;
}

/* Workboard cards */
.phui-workcard {
  border: 1px solid var(--skin-border) !important;
  border-radius: var(--skin-radius) !important;
  background: var(--skin-bg) !important;
  box-shadow: var(--skin-shadow-sm) !important;
  margin-bottom: 6px !important;
  transition: box-shadow 150ms ease, transform 150ms ease !important;
}

.phui-workcard:hover {
  box-shadow: var(--skin-shadow-md) !important;
  transform: translateY(-1px);
}

.phui-workcard-header {
  font-family: var(--skin-font) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 10px 12px 8px !important;
  color: var(--skin-text) !important;
}

.phui-workcard-body {
  padding: 0 12px 10px !important;
  font-size: 12px !important;
}

/* Workboard background */
.project-board-wrapper {
  background: var(--skin-bg) !important;
}

/* ─── Empty State ─── */
.phui-info-view {
  font-family: var(--skin-font) !important;
  border-radius: var(--skin-radius) !important;
  border: 1px solid var(--skin-border) !important;
}

/* ─── Pager / Pagination ─── */
.phui-pager-view a,
.phui-pager-view span {
  font-family: var(--skin-font) !important;
  font-size: 13px !important;
  border-radius: 6px !important;
  padding: 6px 12px !important;
}

/* ─── Login Page ─── */
.aphront-dialog-view .phui-form-view {
  font-family: var(--skin-font) !important;
}

/* ─── Profile page polish ─── */
.phui-profile-header {
  border-bottom: 1px solid var(--skin-border) !important;
}

.people-profile-image {
  border-radius: var(--skin-radius-lg) !important;
}

/* ─── Hide unhideable builtins ─── */
/* "More Applications" launcher — canHideMenuItem() returns false in PHP,
   so we hide it via CSS instead */
.phui-profile-menu .phui-list-item-href[href="/applications/"] {
  display: none !important;
}