fix(web/ui): resolve padding and dialog layout issues from audit

- Remove conflicting .dialog/.dialog-body rules from utilities.css
- Fix live-session sidebar alignment and padding
- Wrap ProjectDialog, RepositoryCreateDialog, WorkspacesPage modals in .dialog-header/.dialog-body
- Migrate SessionsPage dirty-delete modal from .modal-* to .dialog-*
- Add padding to .project-card
- Fix session-card-actions border token (var(--border))
- Remove duplicate .dialog-actions rule in global.css
- Add pb-20 bottom clearance to ConfigProfile/ToolType editor scroll containers
- Add .card-md padding to ErrorState

apps/web/src/components/data-states.tsx

@@ -14,7 +14,7 @@ interface ErrorStateProps {
 }
 
 export const ErrorState = ({ message = "Failed to load", onRetry }: ErrorStateProps) => (
-  <div className="card stack">
+  <div className="card card-md stack">
     <p>{message}</p>
     {onRetry && (
       <button className="secondary-button" onClick={onRetry} type="button">

apps/web/src/components/features/config-profiles/ConfigProfileEditorPanel.tsx

@@ -86,7 +86,7 @@ export const ConfigProfileEditorPanel = ({
   const hasSelection = isCreating || selectedProfile;
 
   return (
-    <div className="flex-1 overflow-auto p-5 min-w-0">
+    <div className="flex-1 overflow-auto p-5 pb-20 min-w-0">
       {!hasSelection ? (
         <div className="empty-state">
           <div className="empty-state-icon">

apps/web/src/components/features/project/ProjectDialog.tsx

@@ -24,8 +24,10 @@ export const ProjectDialog = ({
   return (
     <div className="dialog-overlay" role="dialog" aria-modal="true">
       <div className="dialog">
-        <h2>{mode === "create" ? "Create Project" : "Edit Project"}</h2>
-        <form onSubmit={onSubmit} className="stack">
+        <div className="dialog-header">
+          <h2>{mode === "create" ? "Create Project" : "Edit Project"}</h2>
+        </div>
+        <form onSubmit={onSubmit} className="dialog-body stack">
           <label className="form-field">
             Name
             <input

apps/web/src/components/features/project/repository-create-dialog.tsx

@@ -227,12 +227,14 @@ export const RepositoryCreateDialog = ({
 	return (
 		<div className="dialog-overlay" role="dialog" aria-modal="true">
 			<div className="dialog">
-				<h3>{title}</h3>
-				<p className="muted">
-					Clone an existing repository from git.commumedia.org, or create a
-					blank bare repo here.
-				</p>
-				<form onSubmit={handleSubmit} className="stack">
+				<div className="dialog-header">
+					<h3>{title}</h3>
+				</div>
+				<form onSubmit={handleSubmit} className="dialog-body stack">
+					<p className="muted m-0">
+						Clone an existing repository from git.commumedia.org, or create a
+						blank bare repo here.
+					</p>
 					<div className="form-field repo-mode-radios">
 						<label className="repo-mode-label">
 							<input

apps/web/src/components/features/tool-workshop/ToolTypeEditorPanel.tsx

@@ -53,7 +53,7 @@ export const ToolTypeEditorPanel = ({
 	const hasSelection = isCreating || selectedToolType;
 
 	return (
-		<div className="flex-1 overflow-auto p-5 min-w-0">
+		<div className="flex-1 overflow-auto p-5 pb-20 min-w-0">
 			{!hasSelection ? (
 				<div className="empty-state">
 					<div className="empty-state-icon">