{"id":149,"date":"2025-12-23T14:00:32","date_gmt":"2025-12-23T14:00:32","guid":{"rendered":"https:\/\/beta.abergstryck.se\/?page_id=149"},"modified":"2025-12-29T12:09:38","modified_gmt":"2025-12-29T12:09:38","slug":"it-support","status":"publish","type":"page","link":"https:\/\/beta.abergstryck.se\/?page_id=149","title":{"rendered":"IT support"},"content":{"rendered":"\n<section class=\"ab-it\">\n  <div class=\"ab-it__inner\">\n    <h1 class=\"ab-it__title\">IT support<\/h1>\n\n    <!-- TOP ROW -->\n    <div class=\"ab-it__top\">\n      <!-- Vanliga problem -->\n      <div class=\"ab-it__card\">\n        <h2 class=\"ab-it__h2\">Vanliga problem<\/h2>\n        <ul class=\"ab-it__list\">\n          <li><a href=\"#\">Inloggning fungerar inte<\/a><\/li>\n          <li><a href=\"#\">Kan inte hitta kundkonto<\/a><\/li>\n          <li><a href=\"#\">Produkt saknas eller fel information<\/a><\/li>\n          <li><a href=\"#\">Beh\u00f6righet \/ \u00e5tkomst<\/a><\/li>\n          <li><a href=\"#\">Fel vid uppladdning<\/a><\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- Snabb info -->\n      <div class=\"ab-it__card\">\n        <h2 class=\"ab-it__h2\">Snabb info<\/h2>\n        <div class=\"ab-it__kv\">\n          <div class=\"ab-it__k\">Systemstatus<\/div>\n          <div class=\"ab-it__v\"><span class=\"ab-it__pill\">OK<\/span><\/div>\n\n          <div class=\"ab-it__k\">Version<\/div>\n          <div class=\"ab-it__v\">Beta<\/div>\n\n          <div class=\"ab-it__k\">Milj\u00f6<\/div>\n          <div class=\"ab-it__v\">Admin<\/div>\n        <\/div>\n\n        <p class=\"ab-it__note\">\n          Vissa funktioner \u00e4r prototyper och utvecklas vidare n\u00e4r databaskoppling finns.\n        <\/p>\n      <\/div>\n    <\/div>\n\n<div class=\"ab-it__bottom\">\n  <div class=\"ab-it__card ab-it__card--wide\">\n    <h2 class=\"ab-it__h2\">Kontakta support<\/h2>\n\n    <form class=\"ab-it__form\" action=\"#\" method=\"post\">\n      <div class=\"ab-it__formgrid\">\n        <div class=\"ab-it__field\">\n          <label class=\"ab-it__label\" for=\"ab-name\">Namn<\/label>\n          <input class=\"ab-it__input\" id=\"ab-name\" type=\"text\" placeholder=\"Ditt namn\" \/>\n        <\/div>\n\n        <div class=\"ab-it__field\">\n          <label class=\"ab-it__label\" for=\"ab-email\">E-post<\/label>\n          <input class=\"ab-it__input\" id=\"ab-email\" type=\"email\" placeholder=\"din@mail.se\" \/>\n        <\/div>\n      <\/div>\n\n      <div class=\"ab-it__field\">\n        <label class=\"ab-it__label\" for=\"ab-subject\">\u00c4mne<\/label>\n        <input class=\"ab-it__input\" id=\"ab-subject\" type=\"text\" placeholder=\"Kort beskrivning av problemet\" \/>\n      <\/div>\n\n      <div class=\"ab-it__field\">\n        <label class=\"ab-it__label\" for=\"ab-msg\">Meddelande<\/label>\n        <textarea class=\"ab-it__textarea\" id=\"ab-msg\" rows=\"5\"\n          placeholder=\"Beskriv vad du f\u00f6rs\u00f6kte g\u00f6ra, vad som h\u00e4nde, och g\u00e4rna tidpunkt.\"><\/textarea>\n      <\/div>\n\n      <p class=\"ab-it__note\">\n        Obs: Formul\u00e4ret \u00e4r en prototyp. Skick-funktionen kopplas till databasen i n\u00e4sta steg.\n      <\/p>\n\n      <div class=\"ab-it__actions\">\n        <button class=\"ab-it__btn ab-it__btn--primary\" type=\"button\">Skicka<\/button>\n        <a class=\"ab-it__btn ab-it__btn--secondary\" href=\"https:\/\/beta.abergstryck.se\/?page_id=307\">\u2190 G\u00e5 tillbaka till Administration<\/a>\n      <\/div>\n    <\/form>\n  <\/div>\n<\/div>\n<\/section>\n\n<style>\n  .ab-it{\n    padding: 48px 16px 80px;\n  }\n  .ab-it__inner{\n    max-width: 1100px;\n    margin: 0 auto;\n  }\n  .ab-it__title{\n    font-size: clamp(42px, 5vw, 64px);\n    margin: 0 0 36px;\n    font-weight: 700;\n    font-family: \"Fira code\";\n  }\n\n  \/* layout *\/\n  .ab-it__top{\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    margin-bottom: 20px;\n  }\n  .ab-it__bottom{\n    display: block;\n  }\n\n  \/* cards *\/\n  .ab-it__card{\n    border: 1px solid rgba(0,0,0,.18);\n    border-radius: 12px;\n    padding: 18px;\n    background: #fff;\n  }\n  .ab-it__card--wide{\n    width: 100%;\n  }\n\n  .ab-it__h2{\n    font-size: 18px;\n    margin: 0 0 12px;\n    font-weight: 700;\n  }\n\n  .ab-it__list{\n    padding-left: 18px;\n    line-height: 1.6;\n    margin: 0;\n  }\n  .ab-it__list a{\n    text-decoration: none;\n    color: #123a66;\n  }\n  .ab-it__list a:hover{\n    text-decoration: underline;\n  }\n\n  .ab-it__kv{\n    display: grid;\n    grid-template-columns: 140px 1fr;\n    gap: 10px 12px;\n  }\n  .ab-it__k{\n    font-weight: 600;\n    opacity: .85;\n  }\n  .ab-it__v{\n    opacity: .95;\n  }\n\n  .ab-it__pill{\n    display: inline-block;\n    padding: 4px 10px;\n    border-radius: 999px;\n    background: rgba(0,166,81,.12);\n    border: 1px solid rgba(0,166,81,.25);\n    font-weight: 700;\n  }\n\n  .ab-it__note{\n    margin-top: 12px;\n    font-size: 13px;\n    opacity: .85;\n  }\n\n  .ab-it__callout{\n    margin: 14px 0;\n    padding: 12px;\n    border-radius: 10px;\n    background: rgba(0,166,81,.08);\n    border: 1px solid rgba(0,166,81,.18);\n  }\n\n  .ab-it__actions{\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n    margin-top: 12px;\n  }\n\n  .ab-it__btn{\n    padding: 10px 16px;\n    border-radius: 10px;\n    text-decoration: none;\n    font-weight: 600;\n    border: 1px solid rgba(0,0,0,.18);\n  }\n  .ab-it__btn--primary{\n    background: #00A651;\n    color: #fff;\n  }\n  .ab-it__btn--secondary{\n    background: #f5f6f7;\n    color: #111;\n  }\n\n  @media (max-width: 900px){\n    .ab-it__top{\n      grid-template-columns: 1fr;\n    }\n  }\n .ab-it__form{ margin-top: 6px; }\n  .ab-it__formgrid{\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 14px;\n    margin-bottom: 14px;\n  }\n  .ab-it__field{ margin-bottom: 14px; }\n  .ab-it__label{\n    display:block;\n    font-weight: 600;\n    margin: 0 0 6px;\n    opacity: .9;\n  }\n  .ab-it__input, .ab-it__textarea{\n    width: 100%;\n    border-radius: 10px;\n    border: 1px solid rgba(0,0,0,.22);\n    padding: 10px 12px;\n    box-sizing: border-box;\n    font-size: 14px;\n    background: #fff;\n    outline: none;\n  }\n  .ab-it__input:focus, .ab-it__textarea:focus{\n    border-color: rgba(0,166,81,.75);\n    box-shadow: 0 0 0 4px rgba(0,166,81,.12);\n  }\n  .ab-it__textarea{ resize: vertical; }\n\n  @media (max-width: 900px){\n    .ab-it__formgrid{ grid-template-columns: 1fr; }\n  }\n<\/style>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>IT support Vanliga problem Inloggning fungerar inte Kan inte hitta kundkonto Produkt saknas eller fel information Beh\u00f6righet \/ \u00e5tkomst Fel vid uppladdning Snabb info Systemstatus OK Version Beta Milj\u00f6 Admin Vissa funktioner \u00e4r prototyper och utvecklas vidare n\u00e4r databaskoppling finns. Kontakta support Namn E-post \u00c4mne Meddelande Obs: Formul\u00e4ret \u00e4r en prototyp. Skick-funktionen kopplas till databasen [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-149","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/beta.abergstryck.se\/index.php?rest_route=\/wp\/v2\/pages\/149","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beta.abergstryck.se\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beta.abergstryck.se\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beta.abergstryck.se\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beta.abergstryck.se\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=149"}],"version-history":[{"count":8,"href":"https:\/\/beta.abergstryck.se\/index.php?rest_route=\/wp\/v2\/pages\/149\/revisions"}],"predecessor-version":[{"id":371,"href":"https:\/\/beta.abergstryck.se\/index.php?rest_route=\/wp\/v2\/pages\/149\/revisions\/371"}],"wp:attachment":[{"href":"https:\/\/beta.abergstryck.se\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}