/* ==========================================================================
   Yaalini_CustomerAccount :: misc-forms.css
   "Neat, compact and beautiful" request: the Help Desk ticket form
   (/helpdesk/ticket/new) and the Order Tracking / guest order-lookup form
   (/sales/guest/form/) were both stretching their input boxes and submit
   button edge-to-edge across the full page width, same underlying cause
   as the Forgot Password page earlier in this project — no max-width of
   their own. Neither page carries body.account or body.cms-page-view, so
   neither existing fix reaches them; each has its own distinct real body
   class instead (confirmed via real markup):
     - Help Desk:      body.helpdesk-ticket-new
     - Order Tracking:  body.sales-guest-form
   These are genuine Magento layout-handle-derived body classes (module_
   controller_action, hyphenated), so each gets its own layout XML hook
   (helpdesk_ticket_new.xml / sales_guest_form.xml) loading this file —
   same one-file-per-page-type pattern as the rest of this module, not
   the site-wide default.xml approach used for the page-title-bar removal
   (that one needed every page type; this one only needs these two).

   Real form classes confirmed from markup:
     - Help Desk form:      <form class="form helpdesk-new-ticket">
     - Order Tracking form: <form class="form form-orders-search">
   Both sit inside a plain (unstyled) <fieldset class="fieldset"> with
   standard .field/.control/input.input-text markup — the pill-shaped
   input styling already visible in both pages' screenshots comes from
   the MGS Claue theme itself, not from body.account-scoped rules in
   account-theme.css, so it's unaffected either way. Only width/centering
   and the card look (border/radius/shadow, matching the Forgot Password
   treatment) are added here.
   ========================================================================== */

body.helpdesk-ticket-new,
body.sales-guest-form {
    --ymf-border: #ece3d6;
    --ymf-radius: 12px;
    --ymf-shadow: 0 6px 20px rgba(122, 23, 40, 0.07), 0 1px 3px rgba(0, 0, 0, 0.04);
}

body.helpdesk-ticket-new .form.helpdesk-new-ticket,
body.sales-guest-form .form.form-orders-search {
    max-width: 700px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

body.helpdesk-ticket-new .form.helpdesk-new-ticket .fieldset,
body.sales-guest-form .form.form-orders-search .fieldset {
    background: #fff;
    border: 1px solid var(--ymf-border);
    border-radius: var(--ymf-radius);
    box-shadow: var(--ymf-shadow);
    padding: 28px 24px 20px;
    box-sizing: border-box;
}

/* The Help Desk form's own "Already submitted a ticket?" hint sits
   outside the fieldset, above it - keep it aligned to the same
   max-width/centering as the form itself rather than the full page. */
body.helpdesk-ticket-new .helpdesk-guest-lookup-hint {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

/* Submit buttons: both pages' .actions-toolbar sits OUTSIDE the
   fieldset (confirmed in markup), so it needs the same width cap
   independently - it won't inherit it from the fieldset rule above. */
body.helpdesk-ticket-new .actions-toolbar,
body.sales-guest-form .actions-toolbar {
    max-width: 700px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 18px;
}