.share-manager-modal { width: min(100%, 570px); }
.share-manager-modal h2 { margin-top: 13px; font-size: 31px; }
.share-manager-modal [data-share-ui] { min-width: 0; }
.share-manager-title { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 15px; margin: 8px 0 13px; }
.share-manager-title h2 { margin: 0; flex: 1; min-width: 200px; }
.share-active-state { display: inline-flex; align-items: center; gap: 6px; font-size: 10px; color: #34794a; background: #eaf3eb; padding: 7px 9px; border-radius: 20px; }
.share-active-state i { width: 5px; height: 5px; border-radius: 50%; background: #478f57; }
.share-selection-names, .share-detail-files { overflow-wrap: anywhere; font-size: 12px; color: #65655c; line-height: 1.65; }
.share-selection-names { margin: -9px 0 18px; color: #97978d; }
.share-detail-files { margin: 0 0 19px; }
.share-current-link { margin: 0; min-height: 51px; }
.share-current-link > .icon { width: 17px; height: 17px; flex-shrink: 0; color: #929284; }
.share-current-link input { user-select: text; min-height: 32px; }
.share-current-link .icon-button { min-width: 38px; min-height: 38px; }
.share-copy-primary { margin-top: 11px; }
.share-settings { margin: 24px 0 0; border-top: 1px solid var(--line, #e5e5de); }
.share-settings > div { display: flex; align-items: center; justify-content: space-between; gap: 15px; border-bottom: 1px solid var(--line, #e5e5de); padding: 14px 0; }
.share-settings dt { display: flex; align-items: center; gap: 9px; font-size: 11px; color: #919185; }
.share-settings dt .icon { width: 15px; height: 15px; flex-shrink: 0; }
.share-settings dd { margin: 0; color: #33332d; font-size: 11px; text-align: right; line-height: 1.4; overflow-wrap: anywhere; }
.share-settings-note { color: #979789; font-size: 10px; line-height: 1.65; margin: 13px 0 0; }
.share-revoke-section { display: grid; gap: 13px; margin-top: 24px; }
.share-revoke-section p { font-size: 10px; line-height: 1.65; color: #959587; margin: 0; }
.share-revoke-button { justify-self: start; color: #91645c; border-color: #e4d8d3; }
.share-revoke-button .icon { width: 17px; height: 17px; flex-shrink: 0; }
.share-revoke-button:hover { color: #8b3c31; background: #f8eeea; }
.share-manager-back { margin: -5px 0 20px; min-height: 35px; font-size: 11px; }
.share-manager-back .icon { transform: rotate(180deg); width: 13px; height: 13px; }
.share-group-list { display: grid; gap: 10px; }
.share-group-card { width: 100%; display: flex; align-items: center; gap: 12px; border: 1px solid #e5e5dc; border-radius: 11px; padding: 16px 14px; text-align: left; }
.share-group-card:hover { background: #f5f5f0; border-color: #d1d1c6; }
.share-group-symbol { align-self: flex-start; display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 35px; height: 38px; border-radius: 8px; background: #eeeee8; color: #858578; }
.share-group-symbol .icon { width: 16px; height: 16px; }
.share-group-summary { flex: 1; min-width: 0; }
.share-group-summary strong { display: block; font-size: 12px; font-weight: 500; line-height: 1.5; overflow-wrap: anywhere; }
.share-group-summary small { display: block; color: #95958a; font-size: 10px; margin-top: 5px; }
.share-group-card > .icon { width: 14px; height: 14px; flex-shrink: 0; color: #99998c; }
.share-manager-tags { display: flex; flex-wrap: wrap; gap: 6px 10px; margin-top: 11px; }
.share-manager-tags > span { display: inline-flex; align-items: center; gap: 4px; font-size: 9px; line-height: 1.5; color: #838377; }
.share-manager-tags .icon { width: 12px; height: 12px; }
.share-new-section { margin-top: 22px; }
.share-new-section p { font-size: 11px; line-height: 1.65; color: #919184; margin: 0 0 13px; }
.share-new-button { min-height: 45px; }
.share-key-notice { display: flex; align-items: start; gap: 10px; padding: 15px; border: 1px solid #e6dfc9; background: #f8f5eb; border-radius: 9px; }
.share-key-notice > .icon { flex-shrink: 0; width: 17px; height: 17px; margin-top: 2px; color: #938569; }
.share-key-notice p { font-size: 11px; line-height: 1.7; margin: 0; color: #897a5b; }
@media (max-width: 640px) {
  .share-manager-modal { padding: 29px 21px 23px; }
  .share-manager-title { align-items: flex-start; }
  .share-manager-title h2 { min-width: 170px; font-size: 27px; }
  .share-active-state { font-size: 9px; padding: 6px 8px; }
  .share-settings dt, .share-settings dd { font-size: 10px; }
  .share-settings dd { max-width: 54%; }
  .share-group-card { gap: 10px; padding: 13px 10px; }
  .share-group-symbol { display: none; }
  .share-group-summary strong { font-size: 11px; }
  .share-revoke-button, .share-new-button { width: 100%; min-height: 44px; font-size: 11px; }
}