.shared-folders{color:#27364b;max-width:1100px;margin:auto;padding:28px 20px 90px}.sf-back,.shared-folders button,.sf-upload{align-items:center;gap:8px;display:inline-flex}.shared-folders header{background:#f6f2fc;border:1px solid #e5dcf2;border-radius:22px;align-items:center;gap:18px;margin:24px 0;padding:24px;display:flex}.shared-folders h1{margin:4px 0;font-size:1.8rem;font-weight:750}.shared-folders button,.sf-upload{cursor:pointer;background:#fff;border:1px solid #dcd5e7;border-radius:12px;min-height:44px;padding:10px 14px}.shared-folders button:disabled{opacity:.5;cursor:default}.sf-controls,.sf-selection,.shared-folders nav,.sf-controls form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sf-controls{justify-content:space-between;margin:18px 0}.sf-controls input{border:1px solid #dcd5e7;border-radius:10px;min-width:0;max-width:100%;padding:12px}.sf-upload{background:#eee6fa;position:relative;overflow:hidden}.sf-upload input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.shared-folders nav{margin:24px 0}.shared-folders nav [aria-pressed=true]{color:#fff;background:#71549c}.sf-selection{border-bottom:1px solid #e5dfee;padding:14px 0}.sf-selection label{align-items:center;gap:8px;display:flex}.shared-folders ul{padding:0;list-style:none}.shared-folders li{border-bottom:1px solid #e5dfee;align-items:center;gap:12px;padding:16px 0;display:flex}.shared-folders li div{overflow-wrap:anywhere;flex:1;min-width:0}.shared-folders li small{color:#70798a;margin-top:5px;display:block}.shared-folders [role=alert]{color:#a22e52;background:#fff0f3;border-radius:12px;padding:12px}.shared-folders input[type=checkbox]{flex-shrink:0;width:20px;height:20px}@media (max-width:500px){.shared-folders{padding:16px 14px 80px}.shared-folders header{padding:18px}.sf-controls form{width:100%}.sf-controls form input{flex:1;width:140px}.sf-selection button{font-size:.85rem}}.sf-path{background:#f8f6fb;border-radius:14px;padding:10px}.sf-path>span{align-items:center;gap:4px;min-width:0;display:inline-flex}.sf-path button{overflow-wrap:anywhere;text-align:left}.sf-path [aria-current=page]{color:#634689;background:#eee6fa;font-weight:700}.sf-folder-heading{flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0;display:flex}.sf-folder-heading h2{overflow-wrap:anywhere;font-size:1.2rem;font-weight:700}.sf-folder-heading small{color:#70798a}.sf-folder-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px;margin-bottom:20px;display:grid}.sf-folder-grid button{text-align:left;background:#fbf9ff;min-width:0;padding:18px}.sf-folder-grid button>svg{color:#8061a3;flex-shrink:0}.sf-folder-grid span{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:650}.sf-folder-grid small{color:#70798a;margin-top:5px;font-weight:400;display:block}.sf-access{background:#f8f6fb;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:14px;display:flex}.sf-access small{color:#70798a}.shared-folders select{background:#fff;border:1px solid #dcd5e7;border-radius:10px;max-width:100%;min-height:44px;padding:10px}.sf-keyboard-help{color:#70798a;margin:12px 0;font-size:.8rem;line-height:1.6}.shared-folders [data-sf-item]:focus-visible{outline-offset:3px;background:#eee6fa;outline:3px solid #8b6bb1}.shared-folders .sf-file-open{text-align:left;overflow-wrap:anywhere;background:0 0;border:0;max-width:100%;min-height:36px;padding:4px 0}.private-feature-badge{vertical-align:middle;letter-spacing:0;color:#69468b;background:#eee5f8;border:1px solid #d8c5eb;border-radius:20px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-block}.sf-columns{scroll-behavior:smooth;background:#fff;border:1px solid #ded9e6;border-radius:14px;max-width:100%;height:min(55vh,520px);min-height:300px;margin:16px 0;display:flex;overflow:auto}.sf-column{outline-offset:-3px;border-right:1px solid #e2dce9;flex:0 0 270px;min-width:0;padding:10px;overflow-y:auto}.sf-column:last-child{border-right:0}.sf-column h3{color:#756780;overflow-wrap:anywhere;padding:5px 8px 12px;font-size:13px;font-weight:700}.shared-folders .sf-column-item{text-align:left;border:0;border-radius:8px;gap:8px;width:100%;min-height:42px;padding:9px 10px;font-size:14px}.sf-column-item span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sf-column-item svg{color:#729dcc;flex-shrink:0}.shared-folders .sf-column-item.is-selected{color:#4a3566;background:#eee8f5}.shared-folders .sf-column-item:focus-visible{color:#fff;outline-offset:-2px;background:#315fcb;outline:2px solid #244ca9}.sf-column-item:focus-visible svg{color:#fff}.sf-column p{color:#827a8b;padding:12px;font-size:13px}.sf-file-details{background:#f7f4fb;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:14px;display:flex}.sf-file-details strong{overflow-wrap:anywhere}@media (max-width:500px){.sf-column{flex-basis:240px}.sf-columns{height:46vh}}.sf-cloud{color:#27364b;overflow-wrap:anywhere;background:#fff;border:1px solid #e3dcec;border-radius:22px;margin:24px 0;padding:28px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.sf-cloud-heading{align-items:flex-start;gap:16px;display:flex}.sf-cloud-icon{color:#71549c;background:#eee7f7;border-radius:15px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.sf-cloud-eyebrow{letter-spacing:.1em;color:#806594;font-size:11px;font-weight:700}.sf-cloud h2{margin:5px 0 8px;font-size:1.35rem;font-weight:750;line-height:1.4}.sf-cloud p,.sf-cloud small{font-size:.85rem;line-height:1.7}.sf-cloud p{color:#626b7b;margin:6px 0 12px}.sf-cloud-benefits{color:#68507e;flex-wrap:wrap;gap:16px;margin:18px 0;font-size:12px;display:flex}.sf-cloud-benefits span{align-items:center;gap:6px;display:inline-flex}.sf-cloud .sf-cloud-steps{border-top:1px solid #eee8f3;border-bottom:1px solid #eee8f3;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 22px;padding:14px 0;list-style:none;display:grid}.sf-cloud .sf-cloud-steps li{color:#72657e;border:0;padding:0;font-size:12px;line-height:1.6;display:block}.sf-cloud form{background:#faf8fc;border:1px solid #ebe4f1;border-radius:16px;flex-direction:column;align-items:stretch;gap:12px;margin:0;padding:22px;display:flex}.sf-cloud-target{color:#71549c;border-bottom:1px solid #e8e1ef;align-items:center;gap:12px;padding-bottom:16px;display:flex}.sf-cloud-target small{color:#777181;font-size:11px;display:block}.sf-cloud-target strong{color:#354057;font-size:15px;display:block}.sf-cloud-providers{border:0;grid-template-columns:1fr 1fr;gap:12px;min-width:0;margin:4px 0 6px;padding:0;display:grid}.sf-cloud-providers legend,.sf-cloud-field-label{margin-bottom:10px;font-size:13px;font-weight:650}.sf-cloud-providers label{cursor:pointer;background:#fff;border:1px solid #ded7e7;border-radius:12px;align-items:center;gap:10px;min-width:0;padding:16px;display:flex;position:relative}.sf-cloud-providers label.is-selected{background:#f5f0fb;border-color:#8060a7;box-shadow:0 0 0 1px #8060a7}.sf-cloud-providers input{opacity:0;width:1px;height:1px;position:absolute}.sf-cloud-providers label:has(input:focus-visible){outline-offset:3px;outline:3px solid #a791c4}.sf-cloud-providers:disabled label{opacity:.55;cursor:default}.sf-cloud-providers strong{font-size:14px}.sf-cloud-providers small{color:#747081;margin-top:4px;font-size:11px;display:block}.sf-provider-mark{background:#fff;border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:20px;font-weight:750;display:grid}.sf-provider-mark.google{color:#4285f4}.sf-provider-mark.dropbox{color:#0061ff;background:#edf3ff}.sf-cloud .sf-cloud-field-label{margin:4px 0 -4px}.sf-cloud input:not([type=checkbox]):not([type=radio]){background:#fff;border:1px solid #d9d0e3;border-radius:10px;width:100%;min-width:0;min-height:48px;padding:13px 14px;font-size:14px}:is(.sf-cloud input:focus-visible,.sf-cloud button:focus-visible,.sf-cloud summary:focus-visible){outline-offset:3px;outline:3px solid #ad95ca}.sf-cloud input[aria-invalid=true]{border-color:#b42318}.sf-cloud-help{font-size:13px}.sf-cloud-help p{font-size:12px}.sf-cloud-help a,.sf-cloud-details a{color:#69488f;text-underline-offset:3px;text-decoration:underline}.sf-cloud-help>p:last-child{color:#615372;background:#f0ebf6;border-radius:10px;margin:12px 0 0;padding:12px}.sf-cloud-consent{border-top:1px solid #e8e1ef;align-items:flex-start;gap:10px;padding:14px 0;font-size:12px;line-height:1.7;display:flex}.sf-cloud .sf-cloud-consent input{accent-color:#71549c;flex:none;width:18px;height:18px;margin:2px 0 0}.shared-folders .sf-cloud-connect{color:#fff;background:#71549c;border-color:#71549c;justify-content:center;align-self:flex-end;min-width:180px;min-height:48px;font-weight:650}.sf-cloud-connect:hover:not(:disabled){background:#604286}.sf-cloud-details{border-bottom:1px solid #e9e2ef;margin:18px 0 24px;padding:0 0 18px}.sf-cloud-details summary{cursor:pointer;color:#71627f;font-size:13px;font-weight:600}.sf-cloud-details p{margin-top:12px;font-size:12px}.sf-cloud-empty{text-align:center;background:#faf8fc;border:1px dashed #d8cde3;border-radius:14px;padding:28px 20px}.sf-cloud-empty svg{color:#9075ad;margin:0 auto 12px}.sf-cloud-empty strong{font-size:15px;display:block}.sf-cloud-empty p{max-width:440px;margin:10px auto 0}.sf-cloud-connections-heading{align-items:center;gap:8px;display:flex}.sf-cloud h3{margin:0;font-size:14px;font-weight:700}.sf-cloud-connections-heading>span{color:#71549c;background:#eee7f7;border-radius:20px;padding:2px 8px;font-size:11px}.sf-cloud-no-connections{padding:18px 0}.sf-cloud .sf-cloud-connections{margin:12px 0 0}.sf-cloud-connections li{border:1px solid #e8e1ee;border-radius:12px;flex-wrap:wrap;gap:8px;margin-top:10px;padding:16px}.sf-cloud-connections li>div{flex:100%;margin-bottom:6px}.sf-cloud-connections strong{font-size:13px}.sf-cloud-connections button{padding:8px 12px;font-size:12px}.sf-cloud-connections button:last-child{color:#796c87;margin-left:auto}.sf-cloud-connections li small{font-size:11px}.sf-cloud-connections .sf-cloud-status{color:#7b658e}.sf-cloud-connections .sf-cloud-status.is-enabled{color:#217451}@media (max-width:650px){.sf-cloud{border-radius:16px;padding:18px}.sf-cloud-heading{gap:12px}.sf-cloud-icon{border-radius:12px;width:38px;height:38px}.sf-cloud h2{font-size:1.12rem}.sf-cloud .sf-cloud-steps{grid-template-columns:1fr 1fr;gap:10px}.sf-cloud form{padding:16px}.sf-cloud-providers{gap:8px}.sf-cloud-providers label{flex-wrap:wrap;gap:8px;padding:12px 8px}.sf-cloud-providers strong{font-size:12px}.sf-cloud-providers small{font-size:10px}.shared-folders .sf-cloud-connect{align-self:stretch;width:100%}.sf-cloud-connections li>div{flex-basis:100%}.sf-cloud-connections button:last-child{margin-left:0}.sf-cloud-benefits{gap:12px}}.sf-archive{border:1px solid #ded9e6;border-radius:12px;margin:16px 0;padding:14px}.sf-archive>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.sf-archive summary{cursor:pointer;font-weight:600}.sf-permissions{background:#fcfaff;border:1px solid #ded5e8;border-radius:18px;margin:20px 0;padding:22px}.sf-permissions h2{align-items:center;gap:9px;font-size:17px;font-weight:700;display:flex}.sf-permissions h3{margin:12px 0;font-size:14px;font-weight:700}.sf-permissions p{color:#6b6278;font-size:13px;line-height:1.7}.sf-team-manager{border-bottom:1px solid #e2dbe9;padding:16px 0}.sf-team-manager summary{cursor:pointer;align-items:center;gap:8px;font-size:14px;font-weight:650;display:flex}.sf-team-list,.sf-permission-actions{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.sf-permissions form>label{flex-direction:column;gap:6px;margin:12px 0;font-size:13px;font-weight:600;display:flex}.sf-permissions input:not([type=checkbox]){background:#fff;border:1px solid #d9d0e3;border-radius:10px;min-width:0;max-width:100%;padding:12px}.sf-permissions fieldset{border:1px solid #e4deeb;border-radius:12px;min-width:0;margin:12px 0;padding:12px}.sf-permissions legend{padding:0 6px;font-size:13px;font-weight:600}.sf-permission-choices{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:8px;max-height:260px;display:grid;overflow:auto}.sf-permission-choices label{overflow-wrap:anywhere;background:#fff;border-radius:8px;align-items:center;gap:10px;padding:10px;font-size:13px;display:flex}.sf-permission-choices small{color:#787083;margin-top:3px;font-size:11px;display:block}.sf-permission-choices input{accent-color:#71549c}.sf-folder-permission-form{padding-top:12px}.sf-permissions button[type=submit],.sf-folder-permission-form>button{color:#fff;background:#71549c}.sf-permissions :focus-visible{outline-offset:2px;outline:3px solid #b19bcc}@media (max-width:500px){.sf-permissions{padding:16px}.sf-permission-actions button{justify-content:center;width:100%}}
