Supervisor Manager for Plesk

Name: Supervisor Manager
Author: ghostcompiler

Manage Supervisor processes from Plesk with admin, reseller, and customer scoped access.

Overview

Supervisor Manager is a Plesk extension for creating and managing Supervisor programs directly from the Plesk interface.

It is built for hosting panels where admins need to run background commands for individual domains while keeping customers locked to their own domain scope. It can manage PHP workers, Node workers, queue consumers, schedulers, websocket servers, custom scripts, and other long-running services.

Creator

Name: Ghost Compiler
Email: hello@ghostcompiler.in
GitHub: ghostcompiler/supervisor-manager
Profile: github.com/ghostcompiler

Use Cases

Run queue workers and background consumers.
Run Node, PHP, Python, or shell-based worker processes.
Manage websocket servers, schedulers, bots, daemons, and custom long-running commands.
Let customers restart only the processes assigned to their domains.
Give admins a single Plesk page for status, config generation, restart controls, and live logs.
Keep Supervisor config files generated consistently under /etc/supervisor/conf.d.

Screenshots

Open the full GitHub Pages documentation site:

Supervisor Manager Documentation

Details

1. Dashboard

2. Add Program

3. Live Logs

Features

Admin dashboard for all managed Supervisor programs.
Customer and reseller scoped access by assigned Plesk domain.
Add, edit, delete, start, stop, restart, and regenerate config.
Live log preview with pause/resume and 120/300/500 line views.
Automatic Supervisor config generation.
Project root locking so users cannot escape their domain area.
Project root validation for domain-owned applications.
Runtime PATH handling for Plesk PHP, Plesk Node.js, and system binaries.
Generated config and log paths shown in the UI.
One-click Supervisor install on supported Linux distributions.

Requirements

Plesk Onyx or Obsidian on Linux.
PHP available to Plesk admin runtime.
Supervisor installed, or an OS supported by the install button.
Required runtime installed for the command you want to run, such as PHP, Node.js, Python, or another CLI binary.

Supported install detection includes:

Ubuntu / Debian
AlmaLinux / Rocky / RHEL / CentOS / Fedora

Installation

Install the latest runner-built package directly from GitHub:

plesk bin extension --install-url https://github.com/ghostcompiler/supervisor-manager/releases/download/latest/supervisor-manager.zip

This URL points to the rolling latest release asset. The Package Latest workflow rebuilds supervisor-manager.zip from the current main branch on every push and whenever it is started manually, so the install command stays stable and does not depend on a hardcoded version number.

Pinned version installs are also available after publishing a versioned release:

plesk bin extension --install-url https://github.com/ghostcompiler/supervisor-manager/releases/download/v1.0.3/supervisor-manager-1.0.3.zip

Build the extension ZIP:

mkdir -p build
COPYFILE_DISABLE=1 zip -r build/supervisor-manager-1.0.3.zip meta.xml DESCRIPTION.md CHANGES.md README.md htdocs plib sbin -x '*.DS_Store' -x '__MACOSX/*'

Install through Plesk CLI:

plesk bin extension --install build/supervisor-manager-1.0.3.zip

Or install through Plesk UI:

Open Plesk Admin.
Go to Extensions.
Click Upload Extension.
Upload build/supervisor-manager-1.0.3.zip.
Open Supervisor from the Plesk sidebar.

Version 1.0.3

Version 1.0.3 improves Supervisor runtime setup, domain PHP detection, and log handling. It adds service health diagnostics with a repair action, generates domain-scoped Supervisor program names, resolves php through the selected Plesk domain PHP handler, and adds copy/clear controls for live logs.

After installing:

Open Supervisor from Plesk.
Use Repair Supervisor if the service or socket needs setup.
Regenerate existing program configs so domain PHP paths and scoped names are written.
Restart affected programs from the extension.
Use Copy Log or Clear Log from the logs page when troubleshooting.

How It Works

When an authorized user saves a program, the extension:

Validates the selected domain.
Locks the project root to the selected domain area.
Generates a Supervisor config file.
Writes the config to /etc/supervisor/conf.d.
Runs supervisorctl reread and supervisorctl update.
Shows status, config path, log path, and live logs in Plesk.

Adding a Program

Example queue worker:

Supervisor Program Name: queue-worker
Display Name: Queue Worker
Assigned Domain: example.com
Command: php artisan queue:work --sleep=3 --tries=3
Project Root: /var/www/vhosts/example.com/app
Start on boot: enabled
Restart if it exits: enabled
Enabled: enabled

Example Node worker:

Supervisor Program Name: realtime-worker
Display Name: Realtime Worker
Assigned Domain: example.com
Command: npm run worker
Project Root: /var/www/vhosts/example.com/realtime-app

Example custom script:

Supervisor Program Name: importer
Display Name: Product Importer
Assigned Domain: example.com
Command: /usr/bin/python3 worker.py
Project Root: /var/www/vhosts/example.com/importer

Set Project Root to the application folder where the command should run. For Laravel commands, this is usually the folder containing artisan. For Node.js commands, this is usually the folder containing package.json.

Generated Files

Supervisor configs:

/etc/supervisor/conf.d/plesk-*.conf

RHEL-style fallback path:

/etc/supervisord.d/plesk-*.conf

Program logs:

/var/log/supervisor/plesk/*.log

Extension data:

/usr/local/psa/var/modules/supervisor-manager/data/programs.json

Privileged helper:

/usr/local/psa/admin/sbin/modules/supervisor-manager/supervisor-manager

Security Model

Admins can create, edit, delete, and regenerate all programs.
Customers and resellers can only see programs assigned to domains they can access.
Customer and reseller access is controlled by Plesk service plan permissions.
If Plesk delays exposing custom access/manage permission values after a plan change, a non-zero Maximum Supervisor programs limit is treated as a guarded activation fallback for domains the user already owns or can access.
Project roots are locked to the selected domain area.
Users cannot use ../ style path escapes to reach another domain.
Server-level writes are performed through the Plesk sbin helper.
The sbin helper revalidates config paths, log paths, process users, and allowed project roots before touching server files.
Managed commands run as the selected domain system user. Only grant Manage Supervisor programs to users who are trusted to run commands for that subscription.

Service Plan Access

Supervisor Manager adds permissions to Plesk service plans and subscriptions. Keep them disabled by default, then enable only what each reseller or customer should be allowed to do.

Available permissions:

Supervisor Manager access: allows the user to open the extension and view assigned programs.
Manage Supervisor programs: allows creating, editing, deleting, and regenerating configs for enabled domains.
Control Supervisor programs: allows start, stop, and restart actions.
View Supervisor logs: allows opening the live log preview.

Available limit:

Maximum Supervisor programs: caps how many programs can be created per subscription. Use 0 to prevent customer-created programs, a positive number for a fixed cap, or -1 for unlimited.

Avoid unlimited process counts for shared-hosting customers unless they are trusted. Background programs can consume CPU, RAM, and ports just like commands run over SSH.

Access is checked in three layers:

The logged-in user must have access to the Plesk domain.
The domain subscription must have the matching Supervisor Manager permission enabled.
The posted program must belong to that exact domain ID, not a parent domain or a similar subdomain.

After changing an existing service plan, sync the affected subscriptions in Plesk. Customized or locked subscriptions may keep their old permission values until they are synced or adjusted directly.

The extension always registers its Plesk sidebar and domain buttons so service plan changes can appear without waiting for a new domain event. Security is still enforced in the controller after the button is clicked.

Domain buttons are normalized to site_id, because Plesk context parameters can include dom_id for the subscription/webspace and site_id for the exact domain. Supervisor Manager uses the exact domain ID for filtering and actions.

Live Logs

The log page opens in a new tab and provides:

Auto refresh every 2.5 seconds.
Pause and resume.
Last update timestamp.
120, 300, and 500 line views.
Direct reading from /var/log/supervisor/plesk/*.log.

Useful Commands

Check Supervisor:

supervisorctl status

Reread generated configs:

supervisorctl reread
supervisorctl update

Check generated files:

ls -lah /etc/supervisor/conf.d/
ls -lah /var/log/supervisor/plesk/

Install Supervisor on Ubuntu manually:

sudo DEBIAN_FRONTEND=noninteractive apt-get update
sudo DEBIAN_FRONTEND=noninteractive apt-get install -y supervisor
sudo systemctl enable --now supervisor

Check a runtime binary:

which php
which node
which python3

Troubleshooting

Config is saved but process is BACKOFF

Open Logs. The most common causes are:

Wrong project root.
Missing command runtime, such as PHP, Node.js, or Python.
Missing application file, such as artisan, package.json, or the script passed to the command.
Port already in use.
Command exits immediately.

Command cannot find an application file

Set Project Root to the folder where the command normally runs over SSH.

cd /var/www/vhosts/example.com/app
ls -lah

For example:

Laravel commands usually run from the folder containing artisan.
Node.js commands usually run from the folder containing package.json.
Python or shell workers usually run from the folder containing the script file.

Runtime command not found

Install the missing runtime or use the full binary path in the command. Examples:

which php
which node
which python3

Port already in use

If the managed application binds to a port and the port is already busy, stop the duplicate process or change the application port.

Save or delete does not show a status message

The extension returns to the manager page and shows a success or error message at the top. If the browser is still on the form page, refresh once and check the manager page again.

Development

Validate PHP syntax:

find . -name '*.php' -o -name '*.phtml' | sort | xargs -n1 php -l

Package:

mkdir -p build
COPYFILE_DISABLE=1 zip -r build/supervisor-manager-1.0.3.zip meta.xml DESCRIPTION.md CHANGES.md README.md htdocs plib sbin -x '*.DS_Store' -x '__MACOSX/*'

Release Automation

GitHub Actions handles packaging and release assets:

CI runs on every push and pull request.
CI validates PHP syntax, validates meta.xml, builds the ZIP, tests the ZIP, and uploads it as a workflow artifact.
Package Latest runs on every push to main and can be started manually.
Package Latest moves the rolling latest tag to the current commit and uploads supervisor-manager.zip to that release.
Release runs when a tag like v1.0.3 is pushed, or when started manually.
Release requires the tag version to match meta.xml.
Release uploads versioned assets like supervisor-manager-1.0.3.zip for pinned installs.

Refresh the rolling latest installer from the current main branch:

git push origin main

Then install the newest runner-built package:

plesk bin extension --install-url https://github.com/ghostcompiler/supervisor-manager/releases/download/latest/supervisor-manager.zip

Create a release:

git tag v1.0.3
git push origin v1.0.3

After the release workflow finishes, the pinned install command works:

plesk bin extension --install-url https://github.com/ghostcompiler/supervisor-manager/releases/download/v1.0.3/supervisor-manager-1.0.3.zip

Install locally on Plesk:

plesk bin extension --install build/supervisor-manager-1.0.3.zip

License

Private project. Update this section before publishing publicly.

Proudly developed by Ghost Compiler.

Development Environment

Built using ServBay

Mac M4 Tested
macOS Apple Silicon
Powered by ServBay

Files main

Repository Files

Loading file structure...

htdocs/assets/app.css

.sm-shell {
    width: 100%;
    max-width: none;
    margin: 0;
    box-sizing: border-box;
    color: #1f2933;
}

.sm-commandbar {
    display: flex;
    justify-content: flex-end;
    margin: 0 0 16px;
}

.sm-toolbar,
.sm-actions {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.sm-toolbar .btn,
.sm-actions .btn {
    box-sizing: border-box;
    min-height: 32px;
    text-align: center;
    white-space: nowrap;
}

.sm-toolbar form {
    margin: 0;
}

.sm-toolbar .btn {
    width: 132px;
}

.sm-toolbar .btn-primary,
.sm-install-actions .btn-primary {
    border-color: #0f766e;
    background: #0f766e;
    color: #fff;
}

.sm-message {
    margin: 0 0 14px;
    padding: 12px 14px;
    border-radius: 6px;
    overflow-wrap: anywhere;
    font-size: 14px;
}

.sm-message-info {
    color: #14532d;
    background: #dcfce7;
    border: 1px solid #86efac;
}

.sm-message-error {
    color: #7f1d1d;
    background: #fee2e2;
    border: 1px solid #fecaca;
}

.sm-info-card {
    position: relative;
    margin: 0 0 18px;
    padding: 18px;
    border: 1px solid #c9d8ea;
    border-radius: 8px;
    background: #f8fbff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
}

.sm-info-close {
    position: absolute;
    top: 14px;
    right: 16px;
    color: #2563eb;
    font-size: 13px;
    font-weight: 600;
}

.sm-info-brand {
    display: flex;
    gap: 16px;
    align-items: center;
    padding-right: 58px;
    margin: 0 0 18px;
}

.sm-info-brand img {
    width: 64px;
    height: 64px;
    object-fit: contain;
}

.sm-info-brand span,
.sm-info-grid span {
    display: block;
    margin: 0 0 5px;
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.sm-info-brand h2 {
    margin: 0;
    color: #0f172a;
    font-size: 22px;
    font-weight: 700;
}

.sm-info-brand p {
    margin: 5px 0 0;
    color: #475569;
}

.sm-info-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.sm-info-grid div {
    min-width: 0;
    padding: 12px;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    background: #fff;
}

.sm-info-grid strong,
.sm-info-grid a,
.sm-info-grid code {
    display: block;
    overflow: hidden;
    color: #1f2937;
    font-size: 13px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sm-info-grid a {
    color: #2563eb;
}

.sm-info-grid code {
    color: #9f1239;
    font-family: Menlo, Consolas, monospace;
}

.sm-info-grid code:hover {
    white-space: normal;
    overflow-wrap: anywhere;
}

.sm-info-page {
    width: 100%;
    margin: 0;
    color: #1f2933;
}

.sm-info-page-head {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 0 22px;
    padding: 4px 0 22px;
    border-bottom: 1px solid #d6dbe3;
}

.sm-info-page-brand {
    display: flex;
    gap: 18px;
    align-items: center;
    min-width: 0;
}

.sm-info-page-brand img {
    flex: 0 0 auto;
    width: 72px;
    height: 72px;
    object-fit: contain;
}

.sm-info-page-brand span,
.sm-info-page-grid span {
    display: block;
    margin: 0 0 6px;
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.sm-info-page-brand h1 {
    margin: 0;
    color: #0f172a;
    font-size: 28px;
    font-weight: 700;
}

.sm-info-page-brand p {
    max-width: 760px;
    margin: 6px 0 0;
    color: #475569;
    font-size: 15px;
}

.sm-info-page-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.sm-info-page-grid div {
    min-width: 0;
    padding: 14px;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    background: #fff;
}

.sm-info-page-grid strong,
.sm-info-page-grid a {
    display: block;
    overflow: hidden;
    color: #1f2937;
    font-size: 14px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sm-info-page-grid a {
    color: #2563eb;
}

.sm-summary {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1px;
    overflow: hidden;
    margin: 0 0 18px;
    border: 1px solid #d6dbe3;
    border-radius: 8px;
    background: #d6dbe3;
}

.sm-summary-item {
    min-width: 0;
    padding: 14px 16px;
    background: #f8fafc;
}

.sm-summary-item span,
.sm-facts dt {
    display: block;
    margin: 0 0 5px;
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.sm-summary-item strong {
    display: block;
    overflow: hidden;
    color: #1f2937;
    font-size: 14px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sm-install-card {
    margin: 0 0 18px;
    padding: 22px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(14, 116, 144, .08), rgba(15, 118, 110, .04)),
        #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
}

.sm-install-head {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 0 18px;
}

.sm-install-head span,
.sm-install-grid span,
.sm-install-command span {
    display: block;
    margin: 0 0 6px;
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.sm-install-head h2 {
    margin: 0;
    color: #111827;
    font-size: 22px;
    font-weight: 700;
}

.sm-install-head p {
    max-width: 760px;
    margin: 6px 0 0;
    color: #475569;
}

.sm-install-head > strong {
    flex: 0 0 auto;
    padding: 6px 12px;
    border-radius: 999px;
    color: #7f1d1d;
    background: #fecaca;
    font-size: 12px;
    text-transform: uppercase;
}

.sm-install-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 14px;
}

.sm-install-grid div,
.sm-install-command,
.sm-install-warning {
    min-width: 0;
    padding: 13px 14px;
    border: 1px solid #dbe3ee;
    border-radius: 6px;
    background: rgba(255, 255, 255, .86);
}

.sm-install-grid strong {
    display: block;
    overflow: hidden;
    color: #1f2937;
    font-size: 14px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sm-install-command {
    margin: 10px 0 0;
}

.sm-install-command code,
.sm-install-warning code {
    display: block;
    overflow: hidden;
    color: #9f1239;
    font: 13px/1.45 Menlo, Consolas, monospace;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sm-install-command code:hover,
.sm-install-warning code:hover {
    white-space: normal;
    overflow-wrap: anywhere;
}

.sm-install-warning {
    margin: 10px 0 0;
    color: #7f1d1d;
    background: #fff1f2;
    border-color: #fecaca;
}

.sm-install-actions {
    display: flex;
    gap: 10px;
    align-items: center;
    margin: 18px 0 0;
}

.sm-install-actions form {
    margin: 0;
}

.sm-install-actions .btn {
    min-width: 160px;
    text-align: center;
}

.sm-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sm-row,
.sm-empty {
    border: 1px solid #d9dee7;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}

.sm-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    padding: 16px 18px;
}

.sm-row-main {
    min-width: 0;
}

.sm-row-title {
    display: flex;
    align-items: baseline;
    gap: 12px;
    min-width: 0;
}

.sm-row-title h3 {
    margin: 0;
    color: #111827;
    font-size: 17px;
    font-weight: 600;
}

.sm-muted {
    margin: 0;
    overflow: hidden;
    color: #64748b;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sm-row-status {
    display: flex;
    gap: 8px;
    align-items: center;
    margin: 10px 0 0;
}

.sm-status-line {
    margin: 10px 0 0;
    overflow: hidden;
    color: #64748b;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sm-facts {
    display: grid;
    grid-template-columns: 1fr 1.1fr 1.1fr 1.1fr;
    gap: 12px;
    margin: 14px 0 0;
}

.sm-facts div {
    min-width: 0;
}

.sm-facts dd {
    margin: 0;
}

.sm-facts code {
    display: block;
    overflow: hidden;
    max-width: 100%;
    color: #9f1239;
    font: 13px/1.35 Menlo, Consolas, monospace;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sm-facts code:hover {
    color: #7f1d1d;
    background: #fff1f2;
    border-radius: 4px;
    padding: 1px 3px;
    margin: -1px -3px;
    white-space: normal;
    overflow-wrap: anywhere;
}

.sm-status,
.sm-mini {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    font-weight: 700;
    white-space: nowrap;
}

.sm-status {
    min-height: 24px;
    padding: 0 10px;
    font-size: 12px;
}

.sm-mini {
    min-height: 22px;
    padding: 0 8px;
    font-size: 11px;
    text-transform: uppercase;
}

.sm-status-running,
.sm-mini-ok {
    color: #14532d;
    background: #bbf7d0;
}

.sm-status-stopped,
.sm-status-exited,
.sm-status-fatal,
.sm-status-backoff,
.sm-mini-bad {
    color: #7f1d1d;
    background: #fecaca;
}

.sm-status-unknown,
.sm-status-starting,
.sm-status-stopping {
    color: #713f12;
    background: #fef3c7;
}

.sm-actions {
    display: grid;
    grid-template-columns: repeat(4, 126px);
    gap: 8px;
    align-content: start;
    align-items: stretch;
    justify-content: end;
    min-width: 528px;
    width: auto;
}

.sm-actions form,
.sm-actions a {
    display: block;
    min-width: 0;
    margin: 0;
}

.sm-actions .btn {
    width: 100%;
    min-width: 0;
    font-size: 13px;
    font-weight: 600;
    padding-right: 10px;
    padding-left: 10px;
}

.sm-notes {
    margin: 12px 0 0;
    color: #374151;
}

.sm-empty {
    padding: 22px;
}

.sm-empty h3 {
    margin: 0 0 6px;
}

.sm-empty p {
    margin: 0;
    color: #64748b;
}

.sm-footer {
    margin: 18px 0 0;
    padding: 14px 0 0;
    border-top: 1px solid #e2e8f0;
    color: #64748b;
    font-size: 13px;
    text-align: center;
}

.sm-footer a {
    color: #2563eb;
    font-weight: 600;
}

.sm-log {
    overflow: auto;
    height: 68vh;
    min-height: 420px;
    max-height: 760px;
    padding: 14px;
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 8px;
    background: #0d1117;
    color: #e5e7eb;
    font: 13px/1.5 Menlo, Consolas, monospace;
    white-space: pre-wrap;
}

.sm-log-page {
    max-width: 1440px;
    margin: 0 auto;
}

.sm-log-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 14px;
}

.sm-log-head h1 {
    margin: 0;
    color: #111827;
    font-size: 24px;
    font-weight: 600;
}

.sm-log-head p {
    margin: 6px 0 0;
    color: #64748b;
}

.sm-log-head p span {
    display: block;
    margin-top: 4px;
    color: #9f1239;
    font: 13px/1.35 Menlo, Consolas, monospace;
    overflow-wrap: anywhere;
}

.sm-log-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.sm-log-meta {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin: 0 0 10px;
    color: #64748b;
    font-size: 13px;
}

.sm-log-meta span {
    padding: 4px 8px;
    border-radius: 999px;
    background: #f1f5f9;
}

.sm-form-row {
    max-width: 860px;
}

.sm-editor {
    max-width: 880px;
    padding: 22px;
    border: 1px solid #d9dee7;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}

.sm-editor-head {
    margin: 0 0 20px;
}

.sm-editor-head h1 {
    margin: 0;
    color: #111827;
    font-size: 22px;
    font-weight: 600;
}

.sm-editor-head p {
    margin: 6px 0 0;
    color: #64748b;
}

.sm-editor label {
    display: block;
    margin: 0 0 16px;
}

.sm-locked-domain {
    box-sizing: border-box;
    width: 100%;
    max-width: 760px;
    margin: 0 0 16px;
    padding: 9px 11px;
    border: 1px solid #d6dbe3;
    border-radius: 4px;
    background: #f8fafc;
}

.sm-locked-domain span {
    display: block;
    margin: 0 0 3px;
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.sm-locked-domain strong {
    display: block;
    color: #1f2937;
    font-size: 14px;
    line-height: 1.35;
}

.sm-locked-domain em {
    max-width: none;
    margin-top: 4px;
}

.sm-editor label span {
    display: block;
    margin: 0 0 6px;
    color: #374151;
    font-weight: 600;
}

.sm-editor input[type="text"],
.sm-editor select,
.sm-editor textarea {
    width: 100%;
    max-width: 760px;
    box-sizing: border-box;
}

.sm-editor textarea {
    resize: vertical;
}

.sm-editor em {
    display: block;
    max-width: 760px;
    margin: 6px 0 0;
    color: #64748b;
    font-style: normal;
}

.sm-checks {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    margin: 2px 0 18px;
}

.sm-checks label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.sm-checks label span {
    margin: 0;
    font-weight: 500;
}

.sm-editor-actions {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 20px;
}

@media (max-width: 1100px) {
    .sm-row {
        grid-template-columns: 1fr;
    }

    .sm-actions {
        grid-template-columns: repeat(4, minmax(104px, 1fr));
        justify-content: flex-start;
        max-width: 528px;
        min-width: 0;
        width: auto;
    }

    .sm-facts,
    .sm-info-grid,
    .sm-info-page-grid,
    .sm-install-grid,
    .sm-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .sm-commandbar,
    .sm-info-page-head,
    .sm-row-title,
    .sm-install-head {
        display: block;
    }

    .sm-toolbar {
        margin-top: 12px;
    }

    .sm-toolbar .btn {
        width: 100%;
    }

    .sm-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: none;
        width: 100%;
    }

    .sm-install-actions {
        display: block;
    }

    .sm-install-actions .btn {
        width: 100%;
        margin-top: 8px;
    }

    .sm-info-brand {
        align-items: flex-start;
    }

    .sm-info-page-brand {
        align-items: flex-start;
    }

    .sm-facts,
    .sm-info-grid,
    .sm-info-page-grid,
    .sm-install-grid,
    .sm-summary {
        grid-template-columns: 1fr;
    }
}