.crm-detail-page{min-width:0;padding:12px 24px 24px}.crm-detail-entity-header{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;min-width:0;margin-bottom:20px;padding:12px 16px 10px;display:flex}.crm-detail-entity-header h2{letter-spacing:-.025em;flex-wrap:wrap;align-items:center;gap:8px;font-size:20px;font-weight:600;display:flex}.crm-detail-entity-header p{color:#737373;margin-top:4px;font-size:14px}.crm-detail-key-badge{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.crm-detail-grid{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:16px;min-width:0;display:grid}.crm-detail-sidebar,.crm-detail-related{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:0;overflow:hidden;box-shadow:0 1px 2px #00000008}.crm-detail-sidebar-heading{border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;gap:8px;padding:8px 24px;display:flex}.crm-detail-sidebar-heading h2{white-space:nowrap;font-size:14px;font-weight:600}.crm-detail-sidebar-heading>div{gap:8px;display:flex}.crm-detail-sidebar button:disabled,.crm-detail-add button:disabled{opacity:.65}.crm-detail-key-customer{background:#fff1f273;border-bottom:1px solid #fecdd3;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;font-size:13px;display:flex}.crm-detail-key-customer>span{align-items:center;gap:8px;font-weight:500;display:inline-flex}.crm-detail-key-customer svg{color:#e11d48}.crm-detail-field{border-bottom:1px solid #e5e5e5;padding:8px 16px}.crm-detail-field:last-child{border-bottom:0}.crm-detail-field dt{color:#737373;letter-spacing:.08em;justify-content:space-between;align-items:flex-start;gap:8px;font-size:11px;font-weight:500;display:flex}.crm-detail-field dt>span{align-items:center;gap:6px;display:inline-flex}.crm-detail-field dt>button{height:25px;margin-top:-2px;padding:0 7px;font-size:11px}.crm-detail-field dd{overflow-wrap:anywhere;margin-top:4px;font-size:14px;line-height:20px}.crm-detail-field dd a{color:#2563eb}.crm-detail-field dd a:hover{text-decoration:underline}.crm-detail-sidebar.is-contact .crm-detail-field{padding-top:12px;padding-bottom:12px}.crm-detail-email,.crm-detail-name{justify-content:space-between;align-items:center;gap:6px;width:100%;min-width:0;display:inline-flex}.crm-detail-email>:where(a){overflow-wrap:anywhere;min-width:0}.crm-detail-copy{color:#a1a1aa;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.crm-detail-copy:hover{color:#27272a;background:#f4f4f5}.crm-detail-tab-header{border-bottom:1px solid #e5e5e5;padding:0 16px}.crm-detail-tab-list{background:0 0;gap:4px;width:100%;height:auto;padding:0;display:flex}.crm-detail-tab{color:#737373;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:6px;gap:8px;padding:9px 12px;font-size:14px;font-weight:500}.crm-detail-tab[data-state=active]{color:#171717;box-shadow:none;background:0 0;border-bottom-color:#0f172a}.crm-detail-tab-body{min-width:0;padding:8px 16px 16px}.crm-detail-tab-content{margin:0}.crm-detail-add{justify-content:flex-end;margin-bottom:12px;display:flex}.crm-detail-related table{min-width:700px;font-size:12px}.crm-detail-related table[aria-label=顧客の関連取引]{min-width:1150px}.crm-detail-related table[aria-label=会社の担当者]{min-width:620px}.crm-detail-related td{padding:10px 12px}.crm-detail-related th{background:#f8fafc;padding:10px 12px}.crm-detail-related table[aria-label=会社の担当者] th{color:#115e59;background:#f0fdfa}.crm-detail-related table[aria-label=顧客の関連取引] th{background:#eff6ff}.crm-detail-related td:first-child{min-width:230px;font-weight:500}.crm-detail-related tr[data-department=機械] td:first-child{border-left:3px solid #06b6d4}.crm-detail-related tr[data-department=電気] td:first-child{border-left:3px solid #eab308}.crm-detail-related td a:hover{text-decoration:underline}.crm-detail-schedule{white-space:nowrap}.crm-detail-sort{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.crm-detail-sort svg{color:#94a3b8}@media (width<=1023px){.crm-detail-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=767px){.crm-detail-page{padding:8px 12px 16px}.crm-detail-entity-header h2{font-size:18px}.crm-detail-tab-header{padding:0 8px}.crm-detail-tab{gap:4px;padding:9px 4px;font-size:12px}.crm-detail-tab-body{padding:8px 12px 12px}}
