/* =========================================================
   COOBEH V62.25 — CLIENT COLLABORATION + FILE EXCHANGE CENTER
   Scoped styles for files, finance, messages/support,
   notifications, calendar and approvals.
   ========================================================= */
.collab-page{--cc-accent:#f15a22;--cc-soft:rgba(255,255,255,.055);--cc-border:rgba(255,255,255,.1);--cc-muted:#9b9b9f;--cc-ok:#66d59a;--cc-warn:#f3b85b;--cc-danger:#ff6b6b;overflow-x:hidden}
.collab-page .collab-shell{display:grid;gap:16px;padding-bottom:28px}
.collab-page .collab-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:22px 22px 18px;border:1px solid var(--cc-border);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));position:relative;overflow:hidden;min-height:170px}
.collab-page .collab-hero:before{content:"";position:absolute;inset:auto -80px -110px auto;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(241,90,34,.22),rgba(241,90,34,0) 68%);pointer-events:none}
.collab-page .collab-hero>div{position:relative;z-index:1;max-width:520px}
.collab-page .collab-hero small{display:block;color:#85858a;font-size:11px;letter-spacing:.16em;font-weight:800;margin-bottom:10px}
.collab-page .collab-hero h2{font-size:clamp(30px,7vw,48px);line-height:1.12;margin:0 0 10px;overflow-wrap:normal;word-break:normal;white-space:normal}
.collab-page .collab-hero p{margin:0;color:#b5b5b9;line-height:1.9;max-width:560px}
.collab-page .collab-hero>img{position:relative;z-index:1;width:72px;height:72px;object-fit:contain;flex:0 0 auto}


.collab-toolbar,.cc-notif-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:20px;border:1px solid var(--cc-border)}
.collab-toolbar label{display:flex;align-items:center;gap:8px;color:#aaa;font-size:12px}.collab-toolbar select,.cc-form-grid select,.cc-form-grid input,.cc-calendar-form textarea,.cc-ticket-form textarea,.cc-ticket-form input,.cc-ticket-form select,.cc-upload-fields select,.cc-upload-fields input{background:#131313;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:13px;padding:10px 12px;font:inherit;min-width:0}.collab-toolbar>span{color:#89898e;font-size:11px}
.cc-panel{padding:16px;border-radius:24px;border:1px solid var(--cc-border)}.cc-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.cc-panel-head small{color:#777;font-weight:800;letter-spacing:.12em;font-size:10px}.cc-panel-head h3{margin:4px 0 0;font-size:18px}.cc-panel-head>span{min-width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.06);font-size:12px;color:#bbb}
.cc-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cc-stack{display:grid;gap:10px}.cc-empty{padding:20px;border:1px dashed rgba(255,255,255,.12);border-radius:18px;text-align:center;color:#85858a;font-size:12px;line-height:1.8}.cc-error{color:#ff9797}.cc-loading{opacity:.72}
.cc-finance-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.cc-metric{padding:15px;border:1px solid var(--cc-border);border-radius:20px;background:rgba(255,255,255,.035)}.cc-metric small{display:block;color:#7f7f84;font-size:10px;margin-bottom:8px}.cc-metric b{font-size:16px;line-height:1.5}.cc-metric[data-tone="warn"] b{color:var(--cc-warn)}.cc-metric[data-tone="ok"] b{color:var(--cc-ok)}
.cc-contract,.cc-payment,.cc-ticket,.cc-approval,.cc-file-card,.cc-calendar-item,.cc-notification{border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.028);padding:13px}.cc-row-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.cc-row-head small{color:#808085;font-size:10px}.cc-row-head b{display:block;margin-top:3px;font-size:14px}.cc-status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.06);color:#bcbcc0;font-size:10px;white-space:nowrap}.cc-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#8d8d92}.cc-status[data-state="active"]:before,.cc-status[data-state="approved"]:before,.cc-status[data-state="paid"]:before,.cc-status[data-state="final"]:before,.cc-status[data-state="resolved"]:before{background:var(--cc-ok)}.cc-status[data-state="pending"]:before,.cc-status[data-state="attention"]:before,.cc-status[data-state="revision_requested"]:before,.cc-status[data-state="waiting_client"]:before{background:var(--cc-warn)}.cc-status[data-state="cancelled"]:before,.cc-status[data-state="returned"]:before,.cc-status[data-state="rejected"]:before{background:var(--cc-danger)}
.cc-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.cc-meta span{font-size:10px;color:#929297;padding:5px 8px;border:1px solid rgba(255,255,255,.075);border-radius:999px}.cc-note{margin:9px 0 0;color:#a6a6aa;font-size:11px;line-height:1.8}.cc-row-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.cc-row-actions button,.cc-row-actions a,.cc-filter-row button,.cc-tabbar button,.cc-notif-controls>button,.cc-file-uploader>button,.cc-form-actions button{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#ddd;border-radius:12px;padding:8px 11px;font:inherit;font-size:11px;cursor:pointer;text-decoration:none}.cc-row-actions .primary,.cc-form-actions .primary-button{background:var(--cc-accent);border-color:var(--cc-accent);color:#fff}.cc-payment-account{margin:0}
.cc-tabbar{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;border-radius:18px}.cc-tabbar button.active,.cc-filter-row button.active{background:#fff;color:#111;border-color:#fff}.cc-tabpane{display:none;gap:12px}.cc-tabpane.active{display:grid}.cc-message-thread{min-height:300px;max-height:520px;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:9px;border-radius:22px}.cc-message{max-width:84%;padding:11px 12px;border-radius:17px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.07)}.cc-message.mine{align-self:flex-start;background:rgba(241,90,34,.13);border-color:rgba(241,90,34,.24)}.cc-message.team{align-self:flex-end}.cc-message header{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:6px}.cc-message header b{font-size:11px}.cc-message header time{font-size:9px;color:#777}.cc-message p{margin:0;white-space:pre-wrap;line-height:1.8;font-size:12px}.cc-message footer{margin-top:8px;display:flex;gap:8px}.cc-message footer button{border:0;background:transparent;color:#999;font:inherit;font-size:10px;cursor:pointer;padding:0}.cc-message-attachment{display:inline-flex;margin-top:8px;padding:6px 9px;border-radius:10px;background:rgba(0,0,0,.2);color:#ddd;font-size:10px;text-decoration:none}.cc-message-compose{padding:10px;border-radius:20px;display:grid;gap:8px}.cc-message-compose textarea{width:100%;resize:vertical;background:#121212;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:12px;font:inherit}.cc-message-compose>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.cc-file-attach{display:inline-flex;align-items:center;cursor:pointer}.cc-file-attach input{display:none}.cc-file-attach span{padding:8px 10px;border-radius:11px;border:1px solid rgba(255,255,255,.1);font-size:10px;color:#bbb}.cc-file-attach.wide span{width:100%;text-align:center}.cc-reply-context{padding:9px 12px;border-right:3px solid var(--cc-accent);background:rgba(241,90,34,.08);border-radius:12px;color:#bbb;font-size:10px}.cc-reply-context.hidden{display:none}
.cc-support-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.cc-support-head h3{margin:4px 0}.cc-support-head p{color:#999;margin:5px 0 0;font-size:12px;line-height:1.8}.cc-support-head small{color:#747479;font-size:10px}.cc-ticket-form,.cc-calendar-form{display:grid;gap:11px;padding:14px;border-radius:22px}.cc-ticket-form.hidden{display:none}.cc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cc-ticket-form label,.cc-calendar-form label,.cc-upload-fields label{display:grid;gap:6px;color:#98989d;font-size:10px}.cc-ticket-form textarea,.cc-calendar-form textarea{resize:vertical}.cc-form-actions{display:flex;justify-content:flex-end;gap:8px}.cc-ticket-list{display:grid;gap:10px}.cc-ticket .cc-ticket-body{color:#aaa;font-size:11px;line-height:1.8;margin:10px 0}.cc-ticket-replies{display:grid;gap:7px;margin-top:10px}.cc-ticket-reply{padding:8px 10px;border-radius:11px;background:rgba(255,255,255,.035);font-size:10px;color:#aaa;line-height:1.7}.cc-ticket-reply b{color:#ddd}.cc-ticket-reply-form{display:flex;gap:7px;margin-top:10px}.cc-ticket-reply-form input{flex:1;background:#101010;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:11px;padding:9px 10px;font:inherit;font-size:11px}.cc-ticket-reply-form button{border:0;background:var(--cc-accent);color:white;border-radius:11px;padding:8px 11px;font:inherit;font-size:10px}
.cc-notif-controls{display:grid;gap:10px}.cc-filter-row{display:flex;gap:6px;overflow:auto;scrollbar-width:none}.cc-filter-row::-webkit-scrollbar{display:none}.cc-filter-row button{white-space:nowrap}.cc-notif-controls>button{justify-self:end}.cc-notification-list{display:grid;gap:8px}.cc-notification{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;cursor:pointer}.cc-notification.unread{border-color:rgba(241,90,34,.35);background:rgba(241,90,34,.07)}.cc-notification .dot{width:8px;height:8px;border-radius:50%;background:#57575b}.cc-notification.unread .dot{background:var(--cc-accent);box-shadow:0 0 0 5px rgba(241,90,34,.08)}.cc-notification h4{margin:0 0 4px;font-size:12px}.cc-notification p{margin:0;color:#929297;font-size:10px;line-height:1.7}.cc-notification time{color:#747479;font-size:9px}.cc-notification .go{font-size:20px;color:#777}
.cc-approval-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.cc-summary-card{padding:14px;border:1px solid var(--cc-border);border-radius:18px;background:rgba(255,255,255,.03)}.cc-summary-card b{display:block;font-size:22px}.cc-summary-card small{color:#838388;font-size:10px}.cc-approval-list{display:grid;gap:11px}.cc-approval .cc-approval-body{color:#a3a3a8;font-size:11px;line-height:1.8;margin:10px 0}.cc-approval-file{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:13px;background:rgba(255,255,255,.035);font-size:10px}.cc-approval-file b{font-size:11px}.cc-approval textarea{width:100%;margin-top:10px;background:#111;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:13px;padding:10px;font:inherit;resize:vertical}.cc-approval-history{display:grid;gap:6px;margin-top:11px;border-top:1px solid rgba(255,255,255,.07);padding-top:10px}.cc-history-row{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;font-size:9px;color:#85858a}.cc-history-row i{width:6px;height:6px;background:#666;border-radius:50%}.cc-history-row b{color:#aaa;font-size:10px}
.cc-file-uploader{padding:15px;border-radius:24px;border:1px solid var(--cc-border);display:grid;gap:12px}.cc-file-uploader.dragover{border-color:rgba(241,90,34,.7);background:rgba(241,90,34,.08)}.cc-upload-title{display:flex;align-items:center;gap:10px}.cc-upload-title>span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(241,90,34,.14);color:var(--cc-accent);font-size:24px}.cc-upload-title b{display:block}.cc-upload-title small{display:block;color:#888;margin-top:3px}.cc-file-uploader>button{justify-self:start}.cc-upload-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.cc-upload-fields .wide{grid-column:1/-1}.cc-upload-queue{display:grid;gap:7px}.cc-upload-item{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center;padding:9px 10px;border-radius:13px;background:rgba(255,255,255,.035)}.cc-upload-item b{font-size:10px}.cc-upload-item small{display:block;color:#777;margin-top:3px;font-size:9px}.cc-upload-progress{grid-column:1/-1;height:3px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden}.cc-upload-progress i{display:block;height:100%;width:0;background:var(--cc-accent);transition:width .2s}.cc-upload-item button{border:0;background:transparent;color:#999;font:inherit;font-size:10px}.cc-file-list{display:grid;gap:10px}.cc-file-card{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:start}.cc-file-preview{width:54px;height:54px;border-radius:14px;background:rgba(255,255,255,.05);display:grid;place-items:center;overflow:hidden;color:#aaa;font-size:10px}.cc-file-preview img,.cc-file-preview video{width:100%;height:100%;object-fit:cover}.cc-file-main h4{margin:0;font-size:12px;word-break:break-word}.cc-file-main>small{display:block;color:#7f7f84;font-size:9px;margin-top:4px}.cc-file-version{font-size:9px;background:rgba(241,90,34,.12);color:#f39873;border-radius:999px;padding:5px 7px;white-space:nowrap}.cc-file-card .cc-row-actions{grid-column:2/-1}.cc-file-source{color:#aaa!important}.cc-file-source[data-source="client"]:before{content:"مشتری · "}.cc-file-source[data-source="team"]:before{content:"کوبه · "}
.cc-calendar-list{display:grid;gap:9px;position:relative}.cc-calendar-list:before{content:"";position:absolute;right:17px;top:12px;bottom:12px;width:1px;background:rgba(255,255,255,.08)}.cc-calendar-item{margin-right:34px;position:relative}.cc-calendar-item:before{content:"";position:absolute;right:-24px;top:18px;width:9px;height:9px;border-radius:50%;background:var(--cc-accent);box-shadow:0 0 0 5px #151515}.cc-calendar-item .cc-row-head>div>small{display:block}.cc-calendar-item .cc-calendar-date{font-size:10px;color:#aaa;margin-top:8px}.cc-calendar-item .meeting-link{display:inline-flex;margin-top:8px;color:#f59b79;text-decoration:none;font-size:10px}.cc-calendar-item[data-past="true"]{opacity:.62}.cc-calendar-item[data-source="system"]:before{background:#8a8a90}
@media(max-width:720px){.cc-grid-two{grid-template-columns:1fr}.cc-finance-overview{grid-template-columns:1fr 1fr}.collab-page .collab-hero{align-items:flex-start;min-height:150px}.collab-page .collab-hero>img{width:58px;height:58px}.cc-form-grid,.cc-upload-fields{grid-template-columns:1fr}.cc-upload-fields .wide{grid-column:auto}.collab-toolbar{align-items:stretch;flex-direction:column}.collab-toolbar label{justify-content:space-between}.collab-toolbar select{flex:1}.cc-support-head{align-items:stretch;flex-direction:column}.cc-file-card{grid-template-columns:auto 1fr}.cc-file-version{grid-column:2}.cc-file-card .cc-row-actions{grid-column:1/-1}.cc-notification{grid-template-columns:auto 1fr}.cc-notification .go{display:none}}
@media(max-width:430px){.collab-page .collab-hero{padding:18px}.collab-page .collab-hero h2{font-size:30px}.collab-page .collab-hero p{font-size:11px}.collab-page .collab-hero>img{width:48px;height:48px}.cc-finance-overview{grid-template-columns:1fr 1fr}.cc-approval-summary{grid-template-columns:1fr 1fr}.cc-approval-summary .cc-summary-card:last-child{grid-column:1/-1}.cc-message{max-width:92%}}

.cc-upload-actions{display:flex;gap:8px;align-items:center}.cc-upload-actions button{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#ddd;border-radius:12px;padding:8px 11px;font:inherit;font-size:11px;cursor:pointer}.cc-upload-actions .primary-button{background:var(--cc-accent);border-color:var(--cc-accent);color:#fff}.cc-upload-actions button:disabled{opacity:.4;cursor:not-allowed}

/* =========================================================
   V62.25 — FILE EXCHANGE CENTER ENHANCEMENTS
   ========================================================= */
.file-exchange-page .cc-file-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.file-exchange-page .cc-summary-card[data-tone="new"] b{color:#f0a27f}.file-exchange-page .cc-summary-card[data-tone="action"]{border-color:rgba(241,90,34,.28);background:rgba(241,90,34,.07)}.file-exchange-page .cc-summary-card[data-tone="action"] b{color:#ff9a73}
.cc-file-controls{display:grid;gap:12px;padding:14px;border:1px solid var(--cc-border);border-radius:22px}.cc-file-search-row{display:flex;gap:12px;align-items:end;justify-content:space-between}.cc-file-search{display:grid;gap:6px;min-width:0;flex:1;color:#999;font-size:10px}.cc-file-search input,.cc-file-filter-grid input,.cc-file-filter-grid select,.cc-folder-create input,.cc-folder-create select{width:100%;min-width:0;background:#121212;color:#fff;border:1px solid rgba(255,255,255,.11);border-radius:13px;padding:10px 12px;font:inherit}.cc-file-search input:focus,.cc-file-filter-grid input:focus,.cc-file-filter-grid select:focus,.cc-folder-create input:focus,.cc-folder-create select:focus{outline:none;border-color:rgba(241,90,34,.6);box-shadow:0 0 0 3px rgba(241,90,34,.08)}.cc-file-control-status{font-size:10px;color:#828287;white-space:nowrap;padding-bottom:10px}.cc-file-control-status[data-ready="true"]{color:#82cfa4}.cc-file-quick-filters{display:flex;gap:7px;overflow:auto;padding-bottom:2px;scrollbar-width:none}.cc-file-quick-filters::-webkit-scrollbar{display:none}.cc-file-quick-filters button,.cc-folder-manage-row button,.cc-folder-create button{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);color:#aaa;border-radius:999px;padding:8px 11px;font:inherit;font-size:10px;white-space:nowrap;cursor:pointer}.cc-file-quick-filters button.active{background:rgba(241,90,34,.14);border-color:rgba(241,90,34,.34);color:#fff}.cc-file-filter-grid{display:grid;grid-template-columns:1.15fr 1.15fr .8fr 1fr 1fr 1fr;gap:8px}.cc-file-filter-grid label{display:grid;gap:5px;color:#85858a;font-size:9px}.cc-folder-manage-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:3px}.cc-folder-manage-row button{color:#e2e2e4}.cc-folder-manage-row span{color:#777;font-size:9px}.cc-folder-create{display:grid;grid-template-columns:1fr 1.4fr auto;gap:8px;align-items:end;padding:10px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07)}.cc-folder-create.hidden{display:none}.cc-folder-create label{display:grid;gap:5px;color:#888;font-size:9px}.cc-folder-create>div{display:flex;gap:6px}.cc-folder-create .primary-button{border-radius:11px;background:var(--cc-accent);border-color:var(--cc-accent);color:#fff}
.cc-file-results-head{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:2px 3px}.cc-file-results-head small{display:block;color:#777;font-size:9px;letter-spacing:.12em;font-weight:800}.cc-file-results-head h3{margin:4px 0 0;font-size:18px}.cc-file-results-head>span{font-size:10px;color:#85858a}
.cc-file-card-v6225{grid-template-columns:auto minmax(0,1fr) auto;position:relative}.cc-file-card-v6225.needs-action{border-color:rgba(241,90,34,.3);background:linear-gradient(120deg,rgba(241,90,34,.075),rgba(255,255,255,.025) 42%)}.cc-file-card-v6225.deleted{opacity:.68;border-style:dashed}.cc-file-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cc-file-title-row h4{min-width:0}.cc-action-badge{display:inline-flex;padding:4px 7px;border-radius:999px;background:rgba(241,90,34,.14);color:#ff9b74;font-size:8px;font-weight:800;white-space:nowrap}.cc-file-path{margin-top:7px;color:#a0a0a4;font-size:9px;line-height:1.7}.cc-file-card-v6225 .cc-row-actions button.primary,.cc-file-modal-actions button.primary{background:var(--cc-accent);border-color:var(--cc-accent);color:#fff}.cc-file-card-v6225 .cc-row-actions button.danger{color:#ff8d8d;border-color:rgba(255,107,107,.15)}
.cc-file-versions{grid-column:2/-1;display:grid;gap:6px;margin-top:2px;padding:9px;border-radius:14px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.055)}.cc-file-versions.hidden{display:none}.cc-version-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px;border-radius:11px;background:rgba(255,255,255,.025)}.cc-version-row.current{background:rgba(241,90,34,.07)}.cc-version-row b{font-size:10px}.cc-version-row small{display:block;color:#777;font-size:8px;margin-top:3px}.cc-version-row>div:last-child{display:flex;gap:5px}.cc-version-row button{border:0;background:rgba(255,255,255,.055);color:#bbb;border-radius:8px;padding:6px 8px;font:inherit;font-size:8px;cursor:pointer}
.cc-file-modal{position:fixed;inset:0;z-index:99990;display:grid;place-items:center;padding:18px}.cc-file-modal.hidden{display:none}.cc-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.78);backdrop-filter:blur(9px)}.cc-file-modal-card{position:relative;z-index:1;width:min(760px,100%);max-height:min(820px,92vh);overflow:auto;border-radius:26px;border:1px solid rgba(255,255,255,.12);background:#171717;box-shadow:0 35px 100px rgba(0,0,0,.55);padding:16px}.cc-file-modal-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.cc-file-modal-card>header small{color:#777;font-size:9px;letter-spacing:.13em;font-weight:800}.cc-file-modal-card>header h3{margin:4px 0 0;font-size:18px;word-break:break-word}.cc-file-modal-card>header>button{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#ddd;font-size:22px;cursor:pointer}.cc-file-modal-body{min-height:220px;display:grid;place-items:center;border-radius:18px;background:#0c0c0c;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.cc-inline-preview{display:block;max-width:100%;max-height:62vh;object-fit:contain}.cc-inline-pdf{width:100%;height:min(62vh,620px);border:0;background:white}.cc-inline-video{display:block;width:100%;max-height:62vh;background:black}.cc-file-modal-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.cc-file-modal-meta span{font-size:9px;color:#929297;padding:5px 8px;border:1px solid rgba(255,255,255,.075);border-radius:999px}.cc-file-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.cc-file-modal-actions button{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);color:#ddd;border-radius:11px;padding:9px 12px;font:inherit;font-size:10px;cursor:pointer}
@media(max-width:900px){.cc-file-filter-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.file-exchange-page .cc-file-summary{grid-template-columns:1fr 1fr}.cc-file-search-row{align-items:stretch;flex-direction:column}.cc-file-control-status{padding:0}.cc-file-filter-grid{grid-template-columns:1fr 1fr}.cc-folder-create{grid-template-columns:1fr}.cc-folder-create>div{justify-content:flex-end}.cc-folder-manage-row{align-items:flex-start;flex-direction:column}.cc-file-card-v6225{grid-template-columns:auto minmax(0,1fr)}.cc-file-card-v6225>.cc-file-version{grid-column:2}.cc-file-versions{grid-column:1/-1}.cc-version-row{align-items:flex-start;flex-direction:column}.cc-file-modal{padding:8px}.cc-file-modal-card{border-radius:22px;padding:12px}}
@media(max-width:430px){.cc-file-filter-grid{grid-template-columns:1fr}.file-exchange-page .cc-summary-card b{font-size:19px}.cc-file-quick-filters{margin-inline:-2px}.cc-file-modal-body{min-height:180px}}


/* =========================================================
   V62.28 — Independent collaboration modules + payment drawer
   ========================================================= */
#page-finance .collab-hero{background:radial-gradient(circle at 15% 120%,rgba(241,90,34,.12),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018))}
#page-connect .collab-hero{min-height:148px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}
#page-notifications .collab-hero{min-height:142px}
#page-calendar .collab-hero{background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(241,90,34,.025))}
#page-approvals .collab-hero{border-color:rgba(241,90,34,.17)}
.cc-payment-access{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(120deg,rgba(241,90,34,.07),rgba(255,255,255,.025))}
.cc-payment-access.hidden{display:none}.cc-payment-access small{display:block;color:#f28a63;font-size:10px;font-weight:800;letter-spacing:.11em}.cc-payment-access h3{font-size:18px;margin:4px 0 5px}.cc-payment-access p{font-size:12px;line-height:1.85;color:#aaa;margin:0;max-width:520px}.cc-payment-access .primary-button{flex:0 0 auto;min-height:44px;padding:10px 15px;font-size:12px}
.cc-payment-modal{position:fixed;inset:0;z-index:99992;display:grid;place-items:end center;padding:16px}.cc-payment-modal.hidden{display:none}.cc-payment-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.76);backdrop-filter:blur(8px)}.cc-payment-modal-card{position:relative;z-index:1;width:min(620px,100%);max-height:88vh;overflow:auto;background:#171717;border:1px solid rgba(255,255,255,.12);border-radius:26px;padding:16px;box-shadow:0 30px 90px rgba(0,0,0,.55)}.cc-payment-modal-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.cc-payment-modal-card>header small{color:#f28a63;font-size:10px;font-weight:800;letter-spacing:.12em}.cc-payment-modal-card>header h3{font-size:22px;margin:4px 0 5px}.cc-payment-modal-card>header p{font-size:12px;line-height:1.8;color:#999;margin:0}.cc-payment-modal-card>header>button{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#ddd;font-size:21px}.cc-payment-bank-tabs{display:flex;gap:8px;overflow:auto;padding:15px 0 10px;scrollbar-width:none}.cc-payment-bank-tabs::-webkit-scrollbar{display:none}.cc-payment-bank-tabs button{min-width:120px;min-height:48px;border-radius:15px;border:1px solid rgba(255,255,255,.09);background:#121212;color:#bbb;padding:9px 12px;text-align:right;font:inherit}.cc-payment-bank-tabs button span{display:block;font-size:12px;font-weight:800;white-space:nowrap}.cc-payment-bank-tabs button small{display:block;font-size:9px;color:#777;margin-top:3px}.cc-payment-bank-tabs button.active{border-color:var(--cc-accent);background:rgba(241,90,34,.1);color:#fff}.cc-payment-account-detail{display:grid;gap:9px}.cc-payment-account-title,.cc-payment-holder,.cc-payment-copy-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}.cc-payment-account-title small,.cc-payment-holder small,.cc-payment-copy-row small{display:block;color:#85858a;font-size:10px}.cc-payment-account-title h4{font-size:16px;margin:3px 0 0}.cc-payment-account-title>span{font-size:10px;color:#f59a78}.cc-payment-holder b,.cc-payment-copy-row b{font-size:13px;line-height:1.5}.cc-payment-copy-row button{border:1px solid rgba(241,90,34,.28);background:rgba(241,90,34,.09);color:#ffb092;border-radius:11px;padding:8px 11px;font:inherit;font-size:11px;white-space:nowrap}.cc-payment-note{font-size:11px;line-height:1.8;color:#999;margin:2px 2px 0}.cc-payment-modal-card .cc-empty{margin-top:10px}
@media(max-width:560px){.cc-payment-access{align-items:stretch;flex-direction:column}.cc-payment-access .primary-button{width:100%}.cc-payment-modal{padding:8px}.cc-payment-modal-card{border-radius:22px 22px 18px 18px}.cc-payment-copy-row{align-items:flex-start}.cc-payment-copy-row b{font-size:12px;word-break:break-all}}
/* V64.59 — bank logo selector */
.cc-payment-bank-tabs{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:9px!important}.cc-payment-bank-tabs button{display:flex!important;align-items:center!important;gap:9px!important;text-align:right!important;padding:10px!important;min-height:62px}.cc-bank-logo{width:40px;height:40px;flex:0 0 40px;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.cc-bank-logo img{width:100%;height:100%;object-fit:contain;padding:5px;box-sizing:border-box}.cc-bank-logo b{font-size:12px}.cc-bank-logo.large{width:50px;height:50px;flex-basis:50px}.cc-bank-tab-copy{display:grid;gap:2px;min-width:0}.cc-bank-tab-copy strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-bank-tab-copy small{font-size:10px;opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-payment-selected-bank{display:flex;align-items:center;gap:11px}