.ps-view {
	margin-bottom: 50px;
}

/* The customer portal has no admin sidebar, so never inherit its shell offset. */
body.customers #wrapper {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	padding-top: 0 !important;
}

body.customers #content {
	width: 100%;
	max-width: 100%;
}

body.customers .section-client-dashboard {
	float: none;
	width: 100%;
}

.tw-h-screen {
	height: 100vh;
}

.view-company-modal {
	overflow: hidden !important;
}

.view-company-modal .modal-header {
	padding: 0.5rem 0.75rem;
	border-color: red;
}

.view-company-modal .modal-header .close {
	margin-top: 0;
}

.view-company-modal .modal-header button.btn.dropdown-toggle.btn-default {
	border-color: red;
}

.view-company-modal .modal-content {
	height: inherit;
	border-radius: 0;
	display: flex;
	flex-direction: column;
}

.view-company-modal .modal-body {
	margin: 0;
	padding: 0;
	flex: 1;
}

.view-company-modal .modal-header .select-placeholder:after,
.view-company-modal .modal-header .form-group.label {
	display: none !important;
}

.view-company-modal .modal-header .form-group {
	margin-bottom: 0;
}

.tw-pl-0 {
	padding-left: 0px;
}

.tw-pr-0 {
	padding-right: 0;
}

.ps .alert {
	z-index: 1 !important;
}

/** my account and module market **/
.saas-market-items {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: stretch;
	max-height: 70vh;
	overflow: auto;
}
.saas-market-item-card {
	height: inherit;
}
@media (max-width: 992px) {
	.saas-market-item-card {
		width: 100%;
	}
}
.saas-market-item-card .card {
	padding: 10px;
	border: 1px solid #eee;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.04) !important;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.04) !important;
	border-radius: 15px;
	height: 100%;
	width: 100%;
}

.saas-market-item-card .card-body {
	height: 100%;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.saas-market-item-card .card-body .truncate-text {
	display: -webkit-box;
	-webkit-line-clamp: 3; /* Limit to 3 lines */
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.saas-market-item-card .card-body .truncate-text:hover {
	display: inline-block;
	overflow: unset;
}

.strike {
	text-decoration: line-through;
}

.ps input.feature-limit {
	min-width: 50px;
}

.ps input.feature-limit,
.ps .input-group {
	min-width: 50px;
	max-width: 100px !important;
	max-height: 28px;
}
.ps .\!tw-max-w-xs {
	white-space: normal !important;
	max-width: 16rem !important;
}

.ps .summary-card {
	width: 100%;
}

.ps .summary-card .btn {
	text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;
}

@media (min-width: 992px) {
	.ps .summary-card {
		position: fixed;
		max-width: 285px;
		overflow: hidden;
	}
}

@media (min-width: 1200px) {
	.ps .summary-card {
		margin-left: -15px;
	}
}

.ps .tw-text-xs {
	font-size: 10px;
	line-height: normal;
}

.custom-domain-form .tc-content ul {
	list-style: inside;
}

.custom-domain-form .tc-content ul li ul {
	list-style: circle;
	margin-left: 30px;
	margin-top: 5px;
}

.custom-domain-form .panel-heading .accordion-toggle:after {
	font-family: "Glyphicons Halflings";
	content: "\e114";
	float: right;
	color: grey;
}
.custom-domain-form .panel-heading .accordion-toggle.collapsed:after {
	content: "\e080";
}

.hover\:tw-bg-transparent:hover,
.hover\:tw-bg-transparent:focus,
.hover\:tw-bg-transparent:active {
	background-color: transparent !important;
}

.min-h-50-vh {
	min-height: 50vh;
}

/* SQUAREDOPS SaaS client workspace */
.ps-container{color:#15213a}
.ps-client-hero{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	margin:8px 0 20px;
	padding:25px 27px;
	border-radius:22px;
	color:#fff;
	background:radial-gradient(circle at 86% 0,rgba(82,222,214,.3),transparent 32%),linear-gradient(130deg,#17345f,#285fc8 68%,#197a87);
	box-shadow:0 18px 42px rgba(35,76,155,.17);
	overflow:hidden;
}
.ps-client-hero:after{content:"";position:absolute;right:-45px;bottom:-95px;width:210px;height:210px;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 32px rgba(255,255,255,.04)}
.ps-client-hero>div,.ps-client-hero>i{position:relative;z-index:1}
.ps-client-hero span{display:block;margin-bottom:6px;color:#83e3dd;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.ps-client-hero h1{margin:0 0 6px;color:#fff;font-size:26px;font-weight:800;letter-spacing:-.035em}
.ps-client-hero p{margin:0;color:rgba(255,255,255,.72);font-size:10px}
.ps-client-hero>i{display:grid;flex:0 0 48px;width:48px;height:48px;place-items:center;border-radius:15px;background:rgba(255,255,255,.13);font-size:18px}
.ps-client-hero-meta{position:relative;z-index:1;display:flex;min-width:130px;align-items:flex-end;flex-direction:column;padding:12px 14px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.1);backdrop-filter:blur(8px)}
.ps-client-hero-meta strong{color:#fff;font-size:25px;font-weight:850;line-height:1}
.ps-client-hero-meta small{margin-top:5px;color:rgba(255,255,255,.7);font-size:8px;font-weight:700;text-transform:uppercase}
.ps-container .panel,.ps-container .card,.ps-saas-account{
	border:1px solid #e5eaf2!important;
	border-radius:19px!important;
	background:#fff!important;
	box-shadow:0 14px 38px rgba(30,48,80,.075)!important;
	overflow:hidden;
}
.ps-container .panel-body,.ps-container .card-body,.ps-saas-account>.panel-body{padding:20px!important}
.ps-container .form-control,.ps-saas-account .form-control{min-height:41px;border-color:#dfe5ee!important;border-radius:10px!important;background:#fbfcfe!important;box-shadow:none!important}
.ps-container .table-responsive,.ps-saas-account .table-responsive{border:1px solid #e5eaf2;border-radius:14px;overflow-x:auto}
.ps-container table,.ps-saas-account table{margin:0!important}
.ps-container table th,.ps-saas-account table th{padding:12px 10px!important;background:#f8faff!important;color:#748197;font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.ps-container table td,.ps-saas-account table td{padding:12px 10px!important;border-color:#edf0f5!important;vertical-align:middle!important}
.saas-market-item-card .card{padding:15px;border-color:#e5eaf2!important;border-radius:17px!important;box-shadow:0 10px 28px rgba(30,48,80,.06)!important}
.saas-market-item-card .card:hover{border-color:#c7d5fb!important;transform:translateY(-2px)}
.ps-saas-account>.panel-body>div:first-child{margin:-20px -20px 20px;padding:24px;color:#fff;background:linear-gradient(130deg,#17345f,#285fc8 68%,#197a87)}
.ps-saas-account>.panel-body>div:first-child h1{color:#fff;font-size:25px;font-weight:800}
.ps-saas-account>.panel-body>div:first-child .badge{padding:8px 12px;border-radius:999px;color:#2456cf!important;background:#fff!important}
.ps-saas-company-grid>div{gap:14px!important}
.ps-saas-company-card{
	position:relative;
	min-height:270px;
	padding:20px!important;
	border:1px solid #e3e9f2!important;
	border-radius:19px!important;
	background:linear-gradient(145deg,#fff,#f8faff)!important;
	box-shadow:0 13px 32px rgba(30,48,80,.07)!important;
	transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.ps-saas-company-card:hover{border-color:#bfd0ff!important;transform:translateY(-3px);box-shadow:0 19px 40px rgba(49,103,246,.11)!important}
.ps-saas-company-card h3{color:#15213a;font-size:18px;font-weight:800;letter-spacing:-.025em}
.ps-saas-company-card .info small{color:#8a96a9!important;font-size:9px}
.ps-saas-company-card .links{margin:14px 0;padding:12px;border:1px solid #e6ebf3;border-radius:13px;background:#fff}
.ps-saas-company-card .links a{margin:3px 0!important;color:#3167f6;font-size:9px}
.ps-saas-company-card .company-status .badge{padding:7px 10px;border-radius:999px;font-size:8px;font-weight:800;text-transform:uppercase}
.ps-saas-company-card .panel_footer{padding-top:13px;border-top:1px solid #e9edf3;color:#7e899c;font-size:9px}
.ps-saas-single-company>.ps-view>.company{gap:14px}
.ps-saas-single-company .company-info>.tw-relative{padding:18px;border:1px solid #e5eaf2;border-radius:19px;background:#fff;box-shadow:0 14px 38px rgba(30,48,80,.075)}
.ps-saas-marketplace-modal .modal-content{border:0!important;border-radius:20px!important;box-shadow:0 24px 70px rgba(24,38,65,.2)!important;overflow:hidden}
.ps-saas-marketplace-modal .modal-header{padding:20px 22px;border-bottom:1px solid #e8edf4;background:#f8faff}
.ps-saas-marketplace-modal .modal-body{padding:20px 22px}
.ps-saas-marketplace-modal .modal-footer{padding:14px 22px;border-top:1px solid #e8edf4;background:#fbfcfe}
.ps-saas-marketplace-modal .saas-market-item-card .card{padding:17px!important}
.ps-saas-marketplace-modal .card-title{color:#15213a;font-size:15px;font-weight:800}
.ps-saas-register-domains{margin:16px 0;padding:15px;border:1px solid #dfe7f2;border-radius:14px;background:linear-gradient(145deg,#f8faff,#f3fbfa)}
.ps-saas-register-domains:before{content:"Tu espacio SQUAREDOPS";display:block;margin-bottom:12px;color:#2456d8;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}

/* Multi-company workspace */
.ps-company-workspace-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:2px 2px 14px}
.ps-client-kicker{display:block;margin-bottom:5px;color:#258d91;font-size:8px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.ps-company-workspace-heading h2{margin:0;color:#15213a;font-size:20px;font-weight:850;letter-spacing:-.035em}
.ps-company-workspace-heading p{margin:5px 0 0;color:#7b879a;font-size:9px}
.ps-company-count{padding:7px 10px;border:1px solid #dfe6f0;border-radius:999px;color:#68758a;background:#fff;font-size:8px;font-weight:800}
.ps-company-workspace-grid{gap:14px!important;align-items:stretch}
.ps-company-workspace-grid.has-company-editor{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
.ps-company-workspace-grid.has-company-editor>.ps-saas-company-card:not(.is-configuring),.ps-company-workspace-grid.has-company-editor>.ps-company-create-card{display:none!important}
.ps-company-workspace-empty{display:grid;grid-template-columns:minmax(0,520px);justify-content:center}
.ps-company-workspace-grid .ps-saas-company-card{
	display:flex;
	min-width:0;
	min-height:330px;
	flex-direction:column;
	padding:20px!important;
	border:1px solid #e1e7f0!important;
	border-radius:20px!important;
	background:#fff!important;
	box-shadow:0 14px 36px rgba(30,48,80,.07)!important;
}
.ps-company-workspace-grid .ps-saas-company-card:hover{border-color:#b9caf4!important;transform:translateY(-3px);box-shadow:0 20px 44px rgba(49,103,246,.11)!important}
.ps-company-card-menu{position:absolute;top:17px;right:15px;z-index:4;padding:0!important}
.ps-company-card-menu>.dropdown-toggle{display:grid;width:33px;height:33px;place-items:center;border:1px solid #e0e6ef;border-radius:10px;color:#6f7b8f;background:#fff}
.ps-company-card-menu>.dropdown-toggle:hover{color:#3167f6;background:#f4f7ff}
.ps-company-card-menu>.dropdown-toggle i{font-size:13px!important}
.ps-company-card-menu .dropdown-menu{right:0;left:auto;min-width:210px;padding:6px;border:1px solid #e1e7f0;border-radius:12px;box-shadow:0 16px 38px rgba(29,45,74,.15)}
.ps-company-card-menu .dropdown-menu>li>a{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:8px;color:#607087;font-size:9px}
.ps-company-card-menu .dropdown-menu>li>a:hover{color:#3167f6;background:#f3f6fc}
.ps-company-card-menu .dropdown-menu>li>a i{width:14px;text-align:center}
.ps-company-card-menu .dropdown-menu form{margin:0}
.ps-company-card-menu .dropdown-menu input[type="submit"]{margin:0!important;padding:9px 10px!important;border-radius:8px!important;font-size:9px}
.ps-company-card-head{display:flex;min-width:0;align-items:center;gap:11px;padding-right:35px}
.ps-company-card-logo{display:grid;flex:0 0 45px;width:45px;height:45px;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(135deg,#3167f6,#158c9a);box-shadow:0 9px 20px rgba(49,103,246,.19);font-size:17px;font-weight:850}
.ps-company-card-head>div{min-width:0}
.ps-company-workspace-grid .ps-saas-company-card h3{max-width:210px;margin:0!important;overflow:hidden;color:#15213a;font-size:16px;font-weight:850;letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap}
.ps-company-card-head small{display:block;margin-top:3px;color:#8a96a8;font-family:monospace;font-size:8px}
.ps-company-workspace-grid .company-status{margin:14px 0 10px;text-align:left}
.ps-company-status{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;font-size:7px;font-weight:850;text-transform:uppercase}
.ps-company-status>i:first-child{font-size:5px}
.ps-company-status-active{color:#087c5a;background:#e8f8f2}
.ps-company-status-alert{color:#b4505c;background:#fff0f2}
.ps-company-workspace-grid .links{margin:0!important;padding:0!important;border:0!important;background:transparent!important}
.ps-company-access-list{display:flex;flex-direction:column;gap:7px;width:100%}
.ps-company-access{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px;padding:10px 11px;border:1px solid #e6ebf2;border-radius:11px;color:#66758b!important;background:#f9fbfe;font-size:8px!important}
.ps-company-access:hover{border-color:#c5d3f5;color:#3167f6!important;background:#f4f7ff}
.ps-company-access>span{display:grid;min-width:0;grid-template-columns:18px minmax(0,1fr);grid-template-rows:auto auto;align-items:center}
.ps-company-access>span>i{grid-row:1/3;color:#3167f6}
.ps-company-access small{color:#8d98a9!important;font-size:7px!important;font-family:inherit!important;text-transform:uppercase}
.ps-company-access>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ps-company-workspace-grid .ps-saas-company-card .panel_footer{display:flex;align-items:center;justify-content:space-between;margin:auto -20px -20px!important;padding:13px 20px;border-top:1px solid #e8edf4;background:#fbfcfe}
.ps-company-created{color:#8490a3;font-size:8px}
.ps-company-created i{margin-right:5px;color:#9ba7b8}
.ps-company-workspace-grid .panel_footer .btn{min-height:35px;padding:8px 12px;border-radius:9px!important;font-size:8px}

.ps-company-create-card{display:flex;min-height:330px;align-items:center;justify-content:center;padding:22px!important;border:1px dashed #b9c8df!important;border-radius:20px!important;background:radial-gradient(circle at 50% 0,rgba(49,103,246,.08),transparent 48%),#f8faff!important;box-shadow:none!important}
.ps-company-create-card .panel_body{width:100%}
#add-company-trigger{display:flex;align-items:center;flex-direction:column;text-align:center}
.ps-company-create-icon{display:grid;flex:0 0 48px;width:48px;height:48px;place-items:center;margin-bottom:13px;border-radius:14px;color:#3167f6;background:#fff;box-shadow:0 10px 24px rgba(49,103,246,.12);font-size:15px}
#add-company-trigger h3{max-width:340px;margin:0;color:#15213a;font-size:16px;font-weight:850;line-height:1.35}
#add-company-trigger p{max-width:330px;margin:8px auto 15px;color:#79869a;font-size:9px;line-height:1.6}
#add-company-trigger .btn{min-height:38px;border-radius:10px!important}
.ps-company-create-form{padding:2px}
.ps-company-create-form-head,.ps-company-inline-form-head{display:flex;align-items:center;gap:11px;margin-bottom:17px;padding-bottom:14px;border-bottom:1px solid #e7ecf3}
.ps-company-create-form-head .ps-company-create-icon{margin:0}
.ps-company-create-form-head h3,.ps-company-inline-form-head h4{margin:0!important;color:#15213a;font-size:15px;font-weight:850}
.ps-company-create-form-head p,.ps-company-inline-form-head p{margin:3px 0 0;color:#8490a3;font-size:8px}
.ps-company-create-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}
.ps-company-create-field{width:auto!important;margin:0!important;padding:0!important}
.ps-company-create-field:first-child{grid-column:1/-1}
.ps-tenant-menu-setup{margin:15px 0 4px;padding:15px;border:1px solid #dfe7f2;border-radius:16px;background:linear-gradient(145deg,#fff,#f7fbff)}
.ps-tenant-menu-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.ps-tenant-menu-head span{display:block;margin-bottom:4px;color:#258d91;font-size:7px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.ps-tenant-menu-head h4{margin:0!important;color:#15213a;font-size:14px;font-weight:850}
.ps-tenant-menu-head p{max-width:520px;margin:5px 0 0;color:#748199;font-size:8px;line-height:1.55}
.ps-tenant-menu-head strong{flex:0 0 auto;padding:7px 9px;border:1px solid #dce6f4;border-radius:999px;background:#fff;color:#607089;font-size:8px}
.ps-tenant-menu-presets{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}
.ps-menu-preset{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:6px 9px;border:1px solid #dce5f1;border-radius:999px;background:#fff;color:#52647d;font-size:8px;font-weight:800}
.ps-menu-preset:hover{border-color:#b9caf4;color:#3167f6;background:#f4f7ff}
.ps-tenant-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ps-tenant-menu-card{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) 28px;align-items:center;gap:9px;min-height:74px;margin:0!important;padding:10px;border:1px solid #e4eaf2;border-radius:13px;background:#fff;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.ps-tenant-menu-card:hover{border-color:#c5d3f5;box-shadow:0 10px 24px rgba(49,103,246,.08);transform:translateY(-1px)}
.ps-tenant-menu-card input{position:absolute;opacity:0;pointer-events:none}
.ps-tenant-menu-icon{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;color:#8a96aa;background:#f1f4f8;font-size:12px}
.ps-tenant-menu-copy{display:flex;min-width:0;flex-direction:column;gap:2px}
.ps-tenant-menu-copy strong{color:#22314d;font-size:9px;font-weight:850}
.ps-tenant-menu-copy small{color:#8490a3;font-size:7px;line-height:1.35}
.ps-tenant-menu-toggle{position:relative;width:27px;height:17px;border-radius:999px;background:#d9e0eb;transition:background .18s ease}
.ps-tenant-menu-toggle:after{content:"";position:absolute;top:3px;left:3px;width:11px;height:11px;border-radius:999px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.16);transition:transform .18s ease}
.ps-tenant-menu-card.is-enabled{border-color:#c7d7ff;background:#f7faff}
.ps-tenant-menu-card.is-enabled .ps-tenant-menu-icon{color:#3167f6;background:#eaf1ff}
.ps-tenant-menu-card.is-enabled .ps-tenant-menu-toggle{background:#3167f6}
.ps-tenant-menu-card.is-enabled .ps-tenant-menu-toggle:after{transform:translateX(10px)}
.ps-company-create-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:8px;padding-top:14px;border-top:1px solid #e8edf4}
.ps-onboarding-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 0 16px;padding:8px;border:1px solid #e4ebf5;border-radius:17px;background:#f8fbff}
.ps-onboarding-stepper{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;min-height:56px;padding:9px 10px;border:1px solid transparent;border-radius:13px;background:transparent;color:#69778d;text-align:left;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}
.ps-onboarding-stepper span{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:#e9eef6;color:#7d8aa0;font-size:10px;font-weight:900}
.ps-onboarding-stepper strong{display:block;color:inherit;font-size:9px;font-weight:900;line-height:1.15}
.ps-onboarding-stepper small{display:block;margin-top:2px;color:#93a0b3;font-size:7px;font-weight:700;line-height:1.2}
.ps-onboarding-stepper.is-active{border-color:#c6d6ff;background:#fff;color:#1f49cf;box-shadow:0 10px 26px rgba(49,103,246,.09)}
.ps-onboarding-stepper.is-active span{background:#3167f6;color:#fff;box-shadow:0 8px 18px rgba(49,103,246,.25)}
.ps-onboarding-stepper.is-complete span{background:#dcfce7;color:#15803d}
.ps-onboarding-step{display:none;animation:ps-onboarding-in .22s ease both}
.ps-onboarding-step.is-active{display:block}
.ps-onboarding-note{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;margin:14px 0 4px;padding:13px;border:1px solid #dce8ff;border-radius:15px;background:linear-gradient(135deg,#f7faff,#eef6ff)}
.ps-onboarding-note i{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:#fff;color:#3167f6;box-shadow:0 10px 22px rgba(49,103,246,.1)}
.ps-onboarding-note strong{display:block;color:#1b2a44;font-size:9px;font-weight:900}
.ps-onboarding-note p{margin:3px 0 0;color:#718199;font-size:8px;line-height:1.55}
.ps-company-edit-stack{display:grid;gap:12px}
.ps-company-edit-block{padding:13px;border:1px solid #e2e9f3;border-radius:15px;background:#fff}
.ps-company-edit-block>.ps-client-kicker{margin-bottom:9px}
.ps-brand-setup{margin:15px 0 4px;padding:15px;border:1px solid #dfe7f2;border-radius:16px;background:linear-gradient(145deg,#fff,#f7fbff)}
.ps-brand-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:13px}
.ps-brand-head span{display:block;margin-bottom:4px;color:#258d91;font-size:7px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.ps-brand-head h4{margin:0!important;color:#15213a;font-size:14px;font-weight:850}
.ps-brand-head p{max-width:610px;margin:5px 0 0;color:#748199;font-size:8px;line-height:1.55}
.ps-brand-layout{display:grid;grid-template-columns:minmax(0,1.1fr) 280px;gap:13px;align-items:start}
.ps-brand-fields{min-width:0}
.ps-brand-fields .form-group{margin-bottom:10px!important}
.ps-brand-fields label,.ps-brand-color-group>label{display:block;margin-bottom:5px;color:#53627a;font-size:8px;font-weight:850}
.ps-brand-fields .form-control{border-color:#dfe7f2!important;border-radius:11px!important;box-shadow:none!important}
.ps-brand-fields textarea.form-control{resize:vertical}
.ps-brand-color-group{margin-bottom:11px}
.ps-brand-color-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ps-brand-swatch{width:30px;height:30px;border:2px solid #fff;border-radius:10px;background:var(--brand-swatch);box-shadow:0 0 0 1px #dfe7f2,0 8px 16px rgba(15,23,42,.08);transition:transform .18s ease,box-shadow .18s ease}
.ps-brand-swatch:hover,.ps-brand-swatch.is-active{transform:translateY(-1px);box-shadow:0 0 0 2px rgba(49,103,246,.35),0 10px 20px rgba(49,103,246,.12)}
.ps-brand-native-color{width:42px;height:30px;padding:0;border:1px solid #dfe7f2;border-radius:10px;background:#fff;cursor:pointer}
.ps-brand-invoice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}
.ps-brand-apply{display:grid;grid-template-columns:18px minmax(0,1fr);gap:9px;margin:2px 0 0!important;padding:11px;border:1px solid #dfe8f4;border-radius:13px;background:#fff;cursor:pointer}
.ps-brand-apply input{margin:2px 0 0}
.ps-brand-apply strong{display:block;color:#1f2e49;font-size:8px;font-weight:900}
.ps-brand-apply small{display:block;margin-top:2px;color:#8794a8;font-size:7px;line-height:1.35}
.ps-brand-preview{position:sticky;top:16px;overflow:hidden;padding:16px;border:1px solid rgba(255,255,255,.55);border-radius:20px;background:radial-gradient(circle at 85% 10%,rgba(255,255,255,.34),transparent 30%),linear-gradient(145deg,var(--ps-brand-color),#13294f);box-shadow:0 20px 46px rgba(49,103,246,.19);color:#fff}
.ps-brand-preview:before{content:"";position:absolute;right:-46px;bottom:-44px;width:150px;height:150px;border:1px solid rgba(255,255,255,.16);border-radius:50%}
.ps-brand-preview-top{position:relative;display:flex;align-items:center;gap:10px;margin-bottom:38px;z-index:1}
.ps-brand-preview-logo{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border-radius:14px;background:rgba(255,255,255,.18);font-size:16px;font-weight:950;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.ps-brand-preview-top strong{display:block;font-size:11px;font-weight:950;line-height:1.15}
.ps-brand-preview-top small{display:block;margin-top:3px;color:rgba(255,255,255,.72);font-size:7px;text-transform:uppercase;letter-spacing:.12em}
.ps-brand-preview-card{position:relative;z-index:1;padding:14px;border:1px solid rgba(255,255,255,.22);border-radius:15px;background:rgba(255,255,255,.14);backdrop-filter:blur(8px)}
.ps-brand-preview-card span{display:block;margin-bottom:8px;color:rgba(255,255,255,.7);font-size:7px;font-weight:850;text-transform:uppercase;letter-spacing:.12em}
.ps-brand-preview-card h5{margin:0 0 6px!important;color:#fff;font-size:13px;font-weight:900}
.ps-brand-preview-card p{margin:0;color:rgba(255,255,255,.74);font-size:8px;line-height:1.45}
.ps-brand-preview-actions{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr 34px;gap:8px;margin-top:13px}
.ps-brand-preview-actions span{height:8px;border-radius:999px;background:rgba(255,255,255,.23)}
@keyframes ps-onboarding-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.ps-company-inline-form{margin-top:15px;padding:15px;border:1px solid #e3e9f2;border-radius:14px;background:#f9fbfe}
.ps-company-inline-form-head>i{display:grid;flex:0 0 36px;width:36px;height:36px;place-items:center;border-radius:10px;color:#3167f6;background:#eaf1ff}
.ps-company-inline-form .form-group{width:100%!important;padding-right:0!important;padding-left:0!important}
.ps-company-inline-form .text-center{display:flex;justify-content:flex-end;gap:7px}
.ps-company-workspace-grid .ps-saas-company-card.is-configuring{grid-column:1/-1;min-height:0;padding:0!important;border-color:#d8e2f2!important;background:#f7f9fd!important;box-shadow:0 22px 55px rgba(30,48,80,.12)!important;overflow:hidden;transform:none!important}
.ps-saas-company-card.is-configuring>.panel_body{width:100%}
.ps-saas-company-card.is-configuring .ps-company-inline-form{width:100%;max-width:none;margin:0;padding:24px;border:0;border-radius:0;background:#f7f9fd}
.ps-saas-company-card.is-configuring .ps-company-inline-form-head{margin:-24px -24px 20px;padding:23px 24px;border:0;color:#fff;background:radial-gradient(circle at 90% 0,rgba(74,218,210,.24),transparent 35%),linear-gradient(135deg,#173b72,#2f67e8 72%,#16848d)}
.ps-saas-company-card.is-configuring .ps-company-inline-form-head>i{width:42px;height:42px;flex-basis:42px;color:#fff;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.17)}
.ps-saas-company-card.is-configuring .ps-company-inline-form-head h4{color:#fff!important;font-size:18px}
.ps-saas-company-card.is-configuring .ps-company-inline-form-head p{color:rgba(255,255,255,.7);font-size:9px}
.ps-saas-company-card.is-configuring .ps-company-edit-stack{gap:16px}
.ps-saas-company-card.is-configuring .ps-company-edit-block{padding:20px;border-radius:17px;box-shadow:0 8px 24px rgba(31,49,82,.04)}
.ps-saas-company-card.is-configuring .ps-company-inline-form>.text-center{position:sticky;bottom:0;z-index:5;margin:20px -24px -24px;padding:14px 24px;border-top:1px solid #dde5f0;background:rgba(255,255,255,.95);backdrop-filter:blur(10px)}
.ps-saas-company-card.is-configuring .ps-company-inline-form>.text-center .btn{min-width:120px;min-height:40px;border-radius:10px!important}
#saas-creating-overlay{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(16,29,52,.78);backdrop-filter:blur(6px)}
.ps-company-creating-dialog{max-width:390px;width:100%;padding:34px;border:1px solid rgba(255,255,255,.7);border-radius:22px;background:#fff;box-shadow:0 26px 80px rgba(0,0,0,.3);text-align:center}
.ps-company-creating-spinner{width:52px;height:52px;margin:0 auto 18px;border:4px solid #e6ebf3;border-top-color:#3167f6;border-radius:50%;animation:saas-spin .9s linear infinite}
.ps-company-creating-dialog h3{margin:0 0 7px;color:#15213a;font-size:19px;font-weight:850}
.ps-company-creating-dialog p{margin:0;color:#718096;font-size:10px;line-height:1.55}
@keyframes saas-spin{to{transform:rotate(360deg)}}

@media(max-width:767px){
	.ps-client-hero{align-items:flex-start;padding:21px 18px;border-radius:18px}
	.ps-client-hero h1{font-size:22px}
	.ps-client-hero>i{display:none}
	.ps-client-hero-meta{width:100%;align-items:flex-start}
	.ps-container .panel-body,.ps-container .card-body,.ps-saas-account>.panel-body{padding:14px!important}
	.ps-saas-account>.panel-body>div:first-child{margin:-14px -14px 14px;padding:19px}
	.ps-saas-company-card{min-height:0;padding:16px!important}
	.ps-saas-marketplace-modal .modal-dialog{margin:12px}
	.ps-saas-marketplace-modal .modal-header,.ps-saas-marketplace-modal .modal-body{padding:16px}
	.ps-company-workspace-heading{align-items:flex-start;flex-direction:column}
	.ps-company-workspace-grid{display:grid!important;grid-template-columns:1fr!important}
	.ps-company-workspace-grid .ps-saas-company-card,.ps-company-create-card{min-height:0}
	.ps-saas-company-card.is-configuring .ps-company-inline-form{padding:18px 14px}
	.ps-saas-company-card.is-configuring .ps-company-inline-form-head{margin:-18px -14px 16px;padding:19px 15px}
	.ps-saas-company-card.is-configuring .ps-company-edit-block{padding:14px}
	.ps-saas-company-card.is-configuring .ps-company-inline-form>.text-center{position:static;align-items:stretch;flex-direction:column-reverse;margin:16px -14px -18px;padding:14px}
	.ps-saas-company-card.is-configuring .ps-company-inline-form>.text-center .btn{width:100%;margin:0!important}
	.ps-company-create-fields{grid-template-columns:1fr}
	.ps-company-create-field:first-child{grid-column:auto}
	.ps-onboarding-progress{grid-template-columns:1fr;padding:7px}
	.ps-onboarding-stepper{min-height:48px}
	.ps-company-create-actions{align-items:stretch;flex-direction:column}
	.ps-company-create-actions .btn{width:100%}
	.ps-tenant-menu-head{flex-direction:column}
	.ps-tenant-menu-grid{grid-template-columns:1fr}
	.ps-brand-layout{grid-template-columns:1fr}
	.ps-brand-invoice-grid{grid-template-columns:1fr}
	.ps-brand-preview{position:relative;top:auto}
}

/* Public registration onboarding */
.sq-register-page .sq-register-form-wrap{max-width:1040px}
.sq-register-page #register-form>.panel_s{overflow:hidden;border:1px solid #dfe7f3!important;border-radius:24px!important;background:#fff;box-shadow:0 28px 70px rgba(24,58,120,.12)!important}
.sq-register-page #register-form .panel-body{padding:24px!important}
.ps-public-register-wizard{width:100%}
.ps-register-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px;padding:8px;border:1px solid #e3ebf7;border-radius:18px;background:#f7faff}
.ps-register-progress button{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-height:62px;padding:10px 12px;border:1px solid transparent;border-radius:14px;background:transparent;color:#738198;text-align:left;transition:.2s ease}
.ps-register-progress button span{grid-row:1/3;display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:#e8eef7;color:#77869d;font-size:13px;font-weight:900}
.ps-register-progress button strong{align-self:end;font-size:12px;font-weight:900;line-height:1.2}
.ps-register-progress button small{align-self:start;color:#98a4b7;font-size:10px;line-height:1.2}
.ps-register-progress button.is-active{border-color:#cbd9ff;background:#fff;color:#2456d8;box-shadow:0 10px 28px rgba(49,103,246,.1)}
.ps-register-progress button.is-active span{background:linear-gradient(135deg,#3167f6,#1b91d2);color:#fff;box-shadow:0 9px 20px rgba(49,103,246,.24)}
.ps-register-progress button.is-complete span{background:#dcfce7;color:#15803d}
.ps-register-plan-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:13px;margin-bottom:20px;padding:15px 17px;border:1px solid #dce7ff;border-radius:16px;background:linear-gradient(135deg,#f7faff,#eef7ff)}
.ps-register-plan-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;background:#fff;color:#3167f6;box-shadow:0 9px 22px rgba(49,103,246,.12)}
.ps-register-plan-card small{display:block;margin-bottom:2px;color:#6e7e95;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.ps-register-plan-card strong{display:block;color:#172641;font-size:15px;font-weight:900}
.ps-register-plan-card p{margin:3px 0 0;color:#738198;font-size:11px;line-height:1.45}
.ps-register-change-plan{padding:8px 11px;border:1px solid #ccdaf1;border-radius:10px;background:#fff;color:#2456d8;font-size:11px;font-weight:800;line-height:1.35;transition:.18s ease}
.ps-register-change-plan:hover,.ps-register-change-plan:focus{border-color:#9db8f7;background:#f7faff;color:#1748c7;outline:0;box-shadow:0 7px 18px rgba(49,103,246,.12)}
.ps-register-plan-picker{display:none;margin:-8px 0 20px;padding:16px;border:1px solid #dfe8f5;border-radius:17px;background:#f9fbfe}
.ps-register-plan-picker.is-open{display:block;animation:ps-onboarding-in .2s ease both}
.ps-register-plan-picker-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.ps-register-plan-picker-head strong{display:block;color:#172641;font-size:13px;font-weight:900}
.ps-register-plan-picker-head small{display:block;margin-top:3px;color:#7c899d;font-size:10px;line-height:1.45}
.ps-register-plan-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ps-register-plan-option{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-height:66px;padding:12px;border:1px solid #dfe7f2;border-radius:13px;background:#fff;color:#25344f;transition:.18s ease}
.ps-register-plan-option:hover,.ps-register-plan-option:focus{border-color:#a9c0f7;color:#1748c7;text-decoration:none;transform:translateY(-1px);box-shadow:0 9px 22px rgba(49,103,246,.1)}
.ps-register-plan-option.is-selected{border-color:#8eb0ff;background:linear-gradient(135deg,#f5f8ff,#eef7ff);box-shadow:inset 0 0 0 1px rgba(49,103,246,.08)}
.ps-register-plan-option-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#edf3ff;color:#3167f6}
.ps-register-plan-option strong{display:block;font-size:11px;font-weight:900}
.ps-register-plan-option small{display:block;margin-top:2px;color:#7c899d;font-size:9px;line-height:1.35}
.ps-public-register-step{display:none;animation:ps-onboarding-in .22s ease both}
.ps-public-register-step.is-active{display:block}
.ps-public-register-step>div>.register-contact-info-heading,.ps-public-register-step>div>.register-company-info-heading{margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #e8edf5;color:#172641;font-size:16px;font-weight:900}
.ps-public-register-step[data-register-step="1"]>div,.ps-public-register-step[data-register-step="2"]>div:first-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.ps-public-register-step[data-register-step="1"] .register-contact-info-heading,.ps-public-register-step[data-register-step="2"] .register-company-info-heading,.ps-public-register-step .register-contact-custom-fields,.ps-public-register-step .register-company-custom-fields{grid-column:1/-1}
.ps-public-register-step .form-group{min-width:0}
.ps-register-company-extras{margin-top:6px}
.ps-register-url-preview{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:13px;margin:0 0 18px;padding:14px 16px;border:1px solid #cfe0ff;border-radius:15px;background:linear-gradient(135deg,#f5f8ff,#edf7ff);box-shadow:0 10px 25px rgba(49,103,246,.07)}
.ps-register-url-preview-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:13px;background:#fff;color:#3167f6;box-shadow:0 8px 18px rgba(49,103,246,.12)}
.ps-register-url-preview small{display:block;margin-bottom:3px;color:#6e7e95;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.ps-register-url-preview strong{display:block;overflow:hidden;color:#1848bf;font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}
.ps-register-url-preview p{margin:4px 0 0;color:#7b899e;font-size:9px;line-height:1.4}
.ps-register-section-head{margin:20px 0 12px}
.ps-register-section-head>span{display:block;margin-bottom:4px;color:#258d91;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.ps-register-section-head h4{margin:0!important;color:#172641;font-size:15px;font-weight:900}
.ps-register-section-head p{margin:4px 0 0;color:#7c899d;font-size:11px}
.ps-register-domain-grid,.ps-register-brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.ps-register-brand-card{margin-top:18px;padding:17px;border:1px solid #e1e9f4;border-radius:17px;background:#f9fbfe}
.ps-register-brand-card .ps-register-section-head{margin:0 0 13px}
.ps-register-color-field{display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:end;gap:10px}
.ps-register-color-field label{grid-column:1/-1}
.ps-register-color-field input[type="color"]{width:48px;height:40px;padding:3px;border:1px solid #d9e2ef;border-radius:10px;background:#fff}
.ps-register-invoice-toggle{display:flex;align-items:flex-start;gap:10px;margin:5px 0 0;padding:12px;border:1px solid #dfe8f4;border-radius:13px;background:#fff;cursor:pointer}
.ps-register-invoice-toggle input{margin-top:3px}
.ps-register-invoice-toggle span{display:flex;flex-direction:column}
.ps-register-invoice-toggle strong{color:#22314d;font-size:11px;font-weight:900}
.ps-register-invoice-toggle small{margin-top:2px;color:#8290a4;font-size:10px}
.ps-register-functions .ps-tenant-menu-setup{margin-top:0}
.sq-register-page .ps-tenant-menu-head span{font-size:10px}
.sq-register-page .ps-tenant-menu-head h4{font-size:16px}
.sq-register-page .ps-tenant-menu-head p{font-size:11px}
.sq-register-page .ps-tenant-menu-head strong{font-size:10px}
.sq-register-page .ps-menu-preset{font-size:10px}
.sq-register-page .ps-tenant-menu-copy strong{font-size:11px}
.sq-register-page .ps-tenant-menu-copy small{font-size:9px}
.sq-register-page .ps-tenant-menu-card{min-height:82px}
.ps-register-actions{display:flex;align-items:center;gap:9px;padding:16px 24px!important;border-top:1px solid #e6ecf4!important;background:#f9fbfe!important}
.ps-register-actions-spacer{flex:1}
.ps-register-actions .btn{min-height:42px;padding:10px 17px;border-radius:11px;font-weight:800}

@media(max-width:767px){
	.sq-register-page #register-form .panel-body{padding:15px!important}
	.sq-register-page #register-form>.panel_s{border-radius:18px!important}
	.ps-register-progress{grid-template-columns:1fr;gap:6px}
	.ps-register-progress button{min-height:52px}
	.ps-register-plan-card{grid-template-columns:42px minmax(0,1fr)}
	.ps-register-change-plan{grid-column:1/-1;text-align:center}
	.ps-register-plan-picker{padding:13px}
	.ps-register-plan-picker-head{display:block}
	.ps-register-plan-options{grid-template-columns:1fr}
	.ps-public-register-step[data-register-step="1"]>div,.ps-public-register-step[data-register-step="2"]>div:first-child,.ps-register-domain-grid,.ps-register-brand-grid{grid-template-columns:1fr}
	.ps-public-register-step[data-register-step="1"] .register-contact-info-heading,.ps-public-register-step[data-register-step="2"] .register-company-info-heading{grid-column:auto}
	.ps-register-brand-card{padding:14px}
	.ps-register-url-preview{grid-template-columns:38px minmax(0,1fr);padding:12px}
	.ps-register-url-preview-icon{width:38px;height:38px}
	.ps-register-url-preview strong{font-size:10px;white-space:normal;word-break:break-all}
	.ps-register-actions{padding:13px 15px!important}
	.ps-register-actions .btn{flex:1;padding-right:9px;padding-left:9px}
	.ps-register-actions-spacer{display:none}
}
