/* Workspace sharing full pages — uses theme palette tokens from base.css */

.workspace-page .workspace-stack{
  display:flex;
  flex-direction:column;
  gap:1rem;
  padding:0 1rem 1.5rem;
}

.workspace-card{
  background:var(--surface-card);
  border:1px solid var(--accent-border);
  border-radius:12px;
  padding:1rem 1.1rem;
}

.workspace-card__title{
  margin:0 0 .75rem;
  font-size:1rem;
  font-weight:600;
  color:var(--text, #e2e8f0);
}

.workspace-field{
  display:flex;
  flex-direction:column;
  gap:.35rem;
  margin-bottom:.75rem;
}

.workspace-field span{
  font-size:.85rem;
  color:var(--muted, #94a3b8);
}

.workspace-list{
  display:flex;
  flex-direction:column;
  gap:.5rem;
}

.workspace-list__btn{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.2rem;
  width:100%;
  text-align:start;
  padding:.75rem 1rem;
  border-radius:10px;
  border:1px solid var(--accent-border);
  background:var(--surface-list);
  color:inherit;
  cursor:pointer;
}

.workspace-list__btn:hover{
  background:var(--surface-list-hover);
}

.workspace-list__title{
  font-weight:600;
}

.workspace-list__meta{
  font-size:.85rem;
  color:var(--muted, #94a3b8);
}

.workspace-list__sep{
  font-size:.85rem;
  color:var(--muted, #94a3b8);
}

.workspace-nav{
  display:flex;
  flex-direction:column;
  gap:.5rem;
}

.workspace-nav__item{
  display:block;
  padding:.85rem 1rem;
  border-radius:10px;
  border:1px solid var(--accent-border);
  background:var(--surface-btn);
  color:var(--accent, #0f766e);
  text-decoration:none;
  font-weight:600;
}

.workspace-nav__item:hover{
  background:var(--surface-btn-hover);
}

.workspace-hint{
  font-size:.9rem;
  color:var(--muted, #94a3b8);
  margin:.5rem 0 0;
}

.workspace-hint--ok{
  color:var(--accent, #0f766e);
}

.workspace-empty{
  color:var(--muted, #94a3b8);
  margin:0;
}

.sharing-mount-dropdown{
  position:relative;
  margin-top:.25rem;
  --sharing-mount-panel-bg:#101828;
  --sharing-mount-panel-row-hover:#161f31;
  --sharing-mount-trigger-bg:#1a2332;
  --sharing-mount-trigger-bg-hover:#242f42;
}

[data-theme="night-gray"] .sharing-mount-dropdown{
  --sharing-mount-panel-bg:#151b26;
  --sharing-mount-panel-row-hover:#1c2433;
  --sharing-mount-trigger-bg:#151b26;
  --sharing-mount-trigger-bg-hover:#1c2433;
}

[data-theme="gray-night"] .sharing-mount-dropdown{
  --sharing-mount-panel-bg:#1a2332;
  --sharing-mount-panel-row-hover:#242f42;
  --sharing-mount-trigger-bg:#1a2332;
  --sharing-mount-trigger-bg-hover:#242f42;
}

[data-theme="dawn"] .sharing-mount-dropdown,
[data-theme="day"] .sharing-mount-dropdown,
[data-theme="classic"] .sharing-mount-dropdown{
  --sharing-mount-panel-bg:var(--surface-raised, #f8fafc);
  --sharing-mount-panel-row-hover:var(--surface-list-hover, #e2e9f2);
  --sharing-mount-trigger-bg:var(--portiva-field-bg, var(--surface-btn));
  --sharing-mount-trigger-bg-hover:var(--surface-btn-hover, var(--surface-list-hover));
}

.sharing-page .workspace-field:has(.sharing-mount-dropdown),
.entity-move-panel__field:has(.sharing-mount-dropdown),
.workspace-field:has(.sharing-mount-dropdown){
  overflow:visible;
}

.sharing-mount-form--busy{
  opacity:0.72;
  pointer-events:none;
}

.sharing-mount-busy[hidden]{
  display:none !important;
}

.sharing-mount-busy{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.75rem;
  padding:2rem 1rem;
  min-height:8rem;
  text-align:center;
}

.sharing-mount-busy__spinner{
  width:2rem;
  height:2rem;
  border:3px solid var(--accent-border, #cbd5e1);
  border-top-color:var(--accent, #0f766e);
  border-radius:50%;
  animation:sharing-mount-spin .75s linear infinite;
}

.sharing-mount-busy__label{
  margin:0;
  color:var(--text-muted, #64748b);
  font-size:.95rem;
}

@keyframes sharing-mount-spin{
  to{ transform:rotate(360deg); }
}

.modal-box--sharing-mount .modal-field:has(.sharing-mount-dropdown){
  overflow:visible;
}

.modal-box--sharing-mount .modal-field:has(.sharing-mount-dropdown__trigger[aria-expanded="true"]){
  position:relative;
  z-index:40;
}

#sharingMountModal.modal-overlay--open .modal-box--sharing-mount{
  max-width:min(28rem, calc(100vw - 2rem));
}

#sharingMountStatus:not([hidden]){
  color:var(--text-muted, #64748b);
}

/* Picker panel overlaps the display-label field below — lift while open */
.sharing-page .workspace-field:has(.sharing-mount-dropdown__trigger[aria-expanded="true"]),
.entity-move-panel__field:has(.sharing-mount-dropdown__trigger[aria-expanded="true"]),
.workspace-field:has(.sharing-mount-dropdown__trigger[aria-expanded="true"]){
  position:relative;
  z-index:40;
}

.sharing-mount-dropdown__trigger[aria-expanded="true"]{
  border-color:var(--accent, #0f766e);
  background:var(--sharing-mount-trigger-bg-hover);
}

.sharing-mount-dropdown__trigger{
  display:flex;
  align-items:center;
  gap:.45rem;
  width:100%;
  padding:.45rem .55rem;
  border:1px solid var(--accent-border);
  border-radius:8px;
  background:var(--sharing-mount-trigger-bg);
  color:inherit;
  font:inherit;
  cursor:pointer;
  text-align:start;
}

.sharing-mount-dropdown__trigger-body{
  display:flex;
  align-items:center;
  gap:.55rem;
  flex:1 1 auto;
  min-width:0;
}

.sharing-mount-dropdown__chevron{
  flex:0 0 auto;
  font-size:.72rem;
  line-height:1;
  opacity:.65;
}

.sharing-mount-dropdown__panel{
  position:absolute;
  inset-inline:0;
  top:calc(100% + .25rem);
  z-index:1;
  display:flex;
  flex-direction:column;
  gap:.2rem;
  max-height:min(14rem, 42vh);
  overflow-y:auto;
  padding:.25rem;
  border:1px solid var(--accent-border);
  border-radius:8px;
  background-color:var(--sharing-mount-panel-bg);
  box-shadow:0 8px 24px rgb(15 23 42 / 14%);
  isolation:isolate;
}

.sharing-mount-dropdown__panel[hidden]{
  display:none;
}

.sharing-mount-picker__divider{
  height:1px;
  margin:.15rem .35rem;
  background:var(--accent-border, rgba(148, 163, 184, .35));
  pointer-events:none;
}

.sharing-mount-picker{
  display:flex;
  flex-direction:column;
  gap:.35rem;
  margin-top:.25rem;
}

.sharing-mount-picker__row{
  display:flex;
  align-items:center;
  gap:.55rem;
  width:100%;
  padding:.4rem .55rem;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  color:inherit;
  font:inherit;
  cursor:pointer;
  text-align:start;
}

.sharing-mount-dropdown__panel .sharing-mount-picker__row{
  background-color:var(--sharing-mount-panel-bg);
}

.sharing-mount-dropdown__panel .sharing-mount-picker__row:hover,
.sharing-mount-dropdown__panel .sharing-mount-picker__row[aria-selected="true"]{
  border-color:var(--accent-border);
  background:var(--sharing-mount-panel-row-hover);
}

.sharing-mount-picker__row:hover,
.sharing-mount-picker__row[aria-selected="true"]{
  border-color:var(--accent-border);
  background:var(--surface-list-hover);
}

.sharing-mount-picker__row[data-depth="1"]{
  padding-inline-start:calc(.55rem + .35rem);
}
.sharing-mount-picker__row[data-depth="2"]{
  padding-inline-start:calc(.55rem + .7rem);
}
.sharing-mount-picker__row[data-depth="3"]{
  padding-inline-start:calc(.55rem + 1.05rem);
}
.sharing-mount-picker__row[data-depth="4"]{
  padding-inline-start:calc(.55rem + 1.4rem);
}

.sharing-mount-picker__pill{
  flex:0 0 auto;
  margin-inline-start:auto;
  padding:0 4px;
  border-radius:999px;
  border:1px solid transparent;
  font-size:.5rem;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#fff;
  line-height:1.2;
  text-shadow:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.sharing-mount-dropdown .sharing-mount-picker__pill{
  color:#fff;
}

.sharing-mount-picker__pill--entity{
  background:hsl(8 58% 52%);
  border-color:hsl(8 52% 42%);
}

.sharing-mount-picker__pill--folder{
  background:hsl(214 72% 46%);
  border-color:hsl(214 60% 38%);
}

.sharing-mount-dropdown__panel .sharing-mount-picker__label{
  color:var(--text, #f8fafc);
}

.sharing-mount-picker__name{
  display:flex;
  align-items:center;
  gap:.4rem;
  flex:1 1 auto;
  min-width:0;
}

.sharing-mount-picker__current{
  flex:0 0 auto;
  font-size:.72rem;
  font-weight:500;
  color:var(--muted, #94a3b8);
  white-space:nowrap;
}

.sharing-mount-picker__label{
  flex:0 1 auto;
  min-width:0;
  font-size:.85rem;
  font-weight:600;
  line-height:1.3;
  text-align:start;
}

.sharing-mount-picker__label--placeholder{
  color:var(--muted, #94a3b8);
  font-weight:500;
}

.sharing-mount-picker__row--placeholder:hover,
.sharing-mount-picker__row--placeholder[aria-selected="true"]{
  border-color:transparent;
  background:transparent;
  cursor:default;
}

.sharing-mount-picker__custom{
  margin-top:.35rem;
}

.sharing-page .workspace-stack > .workspace-card:has(.sharing-mount-dropdown){
  margin-top:5px;
}

.workspace-hint--field{
  margin:0 0 .15rem;
  font-size:.82rem;
}

.workspace-stake-badge{
  color:var(--accent2, #b45309);
  font-weight:600;
}

.workspace-equity-line{
  font-size:1.05rem;
  font-weight:600;
  margin:0 0 1rem;
  color:var(--text, #e2e8f0);
}

.workspace-cap-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
  padding:.65rem 0;
  border-bottom:1px solid var(--accent-border);
}

.workspace-cap-row:last-child{
  border-bottom:none;
}

.workspace-cap-row__actions{
  display:flex;
  gap:.35rem;
  flex-wrap:wrap;
}

.workspace-cap-row__remove{
  color:#f87171;
}

.workspace-invite-link{
  word-break:break-all;
  margin-top:.75rem;
}

.workspace-invite-link a{
  color:var(--accent, #0f766e);
}

.workspace-asset-dl{
  margin:0;
}

.workspace-view-page .entityDetailsSection{
  margin-bottom:1rem;
}

.workspace-alloc-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.5rem;
  margin-bottom:.65rem;
}

.workspace-alloc-row__label{
  flex:1 1 10rem;
  font-weight:500;
}

.workspace-alloc-row__input{
  width:5.5rem;
  flex:0 0 auto;
}

.workspace-alloc-status{
  margin-top:.5rem;
}

.workspace-steps__list{
  margin:0;
  padding-inline-start:1.25rem;
  display:flex;
  flex-direction:column;
  gap:.5rem;
  color:var(--muted, #94a3b8);
  font-size:.9rem;
}

.workspace-portfolio-summary{
  margin:0;
  font-weight:500;
  color:var(--text, #e2e8f0);
}

.workspace-danger-zone{
  border-color:rgba(248, 113, 113, .35);
}