@layer portal-sticky-header {
 #admin #officeHomePrimary.arrangedHome{display:flex!important;flex-wrap:wrap!important;gap:12px!important;align-items:stretch!important}
 #admin #officeHomePrimary.arrangedHome .homeFundingRow{display:contents!important}
 #admin #officeHomePrimary .arrangementMoved{display:none!important}
 #admin #officeHomePrimary.arrangedHome button{order:var(--arrangement-order,0)!important;grid-column:auto!important;grid-row:auto!important;min-height:60px!important;white-space:normal!important;overflow-wrap:anywhere}
 #admin .officeCategoryGrid.arrangedCategory{display:flex!important;flex-wrap:wrap!important;gap:12px!important;align-items:stretch!important}
 #admin .officeCategoryGrid.arrangedCategory>button{grid-column:auto!important;min-height:76px!important;white-space:normal!important;overflow-wrap:anywhere}
}
body dialog#officeArrangement.arrangementEditorV2{box-sizing:border-box;position:fixed!important;inset:8px!important;margin:0!important;width:calc(100vw - 16px)!important;max-width:none!important;height:calc(100dvh - 16px)!important;max-height:none!important;padding:12px!important;border:1px solid #ccdbea;border-radius:16px;color:#15344d;background:#f3f7fb!important;overflow:hidden!important}
body dialog#officeArrangement.arrangementEditorV2[open]{display:flex!important;flex-direction:column!important;gap:12px!important}
#officeArrangement *{box-sizing:border-box}
body dialog#officeArrangement.arrangementEditorV2>header.portalBackHeader{background:#103b59!important;color:white!important;padding:12px 16px!important;border-radius:12px;display:flex!important;gap:14px!important;align-items:center!important;flex-shrink:0;position:static!important}
#officeArrangement #arrangeTitle{margin:0;font-size:24px;color:white}
#officeArrangement .arrangeIntro{margin:0;font-size:15px;line-height:1.4}
#officeArrangement button,#officeArrangement select,#officeArrangement input{font:inherit;min-height:44px;max-width:100%;padding:10px 12px;border:1px solid #bdcee3;border-radius:9px;background:white;color:#143b58}
#officeArrangement button{cursor:pointer;font-weight:600;white-space:normal;overflow-wrap:anywhere}
#officeArrangement button:disabled{opacity:.45;cursor:default}
#officeArrangement button:focus-visible,#officeArrangement input:focus-visible,#officeArrangement select:focus-visible{outline:3px solid #f0af27;outline-offset:2px}
#officeArrangement .arrangePrimary,#officeArrangement #arrangeSave{background:#1664df!important;border-color:#1664df!important;color:white!important}
#officeArrangement .arrangeTopbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;flex-shrink:0}
#officeArrangement .arrangeTopbar label{display:flex;align-items:center;gap:10px;flex:1 1 260px;font-weight:700}
#officeArrangement #arrangeView{flex:1;min-width:0;width:auto}
#officeArrangement .arrangeTopbar button[aria-pressed=true]{background:#e1ecff;border-color:#1664df}
#officeArrangement .arrangeWorkspace{display:grid;grid-template-columns:200px minmax(0,1fr) 260px;gap:12px;flex:1;min-height:0;min-width:0}
#officeArrangement .arrangeMenus,#officeArrangement .arrangeCanvas,#officeArrangement .arrangeInspector{background:white;border:1px solid #d4e0ed;border-radius:12px;padding:12px;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}
#officeArrangement .arrangeMenus{display:flex;flex-direction:column;gap:7px}
#officeArrangement .arrangeMenu{display:flex;justify-content:space-between;gap:6px;align-items:center;text-align:left;flex-shrink:0}
#officeArrangement .arrangeMenu span{font-size:12px;border-radius:15px;background:#e7eef7;padding:3px 7px;color:#12395e}
#officeArrangement .arrangeMenu.active{background:#1664df;color:white;border-color:#1664df}
#officeArrangement .arrangeCanvas{display:flex;flex-direction:column;gap:12px}
#officeArrangement .arrangeCanvasHead{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0}
#officeArrangement h3{margin:0;font-size:18px}
#officeArrangement .arrangeCanvasHead span{color:#5d7184;font-size:13px}
#officeArrangement .arrangeGrid{display:flex;flex-wrap:wrap;gap:12px;align-content:stretch;align-items:stretch;flex:1;min-height:120px}
#officeArrangement .arrangeTile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#1664df!important;color:white!important;border:2px solid transparent!important;min-height:94px!important;padding:14px!important;touch-action:none;user-select:none;cursor:grab}
#officeArrangement .arrangeTile strong{font-size:16px;line-height:1.35;pointer-events:none}
#officeArrangement .arrangeTile small{font-size:11px;font-weight:400;opacity:.9;pointer-events:none}
#officeArrangement .arrangeTile.selected{border-color:#ffc247!important;box-shadow:0 0 0 2px #ffc247}
#officeArrangement .arrangeTile.dragging{opacity:.45;cursor:grabbing}
#officeArrangement .dropBefore{box-shadow:inset 7px 0 #ffbf47!important}
#officeArrangement .dropAfter{box-shadow:inset -7px 0 #ffbf47!important}
#officeArrangement .dropInside{outline:4px solid #ffbf47;outline-offset:-4px}
#officeArrangement .arrangeGrid.showHidden .arrangeTile{background:#536b85!important;cursor:pointer;touch-action:auto}
#officeArrangement .arrangeEmpty{margin:0;padding:24px;border:2px dashed #b6cbe1;border-radius:12px;flex:1;font-size:15px;align-self:stretch}
#officeArrangement .arrangeInspector{display:flex;flex-direction:column;gap:10px}
#officeArrangement .arrangeInspector>*{flex-shrink:0}
#officeArrangement .arrangeInspector label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:14px}
#officeArrangement .arrangeInspector input,#officeArrangement .arrangeInspector select{width:100%;font-weight:400}
#officeArrangement .arrangeInspector p{margin:0;line-height:1.45;font-size:14px}
#officeArrangement .arrangeOriginal{color:#5a7085}
#officeArrangement .arrangeSafe{padding:10px;background:#edf4fa;border-radius:8px;font-size:12px!important}
#officeArrangement .arrangePair{display:flex;gap:6px}
#officeArrangement .arrangePair button{flex:1;padding:8px 6px}
#officeArrangement footer{display:flex;flex-wrap:wrap;align-items:center;gap:10px;border-top:1px solid #d1ddeb;padding-top:10px;flex-shrink:0}
#officeArrangement footer p{margin:0;flex:1 1 200px;font-size:13px}
#officeArrangement #arrangeSaveState{font-weight:700;font-size:13px;color:#31546d}
@media(max-width:1100px){#officeArrangement .arrangeWorkspace{grid-template-columns:150px minmax(0,1fr) 230px}#officeArrangement .arrangeMenus{padding:8px}#officeArrangement .arrangeMenu{font-size:13px;padding:8px}}
@media(max-width:800px){body dialog#officeArrangement.arrangementEditorV2{inset:0!important;width:100vw!important;height:100dvh!important;border-radius:0;padding:8px!important;gap:8px!important;overflow:auto!important}#officeArrangement .arrangeWorkspace{display:flex;flex-direction:column;flex:none;min-height:0}#officeArrangement .arrangeMenus{display:none}#officeArrangement .arrangeCanvas{min-height:260px;overflow:visible}#officeArrangement .arrangeInspector{overflow:visible}#officeArrangement .arrangeTile{min-height:95px!important}#officeArrangement .arrangeTopbar{gap:6px}#officeArrangement .arrangeTopbar label{flex-basis:100%}#officeArrangement .arrangeTopbar>button{flex:1}#officeArrangement footer{position:sticky;bottom:-8px;background:#f3f7fb;z-index:5;padding:8px 0}#officeArrangement footer p{flex-basis:100%;order:3}#officeArrangement #arrangeTitle{font-size:20px}#officeArrangement .arrangeIntro{font-size:14px}}
@media(max-width:800px){body dialog#officeArrangement.arrangementEditorV2{overflow:hidden!important}#officeArrangement .arrangeWorkspace{flex:1;min-height:0;overflow:auto}#officeArrangement .arrangeCanvas,#officeArrangement .arrangeInspector{flex-shrink:0}#officeArrangement footer{position:static;flex-shrink:0}#officeArrangement .arrangeTile strong{font-size:14px}#officeArrangement .arrangeTile{padding:10px!important}}

#officeArrangement .arrangeDragGhost{position:fixed!important;z-index:2147483647;pointer-events:none!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px;box-sizing:border-box;border:3px solid #ffc247;border-radius:12px;background:#1464e8;color:#fff;text-align:center;overflow-wrap:anywhere;box-shadow:0 18px 42px #082f6080;transform:scale(1.025);opacity:.96}
#officeArrangement .arrangeDragGhost small{font-size:12px;color:#fff}
#officeArrangement.arrangeDragging,#officeArrangement.arrangeDragging *{cursor:grabbing!important;user-select:none!important}

@media(min-width:901px){[draggable=true]{cursor:grab!important}.directDropBefore{box-shadow:inset 5px 0 #ffb300!important}.directDropAfter{box-shadow:inset -5px 0 #ffb300!important}.directDropInside{outline:4px solid #ffb300!important;outline-offset:-4px}.directDragging{opacity:.55}.directArrangeNotice{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:2147483647;background:#0b3652;color:white;padding:10px 16px;border-radius:10px;max-width:90vw;pointer-events:none;font:14px system-ui}.directArrangeNotice[hidden]{display:none}}

.directDraggable{cursor:grab!important;user-select:none}.directArrangeGhost{position:fixed;z-index:2147483647;pointer-events:none;background:#1464e8;color:white;border:2px solid white;border-radius:10px;padding:14px;box-shadow:0 4px 20px #0005;font:600 14px system-ui}

.directDropBlocked{outline:3px dashed #b42318!important;outline-offset:-3px}

@layer clbvMobileWorkspace{body .directFolderDialog{width:min(1100px,96vw)!important;max-height:94dvh!important;overflow:auto!important;padding:14px!important;border:1px solid #cbd8e8!important;border-radius:12px!important;background:#fff!important}body .directFolderDialog header{display:flex!important;align-items:center!important;gap:12px!important;background:#0b3652!important;color:white!important;padding:12px!important;border-radius:10px!important}body .directFolderDialog .directFolderDestinations{display:flex!important;gap:8px!important;margin:12px 0!important}body .directFolderDialog .officeCategoryGrid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:10px!important}body .directFolderDialog button{background:#1464e8!important;color:white!important;padding:12px!important;min-height:44px!important;border:0!important;border-radius:10px!important}body .directFolderDialog .officeCategoryGrid button{min-height:80px!important;width:100%!important}body .directFolderDialog h2{color:white!important;margin:0!important;font-size:20px!important}}

@media(min-width:901px){.directSelected{outline:3px solid #ffb300!important;outline-offset:-3px;box-shadow:inset 0 0 0 5px #fff!important}}

.directSaveStatus{position:fixed;bottom:12px;right:12px;z-index:2147483647;background:#fff;color:#0b3652;border:1px solid #1762e8;border-radius:8px;padding:10px 14px;max-width:85vw;font:14px system-ui;pointer-events:none}.directSaveStatus[hidden]{display:none}
@layer clbvMobileWorkspace{
 body .directFolderDialog.directFolderDialog{box-sizing:border-box!important;width:calc(100vw - 16px)!important;max-width:none!important;max-height:calc(100dvh - 16px)!important;margin:auto!important;padding:8px!important}
 body .directFolderDialog.directFolderDialog header{flex-wrap:wrap!important;gap:8px!important}
 body .directFolderDialog.directFolderDialog header h2{flex:1 1 140px!important;min-width:0!important;overflow-wrap:anywhere!important}
 body .directFolderDialog.directFolderDialog header .directFolderDestinations{margin:0 0 0 auto!important;flex:0 0 auto!important;display:flex!important;gap:8px!important}
 body .directFolderDialog.directFolderDialog header .directFolderDestinations button{width:auto!important;min-width:70px!important;white-space:nowrap!important}
 body .directFolderDialog.directFolderDialog .officeCategoryGrid{margin-top:8px!important;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))!important}
}