diff --git a/assets/css/base.css b/assets/css/base.css
index f13aa12..8fc27bc 100644
--- a/assets/css/base.css
+++ b/assets/css/base.css
@@ -359,6 +359,10 @@ hr {
 .lt-main {
   padding-top: calc(var(--header-height) + var(--space-lg));
   flex: 1;
+  /* When body is a flex column, margin:0 auto from .lt-container would prevent
+     stretch. Force full width so max-width+auto-margin centering still works. */
+  width: 100%;
+  min-width: 0; /* prevent flex overflow on very small viewports */
 }
 
 .lt-layout {
@@ -1211,6 +1215,7 @@ select option:checked {
 .lt-badge-green { color: var(--accent-green); }
 .lt-badge-amber { color: var(--accent-amber); }
 .lt-badge-red   { color: var(--accent-red); }
+.lt-badge-sm    { font-size: 0.52rem; padding: 0.05rem 0.3rem; letter-spacing: 0.08em; }
 
 /* Status + priority badge variants (dark-mode base) */
 .lt-badge-open        { color: var(--accent-green);  background: rgba(0,255,136,0.08);  border-color: rgba(0,255,136,0.35);  text-shadow: var(--glow-green); }
@@ -3192,6 +3197,11 @@ input[type="range"].lt-range::-moz-range-thumb {
 .lt-kv-val--green  { color: var(--accent-green); }
 .lt-kv-val--red    { color: var(--accent-red); }
 
+/* v1.2 aliases: lt-kv-row wraps label+value as a transparent grid wrapper */
+.lt-kv-row   { display: contents; }
+.lt-kv-label { padding: var(--space-xs) var(--space-md) var(--space-xs) 0; color: var(--text-dim); text-transform: uppercase; letter-spacing: 0.05em; font-size: 0.7rem; white-space: nowrap; border-right: 1px solid var(--border-dim); }
+.lt-kv-value { padding: var(--space-xs) 0 var(--space-xs) var(--space-md); color: var(--text-primary); }
+
 
 /* ----------------------------------------------------------------
    43. HERO / BANNER SECTION
diff --git a/views/TicketView.php b/views/TicketView.php
index 841094d..9dab107 100644
--- a/views/TicketView.php
+++ b/views/TicketView.php
@@ -71,12 +71,12 @@ $visUserModel       = new UserModel($conn);
 $allAvailableGroups = $visUserModel->getAllGroups();
 
 // JSON-encode ticket fields for the inline script
-$json_ticket_id = json_encode($ticket['ticket_id']);
-$json_title     = json_encode($ticket['title']);
-$json_status    = json_encode($ticket['status']);
-$json_priority  = json_encode($ticket['priority']);
-$json_category  = json_encode($ticket['category']);
-$json_type      = json_encode($ticket['type']);
+$json_ticket_id = json_encode($ticket['ticket_id'], JSON_HEX_TAG);
+$json_title     = json_encode($ticket['title'],     JSON_HEX_TAG);
+$json_status    = json_encode($ticket['status'],    JSON_HEX_TAG);
+$json_priority  = json_encode($ticket['priority'],  JSON_HEX_TAG);
+$json_category  = json_encode($ticket['category'],  JSON_HEX_TAG);
+$json_type      = json_encode($ticket['type'],      JSON_HEX_TAG);
 $pageInlineScript = <<<JS
 window.ticketData = {
     ticket_id: {$json_ticket_id},
diff --git a/views/admin/CustomFieldsView.php b/views/admin/CustomFieldsView.php
index 4482505..357c4d7 100644
--- a/views/admin/CustomFieldsView.php
+++ b/views/admin/CustomFieldsView.php
@@ -202,8 +202,10 @@ function editField(id) {
                 }
                 document.getElementById('cfModalTitle').textContent = 'Edit Custom Field';
                 lt.modal.open('fieldModal');
+            } else {
+                lt.toast.error(data.error || 'Failed to load field');
             }
-        });
+        }).catch(function () { lt.toast.error('Failed to load field'); });
 }
 
 function deleteField(id) {
diff --git a/views/admin/RecurringTicketsView.php b/views/admin/RecurringTicketsView.php
index 36cb6ee..db5a39c 100644
--- a/views/admin/RecurringTicketsView.php
+++ b/views/admin/RecurringTicketsView.php
@@ -240,8 +240,10 @@ function editRecurring(id) {
                 document.getElementById('assigned_to').value            = rt.assigned_to || '';
                 document.getElementById('recModalTitle').textContent    = 'Edit Recurring Ticket';
                 lt.modal.open('recurringModal');
+            } else {
+                lt.toast.error(data.error || 'Failed to load schedule');
             }
-        });
+        }).catch(function () { lt.toast.error('Failed to load schedule'); });
 }
 
 function toggleRecurring(id) {
@@ -287,7 +289,7 @@ function loadUsers() {
                     select.appendChild(opt);
                 });
             }
-        });
+        }).catch(function () { /* non-critical: assigned_to stays as manual input */ });
 }
 
 updateScheduleOptions();
diff --git a/views/admin/TemplatesView.php b/views/admin/TemplatesView.php
index ef9e1b6..22101ce 100644
--- a/views/admin/TemplatesView.php
+++ b/views/admin/TemplatesView.php
@@ -137,7 +137,7 @@ include __DIR__ . '/../../views/layout_header.php';
 </div>
 
 <script nonce="<?= $nonce ?>">
-var templates = <?= json_encode($templates ?? []) ?>;
+var templates = <?= json_encode($templates ?? [], JSON_HEX_TAG) ?>;
 
 document.addEventListener('click', function (e) {
     var target = e.target.closest('[data-action]');
diff --git a/views/admin/WorkflowDesignerView.php b/views/admin/WorkflowDesignerView.php
index 82ec2d0..ffcc390 100644
--- a/views/admin/WorkflowDesignerView.php
+++ b/views/admin/WorkflowDesignerView.php
@@ -156,7 +156,7 @@ include __DIR__ . '/../../views/layout_header.php';
 </div>
 
 <script nonce="<?= $nonce ?>">
-var workflows = <?= json_encode($workflows ?? []) ?>;
+var workflows = <?= json_encode($workflows ?? [], JSON_HEX_TAG) ?>;
 
 document.addEventListener('click', function (e) {
     var target = e.target.closest('[data-action]');
diff --git a/views/layout_header.php b/views/layout_header.php
index f04e8c6..122cb17 100644
--- a/views/layout_header.php
+++ b/views/layout_header.php
@@ -41,15 +41,15 @@ $_lt_navActive = $activeNav ?? 'dashboard';
   <script nonce="<?= htmlspecialchars($nonce, ENT_QUOTES, 'UTF-8') ?>" src="/assets/js/utils.js"></script>
   <!-- Inline JS globals (CSRF, timezone, user) available immediately -->
   <script nonce="<?= htmlspecialchars($nonce, ENT_QUOTES, 'UTF-8') ?>">
-    window.CSRF_TOKEN          = <?= json_encode(CsrfMiddleware::getToken(), JSON_UNESCAPED_UNICODE) ?>;
-    window.APP_TIMEZONE        = <?= json_encode($GLOBALS['config']['TIMEZONE']        ?? 'UTC', JSON_UNESCAPED_UNICODE) ?>;
-    window.APP_TIMEZONE_ABBREV = <?= json_encode($GLOBALS['config']['TIMEZONE_ABBREV'] ?? 'UTC', JSON_UNESCAPED_UNICODE) ?>;
+    window.CSRF_TOKEN          = <?= json_encode(CsrfMiddleware::getToken(), JSON_UNESCAPED_UNICODE | JSON_HEX_TAG) ?>;
+    window.APP_TIMEZONE        = <?= json_encode($GLOBALS['config']['TIMEZONE']        ?? 'UTC', JSON_UNESCAPED_UNICODE | JSON_HEX_TAG) ?>;
+    window.APP_TIMEZONE_ABBREV = <?= json_encode($GLOBALS['config']['TIMEZONE_ABBREV'] ?? 'UTC', JSON_UNESCAPED_UNICODE | JSON_HEX_TAG) ?>;
     window.APP_TIMEZONE_OFFSET = <?= (int)($GLOBALS['config']['TIMEZONE_OFFSET'] ?? 0) ?>;
     window.CURRENT_USER        = <?= json_encode([
         'id'      => (int)($GLOBALS['currentUser']['user_id'] ?? 0),
         'username'=> $GLOBALS['currentUser']['username'] ?? '',
         'isAdmin' => !empty($GLOBALS['currentUser']['is_admin']),
-    ], JSON_UNESCAPED_UNICODE) ?>;
+    ], JSON_UNESCAPED_UNICODE | JSON_HEX_TAG) ?>;
   </script>
 </head>
 <body>
@@ -62,39 +62,30 @@ $_lt_navActive = $activeNav ?? 'dashboard';
     <pre id="lt-boot-text" class="lt-boot-text"></pre>
   </div>
 
-  <!-- MOBILE NAV DRAWER -->
-  <div class="lt-nav-drawer" id="lt-nav-drawer" role="dialog" aria-modal="true" aria-label="Mobile navigation">
-    <div class="lt-nav-drawer-backdrop" id="lt-nav-drawer-backdrop" data-action="close-nav-drawer" aria-hidden="true"></div>
-    <nav class="lt-nav-drawer-panel" aria-label="Mobile main navigation">
-      <div class="lt-nav-drawer-header">
-        <span class="lt-nav-drawer-title">TINKER TICKETS</span>
-        <button type="button"
-                class="lt-nav-drawer-close"
-                id="lt-nav-drawer-close"
-                data-action="close-nav-drawer"
-                aria-label="Close navigation">&#x2715;</button>
-      </div>
-      <ul class="lt-nav-drawer-list" role="list">
-        <li>
-          <a href="/"
-             class="lt-nav-drawer-link<?= $_lt_navActive === 'dashboard' ? ' active' : '' ?>"
-             <?= $_lt_navActive === 'dashboard' ? 'aria-current="page"' : '' ?>>
-            Dashboard
-          </a>
-        </li>
+  <!-- MOBILE NAV DRAWER — matches web_template structure exactly -->
+  <div id="lt-nav-drawer" class="lt-nav-drawer" aria-hidden="true" role="dialog" aria-modal="true" aria-label="Navigation menu">
+    <div class="lt-nav-drawer-header">
+      <span class="lt-brand-title">TINKER TICKETS</span>
+      <button type="button" class="lt-nav-drawer-close" id="lt-nav-drawer-close" aria-label="Close navigation">&#x2715;</button>
+    </div>
+    <nav class="lt-nav-drawer-links" aria-label="Mobile navigation">
+      <a href="/"
+         class="lt-nav-drawer-link<?= $_lt_navActive === 'dashboard' ? ' active' : '' ?>"
+         <?= $_lt_navActive === 'dashboard' ? 'aria-current="page"' : '' ?>>Dashboard</a>
 <?php if ($_lt_isAdmin): ?>
-        <li class="lt-nav-drawer-section-label" aria-hidden="true">Admin</li>
-        <li><a href="/admin/templates"         class="lt-nav-drawer-link<?= $_lt_navActive === 'admin-templates'        ? ' active' : '' ?>">Templates</a></li>
-        <li><a href="/admin/workflow"           class="lt-nav-drawer-link<?= $_lt_navActive === 'admin-workflow'         ? ' active' : '' ?>">Workflow</a></li>
-        <li><a href="/admin/recurring-tickets"  class="lt-nav-drawer-link<?= $_lt_navActive === 'admin-recurring'        ? ' active' : '' ?>">Recurring</a></li>
-        <li><a href="/admin/custom-fields"      class="lt-nav-drawer-link<?= $_lt_navActive === 'admin-custom-fields'   ? ' active' : '' ?>">Custom Fields</a></li>
-        <li><a href="/admin/user-activity"      class="lt-nav-drawer-link<?= $_lt_navActive === 'admin-user-activity'   ? ' active' : '' ?>">User Activity</a></li>
-        <li><a href="/admin/audit-log"          class="lt-nav-drawer-link<?= $_lt_navActive === 'admin-audit-log'       ? ' active' : '' ?>">Audit Log</a></li>
-        <li><a href="/admin/api-keys"           class="lt-nav-drawer-link<?= $_lt_navActive === 'admin-api-keys'        ? ' active' : '' ?>">API Keys</a></li>
+      <div class="lt-nav-drawer-section">Admin</div>
+      <a href="/admin/templates"        class="lt-nav-drawer-link lt-nav-drawer-link--indent<?= $_lt_navActive === 'admin-templates'      ? ' active' : '' ?>">Templates</a>
+      <a href="/admin/workflow"         class="lt-nav-drawer-link lt-nav-drawer-link--indent<?= $_lt_navActive === 'admin-workflow'       ? ' active' : '' ?>">Workflow</a>
+      <a href="/admin/recurring-tickets" class="lt-nav-drawer-link lt-nav-drawer-link--indent<?= $_lt_navActive === 'admin-recurring'      ? ' active' : '' ?>">Recurring</a>
+      <a href="/admin/custom-fields"    class="lt-nav-drawer-link lt-nav-drawer-link--indent<?= $_lt_navActive === 'admin-custom-fields'  ? ' active' : '' ?>">Custom Fields</a>
+      <a href="/admin/user-activity"    class="lt-nav-drawer-link lt-nav-drawer-link--indent<?= $_lt_navActive === 'admin-user-activity'  ? ' active' : '' ?>">User Activity</a>
+      <a href="/admin/audit-log"        class="lt-nav-drawer-link lt-nav-drawer-link--indent<?= $_lt_navActive === 'admin-audit-log'      ? ' active' : '' ?>">Audit Log</a>
+      <a href="/admin/api-keys"         class="lt-nav-drawer-link lt-nav-drawer-link--indent<?= $_lt_navActive === 'admin-api-keys'       ? ' active' : '' ?>">API Keys</a>
 <?php endif; ?>
-      </ul>
     </nav>
   </div><!-- /.lt-nav-drawer -->
+  <!-- Overlay: outside drawer, full-screen; JS toggles .open class -->
+  <div id="lt-nav-overlay" class="lt-nav-drawer-overlay"></div>
 
   <!-- PRIMARY HEADER -->
   <header class="lt-header" role="banner">
@@ -160,9 +151,7 @@ $_lt_navActive = $activeNav ?? 'dashboard';
 
     <div class="lt-header-right">
 <?php if (!empty($_lt_user)): ?>
-      <span class="lt-header-username">
-        <?= htmlspecialchars($_lt_user['display_name'] ?? $_lt_user['username'] ?? '', ENT_QUOTES, 'UTF-8') ?>
-      </span>
+      <span class="lt-header-user"><?= htmlspecialchars($_lt_user['display_name'] ?? $_lt_user['username'] ?? '', ENT_QUOTES, 'UTF-8') ?></span>
 <?php   if ($_lt_isAdmin): ?>
       <span class="lt-badge lt-badge-admin" aria-label="Administrator">ADMIN</span>
 <?php   endif; ?>