/* User control panel: official project/create/Droplet detail screenshots, 2026-11-02. */
.user-console{color:#031b4e;background:#fff;font-size:14px;line-height:1.5}.user-console .console-main{background:#fff;min-height:100vh}.user-console .console-content{max-width:1420px;margin:auto;padding:30px 36px 60px}.user-console .console-topbar{height:66px;padding:0 32px;border-bottom:1px solid #e3e7ee}.user-console .console-topbar-left,.user-console .console-topbar-right{font-size:13px;gap:17px}.user-console .console-topbar-left>span:first-of-type{max-width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.user-console .console-sidebar{width:222px;background:#031b4e;padding:25px 14px 20px}.user-console .console-main{margin-left:222px}.user-console .console-sidebar .brand{font-size:19px;padding:0 8px}.user-console .workspace-switch{padding:15px 10px;margin:28px 0 20px;gap:10px;font-size:13px}.user-console .workspace-switch>span:last-child{overflow:hidden;overflow-wrap:anywhere;line-height:1.7}.user-console .workspace-switch small{font-size:10px}.user-console .side-link{font-size:13px;padding:11px 12px;border-radius:3px;gap:11px}.user-console .side-link svg{width:18px;height:18px}.user-console .side-group-label{font-size:10px;letter-spacing:.5px;padding:21px 12px 10px}.user-console .side-count{font-size:10px}.user-console .side-bottom{margin-top:25px}.user-console .side-bottom .caption{font-size:10px;line-height:1.9;padding:8px 11px}.user-console .console-title{margin-bottom:30px}.user-console .console-title h1{font-size:28px;letter-spacing:-.5px;line-height:1.4}.user-console .console-title p{font-size:13px;line-height:1.8}.user-console .btn{font-size:13px;min-height:38px;border-radius:3px;padding:10px 16px;font-weight:500}.user-console .btn.small{font-size:12px;min-height:35px;padding:8px 14px}.user-console .btn.outline{background:white}.user-console .btn.danger{color:#c73540;background:#fff5f5;border-color:#efced1}.user-console .btn.danger:hover{background:#fbe9eb}.user-console .btn:disabled{opacity:1;color:#73829a;border-color:#d7dee9;background:#f5f7fa}.user-console .cp-global-create{background:#008b4b;border-color:#008b4b;color:white;font-size:13px}.user-console .cp-global-create:hover{background:#007640;border-color:#007640}.user-console .cp-global-create svg{width:16px;height:16px}.user-console .demo-banner{background:#f3f7ff;color:#526888;border:1px solid #e1eafd;border-radius:3px;font-size:11px;line-height:1.8;margin-bottom:30px;padding:10px 14px}.user-console .demo-banner svg{width:16px;height:16px}.user-console .caption{font-size:12px;line-height:1.8;color:#6b7c99}.user-console .notice{font-size:13px;line-height:1.8;border-radius:3px}.user-console .text-link{border:0;background:transparent;color:#0069ff;padding:0;font-size:13px;line-height:1.5;cursor:pointer}.user-console .panel{border:1px solid #e2e7ee;border-radius:3px;box-shadow:0 1px 3px #031b4e0b;margin-bottom:20px}.user-console .panel-head{padding:21px 22px;border-bottom:1px solid #e7ebf2}.user-console .panel-head h2{font-size:13px;line-height:1.5;font-weight:600;margin:0}.user-console .panel-head p{font-size:12px;line-height:1.8}.user-console .panel-body{padding:22px}.user-console .breadcrumbs{font-size:12px;margin-bottom:22px}.user-console .empty{padding:45px 24px}.user-console .empty h3{font-size:19px;line-height:1.6}.user-console .empty p{font-size:13px;line-height:1.9}.user-console .empty>.btn{margin-top:9px}.user-console .data-table th{font-size:11px;padding:13px 16px;background:#f4f6fa;color:#031b4e;letter-spacing:0;font-weight:500}.user-console .data-table td{font-size:13px;padding:20px 16px;border-bottom:1px solid #e8ebf2;line-height:1.6}.user-console .data-table td small{display:block;font-size:10px;color:#6a7e9d;margin-top:4px}.user-console .data-table tr:last-child td{border-bottom:0}.user-console .cp-instance-table{min-width:690px}.user-console .cp-instance-table th:first-child{width:48%}.user-console .cp-instance-table th:nth-child(2){width:23%}.user-console .cp-instance-table th:last-child{width:48px}.user-console .cp-instance-table td:last-child{text-align:right}.cp-resource{display:flex;align-items:center;gap:13px}.cp-resource>div{min-width:0}.cp-resource a{font-weight:500;font-size:14px;color:#0069ff;overflow-wrap:anywhere}.cp-resource small{line-height:1.7}.cp-resource-symbol{display:grid;place-items:center;width:25px;height:25px;color:#0069ff}.cp-resource-symbol svg{width:22px;height:22px}.cp-state-dot{width:7px;height:7px;background:#12be7e;border-radius:50%;flex-shrink:0}.cp-state-dot.offline{background:#8f9cb1}.cp-example{font-size:10px;color:#7585a0;font-weight:400;border:1px solid #dbe3ee;background:#f6f8fb;padding:2px 6px;border-radius:3px;white-space:nowrap}.cp-mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;white-space:nowrap}.cp-project-head{display:flex;align-items:center;gap:18px;margin:5px 0 29px;min-width:0}.cp-project-head>div:not(.cp-project-actions){min-width:0}.cp-project-mark{display:flex;align-items:center;justify-content:center;width:62px;height:62px;flex-shrink:0;background:linear-gradient(28deg,#00caca 0 37%,#0069ff 38% 68%,#00caca 69%);border:1px solid #b8d9e4;color:white}.cp-project-mark svg{width:28px;height:28px;opacity:.9}.cp-project h1{font-size:27px;line-height:1.4;letter-spacing:-.5px;font-weight:500;margin:0 0 3px;overflow-wrap:anywhere}.cp-project-head p{font-size:12px;color:#657a9b;margin:0;line-height:1.7}.cp-project-actions{margin-left:auto;flex-shrink:0}.cp-tabs{display:flex;gap:22px;align-items:end;border-bottom:1px solid #dfe5ee;margin:0 0 25px;overflow-x:auto;white-space:nowrap}.cp-tabs a{display:block;flex-shrink:0;font-size:13px;color:#5e7192;padding:13px 1px;border-bottom:2px solid transparent}.cp-tabs a:hover{color:#0069ff}.cp-tabs a.active{color:#031b4e;border-bottom-color:#0069ff;font-weight:500}.cp-resource-group{margin-bottom:32px}.cp-group-heading{display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px}.cp-group-heading h2{font-size:12px;line-height:1.6;font-weight:600;letter-spacing:.4px;margin:0}.cp-group-heading h2 span{color:#617a9e;font-weight:400}.cp-resource-group>.table-scroll{border:1px solid #dfe5ee;border-radius:2px;box-shadow:0 1px 3px #031b4e10}.cp-other-resources{border:1px solid #dfe5ee;border-radius:2px}.cp-other-resources>a{display:flex;align-items:center;gap:15px;padding:17px 20px;border-bottom:1px solid #e4e9f1}.cp-other-resources>a:last-child{border:0}.cp-other-resources>a>svg:first-child{color:#0069ff;width:23px;height:23px}.cp-other-resources span{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.cp-other-resources strong{font-size:13px;color:#0069ff;font-weight:500;overflow-wrap:anywhere}.cp-other-resources small{font-size:11px;color:#6b7e9b}.cp-other-resources>a>svg:last-child{width:13px;height:13px;transform:rotate(-90deg);color:#8494ac}.cp-activity article{display:flex;align-items:start;gap:15px;padding:19px 22px;border-bottom:1px solid #e6ebf3}.cp-activity article:last-child{border-bottom:0}.cp-activity article svg{width:18px;height:18px;color:#008963;margin-top:3px}.cp-activity strong{font-size:13px;line-height:1.8;font-weight:400;display:block;overflow-wrap:anywhere}.cp-activity small{font-size:11px;display:block;color:#6f819e;margin-top:4px}.user-console .cp-action-menu{position:fixed;inset:auto;margin:0;width:210px;border:1px solid #d5deeb;border-radius:3px;padding:6px;background:#fff;color:#031b4e;box-shadow:0 7px 24px #031b4e24;max-height:calc(100vh - 24px);overflow:auto}.cp-action-menu>button,.cp-action-menu>a{display:flex;align-items:center;gap:11px;border:0;background:transparent;width:100%;padding:11px 12px;font-size:13px;text-align:left;color:#031b4e;line-height:1.5;border-radius:2px;white-space:nowrap}.cp-action-menu>button:hover,.cp-action-menu>a:hover{background:#f1f6ff;color:#0069ff}.cp-action-menu svg{width:17px;height:17px}.cp-action-menu>.danger{color:#c9323f}.cp-action-menu>button:disabled{color:#99a6b9;opacity:1;cursor:not-allowed;background:white}.cp-menu-separator{border-top:1px solid #e3e8f1;margin:5px 0}.user-console .cp-create{grid-template-columns:minmax(0,1fr) 280px;gap:32px;align-items:start}.user-console .cp-create-sections{min-width:0}.user-console .cp-create .form-section{padding:26px 27px;margin-bottom:25px;border:1px solid #e4e8ef;background:#fff;border-radius:3px}.user-console .cp-create .form-section>h2{font-size:18px;line-height:1.5;font-weight:500;margin:0 0 25px}.user-console .cp-create .field label{font-size:13px;color:#031b4e;font-weight:500;margin-bottom:10px}.user-console .cp-create .field input,.user-console .cp-create .field select{font-size:14px;border:1px solid #8a9bb6;border-radius:2px;background:#fff;padding:13px 14px;min-height:48px;color:#031b4e}.user-console .cp-create .field small{font-size:11px;line-height:1.8;color:#71829e}.user-console .cp-create .field input[readonly]{background:#f7f8fb;color:#657c9f}.user-console .cp-create .cp-region-field select{font-size:17px;min-height:65px;padding:18px 17px}.user-console .cp-create .cp-region-field>label{font-size:12px;color:#6b7e9b}.cp-vpc{margin-top:30px}.cp-vpc>strong{font-size:14px;font-weight:500}.cp-vpc>strong span{font-weight:400;color:#6e819e}.cp-vpc>p{font-size:12px;line-height:1.9;color:#6b7e9b;margin:13px 0 0}.cp-image-tabs{display:flex;align-items:stretch;border-bottom:1px solid #7586a5;margin-bottom:28px;overflow-x:auto;white-space:nowrap}.cp-image-tabs button{background:transparent;border:1px solid transparent;border-bottom:0;border-radius:2px 2px 0 0;font-size:13px;color:#657693;padding:13px 17px;flex-shrink:0}.cp-image-tabs button.active{background:#fff;color:#031b4e;border-color:#7586a5;font-weight:500}.cp-image-tabs button:disabled{color:#a1adbf;opacity:1;cursor:not-allowed}.cp-os-row{display:flex;border:1px solid #94a3ba;border-radius:2px;margin-bottom:11px;background:white}.cp-os-row.selected{background:#f3f7ff;border-color:#0069ff;box-shadow:0 0 0 1px #0069ff}.cp-os-row label{display:flex;align-items:center;gap:12px;min-height:62px;flex:1;min-width:0;padding:15px 14px;cursor:pointer}.cp-os-row input{accent-color:#0069ff;width:15px;height:15px;flex-shrink:0}.cp-os-row strong{font-size:15px;font-weight:500}.cp-os-row.selected strong{color:#0069ff}.cp-os-symbol{width:20px;height:20px;display:grid;place-items:center;background:#edf2f7;color:#607b9d;border-radius:50%;font-size:12px;font-weight:600}.cp-os-row.selected .cp-os-symbol{color:#0069ff;background:#e3eeff}.cp-recommended{margin-left:auto;font-size:9px;color:#fff;background:#657d7c;border-radius:2px;padding:2px 6px;letter-spacing:.3px}.cp-os-row select{flex-shrink:0;max-width:165px;border:0;border-left:1px solid #bcc8db;background:transparent;color:#5d7193;font-size:12px;padding:10px 9px}.cp-os-row.selected select{border-left-color:#0069ff}.cp-plan-family{display:flex;gap:0;border-bottom:1px solid #8b9bb5;margin-bottom:23px;font-size:13px;white-space:nowrap;overflow:auto}.cp-plan-family>span{display:inline-block;padding:12px 16px;color:#96a4b9;border:1px solid transparent;border-bottom:0}.cp-plan-family>span.active{color:#031b4e;border-color:#8b9bb5;border-radius:2px 2px 0 0}.cp-section-description{font-size:12px;line-height:1.8;color:#6b7e9b;margin:0 0 17px}.cp-plan-list{display:flex;flex-direction:column;gap:12px}.cp-plan-choice{display:flex;align-items:center;gap:13px;min-height:82px;border:1px solid #8d9fb9;border-radius:2px;padding:17px 15px;cursor:pointer}.cp-plan-choice:has(input:checked){border-color:#0069ff;box-shadow:0 0 0 1px #0069ff;background:#f4f8ff}.cp-plan-choice input{accent-color:#0069ff;width:15px;height:15px;flex-shrink:0}.cp-plan-choice>span:not(.cp-plan-recommend){flex:1;min-width:0}.cp-plan-choice strong{font-size:19px;font-weight:600}.cp-plan-choice strong>small{font-size:13px;font-weight:400;color:#516a90;display:inline}.cp-plan-choice b{font-size:12px;font-weight:400;margin-left:14px;color:#5d7699}.cp-plan-choice>span>small{display:block;font-size:12px;color:#617a9e;margin-top:5px;line-height:1.8}.cp-plan-choice:has(input:checked) strong{color:#0069ff}.cp-plan-recommend{font-size:10px;color:#0069ff;background:#e7f0ff;padding:3px 7px;flex-shrink:0}.cp-auth-options{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.cp-auth-options>div{padding:20px;border:1px solid #dce3ed;background:#f9fafc;border-radius:2px;color:#7c8ca6;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.cp-auth-options svg{width:19px;height:19px}.cp-auth-options strong{font-size:13px;font-weight:500}.cp-auth-options small{display:block;flex-basis:100%;font-size:11px;line-height:1.7}.cp-backup-option{display:flex;align-items:start;gap:13px;padding:19px;background:#f6f9ff;border:1px solid #dce6f6;border-radius:2px;cursor:pointer}.cp-backup-option input{width:16px;height:16px;accent-color:#0069ff;margin:4px 0 0;flex-shrink:0}.cp-backup-option strong{font-size:14px;display:block;font-weight:500}.cp-backup-option small{font-size:12px;color:#6880a2;margin-top:7px;display:block;line-height:1.9}.cp-finalize-row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px}.user-console .cp-create .create-summary{position:sticky;top:90px;border-color:#dbe3ef;border-radius:3px}.user-console .cp-create .summary-body{padding:25px}.user-console .cp-create .summary-body h3{font-size:17px;font-weight:500;margin-bottom:25px}.user-console .cp-create .summary-line{font-size:12px;line-height:1.7;gap:14px;padding:11px 0}.user-console .cp-create .summary-line b{max-width:65%;overflow-wrap:anywhere}.user-console .cp-create .summary-total>span{font-size:12px}.user-console .cp-create .summary-total strong{font-size:31px}.user-console .cp-create .summary-total strong small{font-size:12px}.user-console .cp-create .summary-total .btn{font-size:13px}.user-console .cp-create .summary-total p{font-size:11px;line-height:1.9;margin-top:16px}.cp-instance-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:13px 25px;margin:6px 0 35px}.cp-instance-name{display:flex;align-items:center;gap:14px;min-width:0}.cp-instance-name>span{color:#0069ff;display:grid;place-items:center}.cp-instance-name svg{width:25px;height:25px}.cp-instance-name h1{font-size:25px;font-weight:500;margin:0;line-height:1.4;overflow-wrap:anywhere}.cp-instance-head-actions{display:flex;align-items:center;gap:12px;grid-column:2;grid-row:1/3;align-self:start}.cp-instance-meta{display:flex;align-items:center;gap:11px;font-size:12px;color:#5d7497;flex-wrap:wrap;grid-column:1;line-height:1.8}.cp-instance-meta a{color:#0069ff;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-state{font-size:11px;padding:3px 9px;display:inline-flex;gap:7px;align-items:center;color:#12845a;background:#edf8f1;border-radius:20px;white-space:nowrap}.cp-state i{width:6px;height:6px;display:inline-block;background:#11aa76;border-radius:50%}.cp-state.offline{color:#7b89a3;background:#f2f4f8}.cp-state.offline i{background:#9ba8bd}.cp-detail-tabs{gap:0;border-color:#8b9bb6;margin-bottom:32px}.cp-detail-tabs a{padding:12px 19px;border:1px solid transparent;border-bottom:0;font-size:12px;line-height:1.5;position:relative}.cp-detail-tabs a.active{border-color:#8b9bb6;background:white;border-radius:2px 2px 0 0}.cp-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.cp-overview-grid>div{min-width:0}.user-console .cp-insights-summary .panel-head,.user-console .cp-connection .panel-head,.user-console .cp-instance-cost .panel-head{border:0;padding-bottom:9px}.cp-insights-summary .panel-body{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cp-insights-summary .panel-body>div>span{font-size:13px;color:#6980a3;display:block}.cp-insights-summary .panel-body strong{font-size:32px;font-weight:500;display:block;margin:20px 0 7px;line-height:1.5}.cp-panel-footer{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#0069ff;border-top:1px solid #e4e9f1;padding:16px 22px;line-height:1.7}.cp-panel-footer svg{width:16px;height:16px}.cp-instance-cost .panel-body>strong{font-size:25px;font-weight:500}.cp-instance-cost strong>small{font-size:13px;font-weight:400}.cp-instance-cost p{font-size:12px;color:#7385a3;line-height:1.9;margin:24px 0 13px}.cp-connection label{font-size:12px;display:block;margin:0 0 12px;font-weight:500}.cp-copy-field{display:flex;align-items:center;justify-content:space-between;background:#f4f6fa;border:1px solid #e2e7f0;border-radius:2px;min-height:47px;margin:0 0 23px;overflow:hidden}.cp-copy-field code{font:14px ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.5;padding:12px 15px;color:#031b4e}.cp-copy-field .icon-btn{display:grid;place-items:center;background:#fff;border:0;border-left:1px solid #e1e7f0;align-self:stretch;width:46px;height:auto;min-height:46px;border-radius:0;color:#6c7e9d}.cp-copy-field .icon-btn svg{width:17px;height:17px}.cp-copy-field.cp-unavailable{color:#8b9bb3;padding:11px 15px;font-size:12px}.cp-unavailable>svg{width:16px;height:16px;color:#a0adc0}.cp-connection-note{display:flex;align-items:start;gap:10px;padding:14px;background:#f7f6ff;font-size:12px;color:#546a91;line-height:1.9;margin:3px 0 0}.cp-connection-note>svg{width:17px;height:17px;flex-shrink:0;color:#7761ed;margin-top:3px}.cp-connection-note a{color:#0069ff;text-decoration:underline}.user-console .detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}.user-console .detail-item span{font-size:12px;color:#7486a4;margin-bottom:9px}.user-console .detail-item strong{font-size:13px;line-height:1.8;font-weight:400}.cp-snapshot-list>div{display:flex;align-items:center;gap:18px;justify-content:space-between;padding:19px 22px;border-top:1px solid #e8edf4}.cp-snapshot-list>div>span{display:grid;grid-template-columns:22px minmax(0,1fr);gap:5px 12px;min-width:0}.cp-snapshot-list svg{width:18px;height:18px;color:#6680a8}.cp-snapshot-list strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}.cp-snapshot-list small{grid-column:2;font-size:11px;color:#7185a4}.cp-setting-line{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:20px;align-items:center;padding:27px 22px;border-bottom:1px solid #e5ebf3;font-size:13px;line-height:1.8}.cp-setting-line:last-child{border:0}.cp-setting-line>strong{font-weight:500}.cp-setting-line>span{color:#5e7598;overflow-wrap:anywhere}.user-console .cp-danger-zone{border-color:#ead7db}.user-console .cp-danger-zone .panel-head h2{color:#b73444}.cp-danger-zone p{font-size:13px;color:#7183a0;line-height:1.9;margin:0 0 20px}.user-console .console-toolbar{font-size:12px}.user-console .console-search input{font-size:13px;min-height:42px}.user-console .form-section{border-radius:3px}.user-console .settings-grid .field label{font-size:13px}.user-console .settings-grid .field input{font-size:14px}.user-console .chart-header{font-size:12px}.user-console .chart-header small{font-size:10px}
@media(max-width:1150px){.user-console .console-content{padding:28px 25px 50px}.user-console .cp-create{grid-template-columns:minmax(0,1fr) 240px;gap:22px}.user-console .cp-create .form-section{padding:24px 22px}.user-console .cp-create .summary-body{padding:21px}.cp-recommended{display:none}.cp-detail-tabs a{padding:12px 15px}.cp-plan-choice b{display:block;margin:3px 0 0}.cp-plan-choice strong{font-size:18px}}
@media(max-width:900px){.user-console .console-sidebar{width:200px;padding:25px 10px}.user-console .console-main{margin-left:200px}.user-console .console-sidebar .brand{font-size:17px}.user-console .console-content{padding:25px 22px 45px}.user-console .console-topbar{padding:0 22px}.user-console .console-topbar-right>a:first-child{display:none}.user-console .cp-create{grid-template-columns:1fr;gap:0}.user-console .cp-create .create-summary{position:static}.user-console .cp-create .summary-body{display:block}.cp-overview-grid{grid-template-columns:1fr}.cp-instance-head{grid-template-columns:minmax(0,1fr)}.cp-instance-head-actions{grid-row:auto;grid-column:1;justify-content:flex-start;margin-top:7px}.cp-instance-meta{grid-row:2}.cp-instance-name h1{font-size:24px}.cp-project-head{gap:13px}.cp-project-mark{width:50px;height:50px}.cp-project h1{font-size:24px}.cp-setting-line{grid-template-columns:110px minmax(0,1fr) auto;gap:15px}}
@media(max-width:600px){.user-console .console-sidebar{width:235px;padding:24px 13px}.user-console .console-main{margin-left:0}.user-console .console-topbar{height:61px;padding:0 16px}.user-console .console-topbar-left{gap:8px;font-size:11px;min-width:0}.user-console .console-topbar-left>span:first-of-type{display:none}.user-console .console-topbar-left>span:nth-of-type(2){display:none}.user-console .console-topbar-right{gap:11px;font-size:11px}.user-console .console-topbar-right .tag{font-size:9px;white-space:nowrap;padding:4px 6px}.user-console .cp-global-create{font-size:11px;padding:7px 11px;min-height:31px;gap:5px}.user-console .cp-global-create svg{width:13px;height:13px}.user-console .console-content{padding:22px 16px 40px}.user-console .demo-banner{font-size:10px;line-height:1.9;padding:10px 12px;margin-bottom:26px}.user-console .console-title{margin-bottom:25px}.user-console .console-title h1{font-size:25px}.user-console .console-title p{font-size:12px}.user-console .breadcrumbs{font-size:11px;margin-bottom:20px}.cp-project-head{flex-wrap:wrap;gap:13px;margin:4px 0 22px}.cp-project-head>div:not(.cp-project-actions){max-width:calc(100% - 66px)}.cp-project h1{font-size:24px;letter-spacing:-.5px}.cp-project-mark{width:48px;height:48px}.cp-project-head p{font-size:11px;margin-top:4px}.cp-project-actions{margin-left:0;flex-basis:100%;padding-top:5px}.cp-project-actions .btn{min-height:36px;font-size:12px}.cp-tabs{gap:25px;margin-bottom:24px}.cp-tabs a{font-size:12px;padding:11px 1px}.cp-group-heading h2{font-size:12px}.cp-group-heading .text-link{font-size:11px}.user-console .cp-instance-table{min-width:670px}.user-console .cp-instance-table td{padding:18px 14px;font-size:12px}.cp-resource{gap:10px}.cp-resource a{font-size:13px}.cp-resource small{font-size:10px;line-height:1.9}.cp-resource-symbol svg{width:20px;height:20px}.user-console .empty{padding:33px 18px}.user-console .empty h3{font-size:18px}.user-console .empty p{font-size:12px}.cp-activity article{padding:18px 15px;gap:12px}.cp-activity strong{font-size:12px}.cp-activity small{font-size:10px}.user-console .cp-create .form-section{padding:24px 18px;margin-bottom:19px}.user-console .cp-create .form-section>h2{font-size:18px;margin-bottom:23px}.user-console .cp-create .cp-region-field select{font-size:14px;min-height:58px;padding:15px 10px;max-width:100%}.cp-vpc>strong{font-size:13px}.cp-vpc>p{font-size:12px;line-height:1.9}.cp-image-tabs{margin-bottom:23px;gap:0}.cp-image-tabs button{font-size:12px;padding:12px 11px}.cp-os-row label{padding:14px 10px;gap:8px;min-height:59px}.cp-os-row strong{font-size:13px}.cp-os-row input{width:14px;height:14px}.cp-os-symbol{width:18px;height:18px;font-size:10px}.cp-os-row select{font-size:11px;max-width:124px;padding:8px 5px}.cp-plan-family{font-size:12px}.cp-plan-family>span{padding:11px 13px}.cp-plan-choice{padding:15px 11px;gap:10px;min-height:100px;align-items:start}.cp-plan-choice input{margin-top:5px}.cp-plan-choice strong{font-size:18px}.cp-plan-choice>span>small{font-size:11px;line-height:1.9}.cp-plan-choice b{font-size:11px;display:block;margin:4px 0 0}.cp-plan-recommend{font-size:9px;padding:2px 5px;margin-top:3px}.cp-auth-options{gap:11px}.cp-auth-options>div{padding:16px 13px;gap:8px;align-content:start}.cp-auth-options strong{font-size:12px}.cp-auth-options small{font-size:10px}.cp-backup-option{padding:16px 12px;gap:10px}.cp-backup-option strong{font-size:13px}.cp-backup-option small{font-size:11px}.cp-finalize-row{grid-template-columns:85px minmax(0,1fr);gap:14px}.user-console .cp-create .field input,.user-console .cp-create .field select{font-size:13px;padding:12px 11px;min-height:46px}.user-console .cp-create .field small{font-size:11px}.user-console .cp-create .create-summary{margin-top:1px}.user-console .cp-create .summary-body{padding:25px 21px}.user-console .cp-create .summary-body h3{font-size:18px}.user-console .cp-create .summary-line{font-size:12px}.user-console .panel-head{padding:19px 18px;gap:12px}.user-console .panel-body{padding:20px 18px}.user-console .panel-head h2{font-size:13px}.user-console .cp-insights-summary .panel-head,.user-console .cp-connection .panel-head,.user-console .cp-instance-cost .panel-head{padding-bottom:9px}.cp-instance-head{gap:15px;margin-bottom:25px}.cp-instance-name{gap:12px}.cp-instance-name h1{font-size:23px;line-height:1.5}.cp-instance-meta{gap:7px;font-size:11px;line-height:1.9}.cp-instance-meta a{max-width:185px}.cp-instance-head-actions{margin-top:3px;gap:12px}.cp-detail-tabs{gap:0;white-space:nowrap;margin:0 -16px 25px;padding:0 16px;overflow-x:auto;border-color:#9baac0}.cp-detail-tabs a{padding:12px 15px;font-size:12px}.cp-overview-grid{gap:0}.cp-insights-summary .panel-body strong{font-size:30px;margin-top:15px}.cp-insights-summary .panel-body>div>span{font-size:12px}.cp-panel-footer{font-size:12px;padding:15px 18px}.cp-copy-field code{font-size:14px}.cp-connection-note{font-size:12px}.user-console .detail-grid{grid-template-columns:1fr 1fr;gap:25px 19px}.user-console .detail-item span{font-size:11px}.user-console .detail-item strong{font-size:12px}.cp-setting-line{grid-template-columns:minmax(0,1fr) auto;gap:9px 15px;padding:23px 18px;font-size:12px}.cp-setting-line>span{grid-row:2;grid-column:1 / -1}.cp-setting-line>button{grid-row:1;grid-column:2;font-size:12px}.cp-danger-zone p{font-size:12px}.cp-snapshot-list>div{padding:18px 15px;gap:12px}.cp-snapshot-list strong{font-size:12px}.cp-snapshot-list small{font-size:10px}.cp-other-resources>a{padding:16px}.user-console .caption{font-size:11px}.user-console .notice{font-size:12px}}
/* Keep positioned accessibility labels inside the horizontally scrollable table. */
.user-console .table-scroll{position:relative;max-width:100%;min-width:0}

.user-console .cp-project-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}