/* Source: portal/ui/client-drive.css; build: node portal/build-referrals.mjs */
.cdrive{--muted: #555c6b;position:relative;overflow:hidden;border:1px solid var(--line, #e2dccf);border-radius:24px;padding:clamp(20px,3vw,38px);background:radial-gradient(ellipse at 95% 0,#7a3bff18,transparent 55%),linear-gradient(145deg,#fffdf9,#fffdf9);color:#0d1024}.cdrive .eyebrow{color:#5b2dd6}.cdrive .badge{color:#5b2dd6;border-color:#b69cf5;background:#7a3bff1d}.cdrive .button.secondary{color:#0d1024;border-color:#d6cfc2;background:#fffdf9}.cdrive .button.primary{color:#0d1024;border-color:#ff6a3d;background:#ff6a3d}.cdrive .text-button{padding:0;border:0;background:none;color:#5b2dd6;font:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.cdrive-heading,.cdrive-toolbar,.cdrive-toolbar>div{display:flex;align-items:center;justify-content:space-between;gap:18px}.cdrive-heading{margin-bottom:26px}.cdrive-heading h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.04em;margin:8px 0}.cdrive-heading p,.cdrive-drop p,.cdrive-footnote{color:var(--muted, #555c6b)}.cdrive-symbol{width:72px;height:72px;flex:none;display:grid;place-items:center;background:linear-gradient(135deg,#2452ff,#923dff 45%,#f554e4);border-radius:22px;box-shadow:0 18px 36px -18px #7a3bffb3;transform:rotate(-7deg)}.cdrive-symbol svg{width:35px;height:35px;color:#fff}.cdrive-toolbar{flex-wrap:wrap;margin-bottom:18px}.cdrive-toolbar strong{overflow-wrap:anywhere}.cdrive-upload-actions{display:flex;flex-wrap:wrap;gap:10px}.cdrive-upload-actions label{position:relative;cursor:pointer}.cdrive-upload-actions input{position:absolute;width:1px;height:1px;opacity:0}.cdrive-upload-actions label:focus-within{outline:2px solid #7a3bff;outline-offset:4px}.cdrive-drop{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px 20px;padding:24px;border:2px dashed #cdbff0;border-radius:22px;background:radial-gradient(ellipse at 0% 0%,#ece4ff,transparent 60%),#fffdf9;transition:border-color .2s,background-color .2s,transform .2s}.cdrive-drop.is-over{border-color:#7a3bff;background-color:#f6f1ff;transform:scale(1.01)}.cdrive-drop-art{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#2452ff,#923dff 45%,#f554e4);box-shadow:0 14px 30px -14px #7a3bffb3;transform:rotate(-6deg)}.cdrive-drop-art svg{width:26px;height:26px}.cdrive-drop-copy strong{font:800 20px/1.15 var(--display);letter-spacing:-.02em}.cdrive-drop p{font-size:.85rem;margin:4px 0 0}.cdrive-list{list-style:none;padding:0;margin:20px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px}.cdrive-list li{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid #e7e0d3;border-radius:18px;background:#fff;box-shadow:0 10px 24px -22px #0d102466;min-width:0;transition:transform .2s,border-color .2s,box-shadow .2s}.cdrive-list li:hover{transform:translateY(-2px);border-color:#d9cdf6;box-shadow:0 18px 34px -24px #27154c73}.cdrive-list li .cdrive-choose h3{margin:0 0 16px;font:800 clamp(22px,2.4vw,28px) / 1.15 var(--display);letter-spacing:-.03em}.cdrive-clouds{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px}.cdrive-cloud{display:grid;justify-items:start;gap:12px;padding:20px;border:1px solid #e7e0d3;border-radius:20px;background:#fff;color:inherit;font:inherit;text-align:left;cursor:pointer;box-shadow:0 10px 24px -22px #0d102466;transition:transform .2s,border-color .2s,box-shadow .2s}.cdrive-cloud:hover:not(:disabled){transform:translateY(-2px);border-color:#b69cf5;box-shadow:0 18px 34px -24px #27154c73}.cdrive-cloud strong{font:700 19px / 1.2 var(--display);letter-spacing:-.02em}.cdrive-cloud-go{padding:7px 14px;border-radius:999px;background:#ff6a3d;color:#0d1024;font-size:14px;font-weight:700}.cdrive-where{display:flex;align-items:center;gap:14px;min-width:0}.cdrive-where>span{display:grid;gap:2px;min-width:0}.cdrive-where small{color:#555c6b}.cdrive-empty>.brand-logo{margin:auto}.cdrive-uploads{list-style:none;display:grid;gap:8px;margin:16px 0 0;padding:0}.cdrive-uploads li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;padding:10px 14px;border:1px solid #e7e0d3;border-radius:14px;background:#fff}.cdrive-uploads span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdrive-uploads small{color:#555c6b}.cdrive-uploads i{grid-column:1 / -1;position:relative;height:6px;border-radius:99px;background:#ece6f8;overflow:hidden}.cdrive-uploads i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--p);border-radius:inherit;background:linear-gradient(90deg,#2452ff,#923dff 45%,#f554e4 70%,#ff733f);transition:width .2s}.cdrive-uploads li.is-error{border-color:#f2b8a6}.cdrive-uploads li.is-error small{color:#c43d12}.cdrive-no-files{grid-column:1 / -1;justify-content:center;padding:26px;border-style:dashed;box-shadow:none}.cdrive-list li>div{flex:1;min-width:0}.cdrive-list small{display:block;color:#555c6b;margin-top:5px}.cdrive-file-icon{width:44px;height:44px;flex:none;display:grid;place-items:center;background:#7a3bff0e;border-radius:13px;color:#5b2dd6;font:700 11px var(--mono, monospace);letter-spacing:.04em}.cdrive-file-icon--folder{background:linear-gradient(135deg,#ece4ff,#f8f3ff);box-shadow:inset 0 0 0 1px #d9cdf6}.cdrive-file-icon--pdf{background:#fff0ea;color:#c43d12}.cdrive-file-icon--image{background:#eaf0ff;color:#2452ff}.cdrive-file-icon--text{background:#f1efe9;color:#4f5266}.cdrive-file-name{font:inherit;color:inherit;text-align:left;overflow-wrap:anywhere;background:none;border:0;padding:0;text-decoration:none;cursor:pointer}.cdrive-file-name:hover{text-decoration:underline;text-underline-offset:5px}.cdrive-empty{text-align:center;padding:36px 20px;background:#7a3bff05;border-radius:18px}.cdrive-empty>svg{width:54px;height:54px;color:#5b2dd6;margin:auto}.cdrive-empty h3{margin:16px 0 8px}.cdrive-empty p{max-width:450px;margin:0 auto 20px;color:#555c6b}.cdrive-message{border-left:3px solid #b69cf5;padding:10px 14px;background:#7a3bff0a;border-radius:0 10px 10px 0}.cdrive-footnote{font-size:.8rem;margin:16px 0 0}.cdrive-no-files{color:#555c6b}.cdrive button:disabled{opacity:.5;cursor:wait}@media(prefers-reduced-motion:reduce){.cdrive-drop,.cdrive-list li{transition:none}}@media(max-width:860px){.cdrive-drop{grid-template-columns:auto minmax(0,1fr)}.cdrive-upload-actions{grid-column:1 / -1}}@media(max-width:520px){.cdrive{padding:20px 16px;border-radius:20px}.cdrive-symbol{width:52px;height:52px;border-radius:16px}.cdrive-heading p{font-size:.9rem}.cdrive-toolbar{align-items:flex-start}.cdrive-toolbar .button{font-size:.8rem;padding:10px 12px}.cdrive-upload-actions .button{font-size:.8rem;min-height:44px}.cdrive-drop{grid-template-columns:auto minmax(0,1fr);padding:16px}.cdrive-upload-actions{grid-column:1 / -1}.cdrive-file-icon{width:36px;height:36px}.cdrive-list li{gap:10px}}
