/* Responsive safeguards shared by client and administrator pages. */
.portal-design .hosting-plan-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.portal-design .hosting-plan-cards .value{font-size:clamp(27px,3vw,35px);white-space:nowrap;font-variant-numeric:tabular-nums}
.portal-design .hosting-plan-cards h2{overflow-wrap:normal;word-break:normal;hyphens:none}
.portal-design .table-wrap{max-width:100%;overscroll-behavior-x:contain}
.portal-design .heading>div,.portal-design .inline>*,.portal-design .form-actions>*{min-width:0}
.portal-design .button,.portal-design button{max-width:100%;white-space:normal;overflow-wrap:normal;text-align:center}
.portal-design .profile-dropdown{max-width:calc(100vw - 24px);right:0}
.portal-design .fm-dialog{width:min(620px,calc(100vw - 28px));max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain}
.portal-design .hosting-identity h1,.portal-design .heading h1,.portal-design .heading h2{overflow-wrap:anywhere}
.portal-design .hosting-plan-cards .facts-list dd{font-size:16px;word-break:normal}
@media(max-width:1000px){.portal-design .wizard-layout,.portal-design .management-panel .wizard-layout,.portal-design .dashboard-grid{grid-template-columns:minmax(0,1fr)}.portal-design .hosting-plan-cards{gap:16px}}
@media(max-width:900px){.portal-design .hosting-plan-cards{grid-template-columns:minmax(0,1fr)}}
@media(max-width:720px){
 .portal-design .content{padding:20px 14px 32px;width:100%}
 .portal-design .cards,.portal-design .domain-workspace .cards,.portal-design .grid,.portal-design .form-grid,.portal-design .operation .form-grid,.portal-design .registrar-grid,.portal-design .management-panel .wizard-layout>aside,.portal-design .hosting-grid,.portal-design .dashboard-grid,.portal-design .quick-links{grid-template-columns:minmax(0,1fr);gap:16px}
 .portal-design .panel,.portal-design .card,.portal-design .domain-workspace .panel{padding:20px;max-width:100%}
 .portal-design .panel .panel{padding:16px}
 .portal-design .heading,.portal-design .domain-workspace .heading{flex-direction:column;align-items:stretch;gap:14px}
 .portal-design .heading>.badge{align-self:flex-start}
 .portal-design .heading .inline,.portal-design .form-actions,.portal-design .quick-actions .inline{width:100%;display:flex;flex-wrap:wrap;gap:10px}
 .portal-design .heading .button,.portal-design .form-actions>.button,.portal-design .form-actions>button{width:100%}
 .portal-design .hosting-plan-cards h2{font-size:25px;line-height:1.3;margin-top:14px}
 .portal-design .hosting-plan-cards .card>p{font-size:16px;margin-block:16px;line-height:1.7}
 .portal-design .hosting-plan-cards .card>.icon{width:30px;height:30px;margin-bottom:12px}
 .portal-design .facts-list,.portal-design .domain-workspace .facts-list{display:block}
 .portal-design .facts-list>div,.portal-design .domain-workspace .facts-list>div{display:block;padding:14px 0;font-size:16px;min-width:0}
 .portal-design .facts-list dt{font-size:14px;line-height:1.5;margin-bottom:6px}
 .portal-design .facts-list dd,.portal-design .domain-workspace .facts-list dd,.portal-design .management-panel .cards .card .facts-list dd{font-size:16px;text-align:left;margin:0;line-height:1.6;overflow-wrap:anywhere;word-break:normal;max-width:none}
 .portal-design .card .value{font-size:30px;line-height:1.3;letter-spacing:-.7px;overflow-wrap:normal}
 .portal-design .card .value{overflow-wrap:anywhere}
 .portal-design .hosting-plan-cards .value{overflow-wrap:normal;white-space:nowrap;font-size:clamp(25px,7.4vw,34px)}
 .portal-design input,.portal-design select,.portal-design textarea{max-width:100%;font-size:16px;min-height:46px}
 .portal-design input[type=checkbox],.portal-design input[type=radio]{min-height:0;flex-shrink:0}
 .portal-design .inline input,.portal-design .inline select,.portal-design .portfolio-controls form input{width:100%;max-width:none;flex:1 1 100%}
 .portal-design .inline form{max-width:100%;width:100%}
 .portal-design .check{align-items:flex-start;line-height:1.6;white-space:normal}
 .portal-design .check input{margin-top:5px;max-width:20px}
 .portal-design pre,.portal-design .ssh-command{max-width:100%;font-size:13px;overflow:auto;overflow-wrap:anywhere;word-break:normal}
 .portal-design .activity-context>div{display:block}.portal-design .activity-context dt{margin-bottom:5px}
 .portal-design .domain-workspace .domain-table tr{grid-template-columns:minmax(0,1fr)}
 .portal-design .domain-table td[data-label]{grid-column:1/-1}
 .portal-design .domain-workspace .domain-result{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
 .portal-design .domain-workspace .domain-result>span,.portal-design .domain-workspace .domain-result>a{max-width:100%}
 .portal-design .domain-workspace .domain-result small{display:block;margin-top:6px}
 .portal-design .hosting-search,.portal-design .portfolio-controls{flex-wrap:wrap;gap:12px}
 .portal-design .hosting-search>div,.portal-design .portfolio-controls form{width:100%;flex:1 1 100%;max-width:none}
 .portal-design .service-tile{align-items:flex-start;flex-wrap:wrap;gap:12px}
 .portal-design .service-tile>span:nth-child(2){flex:1 1 180px}
 .portal-design .service-open{font-size:14px;margin-left:auto}.portal-design .service-open::after{content:none}
 .portal-design .notification-bell,.portal-design .mobile-menu,.portal-design .profile-menu summary{flex-shrink:0;min-width:36px}
 .portal-design .workspace-brand{min-width:0;flex:1}.portal-design .workspace-brand>strong{font-size:22px}
 .portal-design .workspace-brand strong span{font-size:8px}
 .portal-design .fm-navigation{flex-wrap:wrap;padding:12px;gap:8px}
 .portal-design .fm-navigation nav{order:4;flex:1 1 100%;width:100%;padding:6px 0}
 .portal-design .fm-toolbar{padding:12px;gap:8px}
 .portal-design .fm-toolbar>button{flex:1 1 110px;min-height:44px;font-size:14px;justify-content:center}
 .portal-design .fm-search{flex:1 1 100%;min-width:0;width:100%;max-width:none;margin:4px 0}
 .portal-design .fm-selection{padding:12px;display:block}
 .portal-design .fm-selection>span{display:block;margin-bottom:10px}
 .portal-design .fm-selection>div{gap:6px}.portal-design .fm-selection button{min-height:40px;font-size:13px;padding:8px 10px}
 .portal-design .fm-dialog{padding:18px}.portal-design .fm-dialog header{align-items:flex-start;gap:12px}
 .portal-design .fm-dialog header h2{font-size:22px;overflow-wrap:anywhere}
 .portal-design .fm-dialog footer{display:flex;flex-wrap:wrap;gap:10px}.portal-design .fm-dialog footer button{flex:1 1 120px}
 .portal-design .fm-picker>div{flex-wrap:wrap;gap:8px}.portal-design .fm-picker-path{overflow-wrap:anywhere}
 .portal-design .fm-editor header>div:last-child{width:100%;flex-wrap:wrap}.portal-design .fm-editor header button{flex:1}
 .portal-design .fm-editor textarea{font-size:13px;min-height:300px;white-space:pre;overflow:auto}
 .portal-design .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
 .portal-design .mobile-card-wrap{overflow:visible;border:0;background:transparent}
 .portal-design table.mobile-data-table,.portal-design .mobile-data-table tbody{display:block;width:100%;max-width:100%;min-width:0}
 .portal-design .mobile-data-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
 .portal-design .mobile-data-table tbody>tr{display:block;width:100%;border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:8px 16px;margin-bottom:16px}
 .portal-design .mobile-data-table tbody>tr>td{display:block;width:100%;max-width:100%;min-width:0;padding:12px 0;border:0;white-space:normal;overflow-wrap:anywhere;text-align:left;vertical-align:top;font-size:15px}
 .portal-design .mobile-data-table td[data-mobile-label]::before{content:attr(data-mobile-label);display:block;font-size:12px;font-weight:900;color:#80664b;margin-bottom:6px;letter-spacing:.2px}
 .portal-design .mobile-data-table td>strong{font-size:17px}
 .portal-design .mobile-data-table td .inline{display:flex;flex-wrap:wrap;gap:10px}
 .portal-design .mobile-data-table td .button,.portal-design .mobile-data-table td button,.portal-design .mobile-data-table td details{max-width:100%;white-space:normal}
 .portal-design .mobile-data-table td .advanced-action{display:block;width:100%}
 .portal-design .mobile-data-table td .advanced-action[open]{padding:14px}
 .portal-design .mobile-data-table td .advanced-action form{width:100%}
 .portal-design .server-metrics,.portal-design .health{grid-template-columns:minmax(0,1fr)}
 .portal-design .health-controls{justify-content:flex-start;width:100%}.portal-design .health-controls button{width:100%}
 .portal-auth .login-form{padding:30px 22px}.portal-auth .login-form>div{max-width:100%}
}
@media(max-width:360px){.portal-design .content{padding-inline:10px}.portal-design .panel,.portal-design .card{padding:16px}.portal-design .panel .panel{padding:12px}.portal-design .topbar{gap:8px;padding-inline:10px}.portal-design .workspace-brand>strong{font-size:19px}.portal-design .workspace-logo{width:28px;height:28px;font-size:20px}.portal-design .hosting-tabs{grid-template-columns:minmax(0,1fr)}}

.portal-design img{max-width:100%;height:auto}
@media(max-width:720px){.portal-design .invoice-total{width:100%;max-width:none}.portal-design .invoice-total p,.portal-design .invoice-total h2{flex-wrap:wrap;gap:10px}.portal-design .hosting-facts{grid-template-columns:minmax(0,1fr)}.portal-design .quick-actions>.inline>*{width:100%}.portal-design .fm-sidebar{scrollbar-width:thin}.portal-design .fm-table-wrap{max-width:100%;overflow:auto}.portal-design .fm-app .fm-search input{flex:1 1 auto;width:auto;min-height:44px}.portal-design .fm-app .fm-toolbar input[type=file][hidden]{display:none!important}.portal-design .home-search{width:100%;padding-inline:12px;gap:10px}.portal-design .home-search button{flex:0 0 40px}.portal-design .domain-workspace .advanced-action form .inline>*{max-width:100%}}