/* Frontend styles for SUBM shortcode (ported from original single-file plugin) */
.ubm-placeholder {}
.subm-frontend-wrapper { max-width:820px; margin:24px auto; padding:0 12px; }
.subm-frontend { --subm-btn-height:40px; --subm-btn-padding-x:16px; --subm-btn-font-size:14px; --subm-table-line-color:#9ca3af; --subm-table-line-width:2px; background:#fff; padding:18px; border:1px solid #e6e9ef; border-radius:8px; box-shadow:0 6px 20px rgba(15,23,42,0.04); font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; box-sizing:border-box; }
.subm-frontend h2 { margin-top:0; font-size:20px; }
.subm-frontend .subm-form-row { margin-bottom:12px; }
.subm-frontend input[type=text], .subm-frontend select { padding:8px; border:1px solid #ddd; border-radius:4px; width:100%; max-width:none; }
.subm-frontend .subm-btn,
.subm-frontend .subm-btn-sm { background: linear-gradient(135deg, #0f4a7a, #1373a7); color:#fff; border:1px solid transparent; min-height:var(--subm-btn-height); padding:0 var(--subm-btn-padding-x); border-radius:8px; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; font-size:var(--subm-btn-font-size); line-height:1.2; font-weight:600; box-sizing:border-box; text-decoration:none; white-space:nowrap; box-shadow:0 6px 14px rgba(15,74,122,0.24); transition:transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease; }
.subm-frontend .subm-btn:hover,
.subm-frontend .subm-btn-sm:hover { color:#fff; filter:brightness(1.03); transform:translateY(-1px); box-shadow:0 8px 16px rgba(15,74,122,0.28); }
.subm-frontend .subm-btn:focus-visible,
.subm-frontend .subm-btn-sm:focus-visible { outline:2px solid #7dd3fc; outline-offset:1px; }
.subm-tabs { display:flex; gap:8px; margin:0 0 14px; flex-wrap:wrap; }
.subm-tab { text-decoration:none; border:1px solid #d8deea; background:#f6f8fd; color:#334155; padding:8px 12px; border-radius:999px; font-size:13px; font-weight:600; }
.subm-tab.is-active { background:#1f2937; color:#fff; border-color:#1f2937; }
.subm-frontend .subm-table { width:100%; border-collapse:separate; border-spacing:0; margin-top:12px; border:var(--subm-table-line-width) solid var(--subm-table-line-color); border-radius:8px; overflow:hidden; }
.subm-frontend .subm-table thead th { background:#f5f7fb; padding:10px 12px; text-align:left; font-size:13px; color:#333; border-bottom:var(--subm-table-line-width) solid var(--subm-table-line-color); border-right:var(--subm-table-line-width) solid var(--subm-table-line-color); }
.subm-frontend .subm-table thead th:last-child { border-right:0; }
.subm-frontend .subm-table td { padding:10px 12px; border-top:var(--subm-table-line-width) solid var(--subm-table-line-color); border-right:var(--subm-table-line-width) solid var(--subm-table-line-color); color:#444; }
.subm-frontend .subm-table td:last-child { border-right:0; }
.subm-frontend .no-results { padding:12px; background:#fff7f0; border:1px solid #ffe1c6; color:#7a4b00; border-radius:6px; }
.subm-frontend .subm-results { width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.subm-frontend .subm-results .subm-table { min-width:640px; }
.subm-frontend .subm-results .subm-table th,
.subm-frontend .subm-results .subm-table td { white-space:nowrap; }

/* Check History paid table: auto-fit columns, visible 2px lines, compact action alignment */
.subm-frontend .subm-history-paid-table {
    table-layout: auto;
    border: 2px solid var(--subm-table-line-color);
}
.subm-frontend .subm-history-paid-table th,
.subm-frontend .subm-history-paid-table td {
    white-space: normal;
    vertical-align: middle;
    border-right: 2px solid var(--subm-table-line-color);
    border-top: 2px solid var(--subm-table-line-color);
}
.subm-frontend .subm-history-paid-table thead th {
    border-bottom: 2px solid var(--subm-table-line-color);
}
.subm-frontend .subm-history-paid-table th:last-child,
.subm-frontend .subm-history-paid-table td:last-child {
    border-right: 0;
}
.subm-frontend .subm-history-paid-table tfoot th,
.subm-frontend .subm-history-paid-table tfoot td {
    background: #eef3f9;
    font-weight: 700;
}
.subm-frontend .subm-history-paid-table .subm-history-actions-cell {
    min-width: 150px;
}
.subm-frontend .subm-history-paid-table .subm-action-line {
    justify-content: flex-start;
    gap: 8px;
}

/* Check Bill results table: auto-fit columns, visible 2px lines, compact action alignment */
.subm-frontend .subm-check-bill-table {
    table-layout: auto;
    border: 2px solid var(--subm-table-line-color);
}
.subm-frontend .subm-check-bill-table th,
.subm-frontend .subm-check-bill-table td {
    white-space: normal;
    vertical-align: middle;
    border-right: 2px solid var(--subm-table-line-color);
    border-top: 2px solid var(--subm-table-line-color);
}
.subm-frontend .subm-check-bill-table thead th {
    border-bottom: 2px solid var(--subm-table-line-color);
}
.subm-frontend .subm-check-bill-table th:last-child,
.subm-frontend .subm-check-bill-table td:last-child {
    border-right: 0;
}
.subm-frontend .subm-check-bill-table .subm-history-actions-cell {
    min-width: 150px;
}
.subm-frontend .subm-check-bill-table .subm-action-line {
    justify-content: flex-start;
    gap: 8px;
}

@media (max-width:720px) {
    .subm-frontend-wrapper { padding:0 8px; }
    .subm-frontend { padding:12px; }
    .subm-frontend .subm-btn { width:100%; text-align:center; }
    .subm-frontend .subm-btn-sm { width:100%; text-align:center; }
    .subm-frontend .subm-action-line { gap:8px; }
    .subm-tab { width:100%; text-align:center; }
    .subm-frontend .subm-results .subm-table { min-width:560px; }
    .subm-frontend .subm-actions-dropdown-menu {
        right: auto;
        left: 0;
        min-width: 160px;
        max-width: 200px;
    }
}

.subm-results { margin-top:12px; }
.subm-error { padding:12px; background:#fff7f0; border:1px solid #ffe1c6; color:#7a4b00; border-radius:6px; }
.subm-success { padding:12px; background:#effcf4; border:1px solid #bce7c9; color:#0f5a2b; border-radius:6px; margin:10px 0; }
.subm-results .subm-btn-sm { margin-right:6px; }
.subm-frontend .subm-action-line {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
}
.subm-frontend .subm-action-line .subm-btn-sm {
    margin:0;
    min-height:32px;
    padding:0 12px;
    font-size:11px;
    width:auto;
    min-width:88px;
    text-align:center;
}
.subm-frontend .subm-actions-dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
}
.subm-frontend .subm-actions-dropdown > summary {
    list-style: none;
    cursor: pointer;
    width: 100%;
    min-width: 110px;
}
.subm-frontend .subm-actions-dropdown > summary::-webkit-details-marker { display:none; }
.subm-frontend .subm-actions-dropdown-toggle::after {
    content: ' \25BE';
    font-size: 11px;
    margin-left: 6px;
}
.subm-frontend .subm-actions-dropdown[open] .subm-actions-dropdown-toggle::after {
    content: ' \25B4';
}
.subm-frontend .subm-actions-dropdown-menu {
    position: absolute;
    z-index: 20;
    right: 0;
    top: calc(100% + 6px);
    min-width: 170px;
    max-width: 230px;
    background: #fff;
    border: 1px solid #dbe5f2;
    border-radius: 10px;
    box-shadow: 0 12px 24px rgba(15,23,42,0.14);
    padding: 8px;
}
.subm-frontend .subm-actions-dropdown-menu .subm-action-line {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: stretch;
}
.subm-frontend .subm-actions-dropdown-menu .subm-action-line .subm-btn-sm,
.subm-frontend .subm-actions-dropdown-menu .subm-action-line .subm-btn {
    width: 100%;
    min-width: 0;
    margin: 0;
}
.subm-frontend .subm-check-bill-table .subm-actions-dropdown-menu,
.subm-frontend .subm-history-paid-table .subm-actions-dropdown-menu {
    position: static;
    margin-top: 6px;
    min-width: 0;
    max-width: none;
}
.subm-history-list { display:grid; gap:14px; margin-top:12px; }
.subm-frontend .subm-results td .subm-btn,
.subm-frontend .subm-results td .subm-btn-sm {
    margin-right:8px;
    margin-bottom:8px;
}
.subm-frontend .subm-results td .subm-btn:last-child,
.subm-frontend .subm-results td .subm-btn-sm:last-child {
    margin-right:0;
}
.subm-client-card { border:1px solid #e7ebf2; border-radius:8px; padding:12px; background:#fff; }
.subm-client-head h3 { margin:0 0 4px; font-size:17px; }
.subm-client-meta { color:#566074; font-size:13px; margin-bottom:10px; }
.subm-card-title { margin:8px 0 6px; font-weight:600; color:#2b3445; }
.subm-payref-list { margin-top:14px; }
.subm-payref-help { background:#f8fafc; border:1px solid #e2e8f0; border-radius:6px; padding:10px; color:#334155; margin-bottom:10px; }
.subm-payref-card { border:1px solid #dbe5f2; border-radius:8px; padding:12px; margin-bottom:10px; background:#fbfdff; }
.subm-payref-card h4 { margin:0 0 10px; font-size:14px; color:#0f2f46; }
.subm-payref-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.subm-payref-form input[type=number], .subm-payref-form input[type=date], .subm-payref-form input[type=text], .subm-payref-form input[type=file], .subm-payref-form select { max-width:none; width:100%; }
@media (max-width:720px) { .subm-payref-grid { grid-template-columns:1fr; } }

.subm-ref-status { display:inline-block; padding:2px 8px; border-radius:999px; font-size:12px; font-weight:700; line-height:1.4; }
.subm-ref-status-none { background:#f1f5f9; color:#475569; }
.subm-ref-status-pending { background:#fef3c7; color:#92400e; }
.subm-ref-status-approved { background:#dcfce7; color:#166534; }
.subm-ref-status-rejected { background:#fee2e2; color:#991b1b; }
.subm-ref-meta { margin-top:4px; color:#64748b; font-size:12px; line-height:1.35; }
.subm-btn-disabled { background:#cbd5e1 !important; color:#334155 !important; cursor:not-allowed !important; text-decoration:none; pointer-events:none; }
.subm-btn-cancel { background:#e2e8f0 !important; color:#334155 !important; }

.subm-pay-modal-backdrop { position:fixed; inset:0; background:rgba(15, 23, 42, 0.52); display:none; align-items:center; justify-content:center; z-index:9999; padding:16px; }
.subm-pay-modal { width:100%; max-width:760px; background:#fff; border-radius:16px; border:1px solid #dbe4ef; box-shadow:0 22px 50px rgba(15, 23, 42, 0.30); padding:0; position:relative; max-height:92vh; overflow:auto; }
.subm-pay-modal-close { position:absolute; top:12px; right:12px; z-index:5; border:none; background:transparent; width:34px; height:34px; border-radius:999px; font-size:28px; line-height:1; color:#94a3b8; cursor:pointer; }
.subm-pay-modal-close:hover { background:#f1f5f9; color:#475569; }

.subm-pay-modal-modern { font-family:"Inter", "Segoe UI", Tahoma, sans-serif; color:#334155; }
.subm-pay-modal-modern .subm-pay-modern-header { position:relative; padding:18px 20px; border-bottom:1px solid #e2e8f0; background:linear-gradient(180deg, #f8fafc 0%, #ffffff 100%); text-align:center; }
.subm-pay-modal-modern .subm-pay-modern-header h4 { margin:0; font-size:24px; line-height:1.2; color:#0f172a; font-weight:800; }
.subm-pay-modal-modern .subm-pay-modern-header p { margin:4px 0 0; font-size:13px; color:#64748b; }

.subm-pay-modal-modern .subm-pay-modern-banner { margin:14px 16px 0; padding:12px 14px; border-radius:12px; border:1px solid #e0e7ff; background:#eef2ff; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.subm-pay-modal-modern .subm-pay-modern-label { display:block; font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#6366f1; margin-bottom:2px; }
.subm-pay-modal-modern .subm-pay-modern-bill strong,
.subm-pay-modal-modern .subm-pay-modern-pending strong { font-size:24px; font-weight:800; color:#312e81; }
.subm-pay-modal-modern .subm-pay-modern-pending { text-align:right; }
.subm-pay-modal-modern .subm-pay-modern-currency { margin-left:6px; font-size:12px; font-weight:700; color:#4338ca; text-transform:uppercase; }

.subm-payref-form-modern { padding:16px; }
.subm-payref-grid-modern { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.subm-payref-grid-modern .subm-form-row { margin:0; }
.subm-payref-grid-modern .subm-form-row label { display:block; margin:0 0 4px; font-size:14px; font-weight:600; color:#334155; }
.subm-payref-grid-modern input[type=text],
.subm-payref-grid-modern input[type=email],
.subm-payref-grid-modern input[type=number],
.subm-payref-grid-modern input[type=date],
.subm-payref-grid-modern select {
    width:100%;
    max-width:none;
    border:1px solid #e2e8f0;
    border-radius:10px;
    background:#fff;
    color:#334155;
    font-size:15px;
    padding:11px 12px;
    outline:none;
    transition:border-color .16s ease, box-shadow .16s ease;
}
.subm-payref-grid-modern input:focus,
.subm-payref-grid-modern select:focus {
    border-color:#4f46e5;
    box-shadow:0 0 0 3px rgba(79, 70, 229, .12);
}

.subm-pay-amount-wrap { position:relative; }
.subm-pay-amount-prefix { position:absolute; left:12px; top:50%; transform:translateY(-50%); font-size:12px; font-weight:800; color:#92400e; pointer-events:none; }
.subm-payref-grid-modern .subm-pay-amount-wrap input { padding-left:34px; }
.subm-payref-grid-modern .subm-pay-highlight-amount {
    background:#fffbeb !important;
    border-color:#fcd34d !important;
    color:#b45309 !important;
    font-weight:800 !important;
}

.subm-pay-screenshot-row { grid-column:1 / -1; }
.subm-pay-upload-zone {
    display:block;
    margin-top:2px;
    border:2px dashed #e2e8f0;
    border-radius:12px;
    background:#fff;
    padding:16px;
    text-align:center;
    cursor:pointer;
    transition:all .18s ease;
}
.subm-pay-upload-zone:hover,
.subm-pay-upload-zone.is-dragover {
    border-color:#4f46e5;
    background:#eef2ff;
}
.subm-pay-upload-zone input[type=file] {
    position:absolute;
    left:-9999px;
    width:1px;
    height:1px;
    opacity:0;
}
.subm-pay-upload-main { display:block; font-size:13px; font-weight:700; color:#4f46e5; }
.subm-pay-upload-sub { display:block; margin-top:2px; font-size:12px; color:#64748b; }
.subm-pay-upload-file {
    display:inline-block;
    margin-top:10px;
    border-radius:999px;
    background:#d1fae5;
    color:#065f46;
    font-size:11px;
    font-weight:700;
    padding:4px 10px;
}
.subm-pay-upload-preview-wrap {
    display:none;
    margin-top:10px;
    border:1px solid #dbeafe;
    border-radius:10px;
    padding:6px;
    background:#f8fafc;
    max-width:190px;
}
.subm-pay-upload-preview {
    width:100%;
    height:auto;
    border-radius:8px;
    display:block;
}
.subm-pay-upload-help { display:block; margin-top:6px; color:#64748b; font-size:12px; }

.subm-pay-modal-actions-modern { margin-top:14px; display:flex; gap:10px; flex-wrap:wrap; }
.subm-pay-modal-actions-modern .subm-pay-submit-btn { flex:1 1 210px; min-height:44px; }
.subm-pay-modal-actions-modern .subm-btn-cancel { flex:1 1 160px; min-height:44px; background:#e2e8f0 !important; color:#334155 !important; }
.subm-pay-submit-spinner {
    display:none;
    width:16px;
    height:16px;
    border:2px solid rgba(255,255,255,.35);
    border-top-color:#fff;
    border-radius:999px;
    animation:submPaySpin .8s linear infinite;
}
.subm-pay-submit-btn.is-loading { opacity:.9; pointer-events:none; }
@keyframes submPaySpin { to { transform:rotate(360deg); } }

.subm-pay-modal-modern .subm-pay-modern-footer {
    border-top:1px solid #e2e8f0;
    background:#f8fafc;
    color:#94a3b8;
    text-align:center;
    font-size:10px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    padding:10px 12px;
}

@media (max-width:720px) {
    .subm-pay-modal { max-width:640px; }
	.subm-pay-modal-modern .subm-pay-modern-banner { flex-direction:column; align-items:flex-start; }
	.subm-pay-modal-modern .subm-pay-modern-pending { text-align:left; }
	.subm-payref-grid-modern { grid-template-columns:1fr; }
	.subm-pay-modal-actions-modern .subm-btn { width:100%; text-align:center; }
}

.subm-client-portal .subm-results .subm-table { min-width:1200px; }
.subm-portal-actions { margin:8px 0 14px; display:flex; gap:8px; flex-wrap:wrap; }
.subm-portal-login-actions { margin:8px 0 14px; }
.subm-portal-login-form { margin-top:8px; }
.subm-portal-intro { margin-top:6px; color:#475569; font-size:13px; line-height:1.45; }
.subm-portal-login-form label { display:block; font-size:13px; margin-bottom:4px; color:#334155; }
.subm-portal-login-form input[type=text],
.subm-portal-login-form input[type=password],
.subm-portal-login-form input[type=email] { width:100%; padding:8px; border:1px solid #ddd; border-radius:4px; }
.subm-portal-cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:8px 0 12px; }
.subm-portal-card { border:1px solid #dbe5f2; border-radius:10px; background:linear-gradient(180deg,#ffffff,#f8fafc); padding:10px 12px; }
.subm-portal-card span { display:block; color:#64748b; font-size:12px; font-weight:600; margin-bottom:3px; }
.subm-portal-card strong { display:block; color:#0f2f46; font-size:18px; font-weight:800; }
.subm-portal-filter-form { display:grid; grid-template-columns:2fr 1fr 1fr auto; gap:10px; align-items:end; margin:8px 0 14px; border:1px solid #dbe5f2; border-radius:10px; padding:10px; background:#fbfdff; }
.subm-portal-filter-form .subm-form-row { margin:0; }
.subm-portal-filter-actions { display:flex; gap:8px; align-items:center; }
.subm-portal-table .subm-action-line .subm-btn-sm { min-width:74px; padding:0 10px; font-size:11px; }

.subm-portal-timeline-toggle summary { cursor:pointer; color:#0f2f46; font-weight:600; }
.subm-portal-timeline { margin-top:8px; border-left:2px solid #dbe5f2; padding-left:10px; display:grid; gap:8px; }
.subm-portal-event { background:#f8fafc; border:1px solid #e2e8f0; border-radius:6px; padding:8px; }
.subm-portal-event strong { display:block; color:#0f172a; margin-bottom:2px; }
.subm-portal-event span { display:block; color:#475569; font-size:12px; margin-bottom:2px; }
.subm-portal-event small { display:block; color:#64748b; font-size:12px; }
@media (max-width:1024px) {
    .subm-portal-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .subm-portal-filter-form { grid-template-columns:1fr 1fr; }
}
@media (max-width:640px) {
    .subm-portal-cards { grid-template-columns:1fr; }
    .subm-portal-filter-form { grid-template-columns:1fr; }
    .subm-portal-filter-actions .subm-btn { width:100%; }
}

.subm-pwa-meter-app .subm-pwa-toolbar { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:8px 0 12px; }
.subm-pwa-meter-app .subm-pwa-form { border:1px solid #dbe5f2; border-radius:12px; padding:12px; background:linear-gradient(180deg,#ffffff,#f8fbff); }
.subm-pwa-meter-app .subm-pwa-fields { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:10px 12px; }
.subm-pwa-meter-app .subm-pwa-fields .subm-form-row { margin:0; }
.subm-pwa-meter-app .subm-pwa-fields .subm-form-row label { font-size:12px; font-weight:700; color:#0f2f46; text-transform:uppercase; letter-spacing:0.3px; }
.subm-pwa-meter-app .subm-pwa-fields input,
.subm-pwa-meter-app .subm-pwa-fields select { width:100%; }
.subm-pwa-meter-app .subm-pwa-image-box { margin-top:12px; border:1px dashed #bfd1e6; border-radius:10px; background:#f5f9ff; padding:10px; }
.subm-pwa-meter-app .subm-pwa-image-box > label { display:block; margin-bottom:8px; font-size:12px; font-weight:700; color:#0f2f46; text-transform:uppercase; letter-spacing:0.3px; }
.subm-pwa-meter-app .subm-pwa-image-input { position:absolute; left:-9999px; width:1px; height:1px; opacity:0; pointer-events:none; }
.subm-pwa-meter-app .subm-pwa-image-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.subm-pwa-meter-app .subm-pwa-open-camera,
.subm-pwa-meter-app .subm-pwa-open-upload { min-width:106px; }
.subm-pwa-meter-app .subm-pwa-image-name { display:inline-block; font-size:12px; color:#334155; font-weight:600; background:#ffffff; border:1px solid #d7e3f1; border-radius:999px; padding:5px 10px; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.subm-pwa-meter-app .subm-pwa-image-preview-wrap { display:none; margin-top:10px; border:1px solid #d9e5f2; border-radius:8px; padding:6px; background:#fff; max-width:220px; }
.subm-pwa-meter-app .subm-pwa-image-preview { width:100%; height:auto; display:block; border-radius:6px; }
.subm-pwa-meter-app .subm-pwa-submit-row { margin-top:12px; }
.subm-pwa-meter-app .subm-pwa-submit-row .subm-btn { min-width:170px; min-height:40px; font-weight:700; letter-spacing:0.2px; }
.subm-pwa-net { font-size:12px; font-weight:700; padding:4px 8px; border-radius:999px; background:#f1f5f9; color:#334155; }
.subm-pwa-net.is-online { background:#dcfce7; color:#166534; }
.subm-pwa-net.is-offline { background:#fee2e2; color:#991b1b; }
.subm-pwa-status { margin:8px 0; padding:8px 10px; border-radius:6px; background:#f8fafc; color:#334155; border:1px solid #e2e8f0; min-height:18px; }
.subm-pwa-status.is-ok { background:#effcf4; border-color:#bce7c9; color:#0f5a2b; }
.subm-pwa-status.is-warn { background:#fff7f0; border-color:#ffe1c6; color:#7a4b00; }
.subm-pwa-status.is-error { background:#fee2e2; border-color:#fecaca; color:#991b1b; }
.subm-pwa-queue { margin-top:10px; border:1px solid #dbe5f2; border-radius:8px; padding:10px; background:#fbfdff; }
.subm-pwa-queue-list { margin:8px 0 0; padding-left:18px; }
.subm-pwa-queue-list li { margin:4px 0; font-size:13px; color:#334155; }
@media (max-width:640px) {
  .subm-pwa-meter-app .subm-pwa-fields { grid-template-columns:1fr; }
  .subm-pwa-meter-app .subm-pwa-submit-row .subm-btn { width:100%; }
  .subm-pwa-meter-app .subm-pwa-image-actions { gap:6px; }
}

@media (prefers-reduced-motion: reduce) {
  .subm-frontend .subm-btn,
  .subm-frontend .subm-btn-sm { transition:none; }
  .subm-frontend .subm-btn:hover,
  .subm-frontend .subm-btn-sm:hover { transform:none; }
}