/* API adapter necessities only. All visual tokens/components come from source styles.css. */
[hidden]{display:none!important}
[data-license-form] fieldset{border:0;padding:0;margin:0;min-width:0}
a.nav-item,a.side-link,a.rail-button,a.conversation,a.storage-trigger,a.folder-mark{color:inherit;text-decoration:none}
.operation-dialog{padding:0;color:var(--ink);margin:auto;position:fixed}
.operation-dialog:not([open]){display:none}
.operation-dialog::backdrop{background:#1a1a1a4d;backdrop-filter:blur(3px)}
.operation-dialog>.modal-content{min-height:0;overflow:auto}
.operation-dialog .cx-select-menu{position:fixed}
.operation-dialog .cx-select-list{overflow-y:auto}
.module-body,.module-body>form{display:flex;flex:1;min-height:0;overflow:hidden}
.module-body>form>.modal-split{flex:1}
.group-editor-body,.group-editor-body>form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
.group-editor-body .scroll-frame{flex:1;min-height:0}
.group-editor-body .editor-scroll{overflow:auto;max-height:60vh}
.workspace-page{height:100%;min-height:0;display:flex;flex-direction:column;overflow:auto}
.workspace-page>.main-content{flex:1;min-height:0}
.workspace-page>.split-sheet{height:100%;min-height:0}
.workspace-page .split-main{min-height:0}
.workspace-page .node-scroll{overflow:auto}
.panel-body{overflow:auto}
.shelf-tools{display:contents}
.shelf-groups{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}
.shelf-groups .project-row{overflow-x:auto}
.crumbs a{color:inherit;text-decoration:none}
.main-sheet.r1-graph{background:transparent;border-color:transparent;box-shadow:none;overflow:visible}
.r1-graph .workspace-page{overflow:visible}
.graph-status{position:fixed;top:76px;left:calc(var(--sidebar,220px) + 34px);z-index:30;max-width:600px;color:var(--error,#a33);background:var(--paper);padding:10px}
.graph-node{touch-action:none}
.content-text{white-space:pre-wrap;overflow-wrap:anywhere}
.spec-unit{max-width:80px}
.ib-hint.error,.spec-hint.error{color:var(--error,#a33)}
.mobile-conversations{display:none}
.storage-modal .storage-tabs .selected{color:var(--ink)}
@media(max-width:760px){.mobile-conversations{display:inline-flex}.account-tabs{overflow-x:auto;flex-shrink:0}.invite-card{min-width:0;max-width:100%}.spec-unit{max-width:50px}.workspace-page .node-top{flex-wrap:wrap}}

.operation-dialog.storage-modal{margin:0;top:auto;right:auto;bottom:14px;left:calc(var(--left) + 1px);max-width:calc(100vw - var(--left) - 15px)}
@media(max-width:760px){.operation-dialog.storage-modal{left:72px;max-width:calc(100vw - 86px)}}

.storage-modal>footer .pagination{width:100%;margin:0;padding:0;border:0}
.storage-modal #storage-pagination{display:contents}
.storage-modal #storage-pagination>.pagination{flex:1;min-width:220px;width:auto}
/* The source only sizes the version-pill dot. Use that same indicator in history. */
.node-history-link .orange-dot,.hist-row .orange-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--orange);flex:0 0 auto}
/* Private previews retain the original photo/card containers. */
.graph-node .thumb img{width:100%;height:100%;object-fit:cover}
.image-preview{display:grid;place-items:center;min-height:170px;background:var(--inset)}
.image-preview img{max-width:100%;max-height:60vh;object-fit:contain}
/* User-defined and legacy automatic labels must not push version links out of view. */
.pin-v,.ver-v{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.version-pill [data-version-label]{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Native disabled groups preserve original Fork form spacing. Bound the original
   request sheet when real applications exceed the prototype's two mock rows. */
#fork-dialog fieldset{border:0;padding:0;margin:0;min-width:0}
[data-join-requests]{overflow-wrap:anywhere}
.fork-requests[data-join-requests]{max-width:calc(100vw - var(--left) - 20px);max-height:70vh;display:flex;flex-direction:column}
.fork-requests[data-join-requests]>div{overflow:auto;min-height:0}
.fork-requests[data-join-requests]>header,.fork-requests[data-join-requests]>footer{flex-shrink:0}
[data-join-requests].share-section article{padding:16px 0;border-bottom:.5px solid var(--line)}
@media(max-width:760px){.fork-requests[data-join-requests]{left:72px;max-width:calc(100vw - 86px)}}

#internal-action [data-contact-project-fields] { border:0; padding:0; margin:0; min-width:0; }

@media(max-width:760px){#internal-action .modal-split{flex-direction:column;overflow:visible}#internal-action .modal-split>.modal-aside{display:block;width:auto;flex-basis:auto;border-left:0;border-top:.5px solid var(--line);padding:24px}#internal-action .modal-split>section{overflow:visible}}

/* Existing message file card, with user-requested in-thread preview. */
.shared-project.chat-image{display:flex;flex-direction:column;align-items:flex-start;max-width:100%;padding:8px;gap:8px}
.chat-image img{width:240px;max-width:100%;height:160px;object-fit:contain;background:var(--inset);border-radius:3px}
.chat-image span{display:flex;align-items:center;gap:6px;max-width:100%;overflow-wrap:anywhere}
.composer-row.drag-over{outline:1px dashed var(--blue);background:var(--soft)}

.chat-image-draft{gap:10px;align-items:center}.chat-image-draft>img{width:64px;height:48px;object-fit:contain;flex-shrink:0}.chat-image-draft>span{min-width:0;overflow-wrap:anywhere}.chat-image-draft small{display:block}

.asset-file-preview{min-height:170px;margin-top:24px;border:.5px solid var(--line);background:var(--inset);display:grid;place-items:center;padding:22px}
.asset-file-preview img{max-width:100%;max-height:340px;object-fit:contain}
/* Full storage pages retain original tables; wrappers preserve the original flex/scroll boundaries. */
.storage-page [data-storage-results]{display:flex;flex:1;min-height:0;flex-direction:column}
.storage-page [data-storage-pagination]{margin-top:auto;flex-shrink:0}
.storage-page [data-storage-filters]{max-height:100px;overflow:auto}
.storage-page .toolbar .cx-select{width:140px;flex-shrink:0}
.storage-modal #storage-pagination{flex:1;min-width:0}
@media(max-width:760px){
  .storage-page .toolbar{flex-wrap:wrap}
  .storage-page .toolbar .search{flex-basis:100%}
  .storage-page [data-storage-filters]{max-height:82px}
  .storage-page .pagination{height:auto;min-height:48px;gap:8px;flex-wrap:wrap}
  .storage-page .data-table{min-width:620px}
  .storage-modal>footer{flex-wrap:wrap}
}

.storage-page-note{padding:19px 0;font-size:9px}
.node-draft-destinations{max-height:240px;overflow:auto}