/* Shared client experience. Component rules stay outside the approved navigation. */
:root {
    --ph-bg: #f5f7fb;
    --ph-surface: #fff;
    --ph-surface-alt: #f7f9fc;
    --ph-ink: #334564;
    --ph-muted: #65748d;
    --ph-line: #e8edf5;
    --ph-primary: #365ad8;
    --ph-primary-action: #365ad8;
    --ph-on-primary: #fff;
    --ph-primary-soft: #edf2ff;
    --ph-success: #18715c;
    --ph-success-soft: #edf8f2;
    --ph-warning: #966026;
    --ph-warning-soft: #fff5e8;
    --ph-danger: #b43e53;
    --ph-danger-soft: #fff0f2;
    --ph-info-soft: #eff5ff;
    --ph-shadow: 0 4px 24px rgba(30,52,95,.025);
    --ph-radius: 20px;
}
html[data-ph-theme="dark"], body.nightMode {
    --ph-bg: #121a2a;
    --ph-surface: #1a2437;
    --ph-surface-alt: #222e44;
    --ph-ink: #dce6f7;
    --ph-muted: #98a9c4;
    --ph-line: #31405b;
    --ph-primary: #a5b8ff;
    --ph-primary-action: #4863d5;
    --ph-on-primary: #17223b;
    --ph-primary-soft: #293b67;
    --ph-success: #83d7b3;
    --ph-success-soft: #273f3c;
    --ph-warning: #e1b982;
    --ph-warning-soft: #453b34;
    --ph-danger: #f2a0ad;
    --ph-danger-soft: #453040;
    --ph-info-soft: #2a3a59;
    --ph-shadow: 0 10px 32px rgba(0,0,0,.2);
}
body.ph-site, body.ph-standalone {
    --light-blue: var(--ph-bg);
    --white: var(--ph-surface);
    --dark-blue: var(--ph-ink);
    --blue: var(--ph-primary-action);
    --green: var(--ph-success);
    --red: var(--ph-danger);
    background: var(--ph-bg);
    color: var(--ph-ink);
    font-size: 14px;
    line-height: 1.9;
    user-select: auto;
    overflow: auto;
    overflow-x: clip;
    min-height: 100dvh;
}
.ph-client-layout {
    width: calc(100% - 64px);
    max-width: 1380px;
    margin: 32px auto 0;
    gap: 24px;
    padding-bottom: 40px;
    align-items: flex-start;
}
.ph-client-layout > .ph-page-content { flex: 1 1 0; min-width: 0; width: 100%; margin: 0; gap: 24px; }
.ph-page-content, .ph-page-content * { transition-property: color, background-color, border-color, opacity, box-shadow, transform; }
.ph-page-content { min-width: 0; color: var(--ph-ink); text-align: start; }
.ph-page-content :is(img, video, canvas, iframe) { max-width: 100%; }
.ph-page-content img { height: auto; }
.ph-page-content a { color: var(--ph-primary); overflow-wrap: anywhere; }
.ph-page-content a:hover { color: var(--ph-primary); }
.ph-page-content :is(h1,h2,h3,h4,h5,h6) { color: var(--ph-ink); line-height: 1.8; font-weight: 600; overflow-wrap: anywhere; }
.ph-page-content h1 { font-size: 24px; }
.ph-page-content h2 { font-size: 19px; margin: 0 0 22px; }
.ph-page-content h3 { font-size: 16px; margin: 0 0 16px; }
.ph-page-content :is(h4,h5,h6) { font-size: 14px; }
.ph-page-content :is(h2,h3)::before { display: none; }
.ph-page-content strong { font-weight: 600; }
.ph-page-content p { line-height: 2; overflow-wrap: anywhere; }
.ph-page-content :is(.text-muted,.help-block,.small-text) { color: var(--ph-muted); }
.ph-page-content hr { border-color: var(--ph-line); margin: 22px 0; }
.ph-page-content :is(.whiteboard,.panel,.card,.well,.list-group,.knowledgebase-cat,.kbarticle) {
    background: var(--ph-surface);
    color: var(--ph-ink);
    border: 1px solid var(--ph-line);
    border-radius: var(--ph-radius);
    box-shadow: var(--ph-shadow);
    min-width: 0;
}
.ph-page-content .whiteboard { padding: 26px; width: 100%; margin: 0; }
.ph-page-content :is(.panel-heading,.card-header) { background: var(--ph-surface); border-bottom: 1px solid var(--ph-line); color: var(--ph-ink); border-radius: 19px 19px 0 0; padding: 18px 22px; }
.ph-page-content :is(.panel-title,.card-title) { font-size: 15px; margin: 0; }
.ph-page-content :is(.panel-body,.card-body) { padding: 22px; }
.ph-page-content :is(.panel-footer,.card-footer) { padding: 16px 22px; background: var(--ph-surface-alt); border-top: 1px solid var(--ph-line); border-radius: 0 0 19px 19px; color: var(--ph-muted); }
.ph-page-content .header-lined { margin: 0 0 22px; border-bottom: 1px solid var(--ph-line); padding-bottom: 16px; }
.ph-page-content .header-lined h1 { margin: 0; border: 0; }
.ph-page-content .header-lined small { color: var(--ph-muted); display: block; font-size: 13px; margin-top: 6px; }
.ph-page-content :is(form,fieldset,.row,[class*="col-"]) { min-width: 0; }
.ph-page-content .container { max-width: 100%; width: 100%; }
.ph-page-content .form-group { margin-bottom: 20px; }
.ph-page-content :is(label,.control-label) { color: var(--ph-ink); font-size: 13px; line-height: 1.9; font-weight: 500; }
.ph-page-content label { margin-bottom: 7px; }
.ph-page-content :is(.form-control,.field,textarea,select,input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"])) {
    border: 1px solid var(--ph-line);
    border-radius: 11px;
    background: var(--ph-surface-alt);
    color: var(--ph-ink);
    box-shadow: none;
    min-height: 46px;
    height: auto;
    max-width: 100%;
    padding: 10px 13px;
    font-size: 13px;
    line-height: 1.8;
}
.ph-page-content :is(.form-control,.field) { width: 100%; }
.ph-page-content input[type="search"] { display: block !important; }
.ph-page-content textarea { resize: vertical; min-height: 132px; width: 100%; }
.ph-page-content input::placeholder, .ph-page-content textarea::placeholder { color: var(--ph-muted); opacity: .85; }
.ph-page-content :is(.form-control,.field,input,textarea,select):focus { border-color: var(--ph-primary); box-shadow: 0 0 0 3px var(--ph-primary-soft); outline: none; }
.ph-page-content :is(input,textarea,select):disabled { opacity: .7; cursor: not-allowed; background: var(--ph-surface-alt); }
.ph-page-content :is(input[type="email"],input[type="url"],input[type="tel"],input[name="domain"]) { direction: ltr; text-align: start; }
.ph-page-content :is(input[type="radio"],input[type="checkbox"]) { accent-color: var(--ph-primary-action); width: 17px; height: 17px; margin: 0 4px; vertical-align: middle; flex-shrink: 0; }
.ph-page-content input[type="file"] { padding: 10px; color: var(--ph-muted); border: 1px dashed var(--ph-line); border-radius: 11px; background: var(--ph-surface-alt); min-height: 46px; }
.ph-page-content input[type="file"]::file-selector-button { border: 0; border-radius: 7px; padding: 6px 10px; margin-inline-end: 10px; color: var(--ph-primary); background: var(--ph-primary-soft); cursor: pointer; }
.ph-page-content .input-group { max-width: 100%; }
.ph-page-content :is(.input-group-addon,.input-group-text) { border: 1px solid var(--ph-line); background: var(--ph-surface-alt); color: var(--ph-muted); border-radius: 11px; }
.ph-page-content :is(.intl-tel-input,.iti) { width: 100%; direction: ltr; }
.ph-page-content :is(.intl-tel-input input,.iti input) { width: 100%; padding-left: 54px; }
.ph-page-content :is(.country-list,.iti__country-list) { background: var(--ph-surface); color: var(--ph-ink); border-color: var(--ph-line); box-shadow: var(--ph-shadow); }
.ph-page-content .has-error .form-control { border-color: var(--ph-danger); }
.ph-page-content .has-error .help-block { color: var(--ph-danger); }
.ph-page-content :is(.btn,input[type="submit"],input[type="button"]) {
    min-height: 44px;
    height: auto;
    padding: 10px 17px;
    border-radius: 11px;
    border: 1px solid transparent;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.8;
    max-width: 100%;
    white-space: normal;
    cursor: pointer;
    box-shadow: none;
}
.ph-page-content :is(.btn-default,.btn-secondary,.btn-link) { background: var(--ph-surface-alt); border-color: var(--ph-line); color: var(--ph-ink); }
.ph-page-content :is(.btn-primary,.btn-info,input[type="submit"]) { background: var(--ph-primary-action); border-color: var(--ph-primary-action); color: #fff; }
.ph-page-content .btn-success { background: var(--ph-success-soft); color: var(--ph-success); border-color: var(--ph-success-soft); }
.ph-page-content .btn-warning { background: var(--ph-warning-soft); color: var(--ph-warning); border-color: var(--ph-warning-soft); }
.ph-page-content .btn-danger { background: var(--ph-danger-soft); color: var(--ph-danger); border-color: var(--ph-danger-soft); }
.ph-page-content .btn:hover { filter: brightness(.97); transform: translateY(-1px); }
.ph-page-content .btn-default:hover { color: var(--ph-primary) !important; background: var(--ph-primary-soft) !important; border-color: var(--ph-line) !important; }
.ph-page-content .btn:disabled, .ph-page-content .btn.disabled { opacity: .6; cursor: not-allowed; transform: none; }
.ph-page-content .btn-sm { min-height: 36px; padding: 7px 12px; font-size: 12px; }
.ph-page-content .btn-xs { min-height: 30px; padding: 5px 9px; font-size: 11px; }
.ph-page-content :is(a,button,input,textarea,select,[tabindex]):focus-visible { outline: 2px solid var(--ph-primary); outline-offset: 3px; }
.ph-page-content :is(.alert,.verification-banner,.verifEmail) { border: 1px solid var(--ph-line); border-radius: 14px; padding: 17px 20px; min-height: 0; font-size: 13px; line-height: 1.9; overflow-wrap: anywhere; }
.ph-page-content .verifEmail { display:flex; align-items:center; justify-content:flex-start; gap:16px; width:100%; margin:0 0 24px; padding:20px; border-radius:16px; background:var(--ph-surface); color:var(--ph-ink); }
.verifEmail .ph-verify-email-icon { display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; border-radius:12px; color:var(--ph-primary); background:var(--ph-primary-soft); font-size:23px; }
.verifEmail .ph-verify-email-copy { flex:1; min-width:0; }
.verifEmail .ph-verify-email-copy strong { display:block; font-size:13px; font-weight:600; line-height:1.8; }
.ph-page-content .verifEmail .ph-verify-email-copy p { margin:4px 0 0; width:auto; font-size:11px; color:var(--ph-muted); line-height:1.9; }
.ph-page-content .verifEmail #btnResendVerificationEmail { display:inline-flex; align-items:center; justify-content:center; gap:8px; flex-shrink:0; width:auto; min-height:40px; margin:0; padding:9px 14px; border:1px solid var(--ph-line); border-radius:10px; background:var(--ph-surface-alt); color:var(--ph-primary); font-size:11px; font-weight:500; line-height:1.8; cursor:pointer; transition:background .18s,border-color .18s; }
.ph-page-content .verifEmail #btnResendVerificationEmail:hover { border-color:var(--ph-primary); background:var(--ph-primary-soft); }
.ph-page-content .verifEmail #btnResendVerificationEmail:disabled { opacity:.65; cursor:default; }
.ph-page-content .verifEmail #btnEmailVerificationClose { display:grid; place-items:center; flex:0 0 32px; width:32px; height:32px; margin:0; padding:0; border:0; border-radius:8px; background:transparent; color:var(--ph-muted); cursor:pointer; }
.ph-page-content .verifEmail #btnEmailVerificationClose i { font-size:19px; color:inherit; }
.ph-page-content .verifEmail #btnEmailVerificationClose:hover { background:var(--ph-surface-alt); color:var(--ph-ink); }
.ph-page-content .verifEmail button:focus-visible { outline:2px solid var(--ph-primary); outline-offset:3px; }
@media(max-width:600px) {
    .ph-page-content .verifEmail { position:relative; flex-wrap:wrap; align-items:flex-start; gap:12px; padding:18px 16px; }
    .verifEmail .ph-verify-email-icon { flex-basis:38px; width:38px; height:38px; font-size:21px; }
    .verifEmail .ph-verify-email-copy { padding-inline-end:26px; }
    .ph-page-content .verifEmail #btnEmailVerificationClose { position:absolute; inset-inline-end:10px; top:12px; }
    .ph-page-content .verifEmail #btnResendVerificationEmail { flex-basis:100%; min-height:42px; }
}
.ph-page-content .alert-info { color: var(--ph-primary); background: var(--ph-info-soft); border-color: transparent; }
.ph-page-content .alert-success { color: var(--ph-success); background: var(--ph-success-soft); border-color: transparent; }
.ph-page-content :is(.alert-danger,.alert-error) { color: var(--ph-danger); background: var(--ph-danger-soft); border-color: transparent; }
.ph-page-content .alert-warning { color: var(--ph-warning); background: var(--ph-warning-soft); border-color: transparent; }
.ph-page-content .alert.alert-warning { margin-block: 16px; }
.ph-page-content .alert a { color: inherit; text-decoration: underline !important; text-underline-offset: 3px; }
.ph-page-content :is(.list-group-item,.list-group-item-action) { padding: 14px 18px; background: var(--ph-surface); color: var(--ph-ink); border-color: var(--ph-line); overflow-wrap: anywhere; }
.ph-page-content .list-group-item:first-child { border-radius: 19px 19px 0 0; }
.ph-page-content .list-group-item:last-child { border-radius: 0 0 19px 19px; }
.ph-page-content .list-group-item.active { background: var(--ph-primary-soft); color: var(--ph-primary); border-color: var(--ph-line); }
.ph-page-content :is(.nav-tabs,.nav-pills) { height: auto; width: 100%; max-width: none; padding: 0; margin: 0 0 22px; border-color: var(--ph-line); display: flex; flex-wrap: wrap; gap: 6px; }
.ph-page-content :is(.nav-tabs,.nav-pills) > li { float: none; margin: 0; }
.ph-page-content :is(.nav-tabs,.nav-pills) > li > a { padding: 11px 16px; border: 1px solid transparent; border-radius: 11px; color: var(--ph-muted); background: transparent; }
.ph-page-content :is(.nav-tabs,.nav-pills) > li.active > a { color: var(--ph-primary); background: var(--ph-primary-soft); border-color: transparent; }
.ph-page-content :is(.breadcrumb,.Breadcrumb) { background: transparent; color: var(--ph-muted); border-radius: 0; }
.ph-page-content table { width: 100%; max-width: 100%; color: var(--ph-ink); font-size: 13px; border-color: var(--ph-line); }
.ph-page-content table :is(th,td) { padding: 14px 16px; border-color: var(--ph-line); vertical-align: middle; line-height: 1.8; }
.ph-page-content table thead th { background: var(--ph-surface-alt); color: var(--ph-muted); font-weight: 500; font-size: 12px; border-bottom: 1px solid var(--ph-line); }
.ph-page-content table tbody td { background: var(--ph-surface); }
.ph-page-content table.table-striped tbody tr:nth-child(odd) td { background: var(--ph-surface-alt); }
.ph-page-content table.table-hover tbody tr:hover td { background: var(--ph-primary-soft); }
.ph-page-content :is(.ph-table-scroll,.table-responsive,.listtable,.table-container) { max-width: 100%; min-width: 0; width: 100%; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; scrollbar-color: var(--ph-line) transparent; border-radius: 12px; }
.ph-page-content .ph-table-scroll { margin-bottom: 20px; }
.ph-page-content .ph-table-scroll table { margin-bottom: 0; }
.ph-page-content .dataTables_wrapper { max-width: 100%; min-width: 0; }
.ph-page-content table.dataTable { min-width: 600px !important; }
.ph-page-content #tableDomainsList { min-width: 650px !important; }
.ph-page-content table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before { background: var(--ph-primary-action); box-shadow: none; border-color: var(--ph-surface); color: #fff; }
.ph-page-content table.dataTable .dtr-details { width: 100%; }
.ph-page-content table.dataTable .dtr-details li { border-color: var(--ph-line); padding: 8px 0; }
.ph-page-content .dataTables_wrapper :is(.dataTables_filter,.dataTables_length) { color: var(--ph-muted); margin: 0 0 18px; height: auto; }
.ph-page-content .dataTables_wrapper .dataTables_filter label { display: block; height: auto; max-width: 100%; }
.ph-page-content .dataTables_wrapper .dataTables_filter label .form-control { position: static; min-width: 0; width: min(230px,100%); margin: 0; border: 1px solid var(--ph-line); background: var(--ph-surface-alt); color: var(--ph-ink); border-radius: 8px; }
.ph-page-content .dataTables_wrapper .listtable { overflow-y: hidden; margin-bottom: 18px; }
.ph-page-content .dataTables_wrapper .dataTables_length select { width: auto; min-height: 40px; padding: 6px 10px; }
.ph-page-content .dataTables_info { color: var(--ph-muted); font-size: 12px; }
.ph-page-content .pagination { display: flex; flex-wrap: wrap; gap: 5px; }
.ph-page-content .pagination > li > :is(a,span) { border: 1px solid var(--ph-line); background: var(--ph-surface); color: var(--ph-muted); border-radius: 8px; padding: 7px 12px; margin: 0; }
.ph-page-content .pagination > .active > :is(a,span) { background: var(--ph-primary-soft); color: var(--ph-primary); border-color: transparent; }
.ph-page-content :is(.badge,.label) { border-radius: 7px; font-weight: 500; line-height: 1.7; padding: 3px 9px; }
.ph-page-content :is(.label-default,.badge) { background: var(--ph-surface-alt); color: var(--ph-muted); }
.ph-page-content :is(.label-success,.status-active,.status-paid) { color: var(--ph-success); background: var(--ph-success-soft); }
.ph-page-content :is(.label-warning,.status-pending,.status-unpaid) { color: var(--ph-warning); background: var(--ph-warning-soft); }
.ph-page-content :is(.label-danger,.status-suspended,.status-overdue) { color: var(--ph-danger); background: var(--ph-danger-soft); }
.ph-page-content .label-info { color: var(--ph-primary); background: var(--ph-info-soft); }
.ph-page-content pre { direction: ltr; text-align: left; overflow: auto; max-width: 100%; background: var(--ph-surface-alt); color: var(--ph-ink); border: 1px solid var(--ph-line); border-radius: 11px; padding: 16px; }
.ph-page-content code { color: var(--ph-primary); background: var(--ph-primary-soft); border-radius: 5px; padding: 2px 5px; }
.ph-page-content .progress { background: var(--ph-surface-alt); border-radius: 10px; box-shadow: none; }
.ph-page-content .progress-bar { background: var(--ph-primary-action); box-shadow: none; }
.ph-site :is(.fa,.fas,.far,.fal),.ph-standalone :is(.fa,.fas,.far,.fal) { font-family: "Font Awesome 5 Pro" !important; }
.ph-site :is(.fa,.fas),.ph-standalone :is(.fa,.fas) { font-weight: 900; }
.ph-site .far,.ph-standalone .far { font-weight: 400; }
.ph-site .fab,.ph-standalone .fab { font-family: "Font Awesome 5 Brands" !important; }
/* Keep Bootstrap icon glyphs out of the legacy universal Persian font rule. */
.ph-site .glyphicon,.ph-standalone .glyphicon { font-family: "Glyphicons Halflings" !important; font-weight: 400; font-style: normal; }
.ph-site .modal-content, .ph-standalone .modal-content { border: 1px solid var(--ph-line); border-radius: 20px; background: var(--ph-surface); color: var(--ph-ink); box-shadow: 0 20px 80px rgba(15,25,45,.18); }
.ph-site :is(.modal-header,.modal-footer), .ph-standalone :is(.modal-header,.modal-footer) { border-color: var(--ph-line); background: transparent; padding: 20px 24px; }
.ph-site .modal-body, .ph-standalone .modal-body { padding: 24px; }
.ph-site .modal-title, .ph-standalone .modal-title { font-size: 16px; font-weight: 600; }
.ph-site .modal .close, .ph-standalone .modal .close { background: transparent; color: var(--ph-muted); opacity: 1; }
.ph-site .modal :is(.form-control,input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"])) { color: var(--ph-ink); background: var(--ph-surface-alt); border-color: var(--ph-line); }
.ph-site .modal .btn-default { background: var(--ph-surface-alt); color: var(--ph-ink); border-color: var(--ph-line); }
.ph-site .modal .btn-primary { background: var(--ph-primary-action); color: #fff; border-color: transparent; }
.ph-page-content input:-webkit-autofill { -webkit-text-fill-color: var(--ph-ink) !important; -webkit-box-shadow: 0 0 0 40px var(--ph-surface-alt) inset !important; }
body.ph-standalone { padding: 32px 24px; }
body.ph-standalone > .ph-page-content { width: 100%; max-width: 1100px; margin: auto; }
body.ph-auth-page { padding: 0; }
body.ph-auth-page .ph-auth-layout { display: block; width: min(100% - 32px, 1080px); max-width: 1080px; margin: 0 auto; padding: 48px 0 64px; }
body.ph-auth-page .ph-auth-layout > .ph-page-content { width: 100%; max-width: 1120px; margin: 0 auto; }
body.ph-auth-page .ph-auth-layout > .ph-page-content > :is(.custom-login-page-v2,.myregisterform) { width: 100%; }
body.ph-auth-page .ph-auth-layout > .ph-page-content > .custom-login-page-v2 { min-height: calc(100dvh - 112px); display: flex; flex-direction: column; justify-content: center; }
body.ph-auth-page .ph-auth-layout > .ph-page-content > .myregisterform { min-height: calc(100dvh - 112px); display: flex; flex-direction: column; justify-content: center; }
body.ph-auth-page .ph-page-content .custom-login-page-v2 .login-page-header,
body.ph-auth-page .ph-page-content .myregisterform .registernav { max-width: none; }
body.ph-auth-page .ph-page-content .custom-login-page-v2 .login-wrapper .login-form-container,
body.ph-auth-page .ph-page-content .myregisterform form { box-shadow: 0 20px 60px rgba(26,43,78,.08); }
@media (max-width: 1250px) { .ph-client-layout { width: calc(100% - 48px); } .ph-client-layout > .ph-page-content { width: 100%; margin: 0; } }
@media (max-width: 768px) {
    .ph-page-content .whiteboard { padding: 22px; }
    .ph-page-content h1 { font-size: 22px; }
    .ph-page-content h2 { font-size: 18px; }
    .ph-page-content :is(.dataTables_filter,.dataTables_length) { float: none !important; text-align: start !important; }
    .ph-page-content .dataTables_wrapper .dataTables_filter label .form-control { width: 100%; margin: 0; }
    .ph-page-content table { font-size: 12px; }
    .ph-page-content table :is(th,td) { padding: 12px; }
    .ph-site .modal-dialog,.ph-standalone .modal-dialog { margin: 12px; width: auto; }
}
@media (max-width: 640px) {
    .ph-client-layout { width: calc(100% - 24px); margin-top: 22px; padding-bottom: 28px; gap: 16px; }
    .ph-client-layout > .ph-page-content { gap: 18px; }
    .ph-page-content .whiteboard { padding: 20px 17px; border-radius: 16px; }
    .ph-page-content :is(.panel-body,.card-body) { padding: 18px; }
    .ph-page-content :is(.panel-heading,.card-header,.panel-footer,.card-footer) { padding: 15px 18px; }
    .ph-page-content .form-group { margin-bottom: 17px; }
    .ph-page-content .alert { padding: 14px 16px; }
    .ph-page-content .nav-tabs > li > a { padding: 9px 12px; font-size: 12px; }
    body.ph-standalone { padding: 18px 12px; }
    body.ph-auth-page .ph-auth-layout { width: calc(100% - 24px); padding: 24px 0 40px; }
    body.ph-auth-page .ph-auth-layout > .ph-page-content > .custom-login-page-v2 { min-height: calc(100dvh - 64px); }
}
@media (prefers-reduced-motion: reduce) { .ph-page-content * { transition: none !important; animation: none !important; } }
@media print {
    html[data-ph-theme],body.ph-site,body.ph-standalone,body.nightMode { --ph-bg:#fff; --ph-surface:#fff; --ph-surface-alt:#fff; --ph-ink:#222; --ph-muted:#555; --ph-line:#ddd; --ph-primary:#222; --ph-shadow:none; background:#fff !important; color:#222 !important; }
    .ph-header,#phSidebar,.backgroundMenu,[data-ph-global-theme] { display:none !important; }
    .ph-client-layout { display:block; margin:0; padding:0; max-width:none; width:100%; }
    .ph-client-layout > .ph-page-content { width:100%; }
    .ph-page-content .whiteboard { box-shadow:none; border:0; padding:0; }
    .ph-page-content :is(.ph-table-scroll,.table-responsive) { overflow:visible; }
    .ph-page-content table { min-width:0 !important; }
}