/* Fiber23 portal readability pass: client and administration areas */
.app-shell{
  font-size:14px;
}

/* Sidebar and top navigation */
.app-shell .main-nav p{font-size:11px;line-height:1.35}
.app-shell .nav-item,
.app-shell.admin-mode .nav-item{min-height:46px;font-size:14px;line-height:1.3}
.app-shell .nav-count,
.app-shell .nav-alert,
.app-shell .nav-live{font-size:10.5px}
.app-shell .help-card strong{font-size:15px}
.app-shell .help-card small{font-size:12px;line-height:1.5}
.app-shell .help-card button{font-size:12px}
.app-shell .profile-mini strong{font-size:13px}
.app-shell .profile-mini small{font-size:11px}
.app-shell .topbar-title span{font-size:11px}
.app-shell .topbar-title strong{font-size:18px}
.app-shell .site-return{font-size:12px}
.app-shell .account-pill strong{font-size:12px}
.app-shell .account-pill small{font-size:10.5px}

/* Shared headings, cards and controls */
.app-shell .welcome p,
.app-shell .page-header p{font-size:14px;line-height:1.55}
.app-shell .panel-head h2{font-size:17px}
.app-shell .panel-head p{font-size:12px;line-height:1.5}
.app-shell .link-button{font-size:12px}
.app-shell .secondary,
.app-shell .ghost,
.app-shell .danger-button{font-size:13px}
.app-shell .status-badge,
.app-shell .manual-control-badge,
.app-shell .live-pill{font-size:11px}
.app-shell .metric-head{font-size:13px}
.app-shell .metric-foot{font-size:12px}
.app-shell .service-row strong{font-size:14px}
.app-shell .service-row small,
.app-shell .service-meta{font-size:12px;line-height:1.45}
.app-shell .chart-legend{font-size:12px}
.app-shell .quick-action strong{font-size:13px}
.app-shell .quick-action small{font-size:11.5px;line-height:1.45}
.app-shell .invoice-top span{font-size:12px}
.app-shell .invoice-card strong{font-size:13px}
.app-shell .invoice-card small{font-size:11.5px}
.app-shell .invoice-card button{font-size:12px}
.app-shell .activity strong{font-size:12.5px}
.app-shell .activity small{font-size:11.5px;line-height:1.45}
.app-shell .limit-banner strong{font-size:14px}
.app-shell .limit-banner small{font-size:12px;line-height:1.45}
.app-shell .limit-banner button{font-size:12px}

/* Tables, search and filters */
.app-shell .search-box input{font-size:13px}
.app-shell .filter{font-size:12px}
.app-shell .data-table th{font-size:10.5px;line-height:1.35}
.app-shell .data-table td{font-size:13px;line-height:1.45}
.app-shell .data-table td small{font-size:11px;line-height:1.4}
.app-shell .money{font-size:14px}
.app-shell .table-actions button{width:34px;height:34px}

/* Forms, dialogs and feedback */
.app-shell .field label,
.modal-backdrop .field label{font-size:12px}
.app-shell .field input,
.app-shell .field select,
.app-shell .field textarea,
.modal-backdrop .field input,
.modal-backdrop .field select,
.modal-backdrop .field textarea{font-size:13px;line-height:1.45}
.modal-backdrop .modal h2{font-size:23px}
.modal-backdrop .modal>div>p{font-size:13px;line-height:1.6}
.modal-backdrop small{font-size:11.5px!important;line-height:1.45}
.modal-backdrop .toast,
.toast{font-size:12px}

/* Billing and payments */
.app-shell .billing-explainer strong,
.app-shell .automation-guard strong{font-size:15px}
.app-shell .billing-explainer p,
.app-shell .automation-guard p{font-size:12px;line-height:1.5}
.app-shell .invoice-flow i{font-size:12px}
.app-shell .invoice-flow b{font-size:12.5px}
.app-shell .invoice-flow small{font-size:11px;line-height:1.4}
.app-shell .due-amount small,
.app-shell .due-amount span{font-size:11px}
.app-shell .bank-box small{font-size:11px}
.app-shell .bank-box b{font-size:12px;line-height:1.4}
.app-shell .receipt-note{font-size:11.5px;line-height:1.5}
.app-shell .document-timeline strong{font-size:12.5px}
.app-shell .document-timeline small{font-size:11px;line-height:1.4}
.app-shell .available-payments-panel>div:first-child>small{font-size:10.5px}
.app-shell .available-payments-panel h2{font-size:17px}
.app-shell .available-payments-panel p{font-size:12px;line-height:1.5}
.app-shell .available-payment-marks b{font-size:11.5px}
.app-shell .billing-admin-tabs button{font-size:12px}
.app-shell .billing-admin-tabs b{font-size:10px}
.app-shell .queue-info{font-size:11px}
.app-shell .receipt-actions button{font-size:11.5px}
.app-shell .payment-method-card strong{font-size:12.5px}
.app-shell .payment-method-card small,
.app-shell .payment-choice-head small,
.app-shell .stripe-status small,
.app-shell .stripe-element-wait small,
.app-shell .bank-payment-data small,
.app-shell .saved-payment-list small,
.app-shell .gateway-health small,
.app-shell .gateway-settings-grid small{font-size:11px;line-height:1.4}
.app-shell .payment-choice-head strong,
.app-shell .stripe-status strong,
.app-shell .stripe-element-wait b,
.app-shell .bank-payment-data b,
.app-shell .saved-payment-list strong,
.app-shell .gateway-health b,
.app-shell .gateway-settings-grid strong{font-size:12.5px}
.app-shell .mandate-consent,
.app-shell .secure-payment-note{font-size:11.5px;line-height:1.5}

/* Contracts, migration and operational workflows */
.app-shell .source-banner strong,
.app-shell .migration-guard strong{font-size:15px}
.app-shell .source-banner small,
.app-shell .source-banner p,
.app-shell .migration-guard p{font-size:12px;line-height:1.5}
.app-shell .contract-workflow strong,
.app-shell .contract-detail-grid strong,
.app-shell .source-options strong,
.app-shell .import-batch-list strong{font-size:12.5px}
.app-shell .contract-workflow small,
.app-shell .contract-row-title small,
.app-shell .contract-detail-grid small,
.app-shell .source-options small,
.app-shell .migration-domain small,
.app-shell .import-batch-list small{font-size:11px;line-height:1.4}
.app-shell .contract-actions button{font-size:11.5px}
.app-shell .template-fields span,
.app-shell .wizard-steps span,
.app-shell .migration-stage span,
.app-shell .migration-status-grid small,
.app-shell .migration-status-grid span,
.app-shell .integrity-meter span{font-size:11px}
.app-shell .client-contract-hero small,
.app-shell .client-contract-hero p{font-size:12px;line-height:1.5}
.app-shell .client-contract-hero>span{font-size:11px}
.app-shell .prefill-strip,
.app-shell .renewal-choice>label,
.app-shell .notify-choice>label{font-size:12px}
.app-shell .renewal-choice>small,
.app-shell .renewal-choice>div span{font-size:11px;line-height:1.45}
.app-shell .renewal-choice>div strong{font-size:12px}
.app-shell .operations-overview small,
.app-shell .operations-overview p{font-size:11px;line-height:1.4}
.app-shell .visit-flow b{font-size:12px}
.app-shell .upload-zone strong{font-size:13px}
.app-shell .upload-zone small,
.app-shell .upload-zone input,
.app-shell .receipt-preview small{font-size:11px}
.app-shell .receipt-preview strong,
.app-shell .fiscal-checklist label{font-size:12px}

/* Administration, staff, network and VPS */
.app-shell .admin-breadcrumb{font-size:10.5px}
.app-shell .role-card>div:first-child,
.app-shell .role-card p,
.app-shell .role-card button,
.app-shell .small-action,
.app-shell .role-tags i,
.app-shell .permission-matrix section>div strong,
.app-shell .permission-matrix section>div button,
.app-shell .permission-matrix label,
.app-shell .modal-admin-tabs button,
.app-shell .permission-tools,
.app-shell .permission-tools button,
.app-shell .protected-role-note{font-size:12px;line-height:1.45}
.app-shell .integration-health small,
.app-shell .integration-health p,
.app-shell .probe-result small,
.app-shell .juniper-preflight small,
.app-shell .juniper-preflight li,
.app-shell .juniper-preflight p,
.app-shell .peeringdb-banner small,
.app-shell .peeringdb-banner p,
.app-shell .peer-state,
.app-shell .client-as-hero small,
.app-shell .client-as-hero p,
.app-shell .as-health b,
.app-shell .mmr-port-card small,
.app-shell .mmr-port-card p,
.app-shell .upgrade-path small{font-size:11.5px;line-height:1.45}
.app-shell .invoice-line-head{font-size:10.5px}
.app-shell .invoice-line input,
.app-shell .invoice-line select,
.app-shell .invoice-line b,
.app-shell .invoice-lines-editor>button,
.app-shell .invoice-totals small{font-size:12px}
.app-shell .quote-flow p,
.app-shell .quote-flow>b,
.app-shell .quote-email-state,
.app-shell .quote-detail-head small,
.app-shell .quote-detail-head strong,
.app-shell .quote-detail-head span,
.app-shell .quote-message small,
.app-shell .quote-message p,
.app-shell .quote-email-summary strong,
.app-shell .quote-email-summary small{font-size:12px!important;line-height:1.45}
.app-shell .vps-client-head small,
.app-shell .vps-client-head p,
.app-shell .vps-client-kpis small,
.app-shell .vps-client-kpis span,
.app-shell .vps-modal-grid small{font-size:11.5px;line-height:1.4}
.app-shell .vps-client-head h2{font-size:19px}
.app-shell .vps-client-kpis strong{font-size:15px}
.app-shell .vps-power-bar button,
.app-shell .vps-modal-actions button{font-size:12px}

@media(max-width:820px){
  .app-shell .nav-item,
  .app-shell.admin-mode .nav-item{font-size:15px}
  .app-shell .data-table td{font-size:13.5px}
}

/* Normal reading scale requested for both the customer portal and administration. */
.app-shell{font-size:16px}
.app-shell .nav-item,
.app-shell.admin-mode .nav-item{font-size:15px;min-height:48px}
.app-shell .main-nav p,
.app-shell .topbar-title span,
.app-shell .admin-breadcrumb{font-size:12px}
.app-shell .topbar-title strong{font-size:20px}
.app-shell .account-pill strong,
.app-shell .profile-mini strong{font-size:14px}
.app-shell .account-pill small,
.app-shell .profile-mini small{font-size:12.5px}
.app-shell .welcome p,
.app-shell .page-header p,
.app-shell .panel-head p{font-size:14px}
.app-shell .panel-head h2{font-size:19px}
.app-shell .metric-head,
.app-shell .metric-foot,
.app-shell .service-row strong,
.app-shell .quick-action strong,
.app-shell .activity strong{font-size:14px}
.app-shell .service-row small,
.app-shell .service-meta,
.app-shell .quick-action small,
.app-shell .activity small,
.app-shell .limit-banner small{font-size:13px}
.app-shell .search-box input,
.app-shell .filter,
.app-shell .field input,
.app-shell .field select,
.app-shell .field textarea,
.modal-backdrop .field input,
.modal-backdrop .field select,
.modal-backdrop .field textarea{font-size:15px}
.app-shell .field label,
.modal-backdrop .field label{font-size:13.5px}
.app-shell .data-table th{font-size:12px}
.app-shell .data-table td{font-size:15px;line-height:1.5}
.app-shell .data-table td small{font-size:13px}
.app-shell .status-badge,
.app-shell .manual-control-badge,
.app-shell .live-pill{font-size:12px}
.app-shell .primary,
.app-shell .secondary,
.app-shell .ghost,
.app-shell .danger-button,
.app-shell button{line-height:1.35}

/* Metodi di pagamento: dimensione normale e leggibile. */
.modal-backdrop .saved-payment-list{gap:12px;margin:22px 0}
.modal-backdrop .saved-payment-list article{grid-template-columns:46px minmax(0,1fr) auto;gap:15px;padding:16px 18px;border-radius:14px}
.modal-backdrop .saved-payment-list strong{font-size:16px!important;line-height:1.35}
.modal-backdrop .saved-payment-list small{margin-top:4px;font-size:14px!important;line-height:1.5;color:#737b90}
.modal-backdrop .saved-payment-list button,
.modal-backdrop .gateway-health button{min-height:42px;padding:0 15px;font-size:13px!important}
.modal-backdrop .secure-payment-note{padding:13px 15px;font-size:13.5px!important;line-height:1.55}
.modal-backdrop #modal-title{font-size:27px}
.modal-backdrop #modal-body>p{font-size:15px;line-height:1.55}
.modal-backdrop .payment-brand{width:40px;height:40px;font-size:14px}