html,
body{
  max-width:100%;
  overflow-x:hidden;
}

#recommendationPanel_miniapp.active{
  display:block;
}

.miniapp-share-readonly-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(180px,220px);
  gap:12px;
  align-items:end;
  margin:14px 0 16px;
  padding:14px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:18px;
  background:rgba(255,255,255,.84);
  box-shadow:0 8px 24px rgba(15,23,42,.04);
}

.miniapp-share-filter-field{
  min-width:0;
  margin:0;
}

.miniapp-share-filter-field > span{
  display:block;
  margin-bottom:7px;
  color:#64748b;
  font-size:12px;
  font-weight:800;
}

.miniapp-share-filter-field input,
.miniapp-share-filter-field select{
  width:100%;
  min-height:42px;
  margin:0;
  padding:10px 12px;
  border:1px solid rgba(148,163,184,.32);
  border-radius:12px;
  background:#fff;
  color:#0f172a;
  font-size:14px;
  box-sizing:border-box;
}

.miniapp-share-filter-field input:focus,
.miniapp-share-filter-field select:focus{
  outline:2px solid rgba(37,99,235,.18);
  border-color:#2563eb;
}

.miniapp-share-task-card .recommendation-actions{
  flex:0 0 auto;
}

.miniapp-share-task-card .recommendation-actions button{
  min-width:72px;
}

.miniapp-share-detail-section pre{
  max-width:100%;
  overflow:auto;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.miniapp-share-readonly-link-list{
  display:grid;
  gap:9px;
  margin-top:8px;
}

.miniapp-share-readonly-link-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
}

.miniapp-share-readonly-link-value{
  min-width:0;
  padding:10px 12px;
  border:1px solid rgba(148,163,184,.2);
  border-radius:10px;
  background:#f8fafc;
  color:#334155;
  font-size:12px;
  line-height:1.55;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.miniapp-share-readonly-link-row .recommendation-secondary{
  min-width:84px;
}

.miniapp-equivalent-panel-state{
  padding:18px;
  color:#64748b;
  font-size:13px;
  line-height:1.7;
}

.miniapp-equivalent-panel-state strong{
  display:block;
  margin-bottom:5px;
  color:#0f172a;
  font-size:14px;
}

.miniapp-equivalent-panel-state.error{
  color:#b91c1c;
}

.miniapp-share-loading-list{
  display:grid;
  gap:10px;
}

.miniapp-share-loading-card{
  height:118px;
  border-radius:18px;
  background:
    linear-gradient(
      90deg,
      rgba(226,232,240,.5) 0%,
      rgba(248,250,252,.9) 48%,
      rgba(226,232,240,.5) 100%
    );
  background-size:220% 100%;
  animation:miniapp-share-loading 1.25s ease-in-out infinite;
}

@keyframes miniapp-share-loading{
  0%{background-position:100% 0;}
  100%{background-position:-120% 0;}
}

.miniapp-share-readonly-note{
  margin-top:12px;
  padding:10px 12px;
  border:1px solid rgba(37,99,235,.16);
  border-radius:12px;
  background:#eff6ff;
  color:#1d4ed8;
  font-size:12px;
  line-height:1.65;
}

.miniapp-share-task-card button:focus-visible,
.miniapp-share-detail button:focus-visible,
.miniapp-share-tab:focus-visible{
  outline:2px solid rgba(37,99,235,.45);
  outline-offset:2px;
}

@media (max-width:900px){
  .miniapp-share-readonly-toolbar{
    grid-template-columns:1fr;
  }

  .miniapp-share-status-field{
    max-width:none;
  }
}

@media (max-width:560px){
  .miniapp-share-readonly-toolbar{
    margin:12px 0;
    padding:12px;
    border-radius:16px;
  }

  .miniapp-share-readonly-link-row{
    grid-template-columns:1fr;
  }

  .miniapp-share-readonly-link-row .recommendation-secondary{
    width:100%;
  }

  .miniapp-share-task-card .recommendation-actions{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    width:100%;
  }

  .miniapp-share-task-card .recommendation-actions button{
    min-width:0;
    width:100%;
  }
}

@media (prefers-reduced-motion:reduce){
  .miniapp-share-loading-card{
    animation:none;
  }
}