/* ================================================================
   SRM — GLOBAL TOKENS & RESETS
   ================================================================ */

:root{
    --srm-bg: #f6f7fb;
    --srm-card: #ffffff;
    --srm-border: #e6e8ef;
    --srm-text: #1f2937;
    --srm-muted: #6b7280;

    --srm-primary: #2563eb;
    --srm-primary-600: #1d4ed8;
    --srm-primary-50: #eef2ff;

    --srm-green: #10b981;
    --srm-amber: #f59e0b;
    --srm-rose: #ef4444;
    --srm-cyan: #06b6d4;
    --srm-purple: #8b5cf6;

    --srm-link: #3399ff;
    --srm-link-hover: #1a6ed8;

    --srm-ok: #10b981;
    --srm-ok-bg: #ecfdf5;
    --srm-ok-text: #065f46;

    --srm-warn: #f59e0b;
    --srm-warn-bg: #fffbeb;
    --srm-warn-text: #78350f;

    --srm-err: #ef4444;
    --srm-err-bg: #fef2f2;
    --srm-err-text: #991b1b;
}

/* status backgrounds used across admin tables and badges */
.srm-status-nowe                 { background-color: #fff8e5 !important; }
.srm-status-przyjete             { background-color: #e6f7ff !important; }
.srm-status-w-realizacji         { background-color: #f0fff0 !important; }
.srm-status-wycena-do-akceptacji { background-color: #f9f0ff !important; }
.srm-status-zrealizowane         { background-color: #f0f0f0 !important; }

/* utility */
.srm-log-create { white-space: normal; word-break: break-word; }

/* ================================================================
   SRM — FRONTEND (shortcodes) : [srm_form], [srm_status]
   ================================================================ */

/* --- Shells ----------------------------------------------------- */
:is(form.srm-form, form.srm-status){
    background: #ffffff;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 8px 20px rgba(0,0,0,.05);
    max-width: 600px;
    margin: 0 auto 40px;
    font-family: 'Segoe UI', Tahoma, sans-serif;
    transition: box-shadow .3s ease-in-out;
    animation: fadeInUp .6s ease-out both;
}
:is(form.srm-form, form.srm-status):hover{
    box-shadow: 0 10px 25px rgba(0,0,0,.1);
}

/* --- Fields ----------------------------------------------------- */
:is(form.srm-form, form.srm-status) :is(input[type="text"], input[type="tel"], input[type="email"], textarea, select){
    width: 100%;
    padding: 12px 15px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 8px;
    background: #f9f9f9;
    font-size: 16px;
    transition: border-color .2s, background .3s, box-shadow .2s;
}
:is(form.srm-form, form.srm-status) :is(input, textarea, select):focus{
    outline: none;
    border-color: var(--srm-link);
    background: #fff;
}

/* --- Labels & links -------------------------------------------- */
:is(form.srm-form, form.srm-status) label{
    font-weight: 600;
    margin-bottom: 6px;
    display: block;
}
form.srm-form input[type="checkbox"]{ margin-right: 8px; }
form.srm-form label a{
    color: var(--srm-link);
    text-decoration: underline dotted;
    transition: color .2s;
}
form.srm-form label a:hover{ color: var(--srm-link-hover); }

/* --- Buttons ---------------------------------------------------- */
:is(form.srm-form, form.srm-status) button{
    background: var(--srm-link);
    color: #fff;
    font-size: 16px;
    border: none;
    padding: 12px 30px;
    border-radius: 8px;
    cursor: pointer;
    transition: background .3s ease;
    display: inline-block;
}
:is(form.srm-form, form.srm-status) button:hover{ background: #2678d7; }

/* --- Messages --------------------------------------------------- */
:is(form.srm-form, form.srm-status) p.success{
    color: green;
    font-weight: 700;
    margin-top: 20px;
}
:is(form.srm-form, form.srm-status) p.error{
    color: red;
    font-weight: 700;
    margin-top: 20px;
}

/* --- Animation keyframes --------------------------------------- */
@keyframes fadeInUp{
    from{ opacity: 0; transform: translateY(20px); }
    to{ opacity: 1; transform: translateY(0); }
}

/* --- Simple table (public timeline) ----------------------------- */
.srm-table{ width: 100%; border-collapse: collapse; }
.srm-table th{
    text-align: left;
    border: 1px solid var(--srm-link);
    padding: 8px;
    background: var(--srm-link);
    color: #fff;
}
.srm-table td{ border: 1px solid var(--srm-link); }

/* ================================================================
   SRM — ADMIN (shared styles)
   ================================================================ */

/* --- Admin roots & page bg ------------------------------------- */
body.admin_page_srm_request,
body.toplevel_page_srm_admin{
    background: var(--srm-bg);
    color: var(--srm-text);
}

/* --- Menu badge & list colors ---------------------------------- */
.srm-menu-itm{ display: flex; align-items: center; gap: 10px; }
.srm-menu-itm .pending-count{ color: red; }

/* --- Badges (status chips) ------------------------------------- */
.srm-value{ display: inline-block; }
.badge-status-nowe,
.badge-status-przyjete,
.badge-status-wycena,
.badge-status-realizacja,
.badge-status-done{
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
}
.srm-status-nowe .srm-value, .badge-status-nowe{ background:#fff7ed; color:#9a3412; }
.srm-status-przyjete .srm-value, .badge-status-przyjete{ background:#ecfeff; color:#155e75; }
.srm-status-wycena-do-akceptacji .srm-value, .badge-status-wycena{ background:#f5f3ff; color:#5b21b6; }
.srm-status-w-realizacji .srm-value, .badge-status-realizacja{ background:#ecfdf5; color:#065f46; }
.srm-status-zrealizowane .srm-value, .badge-status-done{ background:#f3f4f6; color:#374151; }

/* --- Common card container ------------------------------------- */
.srm-card{
    background: var(--srm-card);
    border: 1px solid var(--srm-border);
    border-radius: 14px;
    box-shadow: 0 6px 18px rgba(20,40,80,.05);
}

/* ================================================================
   SRM — ADMIN (single request page)
   ================================================================ */

/* --- Header ----------------------------------------------------- */
body.admin_page_srm_request .wrap > h1{
    font-size: 26px;
    font-weight: 700;
    letter-spacing: .2px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}
body.admin_page_srm_request .wrap > h1 small{ font-size: 14px; opacity: .7; }

/* --- Actions row ------------------------------------------------ */
body.admin_page_srm_request .wrap > p a.button,
body.admin_page_srm_request .wrap form button.button-link-delete{
    border-radius: 8px;
    height: 36px;
    line-height: 34px;
    padding: 0 14px;
}

/* --- Primary info table as card -------------------------------- */
body.admin_page_srm_request table.widefat.striped{
    composes: srm-card;
    border: 1px solid var(--srm-border);
    background: var(--srm-card);
    border-radius: 14px;
    box-shadow: 0 6px 18px rgba(20,40,80,.05);
    overflow: hidden;
}
body.admin_page_srm_request table.widefat.striped tbody tr:nth-child(odd){ background:#fcfcff; }
body.admin_page_srm_request table.widefat.striped th,
body.admin_page_srm_request table.widefat.striped td{
    padding: 14px 16px;
    border-bottom: 1px solid var(--srm-border);
    vertical-align: middle;
}
body.admin_page_srm_request table.widefat.striped tr:last-child td{ border-bottom: 0; }
body.admin_page_srm_request table.widefat.striped tbody tr > th{
    width: 240px;
    color: var(--srm-muted);
    font-weight: 600;
}
.srm-col-date {
    width: 70px;
}

/* --- Inline edit button ---------------------------------------- */
body.admin_page_srm_request .button.srm-edit,
body.admin_page_srm_request .button.srm-toggle-btn{
    float: right;
    margin-left: 10px;
    background: var(--srm-primary);
    border-color: var(--srm-primary);
    color: #fff;
    border-radius: 8px;
    height: 30px;
    line-height: 28px;
    padding: 0 12px;
}
body.admin_page_srm_request .button.srm-edit:hover,
body.admin_page_srm_request .button.srm-toggle-btn:hover{
    background: var(--srm-primary-600);
    border-color: var(--srm-primary-600);
}
body.admin_page_srm_request .button.srm-toggle-btn {
    margin-right: 15px;
}
/* --- Inline edit area ------------------------------------------ */
body.admin_page_srm_request .srm-edit-wrap{ gap: .6rem !important; }
body.admin_page_srm_request .srm-edit-wrap .srm-input{
    border-radius: 8px;
    border: 1px solid var(--srm-border);
    padding: 0 40px 0 10px;
    outline: none;
    box-shadow: inset 0 1px 0 rgba(0,0,0,.02);
}
body.admin_page_srm_request .srm-edit-wrap .button{ border-radius: 8px; }
body.admin_page_srm_request .srm-edit-wrap .button.button-primary{
    background: var(--srm-green);
    border-color: var(--srm-green);
    color:#fff;
}
body.admin_page_srm_request .srm-edit-wrap .button.button-primary:hover{ filter: brightness(.95); }

/* --- Cards: email + notes -------------------------------------- */
body.admin_page_srm_request :is(#srm-email-form-wrap, #srm-notes-wrap, #srm-noteslog-wrap, #srm-notes-internal-body, #srm-notes-public-body){
    background: var(--srm-card);
    border: 1px solid var(--srm-border);
    border-radius: 14px;
    padding: 18px;
    box-shadow: 0 6px 18px rgba(20,40,80,.05);
}

/* --- Inputs inside cards --------------------------------------- */
body.admin_page_srm_request :is(#srm-email-form-wrap, #srm-notes-wrap, #srm-noteslog-wrap, #srm-notes-internal-body, #srm-notes-public-body) :is(input[type="text"], textarea){
    width: 100%;
    border-radius: 10px;
    border: 1px solid var(--srm-border);
    background: #fafbff;
    padding: 12px 14px;
    outline: none;
    transition: border-color .2s, background .2s, box-shadow .2s;
}
body.admin_page_srm_request :is(#srm-email-form-wrap, #srm-notes-wrap, #srm-noteslog-wrap, #srm-notes-internal-body, #srm-notes-public-body) :is(input[type="text"], textarea):focus{
    border-color: var(--srm-primary);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(37,99,235,.12);
}

/* --- Mail send button ------------------------------------------ */
body.admin_page_srm_request #srm_send_mail_btn, body.admin_page_srm_request #srm_add_notelog_btn, body.admin_page_srm_request #srm_add_note_btn{
    background: var(--srm-primary);
    border-color: var(--srm-primary);
    color: #fff;
    border-radius: 10px;
    padding: 0 14px;
}
body.admin_page_srm_request #srm_send_mail_btn:hover, body.admin_page_srm_request #srm_add_notelog_btn:hover, body.admin_page_srm_request #srm_add_note_btn:hover{
    background: var(--srm-primary-600);
    border-color: var(--srm-primary-600);
}

/* --- Section headings ------------------------------------------ */
body.admin_page_srm_request :is(h2, h3){
    margin: 22px 0 12px;
    font-weight: 700;
}
body.admin_page_srm_request h2{ font-size: 20px; }
body.admin_page_srm_request h3{ font-size: 18px; color: var(--srm-muted); }

/* --- Client timeline table ------------------------------------- */
body.admin_page_srm_request #srm-client-timeline-tbody tr td:first-child{
    white-space: nowrap;
    color: var(--srm-muted);
}
body.admin_page_srm_request #srm-client-timeline-tbody tr td:last-child strong{
    color: var(--srm-primary);
}

/* --- LOGS table ------------------------------------------------- */
body.admin_page_srm_request .srm-log-table{
    border: 1px solid var(--srm-border);
    background: var(--srm-card);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 6px 18px rgba(20,40,80,.05);
}
body.admin_page_srm_request .srm-log-table thead th{
    background: var(--srm-primary-50);
    color: var(--srm-text);
    font-weight: 700;
    border-bottom: 1px solid var(--srm-border);
    padding: 12px 14px;
}
body.admin_page_srm_request .srm-log-table tbody td{
    padding: 12px 14px;
    border-bottom: 1px solid var(--srm-border);
}
body.admin_page_srm_request .srm-log-table tbody tr:last-child td{ border-bottom: 0; }

/* --- Log chips -------------------------------------------------- */
body.admin_page_srm_request .srm-log-field{
    border-radius: 999px;
    font-size: 12px;
    padding: 6px 10px;
    line-height: 1;
    border: 0;
    background: #eef2ff;
    color: #3730a3;
}
body.admin_page_srm_request .srm-log-field--email{ background:#fff7ed; color:#9a3412; }
body.admin_page_srm_request .srm-log-field--note{ background:#ecfdf5; color:#065f46; }
body.admin_page_srm_request .srm-log-field--note-internal{ background:#f4f4f5; color:#3f3f46; }

/* --- Custom notices -------------------------------------------- */
body.admin_page_srm_request .notice.srm-temp{
    border-radius: 12px;
    padding: 0 20px;
    margin-top: 40px;
    font-size: 15px;
    font-weight: 600;
    box-shadow: 0 8px 18px rgba(0,0,0,.08);
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%) translateY(-20px);
    width: 85%;
    max-width: 800px;
    z-index: 9999;
    opacity: 0;
    animation: srmNoticeIn .4s ease forwards;
}
body.admin_page_srm_request .notice-success.srm-temp{
    background: var(--srm-ok-bg);
    border: 1px solid var(--srm-ok);
    color: var(--srm-ok-text);
    box-shadow: 0 0 18px rgba(16,185,129,.4);
}
body.admin_page_srm_request .notice-error.srm-temp{
    background: var(--srm-err-bg);
    border: 1px solid var(--srm-err);
    color: var(--srm-err-text);
    box-shadow: 0 0 18px rgba(239,68,68,.4);
}
body.admin_page_srm_request .notice-warning.srm-temp{
    background: var(--srm-warn-bg);
    border: 1px solid var(--srm-warn);
    color: var(--srm-warn-text);
    box-shadow: 0 0 18px rgba(245,158,11,.4);
}
@keyframes srmNoticeIn{
    from{ opacity:0; transform:translateX(-50%) translateY(-20px) scale(.95); }
    to{ opacity:1; transform:translateX(-50%) translateY(0) scale(1); }
}
body.admin_page_srm_request .notice.srm-temp.removing{
    animation: srmNoticeOut .3s ease forwards;
}
@keyframes srmNoticeOut{
    from{ opacity:1; transform:translateX(-50%) translateY(0) scale(1); }
    to{ opacity:0; transform:translateX(-50%) translateY(-20px) scale(.95); }
}

/* --- Notes section buttons ------------------------------------- */
body.admin_page_srm_request :is(#srm-notes-wrap, #srm-noteslog-wrap) .button{
    border-radius: 10px;
    height: 36px;
    line-height: 34px;
    padding: 0 14px;
    color: #fff;
    border-color: transparent;
}
body.admin_page_srm_request #srm-notes-wrap .button{
    background: var(--srm-cyan);
    border-color: var(--srm-cyan);
}
body.admin_page_srm_request #srm-noteslog-wrap .button{
    background: var(--srm-purple);
    border-color: var(--srm-purple);
}

/* --- Special header buttons ------------------------------------ */
body.admin_page_srm_request .srm-back-btn,
body.admin_page_srm_request .srm-status-change-btn,
body .srm-accetp-btn{
    background: var(--srm-cyan);
    border-color: var(--srm-cyan);
    color: #fff;
    font-weight: 600;
    border-radius: 10px;
    height: 38px;
    line-height: 36px;
    padding: 0 18px;
    box-shadow: 0 2px 4px rgba(0,0,0,.06);
    transition: background .2s, transform .15s;
}
body.admin_page_srm_request .srm-back-btn:hover,
body.admin_page_srm_request .srm-status-change-btn:hover,
body .srm-accetp-btn:hover{
    background: #0891b2;
    border-color: #0891b2;
    transform: translateY(-1px);
}
body .srm-accetp-btn { border: none; }
body.admin_page_srm_request .srm-back-btn:active{ transform: translateY(0); }

body.admin_page_srm_request .wrap form button.button-link-delete,
body .srm-cancel-btn{
    background: var(--srm-rose);
    border: none;
    color: #fff !important;
    font-weight: 600;
    border-radius: 8px;
    height: 36px;
    line-height: 34px;
    padding: 0 18px;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0,0,0,.08);
    transition: background .2s, transform .15s;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
body.admin_page_srm_request .wrap form button.button-link-delete:hover,
body .srm-cancel-btn:hover {
    background: #dc2626!important; transform: translateY(-1px);
}
body.admin_page_srm_request .wrap form button.button-link-delete:active{ transform: translateY(0); }

/* --- Responsive ------------------------------------------------- */
@media (max-width: 1100px){
    body.admin_page_srm_request table.widefat.striped th{ width: 180px; }
}
@media (max-width: 782px){
    body.admin_page_srm_request .wrap > h1{ font-size: 22px; }
    body.admin_page_srm_request :is(table.widefat.striped, .srm-log-table){
        box-shadow: none;
        border-radius: 10px;
    }
}

/* ================================================================
   SRM — ADMIN (toplevel_page_srm_admin)
   ================================================================ */

/* --- Shared palette already via :root --------------------------- */

/* --- Add link button ------------------------------------------- */
body.toplevel_page_srm_admin .srm-addlink-btn{
    background: var(--srm-primary);
    border-color: var(--srm-primary);
    color:#fff;
    border-radius: 8px;
    height: 32px;
    line-height: 30px;
    padding: 0 12px;
}
body.toplevel_page_srm_admin .srm-addlink-btn:hover{
    background: var(--srm-primary-600);
    border-color: var(--srm-primary-600);
}

/* --- Header + tabs --------------------------------------------- */
body.toplevel_page_srm_admin .wrap > h1{
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 8px;
    color: var(--srm-text);
}
body.toplevel_page_srm_admin .nav-tab-wrapper{
    border: 0;
    gap: 6px;
    display: flex;
    flex-wrap: wrap;
}
body.toplevel_page_srm_admin .nav-tab-wrapper .nav-tab{
    border: 1px solid var(--srm-border);
    background: var(--srm-card);
    border-radius: 10px;
    padding: 8px 14px;
    color: var(--srm-text);
    box-shadow: 0 2px 6px rgba(20,40,80,.05);
}
body.toplevel_page_srm_admin .nav-tab-wrapper .nav-tab-active{
    background: var(--srm-primary-50);
    border-color: var(--srm-primary);
}

/* pending badge in tab */
body.toplevel_page_srm_admin .nav-tab .awaiting-mod .pending-count{
    background: #fee2e2;
    color: #b91c1c;
    margin-left: 6px;
    padding: 2px 6px;
    border-radius: 999px;
    font-weight: 700;
}

/* --- List table as card ---------------------------------------- */
body.toplevel_page_srm_admin .wp-list-table.widefat.fixed.striped{
    border: 1px solid var(--srm-border);
    background: var(--srm-card);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 6px 18px rgba(20,40,80,.05);
}
body.toplevel_page_srm_admin .wp-list-table thead th{
    background: var(--srm-primary-50);
    border-bottom: 1px solid var(--srm-border);
    color: var(--srm-text);
    padding: 12px 14px;
    font-weight: 700;
}
body.toplevel_page_srm_admin .wp-list-table tbody td{
    padding: 12px 14px;
    border-bottom: 1px solid var(--srm-border);
    vertical-align: middle;
}
body.toplevel_page_srm_admin .wp-list-table tbody tr:last-child td{ border-bottom: 0; }
body.toplevel_page_srm_admin .wp-list-table tbody tr:hover{ background: #fafbff; }

/* row highlights (reuse global classes) */
body.toplevel_page_srm_admin tr.srm-status-nowe        { background: #fffbeb; }
body.toplevel_page_srm_admin tr.srm-status-przyjete     { background: #ecfeff; }
body.toplevel_page_srm_admin tr.srm-status-wycena-do-akceptacji{ background:#f5f3ff; }
body.toplevel_page_srm_admin tr.srm-status-w-realizacji { background: #ecfdf5; }
body.toplevel_page_srm_admin tr.srm-status-zrealizowane { background: #f3f4f6; }

/* action buttons in table */
body.toplevel_page_srm_admin .wp-list-table td a.button{
    background: var(--srm-primary);
    border-color: var(--srm-primary);
    color:#fff;
    border-radius: 8px;
    height: 32px;
    line-height: 30px;
    padding: 0 12px;
}
body.toplevel_page_srm_admin .wp-list-table td a.button:hover{
    background: var(--srm-primary-600);
    border-color: var(--srm-primary-600);
}
body.toplevel_page_srm_admin .wp-list-table td .button-link-delete{
    background: var(--srm-rose);
    border: none;
    color:#fff !important;
    border-radius: 8px;
    height: 32px;
    line-height: 30px;
    padding: 0 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,.06);
}
body.toplevel_page_srm_admin .wp-list-table td .button-link-delete:hover{ background:#dc2626!important; }

/* --- Forms in tabs (cards) ------------------------------------- */
body.toplevel_page_srm_admin .wrap form{
    background: var(--srm-card);
    border: 1px solid var(--srm-border);
    border-radius: 14px;
    padding: 18px;
    box-shadow: 0 6px 18px rgba(20,40,80,.05);
}
body.toplevel_page_srm_admin .wrap form :is(input[type="text"], input[type="email"], textarea){
    width: 100%;
    border: 1px solid var(--srm-border);
    background: #fafbff;
    border-radius: 10px;
    padding: 10px 12px;
    outline: none;
    transition: border-color .2s, box-shadow .2s, background .2s;
}
body.toplevel_page_srm_admin .wrap form textarea{ resize: vertical; }
body.toplevel_page_srm_admin .wrap form :is(input, textarea):focus{
    border-color: var(--srm-primary);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(37,99,235,.12);
}

/* headings and descriptions */
body.toplevel_page_srm_admin .wrap form h3{
    margin: 16px 0 8px;
    font-size: 18px;
    font-weight: 700;
    color: var(--srm-text);
}
body.toplevel_page_srm_admin .wrap form p.description{ color: var(--srm-muted); }
body.toplevel_page_srm_admin .wrap form hr{
    border: 0; border-top: 1px solid var(--srm-border);
}

/* buttons */
body.toplevel_page_srm_admin .wrap form .button.button-primary{
    background: var(--srm-green);
    border-color: var(--srm-green);
    color: #fff;
    border-radius: 10px;
    padding: 0 12px;
}
body.toplevel_page_srm_admin .wrap form .button.button-primary:hover{ filter: brightness(.96); }

/* repeater rows */
body.toplevel_page_srm_admin .srm-link-row{
    display: flex;
    gap: 10px;
    align-items: center;
}
body.toplevel_page_srm_admin .srm-link-row .button-link-delete{
    background: var(--srm-rose);
    border: none;
    color:#fff !important;
    border-radius: 8px;
    height: 32px;
    line-height: 30px;
    padding: 0 12px;
}
body.toplevel_page_srm_admin .srm-link-row .button-link-delete:hover{ background:#dc2626!important; }

/* info block + code */
body.toplevel_page_srm_admin .wrap > div[style*="background:#f1f1f1"]{
    background: var(--srm-primary-50) !important;
    border-left: 4px solid var(--srm-primary) !important;
    border-radius: 10px;
    color: var(--srm-text);
}
body.toplevel_page_srm_admin code{
    background: #111827;
    color: #e5e7eb;
    padding: 2px 6px;
    border-radius: 6px;
}

/* responsive */
@media (max-width: 900px){
    body.toplevel_page_srm_admin .wp-list-table td[style],
    body.toplevel_page_srm_admin .srm-link-row{ flex-wrap: wrap; }
}

/* ================================================================
   SRM — ADMIN (single request): QUOTE (Wycena)
   ================================================================ */

body.admin_page_srm_request .srm-quote-card{
    background: linear-gradient(180deg, #f8fbff 0, #ffffff 60%);
    border: 1px solid var(--srm-border);
    border-radius: 14px;
    padding: 16px;
    box-shadow: 0 6px 18px rgba(20,40,80,.05);
    margin-top: 25px;
}

body.admin_page_srm_request .srm-section-title{
    margin: 0 0 12px 0;
    font-size: 20px;
    font-weight: 700;
}

/*body.admin_page_srm_request .srm-quote-form{ max-width: 1100px; }*/

body.admin_page_srm_request .srm-quote-rows{
    display: grid;
    grid-auto-rows: minmax(44px, auto);
    gap: 10px;
    margin-bottom: 12px;
}

body.admin_page_srm_request .srm-quote-row{
    display: grid;
    grid-template-columns: 1fr 180px auto;
    gap: 8px;
    align-items: center;
    padding: 8px;
    border: 1px dashed #cfe3ff;
    border-radius: 10px;
    background: #fff;
}

/* поля как в твоих карточках */
body.admin_page_srm_request .srm-quote-row .srm-field{
    width: 100%;
    height: 36px;
    border-radius: 10px;
    border: 1px solid var(--srm-border);
    background: #fafbff;
    padding: 6px 10px;
    outline: none;
    transition: border-color .2s, background .2s, box-shadow .2s;
    box-shadow: inset 0 1px 0 rgba(0,0,0,.02);
}
body.admin_page_srm_request .srm-quote-row .srm-field:focus{
    border-color: var(--srm-primary);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(37,99,235,.12);
}
body.admin_page_srm_request .srm-field--price{ text-align: right; }

/* кнопки */
body.admin_page_srm_request .srm-quote-remove.button{
    background: var(--srm-rose);
    border: none;
    color:#fff !important;
    border-radius: 8px;
    height: 36px;
    line-height: 34px;
    padding: 0 12px;
}
body.admin_page_srm_request .srm-quote-remove.button:hover{ background:#dc2626!important; }

body.admin_page_srm_request .srm-quote-actions{
    display: flex;
    gap: 10px;
    align-items: center;
}
body.admin_page_srm_request .srm-quote-add.button{
    background: var(--srm-primary);
    border-color: var(--srm-primary);
    color:#fff;
    border-radius: 10px;
    height: 36px;
    line-height: 34px;
    padding: 0 14px;
}
body.admin_page_srm_request .srm-quote-add.button:hover{
    background: var(--srm-primary-600);
    border-color: var(--srm-primary-600);
}
body.admin_page_srm_request .srm-quote-save.button.button-primary{
    background: var(--srm-green);
    border-color: var(--srm-green);
    color:#fff;
    border-radius: 10px;
    height: 36px;
    line-height: 34px;
    padding: 0 14px;
}
body.admin_page_srm_request .srm-quote-save.button.button-primary:hover{ filter: brightness(.96); }

/* read-only tabela w adminie */
body.admin_page_srm_request table.srm-quote-table{
    border-radius: 12px;
    overflow: hidden;
}

/* responsive */
@media (max-width: 900px){
    body.admin_page_srm_request .srm-quote-row{ grid-template-columns: 1fr; }
    body.admin_page_srm_request .srm-quote-remove.button{ justify-self: start; }
}