/* Shahdad AI organization workspace, deep-harmony skin 31.120.
   Visual layer only; org access and membership behavior remain unchanged. */

.org-gate,
.org-app {
  --os-ink: #163d42;
  --os-ink-strong: #0e3238;
  --os-muted: #4f686a;
  --os-subtle: #708685;
  --os-green: #2f7d6b;
  --os-green-deep: #276a5a;
  --os-mint: #dff4e9;
  --os-mint-soft: #eef9f3;
  --os-blue: #dcecf8;
  --os-blue-soft: #f2f8fc;
  --os-gold: #c2953f;
  --os-gold-ink: #684f18;
  --os-gold-soft: #f6e8bd;
  --os-blush: #f8e2e9;
  --os-lavender: #ebe4f7;
  --os-paper: #fffdf9;
  --os-canvas: #f5f8f3;
  --os-line: rgba(47, 125, 107, .15);
  --os-line-strong: rgba(47, 125, 107, .28);
  --os-danger: #92364e;
  --os-shadow-sm: 0 12px 30px -24px rgba(22, 61, 66, .46);
  --os-shadow-md: 0 28px 72px -42px rgba(22, 61, 66, .46);
  --os-focus: 0 0 0 3px rgba(47, 125, 107, .16);
  color: var(--os-ink);
  font-family: "Vazirmatn", sans-serif;
}

/* Access gate */
.org-gate {
  background:
    radial-gradient(560px 320px at 100% 0%, rgba(223, 244, 233, .92), transparent 70%),
    radial-gradient(520px 330px at 0% 100%, rgba(235, 228, 247, .70), transparent 70%),
    var(--os-paper);
}
.org-gate::before {
  background:
    radial-gradient(circle at 10% 14%, rgba(47, 125, 107, .11) 0 2px, transparent 3px),
    radial-gradient(circle at 90% 82%, rgba(194, 149, 63, .12) 0 2px, transparent 3px);
  background-size: 108px 108px, 146px 146px;
  opacity: .62;
}
.org-gate :is(h1, h2, h3, strong, b) { color: var(--os-ink-strong); }
.org-gate :is(p, small, label) { color: var(--os-muted); }
.org-gate-hero,
.org-gate-state,
.org-gate-code {
  color: var(--os-ink);
  border-color: var(--os-line);
  background: rgba(255, 253, 249, .90);
  box-shadow: var(--os-shadow-sm);
}
.org-gate-hero {
  background: linear-gradient(145deg, rgba(223,244,233,.88), rgba(255,253,249,.92) 54%, rgba(220,236,248,.68));
}
.org-gate-code {
  border-color: rgba(194, 149, 63, .22);
  background: linear-gradient(135deg, rgba(246,232,189,.62), rgba(255,253,249,.92));
}
.org-gate :is(input, select, textarea) {
  color: var(--os-ink);
  border-color: var(--os-line-strong);
  background: rgba(255,253,249,.96);
  caret-color: var(--os-green);
}
.org-gate :is(input, textarea)::placeholder { color: var(--os-subtle); opacity: 1; }
.org-gate :is(input, select, textarea):focus,
.org-gate :is(button, [tabindex]):focus-visible {
  outline: 2px solid var(--os-green);
  outline-offset: 2px;
  box-shadow: var(--os-focus);
}
.org-gate :is(button.primary, .primary) {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #3e927d, #286e60);
  box-shadow: 0 16px 32px -22px rgba(47,125,107,.82);
}

/* Full mini-app canvas */
.org-app {
  color: var(--os-ink);
  background:
    radial-gradient(900px 520px at 100% -12%, rgba(223,244,233,.72), transparent 68%),
    radial-gradient(780px 520px at -10% 110%, rgba(235,228,247,.52), transparent 68%),
    var(--os-canvas);
  isolation: isolate;
}
.org-app::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: radial-gradient(rgba(47,125,107,.09) .8px, transparent .8px);
  background-size: 28px 28px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.50), transparent 70%);
}
.org-app :is(h1, h2, h3, h4, strong, b) { color: var(--os-ink-strong); }
.org-app :is(p, small, label) { color: var(--os-muted); }
.org-app :is(button, input, select, textarea) { font: inherit; }
.org-app :is(button, input, select, textarea):focus-visible,
.org-app [tabindex]:focus-visible {
  outline: 2px solid var(--os-green);
  outline-offset: 2px;
  box-shadow: var(--os-focus);
}
.org-app :is(input, select, textarea) {
  color: var(--os-ink);
  border-color: var(--os-line-strong);
  background: rgba(255,253,249,.96);
  caret-color: var(--os-green);
}
.org-app :is(input, textarea)::placeholder { color: var(--os-subtle); opacity: 1; }
.org-app button:disabled {
  color: var(--os-muted);
  border-color: rgba(79,104,106,.18);
  background: #edf1ee;
  box-shadow: none;
  opacity: .72;
}

/* Top command bar */
.org-app .os-topbar {
  min-height: 74px;
  color: var(--os-ink);
  border-color: var(--os-line);
  background: rgba(255,253,249,.88);
  box-shadow: 0 12px 36px -34px rgba(22,61,66,.60);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
  backdrop-filter: blur(18px) saturate(1.08);
}
.org-app .os-brand { color: var(--os-ink-strong); }
.org-app .os-brand :is(svg, .icon) {
  color: var(--os-green);
  border-color: rgba(47,125,107,.18);
  background: linear-gradient(145deg, var(--os-mint), var(--os-blue-soft));
}
.org-app .os-search {
  color: var(--os-muted);
  border-color: var(--os-line);
  background: rgba(238,249,243,.72);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.56);
}
.org-app .os-search:focus-within {
  border-color: var(--os-line-strong);
  background: var(--os-paper);
  box-shadow: var(--os-focus);
}
.org-app .os-search input { border: 0; background: transparent; box-shadow: none; }
.org-app .os-top-actions > button,
.org-app .os-topbar > button {
  color: var(--os-muted);
  border-color: var(--os-line);
  background: rgba(255,253,249,.82);
}
.org-app .os-top-actions > button:hover,
.org-app .os-topbar > button:hover {
  color: var(--os-green);
  border-color: var(--os-line-strong);
  background: var(--os-mint-soft);
}
.org-app .os-org-identity {
  color: var(--os-green-deep);
  border-color: rgba(47,125,107,.20);
  background: linear-gradient(135deg, rgba(223,244,233,.90), rgba(255,253,249,.82));
}

/* Right navigation rail */
.org-app .os-sidebar {
  color: var(--os-ink);
  border-color: var(--os-line);
  background: linear-gradient(180deg, rgba(238,249,243,.86), rgba(255,253,249,.94) 42%, rgba(247,243,252,.62));
}
.org-app .os-role-card,
.org-app .os-sidebar-foot {
  color: var(--os-ink);
  border-color: var(--os-line);
  background: rgba(255,253,249,.78);
  box-shadow: var(--os-shadow-sm);
}
.org-app .os-role-card {
  background: linear-gradient(145deg, rgba(223,244,233,.90), rgba(220,236,248,.62));
}
.org-app .os-nav button {
  color: var(--os-muted);
  border-color: transparent;
  background: transparent;
}
.org-app .os-nav button:hover {
  color: var(--os-green);
  border-color: var(--os-line);
  background: rgba(255,253,249,.72);
}
.org-app .os-nav button:is(.active, [aria-current="page"]) {
  color: var(--os-green-deep);
  border-color: rgba(47,125,107,.22);
  background: var(--os-paper);
  box-shadow: var(--os-shadow-sm);
}
.org-app .os-nav button:is(.active, [aria-current="page"])::before {
  background: var(--os-green);
  box-shadow: 0 0 14px rgba(47,125,107,.34);
}
.org-app .os-sidebar-foot {
  color: var(--os-gold-ink);
  border-color: rgba(194,149,63,.22);
  background: rgba(246,232,189,.54);
}

/* Main work surface */
.org-app .os-main {
  color: var(--os-ink);
  background: transparent;
  scrollbar-color: rgba(47,125,107,.30) transparent;
}
.org-app .os-main > * {
  width: min(100%, 1480px);
  margin-inline: auto;
}
.org-app .os-breadcrumb { color: var(--os-muted); }
.org-app .os-breadcrumb :is(a, button, svg) { color: var(--os-green); }
.org-app .os-page-head { color: var(--os-ink); }
.org-app .os-page-head h1 { letter-spacing: -.035em; }
.org-app :is(.os-page-head > button, button.primary) {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #3e927d, #286e60);
  box-shadow: 0 16px 34px -23px rgba(47,125,107,.82);
}
.org-app :is(.os-page-head > button, button.primary):hover {
  box-shadow: 0 18px 36px -22px rgba(47,125,107,.76);
  transform: translateY(-1px);
}

/* Hero and subscription */
.org-app .os-hero {
  color: var(--os-ink);
  border-color: var(--os-line);
  background:
    radial-gradient(440px 250px at 94% 8%, rgba(223,244,233,.94), transparent 72%),
    radial-gradient(420px 250px at 6% 100%, rgba(220,236,248,.72), transparent 72%),
    rgba(255,253,249,.90);
  box-shadow: var(--os-shadow-md);
}
.org-app .os-hero-main { color: var(--os-ink); }
.org-app .os-hero-main :is(h1, h2, h3) {
  max-width: 780px;
  letter-spacing: -.04em;
}
.org-app .os-hero-main p { max-width: 720px; }
.org-app .os-plan-card {
  color: var(--os-gold-ink);
  border-color: rgba(194,149,63,.24);
  background: linear-gradient(145deg, rgba(246,232,189,.76), rgba(255,253,249,.86));
  box-shadow: var(--os-shadow-sm);
}
.org-app .os-plan-card :is(strong, b, h3, h4) { color: var(--os-gold-ink); }

/* KPI cards */
.org-app .os-stats { gap: 12px; }
.org-app .os-stat {
  --stat-wash: var(--os-mint);
  position: relative;
  color: var(--os-ink);
  border-color: var(--os-line);
  background: linear-gradient(145deg, rgba(223,244,233,.72), rgba(255,253,249,.94));
  box-shadow: var(--os-shadow-sm);
  overflow: hidden;
}
.org-app .os-stat::after {
  content: "";
  position: absolute;
  inset: auto auto -24px -24px;
  width: 78px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--stat-wash);
  opacity: .72;
}
.org-app .os-stat:nth-child(4n + 2) {
  --stat-wash: var(--os-blue);
  background: linear-gradient(145deg, rgba(220,236,248,.68), rgba(255,253,249,.94));
}
.org-app .os-stat:nth-child(4n + 3) {
  --stat-wash: var(--os-gold-soft);
  background: linear-gradient(145deg, rgba(246,232,189,.62), rgba(255,253,249,.94));
}
.org-app .os-stat:nth-child(4n + 4) {
  --stat-wash: var(--os-blush);
  background: linear-gradient(145deg, rgba(248,226,233,.62), rgba(255,253,249,.94));
}
.org-app .os-stat :is(strong, b) {
  color: var(--os-ink-strong);
  font-variant-numeric: tabular-nums;
}
.org-app .os-stat :is(svg, .icon) { color: var(--os-green); }

/* Cards, lists and panels */
.org-app :is(.os-panel, .os-work-card, .os-list-row, .os-auto-card, .os-folder, .os-audit) {
  color: var(--os-ink);
  border-color: var(--os-line);
  background: rgba(255,253,249,.90);
  box-shadow: var(--os-shadow-sm);
}
.org-app .os-panel {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.org-app .os-panel-head { color: var(--os-ink); border-color: var(--os-line); }
.org-app .os-panel-head :is(a, button) {
  color: var(--os-green);
  border-color: var(--os-line);
  background: var(--os-mint-soft);
}
.org-app :is(.os-work-card, .os-list-row, .os-auto-card, .os-folder):hover {
  border-color: var(--os-line-strong);
  background: var(--os-paper);
  box-shadow: var(--os-shadow-md);
  transform: translateY(-2px);
}
.org-app :is(.os-work-card, .os-list-row, .os-auto-card, .os-folder) :is(p, small) {
  color: var(--os-muted);
}

/* Workflow */
.org-app .os-pipeline { border-color: var(--os-line); }
.org-app .os-stage {
  color: var(--os-muted);
  border-color: var(--os-line);
  background: var(--os-mint-soft);
}
.org-app .os-stage:is(.active, [aria-current="step"]) {
  color: var(--os-green-deep);
  border-color: rgba(47,125,107,.28);
  background: var(--os-mint);
}
.org-app .os-stage.done {
  color: var(--os-gold-ink);
  border-color: rgba(194,149,63,.22);
  background: rgba(246,232,189,.68);
}

/* Tables and forms */
.org-app .os-list-row { box-shadow: none; }
.org-app .os-list-row + .os-list-row { border-top-color: var(--os-line); }
.org-app .os-table {
  color: var(--os-ink);
  border-color: var(--os-line);
  background: rgba(255,253,249,.72);
}
.org-app .os-table :is(th, td) { border-color: var(--os-line); }
.org-app .os-table th {
  color: var(--os-muted);
  background: rgba(238,249,243,.88);
}
.org-app .os-table td {
  color: var(--os-ink);
  background: rgba(255,253,249,.84);
}
.org-app .os-table tr:hover td { background: rgba(223,244,233,.56); }
.org-app .os-form-row :is(input, select, textarea) {
  min-height: 44px;
  border-color: var(--os-line-strong);
  background: var(--os-paper);
}
.org-app .os-form-row :is(input, select, textarea):focus {
  border-color: var(--os-green);
  box-shadow: var(--os-focus);
}
.org-app .os-form-row button {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #3e927d, #286e60);
}

/* Automation and cloud */
.org-app .os-automation-layout { gap: 18px; }
.org-app .os-auto-card {
  background: linear-gradient(145deg, rgba(255,253,249,.94), rgba(238,249,243,.72));
}
.org-app .os-auto-card:nth-child(3n + 2) {
  background: linear-gradient(145deg, rgba(255,253,249,.94), rgba(220,236,248,.58));
}
.org-app .os-auto-card:nth-child(3n + 3) {
  background: linear-gradient(145deg, rgba(255,253,249,.94), rgba(235,228,247,.56));
}
.org-app .os-flow { color: var(--os-muted); }
.org-app .os-flow > * {
  border-color: var(--os-line);
  background: var(--os-paper);
}
.org-app .os-flow :is(svg, i) { color: var(--os-green); }
.org-app .os-folders { gap: 12px; }
.org-app .os-folder {
  background: linear-gradient(145deg, rgba(255,253,249,.94), rgba(220,236,248,.46));
}
.org-app .os-folder :is(svg, .icon) {
  color: #356c84;
  background: var(--os-blue);
}
.org-app .os-audit {
  border-color: rgba(194,149,63,.22);
  background: linear-gradient(145deg, rgba(246,232,189,.50), rgba(255,253,249,.92));
}

/* Semantic status */
.org-app :is(.ok, .success, [data-status="active"]) { color: var(--os-green-deep); }
.org-app :is(.warning, .warn, [data-status="pending"]) { color: var(--os-gold-ink); }
.org-app :is(.danger, .error, [data-status="blocked"]) { color: var(--os-danger); }
.org-app :is(.pill, .badge, .status) {
  color: var(--os-green-deep);
  border-color: rgba(47,125,107,.22);
  background: rgba(223,244,233,.78);
}

/* Compact mobile command dock */
.org-app .os-mobile-nav {
  color: var(--os-muted);
  border-color: var(--os-line);
  background: rgba(255,253,249,.90);
  box-shadow: 0 -18px 42px -34px rgba(22,61,66,.65);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
  backdrop-filter: blur(18px) saturate(1.08);
}
.org-app .os-mobile-nav button { color: var(--os-muted); background: transparent; }
.org-app .os-mobile-nav button:is(.active, [aria-current="page"]) {
  color: var(--os-green-deep);
  background: var(--os-mint);
}

/* Purposeful entrance, not perpetual motion */
@keyframes os-deep-surface-in {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes os-deep-rail-in {
  from { opacity: 0; transform: translateX(12px); }
  to { opacity: 1; transform: translateX(0); }
}
.org-app .os-sidebar {
  animation: os-deep-rail-in .38s cubic-bezier(.2,.78,.22,1) both;
}
.org-app .os-main > :is(.os-page-head, .os-hero, .os-stats, .os-grid-2, .os-panel) {
  animation: os-deep-surface-in .42s cubic-bezier(.2,.78,.22,1) both;
}
.org-app .os-main > :nth-child(2) { animation-delay: 45ms; }
.org-app .os-main > :nth-child(3) { animation-delay: 90ms; }
.org-app .os-main > :nth-child(4) { animation-delay: 135ms; }
.org-app .os-main > :nth-child(5) { animation-delay: 180ms; }
.org-app :is(button, .os-work-card, .os-list-row, .os-auto-card, .os-folder) {
  transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .22s ease, transform .22s ease;
}

@media (max-width: 1180px) {
  .org-app .os-search { max-width: 280px; }
  .org-app .os-grid-2,
  .org-app .os-automation-layout { grid-template-columns: 1fr; }
  .org-app .os-hero { gap: 16px; }
}

@media (max-width: 900px) {
  .org-app .os-topbar { min-height: 64px; padding-inline: 14px; }
  .org-app .os-search,
  .org-app .os-org-identity { display: none; }
  .org-app .os-sidebar { display: none; }
  .org-app .os-main { padding: 18px 16px 94px; }
  .org-app .os-hero { grid-template-columns: 1fr; padding: 22px; }
  .org-app .os-plan-card { width: 100%; }
  .org-app .os-mobile-nav { display: flex; }
}

@media (max-width: 640px) {
  .org-gate { border-radius: 22px; }
  .org-gate-hero,
  .org-gate-state,
  .org-gate-code { border-radius: 18px; }
  .org-app .os-top-actions > button:not(:last-child) { display: none; }
  .org-app .os-page-head { align-items: flex-start; gap: 12px; }
  .org-app .os-page-head h1 { font-size: clamp(1.35rem, 7vw, 1.75rem); }
  .org-app .os-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .org-app .os-stat { min-height: 112px; padding: 14px; }
  .org-app .os-grid-2,
  .org-app .os-folders { grid-template-columns: 1fr; }
  .org-app .os-table { min-width: 660px; }
  .org-app .os-panel:has(.os-table) { overflow-x: auto; }
  .org-app .os-form-row { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .org-app, .org-app *, .org-app *::before, .org-app *::after,
  .org-gate, .org-gate *, .org-gate *::before, .org-gate *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

/* === Judge remediation 31.121 === */
.modal.org-access-modal,.modal.org-access-modal .modal-body{color:#163d42;border-color:rgba(47,125,107,.24);background:#fffdf9}.org-access-modal .org-gate-login{min-height:44px;color:#fff;border-color:transparent;background:linear-gradient(135deg,#3e927d,#286e60);box-shadow:0 16px 32px -22px rgba(47,125,107,.82)}
.org-app :is(h1,h2,h3,h4,h5,h6){letter-spacing:0!important}.org-app :is(.os-brand-mark,.os-icon-btn,.os-menu-btn,.os-drawer-close){min-width:44px;min-height:44px;color:var(--os-green-deep);border:1px solid var(--os-line);border-radius:12px;background:var(--os-mint-soft)}.org-app .os-brand-mark{background:linear-gradient(145deg,var(--os-mint),var(--os-blue-soft))}
.org-app .os-primary,.org-app .os-primary *{min-height:44px;color:#fff!important;border-color:transparent!important;background:linear-gradient(135deg,#3e927d,#286e60)!important;box-shadow:0 16px 34px -23px rgba(47,125,107,.82)}.org-app :is(.os-secondary,.os-ghost){min-height:44px;color:var(--os-green-deep);border-color:var(--os-line-strong);background:var(--os-paper)}.org-app :is(.os-eyebrow,.os-breadcrumb b){color:var(--os-green-deep)}.org-app .os-list-icon{color:var(--os-green);border-color:var(--os-line);background:var(--os-mint-soft)}
.org-app .os-hero-main{color:var(--os-ink)!important;border:1px solid var(--os-line)!important;background:radial-gradient(420px 250px at 100% 0%,rgba(223,244,233,.88),transparent 72%),linear-gradient(145deg,rgba(255,253,249,.98),rgba(242,248,252,.88))!important;box-shadow:var(--os-shadow-sm)!important}.org-app .os-hero-main::before,.org-app .os-hero-main::after{opacity:0!important}.org-app .os-hero-main :is(h1,h2,h3,h4,strong,b){color:var(--os-ink-strong)!important}.org-app .os-hero-main :is(p,small,span){color:var(--os-muted)!important}
.org-app .os-tag{color:var(--os-green-deep)!important;border-color:rgba(47,125,107,.22)!important;background:var(--os-mint)!important}.org-app .os-tag.warn{color:var(--os-gold-ink)!important;border-color:rgba(194,149,63,.28)!important;background:var(--os-gold-soft)!important}.org-app .os-tag.danger{color:var(--os-danger)!important;border-color:rgba(146,54,78,.22)!important;background:var(--os-blush)!important}.org-app .os-switch{min-width:44px;min-height:24px}.org-app .os-folder.active{border-color:rgba(47,125,107,.34);background:var(--os-mint-soft)}.org-app .os-upload{color:#356c84;border-color:rgba(53,108,132,.22);background:var(--os-blue-soft)}.org-app :is(.os-exit,.os-more-exit){color:var(--os-danger);border-color:rgba(146,54,78,.22);background:var(--os-blush)}
.org-app .os-panel{-webkit-backdrop-filter:none;backdrop-filter:none}.org-app .os-list-row:hover{transform:none;box-shadow:none}.org-app .os-main>:is(.os-page-head,.os-hero,.os-stats,.os-grid-2,.os-panel){animation-duration:280ms}.org-app .os-main>:nth-child(2){animation-delay:20ms}.org-app .os-main>:nth-child(3){animation-delay:40ms}.org-app .os-main>:nth-child(4){animation-delay:60ms}.org-app .os-main>:nth-child(5){animation-delay:80ms}.org-app :is(.os-drawer-scrim,.os-more-layer,.os-drawer-close,.os-mobile-data-list){display:none}
.org-app .os-drawer-scrim{position:fixed;inset:0;z-index:29;width:100%;height:100%;border:0;border-radius:0;background:rgba(22,61,66,.46);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.org-app .os-more-layer{position:fixed;inset:0;z-index:40;align-items:end;background:rgba(22,61,66,.46);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.org-app .os-more-sheet{width:100%;max-height:min(70dvh,560px);padding:10px 16px calc(16px + env(safe-area-inset-bottom));overflow:auto;color:var(--os-ink);border-radius:24px 24px 0 0;background:var(--os-paper);box-shadow:0 -26px 70px -34px rgba(22,61,66,.55);animation:os-sheet-in 240ms cubic-bezier(.2,.78,.22,1) both}.org-app .os-sheet-handle{display:block;width:44px;height:4px;margin:0 auto 12px;border-radius:999px;background:var(--os-line-strong)}.org-app .os-more-sheet>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.org-app .os-more-sheet>header div{display:grid;gap:2px}.org-app .os-more-nav{display:grid;gap:8px}.org-app .os-more-nav button,.org-app .os-more-exit{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--os-line);border-radius:12px;text-align:right;background:var(--os-paper)}.org-app .os-more-nav button.active{color:var(--os-green-deep);border-color:var(--os-line-strong);background:var(--os-mint)}.org-app .os-more-exit{margin-top:12px}@keyframes os-sheet-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.org-app .os-data-card{padding:14px;color:var(--os-ink);border:1px solid var(--os-line);border-radius:14px;background:var(--os-paper);box-shadow:var(--os-shadow-sm)}.org-app .os-data-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.org-app .os-data-card>header>span:first-child{display:grid;gap:2px}.org-app .os-data-card h4{margin:10px 0}.org-app .os-data-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 0}.org-app .os-data-card dl div{padding:8px;border-radius:10px;background:var(--os-mint-soft)}.org-app .os-data-card dt{color:var(--os-muted);font-size:11px}.org-app .os-data-card dd{margin:2px 0 0;color:var(--os-ink);font-weight:600}.org-app .os-member-card label{display:block;margin:12px 0 6px;color:var(--os-muted)}.org-app .os-member-card select{width:100%;min-height:44px}.org-app .os-data-empty{padding:18px;text-align:center;color:var(--os-muted);border:1px dashed var(--os-line-strong);border-radius:14px;background:var(--os-mint-soft)}
@media(max-width:900px){.org-app .os-menu-btn,.org-app .os-drawer-close{display:grid!important;place-items:center}.org-app .os-sidebar{display:flex!important;position:fixed;inset:0 0 0 auto;z-index:30;width:min(320px,88vw);height:100dvh;visibility:hidden;pointer-events:none;transform:translateX(105%);transition:transform 240ms cubic-bezier(.2,.78,.22,1),visibility 240ms}.org-app .os-sidebar.open{visibility:visible;pointer-events:auto;transform:translateX(0)}.org-app .os-drawer-close{align-self:end;margin:8px}.org-app .os-drawer-scrim{display:block}.org-app .os-mobile-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));padding:7px 8px calc(7px + env(safe-area-inset-bottom))}.org-app .os-mobile-nav button{display:grid;place-items:center;align-content:center;gap:3px;min-width:44px;min-height:48px}.org-app .os-mobile-nav button span{font-size:11px;line-height:1.2}.org-app .os-main{padding-bottom:calc(94px + env(safe-area-inset-bottom))}.org-app .os-more-layer{display:grid}.org-app :is(input,select,textarea){font-size:max(16px,1em)}}
@media(min-width:901px){.org-app :is(.os-menu-btn,.os-drawer-close,.os-drawer-scrim,.os-more-layer,.os-mobile-nav){display:none!important}}
@media(max-width:640px){.org-app .os-desktop-table{display:none}.org-app .os-mobile-data-list{display:grid;gap:10px}.org-app .os-data-card dl{grid-template-columns:1fr}.org-app .os-panel:has(.os-table){overflow:visible}}
/* === UX remediation 31.123 === */
.org-app .os-route-error{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;padding:24px;color:var(--os-ink);border:1px solid rgba(146,54,78,.22);border-radius:17px;background:linear-gradient(145deg,var(--os-blush),var(--os-paper));box-shadow:var(--os-shadow-sm)}
.org-app .os-route-error h2{margin:0 0 6px;color:var(--os-ink-strong);font-size:20px}.org-app .os-route-error p{margin:0;color:var(--os-muted)}.org-app .os-route-error-icon{display:grid;place-items:center;width:48px;height:48px;color:var(--os-danger);border-radius:14px;background:rgba(255,253,249,.72)}.org-app .os-route-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}
.org-app .os-permission-note{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px;padding:12px 14px;color:var(--os-ink);border:1px solid rgba(53,108,132,.22);border-radius:13px;background:var(--os-blue-soft)}.org-app .os-permission-note>span{display:grid;gap:3px}.org-app .os-permission-note small{color:var(--os-muted)}
.org-app .os-mobile-data-list:has(>.os-request-empty){display:grid}.org-app .os-desktop-table:has(tbody:empty){display:none}.org-app .os-request-empty{justify-items:center;gap:8px;min-height:180px;align-content:center}.org-app .os-request-empty span{color:var(--os-muted)}.org-app .os-request-empty button{margin-top:4px}
.org-app .os-cloud,.org-app .os-cloud>*,.org-app .os-table-wrap{min-width:0;max-width:100%}.org-app .os-table-wrap{overflow-x:auto;overscroll-behavior-inline:contain}.org-app .os-folder-form{grid-template-columns:minmax(0,1fr) auto}.org-app .os-folder-form input{min-width:0;width:100%}
.org-app :is(.os-upload,.os-exit,.os-more-exit,.os-table select,.os-folder-form input,.os-folder-form button){min-height:44px;box-sizing:border-box}.org-app .os-upload{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px}.org-app .os-exit{width:100%;min-width:44px}.org-app .os-switch{min-width:52px;min-height:44px}.org-app .os-meter.is-empty i{width:0!important}
@media(max-width:900px){
  .org-app{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:64px minmax(0,1fr)!important;grid-template-areas:"top" "main"!important;overflow:hidden}
  .org-app .os-main{grid-area:main;width:100%;min-width:0;padding:18px 16px calc(118px + env(safe-area-inset-bottom));scroll-padding-bottom:calc(118px + env(safe-area-inset-bottom))}
  .org-app .os-sidebar{display:flex!important;flex-direction:column;gap:0;padding:8px 12px calc(16px + env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
  .org-app .os-sidebar :is(.os-role-card,.os-nav,.os-sidebar-foot){width:100%;min-width:0}.org-app .os-role-card :is(strong,span),.org-app .os-sidebar-foot :is(strong,span){overflow-wrap:anywhere;white-space:normal}.org-app .os-nav button{width:100%;min-height:48px}.org-app .os-sidebar-foot{margin-top:auto}.org-app .os-drawer-close{flex:0 0 44px}
  .org-app :is(.os-cloud,.os-grid-2,.os-automation-layout){grid-template-columns:minmax(0,1fr)!important}
  .org-app .os-mobile-nav{position:fixed;inset-inline:12px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:36;width:auto}.org-app .os-mobile-nav button{min-height:48px}
}
@media(max-width:640px){
  .org-app .os-cloud-table{overflow:visible}.org-app .os-cloud-table .os-table{display:block;min-width:0;width:100%;background:transparent}.org-app .os-cloud-table thead{display:none}.org-app .os-cloud-table tbody{display:grid;gap:10px}.org-app .os-cloud-table tr{display:grid;padding:12px;border:1px solid var(--os-line);border-radius:14px;background:var(--os-paper);box-shadow:var(--os-shadow-sm)}
  .org-app .os-cloud-table td{display:grid;grid-template-columns:88px minmax(0,1fr);gap:8px;padding:8px;color:var(--os-ink);border:0;border-radius:9px;background:var(--os-mint-soft)}.org-app .os-cloud-table td:before{color:var(--os-muted);font-size:11px}.org-app .os-cloud-table td:nth-child(1):before{content:"فایل"}.org-app .os-cloud-table td:nth-child(2):before{content:"مالک"}.org-app .os-cloud-table td:nth-child(3):before{content:"آخرین تغییر"}.org-app .os-cloud-table td:nth-child(4):before{content:"دسترسی"}
  .org-app .os-panel-head{flex-wrap:wrap}.org-app .os-panel-head .os-upload{width:100%}.org-app .os-folders{grid-template-columns:repeat(2,minmax(0,1fr))!important}.org-app .os-folder{width:100%;min-width:0}.org-app .os-folder span{min-width:0}.org-app .os-folder :is(strong,small){overflow-wrap:anywhere;white-space:normal}
  .org-app .os-route-error{grid-template-columns:1fr;padding:18px}.org-app .os-route-actions{grid-column:auto;display:grid}.org-app .os-route-actions button{width:100%}
}
@media(max-width:430px){.org-app .os-main{padding-inline:12px;padding-bottom:calc(122px + env(safe-area-inset-bottom))}.org-app .os-folders,.org-app .os-folder-form{grid-template-columns:minmax(0,1fr)!important}.org-app .os-folder-form button{width:100%}}
/* === UX breakpoint remediation 31.124 === */
@media(max-width:900px){
  .org-app{display:block!important;padding-top:64px!important;box-sizing:border-box}
  .org-app .os-topbar{position:fixed!important;inset:0 0 auto!important;z-index:20;width:100%;height:64px;min-height:64px}
  .org-app .os-main{display:block!important;width:100%!important;height:calc(100dvh - 64px)!important;min-width:0!important;overflow-x:hidden;overflow-y:auto}
  .org-app .os-sidebar{grid-area:auto!important}
}
/* === UX drawer focus remediation 31.125 === */
@media(max-width:900px){
  .org-app .os-sidebar{transition:transform 240ms cubic-bezier(.2,.78,.22,1),visibility 0s linear 240ms!important}
  .org-app .os-sidebar.open{transition:transform 240ms cubic-bezier(.2,.78,.22,1),visibility 0s linear 0s!important}
}