diff --git a/packages/scratch-gui/src/components/classroom-modal/classroom-modal.css b/packages/scratch-gui/src/components/classroom-modal/classroom-modal.css
index b1f8a8030f..16b8599c61 100644
--- a/packages/scratch-gui/src/components/classroom-modal/classroom-modal.css
+++ b/packages/scratch-gui/src/components/classroom-modal/classroom-modal.css
@@ -2396,8 +2396,9 @@
     font-size: 0.85rem;
 }
 
+/* プライマリ = 青塗り（評価画面に統一・#1122）。 */
 .class-list-create-button {
-    background: #855cd6;
+    background: #4c97ff;
     color: white;
     border: none;
     border-radius: 0.5rem;
@@ -2406,6 +2407,10 @@
     cursor: pointer;
 }
 
+.class-list-create-button:hover {
+    background: #3d89f0;
+}
+
 .class-list-create-button:disabled {
     opacity: 0.5;
     cursor: default;
@@ -2641,10 +2646,12 @@ button.detail-tabs-download-urgent:hover:not(:disabled) {
     font-size: 0.875rem;
 }
 
+/* 評価画面の見出し（.teacher-view-title）に統一: 濃い太字・紫を使わない（#1122）。 */
 .shared-form-title {
-    margin: 0;
-    font-size: 1rem;
-    color: #855cd6;
+    margin: 0.25rem 0 1rem;
+    font-size: 1.3rem;
+    font-weight: bold;
+    color: #575e75;
 }
 
 .shared-form-hint {
@@ -2737,12 +2744,17 @@ button.detail-tabs-download-urgent:hover:not(:disabled) {
     cursor: pointer;
 }
 
+/* プライマリは評価画面と同じ青塗りに統一（#1122）。 */
 .shared-form-submit {
-    border-color: #855cd6 !important;
-    background: #855cd6 !important;
+    border-color: #4c97ff !important;
+    background: #4c97ff !important;
     color: white;
 }
 
+.shared-form-submit:hover {
+    background: #3d89f0 !important;
+}
+
 .shared-form-submit:disabled {
     opacity: 0.5;
     cursor: default;
@@ -2759,15 +2771,20 @@ button.detail-tabs-download-urgent:hover:not(:disabled) {
 
 /* --- みんなの課題: catalog (EPIC #1066 S3) --- */
 
+/* 枠なし（#1122）: 課題ボードの本文幅にそのまま乗せ、パンくず左端にそろえる。 */
 .shared-catalog {
     display: flex;
     flex-direction: column;
     gap: 0.6rem;
     margin: 0.75rem 0;
-    padding: 1rem;
-    border: 1px solid hsla(260, 60%, 60%, 0.35);
-    border-radius: 0.5rem;
-    background: white;
+}
+
+/* 課題ボード内サブビュー共通コンテナ（#1122）: 合言葉で取り込み・共有ステップなど、
+   課題ボード（.assignment-board）内に描画されるビューが共有する。ボード側が持つ
+   左右パディング（2rem）に二重で足さないよう水平パディングは 0 にし、左端を
+   パンくずにそろえる。ボード内に新しいサブビューを足すときもこのクラスを使う。 */
+.board-inner-view {
+    padding: 0 0 1.25rem;
 }
 
 .shared-catalog-filters {
@@ -3025,8 +3042,9 @@ button.detail-tabs-download-urgent:hover:not(:disabled) {
     color: hsla(225, 15%, 40%, 1);
 }
 
+/* プライマリ = 青塗り（評価画面に統一・#1122）。 */
 .board-create-button {
-    background: #855cd6;
+    background: #4c97ff;
     color: white;
     border: none;
     border-radius: 0.5rem;
@@ -3035,6 +3053,10 @@ button.detail-tabs-download-urgent:hover:not(:disabled) {
     white-space: nowrap;
 }
 
+.board-create-button:hover {
+    background: #3d89f0;
+}
+
 .board-create-button:disabled {
     opacity: 0.5;
     cursor: default;
@@ -3205,17 +3227,22 @@ button.detail-tabs-download-urgent:hover:not(:disabled) {
     cursor: default;
 }
 
+/* セカンダリ = 白地 + 中立の枠線（評価画面に統一・#1122）。 */
 .class-list-import-button {
     margin-left: 0.5rem;
-    border: 1px solid #855cd6;
+    border: 1px solid #d9d9d9;
     background: white;
-    color: #855cd6;
+    color: #575e75;
     border-radius: 0.5rem;
     padding: 0.5rem 1.25rem;
     font-size: 0.9rem;
     cursor: pointer;
 }
 
+.class-list-import-button:hover {
+    background: #f2f2f2;
+}
+
 .class-list-import-button:disabled {
     opacity: 0.5;
     cursor: default;
@@ -3234,13 +3261,14 @@ button.detail-tabs-download-urgent:hover:not(:disabled) {
 
 /* --- Class settings (inline card editor) --- */
 
+/* 紫枠をやめ、他の評価画面系レイアウトと同じ控えめな枠に統一（#1122）。 */
 .class-settings-form {
     flex: 1;
     display: flex;
     flex-direction: column;
     gap: 0.5rem;
     padding: 0.9rem 1rem;
-    border: 1px solid #855cd6;
+    border: 1px solid #d9d9d9;
     border-radius: 0.5rem;
     background: white;
 }
@@ -3298,10 +3326,15 @@ button.detail-tabs-download-urgent:hover:not(:disabled) {
     flex: 1;
 }
 
+/* プライマリ = 青塗り（評価画面に統一・#1122）。 */
 .class-settings-save {
-    background: #855cd6 !important;
+    background: #4c97ff !important;
     color: white;
-    border-color: #855cd6 !important;
+    border-color: #4c97ff !important;
+}
+
+.class-settings-save:hover {
+    background: #3d89f0 !important;
 }
 
 .class-settings-save:disabled {
@@ -3351,8 +3384,10 @@ button.detail-tabs-download-urgent:hover:not(:disabled) {
     font-size: 0.9rem;
 }
 
-.board-inline-create button {
-    background: #855cd6;
+/* プライマリ = 青塗り（評価画面に統一・#1122）。キャンセル（.popover-cancel）は
+   セカンダリのままにするため除外する。 */
+.board-inline-create button:not(.popover-cancel) {
+    background: #4c97ff;
     color: white;
     border: none;
     border-radius: 0.4rem;
@@ -3360,21 +3395,30 @@ button.detail-tabs-download-urgent:hover:not(:disabled) {
     cursor: pointer;
 }
 
-.board-inline-create button:disabled {
+.board-inline-create button:not(.popover-cancel):hover {
+    background: #3d89f0;
+}
+
+.board-inline-create button:not(.popover-cancel):disabled {
     opacity: 0.5;
     cursor: default;
 }
 
+/* セカンダリ = 白地 + 中立の枠線（評価画面に統一・#1122）。 */
 .board-reuse-button {
-    border: 1px solid #855cd6;
+    border: 1px solid #d9d9d9;
     background: white;
-    color: #855cd6;
+    color: #575e75;
     border-radius: 0.5rem;
     padding: 0.5rem 1rem;
     cursor: pointer;
     white-space: nowrap;
 }
 
+.board-reuse-button:hover {
+    background: #f2f2f2;
+}
+
 .board-reuse-button:disabled {
     opacity: 0.5;
     cursor: default;
@@ -3394,16 +3438,21 @@ button.detail-tabs-download-urgent:hover:not(:disabled) {
     background: white;
 }
 
+/* セカンダリ = 白地 + 中立の枠線（評価画面に統一・#1122）。 */
 .reuse-row-copy {
-    border: 1px solid #855cd6;
+    border: 1px solid #d9d9d9;
     background: white;
-    color: #855cd6;
+    color: #575e75;
     border-radius: 0.4rem;
     padding: 0.35rem 0.8rem;
     cursor: pointer;
     white-space: nowrap;
 }
 
+.reuse-row-copy:hover {
+    background: #f2f2f2;
+}
+
 .reuse-row-copy:disabled {
     opacity: 0.5;
     cursor: default;
@@ -3487,25 +3536,26 @@ button.detail-tabs-download-urgent:hover:not(:disabled) {
     white-space: nowrap;
 }
 
-/* Floating (modal-like) inline forms: border + shadow lift them above the
-   list so their extent is obvious. */
+/* 枠なし（#1122）: 評価画面に合わせてカードフレーム（枠・影）を外し、
+   本文はボードの左端にそろえる。 */
 .board-popover {
-    border: 1px solid hsla(0, 0%, 0%, 0.15);
-    border-radius: 0.6rem;
-    background: white;
-    box-shadow: 0 8px 24px hsla(0, 0%, 0%, 0.18);
-    padding: 1rem;
     margin: 0.75rem 0;
 }
 
+/* セカンダリ = 白地 + 中立の枠線（評価画面の .secondary-button に統一・#1122）。 */
 .popover-cancel {
-    border: 1px solid hsla(0, 0%, 0%, 0.2);
+    border: 1px solid #d9d9d9;
     background: white;
+    color: #575e75;
     border-radius: 0.4rem;
     padding: 0.5rem 1rem;
     cursor: pointer;
 }
 
+.popover-cancel:hover {
+    background: #f2f2f2;
+}
+
 .assignment-preview-header {
     display: flex;
     align-items: center;
diff --git a/packages/scratch-gui/src/components/classroom-modal/teacher-passcode-import.jsx b/packages/scratch-gui/src/components/classroom-modal/teacher-passcode-import.jsx
index 7fcc1d0512..64962a64dc 100644
--- a/packages/scratch-gui/src/components/classroom-modal/teacher-passcode-import.jsx
+++ b/packages/scratch-gui/src/components/classroom-modal/teacher-passcode-import.jsx
@@ -24,7 +24,7 @@ const TeacherPasscodeImport = ({ group, isLoading, lookup, error, onLookup, onIm
     }, [onImport, passcode, group]);
 
     return (
-        <div className={styles.postAssignmentContainer} data-testid="classroom-phase-passcode-import">
+        <div className={styles.boardInnerView} data-testid="classroom-phase-passcode-import">
             <div className={styles.phaseTitle}>
                 <FormattedMessage
                     defaultMessage="Import by passcode"
diff --git a/packages/scratch-gui/src/components/classroom-modal/teacher-share-step.jsx b/packages/scratch-gui/src/components/classroom-modal/teacher-share-step.jsx
index f46fe70928..f508d22e04 100644
--- a/packages/scratch-gui/src/components/classroom-modal/teacher-share-step.jsx
+++ b/packages/scratch-gui/src/components/classroom-modal/teacher-share-step.jsx
@@ -36,7 +36,7 @@ const TeacherShareStep = ({ classroom, isLoading, lastShared, onShare, onCancel
     // 発行後の確認。限定公開なら合言葉を大きく表示し、配布を促す。
     if (lastShared) {
         return (
-            <div className={styles.postAssignmentContainer} data-testid="classroom-phase-share-step">
+            <div className={styles.boardInnerView} data-testid="classroom-phase-share-step">
                 <div className={styles.phaseTitle}>
                     <FormattedMessage
                         defaultMessage="Shared"
@@ -123,7 +123,7 @@ const TeacherShareStep = ({ classroom, isLoading, lastShared, onShare, onCancel
     }
 
     return (
-        <div className={styles.postAssignmentContainer} data-testid="classroom-phase-share-step">
+        <div className={styles.boardInnerView} data-testid="classroom-phase-share-step">
             <div className={styles.phaseTitle}>
                 <FormattedMessage
                     defaultMessage="Share this assignment"