.cc-tabs,.cc-toolbar,.cc-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.cc-tabs{margin-bottom:18px}.cc-toolbar{margin:14px 0}.cc-toolbar label{min-width:220px;max-width:100%;display:grid;gap:5px}.cc-action,.cc-dialog button{background:#e6f3ff;color:#1128d6;border:1px solid #d3e5ff;border-radius:12px;padding:10px 14px;font:inherit;cursor:pointer}.cc-action.active,.cc-dialog button[type=submit]{background:#1128d6;color:white}.cc-action:disabled{opacity:.45;cursor:default}.cc-table{overflow-x:auto;border:1px solid #d3e5ff;border-radius:14px}.cc-table table{border-collapse:collapse;width:100%;min-width:850px}.cc-table th,.cc-table td{text-align:left;padding:12px;border-bottom:1px solid #d3e5ff}.cc-table th{background:#e6f3ff;color:#1128d6}.cc-table small{display:block;color:#314d85}.cc-table .cc-actions{max-width:500px}.cc-table button{padding:6px 9px;font-size:13px}.cc-error{color:#b91c1c;padding:8px 0}.cc-empty{padding:20px;color:#314d85}.cc-dialog{border:1px solid #d3e5ff;border-radius:18px;padding:22px;width:min(920px,calc(100vw - 36px));max-height:calc(100dvh - 40px);overflow:auto;background:white;color:#0b0f2b}.cc-dialog::backdrop{background:rgba(11,15,43,.45)}.cc-dialog h3{margin:0 0 16px}.cc-dialog label{display:grid;gap:6px}.cc-dialog input,.cc-dialog select,.cc-toolbar select,.cc-dialog textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid #d3e5ff;border-radius:10px;padding:10px;font:inherit;color:#0b0f2b;background:white}.cc-form{display:grid;gap:14px}.cc-dialog footer{position:sticky;bottom:-22px;background:white;display:flex;justify-content:flex-end;gap:10px;padding:16px 0 max(16px,env(safe-area-inset-bottom))}.cc-checks{max-height:45dvh;overflow:auto}.cc-dialog label.cc-check{display:flex;align-items:center;gap:8px;margin:8px 0}.cc-check input{width:18px;height:18px;accent-color:#1128d6}.cc-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cc-plans section{max-height:60dvh;overflow:auto;border:1px solid #d3e5ff;padding:12px;border-radius:12px}.cc-dialog textarea{min-height:100px}@media(max-width:680px){.cc-plans{grid-template-columns:1fr}.cc-dialog{padding:16px}.cc-dialog footer{bottom:-16px}.cc-toolbar label{width:100%}}
/* Scoped controls keep portal-wide button rules from changing alignment. */
#creoCloudContent .cc-tabs{gap:8px;margin:0 0 20px;align-items:stretch}
#creoCloudContent button.cc-action,.cc-dialog button{box-sizing:border-box;min-height:44px;margin:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;line-height:1.25;font-size:15px;font-weight:600;white-space:normal;vertical-align:middle;border-radius:10px}
#creoCloudContent .cc-tabs>.cc-action{min-width:110px}
#creoCloudContent .cc-toolbar{align-items:flex-end;gap:10px;margin:16px 0}
#creoCloudContent .cc-toolbar label{flex:0 1 330px;margin:0;min-width:220px}
#creoCloudContent .cc-toolbar select{height:44px;padding:8px 12px;margin:0}
#creoCloudContent .cc-migration-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;max-width:980px;margin-top:22px}
#creoCloudContent .cc-migration-actions .cc-action{height:100%;min-height:48px}
#creoCloudContent .cc-table .cc-action{min-height:34px;padding:7px 10px;font-size:13px}
#creoCloudContent .cc-mapping-list{margin-top:24px;max-width:980px;display:grid;gap:10px}
#creoCloudContent .cc-mapping-list>div{display:grid;grid-template-columns:minmax(140px,1fr) minmax(140px,1fr) 130px;gap:12px;align-items:center;border:1px solid #d3e5ff;border-radius:12px;padding:12px}
.cc-bill-preview:not(:empty){background:#e6f3ff;color:#1128d6;padding:14px;border-radius:10px;font-weight:600;line-height:1.6}
@media(max-width:900px){#creoCloudContent .cc-migration-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#creoCloudContent .cc-toolbar label{flex-basis:100%;min-width:0}#creoCloudContent .cc-toolbar>.cc-action{flex:1 1 135px}#creoCloudContent .cc-tabs>.cc-action{min-width:0;flex:1}#creoCloudContent .cc-mapping-list>div{grid-template-columns:minmax(0,1fr) auto}#creoCloudContent .cc-mapping-list span{grid-column:1;grid-row:2}#creoCloudContent .cc-mapping-list button{grid-column:2;grid-row:1/3}}
/* Match the existing Clients submenu typography. */
#creoCloudContent,#creoCloudContent .cc-action,.cc-dialog{font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:400}
#creoCloudContent button.cc-action,.cc-dialog button,#subsSubmenuWrap button,#subsSubmenuWrap button.active{font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:500!important}
#creoCloudContent h3,.cc-dialog h3{font-size:18px;font-weight:600;line-height:1.35}
#creoCloudContent p,#creoCloudContent [data-status],.cc-dialog p{font-size:14px;line-height:1.5}
#creoCloudContent strong{font-weight:600}
.clientSubTabs10502 button,.clientSubTabs10502 button.active{font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:500!important;line-height:1.35!important;padding:9px 14px!important;min-height:40px;box-sizing:border-box}
#creoCloudContent [data-cloud-search]{box-sizing:border-box;height:44px;border:1px solid #d3e5ff;border-radius:10px;padding:10px 12px;font:14px Arial;min-width:200px;flex:0 1 330px;background:white;color:#0b0f2b}
