/* The Galley Kitchen — Customer Support module (public form + shared extras).
   Loaded from support/*.php and admin/support/*.php pages.
   Public site (public.css) has no form-field styling, so it is provided here.
   Class names are namespaced to avoid clashing with core styles. */

/* ---------- Public: support option cards ---------- */
.support-options{display:grid;grid-template-columns:1fr;gap:16px}
.support-opt{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--line,#e8edeb);
    border-radius:var(--radius,14px);padding:22px;box-shadow:var(--shadow,0 1px 3px rgba(20,40,30,.06));
    transition:transform .18s,box-shadow .18s,border-color .18s}
a.support-opt:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg,0 18px 40px rgba(14,36,28,.14));
    border-color:var(--green,#29AB87)}
.support-opt-ico{flex:0 0 auto;width:48px;height:48px;border-radius:12px;background:rgba(41,171,135,.12);
    color:var(--green-dark,#1f8f70);display:flex;align-items:center;justify-content:center;font-size:22px}
.support-opt-body{min-width:0}
.support-opt h3{font-size:17px;margin-bottom:4px}
.support-opt p{color:var(--muted,#6b7671);font-size:14px}
.support-opt-val{display:inline-block;margin-top:8px;color:var(--green-dark,#1f8f70);font-weight:700;
    font-size:14px;word-break:break-word}
.support-opt-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.support-opt-links a{font-size:13px;font-weight:600;color:var(--green-dark,#1f8f70);background:var(--soft,#f5f8f7);
    border:1px solid var(--line,#e8edeb);padding:6px 12px;border-radius:20px}
.support-opt-links a:hover{border-color:var(--green,#29AB87);color:var(--ink,#16352b)}

/* ---------- Public: request form ---------- */
.support-form-card{background:#fff;border:1px solid var(--line,#e8edeb);border-radius:var(--radius,14px);
    padding:26px;box-shadow:var(--shadow,0 1px 3px rgba(20,40,30,.06));max-width:780px;margin:0 auto}
.support-form .field{display:block;margin-bottom:16px}
.support-form .field-label{display:block;font-size:14px;font-weight:600;color:var(--ink,#16352b);margin-bottom:6px}
.support-form .req{color:#c0392b}
.support-form input[type=text],
.support-form input[type=email],
.support-form input[type=tel],
.support-form input[type=file],
.support-form select,
.support-form textarea{
    width:100%;border:1px solid var(--line,#e8edeb);border-radius:10px;padding:12px 14px;font-size:15px;
    font-family:inherit;color:var(--charcoal,#2b2f33);background:#fff;
    transition:border-color .15s,box-shadow .15s}
.support-form input:focus,.support-form select:focus,.support-form textarea:focus{
    outline:0;border-color:var(--green,#29AB87);box-shadow:0 0 0 3px rgba(41,171,135,.15)}
.support-form textarea{min-height:130px;resize:vertical}
.support-form .help{display:block;margin-top:6px;font-size:12.5px;color:var(--muted,#6b7671)}
.support-form-grid{display:grid;grid-template-columns:1fr;gap:0 18px}
@media(min-width:640px){.support-form-grid{grid-template-columns:1fr 1fr}}
.support-actions{margin-top:8px}

/* ---------- Public: alerts + success ---------- */
.support-alert{border-radius:12px;padding:14px 16px;margin-bottom:20px;font-size:14px;border:1px solid;
    max-width:780px;margin-left:auto;margin-right:auto}
.support-alert-error{background:#fdecea;border-color:#f5c6c2;color:#a13228}
.support-alert ul{margin:6px 0 0;padding-left:20px}
.support-success{max-width:660px;margin:0 auto;background:#fff;border:1px solid var(--line,#e8edeb);
    border-radius:var(--radius,14px);box-shadow:var(--shadow-lg,0 18px 40px rgba(14,36,28,.14));
    padding:40px 28px;text-align:center}
.support-success-ico{width:66px;height:66px;border-radius:50%;background:rgba(41,171,135,.14);
    color:var(--green-dark,#1f8f70);display:flex;align-items:center;justify-content:center;
    font-size:32px;margin:0 auto 18px}
.support-success h2{font-size:24px;margin-bottom:10px}
.support-success p{color:var(--muted,#6b7671);margin-bottom:18px}
.support-ticket-no{display:inline-block;font-size:22px;font-weight:800;letter-spacing:1px;color:var(--ink,#16352b);
    background:var(--soft,#f5f8f7);border:1px dashed var(--green,#29AB87);border-radius:12px;
    padding:12px 22px;margin-bottom:24px}

/* ---------- Admin: ticket detail extras ---------- */
.support-msg-box{white-space:pre-wrap;word-break:break-word;background:var(--bg,#f4f7f6);
    border:1px solid var(--line,#e6ece9);border-radius:10px;padding:14px;line-height:1.6;margin-top:6px}
.support-attach-preview{max-width:340px;width:100%;height:auto;border-radius:10px;
    border:1px solid var(--line,#e6ece9);margin-top:8px}
.support-status-form{display:flex;flex-wrap:wrap;gap:12px;align-items:end}
.support-status-form .field{margin-bottom:0;min-width:180px}