/* Xenakis Mobility — Organization stage */
.org-page-head{
  align-items:center;
  gap:var(--x-space-300);
  margin-bottom:var(--x-space-250);
  padding:4px 2px 0;
}
.org-page-head h1{
  margin:7px 0 6px;
  color:var(--x-ink-950);
  font-size:clamp(28px,2.2vw,36px);
  line-height:1.12;
  letter-spacing:-1.05px;
}
.org-page-head p{
  max-width:760px;
  color:var(--x-ink-650);
  font-size:13px;
  line-height:1.6;
}
.org-summary-strip{
  gap:6px;
  padding:6px;
  border:1px solid var(--x-line);
  border-radius:var(--x-radius-lg);
  background:rgba(255,255,255,.72);
  box-shadow:var(--x-shadow-xs);
}
.org-summary-strip>div{
  min-width:112px;
  padding:10px 13px;
  border-radius:var(--x-radius-md);
  background:linear-gradient(180deg,#fff,#f9fbfd);
}
.org-summary-strip strong{
  font-size:22px;
  line-height:1;
  letter-spacing:-.6px;
  color:var(--x-navy-800);
}
.org-summary-strip span{
  margin-top:4px;
  color:var(--x-ink-500);
  font-size:8px;
}
.org-management{
  margin-bottom:var(--x-space-250);
  overflow:hidden;
  border:1px solid var(--x-line);
  border-radius:var(--x-radius-lg);
  background:rgba(255,255,255,.9);
  box-shadow:var(--x-shadow-xs);
}
.org-management>summary{
  min-height:46px;
  padding:14px 16px;
  color:var(--x-navy-800);
  font-size:10px;
  font-weight:850;
  letter-spacing:.01em;
  transition:background var(--x-duration-base) var(--x-ease-standard);
}
.org-management>summary:hover{background:var(--x-surface-soft)}
.org-management[open]>summary{
  border-bottom:1px solid var(--x-line-soft);
  background:linear-gradient(180deg,#fbfdff,#f8fbfe);
}
.org-management-form{
  margin:14px 14px 8px;
  border-color:var(--x-line-soft);
  box-shadow:none;
}
.org-card-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--x-space-200);
}
.org-card{
  border:1px solid var(--x-line);
  border-radius:var(--x-radius-xl);
  background:linear-gradient(180deg,#fff 0%,#fcfdff 100%);
  box-shadow:var(--x-shadow-sm);
  transition:
    transform var(--x-duration-base) var(--x-ease-standard),
    box-shadow var(--x-duration-base) var(--x-ease-standard),
    border-color var(--x-duration-base) var(--x-ease-standard);
}
.org-card:hover{
  transform:translateY(-3px);
  border-color:#c8d8ea;
  box-shadow:var(--x-shadow-md);
}
.org-card::before{
  height:3px;
  background:linear-gradient(90deg,var(--x-navy-800),var(--x-cobalt-500) 58%,#8bc4f5);
}
.org-card-head{
  min-height:98px;
  gap:14px;
  padding:18px 18px 15px;
  background:
    radial-gradient(circle at 100% 0%,rgba(47,123,232,.065),transparent 9rem),
    linear-gradient(180deg,#fff,#f8fbfe);
}
.org-brand-frame{
  width:78px;height:60px;flex-basis:78px;
  padding:8px;
  border-color:var(--x-line);
  border-radius:var(--x-radius-md);
  background:#fff;
  box-shadow:var(--x-shadow-xs);
}
.org-brand-frame-fallback{
  border-color:rgba(47,123,232,.25);
  background:linear-gradient(145deg,var(--x-navy-800),var(--x-cobalt-500));
  box-shadow:0 8px 18px rgba(31,103,216,.16);
}
.org-card-title small{
  color:var(--x-cobalt-600);
  font-size:8px;
  letter-spacing:.11em;
  font-weight:850;
}
.org-card-title strong{
  margin-top:5px;
  color:var(--x-ink-950);
  font-size:13px;
  line-height:1.32;
}
.org-card-arrow{
  color:var(--x-ink-350);
  font-size:18px;
  transition:transform var(--x-duration-base) var(--x-ease-standard),color var(--x-duration-base) var(--x-ease-standard);
}
.org-card-head:hover .org-card-arrow{
  color:var(--x-cobalt-600);
  transform:translateX(2px);
}
.org-card-stats{
  gap:0;
  border-top:1px solid var(--x-line-soft);
  border-bottom:1px solid var(--x-line-soft);
  background:var(--x-line-soft);
}
.org-card-stats>div{
  padding:11px 9px;
  background:#fff;
}
.org-card-stats>div+div{border-left:1px solid var(--x-line-soft)}
.org-card-stats strong{font-size:17px;color:var(--x-ink-800)}
.org-card-stats span{margin-top:3px;color:var(--x-ink-500)}
.org-tree{padding:10px 12px 14px}
.org-node-link{
  min-height:40px;
  padding:7px 8px 7px 13px;
  border-radius:var(--x-radius-sm);
  transition:
    background var(--x-duration-fast) var(--x-ease-standard),
    transform var(--x-duration-fast) var(--x-ease-standard);
}
.org-node-link:hover{
  background:var(--x-cobalt-50);
  transform:translateX(1px);
}
.org-node-rail{
  left:3px;top:-12px;bottom:50%;
  border-left-color:#d7e2ef;
  border-bottom-color:#d7e2ef;
}
.org-node-dot{
  width:7px;height:7px;flex-basis:7px;
  background:var(--x-cobalt-500);
  box-shadow:0 0 0 4px var(--x-cobalt-50);
}
.org-node-copy strong{
  color:var(--x-ink-800);
  font-size:9px;
  font-weight:780;
}
.org-node-copy small{color:var(--x-ink-500);font-size:7px}
.org-node-metrics{gap:4px}
.org-node-metrics span{
  min-width:24px;
  padding:3px 5px;
  border:1px solid var(--x-line-soft);
  border-radius:7px;
  background:#f6f8fb;
  color:var(--x-ink-500);
}
.org-node-chevron{color:var(--x-ink-350)}
.org-node-children{margin-left:17px}
.org-empty-branch{padding:16px 18px;color:var(--x-ink-350)}
.org-detail-hero{
  min-height:188px;
  margin-bottom:var(--x-space-200);
  padding:26px 30px;
  border:1px solid var(--x-line);
  border-radius:var(--x-radius-2xl);
  background:
    radial-gradient(circle at 84% 8%,rgba(47,123,232,.10),transparent 18rem),
    linear-gradient(118deg,#fff 0%,#fafcff 56%,#edf4fc 100%);
  box-shadow:var(--x-shadow-sm);
}
.org-detail-hero::after{
  right:-88px;bottom:-108px;
  width:320px;height:190px;
  border:1px solid rgba(47,123,232,.08);
}
.org-back-link{
  margin-bottom:11px;
  color:var(--x-cobalt-600);
  font-size:9px;
  font-weight:800;
}
.org-detail-path{
  max-width:800px;
  color:var(--x-ink-500);
  font-size:9px;
}
.org-detail-copy h1{
  margin:7px 0 11px;
  color:var(--x-ink-950);
  font-size:clamp(28px,2.35vw,36px);
  line-height:1.1;
  letter-spacing:-1px;
}
.org-detail-badges span{
  padding:5px 9px;
  border-color:#d8e3ef;
  background:#f3f7fc;
  color:var(--x-ink-650);
}
.org-detail-brand{
  width:218px;height:108px;flex-basis:218px;
  padding:15px;
  border-color:var(--x-line);
  border-radius:var(--x-radius-xl);
  box-shadow:var(--x-shadow-sm);
}
.org-detail-brand-fallback{
  border-color:rgba(47,123,232,.22);
  background:linear-gradient(145deg,var(--x-navy-800),var(--x-cobalt-500));
}
.org-detail-stats{
  gap:var(--x-space-150);
  margin-bottom:var(--x-space-200);
}
.org-detail-stats>div{
  padding:16px 18px;
  border-color:var(--x-line);
  border-radius:var(--x-radius-lg);
  box-shadow:var(--x-shadow-xs);
}
.org-detail-stats>div::before{
  width:3px;
  background:linear-gradient(180deg,var(--x-cobalt-600),#77aef1);
}
.org-detail-stats strong{font-size:24px;color:var(--x-ink-800)}
.org-detail-stats span{margin-top:4px;color:var(--x-ink-500)}
.org-meta-grid .detail-field{
  border-color:var(--x-line);
  border-radius:var(--x-radius-lg);
  background:linear-gradient(180deg,#fff,#fbfcfe);
  box-shadow:var(--x-shadow-xs);
}
.org-location-quick-panel{
  margin:10px 14px 12px;
  padding:15px;
  border:1px solid #d9e5f2;
  border-radius:var(--x-radius-lg);
  background:
    radial-gradient(circle at 100% 0%,rgba(47,123,232,.06),transparent 12rem),
    linear-gradient(145deg,#fbfdff,#f4f8fd);
  box-shadow:var(--x-shadow-xs);
}
.org-location-quick-head{margin-bottom:11px}
.org-location-quick-head strong{color:var(--x-ink-800);font-size:12px}
.org-location-quick-head small{color:var(--x-ink-500);font-size:8px}
.org-location-quick-head>span{
  min-width:34px;height:34px;
  border:1px solid #d4e2f2;
  background:#fff;
  color:var(--x-cobalt-600);
}
.org-location-chip-row{gap:7px;margin-bottom:12px}
.org-location-chip{
  min-height:30px;
  border-color:#d4e1ef;
  background:#fff;
  color:var(--x-ink-650);
  box-shadow:0 2px 6px rgba(24,58,98,.03);
}
.org-location-chip.is-inactive{
  background:#f5f7fa;
  color:var(--x-ink-350);
}
.org-location-quick-form select,.org-location-quick-form input{
  min-height:42px;
  border-color:var(--x-line-strong)!important;
  border-radius:var(--x-radius-md)!important;
}
.org-order-form{
  margin-top:10px;
  padding:12px 14px;
  border-top:1px solid var(--x-line-soft);
}
.org-order-form label{color:var(--x-ink-650)}
.org-order-form small{color:var(--x-ink-500)}
.org-status-form{padding:2px 14px 14px}
.admin-delete-zone{
  margin:0 14px 14px;
  padding:14px;
  border:1px solid #f0d2d2;
  border-radius:var(--x-radius-lg);
  background:linear-gradient(180deg,#fffafa,#fff6f6);
  box-shadow:none;
}
.admin-delete-zone>strong{
  margin-bottom:9px;
  color:var(--x-danger);
  font-size:9px;
  letter-spacing:.09em;
}
.admin-delete-zone select{
  min-height:40px;
  border-color:#e0caca!important;
  border-radius:var(--x-radius-md)!important;
}
.danger-soft{
  border-color:#f2cccc!important;
  border-radius:var(--x-radius-md)!important;
  background:var(--x-danger-soft)!important;
  color:var(--x-danger)!important;
}
.danger-delete{
  border-radius:var(--x-radius-md)!important;
  background:var(--x-danger)!important;
  box-shadow:0 6px 14px rgba(189,53,53,.12);
}

.org-sort-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:var(--x-space-150);
  padding:11px 14px;
  border:1px solid #d6e4f4;
  border-radius:var(--x-radius-lg);
  background:linear-gradient(180deg,#f9fcff,#f3f8fe);
  box-shadow:var(--x-shadow-xs);
}
.org-sort-hint{
  color:var(--x-ink-650);
  font-size:9px;
  font-weight:700;
}
.org-sort-status{
  min-height:16px;
  color:var(--x-success);
  font-size:9px;
  font-weight:800;
}
.org-card{position:relative}
.org-drag-handle{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  padding:0;
  border:1px solid var(--x-line);

  border-radius:10px;
  background:#fff;
  color:var(--x-ink-500);
  cursor:grab;
  box-shadow:var(--x-shadow-xs);
  touch-action:none;
}
.org-drag-handle:hover{
  border-color:#bcd1ea;
  color:var(--x-cobalt-600);
  background:var(--x-cobalt-50);
}
.org-drag-handle:active{cursor:grabbing}
.org-card-drag{
  position:absolute;
  top:10px;
  right:10px;
  z-index:5;
}
.org-card-head{padding-right:56px}
.org-node-line{
  display:flex;
  align-items:center;
  gap:6px;
}
.org-node-line .org-node-link{
  flex:1 1 auto;
  min-width:0;
}
.org-node-drag{
  width:27px;
  height:27px;
  flex:0 0 27px;
  border-radius:8px;
  box-shadow:none;
}

[data-org-sort-item]{
  transition:
    opacity var(--x-duration-fast) var(--x-ease-standard),
    transform var(--x-duration-fast) var(--x-ease-standard),
    box-shadow var(--x-duration-fast) var(--x-ease-standard);
}
[data-org-sort-item].is-dragging{
  opacity:.48;
  transform:scale(.985);
}
[data-org-sort-item].org-drop-target{
  outline:2px solid rgba(47,123,232,.40);
  outline-offset:3px;
}
.org-node-list{
  display:block;
}
.org-node-children>.org-node-list{
  margin-top:2px;
}
@media(max-width:650px){
  .org-sort-toolbar{
    align-items:flex-start;
    flex-direction:column;
  }
  .org-card-drag{
    top:8px;
    right:8px;
  }
}

.org-sort-status.is-error{color:var(--x-danger)}
